quantum-component-library 1.4.47-dev.1 → 1.4.47-dev.10

package/dist/components.js

@@ -1,243 +1,246 @@
 import { j as e } from "./react-jsx-runtime-vendor-OVHDjVDe.js";
-import { Flex as he, InputGroup as Pe, InputLeftElement as dt, Icon as Qe, Input as Ie, FormLabel as qe, Box as q, TableContainer as He, Table as Ye, Thead as Je, Tr as Me, Th as ce, Tbody as Ke, Td as ue, ButtonGroup as me, Tooltip as Xe, Button as J, RangeSlider as ut, RangeSliderMark as Re, Text as v, RangeSliderTrack as ht, RangeSliderFilledTrack as mt, RangeSliderThumb as Ue, Select as $e, NumberInput as Ge, NumberInputField as We, HStack as X, Tag as ge, Checkbox as pt, useToast as Ze, VStack as Z, FormControl as W, RadioGroup as Ve, Radio as Ae, Alert as Oe, AlertIcon as Te, Spinner as et, useDisclosure as gt, Modal as xt, ModalOverlay as ft, ModalContent as jt, ModalHeader as vt, ModalCloseButton as bt, ModalBody as yt, ModalFooter as Ct, IconButton as wt, Textarea as Le } from "@chakra-ui/react";
-import { useMemo as _, useState as E, useCallback as N, useRef as St, useEffect as V, memo as Ne } from "react";
-import { u as Mt } from "./ufuzzy-vendor-Dl0ZI6Av.js";
-import { s as ie, y as At } from "./react-select-vendor-C_DuqfB7.js";
-import { F as Ot, a as Tt } from "./react-icons-vendor-TETORdU9.js";
-import { u as oe, a as te, b as It } from "./graphql-vendor-BWnD0b-j.js";
-import { g as B, T as we, S as z, A as ve, a as Fe } from "./generated-esGwfMXj.js";
-import { A as re, G as tt, a as Nt, C as ze, b as st, c as nt, d as Se, M as ot, e as ke, f as Rt, U as rt, g as it, S as Lt, h as Ft, i as Et, j as Dt, k as kt, l as _t, m as zt, n as Pt } from "./graphql-CZIf58Fd.js";
-import { D as Ut, H as $t, u as Gt, a as Wt } from "./react-dnd-vendor-D4nn9Mqx.js";
-import { getSegmentNameWithPlane as lt, getJointNameWithPlane as at, getJointAngleDirectionName as Bt, getSegmentAngleDirectionName as Qt, getNormativeJointRange as qt } from "./services.js";
-import { availablePlanes as Be, getAnalysisPartIdNoSide as be } from "./types.js";
-import { thresholdsToParameters as Ht, parametersToThresholds as Ee, cn as Yt } from "./utils.js";
-import { usePartOptionsForSensorLocations as Jt } from "./hooks.js";
-const Kt = ({
-  setSearch: n,
-  actions: s,
-  updateUseCases: r
+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";
+import { F as Tt, a as Mt } from "./react-icons-vendor-TETORdU9.js";
+import { u as le, a as oe } from "./graphql-vendor-B0NjgbDB.js";
+import { getFragmentData as U } from "./generated.js";
+import { M as me, A as ae, G as Ve, a as Ot, C as De, b as et, c as tt, d as Ce, e as nt, f as It, U as st, g as ot, h as Nt, i as Lt, j as rt, k as Dt, l as Ft, m as kt } from "./graphql-CvUc6Vdv.js";
+import { D as Rt, H as Et, u as zt, a as $t } from "./react-dnd-vendor-D4nn9Mqx.js";
+import { ThresholdKind as we, SensorLocation as W, SessionType as Pt, ActionLaterality as _t, ActivityType as Gt } from "./generated-graphql.js";
+import { getSegmentNameWithPlane as it, getJointNameWithPlane as lt, getJointAngleDirectionName as Wt, getSegmentAngleDirectionName as Qt, getNormativeJointRange as Ut, mapSessionTypeEnumToLabel as Pe, getActivityKindFromActivityType as Bt, mapActivityTypeEnumToLabel as _e } from "./services.js";
+import { availablePlanes as Ge, getAnalysisPartIdNoSide as ve } from "./types.js";
+import { thresholdsToParameters as qt, parametersToThresholds as We, cn as Ht } from "./utils.js";
+import { usePartOptionsForSensorLocations as Yt } from "./hooks.js";
+const Jt = ({
+  setSearch: s,
+  actions: n,
+  updateUseCases: i,
+  hideUseCaseFilter: c = !1
 }) => {
-  const d = _(
-    () => s?.flatMap((i) => i.useCases).filter((i, l, u) => u.findIndex((g) => g.id === i.id) === l).map((i) => ({
-      label: i.name,
-      value: i.id
+  const u = F(
+    () => n?.flatMap((l) => l.useCases).filter((l, d, v) => v.findIndex((o) => o.id === l.id) === d).map((l) => ({
+      label: l.name,
+      value: l.id
     })) || [],
-    [s]
+    [n]
   );
   return /* @__PURE__ */ e.jsxs(he, { width: "100%", alignContent: "space-evenly", gap: 4, children: [
-    /* @__PURE__ */ e.jsxs(Pe, { size: "md", children: [
-      /* @__PURE__ */ e.jsx(dt, { children: /* @__PURE__ */ e.jsx(Qe, { as: Ot, color: "gray.300" }) }),
+    /* @__PURE__ */ e.jsxs(Fe, { size: "md", flex: 1, children: [
+      /* @__PURE__ */ e.jsx(ct, { children: /* @__PURE__ */ e.jsx(Ue, { as: Tt, color: "gray.300" }) }),
       /* @__PURE__ */ e.jsx(
-        Ie,
+        je,
         {
           placeholder: "Search by name...",
-          maxW: "30rem",
-          onChange: (i) => n(i.target.value)
+          width: "100%",
+          maxW: c ? void 0 : "30rem",
+          onChange: (l) => s(l.target.value)
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(Pe, { size: "md", children: /* @__PURE__ */ e.jsx(
-      ie,
+    !c && /* @__PURE__ */ e.jsx(Fe, { size: "md", children: /* @__PURE__ */ e.jsx(
+      se,
       {
         size: "md",
         chakraStyles: {
-          container: (i) => ({
-            ...i,
+          container: (l) => ({
+            ...l,
             width: "100%"
           })
         },
         menuPortalTarget: document.body,
         placeholder: "Filter use case",
         isMulti: !0,
-        options: d,
-        onChange: (i) => r(i.map((l) => l.value))
+        options: u,
+        onChange: (l) => i(l.map((d) => d.value))
       }
     ) })
   ] });
-}, se = ({
-  children: n
-}) => /* @__PURE__ */ e.jsx(qe, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: n }), Xt = ({ value: n, onChange: s }) => {
-  const r = E(
+}, re = ({
+  children: s
+}) => /* @__PURE__ */ e.jsx(Be, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: s }), Xt = ({ value: s, onChange: n }) => {
+  const i = P(
     () => Math.random().toString(36).substring(2, 15)
-  )[0], d = N(
-    (i, l) => {
-      s((u) => {
-        const g = [...u], [a] = g.splice(i, 1);
-        return g.splice(l, 0, a), g;
+  )[0], c = R(
+    (u, l) => {
+      n((d) => {
+        const v = [...d], [o] = v.splice(u, 1);
+        return v.splice(l, 0, o), v;
       });
     },
-    [s]
+    [n]
   );
-  return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(Ut, { backend: $t, children: /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsxs(Ye, { variant: "simple", size: "md", children: [
-    /* @__PURE__ */ e.jsx(Je, { children: /* @__PURE__ */ e.jsxs(Me, { children: [
-      /* @__PURE__ */ e.jsx(ce, { children: "Order" }),
-      /* @__PURE__ */ e.jsx(ce, { children: "Name" })
+  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" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Ke, { children: n.map((i, l) => /* @__PURE__ */ e.jsx(
-      Zt,
+    /* @__PURE__ */ e.jsx(Je, { children: s.map((u, l) => /* @__PURE__ */ e.jsx(
+      Kt,
       {
-        listKey: r,
+        listKey: i,
         index: l,
-        id: i.id,
-        name: i.name,
-        move: d
+        id: u.id,
+        name: u.name,
+        move: c
       },
-      i.id
+      u.id
     )) })
   ] }) }) }) });
-}, Zt = ({ listKey: n, index: s, id: r, name: d, move: i }) => {
-  const l = St(null), [{ handlerId: u }, g] = Gt({
-    accept: n,
-    collect: (x) => ({
-      handlerId: x.getHandlerId()?.toString() ?? ""
+}, Kt = ({ listKey: s, index: n, id: i, name: c, move: u }) => {
+  const l = St(null), [{ handlerId: d }, v] = zt({
+    accept: s,
+    collect: (h) => ({
+      handlerId: h.getHandlerId()?.toString() ?? ""
     }),
-    hover: (x, A) => {
+    hover: (h, S) => {
       if (!l.current)
         return;
-      const o = x.index, c = s;
-      if (o === c)
+      const r = h.index, a = n;
+      if (r === a)
         return;
-      const j = l.current?.getBoundingClientRect(), m = (j.bottom - j.top) / 2, w = A.getClientOffset().y - j.top;
-      o < c && w < m || o > c && w > m || (i(o, c), x.index = c);
+      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);
     }
-  }), [{ isDragging: a }, M] = Wt({
-    type: n,
-    item: () => ({ id: r, index: s }),
-    collect: (x) => ({
-      isDragging: x.isDragging()
+  }), [{ isDragging: o }, I] = $t({
+    type: s,
+    item: () => ({ id: i, index: n }),
+    collect: (h) => ({
+      isDragging: h.isDragging()
     })
-  }), T = a ? 0.6 : 1, p = a ? "grabbing" : "grab";
-  return M(g(l)), /* @__PURE__ */ e.jsxs(Me, { ref: l, style: { opacity: T, cursor: p }, "data-handler-id": u, children: [
-    /* @__PURE__ */ e.jsx(ue, { children: s + 1 }),
-    /* @__PURE__ */ e.jsx(ue, { children: d })
+  }), j = o ? 0.6 : 1, A = o ? "grabbing" : "grab";
+  return I(v(l)), /* @__PURE__ */ e.jsxs(Se, { ref: l, style: { opacity: j, cursor: A }, "data-handler-id": d, children: [
+    /* @__PURE__ */ e.jsx(ge, { children: n + 1 }),
+    /* @__PURE__ */ e.jsx(ge, { children: c })
   ] });
-}, _e = ({
-  items: n,
-  onChange: s,
-  selectedItem: r,
-  isDisabled: d,
-  selectedProps: i,
+}, Zt = ({
+  items: s,
+  onChange: n,
+  selectedItem: i,
+  isDisabled: c,
+  selectedProps: u,
   buttonProps: l
 }) => {
-  const u = (a) => a === r || a.value === r, g = (a) => u(a) ? { ...l, ...i } : l;
-  return /* @__PURE__ */ e.jsx(me, { isAttached: !0, isDisabled: d, children: n.map((a, M) => /* @__PURE__ */ e.jsx(
-    Xe,
+  const d = (o) => o === i || o.value === i, v = (o) => d(o) ? { ...l, ...u } : l;
+  return /* @__PURE__ */ e.jsx(xe, { isAttached: !0, isDisabled: c, children: s.map((o, I) => /* @__PURE__ */ e.jsx(
+    Le,
     {
-      label: a.tooltip,
+      label: o.tooltip,
       openDelay: 50,
       closeDelay: 200,
       placement: "top",
-      visibility: a.tooltip ? "visible" : "hidden",
+      visibility: o.tooltip ? "visible" : "hidden",
       hasArrow: !0,
       children: /* @__PURE__ */ e.jsx(
         J,
         {
-          onClick: () => u(a) ? null : s(a, M),
-          isDisabled: a.disabled,
-          ...g(a),
-          children: a.label
+          onClick: () => d(o) ? null : n(o, I),
+          isDisabled: o.disabled,
+          ...v(o),
+          children: o.label
         }
       )
     },
-    M
+    I
   )) });
-}, ye = (n, s) => s < 0 ? -1 * Math.abs(n) : Math.abs(n), Vt = ({
-  isReversed: n,
-  min: s,
-  max: r,
-  value: d,
-  onChange: i,
+}, ye = (s, n) => n < 0 ? -1 * Math.abs(s) : Math.abs(s), Vt = ({
+  isReversed: s,
+  min: n,
+  max: i,
+  value: c,
+  onChange: u,
   inputProps: l,
-  size: u,
-  zeroMarker: g,
-  formatValue: a,
-  valueLabel: M,
-  positiveNegativeLabels: T,
-  isDisabled: p,
-  ...x
+  size: d,
+  zeroMarker: v,
+  formatValue: o,
+  valueLabel: I,
+  positiveNegativeLabels: j,
+  isDisabled: A,
+  ...h
 }) => {
-  const [A, o] = E([void 0, void 0]), c = A[0], j = A[1], m = g && s < -5 && r > 5, C = Number(d?.[0] ?? j ?? s) > 0 ? 1 : -1, w = Number(d?.[1] ?? j ?? r) < 0 ? -1 : 1, S = T?.[0] === T?.[1], b = d?.[0], O = d?.[1];
-  V(() => {
-    b !== void 0 && O !== void 0 && o([b.toFixed(0), O.toFixed(0)]);
-  }, [b, O, o]);
-  const I = N(
-    ([y, L]) => {
-      y < L && o([y.toFixed(0), L.toFixed(0)]);
+  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];
+  ne(() => {
+    k !== void 0 && T !== void 0 && r([k.toFixed(0), T.toFixed(0)]);
+  }, [k, T, r]);
+  const N = R(
+    ([b, z]) => {
+      b < z && r([b.toFixed(0), z.toFixed(0)]);
     },
-    [o]
-  ), D = N(
-    ([y, L]) => {
-      y < L && i([y, L]);
+    [r]
+  ), E = R(
+    ([b, z]) => {
+      b < z && u([b, z]);
     },
-    [i]
-  ), P = N(() => {
-    o(([y, L]) => {
-      const K = isNaN(Number(y)) ? s : Number(y), t = isNaN(Number(L)) ? r : Number(L), h = ye(Number(K), C), f = ye(Number(t), w), F = C < 0 ? Math.max(h, s) : Math.min(h, r), U = w < 0 ? Math.max(f, s) : Math.min(f, r);
-      return F > U ? (i([U, F]), [U.toFixed(0), F.toFixed(0)]) : (i([F, U]), [F.toFixed(0), U.toFixed(0)]);
+    [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);
+      return D > $ ? (u([$, D]), [$.toFixed(0), D.toFixed(0)]) : (u([D, $]), [D.toFixed(0), $.toFixed(0)]);
     });
-  }, [i, o, C, w, s, r]), ee = N(
-    (y) => {
-      const L = y === "" || isNaN(Number(y)) ? y : ye(Number(y), C);
-      o(([K, t]) => [L.toString(), t]);
+  }, [u, r, y, C, n, i]), f = R(
+    (b) => {
+      const z = b === "" || isNaN(Number(b)) ? b : ye(Number(b), y);
+      r(([Z, t]) => [z.toString(), t]);
     },
-    [o, C]
-  ), $ = N(
-    (y) => {
-      const L = y === "" || isNaN(Number(y)) ? y : ye(Number(y), w);
-      o(([K, t]) => [K, L.toString()]);
+    [r, y]
+  ), M = R(
+    (b) => {
+      const z = b === "" || isNaN(Number(b)) ? b : ye(Number(b), C);
+      r(([Z, t]) => [Z, z.toString()]);
     },
-    [o, w]
-  ), k = _(
-    () => u === "xs" ? "0.75rem" : void 0,
-    [u]
-  ), H = N(
-    (y, L) => {
-      const K = Number(L.target.value);
-      if (!c || !j || ![-1, 1].includes(K))
+    [r, C]
+  ), L = F(
+    () => d === "xs" ? "0.75rem" : void 0,
+    [d]
+  ), X = R(
+    (b, z) => {
+      const Z = Number(z.target.value);
+      if (!a || !p || ![-1, 1].includes(Z))
         return;
-      const t = (F) => K < 0 ? -1 * Math.abs(F) : Math.abs(F), h = y ? t(Number(c)) : Number(c), f = y ? Number(j) : t(Number(j));
-      h > f ? i([f, h]) : i([h, f]);
+      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]);
     },
-    [c, j, i]
+    [a, p, u]
   );
-  return /* @__PURE__ */ e.jsxs(he, { direction: "column", ...x, children: [
-    /* @__PURE__ */ e.jsx(q, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
-      ut,
+  return /* @__PURE__ */ e.jsxs(he, { direction: "column", ...h, children: [
+    /* @__PURE__ */ e.jsx(Y, { pt: "1em", mb: "-0.5em", children: /* @__PURE__ */ e.jsxs(
+      dt,
       {
         "aria-label": ["min", "max"],
-        isReversed: n,
-        value: [Number(c ?? s), Number(j ?? r)],
-        max: r,
-        min: s,
+        isReversed: s,
+        value: [Number(a ?? n), Number(p ?? i)],
+        max: i,
+        min: n,
         minStepsBetweenThumbs: 3,
         step: 1,
-        onChange: I,
-        onChangeEnd: D,
-        isDisabled: p,
+        onChange: N,
+        onChangeEnd: E,
+        isDisabled: A,
         children: [
-          /* @__PURE__ */ e.jsx(Re, { value: s, top: "-1em", children: /* @__PURE__ */ e.jsx(
-            v,
+          /* @__PURE__ */ e.jsx(Ne, { value: n, top: "-1em", children: /* @__PURE__ */ e.jsx(
+            x,
             {
-              fontSize: u ?? "sm",
+              fontSize: d ?? "sm",
               fontWeight: "semibold",
               whiteSpace: "nowrap",
-              children: a ? a?.(s) : s
+              children: o ? o?.(n) : n
             }
           ) }),
-          /* @__PURE__ */ e.jsx(Re, { value: r, top: "-1em", children: /* @__PURE__ */ e.jsx(
-            v,
+          /* @__PURE__ */ e.jsx(Ne, { value: i, top: "-1em", children: /* @__PURE__ */ e.jsx(
+            x,
             {
-              fontSize: u ?? "sm",
+              fontSize: d ?? "sm",
               fontWeight: "semibold",
               style: { transform: "translateX(-100%)" },
               whiteSpace: "nowrap",
-              children: a ? a(r) : r
+              children: o ? o(i) : i
             }
           ) }),
-          m && /* @__PURE__ */ e.jsxs(Re, { value: 0, top: "-1em", pos: "relative", children: [
-            /* @__PURE__ */ e.jsx(v, { fontSize: u, fontWeight: "semibold", children: a?.(0) ?? "0" }),
+          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(
-              q,
+              Y,
               {
                 position: "absolute",
                 width: "2px",
@@ -248,34 +251,34 @@ const Kt = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx(ht, { children: /* @__PURE__ */ e.jsx(mt, {}) }),
-          /* @__PURE__ */ e.jsx(Ue, { index: 0, w: k, h: k }),
-          /* @__PURE__ */ e.jsx(Ue, { index: 1, w: k, h: k })
+          /* @__PURE__ */ e.jsx(ut, { children: /* @__PURE__ */ e.jsx(ht, {}) }),
+          /* @__PURE__ */ e.jsx(ke, { index: 0, w: L, h: L }),
+          /* @__PURE__ */ e.jsx(ke, { index: 1, w: L, h: L })
         ]
       }
     ) }),
-    M && /* @__PURE__ */ e.jsxs(
+    I && /* @__PURE__ */ e.jsxs(
       he,
       {
-        direction: n ? "row-reverse" : "row",
+        direction: s ? "row-reverse" : "row",
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ e.jsx(
-            v,
+            x,
             {
-              fontSize: u ?? "sm",
+              fontSize: d ?? "sm",
               fontWeight: "semibold",
               whiteSpace: "nowrap",
-              children: M(s)
+              children: I(n)
             }
           ),
           /* @__PURE__ */ e.jsx(
-            v,
+            x,
             {
-              fontSize: u ?? "sm",
+              fontSize: d ?? "sm",
               fontWeight: "semibold",
               whiteSpace: "nowrap",
-              children: M(r)
+              children: I(i)
             }
           )
         ]
@@ -284,43 +287,43 @@ const Kt = ({
     /* @__PURE__ */ e.jsxs(
       he,
       {
-        direction: n ? "row-reverse" : "row",
+        direction: s ? "row-reverse" : "row",
         justifyContent: "center",
         alignItems: "center",
         gap: "0.125em",
         children: [
-          T && /* @__PURE__ */ e.jsxs(
-            $e,
+          j && /* @__PURE__ */ e.jsxs(
+            Re,
             {
               width: "auto",
-              size: u,
+              size: d,
               fontWeight: "bold",
-              value: C,
-              onChange: (y) => H(!0, y),
-              isDisabled: S || p,
+              value: y,
+              onChange: (b) => X(!0, b),
+              isDisabled: G || A,
               children: [
-                /* @__PURE__ */ e.jsx("option", { value: -1, children: T[0] }),
-                /* @__PURE__ */ e.jsx("option", { value: 1, children: T[1] })
+                /* @__PURE__ */ e.jsx("option", { value: -1, children: j[0] }),
+                /* @__PURE__ */ e.jsx("option", { value: 1, children: j[1] })
               ]
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Ge,
+            Ee,
             {
               precision: 0,
-              size: u ?? "sm",
+              size: d ?? "sm",
               min: 0,
-              max: C < 0 ? Math.abs(s) : O ?? r,
-              value: c === "" ? "" : Math.abs(Number(c ?? s)),
-              onChange: ee,
-              onBlur: P,
+              max: y < 0 ? Math.abs(n) : T ?? i,
+              value: a === "" ? "" : Math.abs(Number(a ?? n)),
+              onChange: f,
+              onBlur: _,
               borderWidth: 1,
               borderRadius: 3,
               borderColor: "#ccc",
-              isDisabled: p,
+              isDisabled: A,
               ...l,
               children: /* @__PURE__ */ e.jsx(
-                We,
+                ze,
                 {
                   backgroundColor: "#fff",
                   paddingRight: 0,
@@ -330,22 +333,22 @@ const Kt = ({
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Ge,
+            Ee,
             {
-              size: u ?? "sm",
+              size: d ?? "sm",
               min: 0,
-              max: w < 0 ? Math.abs(b ?? s) : r,
+              max: C < 0 ? Math.abs(k ?? n) : i,
               precision: 0,
-              value: j === "" ? "" : Math.abs(Number(j ?? r)),
-              onChange: $,
-              onBlur: P,
+              value: p === "" ? "" : Math.abs(Number(p ?? i)),
+              onChange: M,
+              onBlur: _,
               borderWidth: 1,
               borderRadius: 3,
               borderColor: "#ccc",
-              isDisabled: p,
+              isDisabled: A,
               ...l,
               children: /* @__PURE__ */ e.jsx(
-                We,
+                ze,
                 {
                   backgroundColor: "#fff",
                   paddingRight: 0,
@@ -354,18 +357,18 @@ const Kt = ({
               )
             }
           ),
-          T && /* @__PURE__ */ e.jsxs(
-            $e,
+          j && /* @__PURE__ */ e.jsxs(
+            Re,
             {
               width: "auto",
-              size: u,
+              size: d,
               fontWeight: "bold",
-              value: w,
-              onChange: (y) => H(!1, y),
-              isDisabled: S || p,
+              value: C,
+              onChange: (b) => X(!1, b),
+              isDisabled: G || A,
               children: [
-                /* @__PURE__ */ e.jsx("option", { value: -1, children: T[0] }),
-                /* @__PURE__ */ e.jsx("option", { value: 1, children: T[1] })
+                /* @__PURE__ */ e.jsx("option", { value: -1, children: j[0] }),
+                /* @__PURE__ */ e.jsx("option", { value: 1, children: j[1] })
               ]
             }
           )
@@ -373,186 +376,256 @@ const Kt = ({
       }
     )
   ] });
-}, es = ({ tags: n, containerProps: s, ...r }) => /* @__PURE__ */ e.jsx(X, { ...s, children: n.map((d, i) => /* @__PURE__ */ e.jsx(ge, { ...r, children: d }, i)) }), ts = new Mt({}), ss = (n, s) => {
-  if (!s || !s.trim().length)
-    return n;
-  const r = n.map((i) => i.name ?? "");
-  return ts.filter(r, s)?.map((i) => n[i]) ?? [];
-}, ns = (n, s) => !s || s.length == 0 ? n : n.filter(
-  (r) => r.useCases.some((d) => s.includes(d.id))
-), os = ({
-  actions: n,
-  totalActions: s,
-  onCreate: r,
-  onDelete: d,
-  onEdit: i,
-  onSelected: l,
-  onDuplicate: u,
-  disableMultiSelect: g,
-  disableDelete: a,
-  disableEdit: M,
-  disableCreate: T,
-  tableProps: p,
-  ...x
+}, en = ({ tags: s, containerProps: n, ...i }) => /* @__PURE__ */ e.jsx(te, { ...n, children: s.map((c, u) => /* @__PURE__ */ e.jsx(fe, { ...i, children: c }, u)) }), tn = new At({}), nn = ({
+  action: s,
+  quantumIconSrc: n
+}) => s.quantumOwned ? /* @__PURE__ */ e.jsx(
+  Le,
+  {
+    label: "This activity is owned by Quantum",
+    "aria-label": "Quantum owned",
+    children: /* @__PURE__ */ e.jsx(
+      Y,
+      {
+        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"
+          }
+        )
+      }
+    )
+  }
+) : null, sn = (s, n) => {
+  if (!n || !n.trim().length)
+    return s;
+  const i = s.map((u) => u.name ?? "");
+  return tn.filter(i, n)?.map((u) => s[u]) ?? [];
+}, on = (s) => !s || s.length === 0 ? "None" : s.map(
+  (n) => (
+    // Convert camelCase to separate words (e.g., 'LeftFoot' -> 'Left Foot')
+    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)) ?? !1
+), ln = ({
+  actions: s,
+  totalActions: n,
+  onCreate: i,
+  onDelete: c,
+  onEdit: u,
+  onView: l,
+  onSelected: d,
+  onDuplicate: v,
+  disableMultiSelect: o,
+  disableDelete: I,
+  disableEdit: j,
+  disableCreate: A,
+  hideUseCase: h = !0,
+  tableProps: S,
+  containerProps: r,
+  quantumIconSrc: a = "/favicon.ico"
 }) => {
-  const [A, o] = E(""), [c, j] = E(), m = _(() => {
-    if (!n)
+  const [p, g] = P(""), [y, C] = P(), G = F(() => {
+    if (!s)
       return;
-    const S = ss(n, A);
-    return ns(S, c).sort((O, I) => O.name.localeCompare(I.name));
-  }, [n, A, c]), C = N(() => {
-    if (!d)
+    const f = sn(s, p);
+    return h ? f : rn(f, y);
+  }, [s, p, y, h]), k = R(() => {
+    if (!c)
       return;
-    const S = n.filter((b) => b.selected).map((b) => b.id);
-    d(S);
-  }, [n, d]), w = N(() => {
-    if (!u)
+    const M = s.filter(
+      (L) => L.selected && !L.quantumOwned
+    ).map((L) => L.id);
+    c(M);
+  }, [s, c]), T = R(() => {
+    if (!v)
       return;
-    const S = n.filter((b) => b.selected);
-    u(S.map((b) => b.id)), l && S.forEach((b) => l(b, !1));
-  }, [n, u, l]);
-  return /* @__PURE__ */ e.jsxs(q, { ...x, children: [
+    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(Y, { ...r, children: [
     /* @__PURE__ */ e.jsxs(he, { alignContent: "space-between", gap: 4, children: [
-      (r || d || u) && /* @__PURE__ */ e.jsxs(me, { mb: "1rem", gap: 4, children: [
-        r && /* @__PURE__ */ e.jsx(
+      (i || c || v) && /* @__PURE__ */ e.jsxs(xe, { mb: "1rem", gap: 4, children: [
+        i && /* @__PURE__ */ e.jsx(
           J,
           {
-            isDisabled: !r || T,
+            isDisabled: !i || A,
             colorScheme: "blackAlpha",
             backgroundColor: "gray.700",
-            onClick: r,
+            onClick: i,
             children: "Create New Activity"
           }
         ),
-        d && !g && /* @__PURE__ */ e.jsx(
-          J,
+        c && !o && /* @__PURE__ */ e.jsx(
+          Le,
           {
-            colorScheme: "gray",
-            isDisabled: n.length <= 0 || !d || a,
-            onClick: C,
-            children: "Delete Selected"
+            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(
+              J,
+              {
+                colorScheme: "gray",
+                isDisabled: !N || !c || I,
+                onClick: k,
+                children: "Delete Selected"
+              }
+            )
           }
         ),
-        u && !g && /* @__PURE__ */ e.jsx(
+        v && !o && /* @__PURE__ */ e.jsx(
           J,
           {
             colorScheme: "gray",
-            isDisabled: n.length <= 0,
-            onClick: w,
+            isDisabled: !E,
+            onClick: T,
             children: "Duplicate Selected"
           }
         )
       ] }),
       /* @__PURE__ */ e.jsx(
-        Kt,
+        Jt,
         {
-          setSearch: o,
-          actions: n,
-          updateUseCases: j
+          setSearch: g,
+          actions: s,
+          updateUseCases: C,
+          hideUseCaseFilter: h
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(He, { mr: "2rem", overflowX: "hidden", ...p, children: /* @__PURE__ */ e.jsxs(Ye, { size: "md", variant: "simple", children: [
-      /* @__PURE__ */ e.jsx(Je, { position: "sticky", top: 0, bg: "white", zIndex: 1, children: /* @__PURE__ */ e.jsxs(Me, { children: [
-        /* @__PURE__ */ e.jsxs(ce, { fontWeight: "normal", children: [
+    /* @__PURE__ */ e.jsx(qe, { mr: "2rem", overflowX: "hidden", ...S, 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 ",
-          m?.length ?? 0,
+          G?.length ?? 0,
           " of",
           " ",
-          s ?? n.length,
+          n ?? s.length,
           ")"
         ] }),
-        /* @__PURE__ */ e.jsx(ce, { children: "Name" }),
-        /* @__PURE__ */ e.jsx(ce, { children: "Sensor Count" }),
-        /* @__PURE__ */ e.jsx(ce, { children: "Use Case" }),
-        /* @__PURE__ */ e.jsx(ce, {})
+        /* @__PURE__ */ e.jsx(ue, { children: "Name" }),
+        /* @__PURE__ */ e.jsx(ue, { children: "Sensor Locations" }),
+        !h && /* @__PURE__ */ e.jsx(ue, { children: "Use Case" }),
+        /* @__PURE__ */ e.jsx(ue, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx(Ke, { children: m?.map((S) => /* @__PURE__ */ e.jsxs(
-        Me,
+      /* @__PURE__ */ e.jsx(Je, { children: G?.map((f) => /* @__PURE__ */ e.jsxs(
+        Se,
         {
-          title: g && S.selected ? "This activity is selected. Click it again to deselect." : void 0,
-          bg: g && S.selected ? "gray.200" : void 0,
+          title: o && f.selected ? "This activity is selected. Click it again to deselect." : void 0,
+          bg: o && f.selected ? "gray.200" : void 0,
           _hover: {
-            bg: g && !S.selected ? "#f7f7f7" : void 0
+            bg: o && !f.selected ? "#f7f7f7" : void 0
           },
-          cursor: g ? "pointer" : "default",
-          onClick: () => g ? l?.(S, !S.selected) : void 0,
+          cursor: o ? "pointer" : "default",
+          onClick: () => o ? d?.(f, !f.selected) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(ue, { children: /* @__PURE__ */ e.jsxs(he, { children: [
-              l && !g && /* @__PURE__ */ e.jsx(
-                pt,
+            /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsxs(he, { children: [
+              d && !o && /* @__PURE__ */ e.jsx(
+                mt,
                 {
-                  isChecked: S.selected,
-                  onChange: (b) => l(S, b.target.checked)
+                  isChecked: f.selected,
+                  "aria-label": "Select activity",
+                  onChange: (M) => d(f, M.target.checked)
                 }
               ),
-              i && /* @__PURE__ */ e.jsx(
+              (f.quantumOwned || !u) && l && /* @__PURE__ */ e.jsx(
                 J,
                 {
-                  disabled: M,
                   ml: "1em",
                   size: "sm",
                   variant: "link",
                   colorScheme: "blue",
-                  onClick: () => i(S.id),
-                  children: "edit"
+                  onClick: () => l(f.id),
+                  children: "View"
+                }
+              ),
+              !f.quantumOwned && u && /* @__PURE__ */ e.jsx(
+                J,
+                {
+                  isDisabled: j,
+                  ml: "1em",
+                  size: "sm",
+                  variant: "link",
+                  colorScheme: "blue",
+                  onClick: () => u(f.id),
+                  children: "Edit"
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e.jsx(ue, { whiteSpace: "break-spaces", children: S.name }),
-            /* @__PURE__ */ e.jsx(ue, { maxW: "20rem", children: S.sensorLocations.length }),
-            /* @__PURE__ */ e.jsx(ue, { maxW: "20rem", children: /* @__PURE__ */ e.jsx(
-              es,
+            /* @__PURE__ */ e.jsx(ge, { whiteSpace: "break-spaces", children: /* @__PURE__ */ e.jsxs(he, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ e.jsx(
+                nn,
+                {
+                  action: f,
+                  quantumIconSrc: a
+                }
+              ),
+              f.name
+            ] }) }),
+            /* @__PURE__ */ e.jsx(ge, { maxW: "20rem", whiteSpace: "break-spaces", children: on(f.sensorLocations) }),
+            !h && /* @__PURE__ */ e.jsx(ge, { maxW: "20rem", children: /* @__PURE__ */ e.jsx(
+              en,
               {
                 containerProps: { flexWrap: "wrap" },
-                tags: S.useCases?.map((b) => b.name) ?? []
+                tags: f.useCases?.map((M) => M.name) ?? []
               }
             ) })
           ]
         },
-        S.id
+        f.id
       )) })
     ] }) })
   ] });
-}, Ns = ({
-  onSave: n,
-  onCancel: s,
-  onError: r,
-  hideButtons: d = !1,
-  setButtonDisabled: i,
+}, kn = ({
+  onSave: s,
+  onCancel: n,
+  onError: i,
+  hideButtons: c = !1,
+  setButtonDisabled: u,
   setButtonOnClick: l,
-  quantumOwned: u
+  quantumOwned: d
 }) => {
-  const g = Ze(), [a, M] = E("copy"), [T, p] = E(""), [x, A] = E([]), [o, c] = E(!1), [j] = oe({
-    query: tt
-  }), [m] = oe({
-    query: Nt,
-    variables: { groupId: T },
-    pause: !T
+  const v = Xe(), [o, I] = P("copy"), [j, A] = P(""), [h, S] = P([]), [r, a] = P(!1), [p] = le({
+    query: Ve
+  }), [g] = le({
+    query: Ot,
+    variables: { groupId: j },
+    pause: !j
     // Only run when group is selected
-  }), [, C] = te(ze), [, w] = te(
-    st
-  ), S = _(() => j.data?.groups ? j.data.groups.map(
-    (t) => B(nt, t)
-  ) : [], [j.data]), b = _(() => m.data ? m.data.actions.map(
-    (h) => B(re, h)
-  ) : [], [m.data]), O = _(() => b.filter(
-    (t) => x.includes(t.id)
-  ), [b, x]), I = N(
+  }), [, y] = oe(De), [, C] = oe(
+    et
+  ), G = F(() => p.data?.groups ? p.data.groups.map(
+    (t) => U(tt, t)
+  ) : [], [p.data]), k = F(() => g.data ? g.data.actions.map(
+    (m) => U(ae, m)
+  ) : [], [g.data]), T = F(() => k.filter(
+    (t) => h.includes(t.id)
+  ), [k, h]), N = R(
     (t) => {
-      const h = t?.value || "";
-      p(h), A([]);
+      const m = t?.value || "";
+      A(m), S([]);
     },
     []
-  ), D = N(
+  ), E = R(
     (t) => {
-      const h = t.map((f) => f.value);
-      A(h);
+      const m = t.map((w) => w.value);
+      S(m);
     },
     []
-  ), P = N(
+  ), _ = R(
     async (t) => {
-      const h = {
+      const m = U(
+        me,
+        t.categories
+      ), w = {
         ...t,
         name: `${t.name} (Copy)`,
         // Add "(Copy)" suffix to distinguish
@@ -562,201 +635,202 @@ const Kt = ({
         laterality: t.laterality,
         activityKind: t.activityKind,
         sensorLocations: t.sensorLocations,
-        thresholds: t.thresholds.map((F) => ({
-          ...F,
+        thresholds: t.thresholds.map(($) => ({
+          ...$,
           id: void 0
         })),
-        quantumOwned: u,
+        categories: m?.map(($) => $.id),
+        quantumOwned: d,
         id: void 0
-      }, f = await C({ fields: h });
-      if (f.error)
-        throw new Error(f.error.message);
-      if (f.data?.createAction)
-        return B(re, f.data.createAction);
+      }, D = await y({ fields: w });
+      if (D.error)
+        throw new Error(D.error.message);
+      if (D.data?.createAction)
+        return U(ae, D.data.createAction);
       throw new Error("No action data returned");
     },
-    [C, u]
-  ), ee = N(
+    [y, d]
+  ), f = R(
     async (t) => {
-      const h = await w({ id: t.id });
-      if (h.error)
-        throw new Error(h.error.message);
-      if (h.data?.convertActionToQuantumOwned)
-        return B(
-          re,
-          h.data.convertActionToQuantumOwned
+      const m = await C({ id: t.id });
+      if (m.error)
+        throw new Error(m.error.message);
+      if (m.data?.convertActionToQuantumOwned)
+        return U(
+          ae,
+          m.data.convertActionToQuantumOwned
         );
       throw new Error("No action data returned");
     },
-    [w]
-  ), $ = N(async () => {
-    if (c(!0), !O.length) {
+    [C]
+  ), M = R(async () => {
+    if (a(!0), !T.length) {
       const t = new Error(
-        `No activities selected for ${a === "copy" ? "copying" : "converting"}`
+        `No activities selected for ${o === "copy" ? "copying" : "converting"}`
       );
-      r?.(t), c(!1);
+      i?.(t), a(!1);
       return;
     }
     try {
       const t = [];
-      let h = 0;
-      const f = a === "copy" ? P : ee, F = a === "copy" ? "copy" : "convert";
-      for (const U of O)
+      let m = 0;
+      const w = o === "copy" ? _ : f, D = o === "copy" ? "copy" : "convert";
+      for (const $ of T)
         try {
-          const G = await f(U);
-          t.push(G);
-        } catch (G) {
+          const Q = await w($);
+          t.push(Q);
+        } catch (Q) {
           console.error(
-            `Failed to ${F} activity "${U.name}":`,
-            G
-          ), h++;
+            `Failed to ${D} activity "${$.name}":`,
+            Q
+          ), m++;
         }
       if (t.length > 0) {
-        const U = t.length, G = O.length, Y = a === "copy" ? "copied" : "converted", Q = a === "copy" ? "copy" : "convert";
-        g({
-          title: h > 0 ? `Partial ${Q} completed` : `Activities ${Y} successfully`,
-          description: h > 0 ? `${U} of ${G} activities ${Y} successfully` : `${U} activit${U > 1 ? "ies" : "y"} ${Y} successfully`,
-          status: h > 0 ? "warning" : "success",
+        const $ = t.length, Q = T.length, K = o === "copy" ? "copied" : "converted", B = o === "copy" ? "copy" : "convert";
+        v({
+          title: m > 0 ? `Partial ${B} completed` : `Activities ${K} successfully`,
+          description: m > 0 ? `${$} of ${Q} activities ${K} successfully` : `${$} activit${$ > 1 ? "ies" : "y"} ${K} successfully`,
+          status: m > 0 ? "warning" : "success",
           duration: 3e3,
           isClosable: !0
-        }), n?.(), p(""), A([]);
+        }), s?.(), A(""), S([]);
       } else
-        throw new Error(`Failed to ${F} any activities`);
+        throw new Error(`Failed to ${D} any activities`);
     } catch (t) {
-      const h = a === "copy" ? "copy" : "convert", f = t instanceof Error ? t.message : `Failed to ${h} activities`;
-      g({
-        title: `${a === "copy" ? "Copy" : "Convert"} failed`,
-        description: f,
+      const m = o === "copy" ? "copy" : "convert", w = t instanceof Error ? t.message : `Failed to ${m} activities`;
+      v({
+        title: `${o === "copy" ? "Copy" : "Convert"} failed`,
+        description: w,
         status: "error",
         duration: 5e3,
         isClosable: !0
-      }), r?.(t instanceof Error ? t : new Error(f));
+      }), i?.(t instanceof Error ? t : new Error(w));
     } finally {
-      c(!1);
+      a(!1);
     }
   }, [
-    O,
-    a,
-    P,
-    ee,
-    g,
-    n,
-    r
-  ]), k = N(() => {
-    p(""), A([]), M("copy"), s?.();
-  }, [s]);
-  V(() => {
-    i && i({
+    T,
+    o,
+    _,
+    f,
+    v,
+    s,
+    i
+  ]), L = R(() => {
+    A(""), S([]), I("copy"), n?.();
+  }, [n]);
+  ne(() => {
+    u && u({
       cancelButton: !1,
-      saveButton: O.length === 0 || o
+      saveButton: T.length === 0 || r
     });
-  }, [O.length, o, i]), V(() => {
+  }, [T.length, r, u]), ne(() => {
     l && l({
-      cancelButton: k,
-      saveButton: $
+      cancelButton: L,
+      saveButton: M
     });
-  }, [l, k, $]);
-  const H = _(() => S.map((t) => ({
+  }, [l, L, M]);
+  const X = F(() => G.map((t) => ({
     value: t.id,
     label: t.name
-  })), [S]), y = _(() => b.filter((t) => a === "copy" ? !0 : !t.quantumOwned).map((t) => ({
+  })), [G]), b = F(() => k.filter((t) => o === "copy" ? !0 : !t.quantumOwned).map((t) => ({
     value: t.id,
     label: t.name,
     // Add custom data to identify quantum-owned actions for UI display
     isQuantumOwned: t.quantumOwned
-  })), [b, a]), L = j.fetching, K = m.fetching;
-  return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsxs(Z, { spacing: 6, align: "stretch", children: [
-    u && /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(se, { children: "Operation Mode" }),
+  })), [k, o]), z = p.fetching, Z = g.fetching;
+  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(
-        Ve,
+        Ke,
         {
-          value: a,
+          value: o,
           onChange: (t) => {
-            M(t), A([]);
+            I(t), S([]);
           },
-          children: /* @__PURE__ */ e.jsxs(X, { spacing: 6, children: [
-            /* @__PURE__ */ e.jsx(Ae, { value: "copy", colorScheme: "blue", children: /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 1, children: [
-              /* @__PURE__ */ e.jsx(v, { fontWeight: "medium", children: "Copy Activities" }),
-              /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Create new activities based on selected ones" })
+          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: [
+              /* @__PURE__ */ e.jsx(x, { fontWeight: "medium", children: "Copy Activities" }),
+              /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Create new activities based on selected ones" })
             ] }) }),
-            /* @__PURE__ */ e.jsx(Ae, { value: "convert", colorScheme: "green", children: /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 1, children: [
-              /* @__PURE__ */ e.jsx(v, { fontWeight: "medium", children: "Convert to Quantum Owned" }),
-              /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Convert existing activities to quantum-owned" })
+            /* @__PURE__ */ e.jsx(Ae, { value: "convert", colorScheme: "green", children: /* @__PURE__ */ e.jsxs(ee, { align: "start", spacing: 1, children: [
+              /* @__PURE__ */ e.jsx(x, { fontWeight: "medium", children: "Convert to Quantum Owned" }),
+              /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Convert existing activities to quantum-owned" })
             ] }) })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(se, { children: "Select Source Group" }),
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(re, { children: "Select Source Group" }),
       /* @__PURE__ */ e.jsx(
-        ie,
+        se,
         {
           placeholder: "Choose a group...",
-          options: H,
-          value: H.find((t) => t.value === T) || null,
-          onChange: I,
-          isLoading: L,
-          isDisabled: L,
+          options: X,
+          value: X.find((t) => t.value === j) || null,
+          onChange: N,
+          isLoading: z,
+          isDisabled: z,
           isClearable: !0
         }
       ),
-      j.error && /* @__PURE__ */ e.jsxs(Oe, { status: "error", mt: 2, children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", children: [
+      p.error && /* @__PURE__ */ e.jsxs(Te, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", children: [
           "Failed to load groups: ",
-          j.error.message
+          p.error.message
         ] })
       ] })
     ] }),
-    T && /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsxs(se, { children: [
+    j && /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsxs(re, { children: [
         "Select Activities to",
         " ",
-        a === "copy" ? "Copy" : "Convert"
+        o === "copy" ? "Copy" : "Convert"
       ] }),
-      K ? /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(et, { size: "sm" }),
-        /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Loading activities..." })
+      Z ? /* @__PURE__ */ e.jsxs(te, { children: [
+        /* @__PURE__ */ e.jsx(Ze, { size: "sm" }),
+        /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Loading activities..." })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          se,
           {
-            placeholder: `Choose activities to ${a}...`,
-            options: y,
-            value: y.filter(
-              (t) => x.includes(t.value)
+            placeholder: `Choose activities to ${o}...`,
+            options: b,
+            value: b.filter(
+              (t) => h.includes(t.value)
             ),
-            onChange: D,
-            isDisabled: y.length === 0,
+            onChange: E,
+            isDisabled: b.length === 0,
             isClearable: !0,
             isMulti: !0,
             closeMenuOnSelect: !1,
-            formatOptionLabel: (t, { context: h }) => /* @__PURE__ */ e.jsxs(X, { justify: "space-between", w: "100%", children: [
+            formatOptionLabel: (t, { context: m }) => /* @__PURE__ */ e.jsxs(te, { justify: "space-between", w: "100%", children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e.jsx(v, { children: t.label }),
-                h === "value" && t.isQuantumOwned && /* @__PURE__ */ e.jsx(v, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
+                /* @__PURE__ */ e.jsx(x, { children: t.label }),
+                m === "value" && t.isQuantumOwned && /* @__PURE__ */ e.jsx(x, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
               ] }),
-              t.isQuantumOwned && h === "menu" && /* @__PURE__ */ e.jsx(ge, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+              t.isQuantumOwned && m === "menu" && /* @__PURE__ */ e.jsx(fe, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
             ] })
           }
         ),
-        y.length === 0 && /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.500", mt: 2, children: "No activities found" })
+        b.length === 0 && /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.500", mt: 2, children: "No activities found" })
       ] }),
-      m.error && /* @__PURE__ */ e.jsxs(Oe, { status: "error", mt: 2, children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", children: [
+      g.error && /* @__PURE__ */ e.jsxs(Te, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", children: [
           "Failed to load activities: ",
-          m.error.message
+          g.error.message
         ] })
       ] })
     ] }),
-    O.length > 0 && /* @__PURE__ */ e.jsxs(q, { p: 4, bg: "gray.50", borderRadius: "md", children: [
-      /* @__PURE__ */ e.jsx(v, { fontWeight: "semibold", mb: 3, children: O.length === 1 ? `Activity to ${a === "copy" ? "Copy" : "Convert"}:` : `${O.length} Activities to ${a === "copy" ? "Copy" : "Convert"}:` }),
-      /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 3, children: [
-        O.map((t, h) => /* @__PURE__ */ e.jsxs(
-          q,
+    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(
+          Y,
           {
             w: "100%",
             p: 3,
@@ -765,51 +839,51 @@ const Kt = ({
             border: "1px solid",
             borderColor: "gray.200",
             children: [
-              /* @__PURE__ */ e.jsxs(X, { justify: "space-between", align: "start", mb: 2, children: [
-                /* @__PURE__ */ e.jsxs(v, { fontWeight: "medium", fontSize: "sm", children: [
-                  h + 1,
+              /* @__PURE__ */ e.jsxs(te, { justify: "space-between", align: "start", mb: 2, children: [
+                /* @__PURE__ */ e.jsxs(x, { fontWeight: "medium", fontSize: "sm", children: [
+                  m + 1,
                   ". ",
                   t.name
                 ] }),
-                t.quantumOwned && /* @__PURE__ */ e.jsx(ge, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+                t.quantumOwned && /* @__PURE__ */ e.jsx(fe, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
               ] }),
               /* @__PURE__ */ e.jsxs(
-                Z,
+                ee,
                 {
                   align: "start",
                   spacing: 1,
                   fontSize: "sm",
                   color: "gray.600",
                   children: [
-                    t.description && /* @__PURE__ */ e.jsxs(v, { children: [
+                    t.description && /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Description:" }),
                       " ",
                       t.description
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Type:" }),
                       " ",
                       t.activityKind
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Laterality:" }),
                       " ",
                       t.laterality
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Sensor Locations:" }),
                       " ",
                       t.sensorLocations.length
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Thresholds:" }),
                       " ",
                       t.thresholds.length
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Use Cases:" }),
                       " ",
-                      t.useCases.map((f) => f.name).join(", ") || "None"
+                      t.useCases.map((w) => w.name).join(", ") || "None"
                     ] })
                   ]
                 }
@@ -818,8 +892,8 @@ const Kt = ({
           },
           t.id
         )),
-        O.length > 1 && /* @__PURE__ */ e.jsx(
-          q,
+        T.length > 1 && /* @__PURE__ */ e.jsx(
+          Y,
           {
             w: "100%",
             p: 2,
@@ -827,332 +901,336 @@ const Kt = ({
             borderRadius: "md",
             border: "1px solid",
             borderColor: "blue.200",
-            children: /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
+            children: /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
               "Total: ",
-              O.length,
+              T.length,
               " activities will be",
               " ",
-              a === "copy" ? "copied" : "converted"
+              o === "copy" ? "copied" : "converted"
             ] })
           }
         )
       ] })
     ] }),
-    !d && /* @__PURE__ */ e.jsxs(me, { spacing: 4, justifyContent: "flex-end", children: [
+    !c && /* @__PURE__ */ e.jsxs(xe, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
         J,
         {
           variant: "outline",
-          onClick: k,
-          isDisabled: o,
+          onClick: L,
+          isDisabled: r,
           children: "Cancel"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         J,
         {
-          colorScheme: a === "copy" ? "blue" : "green",
-          onClick: $,
-          isDisabled: O.length === 0 || o,
-          isLoading: o,
-          loadingText: `${a === "copy" ? "Copying" : "Converting"}...`,
+          colorScheme: o === "copy" ? "blue" : "green",
+          onClick: M,
+          isDisabled: T.length === 0 || r,
+          isLoading: r,
+          loadingText: `${o === "copy" ? "Copying" : "Converting"}...`,
           children: [
-            a === "copy" ? "Copy" : "Convert",
+            o === "copy" ? "Copy" : "Convert",
             " ",
-            O.length === 1 ? "Activity" : `${O.length} Activities`
+            T.length === 1 ? "Activity" : `${T.length} Activities`
           ]
         }
       )
     ] })
   ] }) });
-}, Rs = ({
-  onSave: n,
-  onCancel: s,
-  onError: r,
-  hideButtons: d = !1,
-  setButtonDisabled: i,
+}, Rn = ({
+  onSave: s,
+  onCancel: n,
+  onError: i,
+  hideButtons: c = !1,
+  setButtonDisabled: u,
   setButtonOnClick: l,
-  quantumOwned: u
+  quantumOwned: d
 }) => {
-  const g = Ze(), [a, M] = E(""), [T, p] = E([]), [x, A] = E(!1), [o, c] = E("copy"), [j] = oe({
-    query: tt
-  }), [m] = oe({
-    query: Rt,
-    variables: { groupId: a },
-    pause: !a
+  const v = Xe(), [o, I] = P(""), [j, A] = P([]), [h, S] = 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
-  }), [, C] = te(it), [, w] = te(rt), [, S] = te(ze), [, b] = te(
-    st
-  ), O = _(() => j.data?.groups ? j.data.groups.map(
-    (t) => B(nt, t)
-  ) : [], [j.data]), I = _(() => m.data?.modules ? B(
-    Se,
-    m.data?.modules
-  ).map((h) => {
-    const f = B(
-      ot,
-      h.moduleActions
+  }), [, y] = oe(ot), [, C] = oe(st), [, G] = oe(De), [, k] = oe(
+    et
+  ), T = F(() => p.data?.groups ? p.data.groups.map(
+    (t) => U(tt, t)
+  ) : [], [p.data]), N = F(() => g.data?.modules ? U(
+    Ce,
+    g.data?.modules
+  ).map((m) => {
+    const w = U(
+      nt,
+      m.moduleActions
     );
     return {
-      ...h,
-      moduleActions: f.map((F) => ({
-        ...F,
-        action: B(re, F.action)
+      ...m,
+      moduleActions: w.map((D) => ({
+        ...D,
+        action: U(ae, D.action)
       })),
-      categories: B(
-        ke,
-        h.categories
+      categories: U(
+        me,
+        m.categories
       )
     };
-  }) : [], [m.data]), D = _(() => I.filter(
-    (t) => T.includes(t.id)
-  ), [I, T]), P = N(
+  }) : [], [g.data]), E = F(() => N.filter(
+    (t) => j.includes(t.id)
+  ), [N, j]), _ = R(
     (t) => {
-      const h = t?.value || "";
-      M(h), p([]);
+      const m = t?.value || "";
+      I(m), A([]);
     },
     []
-  ), ee = N(
+  ), f = R(
     (t) => {
-      const h = t.map((f) => f.value);
-      p(h);
+      const m = t.map((w) => w.value);
+      A(m);
     },
     []
-  ), $ = N(async () => {
-    if (A(!0), !D.length) {
-      A(!1);
+  ), M = R(async () => {
+    if (S(!0), !E.length) {
+      S(!1);
       const t = new Error(
-        `No modules selected for ${o === "convert" ? "converting" : "copying"}`
+        `No modules selected for ${r === "convert" ? "converting" : "copying"}`
       );
-      r?.(t);
+      i?.(t);
       return;
     }
     try {
       const t = [];
-      let h = 0;
-      for (const f of D)
+      let m = 0;
+      for (const w of E)
         try {
-          let F = f.moduleActions.map((U) => U.actionId);
-          if (u) {
-            const U = f.moduleActions.map((Q) => Q.action), G = async (Q) => {
-              if (o === "copy") {
-                if (Q.quantumOwned) return Q;
-                const xe = {
-                  ...Q,
+          let D = w.moduleActions.map(($) => $.actionId);
+          if (d) {
+            const $ = w.moduleActions.map((B) => B.action), Q = async (B) => {
+              if (r === "copy") {
+                if (B.quantumOwned) return B;
+                const Ie = U(
+                  me,
+                  B.categories
+                ), pe = {
+                  ...B,
                   quantumOwned: !0,
-                  thresholds: Q.thresholds.map((pe) => ({
-                    ...pe,
+                  thresholds: B.thresholds.map((O) => ({
+                    ...O,
                     id: void 0
                   })),
+                  categories: Ie?.map((O) => O.id),
                   id: void 0
-                }, le = await S({ fields: xe });
-                return le.error || !le.data?.createAction ? null : B(
-                  re,
-                  le.data.createAction
+                }, de = await G({ fields: pe });
+                return de.error || !de.data?.createAction ? null : U(
+                  ae,
+                  de.data.createAction
                 );
               }
-              if (Q.quantumOwned) return Q;
-              const de = await b({
-                id: Q.id
+              if (B.quantumOwned) return B;
+              const ce = await k({
+                id: B.id
               });
-              return de.error || !de.data?.convertActionToQuantumOwned ? null : B(
-                re,
-                de.data.convertActionToQuantumOwned
+              return ce.error || !ce.data?.convertActionToQuantumOwned ? null : U(
+                ae,
+                ce.data.convertActionToQuantumOwned
               );
             };
-            F = (await Promise.all(
-              U.map(G)
-            )).filter((Q) => !!Q).map((Q) => Q.id);
+            D = (await Promise.all(
+              $.map(Q)
+            )).filter((B) => !!B).map((B) => B.id);
           }
-          if (o === "convert") {
-            const U = {
-              name: f.name,
-              description: f.description || void 0,
-              actions: F,
-              categories: f.categories.map((Y) => Y.id),
+          if (r === "convert") {
+            const $ = {
+              name: w.name,
+              description: w.description || void 0,
+              actions: D,
+              categories: w.categories.map((K) => K.id),
               quantumOwned: !0
-            }, G = await w({
-              id: f.id,
-              input: U
+            }, Q = await C({
+              id: w.id,
+              input: $
             });
-            if (G.error) throw new Error(G.error.message);
-            if (G.data?.updateModule) {
-              const Y = B(
-                Se,
-                G.data.updateModule
+            if (Q.error) throw new Error(Q.error.message);
+            if (Q.data?.updateModule) {
+              const K = U(
+                Ce,
+                Q.data.updateModule
               );
-              t.push(Y);
+              t.push(K);
             }
           } else {
-            const U = {
-              name: `${f.name} (Copy)`,
-              description: f.description || void 0,
-              actions: F,
-              categories: f.categories.map((Y) => Y.id),
-              quantumOwned: u
-            }, G = await C({ input: U });
-            if (G.error) throw new Error(G.error.message);
-            if (G.data?.createModule) {
-              const Y = B(
-                Se,
-                G.data.createModule
+            const $ = {
+              name: `${w.name} (Copy)`,
+              description: w.description || void 0,
+              actions: D,
+              categories: w.categories.map((K) => K.id),
+              quantumOwned: d
+            }, Q = await y({ input: $ });
+            if (Q.error) throw new Error(Q.error.message);
+            if (Q.data?.createModule) {
+              const K = U(
+                Ce,
+                Q.data.createModule
               );
-              t.push(Y);
+              t.push(K);
             }
           }
-        } catch (F) {
+        } catch (D) {
           console.error(
-            `Failed to ${o === "convert" ? "convert" : "copy"} module "${f.name}":`,
-            F
-          ), h++;
+            `Failed to ${r === "convert" ? "convert" : "copy"} module "${w.name}":`,
+            D
+          ), m++;
         }
       if (t.length > 0) {
-        const f = t.length, F = D.length;
-        g({
-          title: h > 0 ? `Partial ${o === "convert" ? "convert" : "copy"} completed` : `Modules ${o === "convert" ? "converted" : "copied"} successfully`,
-          description: h > 0 ? `${f} of ${F} modules ${o === "convert" ? "converted" : "copied"} successfully` : `${f} module${f > 1 ? "s" : ""} ${o === "convert" ? "converted" : "copied"} successfully`,
-          status: h > 0 ? "warning" : "success",
+        const w = 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`,
+          status: m > 0 ? "warning" : "success",
           duration: 3e3,
           isClosable: !0
-        }), t.length > 0 && n?.(), M(""), p([]);
+        }), t.length > 0 && s?.(), I(""), A([]);
       } else
         throw new Error(
-          `Failed to ${o === "convert" ? "convert" : "copy"} any modules`
+          `Failed to ${r === "convert" ? "convert" : "copy"} any modules`
         );
     } catch (t) {
-      const h = t instanceof Error ? t.message : `Failed to ${o === "convert" ? "convert" : "copy"} modules`;
-      g({
-        title: o === "convert" ? "Convert failed" : "Copy failed",
-        description: h,
+      const m = t instanceof Error ? t.message : `Failed to ${r === "convert" ? "convert" : "copy"} modules`;
+      v({
+        title: r === "convert" ? "Convert failed" : "Copy failed",
+        description: m,
         status: "error",
         duration: 5e3,
         isClosable: !0
-      }), r?.(t instanceof Error ? t : new Error(h));
+      }), i?.(t instanceof Error ? t : new Error(m));
     } finally {
-      A(!1);
+      S(!1);
     }
   }, [
-    D,
+    E,
+    y,
     C,
-    w,
-    g,
-    n,
-    r,
-    u,
-    S,
-    b,
-    o
-  ]), k = N(() => {
-    M(""), p([]), c("copy"), s?.();
-  }, [s]);
-  V(() => {
-    i && i({
+    v,
+    s,
+    i,
+    d,
+    G,
+    k,
+    r
+  ]), L = R(() => {
+    I(""), A([]), a("copy"), n?.();
+  }, [n]);
+  ne(() => {
+    u && u({
       cancelButton: !1,
-      saveButton: D.length === 0 || x
+      saveButton: E.length === 0 || h
     });
-  }, [D.length, x, i]), V(() => {
+  }, [E.length, h, u]), ne(() => {
     l && l({
-      cancelButton: k,
-      saveButton: $
+      cancelButton: L,
+      saveButton: M
     });
-  }, [l, k, $]);
-  const H = _(() => O.map((t) => ({
+  }, [l, L, M]);
+  const X = F(() => T.map((t) => ({
     value: t.id,
     label: t.name
-  })), [O]), y = _(() => I.filter((t) => o === "copy" ? !0 : !t.quantumOwned).map((t) => ({
+  })), [T]), b = F(() => N.filter((t) => r === "copy" ? !0 : !t.quantumOwned).map((t) => ({
     value: t.id,
     label: t.name,
     // Add custom data to identify quantum-owned modules
     isQuantumOwned: t.quantumOwned
-  })), [I, o]), L = j.fetching, K = m.fetching;
-  return /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsxs(Z, { spacing: 6, align: "stretch", children: [
-    u && /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(se, { children: "Operation Mode" }),
+  })), [N, r]), z = p.fetching, Z = g.fetching;
+  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(
-        Ve,
+        Ke,
         {
-          value: o,
+          value: r,
           onChange: (t) => {
-            c(t), p([]);
+            a(t), A([]);
           },
-          children: /* @__PURE__ */ e.jsxs(X, { spacing: 6, children: [
-            /* @__PURE__ */ e.jsx(Ae, { value: "copy", colorScheme: "blue", children: /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 1, children: [
-              /* @__PURE__ */ e.jsx(v, { fontWeight: "medium", children: "Copy Modules" }),
-              /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Create new modules based on selected ones" })
+          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: [
+              /* @__PURE__ */ e.jsx(x, { fontWeight: "medium", children: "Copy Modules" }),
+              /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Create new modules based on selected ones" })
             ] }) }),
-            /* @__PURE__ */ e.jsx(Ae, { value: "convert", colorScheme: "green", children: /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 1, children: [
-              /* @__PURE__ */ e.jsx(v, { fontWeight: "medium", children: "Convert to Quantum Owned" }),
-              /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Convert existing modules to quantum-owned" })
+            /* @__PURE__ */ e.jsx(Ae, { value: "convert", colorScheme: "green", children: /* @__PURE__ */ e.jsxs(ee, { align: "start", spacing: 1, children: [
+              /* @__PURE__ */ e.jsx(x, { fontWeight: "medium", children: "Convert to Quantum Owned" }),
+              /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Convert existing modules to quantum-owned" })
             ] }) })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(se, { children: "Select Source Group" }),
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(re, { children: "Select Source Group" }),
       /* @__PURE__ */ e.jsx(
-        ie,
+        se,
         {
           placeholder: "Choose a group...",
-          options: H,
-          value: H.find((t) => t.value === a) || null,
-          onChange: P,
-          isLoading: L,
-          isDisabled: L,
+          options: X,
+          value: X.find((t) => t.value === o) || null,
+          onChange: _,
+          isLoading: z,
+          isDisabled: z,
           isClearable: !0
         }
       ),
-      j.error && /* @__PURE__ */ e.jsxs(Oe, { status: "error", mt: 2, children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", children: [
+      p.error && /* @__PURE__ */ e.jsxs(Te, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", children: [
           "Failed to load groups: ",
-          j.error.message
+          p.error.message
         ] })
       ] })
     ] }),
-    a && /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(se, { children: o === "convert" ? "Select Module to Convert" : "Select Module to Copy" }),
-      K ? /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(et, { size: "sm" }),
-        /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.600", children: "Loading modules..." })
+    o && /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(re, { children: r === "convert" ? "Select Module to Convert" : "Select Module to Copy" }),
+      Z ? /* @__PURE__ */ e.jsxs(te, { children: [
+        /* @__PURE__ */ e.jsx(Ze, { size: "sm" }),
+        /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.600", children: "Loading modules..." })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          se,
           {
-            placeholder: o === "convert" ? "Choose modules to convert..." : "Choose modules to copy...",
-            options: y,
-            value: y.filter(
-              (t) => T.includes(t.value)
+            placeholder: r === "convert" ? "Choose modules to convert..." : "Choose modules to copy...",
+            options: b,
+            value: b.filter(
+              (t) => j.includes(t.value)
             ),
-            onChange: ee,
-            isDisabled: y.length === 0,
+            onChange: f,
+            isDisabled: b.length === 0,
             isClearable: !0,
             isMulti: !0,
             closeMenuOnSelect: !1,
-            formatOptionLabel: (t, { context: h }) => /* @__PURE__ */ e.jsxs(X, { justify: "space-between", w: "100%", children: [
+            formatOptionLabel: (t, { context: m }) => /* @__PURE__ */ e.jsxs(te, { justify: "space-between", w: "100%", children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e.jsx(v, { children: t.label }),
-                h === "value" && t.isQuantumOwned && /* @__PURE__ */ e.jsx(v, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
+                /* @__PURE__ */ e.jsx(x, { children: t.label }),
+                m === "value" && t.isQuantumOwned && /* @__PURE__ */ e.jsx(x, { color: "blue", fontSize: "xs", children: "(Quantum Owned)" })
               ] }),
-              t.isQuantumOwned && h === "menu" && /* @__PURE__ */ e.jsx(ge, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+              t.isQuantumOwned && m === "menu" && /* @__PURE__ */ e.jsx(fe, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
             ] })
           }
         ),
-        y.length === 0 && /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.500", mt: 2, children: "No modules found in this group" })
+        b.length === 0 && /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.500", mt: 2, children: "No modules found in this group" })
       ] }),
-      m.error && /* @__PURE__ */ e.jsxs(Oe, { status: "error", mt: 2, children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", children: [
+      g.error && /* @__PURE__ */ e.jsxs(Te, { status: "error", mt: 2, children: [
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", children: [
           "Failed to load modules: ",
-          m.error.message
+          g.error.message
         ] })
       ] })
     ] }),
-    D.length > 0 && /* @__PURE__ */ e.jsxs(q, { p: 4, bg: "gray.50", borderRadius: "md", children: [
-      /* @__PURE__ */ e.jsx(v, { fontWeight: "semibold", mb: 3, children: D.length === 1 ? `Module to ${o === "copy" ? "Copy" : "Convert"}` : `${D.length} Modules to ${o === "copy" ? "Copy" : "Convert"}` }),
-      /* @__PURE__ */ e.jsxs(Z, { align: "start", spacing: 3, children: [
-        D.map((t, h) => /* @__PURE__ */ e.jsxs(
-          q,
+    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(
+          Y,
           {
             w: "100%",
             p: 3,
@@ -1161,36 +1239,36 @@ const Kt = ({
             border: "1px solid",
             borderColor: "gray.200",
             children: [
-              /* @__PURE__ */ e.jsxs(X, { justify: "space-between", align: "start", mb: 2, children: [
-                /* @__PURE__ */ e.jsxs(v, { fontWeight: "medium", fontSize: "sm", children: [
-                  h + 1,
+              /* @__PURE__ */ e.jsxs(te, { justify: "space-between", align: "start", mb: 2, children: [
+                /* @__PURE__ */ e.jsxs(x, { fontWeight: "medium", fontSize: "sm", children: [
+                  m + 1,
                   ". ",
                   t.name
                 ] }),
-                t.quantumOwned && /* @__PURE__ */ e.jsx(ge, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
+                t.quantumOwned && /* @__PURE__ */ e.jsx(fe, { size: "sm", colorScheme: "blue", variant: "solid", children: "Quantum Owned" })
               ] }),
               /* @__PURE__ */ e.jsxs(
-                Z,
+                ee,
                 {
                   align: "start",
                   spacing: 1,
                   fontSize: "sm",
                   color: "gray.600",
                   children: [
-                    t.description && /* @__PURE__ */ e.jsxs(v, { children: [
+                    t.description && /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Description:" }),
                       " ",
                       t.description
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Actions:" }),
                       " ",
                       t.moduleActions.length
                     ] }),
-                    /* @__PURE__ */ e.jsxs(v, { children: [
+                    /* @__PURE__ */ e.jsxs(x, { children: [
                       /* @__PURE__ */ e.jsx("strong", { children: "Categories:" }),
                       " ",
-                      t.categories.map((f) => f.name).join(", ") || "None"
+                      t.categories.map((w) => w.name).join(", ") || "None"
                     ] })
                   ]
                 }
@@ -1199,8 +1277,8 @@ const Kt = ({
           },
           t.id
         )),
-        D.length > 1 && /* @__PURE__ */ e.jsx(
-          q,
+        E.length > 1 && /* @__PURE__ */ e.jsx(
+          Y,
           {
             w: "100%",
             p: 2,
@@ -1208,133 +1286,133 @@ const Kt = ({
             borderRadius: "md",
             border: "1px solid",
             borderColor: "blue.200",
-            children: /* @__PURE__ */ e.jsxs(v, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
+            children: /* @__PURE__ */ e.jsxs(x, { fontSize: "sm", fontWeight: "medium", color: "blue.800", children: [
               "Total: ",
-              D.length,
+              E.length,
               " modules will be",
               " ",
-              o === "copy" ? "copied" : "converted"
+              r === "copy" ? "copied" : "converted"
             ] })
           }
         ),
-        u && D.filter((t) => t.moduleActions.some((h) => !h.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
-          q,
+        d && E.filter((t) => t.moduleActions.some((m) => !m.action.quantumOwned)).length > 0 && /* @__PURE__ */ e.jsx(
+          Y,
           {
             p: 2,
             bg: "yellow.50",
             borderRadius: "md",
             border: "1px solid",
             borderColor: "yellow.200",
-            children: /* @__PURE__ */ e.jsx(v, { fontSize: "sm", fontWeight: "medium", color: "yellow.800", children: o === "convert" ? "Converting Modules will convert non QM-Owned Actions to QM-Owned" : "Copying Modules with Non QM-Owned Actions will create corresponding QM-Owned Actions" })
+            children: /* @__PURE__ */ e.jsx(x, { fontSize: "sm", fontWeight: "medium", color: "yellow.800", children: r === "convert" ? "Converting Modules will convert non QM-Owned Actions to QM-Owned" : "Copying Modules with Non QM-Owned Actions will create corresponding QM-Owned Actions" })
           }
         )
       ] })
     ] }),
-    !d && /* @__PURE__ */ e.jsxs(me, { spacing: 4, justifyContent: "flex-end", children: [
+    !c && /* @__PURE__ */ e.jsxs(xe, { spacing: 4, justifyContent: "flex-end", children: [
       /* @__PURE__ */ e.jsx(
         J,
         {
           variant: "outline",
-          onClick: k,
-          isDisabled: x,
+          onClick: L,
+          isDisabled: h,
           children: "Cancel"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         J,
         {
-          colorScheme: o === "copy" ? "blue" : "green",
-          onClick: $,
-          isDisabled: D.length === 0 || x,
-          isLoading: x,
-          loadingText: `${o === "copy" ? "Copying" : "Converting"}...`,
+          colorScheme: r === "copy" ? "blue" : "green",
+          onClick: M,
+          isDisabled: E.length === 0 || h,
+          isLoading: h,
+          loadingText: `${r === "copy" ? "Copying" : "Converting"}...`,
           children: [
-            o === "copy" ? "Copy" : "Convert",
+            r === "copy" ? "Copy" : "Convert",
             " ",
-            D.length === 1 ? "Module" : `${D.length} Modules`
+            E.length === 1 ? "Module" : `${E.length} Modules`
           ]
         }
       )
     ] })
   ] }) });
-}, rs = ({
-  name: n,
-  setName: s,
-  actions: r,
-  selectedActionIds: d,
-  setSelectedActionIds: i,
+}, an = ({
+  name: s,
+  setName: n,
+  actions: i,
+  selectedActionIds: c,
+  setSelectedActionIds: u,
   availableCategories: l,
-  selectedCategoryIds: u,
-  setSelectedCategoryIds: g,
-  description: a,
-  setDescription: M,
-  ...T
+  selectedCategoryIds: d,
+  setSelectedCategoryIds: v,
+  description: o,
+  setDescription: I,
+  ...j
 }) => {
-  const p = gt(), x = _(() => r.map((C) => ({
-    ...C,
-    selected: d.includes(C.id)
-  })), [r, d]), A = _(() => r.reduce((C, w) => (C[w.id] = w, C), {}), [r]), o = _(
-    () => d.map((C) => A[C]),
-    [x, d]
-  ), c = N(
-    (C, w) => {
-      i(w ? [...d, C.id] : d.filter((S) => S !== C.id));
+  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]
+  ), a = R(
+    (y, C) => {
+      u(C ? [...c, y.id] : c.filter((G) => G !== y.id));
     },
-    [d, i]
-  ), j = N(
-    (C) => {
-      s(C.target.value);
+    [c, u]
+  ), p = R(
+    (y) => {
+      n(y.target.value);
     },
-    [s]
-  ), m = N(
-    (C) => {
-      M?.(C.target.value);
+    [n]
+  ), g = R(
+    (y) => {
+      I?.(y.target.value);
     },
-    [M]
+    [I]
   );
-  return /* @__PURE__ */ e.jsxs(q, { ...T, children: [
-    /* @__PURE__ */ e.jsxs(X, { gap: "2rem", children: [
-      /* @__PURE__ */ e.jsx(is, { name: n ?? "", onInputChange: j }),
+  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(
-        ls,
+        dn,
         {
           availableCategories: l,
-          value: u,
-          onChange: g
+          value: d,
+          onChange: v
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx(
-      as,
+      un,
       {
-        description: a ?? "",
-        onInputChange: m
+        description: o ?? "",
+        onInputChange: g
       }
     ),
     /* @__PURE__ */ e.jsx(
-      cs,
+      hn,
       {
-        value: o,
-        onChange: i,
-        onAdjustActivities: () => p.onOpen()
+        value: r,
+        onChange: u,
+        onAdjustActivities: () => A.onOpen()
       }
     ),
     /* @__PURE__ */ e.jsxs(
       xt,
       {
-        isOpen: p.isOpen,
-        onClose: p.onClose,
+        isOpen: A.isOpen,
+        onClose: A.onClose,
         size: "6xl",
         children: [
-          /* @__PURE__ */ e.jsx(ft, {}),
-          /* @__PURE__ */ e.jsxs(jt, { children: [
+          /* @__PURE__ */ e.jsx(jt, {}),
+          /* @__PURE__ */ e.jsxs(ft, { children: [
             /* @__PURE__ */ e.jsx(vt, { children: "Select Activities" }),
-            /* @__PURE__ */ e.jsx(bt, {}),
-            /* @__PURE__ */ e.jsx(yt, { children: /* @__PURE__ */ e.jsx(
-              os,
+            /* @__PURE__ */ e.jsx(yt, {}),
+            /* @__PURE__ */ e.jsx(bt, { children: /* @__PURE__ */ e.jsx(
+              ln,
               {
-                actions: x,
-                onSelected: c,
+                actions: h,
+                onSelected: a,
                 disableCreate: !0,
                 disableDelete: !0,
                 tableProps: {
@@ -1347,8 +1425,8 @@ const Kt = ({
               J,
               {
                 colorScheme: "blue",
-                onClick: p.onClose,
-                isDisabled: d.length === 0,
+                onClick: A.onClose,
+                isDisabled: c.length === 0,
                 children: "Done"
               }
             ) })
@@ -1357,92 +1435,92 @@ const Kt = ({
       }
     )
   ] });
-}, is = Ne(
+}, cn = Oe(
   ({
-    name: n,
-    onInputChange: s
-  }) => /* @__PURE__ */ e.jsxs(W, { mb: 4, children: [
-    /* @__PURE__ */ e.jsx(se, { children: "Module Name" }),
+    name: s,
+    onInputChange: n
+  }) => /* @__PURE__ */ e.jsxs(q, { mb: 4, children: [
+    /* @__PURE__ */ e.jsx(re, { children: "Module Name" }),
     /* @__PURE__ */ e.jsx(
-      Ie,
+      je,
       {
         placeholder: "i.e. ACL RTP Test Battery",
-        value: n,
-        onChange: s,
+        value: s,
+        onChange: n,
         isRequired: !0
       }
     )
   ] })
-), ls = Ne(
+), dn = Oe(
   ({
-    availableCategories: n,
-    value: s,
-    onChange: r
+    availableCategories: s,
+    value: n,
+    onChange: i
   }) => {
-    const d = _(() => [
-      ...n,
+    const c = F(() => [
+      ...s,
       {
         id: "other",
         name: "Other"
       }
-    ], [n]), i = _(() => d.map((l) => ({
+    ], [s]), u = F(() => c.map((l) => ({
       value: l.id,
       label: l.name
-    })), [d]);
-    return /* @__PURE__ */ e.jsxs(W, { mb: 4, children: [
-      /* @__PURE__ */ e.jsx(se, { children: "Module Category" }),
+    })), [c]);
+    return /* @__PURE__ */ e.jsxs(q, { mb: 4, children: [
+      /* @__PURE__ */ e.jsx(re, { children: "Module Category" }),
       /* @__PURE__ */ e.jsx(
-        ie,
+        se,
         {
-          isDisabled: n.length === 0,
+          isDisabled: s.length === 0,
           isClearable: !0,
-          options: i,
-          value: d.filter((l) => s.includes(l.id)).map((l) => ({
+          options: u,
+          value: c.filter((l) => n.includes(l.id)).map((l) => ({
             value: l.id,
             label: l.name
           })),
-          onChange: (l) => r(l ? [l.value] : []),
+          onChange: (l) => i(l ? [l.value] : []),
           placeholder: "Select category"
         }
       )
     ] });
   }
-), as = Ne(
+), un = Oe(
   ({
-    description: n,
-    onInputChange: s
-  }) => /* @__PURE__ */ e.jsxs(W, { mb: 4, children: [
-    /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsxs("span", { children: [
+    description: s,
+    onInputChange: n
+  }) => /* @__PURE__ */ e.jsxs(q, { mb: 4, children: [
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs("span", { children: [
       "Description",
-      /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.500", children: "Briefly describe the objective of this module. Max 40 words." })
+      /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.500", children: "Briefly describe the objective of this module. Max 40 words." })
     ] }) }),
     /* @__PURE__ */ e.jsx(
-      Ie,
+      je,
       {
         placeholder: "i.e. Assess readiness to return to play post-ACL reconstruction",
-        value: n,
-        onChange: s
+        value: s,
+        onChange: n
       }
     )
   ] })
-), cs = Ne(
+), hn = Oe(
   ({
-    value: n,
-    onChange: s,
-    onAdjustActivities: r
+    value: s,
+    onChange: n,
+    onAdjustActivities: i
   }) => {
-    const d = _(
-      () => n.map((i) => ({
-        id: i.id,
-        name: i.name
+    const c = F(
+      () => s.map((u) => ({
+        id: u.id,
+        name: u.name
       })),
-      [n]
+      [s]
     );
-    return /* @__PURE__ */ e.jsxs(W, { mb: 4, children: [
-      /* @__PURE__ */ e.jsxs(X, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsxs("span", { children: [
+    return /* @__PURE__ */ e.jsxs(q, { mb: 4, children: [
+      /* @__PURE__ */ e.jsxs(te, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsxs("span", { children: [
           "Activities",
-          /* @__PURE__ */ e.jsx(v, { fontSize: "sm", color: "gray.500", children: "Drag and drop to reorder the activities in this module." })
+          /* @__PURE__ */ e.jsx(x, { fontSize: "sm", color: "gray.500", children: "Drag and drop to reorder the activities in this module." })
         ] }) }),
         /* @__PURE__ */ e.jsx(
           J,
@@ -1450,12 +1528,12 @@ const Kt = ({
             size: "sm",
             variant: "solid",
             colorScheme: "blue",
-            onClick: r,
+            onClick: i,
             children: "Add / Remove Activities"
           }
         )
       ] }),
-      d.length === 0 ? /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsxs(v, { color: "gray.500", fontSize: "lg", mb: "4rem", mt: "4rem", children: [
+      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(
           J,
@@ -1464,90 +1542,93 @@ const Kt = ({
             size: "sm",
             variant: "link",
             colorScheme: "blue",
-            onClick: r,
+            onClick: i,
             children: "Add activities."
           }
         )
       ] }) }) : /* @__PURE__ */ e.jsx(
         Xt,
         {
-          value: d,
-          onChange: (i) => {
-            const l = i(d);
-            s(l.map((u) => u.id));
+          value: c,
+          onChange: (u) => {
+            const l = u(c);
+            n(l.map((d) => d.id));
           }
         }
       )
     ] });
   }
-), ds = ({
-  value: n,
-  onChange: s,
-  forceKind: r,
-  disableRemove: d,
-  disableKind: i,
-  lockRanges: l,
-  ...u
+), mn = ({
+  value: s,
+  onChange: n,
+  forceKind: i,
+  disableRemove: c,
+  disableKind: u,
+  isDisabled: l,
+  lockRanges: d,
+  ...v
 }) => {
-  const g = _(() => [...n].sort((p, x) => {
-    const A = Be.indexOf(p.plane), o = Be.indexOf(x.plane);
-    return A - o;
-  }), [n]), a = N((p) => "segment" in p.id ? lt(p.id.segment, p.plane, !0) ?? "Unknown" : at(p.id.joint, p.plane, !0) ?? "Unknown", []), M = N(
-    (p, x) => {
-      const A = g.findIndex(
-        (c) => c.id === x.id && c.plane === x.plane
+  const o = F(() => [...s].sort((h, S) => {
+    const r = Ge.indexOf(h.plane), a = Ge.indexOf(S.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) => {
+      const r = o.findIndex(
+        (p) => p.id === S.id && p.plane === S.plane
       );
-      let o = [...g];
-      r && (x = { ...x, kind: r }), o[A] = x, l && (o = o.map((c) => ({
-        ...c,
-        min: x.min,
-        max: x.max
-      }))), s(o);
+      let a = [...o];
+      i && (S = { ...S, kind: i }), a[r] = S, d && (a = a.map((p) => ({
+        ...p,
+        min: S.min,
+        max: S.max
+      }))), n(a);
     },
-    [s, g, r, l]
-  ), T = N(
-    (p) => {
-      const x = g.filter(
-        (A) => A.id !== p.id || A.plane !== p.plane
+    [n, o, i, d]
+  ), A = R(
+    (h) => {
+      const S = o.filter(
+        (r) => r.id !== h.id || r.plane !== h.plane
       );
-      s(x);
+      n(S);
     },
-    [s, g]
+    [n, o]
   );
-  return /* @__PURE__ */ e.jsx(Z, { alignItems: "flex-start", overflowY: "auto", ...u, children: g.map((p, x) => /* @__PURE__ */ e.jsx(
-    us,
+  return /* @__PURE__ */ e.jsx(ee, { alignItems: "flex-start", overflowY: "auto", ...v, children: o.map((h, S) => /* @__PURE__ */ e.jsx(
+    pn,
     {
-      label: a(p),
-      parameter: p,
-      onChange: (A) => M(x, A),
-      onRemove: d ? void 0 : () => T(p),
-      forceKind: r,
-      disableKind: i
+      label: I(h),
+      parameter: h,
+      onChange: (r) => j(S, r),
+      onRemove: c || l ? void 0 : () => A(h),
+      forceKind: i,
+      disableKind: u || l,
+      isDisabled: l
     },
-    `${JSON.stringify(p.id)}-${p.plane}`
+    `${JSON.stringify(h.id)}-${h.plane}`
   )) });
-}, us = ({
-  label: n,
-  parameter: s,
-  onChange: r,
-  onRemove: d,
-  forceKind: i,
-  disableKind: l
+}, pn = ({
+  label: s,
+  parameter: n,
+  onChange: i,
+  onRemove: c,
+  forceKind: u,
+  disableKind: l,
+  isDisabled: d
 }) => {
-  const u = N(
-    (M) => "joint" in s.id ? Bt(
-      s.id.joint,
-      s.plane,
-      M < 0 ? -1 : 1
+  const v = R(
+    (j) => "joint" in n.id ? Wt(
+      n.id.joint,
+      n.plane,
+      j < 0 ? -1 : 1
     ) : Qt(
-      s.id.segment,
-      s.plane,
-      M < 0 ? -1 : 1
+      n.id.segment,
+      n.plane,
+      j < 0 ? -1 : 1
     ),
-    [s]
-  ), { min: g, max: a } = "joint" in s.id ? qt(s.id.joint, s.plane) : { min: -180, max: 180 };
+    [n]
+  ), { min: o, max: I } = "joint" in n.id ? Ut(n.id.joint, n.plane) : { min: -180, max: 180 };
   return /* @__PURE__ */ e.jsxs(
-    Z,
+    ee,
     {
       borderRadius: "md",
       p: 2,
@@ -1557,33 +1638,33 @@ const Kt = ({
       overflow: "hidden",
       flexShrink: "0",
       children: [
-        /* @__PURE__ */ e.jsxs(X, { w: "100%", children: [
+        /* @__PURE__ */ e.jsxs(te, { w: "100%", children: [
           /* @__PURE__ */ e.jsx(
-            v,
+            x,
             {
               fontSize: "sm",
               flex: 1,
               textTransform: "capitalize",
               fontWeight: "semibold",
-              children: n
+              children: s
             }
           ),
-          d && /* @__PURE__ */ e.jsx(
+          c && !d && /* @__PURE__ */ e.jsx(
             wt,
             {
               size: "xs",
               variant: "ghost",
               "aria-label": "delete",
-              icon: /* @__PURE__ */ e.jsx(Qe, { as: Tt }),
-              onClick: d
+              icon: /* @__PURE__ */ e.jsx(Ue, { as: Mt }),
+              onClick: c
             }
           ),
-          !i && /* @__PURE__ */ e.jsx(
-            _e,
+          !u && /* @__PURE__ */ e.jsx(
+            Zt,
             {
-              selectedItem: s?.kind ?? we.Limit,
-              onChange: ({ value: M }) => r({ ...s, kind: M }),
-              isDisabled: l,
+              selectedItem: n?.kind ?? we.Limit,
+              onChange: ({ value: j }) => i({ ...n, kind: j }),
+              isDisabled: l || d,
               buttonProps: {
                 size: "sm",
                 variant: "outline",
@@ -1605,450 +1686,423 @@ const Kt = ({
           {
             w: "100%",
             size: "xs",
-            min: g,
-            max: a,
+            min: o,
+            max: I,
             zeroMarker: !0,
-            value: [s.min, s.max],
-            onChange: (M) => r({ ...s, min: M[0], max: M[1] }),
-            formatValue: (M) => `${Math.abs(M)}°`,
-            valueLabel: (M) => u(M) ?? "",
-            positiveNegativeLabels: u(0) ? [u(-1) ?? "", u(1) ?? ""] : void 0
+            value: [n.min, n.max],
+            onChange: (j) => i({ ...n, min: j[0], max: j[1] }),
+            formatValue: (j) => `${Math.abs(j)}°`,
+            valueLabel: (j) => v(j) ?? "",
+            positiveNegativeLabels: v(0) ? [v(-1) ?? "", v(1) ?? ""] : void 0,
+            isDisabled: d
           }
         )
       ]
     }
   );
-}, Ce = (n, s) => "segment" in n && "segment" in s && n.segment === s.segment || "joint" in n && "joint" in s && n.joint === s.joint, hs = ({
-  options: n,
-  value: s,
-  onChange: r,
-  forceKind: d,
-  singleValue: i,
+}, be = (s, n) => "segment" in s && "segment" in n && s.segment === n.segment || "joint" in s && "joint" in n && s.joint === n.joint, gn = ({
+  options: s,
+  value: n,
+  onChange: i,
+  forceKind: c,
+  singleValue: u,
   singleValueSideless: l,
-  editOnly: u,
-  disableKind: g,
-  maxParameters: a,
-  ...M
+  editOnly: d,
+  disableKind: v,
+  maxParameters: o,
+  ...I
 }) => {
-  const T = l ? 2 : a, p = _(
-    () => n.map((c) => ({
-      label: "segment" in c.id ? lt(c.id.segment, c.plane, !0) ?? "Unknown" : at(c.id.joint, c.plane, !0) ?? "Unknown",
-      value: c.id,
-      plane: c.plane
+  const j = l ? 2 : o, A = F(
+    () => s.map((a) => ({
+      label: "segment" in a.id ? it(a.id.segment, a.plane, !0) ?? "Unknown" : lt(a.id.joint, a.plane, !0) ?? "Unknown",
+      value: a.id,
+      plane: a.plane
     })),
-    [n]
-  ), x = _(() => {
-    if (!l || s.length === 0)
-      return p;
-    const c = s[0];
-    return p.filter(
-      (j) => be(j.value) === be(c.id) && j.plane === c.plane
+    [s]
+  ), h = F(() => {
+    if (!l || n.length === 0)
+      return A;
+    const a = n[0];
+    return A.filter(
+      (p) => ve(p.value) === ve(a.id) && p.plane === a.plane
     );
-  }, [p, s, l]), A = _(
-    () => p.filter(
-      (c) => s.some((j) => Ce(j.id, c.value) && j.plane === c.plane)
+  }, [A, n, l]), S = F(
+    () => A.filter(
+      (a) => n.some((p) => be(p.id, a.value) && p.plane === a.plane)
     ),
-    [p, s]
-  ), o = N(
-    (c) => {
-      const j = c.map((m) => {
-        const C = s.find(
-          (I) => Ce(I.id, m.value) && I.plane === m.plane
-        ), w = n.find(
-          (I) => Ce(I.id, m.value) && I.plane === m.plane
-        ), S = l ? s.find(
-          (I) => be(I.id) === be(m.value) && I.plane === m.plane
-        ) : void 0, b = S && !C ? S.min : w && w.min ? w.min : 0, O = S && !C ? S.max : w && w.max ? w.max : 0;
-        return C ?? {
-          id: m.value,
-          plane: m.plane,
-          min: b,
-          max: O,
-          kind: d ?? we.Limit
+    [A, n]
+  ), r = R(
+    (a) => {
+      const p = a.map((g) => {
+        const y = n.find(
+          (N) => be(N.id, g.value) && N.plane === g.plane
+        ), C = 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;
+        return y ?? {
+          id: g.value,
+          plane: g.plane,
+          min: k,
+          max: T,
+          kind: c ?? we.Limit
         };
       });
-      r(j);
+      i(p);
     },
-    [r, s, n, d, l]
+    [i, n, s, c, l]
   );
-  return V(() => {
-    const c = s.filter(
-      (j) => n.some((m) => Ce(m.id, j.id) && m.plane === j.plane)
+  return ne(() => {
+    const a = n.filter(
+      (p) => s.some((g) => be(g.id, p.id) && g.plane === p.plane)
     );
-    c.length !== s.length && r(c);
-  }, [n, r]), /* @__PURE__ */ e.jsxs(q, { ...M, children: [
+    a.length !== n.length && i(a);
+  }, [s, i]), /* @__PURE__ */ e.jsxs(Y, { ...I, children: [
     /* @__PURE__ */ e.jsx(
-      ie,
+      se,
       {
-        isMulti: !i,
-        placeholder: s.length ? `${s.length} selected` : "Search...",
-        value: A,
-        isDisabled: u || A.length >= (T ?? 1 / 0),
-        onChange: (c) => Array.isArray(c) ? o([...c]) : o(c !== null ? [c] : []),
-        options: x,
+        isMulti: !u,
+        placeholder: n.length ? `${n.length} selected` : "Search...",
+        value: S,
+        isDisabled: d || S.length >= (j ?? 1 / 0),
+        onChange: (a) => Array.isArray(a) ? r([...a]) : r(a !== null ? [a] : []),
+        options: h,
         controlShouldRenderValue: !1
       }
     ),
     /* @__PURE__ */ e.jsx(
-      ds,
+      mn,
       {
         marginTop: 2,
         maxH: "28rem",
-        value: s,
-        onChange: r,
-        forceKind: d,
-        disableKind: g,
+        value: n,
+        onChange: i,
+        forceKind: c,
+        disableKind: v,
+        isDisabled: d,
         lockRanges: l
       }
     )
   ] });
-}, ct = (n) => {
-  switch (n) {
-    case z.Thorax:
+}, at = (s) => {
+  switch (s) {
+    case W.Thorax:
       return "Thorax";
-    case z.CenterBack:
+    case W.CenterBack:
       return "Center Back";
-    case z.Pelvis:
+    case W.Pelvis:
       return "Pelvis";
-    case z.LeftThigh:
+    case W.LeftThigh:
       return "Left Thigh";
-    case z.RightThigh:
+    case W.RightThigh:
       return "Right Thigh";
-    case z.LeftShank:
+    case W.LeftShank:
       return "Left Shank";
-    case z.RightShank:
+    case W.RightShank:
       return "Right Shank";
-    case z.LeftFoot:
+    case W.LeftFoot:
       return "Left Foot";
-    case z.RightFoot:
+    case W.RightFoot:
       return "Right Foot";
-    case z.LeftUpperArm:
+    case W.LeftUpperArm:
       return "Left Upper Arm";
-    case z.RightUpperArm:
+    case W.RightUpperArm:
       return "Right Upper Arm";
-    case z.LeftForearm:
+    case W.LeftForearm:
       return "Left Forearm";
-    case z.RightForearm:
+    case W.RightForearm:
       return "Right Forearm";
-    case z.Head:
+    case W.Head:
       return "Head";
   }
-  return console.warn(`Unknown sensor location: ${n}`), "Unknown";
-}, ms = 6, ps = [
-  z.LeftFoot,
-  z.LeftShank,
-  z.LeftThigh,
-  z.Pelvis,
-  z.RightFoot,
-  z.RightShank,
-  z.RightThigh,
-  z.Thorax,
-  z.CenterBack,
-  z.Head
-], gs = ps.map((n) => ({
-  label: ct(n),
-  value: n
-})), De = (n) => n.map(
-  (s) => s.__isNew__ ? { name: s.label } : { id: s.value, name: s.label }
-), Ls = ({
-  id: n,
-  onError: s,
-  onCancel: r,
-  onSave: d,
-  hideButtons: i,
+  return console.warn(`Unknown sensor location: ${s}`), "Unknown";
+}, xn = 6, jn = [
+  W.LeftFoot,
+  W.LeftShank,
+  W.LeftThigh,
+  W.Pelvis,
+  W.RightFoot,
+  W.RightShank,
+  W.RightThigh,
+  W.Thorax,
+  W.CenterBack,
+  W.Head
+], fn = jn.map((s) => ({
+  label: at(s),
+  value: s
+})), Qe = (s, n) => s.map((i) => ({ label: n ? n(i) : i, value: i })), En = ({
+  id: s,
+  onError: n,
+  onCancel: i,
+  onSave: c,
+  hideButtons: u,
   setButtonOnClick: l,
-  setButtonDisabled: u,
-  quantumOwned: g
+  setButtonDisabled: d,
+  quantumOwned: v,
+  isView: o
 }) => {
-  const a = It(), [{ fetching: M }, T] = te(ze), [{ fetching: p }, x] = te(Et), [{ data: A }] = oe({
-    query: Dt,
-    variables: { id: n ?? "" },
-    pause: !n
-  }), o = B(
-    re,
-    A?.getActionById
-  ), c = M || p, j = !!o && !!n, [m, C] = E(""), [w, S] = E(""), [b, O] = E(""), [I, D] = E(""), [P, ee] = E(
-    ve.Either
-  ), [$, k] = E(
-    Fe.Action
-  ), [H, y] = E([]), [L, K] = E([]), t = _(
-    () => H.map((R) => R.value),
-    [H]
-  ), h = Jt(t), [f, F] = E([]), [U, G] = E(!1), Y = m.length && P;
-  V(() => {
-    o && (C(o.name), k(o.activityKind), S(o.description || ""), ee(o.laterality), K(
-      o.useCases.map((R) => ({
-        id: R.id,
-        value: R.id,
-        label: R.name,
-        __isNew__: !1
-      }))
-    ), O(o.instructionsPointOfInterest || ""), D(o.instructionsMovementReport || ""), y(
-      o.sensorLocations.map((R) => ({
-        label: ct(R),
-        value: R
-      }))
-    ), F(Ht(o.thresholds)));
-  }, [o]);
-  const Q = N(
-    async (R) => (await a.query(
-      g ? Lt : Ft,
-      {
-        query: R,
-        limit: 10
-      }
-    ).then((ae) => {
-      const je = ae.data;
-      return je ? je?.quantumOwnedUseCases ? je.quantumOwnedUseCases : je.useCases : [];
-    }) ?? []).map((ae) => ({
-      label: ae.name,
-      value: ae.id
-    })),
-    [a, g]
-  ), [de, xe] = E({});
-  V(() => {
-    xe({
-      name: m,
-      laterality: P,
-      description: w,
-      instructionsPointOfInterest: b,
-      instructionsMovementReport: I,
-      sensorLocations: t,
-      thresholds: Ee(f),
-      useCases: De(L),
-      activityKind: $
-    });
-  }, [xe, o]);
-  const le = _(
-    () => JSON.stringify(de) !== JSON.stringify({
-      name: m,
-      laterality: P,
-      description: w,
-      instructionsPointOfInterest: b,
-      instructionsMovementReport: I,
+  const [{ fetching: I }, j] = oe(De), [{ fetching: A }, h] = oe(Nt), [{ data: S }] = 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([]), [X, b] = P([]), [z, Z] = P([]), t = F(
+    () => X.map((O) => O.value),
+    [X]
+  ), m = Yt(t), [{ data: w }] = le({
+    query: rt
+  }), D = F(() => U(
+    me,
+    w?.moduleCategories
+  )?.map((H) => ({
+    label: H.name,
+    value: H.id
+  })), [w?.moduleCategories]), $ = F(
+    () => Qe(Object.values(Pt), Pe),
+    []
+  ), [Q, K] = P([]), B = g.length > 0, [ce, Ie] = P({});
+  ne(() => {
+    if (r) {
+      const O = U(
+        me,
+        r.categories
+      ), H = {
+        name: r.name,
+        activityType: r.activityType ?? void 0,
+        description: r.description || "",
+        cameraPlacement: r.cameraPlacement || "",
+        videoLink: r.videoLink || "",
+        sessionType: r.sessionType.map((V) => ({
+          label: Pe(V),
+          value: V
+        })),
+        categories: O?.map((V) => V.id) || [],
+        sensorLocations: r.sensorLocations.map((V) => ({
+          label: at(V),
+          value: V
+        })),
+        thresholds: qt(r.thresholds)
+      };
+      y(H.name), f(H.activityType ?? void 0), G(H.description), T(H.cameraPlacement), E(H.videoLink), L(H.sessionType), Z(O?.map((V) => V.id) || []), b(H.sensorLocations), K(H.thresholds), Ie(H);
+    }
+  }, [r]);
+  const pe = F(
+    () => JSON.stringify(ce) !== JSON.stringify({
+      name: g,
+      description: C,
+      cameraPlacement: k,
+      videoLink: N,
+      activityType: _,
+      sessionType: M.map((O) => O.value),
+      categories: z,
       sensorLocations: t,
-      thresholds: Ee(f),
-      useCases: De(L),
-      activityKind: $
+      thresholds: We(Q)
     }),
     [
-      de,
-      m,
-      P,
+      ce,
+      g,
       t,
-      w,
-      I,
-      b,
-      f,
-      L,
-      $
+      C,
+      k,
+      N,
+      _,
+      M,
+      z,
+      Q
     ]
-  ), pe = N(() => {
-    const R = {
-      name: m,
-      laterality: P,
-      description: w,
-      instructionsPointOfInterest: b,
-      instructionsMovementReport: I,
+  ), de = R(() => {
+    const O = {
+      name: g,
+      description: C,
+      cameraPlacement: k,
+      videoLink: N,
+      activityType: _,
+      activityKind: Bt(_),
+      sessionType: M.map((V) => V.value),
+      categories: z,
       sensorLocations: t,
-      thresholds: Ee(f),
-      useCases: De(L),
-      activityKind: $,
-      quantumOwned: g
+      thresholds: We(Q),
+      // Backend requires laterality; keep existing default since UI no longer edits it
+      laterality: _t.Either,
+      quantumOwned: v
     };
-    let fe;
-    j && n ? fe = x({
-      id: n,
-      fields: R
-    }) : fe = T({
-      fields: R
-    }), fe.then(({ error: ae }) => {
-      ae ? s(ae) : d();
+    let H;
+    p && s ? H = h({
+      id: s,
+      fields: O
+    }) : H = j({
+      fields: O
+    }), H.then(({ error: V }) => {
+      V ? n(V) : c();
     });
   }, [
+    v,
+    j,
+    h,
+    s,
     g,
-    T,
-    x,
-    n,
-    m,
-    P,
     t,
-    d,
-    w,
-    I,
-    b,
-    j,
-    f,
-    L,
-    $,
-    s
+    C,
+    k,
+    N,
+    _,
+    M,
+    z,
+    p,
+    Q,
+    c,
+    n
   ]);
-  return V(() => {
-    u && u({
-      cancelButton: c,
-      saveButton: c || !Y || !le
+  return ne(() => {
+    d && d({
+      cancelButton: a,
+      saveButton: o ? !0 : a || !B || !pe
     });
-  }, [c, u, Y, le]), V(() => {
+  }, [a, d, B, pe, o]), ne(() => {
     l && l({
-      cancelButton: r,
-      saveButton: pe
+      cancelButton: i,
+      saveButton: o ? () => {
+      } : de
     });
-  }, [l, r, pe]), /* @__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(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Name" }),
+  }, [l, i, de, o]), console.log(B, pe, a, ce), /* @__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-4", children: [
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          Ie,
+          je,
           {
-            value: m,
-            onChange: (R) => C(R.target.value),
+            value: g,
+            onChange: (O) => y(O.target.value),
             type: "text",
-            placeholder: "i.e. Lunge & Return"
+            placeholder: "i.e. Lunge & Return",
+            isDisabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(X, { m: "0", p: "0", w: "100%", justifyItems: "space-between", children: [
-        /* @__PURE__ */ e.jsxs(W, { children: [
-          /* @__PURE__ */ e.jsx(ne, { children: "Activity Type" }),
-          /* @__PURE__ */ e.jsx(
-            _e,
-            {
-              selectedItem: $,
-              onChange: (R) => k(R.value),
-              buttonProps: {
-                size: "sm",
-                variant: "outline",
-                colorScheme: "gray"
-              },
-              selectedProps: {
-                variant: "solid",
-                colorScheme: "teal"
-              },
-              items: [
-                { value: Fe.Action, label: "Action" },
-                { value: Fe.Movement, label: "Movement" }
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsxs(W, { children: [
-          /* @__PURE__ */ e.jsx(ne, { children: "Laterality" }),
-          /* @__PURE__ */ e.jsx(
-            _e,
-            {
-              selectedItem: P,
-              onChange: (R) => ee(R.value),
-              buttonProps: {
-                size: "sm",
-                variant: "outline",
-                colorScheme: "gray"
-              },
-              selectedProps: {
-                variant: "solid",
-                colorScheme: "teal"
-              },
-              items: [
-                {
-                  value: ve.Unilateral,
-                  label: "unilateral"
-                },
-                {
-                  value: ve.Bilateral,
-                  label: "bilateral"
-                },
-                {
-                  value: ve.Either,
-                  label: "either / or"
-                }
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Use Cases" }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Activity Type" }),
         /* @__PURE__ */ e.jsx(
-          Xe,
+          se,
           {
-            isOpen: U,
-            label: "Type to search for existing use cases",
-            placement: "top-end",
-            children: /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(
-              At,
-              {
-                value: L,
-                onChange: (R) => K([...R]),
-                isMulti: !0,
-                cacheOptions: !0,
-                defaultOptions: !0,
-                onFocus: () => G(!0),
-                onBlur: () => G(!1),
-                loadOptions: Q,
-                placeholder: "(optional) Search for & select use cases…"
-              }
-            ) })
+            isClearable: !0,
+            isMulti: !1,
+            value: _ ? {
+              label: _e(_),
+              value: _
+            } : null,
+            onChange: (O) => f(O?.value),
+            options: Qe(
+              Object.values(Gt),
+              _e
+            ),
+            placeholder: "(optional) Select activity type",
+            isDisabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Description" }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Camera Placement" }),
         /* @__PURE__ */ e.jsx(
-          Le,
+          $e,
           {
-            value: w,
-            onChange: (R) => S(R.target.value),
+            value: k,
+            onChange: (O) => T(O.target.value),
             rows: 2,
-            placeholder: "(optional) Describe how to perform the test or exercise"
+            placeholder: "(optional) Describe camera setup, placement, angles",
+            isDisabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Instructions for General Movement Report" }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Video Link" }),
         /* @__PURE__ */ e.jsx(
-          Le,
+          je,
           {
-            value: I,
-            onChange: (R) => D(R.target.value),
-            rows: 2,
-            placeholder: "(optional) Describe how to setup or generate the movement report"
+            value: N,
+            onChange: (O) => E(O.target.value),
+            type: "url",
+            placeholder: "(optional) https://...",
+            isDisabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Instructions for Point of Interest Report" }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Description" }),
         /* @__PURE__ */ e.jsx(
-          Le,
+          $e,
           {
-            value: b,
-            onChange: (R) => O(R.target.value),
+            value: C,
+            onChange: (O) => G(O.target.value),
             rows: 2,
-            placeholder: "(optional) Describe how to setup or generate the point of interest report"
+            placeholder: "(optional) Describe how to perform the test or exercise",
+            isDisabled: o
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Link to Category" }),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            isMulti: !0,
+            value: D?.filter(
+              (O) => z.includes(O.value)
+            ),
+            onChange: (O) => Z(
+              (O ?? []).map(
+                (H) => H.value
+              )
+            ),
+            options: D,
+            placeholder: "Select one or more categories",
+            isDisabled: o
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Session Types" }),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            isMulti: !0,
+            value: M,
+            onChange: (O) => L(
+              O ?? []
+            ),
+            options: $,
+            placeholder: "Select one or more session types",
+            isDisabled: o
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "col-span-2 lg:col-span-1 flex flex-col gap-8", children: [
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Sensor Locations" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "col-span-2 lg:col-span-1 flex flex-col gap-4", children: [
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Sensor Locations" }),
         /* @__PURE__ */ e.jsx(
-          ie,
+          se,
           {
             isMulti: !0,
-            value: H,
-            onChange: (R) => y([...R]),
-            options: gs,
-            isOptionDisabled: () => H.length >= ms
+            value: X,
+            onChange: (O) => b([...O]),
+            options: fn,
+            isOptionDisabled: () => X.length >= xn,
+            isDisabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(W, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: "Default Parameters" }),
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(ie, { children: "Default Parameters" }),
         /* @__PURE__ */ e.jsx(
-          hs,
+          gn,
           {
-            options: h,
-            value: f,
-            onChange: F
+            options: m,
+            value: Q,
+            onChange: K,
+            editOnly: o
           }
         )
       ] })
@@ -2056,16 +2110,19 @@ const Kt = ({
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: Yt("col-span-2 flex justify-end", i && "hidden"),
-        children: /* @__PURE__ */ e.jsxs(me, { mt: 16, gap: 4, children: [
-          /* @__PURE__ */ e.jsx(J, { colorScheme: "gray", isDisabled: c, onClick: r, children: "Cancel" }),
+        className: Ht(
+          "col-span-2 flex justify-end",
+          (u || o) && "hidden"
+        ),
+        children: /* @__PURE__ */ e.jsxs(xe, { mt: 16, gap: 4, children: [
+          /* @__PURE__ */ e.jsx(J, { colorScheme: "gray", isDisabled: a, onClick: i, children: "Cancel" }),
           /* @__PURE__ */ e.jsx(
             J,
             {
               colorScheme: "blue",
-              isDisabled: c || !Y || !le,
-              isLoading: c,
-              onClick: pe,
+              isDisabled: a || !B || !pe,
+              isLoading: a,
+              onClick: de,
               children: "Save changes"
             }
           )
@@ -2073,101 +2130,101 @@ const Kt = ({
       }
     )
   ] });
-}, ne = ({ children: n }) => /* @__PURE__ */ e.jsx(qe, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: n }), Fs = ({
-  id: n,
-  onCancel: s,
-  onSave: r,
-  onError: d,
-  hideButtons: i,
+}, ie = ({ children: s }) => /* @__PURE__ */ e.jsx(Be, { fontWeight: "bold", fontFamily: "sans-serif", fontSize: "large", children: s }), zn = ({
+  id: s,
+  onCancel: n,
+  onSave: i,
+  onError: c,
+  hideButtons: u,
   quantumOwned: l,
-  setButtonOnClick: u,
-  setButtonDisabled: g
+  setButtonOnClick: d,
+  setButtonDisabled: v
 }) => {
-  const [{ data: a }] = oe({
-    query: l ? kt : _t
-  }), [{ data: M }] = oe({
-    query: zt,
-    variables: { id: n },
-    pause: !n
-  }), [{ data: T }] = oe({
-    query: Pt
-  }), p = B(
-    ke,
-    T?.moduleCategories
-  ), [{ fetching: x }, A] = te(rt), [{ fetching: o }, c] = te(it), j = B(
-    re,
-    l ? a?.quantumOwnedActions : a?.actions
-  ) ?? [], m = B(Se, M?.module), C = B(ot, m?.moduleActions) ?? [], [w, S] = E([
-    ...C.map((k) => k.actionId) ?? []
-  ]), [b, O] = E(m?.name ?? ""), [I, D] = E([]), [P, ee] = E(m?.description ?? "");
-  V(() => {
-    m && (S(C.map((k) => k.actionId)), O(m.name), ee(m.description ?? ""), D(
-      m.categories.map(
-        (k) => B(ke, k).id
+  const [{ data: o }] = le({
+    query: l ? Dt : Ft
+  }), [{ data: I }] = le({
+    query: kt,
+    variables: { id: s },
+    pause: !s
+  }), [{ data: j }] = le({
+    query: rt
+  }), A = U(
+    me,
+    j?.moduleCategories
+  ), [{ fetching: h }, S] = 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([
+    ...y.map((L) => L.actionId) ?? []
+  ]), [k, T] = P(g?.name ?? ""), [N, E] = P([]), [_, f] = P(g?.description ?? "");
+  ne(() => {
+    g && (G(y.map((L) => L.actionId)), T(g.name), f(g.description ?? ""), E(
+      g.categories.map(
+        (L) => U(me, L).id
       ) ?? []
     ));
-  }, [m, C]);
-  const $ = N(() => {
-    let k;
-    const H = {
-      actions: w,
-      name: b,
-      categories: I.filter((y) => y !== "other"),
-      description: P,
+  }, [g, y]);
+  const M = R(() => {
+    let L;
+    const X = {
+      actions: C,
+      name: k,
+      categories: N.filter((b) => b !== "other"),
+      description: _,
       quantumOwned: l
     };
-    m ? k = A({
-      id: m.id,
-      input: H
-    }) : k = c({
-      input: H
-    }), k.then(({ error: y }) => {
-      y ? d(y) : r();
+    g ? L = S({
+      id: g.id,
+      input: X
+    }) : L = a({
+      input: X
+    }), L.then(({ error: b }) => {
+      b ? c(b) : i();
     });
   }, [
-    c,
-    A,
-    w,
-    b,
-    P,
-    I,
-    m,
-    r,
-    d
+    a,
+    S,
+    C,
+    k,
+    _,
+    N,
+    g,
+    i,
+    c
   ]);
-  return V(() => {
-    g && g({
-      cancelButton: x || o,
-      saveButton: x || o || !b || P.trim().split(/\s+/).filter(Boolean).length > 40
+  return ne(() => {
+    v && v({
+      cancelButton: h || r,
+      saveButton: h || r || !k || _.trim().split(/\s+/).filter(Boolean).length > 40
     });
-  }, [g, x, o, w, b, P]), V(() => {
-    u && u({
-      cancelButton: s,
-      saveButton: $
+  }, [v, h, r, C, k, _]), ne(() => {
+    d && d({
+      cancelButton: n,
+      saveButton: M
     });
-  }, [u, s, $]), /* @__PURE__ */ e.jsxs(q, { width: "100%", children: [
+  }, [d, n, M]), /* @__PURE__ */ e.jsxs(Y, { width: "100%", children: [
     /* @__PURE__ */ e.jsx(
-      rs,
+      an,
       {
-        name: b,
-        setName: O,
-        actions: j,
-        selectedActionIds: w,
-        setSelectedActionIds: S,
-        availableCategories: p ?? [],
-        selectedCategoryIds: I,
-        setSelectedCategoryIds: D,
-        description: P,
-        setDescription: ee
+        name: k,
+        setName: T,
+        actions: p,
+        selectedActionIds: C,
+        setSelectedActionIds: G,
+        availableCategories: A ?? [],
+        selectedCategoryIds: N,
+        setSelectedCategoryIds: E,
+        description: _,
+        setDescription: f
       }
     ),
-    !i && /* @__PURE__ */ e.jsx(X, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(me, { mt: 16, gap: 4, children: [
+    !u && /* @__PURE__ */ e.jsx(te, { justifyContent: "flex-start", children: /* @__PURE__ */ e.jsxs(xe, { mt: 16, gap: 4, children: [
       /* @__PURE__ */ e.jsx(
         J,
         {
           colorScheme: "gray",
-          isDisabled: x || o,
-          onClick: s,
+          isDisabled: h || r,
+          onClick: n,
           children: "Cancel"
         }
       ),
@@ -2175,9 +2232,9 @@ const Kt = ({
         J,
         {
           colorScheme: "blue",
-          isDisabled: x || o || !b || P.trim().split(/\s+/).filter(Boolean).length > 40,
-          isLoading: x || o,
-          onClick: $,
+          isDisabled: h || r || !k || _.trim().split(/\s+/).filter(Boolean).length > 40,
+          isLoading: h || r,
+          onClick: M,
           children: "Save"
         }
       )
@@ -2185,12 +2242,12 @@ const Kt = ({
   ] });
 };
 export {
-  os as ActivityList,
-  Ns as CopyActivityForm,
-  Rs as CopyModuleForm,
-  rs as ModuleForm,
-  ds as ParameterEditList,
-  hs as ParameterEditSelect,
-  Ls as UpsertActivityForm,
-  Fs as UpsertModuleForm
+  ln as ActivityList,
+  kn as CopyActivityForm,
+  Rn as CopyModuleForm,
+  an as ModuleForm,
+  mn as ParameterEditList,
+  gn as ParameterEditSelect,
+  En as UpsertActivityForm,
+  zn as UpsertModuleForm
 };