@instructure/platform-rubrics 3.1.0 → 3.2.0

package/dist/foundation.js

@@ -1,44 +1,44 @@
-import { g as gr, R as Ce, u as I, f as ue, h as Ne, r as hr, i as Te, b as pr, j as fr } from "./chunks/errorPage-B145UIKY.js";
-import { D as wt, a as Et, d as Pt } from "./chunks/errorPage-B145UIKY.js";
+import { g as Br, R as we, h as B, i as ue, j as We, k as je, r as Ir, l as xe, c as Lr } from "./chunks/errorPage-C2-lUC8H.js";
+import { D as zt, a as $t, d as Ut } from "./chunks/errorPage-C2-lUC8H.js";
 import "@instructure/platform-provider";
-import { useState as k, useEffect as F, useRef as $, useMemo as De, useCallback as Fe } from "react";
-import { jsx as e, jsxs as b, Fragment as ve } from "react/jsx-runtime";
-import { Heading as q } from "@instructure/ui-heading";
-import { View as y } from "@instructure/ui-view";
-import { Button as H, CloseButton as Cr, IconButton as ae } from "@instructure/ui-buttons";
-import { Flex as w } from "@instructure/ui-flex";
-import { SimpleSelect as pe } from "@instructure/ui-simple-select";
-import { Spinner as vr } from "@instructure/ui-spinner";
+import { useState as y, useEffect as N, useRef as F, useMemo as Ae, useCallback as Ke } from "react";
+import { jsx as e, jsxs as b, Fragment as Se } from "react/jsx-runtime";
+import { Heading as V } from "@instructure/ui-heading";
+import { View as P } from "@instructure/ui-view";
+import { Button as H, CloseButton as yr, IconButton as oe } from "@instructure/ui-buttons";
+import { Flex as k } from "@instructure/ui-flex";
+import { SimpleSelect as Ce } from "@instructure/ui-simple-select";
+import { Spinner as kr } from "@instructure/ui-spinner";
 import { Text as G } from "@instructure/ui-text";
-import { useQuery as Rr } from "@tanstack/react-query";
-import { u as Re, g as Lr, p as Sr, a as He, b as we, C as $e, c as Ee, i as Br, d as ze, e as se, s as Ue, K as qe, P as We, r as Ir, D as je, S as Ke, v as Ve, f as kr, h as yr, j as Tr, k as Dr, l as wr, m as Er, n as Pr, w as Pe, o as xr, q as Ar, t as Or, x as Gr, y as xe, A as fe, G as Mr, z as _r, B as Ae, E as Nr, F as Oe, R as Fr, H as Hr, I as $r, J as zr, L as Ur, M as qr, N as Wr, O as jr, Q as Kr, T as Vr, U as Qr, V as Xr } from "./chunks/useAssignmentRubricState-Cha3tHoC.js";
-import Yr from "graphql-tag";
-import { LoadingIndicator as Qe } from "@instructure/platform-loading-indicator";
-import { Alert as Jr } from "@instructure/ui-alerts";
-import { IconDragHandleLine as Xe, IconTrashLine as Ye, IconAddLine as Je, IconArrowOpenDownLine as Zr, IconArrowOpenEndLine as ei, IconCommentLine as ri, IconDuplicateLine as ii, IconAiSolid as be, IconLikeSolid as Ge, IconLikeLine as Me, IconAiColoredSolid as Ze } from "@instructure/ui-icons";
-import { Checkbox as oe } from "@instructure/ui-checkbox/v11_7";
-import { Flex as P } from "@instructure/ui-flex/v11_7";
-import { Modal as te } from "@instructure/ui-modal";
-import { ScreenReaderContent as er } from "@instructure/ui-a11y-content";
-import { Checkbox as ti } from "@instructure/ui-checkbox";
-import { Pill as rr } from "@instructure/ui-pill";
-import { TextArea as ni } from "@instructure/ui-text-area";
-import { TextInput as V } from "@instructure/ui-text-input";
-import { NumberInput as ai } from "@instructure/ui-number-input";
-import { CloseButton as Le, Button as _, IconButton as _e } from "@instructure/ui-buttons/v11_7";
-import { Heading as Q } from "@instructure/ui-heading/v11_7";
-import { Modal as x } from "@instructure/ui-modal/v11_7";
-import { Text as de } from "@instructure/ui-text/v11_7";
-import { RadioInputGroup as oi, RadioInput as li } from "@instructure/ui-radio-input";
-import { ProgressBar as si } from "@instructure/ui-progress/v11_7";
-import { Spinner as di } from "@instructure/ui-spinner/v11_7";
-import { View as ci } from "@instructure/ui-view/v11_7";
-import { SimpleSelect as U } from "@instructure/ui-simple-select/v11_7";
+import { useQuery as Tr } from "@tanstack/react-query";
+import { u as be, g as Pr, p as Dr, a as Xe, b as Oe, C as Ye, c as Ge, i as Er, d as Qe, e as de, s as Je, K as Ze, P as er, r as Mr, D as rr, S as ir, v as tr, f as xr, h as Ar, j as Or, k as Gr, l as _r, m as Nr, n as Fr, w as _e, o as Hr, q as zr, t as $r, x as Ur, T as Vr, M as qr, y as Wr, z as Ne, A as ve, G as jr, B as Kr, E as Fe, F as Xr, H as He, R as Yr, I as Qr, J as Jr, L as Zr, N as ei, O as ri, Q as ii, U as ti, V as ni, W as ai, X as oi, Y as li } from "./chunks/useAssignmentRubricState-DpcMVo45.js";
+import si from "graphql-tag";
+import { LoadingIndicator as nr } from "@instructure/platform-loading-indicator";
+import { Alert as di } from "@instructure/ui-alerts";
+import { IconDragHandleLine as ar, IconTrashLine as or, IconAddLine as lr, IconArrowOpenDownLine as ci, IconArrowOpenEndLine as ui, IconCommentLine as bi, IconDuplicateLine as mi, IconAiSolid as me, IconLikeSolid as ze, IconLikeLine as $e, IconAiColoredSolid as sr } from "@instructure/ui-icons";
+import { Checkbox as le } from "@instructure/ui-checkbox/v11_7";
+import { Flex as T } from "@instructure/ui-flex/v11_7";
+import { Modal as ne } from "@instructure/ui-modal";
+import { ScreenReaderContent as dr } from "@instructure/ui-a11y-content";
+import { Checkbox as gi } from "@instructure/ui-checkbox";
+import { Pill as cr } from "@instructure/ui-pill";
+import { TextArea as hi } from "@instructure/ui-text-area";
+import { TextInput as X } from "@instructure/ui-text-input";
+import { NumberInput as pi } from "@instructure/ui-number-input";
+import { CloseButton as Be, Button as A, IconButton as Ue } from "@instructure/ui-buttons/v11_7";
+import { Heading as q } from "@instructure/ui-heading/v11_7";
+import { Modal as M } from "@instructure/ui-modal/v11_7";
+import { Text as Y } from "@instructure/ui-text/v11_7";
+import { SimpleSelect as $ } from "@instructure/ui-simple-select/v11_7";
+import { View as Re } from "@instructure/ui-view/v11_7";
+import { RadioInputGroup as fi, RadioInput as Ci } from "@instructure/ui-radio-input";
+import { ProgressBar as vi } from "@instructure/ui-progress/v11_7";
+import { Spinner as Ri } from "@instructure/ui-spinner/v11_7";
 import { TextArea as ce } from "@instructure/ui-text-area/v11_7";
-import { TextInput as ui } from "@instructure/ui-text-input/v11_7";
-import { Tooltip as bi } from "@instructure/ui-tooltip/v11_7";
-import { Alert as mi } from "@instructure/ui-alerts/v11_7";
-const It = () => /* @__PURE__ */ e(y, { as: "div", padding: "small", children: /* @__PURE__ */ e(q, { level: "h2", children: gr("foundation") }) }), gi = Yr`
+import { TextInput as wi } from "@instructure/ui-text-input/v11_7";
+import { Tooltip as Si } from "@instructure/ui-tooltip/v11_7";
+import { Alert as Bi } from "@instructure/ui-alerts/v11_7";
+const Gt = () => /* @__PURE__ */ e(P, { as: "div", padding: "small", children: /* @__PURE__ */ e(V, { level: "h2", children: Br("foundation") }) }), Ii = si`
   query CourseRubricsList($courseId: ID!, $first: Int) {
     course(id: $courseId) {
       rubricsConnection(first: $first) {
@@ -56,13 +56,13 @@ const It = () => /* @__PURE__ */ e(y, { as: "div", padding: "small", children: /
     }
   }
 `;
-function hi(r) {
-  const { executeQuery: n } = Re();
-  return Rr({
+function Li(r) {
+  const { executeQuery: a } = be();
+  return Tr({
     queryKey: ["courseRubrics", r],
     queryFn: async () => {
-      var a;
-      const { course: s } = await n(gi, {
+      var n;
+      const { course: s } = await a(Ii, {
         courseId: r,
         first: 50
       }), i = s == null ? void 0 : s.rubricsConnection;
@@ -70,44 +70,44 @@ function hi(r) {
         rubrics: ((i == null ? void 0 : i.nodes) ?? []).filter(
           (l) => l != null
         ),
-        hasMore: ((a = i == null ? void 0 : i.pageInfo) == null ? void 0 : a.hasNextPage) ?? !1
+        hasMore: ((n = i == null ? void 0 : i.pageInfo) == null ? void 0 : n.hasNextPage) ?? !1
       };
     },
     enabled: !!r
   });
 }
-const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children: /* @__PURE__ */ e(pi, { ...r }) }), pi = ({
+const _t = (r) => /* @__PURE__ */ e(we, { translations: r.translations, children: /* @__PURE__ */ e(yi, { ...r }) }), yi = ({
   courseId: r,
-  value: n,
+  value: a,
   onChange: s
 }) => {
-  const { translations: i } = I(), { data: a, isLoading: l, isError: o, refetch: g } = hi(r), t = a == null ? void 0 : a.rubrics;
-  return l ? /* @__PURE__ */ b(y, { as: "div", role: "status", "aria-live": "polite", margin: "0 0 medium", children: [
-    /* @__PURE__ */ e(vr, { renderTitle: i.rubricSelectorLoading, size: "x-small" }),
-    /* @__PURE__ */ e(y, { as: "span", padding: "0 0 0 x-small", children: /* @__PURE__ */ e(G, { size: "small", children: i.rubricSelectorLoading }) })
-  ] }) : o ? /* @__PURE__ */ e(y, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ b(w, { gap: "small", alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ e(w.Item, { children: /* @__PURE__ */ b(G, { size: "small", color: "danger", children: [
+  const { translations: i } = B(), { data: n, isLoading: l, isError: o, refetch: m } = Li(r), t = n == null ? void 0 : n.rubrics;
+  return l ? /* @__PURE__ */ b(P, { as: "div", role: "status", "aria-live": "polite", margin: "0 0 medium", children: [
+    /* @__PURE__ */ e(kr, { renderTitle: i.rubricSelectorLoading, size: "x-small" }),
+    /* @__PURE__ */ e(P, { as: "span", padding: "0 0 0 x-small", children: /* @__PURE__ */ e(G, { size: "small", children: i.rubricSelectorLoading }) })
+  ] }) : o ? /* @__PURE__ */ e(P, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ b(k, { gap: "small", alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ e(k.Item, { children: /* @__PURE__ */ b(G, { size: "small", color: "danger", children: [
       i.rubricSelectorErrorTitle,
       ". ",
       i.rubricSelectorErrorBody
     ] }) }),
-    /* @__PURE__ */ e(w.Item, { children: /* @__PURE__ */ e(H, { size: "small", onClick: () => g(), children: i.rubricSelectorRetry }) })
-  ] }) }) : !t || t.length === 0 ? /* @__PURE__ */ e(y, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ e(G, { size: "small", children: i.rubricSelectorEmpty }) }) : /* @__PURE__ */ b(y, { as: "div", margin: "0 0 medium", maxWidth: "360px", children: [
+    /* @__PURE__ */ e(k.Item, { children: /* @__PURE__ */ e(H, { size: "small", onClick: () => m(), children: i.rubricSelectorRetry }) })
+  ] }) }) : !t || t.length === 0 ? /* @__PURE__ */ e(P, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ e(G, { size: "small", children: i.rubricSelectorEmpty }) }) : /* @__PURE__ */ b(P, { as: "div", margin: "0 0 medium", maxWidth: "360px", children: [
     /* @__PURE__ */ b(
-      pe,
+      Ce,
       {
         renderLabel: i.rubricSelectorLabel,
         assistiveText: i.rubricSelectorAssistiveText,
-        value: n ?? "",
+        value: a ?? "",
         onChange: (c, { value: h }) => {
           if (typeof h != "string" || !h) return;
           const d = t.find((u) => u.id === h);
           s(h, (d == null ? void 0 : d.title) ?? "");
         },
         children: [
-          n === void 0 && /* @__PURE__ */ e(pe.Option, { id: "rubrics-rubric-selector-placeholder", value: "", children: i.rubricSelectorPlaceholder }),
+          a === void 0 && /* @__PURE__ */ e(Ce.Option, { id: "rubrics-rubric-selector-placeholder", value: "", children: i.rubricSelectorPlaceholder }),
           t.map((c) => /* @__PURE__ */ e(
-            pe.Option,
+            Ce.Option,
             {
               id: `rubrics-rubric-selector-option-${c.id}`,
               value: c.id,
@@ -118,30 +118,30 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
         ]
       }
     ),
-    (a == null ? void 0 : a.hasMore) && /* @__PURE__ */ e(y, { as: "div", padding: "xx-small 0 0", children: /* @__PURE__ */ e(G, { size: "x-small", color: "secondary", children: i.rubricSelectorTruncated }) })
+    (n == null ? void 0 : n.hasMore) && /* @__PURE__ */ e(P, { as: "div", padding: "xx-small 0 0", children: /* @__PURE__ */ e(G, { size: "x-small", color: "secondary", children: i.rubricSelectorTruncated }) })
   ] });
-}, fi = ({
+}, ki = ({
   rubricForm: r,
-  canUseForGrading: n,
+  canUseForGrading: a,
   setRubricFormField: s
 }) => {
-  const { translations: i } = I(), { hidePoints: a, useForGrading: l, hideScoreTotal: o, hideOutcomeResults: g } = r, t = (c) => {
-    const h = Lr(c);
+  const { translations: i } = B(), { hidePoints: n, useForGrading: l, hideScoreTotal: o, hideOutcomeResults: m } = r, t = (c) => {
+    const h = Pr(c);
     s("useForGrading", h.useForGrading), s("hideScoreTotal", h.hideScoreTotal);
   };
-  return /* @__PURE__ */ b(P, { direction: "column", gap: "small", "data-testid": "rubric-builder-assignment-settings", children: [
+  return /* @__PURE__ */ b(T, { direction: "column", gap: "small", "data-testid": "rubric-builder-assignment-settings", children: [
     /* @__PURE__ */ e(
-      oe,
+      le,
       {
         variant: "toggle",
         label: i.hideOutcomeResultsLabel,
-        checked: g,
+        checked: m,
         onChange: (c) => s("hideOutcomeResults", c.target.checked),
         "data-testid": "rubric-builder-hide-outcome-results"
       }
     ),
-    !a && n && /* @__PURE__ */ e(
-      oe,
+    !n && a && /* @__PURE__ */ e(
+      le,
       {
         variant: "toggle",
         label: i.useForGradingLabel,
@@ -150,8 +150,8 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
         "data-testid": "rubric-builder-use-for-grading"
       }
     ),
-    !a && !l && /* @__PURE__ */ e(
-      oe,
+    !n && !l && /* @__PURE__ */ e(
+      le,
       {
         variant: "toggle",
         label: i.hideScoreTotalLabel,
@@ -161,21 +161,21 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       }
     )
   ] });
-}, le = ({
+}, se = ({
   isOpen: r,
-  heading: n,
+  heading: a,
   body: s,
   confirmLabel: i,
-  cancelLabel: a,
+  cancelLabel: n,
   onConfirm: l,
   onDismiss: o,
-  "data-testid": g
+  "data-testid": m
 }) => {
-  const { translations: t } = I();
-  return /* @__PURE__ */ b(te, { open: r, onDismiss: o, size: "small", label: n, "data-testid": g, children: [
-    /* @__PURE__ */ b(te.Header, { children: [
+  const { translations: t } = B();
+  return /* @__PURE__ */ b(ne, { open: r, onDismiss: o, size: "small", label: a, "data-testid": m, children: [
+    /* @__PURE__ */ b(ne.Header, { children: [
       /* @__PURE__ */ e(
-        Cr,
+        yr,
         {
           placement: "end",
           offset: "small",
@@ -183,187 +183,187 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
           screenReaderLabel: t.close
         }
       ),
-      /* @__PURE__ */ e(q, { level: "h2", children: n })
+      /* @__PURE__ */ e(V, { level: "h2", children: a })
     ] }),
-    /* @__PURE__ */ e(te.Body, { children: /* @__PURE__ */ e(G, { children: s }) }),
-    /* @__PURE__ */ b(te.Footer, { children: [
-      /* @__PURE__ */ e(H, { onClick: o, margin: "0 x-small 0 0", children: a }),
+    /* @__PURE__ */ e(ne.Body, { children: /* @__PURE__ */ e(G, { children: s }) }),
+    /* @__PURE__ */ b(ne.Footer, { children: [
+      /* @__PURE__ */ e(H, { onClick: o, margin: "0 x-small 0 0", children: n }),
       /* @__PURE__ */ e(H, { color: "primary", onClick: l, "data-testid": "confirm-modal-confirm", children: i })
     ] })
   ] });
-}, Ci = ({
+}, Ti = ({
   criteriaCount: r,
-  showMissingCriteriaError: n,
+  showMissingCriteriaError: a,
   actions: s,
   panel: i,
-  children: a
+  children: n
 }) => {
-  const { translations: l } = I();
-  return /* @__PURE__ */ b(y, { as: "section", "aria-labelledby": "rubric-builder-criteria-heading", children: [
-    /* @__PURE__ */ b(w, { justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
-      /* @__PURE__ */ e(q, { level: "h3", id: "rubric-builder-criteria-heading", children: l.rubricBuilderCriteriaHeading }),
-      s && /* @__PURE__ */ e(w, { gap: "small", wrap: "wrap", children: s })
+  const { translations: l } = B();
+  return /* @__PURE__ */ b(P, { as: "section", "aria-labelledby": "rubric-builder-criteria-heading", children: [
+    /* @__PURE__ */ b(k, { justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
+      /* @__PURE__ */ e(V, { level: "h3", id: "rubric-builder-criteria-heading", children: l.rubricBuilderCriteriaHeading }),
+      s && /* @__PURE__ */ e(k, { gap: "small", wrap: "wrap", children: s })
     ] }),
     i,
-    /* @__PURE__ */ e(y, { as: "div", margin: "small 0 0", children: r === 0 ? /* @__PURE__ */ e(G, { color: "secondary", children: l.rubricBuilderCriteriaEmpty }) : a }),
-    /* @__PURE__ */ e("div", { "aria-live": "polite", children: n && r === 0 && /* @__PURE__ */ e(G, { color: "danger", "data-testid": "rubric-builder-criteria-error", children: l.rubricBuilderAddCriterionError }) })
+    /* @__PURE__ */ e(P, { as: "div", margin: "small 0 0", children: r === 0 ? /* @__PURE__ */ e(G, { color: "secondary", children: l.rubricBuilderCriteriaEmpty }) : n }),
+    /* @__PURE__ */ e("div", { "aria-live": "polite", children: a && r === 0 && /* @__PURE__ */ e(G, { color: "danger", "data-testid": "rubric-builder-criteria-error", children: l.rubricBuilderAddCriterionError }) })
   ] });
-}, vi = ({ points: r, onCommit: n }) => {
-  const { translations: s } = I(), [i, a] = k(String(r));
-  return F(() => {
-    a(String(r));
+}, Pi = ({ points: r, onCommit: a }) => {
+  const { translations: s } = B(), [i, n] = y(String(r));
+  return N(() => {
+    n(String(r));
   }, [r]), /* @__PURE__ */ e(
-    V,
+    X,
     {
       renderLabel: s.rubricBuilderPointsPossibleLabel,
       width: "8rem",
       value: i,
-      onChange: (l) => a(l.target.value),
+      onChange: (l) => n(l.target.value),
       onBlur: (l) => {
-        const o = Sr(l.target.value);
-        a(String(o)), o !== r && n(o);
+        const o = Dr(l.target.value);
+        n(String(o)), o !== r && a(o);
       },
       "data-testid": "rubric-builder-points-possible"
     }
   );
-}, Ri = ({
+}, Di = ({
   rating: r,
-  sortableId: n,
+  sortableId: a,
   position: s,
   rangeStart: i,
-  useRange: a,
+  useRange: n,
   hidePoints: l,
   showNameError: o,
-  canRemove: g,
+  canRemove: m,
   onChange: t,
   onPointsBlur: c,
   onRemove: h
 }) => {
-  const { translations: d, translate: u } = I(), { attributes: p, listeners: v, setNodeRef: f, transform: m, transition: C } = He({
-    id: n
-  }), [E, R] = k(String(r.points));
-  F(() => {
-    we(E) !== r.points && R(String(r.points));
+  const { translations: d, translate: u } = B(), { attributes: p, listeners: f, setNodeRef: C, transform: g, transition: v } = Xe({
+    id: a
+  }), [E, R] = y(String(r.points));
+  N(() => {
+    Oe(E) !== r.points && R(String(r.points));
   }, [r.points]);
-  const S = (B, T) => {
-    R(T), t({ ...r, points: B });
+  const I = (L, D) => {
+    R(D), t({ ...r, points: L });
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: f,
-      style: { transform: $e.Transform.toString(m), transition: C },
+      ref: C,
+      style: { transform: Ye.Transform.toString(g), transition: v },
       "data-testid": "rubric-builder-rating-row",
-      children: /* @__PURE__ */ b(w, { gap: "small", alignItems: "start", wrap: "wrap", margin: "0 0 small", children: [
+      children: /* @__PURE__ */ b(k, { gap: "small", alignItems: "start", wrap: "wrap", margin: "0 0 small", children: [
         /* @__PURE__ */ e(
-          y,
+          P,
           {
             as: "div",
             cursor: "grab",
             margin: "medium 0 0",
             "aria-label": u("rubricBuilderReorderRating", { position: s }),
             ...p,
-            ...v,
-            children: /* @__PURE__ */ e(Xe, { "aria-hidden": "true" })
+            ...f,
+            children: /* @__PURE__ */ e(ar, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(y, { as: "div", minWidth: "1.5rem", margin: "medium 0 0", children: /* @__PURE__ */ e(G, { weight: "bold", "aria-hidden": "true", children: s }) }),
-        !l && /* @__PURE__ */ b(w, { gap: "x-small", alignItems: "end", children: [
-          a && i !== void 0 && /* @__PURE__ */ e(y, { as: "div", margin: "0 0 x-small", children: /* @__PURE__ */ e(G, { children: u("rangeStartPrefix", { rangeStart: i }) }) }),
+        /* @__PURE__ */ e(P, { as: "div", minWidth: "1.5rem", margin: "medium 0 0", children: /* @__PURE__ */ e(G, { weight: "bold", "aria-hidden": "true", children: s }) }),
+        !l && /* @__PURE__ */ b(k, { gap: "x-small", alignItems: "end", children: [
+          n && i !== void 0 && /* @__PURE__ */ e(P, { as: "div", margin: "0 0 x-small", children: /* @__PURE__ */ e(G, { children: u("rangeStartPrefix", { rangeStart: i }) }) }),
           /* @__PURE__ */ e(
-            ai,
+            pi,
             {
-              renderLabel: a ? d.rubricBuilderPointRangeLabel : d.rubricBuilderPointsLabel,
+              renderLabel: n ? d.rubricBuilderPointRangeLabel : d.rubricBuilderPointsLabel,
               allowStringValue: !0,
               showArrows: !1,
               width: "6rem",
               value: E,
-              onChange: (B, T) => {
-                Br(T) && S(we(T), T);
+              onChange: (L, D) => {
+                Er(D) && I(Oe(D), D);
               },
               onIncrement: () => {
-                const B = Ee(Math.floor(r.points) + 1);
-                S(B, String(B));
+                const L = Ge(Math.floor(r.points) + 1);
+                I(L, String(L));
               },
               onDecrement: () => {
-                const B = Ee(Math.floor(r.points) - 1);
-                S(B, String(B));
+                const L = Ge(Math.floor(r.points) - 1);
+                I(L, String(L));
               },
               onBlur: c,
               "data-testid": "rubric-builder-rating-points"
             }
           )
         ] }),
-        /* @__PURE__ */ e(w.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
-          V,
+        /* @__PURE__ */ e(k.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
+          X,
           {
             renderLabel: d.rubricBuilderRatingNameLabel,
             isRequired: !0,
             value: r.description,
-            onChange: (B) => t({ ...r, description: B.target.value }),
+            onChange: (L) => t({ ...r, description: L.target.value }),
             messages: o ? [{ text: d.rubricBuilderRatingNameRequired, type: "error" }] : [],
             "data-testid": "rubric-builder-rating-name"
           }
         ) }),
-        /* @__PURE__ */ e(w.Item, { shouldGrow: !0, shouldShrink: !0, size: "14rem", children: /* @__PURE__ */ e(
-          V,
+        /* @__PURE__ */ e(k.Item, { shouldGrow: !0, shouldShrink: !0, size: "14rem", children: /* @__PURE__ */ e(
+          X,
           {
             renderLabel: d.rubricBuilderRatingDescriptionLabel,
             value: r.longDescription,
-            onChange: (B) => t({ ...r, longDescription: B.target.value }),
+            onChange: (L) => t({ ...r, longDescription: L.target.value }),
             "data-testid": "rubric-builder-rating-description"
           }
         ) }),
-        g && /* @__PURE__ */ e(y, { as: "div", margin: "medium 0 0", children: /* @__PURE__ */ e(
-          ae,
+        m && /* @__PURE__ */ e(P, { as: "div", margin: "medium 0 0", children: /* @__PURE__ */ e(
+          oe,
           {
             screenReaderLabel: u("rubricBuilderRemoveRating", { position: s }),
             withBackground: !1,
             withBorder: !1,
             onClick: h,
             "data-testid": "rubric-builder-remove-rating",
-            children: /* @__PURE__ */ e(Ye, {})
+            children: /* @__PURE__ */ e(or, {})
           }
         ) })
       ] })
     }
   );
-}, Li = ({
+}, Ei = ({
   ratings: r,
-  useRange: n,
+  useRange: a,
   hidePoints: s,
   ratingOrder: i,
-  ratingNamesRequired: a,
+  ratingNamesRequired: n,
   onChange: l
 }) => {
-  const { translations: o } = I(), g = ze(
-    se(We, { activationConstraint: { distance: 8 } }),
-    se(qe, { coordinateGetter: Ue })
-  ), t = r.map(Ir), c = i === "ascending", h = r.map((u, p) => c ? r.length - 1 - p : p);
-  return /* @__PURE__ */ b(y, { as: "div", children: [
-    /* @__PURE__ */ e(je, { sensors: g, onDragEnd: ({ active: u, over: p }) => {
+  const { translations: o } = B(), m = Qe(
+    de(er, { activationConstraint: { distance: 8 } }),
+    de(Ze, { coordinateGetter: Je })
+  ), t = r.map(Mr), c = i === "ascending", h = r.map((u, p) => c ? r.length - 1 - p : p);
+  return /* @__PURE__ */ b(P, { as: "div", children: [
+    /* @__PURE__ */ e(rr, { sensors: m, onDragEnd: ({ active: u, over: p }) => {
       if (!p || u.id === p.id) return;
-      const v = t.indexOf(String(u.id)), f = t.indexOf(String(p.id));
-      v === -1 || f === -1 || l(Er({ list: r, startIndex: v, endIndex: f }));
+      const f = t.indexOf(String(u.id)), C = t.indexOf(String(p.id));
+      f === -1 || C === -1 || l(Nr({ list: r, startIndex: f, endIndex: C }));
     }, children: /* @__PURE__ */ e(
-      Ke,
+      ir,
       {
         items: h.map((u) => t[u]),
-        strategy: Ve,
+        strategy: tr,
         children: h.map((u, p) => /* @__PURE__ */ e(
-          Ri,
+          Di,
           {
             rating: r[u],
             sortableId: t[u],
             position: p + 1,
-            rangeStart: kr(r, u),
-            useRange: n,
+            rangeStart: xr(r, u),
+            useRange: a,
             hidePoints: s,
-            showNameError: a.includes(u),
+            showNameError: n.includes(u),
             canRemove: r.length > 1,
-            onChange: (v) => l(Dr(r, u, v)),
-            onPointsBlur: () => l(Tr(r)),
-            onRemove: () => l(yr(r, u))
+            onChange: (f) => l(Gr(r, u, f)),
+            onPointsBlur: () => l(Or(r)),
+            onRemove: () => l(Ar(r, u))
           },
           t[u]
         ))
@@ -372,179 +372,179 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
     /* @__PURE__ */ e(
       H,
       {
-        renderIcon: /* @__PURE__ */ e(Je, {}),
+        renderIcon: /* @__PURE__ */ e(lr, {}),
         withBackground: !1,
-        onClick: () => l(wr(r, c ? 0 : r.length)),
+        onClick: () => l(_r(r, c ? 0 : r.length)),
         "data-testid": "rubric-builder-add-rating",
         children: o.rubricBuilderAddRatingLevel
       }
     )
   ] });
-}, Si = ({
+}, Mi = ({
   criterion: r,
-  sortableId: n,
+  sortableId: a,
   position: s,
   hidePoints: i,
-  freeFormCriterionComments: a,
+  freeFormCriterionComments: n,
   ratingOrder: l,
   errors: o,
-  showErrors: g,
+  showErrors: m,
   shouldFocusName: t,
   shouldFocusHandle: c,
   onNameFocused: h,
   onHandleFocused: d,
   onChange: u,
   onDuplicate: p,
-  onDelete: v
+  onDelete: f
 }) => {
-  const { translations: f, translate: m } = I(), { rubricCriterionRange: C } = ue(), { attributes: E, listeners: R, setNodeRef: S, transform: B, transition: T, isDragging: A } = He({
-    id: n
-  }), [M, O] = k(!r.description.trim()), [X, W] = k(!1), Y = $(null), J = $(null), z = g && Pr(o), Z = m("rubricBuilderCriterionHeading", { position: s }), j = r.description.trim(), N = j || Z, K = `rubric-builder-criterion-body-${n}`;
-  return F(() => {
-    z && O(!0);
-  }, [z]), F(() => {
-    var L;
-    t && M && ((L = Y.current) == null || L.focus(), h());
-  }, [t, M, h]), F(() => {
-    var L;
-    c && ((L = J.current) == null || L.focus(), d());
+  const { translations: C, translate: g } = B(), { rubricCriterionRange: v } = ue(), { attributes: E, listeners: R, setNodeRef: I, transform: L, transition: D, isDragging: x } = Xe({
+    id: a
+  }), [_, O] = y(!r.description.trim()), [Q, W] = y(!1), J = F(null), Z = F(null), U = m && Fr(o), ee = g("rubricBuilderCriterionHeading", { position: s }), j = r.description.trim(), z = j || ee, K = `rubric-builder-criterion-body-${a}`;
+  return N(() => {
+    U && O(!0);
+  }, [U]), N(() => {
+    var S;
+    t && _ && ((S = J.current) == null || S.focus(), h());
+  }, [t, _, h]), N(() => {
+    var S;
+    c && ((S = Z.current) == null || S.focus(), d());
   }, [c, d]), /* @__PURE__ */ b(
     "div",
     {
-      ref: S,
-      style: { transform: $e.Transform.toString(B), transition: T },
+      ref: I,
+      style: { transform: Ye.Transform.toString(L), transition: D },
       "data-testid": "rubric-builder-criterion-card",
       children: [
         /* @__PURE__ */ b(
-          y,
+          P,
           {
             as: "section",
-            "aria-label": N,
+            "aria-label": z,
             borderWidth: "small",
             borderRadius: "medium",
             padding: "small medium",
             margin: "0 0 small",
             background: "primary",
-            shadow: A ? "above" : "none",
+            shadow: x ? "above" : "none",
             children: [
-              /* @__PURE__ */ b(w, { gap: "small", alignItems: "center", wrap: "wrap", children: [
+              /* @__PURE__ */ b(k, { gap: "small", alignItems: "center", wrap: "wrap", children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    ref: J,
-                    "aria-label": m("rubricBuilderReorderCriterion", { name: N }),
+                    ref: Z,
+                    "aria-label": g("rubricBuilderReorderCriterion", { name: z }),
                     "data-testid": "rubric-builder-criterion-drag-handle",
                     ...E,
                     ...R,
-                    children: /* @__PURE__ */ e(Xe, { "aria-hidden": "true" })
+                    children: /* @__PURE__ */ e(ar, { "aria-hidden": "true" })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ae,
+                  oe,
                   {
-                    screenReaderLabel: m(
-                      M ? "rubricBuilderCollapseCriterion" : "rubricBuilderExpandCriterion",
-                      { name: N }
+                    screenReaderLabel: g(
+                      _ ? "rubricBuilderCollapseCriterion" : "rubricBuilderExpandCriterion",
+                      { name: z }
                     ),
-                    "aria-expanded": M,
+                    "aria-expanded": _,
                     "aria-controls": K,
                     withBackground: !1,
                     withBorder: !1,
                     size: "small",
-                    onClick: () => O((L) => !L),
+                    onClick: () => O((S) => !S),
                     "data-testid": "rubric-builder-criterion-toggle",
-                    children: M ? /* @__PURE__ */ e(Zr, {}) : /* @__PURE__ */ e(ei, {})
+                    children: _ ? /* @__PURE__ */ e(ci, {}) : /* @__PURE__ */ e(ui, {})
                   }
                 ),
-                a && /* @__PURE__ */ e(
-                  ri,
+                n && /* @__PURE__ */ e(
+                  bi,
                   {
-                    title: f.rubricBuilderWrittenFeedback,
+                    title: C.rubricBuilderWrittenFeedback,
                     "data-testid": "rubric-builder-criterion-written-icon"
                   }
                 ),
-                /* @__PURE__ */ e(w.Item, { shouldGrow: !0, shouldShrink: !0, children: /* @__PURE__ */ b(q, { level: "h4", children: [
-                  Z,
+                /* @__PURE__ */ e(k.Item, { shouldGrow: !0, shouldShrink: !0, children: /* @__PURE__ */ b(V, { level: "h4", children: [
+                  ee,
                   j && /* @__PURE__ */ e(G, { weight: "normal", "data-testid": "rubric-builder-criterion-name", children: `: ${j}` })
                 ] }) }),
-                !i && /* @__PURE__ */ e(rr, { "data-testid": "rubric-builder-criterion-max", children: m("rubricBuilderCriterionMaxPoints", { count: r.points }) }),
+                !i && /* @__PURE__ */ e(cr, { "data-testid": "rubric-builder-criterion-max", children: g("rubricBuilderCriterionMaxPoints", { count: r.points }) }),
                 /* @__PURE__ */ e(
-                  ae,
+                  oe,
                   {
-                    screenReaderLabel: m("rubricBuilderDuplicateCriterion", { name: N }),
+                    screenReaderLabel: g("rubricBuilderDuplicateCriterion", { name: z }),
                     withBackground: !1,
                     withBorder: !1,
                     onClick: p,
                     "data-testid": "rubric-builder-duplicate-criterion",
-                    children: /* @__PURE__ */ e(ii, {})
+                    children: /* @__PURE__ */ e(mi, {})
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ae,
+                  oe,
                   {
-                    screenReaderLabel: m("rubricBuilderDeleteCriterion", { name: N }),
+                    screenReaderLabel: g("rubricBuilderDeleteCriterion", { name: z }),
                     withBackground: !1,
                     withBorder: !1,
                     onClick: () => W(!0),
                     "data-testid": "rubric-builder-delete-criterion",
-                    children: /* @__PURE__ */ e(Ye, {})
+                    children: /* @__PURE__ */ e(or, {})
                   }
                 )
               ] }),
-              M && /* @__PURE__ */ e(y, { as: "div", id: K, margin: "medium 0 0", children: /* @__PURE__ */ b(w, { direction: "column", gap: "medium", children: [
+              _ && /* @__PURE__ */ e(P, { as: "div", id: K, margin: "medium 0 0", children: /* @__PURE__ */ b(k, { direction: "column", gap: "medium", children: [
                 /* @__PURE__ */ e(
-                  V,
+                  X,
                   {
-                    renderLabel: f.rubricBuilderCriterionNameLabel,
+                    renderLabel: C.rubricBuilderCriterionNameLabel,
                     isRequired: !0,
                     value: r.description,
-                    inputRef: (L) => {
-                      Y.current = L;
+                    inputRef: (S) => {
+                      J.current = S;
                     },
-                    onChange: (L) => u({ ...r, description: L.target.value }),
-                    messages: g && o.nameRequired ? [{ text: f.rubricBuilderCriterionNameRequired, type: "error" }] : [],
+                    onChange: (S) => u({ ...r, description: S.target.value }),
+                    messages: m && o.nameRequired ? [{ text: C.rubricBuilderCriterionNameRequired, type: "error" }] : [],
                     "data-testid": "rubric-builder-criterion-name-input"
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ni,
+                  hi,
                   {
-                    label: f.rubricBuilderCriterionDescriptionLabel,
+                    label: C.rubricBuilderCriterionDescriptionLabel,
                     value: r.longDescription ?? "",
-                    onChange: (L) => u({ ...r, longDescription: L.target.value }),
+                    onChange: (S) => u({ ...r, longDescription: S.target.value }),
                     "data-testid": "rubric-builder-criterion-description"
                   }
                 ),
-                C && !i && !a && /* @__PURE__ */ e(
-                  ti,
+                v && !i && !n && /* @__PURE__ */ e(
+                  gi,
                   {
                     variant: "toggle",
-                    label: f.rubricBuilderEnableRange,
+                    label: C.rubricBuilderEnableRange,
                     checked: r.criterionUseRange,
-                    onChange: (L) => u({ ...r, criterionUseRange: L.target.checked }),
+                    onChange: (S) => u({ ...r, criterionUseRange: S.target.checked }),
                     "data-testid": "rubric-builder-enable-range"
                   }
                 ),
-                a ? !i && /* @__PURE__ */ e(
-                  vi,
+                n ? !i && /* @__PURE__ */ e(
+                  Pi,
                   {
                     points: r.points,
-                    onCommit: (L) => u(
-                      Pe(
+                    onCommit: (S) => u(
+                      _e(
                         r,
-                        xr(r.ratings, L)
+                        Hr(r.ratings, S)
                       )
                     )
                   }
                 ) : /* @__PURE__ */ e(
-                  Li,
+                  Ei,
                   {
                     ratings: r.ratings,
                     useRange: r.criterionUseRange && !i,
                     hidePoints: i,
                     ratingOrder: l,
-                    ratingNamesRequired: g ? o.ratingNamesRequired : [],
-                    onChange: (L) => u(Pe(r, L))
+                    ratingNamesRequired: m ? o.ratingNamesRequired : [],
+                    onChange: (S) => u(_e(r, S))
                   }
                 )
               ] }) })
@@ -552,15 +552,15 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          se,
           {
-            isOpen: X,
-            heading: f.rubricBuilderCriterionDeleteHeading,
-            body: f.rubricBuilderCriterionDeleteBody,
-            confirmLabel: f.delete,
-            cancelLabel: f.cancel,
+            isOpen: Q,
+            heading: C.rubricBuilderCriterionDeleteHeading,
+            body: C.rubricBuilderCriterionDeleteBody,
+            confirmLabel: C.delete,
+            cancelLabel: C.cancel,
             onConfirm: () => {
-              W(!1), v();
+              W(!1), f();
             },
             onDismiss: () => W(!1),
             "data-testid": "rubric-builder-delete-criterion-modal"
@@ -569,15 +569,15 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       ]
     }
   );
-}, Bi = ({
+}, xi = ({
   criteria: r,
-  hidePoints: n,
+  hidePoints: a,
   freeFormCriterionComments: s,
   ratingOrder: i,
-  criteriaValidationErrors: a,
+  criteriaValidationErrors: n,
   showErrors: l,
   focusNameCriterionId: o,
-  onFocusedName: g,
+  onFocusedName: m,
   onChangeCriterion: t,
   onDuplicateCriterion: c,
   onDeleteCriterion: h,
@@ -586,50 +586,50 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
   const {
     sortableIds: u,
     movedCriterionId: p,
-    clearMovedCriterion: v,
-    srAnnouncement: f,
-    moveCriterionBySortableId: m
-  } = Ar({ criteria: r, onReorderCriteria: d }), C = ze(
-    se(We, { activationConstraint: { distance: 8 } }),
-    se(qe, { coordinateGetter: Ue })
+    clearMovedCriterion: f,
+    srAnnouncement: C,
+    moveCriterionBySortableId: g
+  } = zr({ criteria: r, onReorderCriteria: d }), v = Qe(
+    de(er, { activationConstraint: { distance: 8 } }),
+    de(Ze, { coordinateGetter: Je })
   );
-  return /* @__PURE__ */ b(ve, { children: [
-    /* @__PURE__ */ e(er, { children: /* @__PURE__ */ e("div", { "aria-live": "polite", "aria-atomic": "true", children: f }) }),
-    /* @__PURE__ */ e(je, { sensors: C, onDragEnd: ({ active: R, over: S }) => {
-      S && m(R.id, S.id);
-    }, children: /* @__PURE__ */ e(Ke, { items: u, strategy: Ve, children: r.map((R, S) => /* @__PURE__ */ e(
-      Si,
+  return /* @__PURE__ */ b(Se, { children: [
+    /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e("div", { "aria-live": "polite", "aria-atomic": "true", children: C }) }),
+    /* @__PURE__ */ e(rr, { sensors: v, onDragEnd: ({ active: R, over: I }) => {
+      I && g(R.id, I.id);
+    }, children: /* @__PURE__ */ e(ir, { items: u, strategy: tr, children: r.map((R, I) => /* @__PURE__ */ e(
+      Mi,
       {
         criterion: R,
-        sortableId: u[S],
-        position: S + 1,
-        hidePoints: n,
+        sortableId: u[I],
+        position: I + 1,
+        hidePoints: a,
         freeFormCriterionComments: s,
         ratingOrder: i,
-        errors: a[S],
+        errors: n[I],
         showErrors: l,
         shouldFocusName: R.id === o,
         shouldFocusHandle: R.id === p,
-        onNameFocused: g,
-        onHandleFocused: v,
+        onNameFocused: m,
+        onHandleFocused: f,
         onChange: t,
         onDuplicate: () => c(R),
         onDelete: () => h(R)
       },
-      u[S]
+      u[I]
     )) }) })
   ] });
-}, Ii = ({
+}, Ai = ({
   isOpen: r,
-  assignmentPoints: n,
+  assignmentPoints: a,
   rubricPoints: s,
   onChange: i,
-  onLeaveDifferent: a,
+  onLeaveDifferent: n,
   onDismiss: l
 }) => {
-  const { translations: o, translate: g } = I(), { locale: t } = Re(), c = Or(s, n, t), h = c === null ? g("pointsDifferenceModalBodyZeroAssignmentPoints", { rubricPoints: s }) : g("pointsDifferenceModalBody", { assignmentPoints: n, rubricPoints: s, pointRatio: c });
+  const { translations: o, translate: m } = B(), { locale: t } = be(), c = $r(s, a, t), h = c === null ? m("pointsDifferenceModalBodyZeroAssignmentPoints", { rubricPoints: s }) : m("pointsDifferenceModalBody", { assignmentPoints: a, rubricPoints: s, pointRatio: c });
   return /* @__PURE__ */ b(
-    x,
+    M,
     {
       open: r,
       onDismiss: l,
@@ -637,9 +637,9 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       label: o.pointsDifferenceModalLabel,
       "data-testid": "rubric-builder-points-difference-modal",
       children: [
-        /* @__PURE__ */ b(x.Header, { children: [
+        /* @__PURE__ */ b(M.Header, { children: [
           /* @__PURE__ */ e(
-            Le,
+            Be,
             {
               placement: "end",
               offset: "small",
@@ -647,32 +647,137 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
               screenReaderLabel: o.close
             }
           ),
-          /* @__PURE__ */ e(Q, { level: "h2", children: o.confirmToContinueHeader })
+          /* @__PURE__ */ e(q, { level: "h2", children: o.confirmToContinueHeader })
         ] }),
-        /* @__PURE__ */ e(x.Body, { children: /* @__PURE__ */ e(de, { children: h }) }),
-        /* @__PURE__ */ b(x.Footer, { children: [
+        /* @__PURE__ */ e(M.Body, { children: /* @__PURE__ */ e(Y, { children: h }) }),
+        /* @__PURE__ */ b(M.Footer, { children: [
           /* @__PURE__ */ e(
-            _,
+            A,
             {
-              onClick: a,
+              onClick: n,
               margin: "0 x-small 0 0",
               "data-testid": "rubric-builder-leave-points-different",
               children: o.pointsDifferenceModalLeaveDifferent
             }
           ),
-          /* @__PURE__ */ e(_, { color: "primary", onClick: i, "data-testid": "rubric-builder-change-points", children: o.pointsDifferenceModalChange })
+          /* @__PURE__ */ e(A, { color: "primary", onClick: i, "data-testid": "rubric-builder-change-points", children: o.pointsDifferenceModalChange })
         ] })
       ]
     }
   );
-}, ki = ({
+}, ur = "rubric-builder-preview", Ve = "rubric-builder-preview-heading", Oi = ["traditional", "horizontal", "vertical"], qe = () => {
+}, Gi = ({
+  rubric: r,
+  savePending: a,
+  onClose: s,
+  onSave: i
+}) => {
+  const { translations: n } = B(), l = We(), o = F(null), { currentUserId: m, locale: t } = be(), { viewMode: c, isTraditionalView: h, setViewMode: d } = Ur({
+    currentUserId: m ?? ""
+  });
+  N(() => {
+    var f;
+    (f = o.current) == null || f.focus();
+  }, []);
+  const u = {
+    traditional: n.assessmentViewModeTraditional,
+    horizontal: n.assessmentViewModeHorizontal,
+    vertical: n.assessmentViewModeVertical
+  }, p = () => r.criteria.length === 0 ? /* @__PURE__ */ e(Y, { children: n.rubricBuilderCriteriaEmpty }) : h ? /* @__PURE__ */ e(
+    Vr,
+    {
+      translations: l,
+      criteria: r.criteria,
+      hidePoints: r.hidePoints,
+      locale: t ?? "en",
+      isFreeFormCriterionComments: r.freeFormCriterionComments,
+      isPreviewMode: !0,
+      ratingOrder: r.ratingOrder,
+      rubricAssessmentData: [],
+      rubricTitle: r.title,
+      onUpdateAssessmentData: qe
+    }
+  ) : /* @__PURE__ */ e(
+    qr,
+    {
+      buttonDisplay: r.buttonDisplay,
+      criteria: r.criteria,
+      hidePoints: r.hidePoints,
+      locale: t ?? "en",
+      isPreviewMode: !0,
+      isPeerReview: !1,
+      isSelfAssessment: !1,
+      isFreeFormCriterionComments: r.freeFormCriterionComments,
+      ratingOrder: r.ratingOrder,
+      rubricAssessmentData: [],
+      selectedViewMode: c,
+      onUpdateAssessmentData: qe
+    }
+  );
+  return /* @__PURE__ */ e(
+    Re,
+    {
+      as: "section",
+      id: ur,
+      "aria-labelledby": Ve,
+      borderWidth: "small",
+      borderRadius: "medium",
+      background: "primary",
+      "data-testid": "rubric-builder-preview-panel",
+      children: /* @__PURE__ */ b(T, { direction: "column", height: "100%", children: [
+        /* @__PURE__ */ e(T.Item, { padding: "medium", children: /* @__PURE__ */ b(T, { justifyItems: "space-between", alignItems: "end", gap: "small", wrap: "wrap", children: [
+          /* @__PURE__ */ e(
+            q,
+            {
+              level: "h3",
+              id: Ve,
+              tabIndex: -1,
+              elementRef: (f) => {
+                o.current = f;
+              },
+              children: n.rubricBuilderPreviewHeading
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              renderLabel: n.assessmentViewMode,
+              width: "10rem",
+              value: c,
+              onChange: (f, { value: C }) => d(C),
+              "data-testid": "rubric-builder-preview-view-mode",
+              children: Oi.map((f) => /* @__PURE__ */ e($.Option, { id: `rubric-builder-preview-${f}`, value: f, children: u[f] }, f))
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(T.Item, { shouldGrow: !0, shouldShrink: !0, padding: "0 medium", overflowX: "auto", overflowY: "auto", children: /* @__PURE__ */ e(Re, { as: "div", "data-testid": "rubric-builder-preview-body", children: p() }) }),
+        /* @__PURE__ */ e(T.Item, { as: "footer", padding: "small medium", children: /* @__PURE__ */ b(T, { justifyItems: "end", gap: "small", wrap: "wrap", children: [
+          /* @__PURE__ */ e(A, { onClick: s, "data-testid": "rubric-builder-preview-close", children: n.rubricBuilderPreviewClose }),
+          /* @__PURE__ */ e(
+            A,
+            {
+              color: "primary",
+              onClick: i,
+              interaction: a ? "disabled" : "enabled",
+              "data-testid": "rubric-builder-preview-save",
+              children: n.rubricBuilderPreviewSave
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+}, _i = ({
   savePending: r,
+  isPreviewOpen: a,
+  previewToggleRef: s,
+  onTogglePreview: i,
   onDiscard: n,
-  onSave: s
+  onSave: l
 }) => {
-  const { translations: i } = I();
+  const { translations: o } = B();
   return /* @__PURE__ */ e(
-    y,
+    P,
     {
       as: "footer",
       position: "sticky",
@@ -681,59 +786,70 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       borderWidth: "small none none none",
       padding: "small 0",
       stacking: "above",
-      children: /* @__PURE__ */ b(w, { justifyItems: "end", gap: "small", wrap: "wrap", children: [
-        /* @__PURE__ */ e(H, { onClick: n, "data-testid": "rubric-builder-discard", children: i.rubricBuilderDiscard }),
+      children: /* @__PURE__ */ b(k, { justifyItems: "end", gap: "small", wrap: "wrap", children: [
+        /* @__PURE__ */ e(
+          H,
+          {
+            "aria-expanded": a,
+            "aria-controls": ur,
+            onClick: i,
+            elementRef: (m) => s(m),
+            "data-testid": "rubric-builder-preview-toggle",
+            children: a ? o.rubricBuilderPreviewClose : o.rubricBuilderPreviewToggle
+          }
+        ),
+        /* @__PURE__ */ e(H, { onClick: n, "data-testid": "rubric-builder-discard", children: o.rubricBuilderDiscard }),
         /* @__PURE__ */ e(
           H,
           {
             color: "primary",
-            onClick: s,
+            onClick: l,
             interaction: r ? "disabled" : "enabled",
             "data-testid": "rubric-builder-save",
-            children: i.rubricBuilderSave
+            children: o.rubricBuilderSave
           }
         )
       ] })
     }
   );
-}, yi = ({
+}, Ni = ({
   isNewRubric: r,
-  pointsPossible: n,
+  pointsPossible: a,
   hidePoints: s
 }) => {
-  const { translations: i, translate: a } = I();
-  return /* @__PURE__ */ b(w, { as: "header", justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
-    /* @__PURE__ */ e(q, { level: "h2", children: r ? i.rubricBuilderCreateTitle : i.rubricBuilderEditTitle }),
-    !s && /* @__PURE__ */ e(rr, { "data-testid": "rubric-builder-current-total", children: a("rubricBuilderCurrentTotal", { count: n }) })
+  const { translations: i, translate: n } = B();
+  return /* @__PURE__ */ b(k, { as: "header", justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
+    /* @__PURE__ */ e(V, { level: "h2", children: r ? i.rubricBuilderCreateTitle : i.rubricBuilderEditTitle }),
+    !s && /* @__PURE__ */ e(cr, { "data-testid": "rubric-builder-current-total", children: n("rubricBuilderCurrentTotal", { count: a }) })
   ] });
-}, ne = ({ name: r, label: n, value: s, options: i, onChange: a }) => /* @__PURE__ */ e(
-  oi,
+}, ae = ({ name: r, label: a, value: s, options: i, onChange: n }) => /* @__PURE__ */ e(
+  fi,
   {
     name: r,
-    description: n,
+    description: a,
     variant: "toggle",
     layout: "columns",
     value: s,
-    onChange: (l, o) => a(o),
-    children: i.map((l) => /* @__PURE__ */ e(li, { value: l.value, label: l.label }, l.value))
+    onChange: (l, o) => n(o),
+    children: i.map((l) => /* @__PURE__ */ e(Ci, { value: l.value, label: l.label }, l.value))
   }
-), Ti = ({
+), Fi = ({
   rubricForm: r,
-  setRubricFormField: n,
+  setRubricFormField: a,
   validateTitle: s,
   titleError: i,
-  titleInputRef: a,
+  titleInputRef: n,
   assignmentSettings: l
 }) => {
-  const { translations: o } = I(), g = (t) => {
+  const { translations: o } = B(), m = (t) => {
     if (t === "unscored" === r.hidePoints) return;
-    const { hidePoints: c, hideScoreTotal: h, useForGrading: d, buttonDisplay: u } = Gr(
+    const { hidePoints: c, hideScoreTotal: h, useForGrading: d, buttonDisplay: u } = Wr(
       r.hidePoints
     );
-    n("hidePoints", c), n("hideScoreTotal", h), n("useForGrading", d), u && n("buttonDisplay", u);
+    a("hidePoints", c), a("hideScoreTotal", h), a("useForGrading", d), u && a("buttonDisplay", u);
   };
   return /* @__PURE__ */ b(
-    y,
+    P,
     {
       as: "section",
       "aria-labelledby": "rubric-builder-details-heading",
@@ -741,24 +857,24 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       borderRadius: "medium",
       padding: "medium",
       children: [
-        /* @__PURE__ */ e(q, { level: "h3", id: "rubric-builder-details-heading", margin: "0 0 medium", children: o.rubricBuilderDetailsHeading }),
-        /* @__PURE__ */ b(w, { direction: "column", gap: "medium", children: [
+        /* @__PURE__ */ e(V, { level: "h3", id: "rubric-builder-details-heading", margin: "0 0 medium", children: o.rubricBuilderDetailsHeading }),
+        /* @__PURE__ */ b(k, { direction: "column", gap: "medium", children: [
           /* @__PURE__ */ e(
-            V,
+            X,
             {
               "data-testid": "rubric-builder-name",
               renderLabel: o.rubricBuilderNameLabel,
               isRequired: !0,
               value: r.title,
-              inputRef: a,
-              onChange: (t) => n("title", t.target.value),
+              inputRef: n,
+              onChange: (t) => a("title", t.target.value),
               onBlur: (t) => s(t.target.value),
               messages: i ? [{ text: i, type: "error" }] : []
             }
           ),
-          /* @__PURE__ */ b(w, { gap: "medium", wrap: "wrap", children: [
+          /* @__PURE__ */ b(k, { gap: "medium", wrap: "wrap", children: [
             /* @__PURE__ */ e(
-              ne,
+              ae,
               {
                 name: "rubric-builder-scoring",
                 label: o.scoringTypeSelectLabel,
@@ -767,11 +883,11 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
                   { value: "scored", label: o.scoringTypeScored },
                   { value: "unscored", label: o.scoringTypeUnscored }
                 ],
-                onChange: g
+                onChange: m
               }
             ),
             !r.hidePoints && !r.freeFormCriterionComments && /* @__PURE__ */ e(
-              ne,
+              ae,
               {
                 name: "rubric-builder-display",
                 label: o.rubricBuilderDisplayLabel,
@@ -780,11 +896,11 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
                   { value: "points", label: o.ratingDisplayPoints },
                   { value: "numeric", label: o.ratingDisplayLevel }
                 ],
-                onChange: (t) => n("buttonDisplay", t)
+                onChange: (t) => a("buttonDisplay", t)
               }
             ),
             /* @__PURE__ */ e(
-              ne,
+              ae,
               {
                 name: "rubric-builder-feedback",
                 label: o.rubricBuilderFeedbackLabel,
@@ -793,11 +909,11 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
                   { value: "scale", label: o.gradingTypeScale },
                   { value: "freeForm", label: o.rubricBuilderFeedbackWrittenOnly }
                 ],
-                onChange: (t) => n("freeFormCriterionComments", t === "freeForm")
+                onChange: (t) => a("freeFormCriterionComments", t === "freeForm")
               }
             ),
             !r.freeFormCriterionComments && /* @__PURE__ */ e(
-              ne,
+              ae,
               {
                 name: "rubric-builder-rating-order",
                 label: o.rubricBuilderRatingOrderLabel,
@@ -806,7 +922,7 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
                   { value: "ascending", label: o.rubricBuilderRatingOrderLowToHigh },
                   { value: "descending", label: o.rubricBuilderRatingOrderHighToLow }
                 ],
-                onChange: (t) => n("ratingOrder", t)
+                onChange: (t) => a("ratingOrder", t)
               }
             )
           ] }),
@@ -815,81 +931,81 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       ]
     }
   );
-}, Di = ({
+}, Hi = ({
   options: r,
-  maxCriterionCount: n,
+  maxCriterionCount: a,
   maxRatingCount: s,
   rangeEnabled: i,
-  isPending: a,
+  isPending: n,
   onChange: l,
   onGenerate: o,
-  onCancel: g
+  onCancel: m
 }) => {
-  const { translations: t } = I(), [c, h] = k(!1), d = (m, C) => l({ ...r, [m]: C }), u = xe(r.totalPoints), p = r.standard.length > fe, v = r.additionalPromptInfo.length > fe, f = () => {
+  const { translations: t } = B(), [c, h] = y(!1), d = (g, v) => l({ ...r, [g]: v }), u = Ne(r.totalPoints), p = r.standard.length > ve, f = r.additionalPromptInfo.length > ve, C = () => {
     if (!u) {
       h(!0);
       return;
     }
     o();
   };
-  return /* @__PURE__ */ b(P, { direction: "column", gap: "medium", "data-testid": "rubric-builder-generator-form", children: [
-    /* @__PURE__ */ b(P, { gap: "small", wrap: "wrap", alignItems: "start", children: [
-      /* @__PURE__ */ e(P.Item, { shouldGrow: !0, shouldShrink: !0, size: "12rem", children: /* @__PURE__ */ e(
-        U,
+  return /* @__PURE__ */ b(T, { direction: "column", gap: "medium", "data-testid": "rubric-builder-generator-form", children: [
+    /* @__PURE__ */ b(T, { gap: "small", wrap: "wrap", alignItems: "start", children: [
+      /* @__PURE__ */ e(T.Item, { shouldGrow: !0, shouldShrink: !0, size: "12rem", children: /* @__PURE__ */ e(
+        $,
         {
           renderLabel: t.rubricBuilderGeneratorDifficultyLabel,
           value: r.gradeLevel,
-          onChange: (m, { value: C }) => C && d("gradeLevel", String(C)),
+          onChange: (g, { value: v }) => v && d("gradeLevel", String(v)),
           "data-testid": "rubric-builder-generator-difficulty",
-          children: Mr.map((m) => /* @__PURE__ */ e(U.Option, { id: `rubric-builder-grade-level-${m}`, value: m, children: t[_r[m]] }, m))
+          children: jr.map((g) => /* @__PURE__ */ e($.Option, { id: `rubric-builder-grade-level-${g}`, value: g, children: t[Kr[g]] }, g))
         }
       ) }),
-      /* @__PURE__ */ e(P.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
-        U,
+      /* @__PURE__ */ e(T.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
+        $,
         {
           renderLabel: t.rubricBuilderGeneratorCriteriaCountLabel,
           isRequired: !0,
           value: String(r.criteriaCount),
-          onChange: (m, { value: C }) => C && d("criteriaCount", Number(C)),
+          onChange: (g, { value: v }) => v && d("criteriaCount", Number(v)),
           "data-testid": "rubric-builder-generator-criteria-count",
-          children: Ae(n).map((m) => /* @__PURE__ */ e(
-            U.Option,
+          children: Fe(a).map((g) => /* @__PURE__ */ e(
+            $.Option,
             {
-              id: `rubric-builder-criteria-count-${m}`,
-              value: String(m),
-              children: String(m)
+              id: `rubric-builder-criteria-count-${g}`,
+              value: String(g),
+              children: String(g)
             },
-            m
+            g
           ))
         }
       ) }),
-      /* @__PURE__ */ e(P.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
-        U,
+      /* @__PURE__ */ e(T.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
+        $,
         {
           renderLabel: t.rubricBuilderGeneratorRatingCountLabel,
           isRequired: !0,
           value: String(r.ratingCount),
-          onChange: (m, { value: C }) => C && d("ratingCount", Number(C)),
+          onChange: (g, { value: v }) => v && d("ratingCount", Number(v)),
           "data-testid": "rubric-builder-generator-rating-count",
-          children: Ae(s).map((m) => /* @__PURE__ */ e(
-            U.Option,
+          children: Fe(s).map((g) => /* @__PURE__ */ e(
+            $.Option,
             {
-              id: `rubric-builder-rating-count-${m}`,
-              value: String(m),
-              children: String(m)
+              id: `rubric-builder-rating-count-${g}`,
+              value: String(g),
+              children: String(g)
             },
-            m
+            g
           ))
         }
       ) }),
-      /* @__PURE__ */ e(P.Item, { shouldGrow: !0, shouldShrink: !0, size: "8rem", children: /* @__PURE__ */ e(
-        ui,
+      /* @__PURE__ */ e(T.Item, { shouldGrow: !0, shouldShrink: !0, size: "8rem", children: /* @__PURE__ */ e(
+        wi,
         {
           renderLabel: t.generateCriteriaTotalPointsLabel,
           isRequired: !0,
           value: r.totalPoints,
-          onChange: (m, C) => {
-            d("totalPoints", C), xe(C) && h(!1);
+          onChange: (g, v) => {
+            d("totalPoints", v), Ne(v) && h(!1);
           },
           messages: c && !u ? [{ text: t.generateCriteriaTotalPointsError, type: "error" }] : [],
           "data-testid": "rubric-builder-generator-total-points"
@@ -897,12 +1013,12 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       ) })
     ] }),
     i && /* @__PURE__ */ e(
-      oe,
+      le,
       {
         variant: "toggle",
         label: t.rubricBuilderEnableRange,
         checked: r.useRange,
-        onChange: (m) => d("useRange", m.target.checked),
+        onChange: (g) => d("useRange", g.target.checked),
         "data-testid": "rubric-builder-generator-use-range"
       }
     ),
@@ -912,7 +1028,7 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
         label: t.rubricBuilderGeneratorStandardLabel,
         placeholder: t.standardObjectivePlaceholder,
         value: r.standard,
-        onChange: (m) => d("standard", m.target.value),
+        onChange: (g) => d("standard", g.target.value),
         messages: p ? [{ text: t.standardObjectiveTooLong, type: "error" }] : [],
         "data-testid": "rubric-builder-generator-standard"
       }
@@ -923,98 +1039,98 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
         label: t.rubricBuilderGeneratorAdditionalLabel,
         placeholder: t.generateCriteriaAdditionalPromptPlaceholder,
         value: r.additionalPromptInfo,
-        onChange: (m) => d("additionalPromptInfo", m.target.value),
-        messages: v ? [{ text: t.generateCriteriaAdditionalPromptTooLong, type: "error" }] : [],
+        onChange: (g) => d("additionalPromptInfo", g.target.value),
+        messages: f ? [{ text: t.generateCriteriaAdditionalPromptTooLong, type: "error" }] : [],
         "data-testid": "rubric-builder-generator-additional"
       }
     ),
-    /* @__PURE__ */ b(P, { justifyItems: "end", gap: "small", children: [
+    /* @__PURE__ */ b(T, { justifyItems: "end", gap: "small", children: [
       /* @__PURE__ */ e(
-        _,
+        A,
         {
-          onClick: g,
-          disabled: a,
+          onClick: m,
+          disabled: n,
           "data-testid": "rubric-builder-generator-cancel",
           children: t.cancel
         }
       ),
       /* @__PURE__ */ e(
-        _,
+        A,
         {
           color: "ai-primary",
-          renderIcon: /* @__PURE__ */ e(be, {}),
-          onClick: f,
-          disabled: a || p || v,
+          renderIcon: /* @__PURE__ */ e(me, {}),
+          onClick: C,
+          disabled: n || p || f,
           "data-testid": "rubric-builder-generator-generate",
           children: t.rubricBuilderGeneratorGenerate
         }
       )
     ] })
   ] });
-}, wi = ({
+}, zi = ({
   courseId: r,
-  responseId: n,
+  responseId: a,
   responseType: s
 }) => {
-  const { translations: i, translate: a } = I(), { locale: l } = Re(), [o, g] = k(null), [t, c] = k(null), [h, d] = k("");
-  F(() => {
-    g(null), c(null);
-  }, [n]);
+  const { translations: i, translate: n } = B(), { locale: l } = be(), [o, m] = y(null), [t, c] = y(null), [h, d] = y("");
+  N(() => {
+    m(null), c(null);
+  }, [a]);
   const u = () => {
     d(""), c(null);
-  }, { submitFeedback: p, isPending: v } = Nr({
+  }, { submitFeedback: p, isPending: f } = Xr({
     courseId: r,
-    responseId: n,
+    responseId: a,
     responseType: s,
     onSubmitted: () => {
-      g(t), u();
+      m(t), u();
     }
-  }), f = t ?? o, m = h.length > Oe, C = t === "positive" ? i.positiveFeedbackLabel : i.negativeFeedbackLabel, E = (R) => {
+  }), C = t ?? o, g = h.length > He, v = t === "positive" ? i.positiveFeedbackLabel : i.negativeFeedbackLabel, E = (R) => {
     o !== R && c(R);
   };
-  return /* @__PURE__ */ b(ve, { children: [
-    /* @__PURE__ */ b(P, { alignItems: "center", gap: "xx-small", "data-testid": "rubric-builder-generator-feedback", children: [
-      /* @__PURE__ */ e(de, { children: i.generatedCriteriaFeedbackLabel }),
+  return /* @__PURE__ */ b(Se, { children: [
+    /* @__PURE__ */ b(T, { alignItems: "center", gap: "xx-small", "data-testid": "rubric-builder-generator-feedback", children: [
+      /* @__PURE__ */ e(Y, { children: i.generatedCriteriaFeedbackLabel }),
       /* @__PURE__ */ e(
-        _e,
+        Ue,
         {
           withBackground: !1,
           withBorder: !1,
           size: "small",
           screenReaderLabel: i.positiveFeedbackLabel,
-          "aria-pressed": f === "positive",
+          "aria-pressed": C === "positive",
           onClick: () => E("positive"),
           "data-testid": "rubric-builder-generator-feedback-positive",
-          children: f === "positive" ? /* @__PURE__ */ e(Ge, {}) : /* @__PURE__ */ e(Me, {})
+          children: C === "positive" ? /* @__PURE__ */ e(ze, {}) : /* @__PURE__ */ e($e, {})
         }
       ),
       /* @__PURE__ */ e(
-        _e,
+        Ue,
         {
           withBackground: !1,
           withBorder: !1,
           size: "small",
           screenReaderLabel: i.negativeFeedbackLabel,
-          "aria-pressed": f === "negative",
+          "aria-pressed": C === "negative",
           onClick: () => E("negative"),
           "data-testid": "rubric-builder-generator-feedback-negative",
-          children: f === "negative" ? /* @__PURE__ */ e(Ge, { rotate: "180" }) : /* @__PURE__ */ e(Me, { rotate: "180" })
+          children: C === "negative" ? /* @__PURE__ */ e(ze, { rotate: "180" }) : /* @__PURE__ */ e($e, { rotate: "180" })
         }
       )
     ] }),
     /* @__PURE__ */ b(
-      x,
+      M,
       {
         open: t != null,
-        onDismiss: v ? void 0 : u,
+        onDismiss: f ? void 0 : u,
         size: "medium",
-        label: C,
+        label: v,
         shouldCloseOnDocumentClick: !1,
         "data-testid": "rubric-builder-generator-feedback-modal",
         children: [
-          /* @__PURE__ */ b(x.Header, { children: [
+          /* @__PURE__ */ b(M.Header, { children: [
             /* @__PURE__ */ e(
-              Le,
+              Be,
               {
                 placement: "end",
                 offset: "small",
@@ -1022,22 +1138,22 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
                 screenReaderLabel: i.feedbackModalCancelLabel
               }
             ),
-            /* @__PURE__ */ e(Q, { level: "h2", children: C })
+            /* @__PURE__ */ e(q, { level: "h2", children: v })
           ] }),
-          /* @__PURE__ */ b(x.Body, { children: [
-            /* @__PURE__ */ e(de, { as: "p", children: i.feedbackModalDescription }),
+          /* @__PURE__ */ b(M.Body, { children: [
+            /* @__PURE__ */ e(Y, { as: "p", children: i.feedbackModalDescription }),
             /* @__PURE__ */ e(
               ce,
               {
                 label: i.feedbackModalCommentLabel,
                 placeholder: i.feedbackModalCommentPlaceholder,
                 value: h,
-                disabled: v,
+                disabled: f,
                 onChange: (R) => d(R.target.value),
-                messages: m ? [
+                messages: g ? [
                   {
-                    text: a("feedbackModalCommentTooLong", {
-                      limit: new Intl.NumberFormat(l).format(Oe)
+                    text: n("feedbackModalCommentTooLong", {
+                      limit: new Intl.NumberFormat(l).format(He)
                     }),
                     type: "error"
                   }
@@ -1046,16 +1162,16 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
               }
             )
           ] }),
-          /* @__PURE__ */ b(x.Footer, { children: [
-            /* @__PURE__ */ e(_, { onClick: u, disabled: v, margin: "0 x-small 0 0", children: i.cancel }),
+          /* @__PURE__ */ b(M.Footer, { children: [
+            /* @__PURE__ */ e(A, { onClick: u, disabled: f, margin: "0 x-small 0 0", children: i.cancel }),
             /* @__PURE__ */ e(
-              _,
+              A,
               {
                 color: "primary",
-                disabled: m || v,
+                disabled: g || f,
                 onClick: () => t && p({ feedbackType: t, comment: h }),
                 "data-testid": "rubric-builder-generator-feedback-submit",
-                children: v ? i.feedbackModalSubmitting : i.feedbackModalSubmit
+                children: f ? i.feedbackModalSubmitting : i.feedbackModalSubmit
               }
             )
           ] })
@@ -1063,31 +1179,31 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       }
     )
   ] });
-}, Ei = ({
+}, $i = ({
   isOpen: r,
-  onRegenerate: n,
+  onRegenerate: a,
   onDismiss: s
 }) => {
-  const { translations: i } = I(), a = $(null), [l, o] = k(""), g = l.length > fe, t = () => {
+  const { translations: i } = B(), n = F(null), [l, o] = y(""), m = l.length > ve, t = () => {
     o(""), s();
   };
   return /* @__PURE__ */ b(
-    x,
+    M,
     {
       open: r,
       onDismiss: t,
       size: "medium",
       label: i.regenerateModalCriteriaLabel,
       shouldCloseOnDocumentClick: !1,
-      defaultFocusElement: () => a.current,
+      defaultFocusElement: () => n.current,
       "data-testid": "rubric-builder-regenerate-modal",
       children: [
-        /* @__PURE__ */ b(x.Header, { children: [
-          /* @__PURE__ */ e(Le, { placement: "end", offset: "small", onClick: t, screenReaderLabel: i.close }),
-          /* @__PURE__ */ e(Q, { level: "h2", children: i.regenerateModalCriteriaLabel })
+        /* @__PURE__ */ b(M.Header, { children: [
+          /* @__PURE__ */ e(Be, { placement: "end", offset: "small", onClick: t, screenReaderLabel: i.close }),
+          /* @__PURE__ */ e(q, { level: "h2", children: i.regenerateModalCriteriaLabel })
         ] }),
-        /* @__PURE__ */ b(x.Body, { children: [
-          /* @__PURE__ */ e(de, { as: "p", children: i.regenerateModalDescriptionCriteria }),
+        /* @__PURE__ */ b(M.Body, { children: [
+          /* @__PURE__ */ e(Y, { as: "p", children: i.regenerateModalDescriptionCriteria }),
           /* @__PURE__ */ e(
             ce,
             {
@@ -1095,24 +1211,24 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
               placeholder: i.regenerateModalPromptPlaceholder,
               value: l,
               textareaRef: (c) => {
-                a.current = c;
+                n.current = c;
               },
               onChange: (c) => o(c.target.value),
-              messages: g ? [{ text: i.regenerateModalPromptTooLong, type: "error" }] : [],
+              messages: m ? [{ text: i.regenerateModalPromptTooLong, type: "error" }] : [],
               "data-testid": "rubric-builder-regenerate-prompt"
             }
           )
         ] }),
-        /* @__PURE__ */ b(x.Footer, { children: [
-          /* @__PURE__ */ e(_, { onClick: t, margin: "0 x-small 0 0", children: i.cancel }),
+        /* @__PURE__ */ b(M.Footer, { children: [
+          /* @__PURE__ */ e(A, { onClick: t, margin: "0 x-small 0 0", children: i.cancel }),
           /* @__PURE__ */ e(
-            _,
+            A,
             {
               color: "ai-primary",
-              renderIcon: /* @__PURE__ */ e(be, {}),
-              disabled: g,
+              renderIcon: /* @__PURE__ */ e(me, {}),
+              disabled: m,
               onClick: () => {
-                n(l), t();
+                a(l), t();
               },
               "data-testid": "rubric-builder-regenerate-submit",
               children: i.regenerateButtonLabel
@@ -1122,55 +1238,55 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       ]
     }
   );
-}, Pi = ({
+}, Ui = ({
   courseId: r,
-  responseId: n,
+  responseId: a,
   responseType: s,
   canRegenerate: i,
-  isPending: a,
+  isPending: n,
   onRegenerate: l
 }) => {
-  const { translations: o } = I(), g = $(null), [t, c] = k(!1);
-  F(() => {
+  const { translations: o } = B(), m = F(null), [t, c] = y(!1);
+  N(() => {
     var d;
-    (d = g.current) == null || d.focus();
+    (d = m.current) == null || d.focus();
   }, []);
   const h = /* @__PURE__ */ e(
-    _,
+    A,
     {
       color: "ai-secondary",
-      renderIcon: /* @__PURE__ */ e(be, {}),
-      disabled: a || !i,
+      renderIcon: /* @__PURE__ */ e(me, {}),
+      disabled: n || !i,
       onClick: () => c(!0),
       "data-testid": "rubric-builder-generator-regenerate",
       children: o.regenerateButtonLabel
     }
   );
-  return /* @__PURE__ */ b(P, { direction: "column", gap: "small", "data-testid": "rubric-builder-generator-summary", children: [
+  return /* @__PURE__ */ b(T, { direction: "column", gap: "small", "data-testid": "rubric-builder-generator-summary", children: [
     /* @__PURE__ */ e(
-      Q,
+      q,
       {
         level: "h4",
         elementRef: (d) => {
-          g.current = d;
+          m.current = d;
         },
         tabIndex: -1,
         children: o.rubricBuilderGeneratorDoneHeading
       }
     ),
-    /* @__PURE__ */ b(P, { justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
-      n ? /* @__PURE__ */ e(
-        wi,
+    /* @__PURE__ */ b(T, { justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
+      a ? /* @__PURE__ */ e(
+        zi,
         {
           courseId: r,
-          responseId: n,
+          responseId: a,
           responseType: s
         }
       ) : /* @__PURE__ */ e("span", {}),
-      i ? h : /* @__PURE__ */ e(bi, { renderTip: o.noCriteriaForRegenerationTooltip, children: h })
+      i ? h : /* @__PURE__ */ e(Si, { renderTip: o.noCriteriaForRegenerationTooltip, children: h })
     ] }),
     /* @__PURE__ */ e(
-      Ei,
+      $i,
       {
         isOpen: t,
         onRegenerate: l,
@@ -1178,17 +1294,17 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       }
     )
   ] });
-}, ir = "rubric-builder-generator", xi = ({
+}, br = "rubric-builder-generator", Vi = ({
   courseId: r,
-  generator: n,
+  generator: a,
   onCancel: s
 }) => {
-  const { translations: i } = I(), { aiRubricsMaxCriterionCount: a, aiRubricsMaxRatingCount: l, rubricCriterionRange: o } = ue(), { isPending: g, progress: t } = n, c = t == null ? void 0 : t.completion;
+  const { translations: i } = B(), { aiRubricsMaxCriterionCount: n, aiRubricsMaxRatingCount: l, rubricCriterionRange: o } = ue(), { isPending: m, progress: t } = a, c = t == null ? void 0 : t.completion;
   return /* @__PURE__ */ e(
-    ci,
+    Re,
     {
       as: "section",
-      id: ir,
+      id: br,
       "aria-labelledby": "rubric-builder-generator-heading",
       borderWidth: "small",
       borderRadius: "medium",
@@ -1196,14 +1312,14 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
       margin: "small 0 0",
       background: "secondary",
       "data-testid": "rubric-builder-generator-panel",
-      children: /* @__PURE__ */ b(P, { direction: "column", gap: "medium", children: [
-        /* @__PURE__ */ b(P, { alignItems: "center", gap: "small", children: [
-          /* @__PURE__ */ e(Ze, {}),
-          /* @__PURE__ */ e(Q, { level: "h4", id: "rubric-builder-generator-heading", children: i.rubricBuilderGeneratorToggle }),
-          /* @__PURE__ */ e(Fr, { enabled: !0 })
+      children: /* @__PURE__ */ b(T, { direction: "column", gap: "medium", children: [
+        /* @__PURE__ */ b(T, { alignItems: "center", gap: "small", children: [
+          /* @__PURE__ */ e(sr, {}),
+          /* @__PURE__ */ e(q, { level: "h4", id: "rubric-builder-generator-heading", children: i.rubricBuilderGeneratorToggle }),
+          /* @__PURE__ */ e(Yr, { enabled: !0 })
         ] }),
-        g && (typeof c == "number" ? /* @__PURE__ */ e(
-          si,
+        m && (typeof c == "number" ? /* @__PURE__ */ e(
+          vi,
           {
             screenReaderLabel: i.rubricBuilderGeneratorGenerating,
             valueNow: c,
@@ -1211,428 +1327,447 @@ const kt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children
             "data-testid": "rubric-builder-generator-progress"
           }
         ) : /* @__PURE__ */ e(
-          di,
+          Ri,
           {
             size: "small",
             renderTitle: i.rubricBuilderGeneratorGenerating,
             "data-testid": "rubric-builder-generator-progress"
           }
         )),
-        n.isGenerated ? /* @__PURE__ */ e(
-          Pi,
+        a.isGenerated ? /* @__PURE__ */ e(
+          Ui,
           {
             courseId: r,
-            responseId: n.feedbackResponseId,
-            responseType: n.feedbackResponseType,
-            canRegenerate: n.canRegenerate,
-            isPending: g,
-            onRegenerate: n.regenerateAll
+            responseId: a.feedbackResponseId,
+            responseType: a.feedbackResponseType,
+            canRegenerate: a.canRegenerate,
+            isPending: m,
+            onRegenerate: a.regenerateAll
           }
         ) : /* @__PURE__ */ e(
-          Di,
+          Hi,
           {
-            options: n.options,
-            maxCriterionCount: a,
+            options: a.options,
+            maxCriterionCount: n,
             maxRatingCount: l,
             rangeEnabled: o,
-            isPending: g,
-            onChange: n.setOptions,
-            onGenerate: n.generate,
+            isPending: m,
+            onChange: a.setOptions,
+            onGenerate: a.generate,
             onCancel: s
           }
         )
       ] })
     }
   );
-}, Ai = ({ generator: r }) => {
-  const { translations: n, translate: s } = I(), { isPending: i, lastResult: a } = r, l = i ? n.rubricBuilderGeneratorGenerating : (a == null ? void 0 : a.kind) === "generated" ? s("rubricBuilderGeneratorAdded", { count: a.count }) : (a == null ? void 0 : a.kind) === "regenerated" ? n.rubricBuilderGeneratorRegenerated : "";
-  return /* @__PURE__ */ e(er, { children: /* @__PURE__ */ e("div", { "aria-live": "polite", "aria-atomic": "true", "data-testid": "rubric-builder-generator-status", children: l }) });
-}, Oi = (r) => {
+}, qi = ({ generator: r }) => {
+  const { translations: a, translate: s } = B(), { isPending: i, lastResult: n } = r, l = i ? a.rubricBuilderGeneratorGenerating : (n == null ? void 0 : n.kind) === "generated" ? s("rubricBuilderGeneratorAdded", { count: n.count }) : (n == null ? void 0 : n.kind) === "regenerated" ? a.rubricBuilderGeneratorRegenerated : "";
+  return /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e("div", { "aria-live": "polite", "aria-atomic": "true", "data-testid": "rubric-builder-generator-status", children: l }) });
+}, Wi = (r) => {
   try {
-    return qr(r).criteria.length;
+    return ri(r).criteria.length;
   } catch {
     return 0;
   }
-}, Gi = ({
+}, ji = ({
   courseId: r,
-  assignmentId: n,
+  assignmentId: a,
   assignmentPointsPossible: s,
   criteria: i,
-  criteriaRef: a,
+  criteriaRef: n,
   setRubricFormField: l
 }) => {
-  const { aiRubricsMaxCriterionCount: o, aiRubricsMaxRatingCount: g } = ue(), t = De(
-    () => Hr({
+  const { aiRubricsMaxCriterionCount: o, aiRubricsMaxRatingCount: m } = ue(), t = Ae(
+    () => Qr({
       maxCriterionCount: o,
-      maxRatingCount: g,
+      maxRatingCount: m,
       assignmentPointsPossible: s
     }),
-    [o, g, s]
-  ), [c, h] = k(t), d = Fe(() => h(t), [t]), {
+    [o, m, s]
+  ), [c, h] = y(t), d = Ke(() => h(t), [t]), {
     generateCriteriaProgress: u,
     generateCriteriaIsPending: p,
-    generateCriteriaIsSuccess: v,
-    generateCriteriaMutation: f,
-    generateResponseId: m
-  } = $r({
+    generateCriteriaIsSuccess: f,
+    generateCriteriaMutation: C,
+    generateResponseId: g
+  } = Jr({
     courseId: r,
-    assignmentId: n,
+    assignmentId: a,
     generateOptions: c,
-    criteriaRef: a,
+    criteriaRef: n,
     setRubricFormField: l
   }), {
-    regeneratedCriteriaProgress: C,
+    regeneratedCriteriaProgress: v,
     regenerateCriteriaIsPending: E,
     regenerateCriteriaIsSuccess: R,
-    regenerateAllCriteria: S,
-    regenerateResponseId: B,
-    regenerateResponseType: T
-  } = zr({
+    regenerateAllCriteria: I,
+    regenerateResponseId: L,
+    regenerateResponseType: D
+  } = Zr({
     courseId: r,
-    assignmentId: n,
-    criteriaRef: a,
+    assignmentId: a,
+    criteriaRef: n,
     generateOptions: c,
     setRubricFormField: l
-  }), A = De(
-    () => v ? Oi(u == null ? void 0 : u.results) : 0,
-    [v, u]
+  }), x = Ae(
+    () => f ? Wi(u == null ? void 0 : u.results) : 0,
+    [f, u]
   );
   return {
     options: c,
     setOptions: h,
     resetOptions: d,
-    generate: () => f(),
-    regenerateAll: S,
+    generate: () => C(),
+    regenerateAll: I,
     isPending: p || E,
-    progress: E ? C : u,
-    isGenerated: v,
-    lastResult: R ? { kind: "regenerated" } : v ? { kind: "generated", count: A } : null,
+    progress: E ? v : u,
+    isGenerated: f,
+    lastResult: R ? { kind: "regenerated" } : f ? { kind: "generated", count: x } : null,
     // Outcome-linked criteria can't be regenerated, so there must be another one.
     canRegenerate: i.some((O) => !O.learningOutcomeId),
-    feedbackResponseId: B ?? m ?? "",
-    feedbackResponseType: T ?? Ur.GENERATE_CRITERIA
+    feedbackResponseId: L ?? g ?? "",
+    feedbackResponseType: D ?? ei.GENERATE_CRITERIA
   };
-}, Mi = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children: /* @__PURE__ */ e(
-  Ne,
+}, Ki = (r) => /* @__PURE__ */ e(we, { translations: r.translations, children: /* @__PURE__ */ e(
+  je,
   {
     courseId: r.courseId,
     accountId: r.accountId,
     featureFlags: r.featureFlags,
     aiLimits: r.aiLimits,
-    children: /* @__PURE__ */ e(_i, { ...r })
+    children: /* @__PURE__ */ e(Xi, { ...r })
   }
-) }), _i = ({
+) }), Xi = ({
   rubricId: r,
-  rubric: n,
+  rubric: a,
   rubricAssociation: s,
   assignmentId: i,
-  assignmentPointsPossible: a,
+  assignmentPointsPossible: n,
   canUseForGrading: l = !0,
   accountId: o,
-  courseId: g,
+  courseId: m,
   canManageRubrics: t,
   onSaveRubric: c,
   onDiscard: h
 }) => {
-  var ye;
-  const { translations: d } = I(), { aiRubricsEnabled: u } = ue(), {
+  var Me;
+  const { translations: d } = B(), { aiRubricsEnabled: u } = ue(), {
     rubricForm: p,
-    criteriaRef: v,
-    setRubricFormField: f,
-    validateField: m,
-    validationErrors: C,
+    criteriaRef: f,
+    setRubricFormField: C,
+    validateField: g,
+    validationErrors: v,
     isNewRubric: E,
-    load: { data: R, isLoading: S, isError: B, isSuccess: T },
-    savePending: A,
-    saveError: M,
+    load: { data: R, isLoading: I, isError: L, isSuccess: D },
+    savePending: x,
+    saveError: _,
     save: O,
-    saveAction: X,
+    saveAction: Q,
     isDirty: W,
-    criteriaValid: Y,
-    criteriaValidationErrors: J,
-    saveCriterion: z,
-    deleteCriterion: Z,
+    criteriaValid: J,
+    criteriaValidationErrors: Z,
+    saveCriterion: U,
+    deleteCriterion: ee,
     reorderCriteria: j
-  } = Wr({
+  } = ii({
     rubricId: r,
-    rubric: n,
+    rubric: a,
     rubricAssociation: s,
     assignmentId: i,
-    assignmentPointsPossible: a,
+    assignmentPointsPossible: n,
     accountId: o,
-    courseId: g,
+    courseId: m,
     canManageRubrics: t,
     onSaveRubric: c
-  }), N = $(null), [K, L] = k(!1), [tr, Se] = k(!1), [nr, me] = k(!1), [ar, ge] = k(!1), [or, ee] = k(!1), [lr, Be] = k(), sr = jr(), dr = Fe(() => Be(void 0), []), re = Gi({
-    courseId: g,
+  }), z = F(null), [K, S] = y(!1), [mr, Ie] = y(!1), [gr, ge] = y(!1), [hr, he] = y(!1), [pr, re] = y(!1), [fr, Le] = y(), Cr = ti(), vr = Ke(() => Le(void 0), []), ie = ji({
+    courseId: m,
     assignmentId: i,
-    assignmentPointsPossible: a,
+    assignmentPointsPossible: n,
     criteria: p.criteria,
-    criteriaRef: v,
-    setRubricFormField: f
-  }), [ie, Ie] = k(!1), ke = $(null), he = u && E && !!g;
-  if (r && S)
-    return /* @__PURE__ */ e(Qe, {});
-  if (r && B)
-    return hr({
-      errorImageUrl: Kr,
+    criteriaRef: f,
+    setRubricFormField: C
+  }), [te, ye] = y(!1), ke = F(null), pe = u && E && !!m, [fe, Te] = y(!1), Pe = F(null);
+  if (r && I)
+    return /* @__PURE__ */ e(nr, {});
+  if (r && L)
+    return Ir({
+      errorImageUrl: ni,
       errorCategory: d.rubricErrorPageCategory,
-      translations: Te(d)
+      translations: xe(d)
     });
-  if (r && T && !R)
-    return pr({ translations: Te(d) });
-  const cr = () => {
-    var D;
-    if (L(!0), !m("title", p.title)) {
-      (D = N.current) == null || D.focus();
+  if (r && D && !R)
+    return Lr({ translations: xe(d) });
+  const De = () => {
+    var w;
+    if (S(!0), !g("title", p.title)) {
+      (w = z.current) == null || w.focus();
       return;
     }
-    if (!(p.criteria.length === 0 || !Y))
-      switch (X) {
+    if (!(p.criteria.length === 0 || !J))
+      switch (Q) {
         case "confirmPointsDifference":
-          ee(!0);
+          re(!0);
           break;
         case "confirmAssessedEdit":
-          ge(!0);
+          he(!0);
           break;
         case "confirmSave":
-          me(!0);
+          ge(!0);
           break;
         case "save":
           O();
           break;
         default: {
-          const mr = X;
-          throw new Error(`Unhandled save action: ${mr}`);
+          const Sr = Q;
+          throw new Error(`Unhandled save action: ${Sr}`);
         }
       }
-  }, ur = () => {
-    const D = Qr(sr());
-    z(D), Be(D.id);
-  }, br = () => {
-    W ? Se(!0) : h();
+  }, Rr = () => {
+    const w = oi(Cr());
+    U(w), Le(w.id);
+  }, Ee = () => {
+    var w;
+    Te(!1), (w = Pe.current) == null || w.focus();
+  }, wr = () => {
+    W ? Ie(!0) : h();
   };
-  return /* @__PURE__ */ b(y, { as: "div", "data-testid": "rubric-builder", children: [
-    /* @__PURE__ */ b(w, { direction: "column", gap: "medium", padding: "medium 0", children: [
-      /* @__PURE__ */ e(
-        yi,
-        {
-          isNewRubric: E,
-          pointsPossible: p.pointsPossible,
-          hidePoints: p.hidePoints
-        }
-      ),
-      M && /* @__PURE__ */ e(Jr, { variant: "error", margin: "0", children: d.rubricFormSaveError }),
-      /* @__PURE__ */ e(
-        Ti,
-        {
-          rubricForm: p,
-          setRubricFormField: f,
-          validateTitle: (D) => m("title", D),
-          titleError: (ye = C.title) == null ? void 0 : ye.message,
-          titleInputRef: (D) => {
-            N.current = D;
-          },
-          assignmentSettings: /* @__PURE__ */ e(
-            fi,
-            {
-              rubricForm: p,
-              canUseForGrading: l,
-              setRubricFormField: f
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        Ci,
-        {
-          criteriaCount: p.criteria.length,
-          showMissingCriteriaError: K,
-          actions: /* @__PURE__ */ b(ve, { children: [
-            he && /* @__PURE__ */ e(
-              H,
+  return /* @__PURE__ */ b(P, { as: "div", "data-testid": "rubric-builder", children: [
+    /* @__PURE__ */ b(k, { gap: "medium", wrap: "wrap", alignItems: "start", padding: "medium 0", children: [
+      /* @__PURE__ */ e(k.Item, { shouldGrow: !0, shouldShrink: !0, size: "20rem", children: /* @__PURE__ */ b(k, { direction: "column", gap: "medium", children: [
+        /* @__PURE__ */ e(
+          Ni,
+          {
+            isNewRubric: E,
+            pointsPossible: p.pointsPossible,
+            hidePoints: p.hidePoints
+          }
+        ),
+        _ && /* @__PURE__ */ e(di, { variant: "error", margin: "0", children: d.rubricFormSaveError }),
+        /* @__PURE__ */ e(
+          Fi,
+          {
+            rubricForm: p,
+            setRubricFormField: C,
+            validateTitle: (w) => g("title", w),
+            titleError: (Me = v.title) == null ? void 0 : Me.message,
+            titleInputRef: (w) => {
+              z.current = w;
+            },
+            assignmentSettings: /* @__PURE__ */ e(
+              ki,
               {
-                color: ie ? "ai-primary" : "ai-secondary",
-                renderIcon: ie ? /* @__PURE__ */ e(be, {}) : /* @__PURE__ */ e(Ze, {}),
-                "aria-expanded": ie,
-                "aria-controls": ir,
-                onClick: () => Ie((D) => !D),
-                elementRef: (D) => {
-                  ke.current = D;
-                },
-                "data-testid": "rubric-builder-generator-toggle",
-                children: d.rubricBuilderGeneratorToggle
+                rubricForm: p,
+                canUseForGrading: l,
+                setRubricFormField: C
               }
-            ),
-            /* @__PURE__ */ e(
-              H,
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ti,
+          {
+            criteriaCount: p.criteria.length,
+            showMissingCriteriaError: K,
+            actions: /* @__PURE__ */ b(Se, { children: [
+              pe && /* @__PURE__ */ e(
+                H,
+                {
+                  color: te ? "ai-primary" : "ai-secondary",
+                  renderIcon: te ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(sr, {}),
+                  "aria-expanded": te,
+                  "aria-controls": br,
+                  onClick: () => ye((w) => !w),
+                  elementRef: (w) => {
+                    ke.current = w;
+                  },
+                  "data-testid": "rubric-builder-generator-toggle",
+                  children: d.rubricBuilderGeneratorToggle
+                }
+              ),
+              /* @__PURE__ */ e(
+                H,
+                {
+                  renderIcon: /* @__PURE__ */ e(lr, {}),
+                  onClick: Rr,
+                  disabled: ie.isPending,
+                  "data-testid": "rubric-builder-add-criterion",
+                  children: d.rubricBuilderAddCriterion
+                }
+              )
+            ] }),
+            panel: pe && m && // Hidden rather than unmounted, so a run and its result survive a collapse.
+            /* @__PURE__ */ e("div", { hidden: !te, children: /* @__PURE__ */ e(
+              Vi,
               {
-                renderIcon: /* @__PURE__ */ e(Je, {}),
-                onClick: ur,
-                disabled: re.isPending,
-                "data-testid": "rubric-builder-add-criterion",
-                children: d.rubricBuilderAddCriterion
+                courseId: m,
+                generator: ie,
+                onCancel: () => {
+                  var w;
+                  ie.resetOptions(), ye(!1), (w = ke.current) == null || w.focus();
+                }
               }
-            )
-          ] }),
-          panel: he && g && // Hidden rather than unmounted, so a run and its result survive a collapse.
-          /* @__PURE__ */ e("div", { hidden: !ie, children: /* @__PURE__ */ e(
-            xi,
-            {
-              courseId: g,
-              generator: re,
-              onCancel: () => {
-                var D;
-                re.resetOptions(), Ie(!1), (D = ke.current) == null || D.focus();
+            ) }),
+            children: /* @__PURE__ */ e(
+              xi,
+              {
+                criteria: p.criteria,
+                hidePoints: p.hidePoints,
+                freeFormCriterionComments: p.freeFormCriterionComments,
+                ratingOrder: p.ratingOrder,
+                criteriaValidationErrors: Z,
+                showErrors: K,
+                focusNameCriterionId: fr,
+                onFocusedName: vr,
+                onChangeCriterion: U,
+                onDuplicateCriterion: (w) => U(ai(w)),
+                onDeleteCriterion: ee,
+                onReorderCriteria: j
               }
-            }
-          ) }),
-          children: /* @__PURE__ */ e(
-            Bi,
-            {
-              criteria: p.criteria,
-              hidePoints: p.hidePoints,
-              freeFormCriterionComments: p.freeFormCriterionComments,
-              ratingOrder: p.ratingOrder,
-              criteriaValidationErrors: J,
-              showErrors: K,
-              focusNameCriterionId: lr,
-              onFocusedName: dr,
-              onChangeCriterion: z,
-              onDuplicateCriterion: (D) => z(Vr(D)),
-              onDeleteCriterion: Z,
-              onReorderCriteria: j
-            }
-          )
+            )
+          }
+        ),
+        pe && /* @__PURE__ */ e(qi, { generator: ie })
+      ] }) }),
+      fe && /* @__PURE__ */ e(k.Item, { shouldGrow: !0, shouldShrink: !0, size: "24rem", children: /* @__PURE__ */ e(
+        Gi,
+        {
+          rubric: p,
+          savePending: x,
+          onClose: Ee,
+          onSave: De
         }
-      ),
-      he && /* @__PURE__ */ e(Ai, { generator: re })
+      ) })
     ] }),
     /* @__PURE__ */ e(
-      ki,
+      _i,
       {
-        savePending: A,
-        onDiscard: br,
-        onSave: cr
+        savePending: x,
+        isPreviewOpen: fe,
+        previewToggleRef: (w) => {
+          Pe.current = w;
+        },
+        onTogglePreview: () => fe ? Ee() : Te(!0),
+        onDiscard: wr,
+        onSave: De
       }
     ),
     /* @__PURE__ */ e(
-      le,
+      se,
       {
-        isOpen: tr,
+        isOpen: mr,
         heading: d.rubricBuilderDiscardHeading,
         body: d.rubricBuilderDiscardBody,
         confirmLabel: d.rubricBuilderDiscard,
         cancelLabel: d.rubricBuilderKeepEditing,
         onConfirm: h,
-        onDismiss: () => Se(!1),
+        onDismiss: () => Ie(!1),
         "data-testid": "rubric-builder-discard-modal"
       }
     ),
     /* @__PURE__ */ e(
-      le,
+      se,
       {
-        isOpen: nr,
+        isOpen: gr,
         heading: d.confirmToContinueHeader,
         body: d.gradingHistoryWarning,
         confirmLabel: d.saveConfirmModalSave,
         cancelLabel: d.cancel,
         onConfirm: () => {
-          me(!1), O();
+          ge(!1), O();
         },
-        onDismiss: () => me(!1),
+        onDismiss: () => ge(!1),
         "data-testid": "rubric-builder-save-confirm-modal"
       }
     ),
     /* @__PURE__ */ e(
-      le,
+      se,
       {
-        isOpen: ar,
+        isOpen: hr,
         heading: d.confirmToContinueHeader,
         body: d.gradingHistoryWarning,
         confirmLabel: d.editConfirmModalConfirm,
         cancelLabel: d.cancel,
         onConfirm: () => {
-          ge(!1), O();
+          he(!1), O();
         },
-        onDismiss: () => ge(!1),
+        onDismiss: () => he(!1),
         "data-testid": "rubric-builder-assessed-edit-modal"
       }
     ),
     /* @__PURE__ */ e(
-      Ii,
+      Ai,
       {
-        isOpen: or,
-        assignmentPoints: a ?? 0,
+        isOpen: pr,
+        assignmentPoints: n ?? 0,
         rubricPoints: p.pointsPossible,
         onChange: () => {
-          ee(!1), O(!1);
+          re(!1), O(!1);
         },
         onLeaveDifferent: () => {
-          ee(!1), O(!0);
+          re(!1), O(!0);
         },
-        onDismiss: () => ee(!1)
+        onDismiss: () => re(!1)
       }
     )
   ] });
-}, yt = (r) => /* @__PURE__ */ e(Ce, { translations: r.translations, children: /* @__PURE__ */ e(
-  Ne,
+}, Nt = (r) => /* @__PURE__ */ e(we, { translations: r.translations, children: /* @__PURE__ */ e(
+  je,
   {
     courseId: r.courseId,
     featureFlags: r.featureFlags,
     aiLimits: r.aiLimits,
-    children: /* @__PURE__ */ e(Ni, { ...r })
+    children: /* @__PURE__ */ e(Yi, { ...r })
   }
-) }), Ni = ({
+) }), Yi = ({
   courseId: r,
-  assignmentId: n,
+  assignmentId: a,
   assignmentPointsPossible: s,
   canManageRubrics: i,
-  canUseForGrading: a = !0,
+  canUseForGrading: n = !0,
   featureFlags: l,
   aiLimits: o,
-  onAssignmentPointsPossibleChange: g,
+  onAssignmentPointsPossibleChange: m,
   onRubricChange: t
 }) => {
-  const { translations: c } = I(), h = fr(), { rubric: d, rubricAssociation: u, isLoading: p, error: v, applySavedRubric: f, reload: m } = Xr({
+  const { translations: c } = B(), h = We(), { rubric: d, rubricAssociation: u, isLoading: p, error: f, applySavedRubric: C, reload: g } = li({
     courseId: r,
-    assignmentId: n,
-    canUseForGrading: a,
-    onAssignmentPointsPossibleChange: g,
+    assignmentId: a,
+    canUseForGrading: n,
+    onAssignmentPointsPossibleChange: m,
     onRubricChange: t
-  }), [C, E] = k(0), R = $(null), S = () => E((T) => T + 1);
-  F(() => {
-    var T, A;
-    C > 0 && ((A = (T = R.current) == null ? void 0 : T.querySelector('input[data-testid="rubric-builder-name"]')) == null || A.focus());
-  }, [C]);
-  const B = (T, A) => f(T, A, () => {
-    m().finally(S);
+  }), [v, E] = y(0), R = F(null), I = () => E((D) => D + 1);
+  N(() => {
+    var D, x;
+    v > 0 && ((x = (D = R.current) == null ? void 0 : D.querySelector('input[data-testid="rubric-builder-name"]')) == null || x.focus());
+  }, [v]);
+  const L = (D, x) => C(D, x, () => {
+    g().finally(I);
   });
-  return p ? /* @__PURE__ */ e(Qe, {}) : v ? /* @__PURE__ */ e(mi, { variant: "error", children: c.rubricAssignmentContainerLoadError }) : /* @__PURE__ */ e("div", { ref: R, children: /* @__PURE__ */ e(
-    Mi,
+  return p ? /* @__PURE__ */ e(nr, {}) : f ? /* @__PURE__ */ e(Bi, { variant: "error", children: c.rubricAssignmentContainerLoadError }) : /* @__PURE__ */ e("div", { ref: R, children: /* @__PURE__ */ e(
+    Ki,
     {
       translations: h,
       courseId: r,
       featureFlags: l,
       aiLimits: o,
-      assignmentId: n,
+      assignmentId: a,
       assignmentPointsPossible: s,
       rubric: d,
       rubricAssociation: u,
-      canUseForGrading: a,
+      canUseForGrading: n,
       canManageRubrics: i,
-      onSaveRubric: B,
-      onDiscard: S
+      onSaveRubric: L,
+      onDiscard: I
     },
-    C
+    v
   ) });
 };
 export {
-  wt as DEFAULT_AI_MAX_CRITERION_COUNT,
-  Et as DEFAULT_AI_MAX_RATING_COUNT,
-  It as HelloWorld,
-  yt as RubricAssignmentBuilder,
-  Mi as RubricBuilder,
-  kt as RubricSelector,
-  Pt as defaultRubricsTranslations
+  zt as DEFAULT_AI_MAX_CRITERION_COUNT,
+  $t as DEFAULT_AI_MAX_RATING_COUNT,
+  Gt as HelloWorld,
+  Nt as RubricAssignmentBuilder,
+  Ki as RubricBuilder,
+  _t as RubricSelector,
+  Ut as defaultRubricsTranslations
 };