analytica-frontend-lib 1.2.67 → 1.2.69

package/dist/CorrectActivityModal/index.js

@@ -33,8 +33,8 @@ __export(CorrectActivityModal_exports, {
   default: () => CorrectActivityModal_default
 });
 module.exports = __toCommonJS(CorrectActivityModal_exports);
-var import_react9 = require("react");
-var import_phosphor_react7 = require("phosphor-react");
+var import_react15 = require("react");
+var import_phosphor_react12 = require("phosphor-react");
 
 // src/components/Modal/Modal.tsx
 var import_react = require("react");
@@ -493,9 +493,6 @@ var Badge = ({
 };
 var Badge_default = Badge;
 
-// src/components/Alternative/Alternative.tsx
-var import_phosphor_react3 = require("phosphor-react");
-
 // src/components/Radio/Radio.tsx
 var import_react2 = require("react");
 var import_zustand = require("zustand");
@@ -876,305 +873,210 @@ var RadioGroupItem = (0, import_react2.forwardRef)(
   }
 );
 RadioGroupItem.displayName = "RadioGroupItem";
+var Radio_default = Radio;
 
-// src/components/Alternative/Alternative.tsx
+// src/components/TextArea/TextArea.tsx
 var import_react3 = require("react");
+var import_phosphor_react3 = require("phosphor-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var AlternativesList = ({
-  alternatives,
-  name,
-  defaultValue,
-  value,
-  onValueChange,
-  disabled = false,
-  layout = "default",
-  className = "",
-  mode = "interactive",
-  selectedValue
-}) => {
-  const uniqueId = (0, import_react3.useId)();
-  const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = (0, import_react3.useState)(value);
-  const isReadonly = mode === "readonly";
-  const getStatusStyles = (status, isReadonly2) => {
-    const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
-    switch (status) {
-      case "correct":
-        return "bg-success-background border-success-300";
-      case "incorrect":
-        return "bg-error-background border-error-300";
-      default:
-        return `bg-background border-border-100 ${hoverClass}`;
-    }
-  };
-  const getStatusBadge = (status) => {
-    switch (status) {
-      case "correct":
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react3.CheckCircle, {}), children: "Resposta correta" });
-      case "incorrect":
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react3.XCircle, {}), children: "Resposta incorreta" });
-      default:
-        return null;
-    }
-  };
-  const getLayoutClasses = () => {
-    switch (layout) {
-      case "compact":
-        return "gap-2";
-      case "detailed":
-        return "gap-4";
-      default:
-        return "gap-3.5";
-    }
-  };
-  const renderReadonlyAlternative = (alternative) => {
-    const alternativeId = alternative.value;
-    const isUserSelected = selectedValue === alternative.value;
-    const isCorrectAnswer = alternative.status === "correct";
-    let displayStatus = void 0;
-    if (isUserSelected && !isCorrectAnswer) {
-      displayStatus = "incorrect";
-    } else if (isCorrectAnswer) {
-      displayStatus = "correct";
-    }
-    const statusStyles = getStatusStyles(displayStatus, true);
-    const statusBadge = getStatusBadge(displayStatus);
-    const renderRadio = () => {
-      const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
-      const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: dotClasses }) });
-    };
-    if (layout === "detailed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "div",
-        {
-          className: cn(
-            "border-2 rounded-lg p-4 w-full",
-            statusStyles,
-            alternative.disabled ? "opacity-50" : ""
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "p",
-                  {
-                    className: cn(
-                      "block font-medium",
-                      selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
-                    ),
-                    children: alternative.label
-                  }
-                ),
-                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
-              ] })
-            ] }),
-            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
-          ] })
-        },
-        alternativeId
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex flex-row justify-between items-start gap-2 p-2 rounded-lg w-full",
-          statusStyles,
-          alternative.disabled ? "opacity-50" : ""
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
-            renderRadio(),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "span",
-              {
-                className: cn(
-                  "flex-1",
-                  selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
-                ),
-                children: alternative.label
-              }
-            )
-          ] }),
-          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
-        ]
-      },
-      alternativeId
-    );
-  };
-  if (isReadonly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
-      {
-        className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
-        children: alternatives.map(
-          (alternative) => renderReadonlyAlternative(alternative)
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    RadioGroup,
-    {
-      name: groupName,
-      defaultValue,
-      value,
-      onValueChange: (value2) => {
-        setActualValue(value2);
-        onValueChange?.(value2);
-      },
-      disabled,
-      className: cn("flex flex-col", getLayoutClasses(), className),
-      children: alternatives.map((alternative, index) => {
-        const alternativeId = alternative.value || `alt-${index}`;
-        const statusStyles = getStatusStyles(alternative.status, false);
-        const statusBadge = getStatusBadge(alternative.status);
-        if (layout === "detailed") {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "div",
-            {
-              className: cn(
-                "border-2 rounded-lg p-4 transition-all",
-                statusStyles,
-                alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                    RadioGroupItem,
-                    {
-                      value: alternative.value,
-                      id: alternativeId,
-                      disabled: alternative.disabled,
-                      className: "mt-1"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                      "label",
-                      {
-                        htmlFor: alternativeId,
-                        className: cn(
-                          "block font-medium",
-                          actualValue === alternative.value ? "text-text-950" : "text-text-600",
-                          alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"
-                        ),
-                        children: alternative.label
-                      }
-                    ),
-                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
-                  ] })
-                ] }),
-                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
-              ] })
-            },
-            alternativeId
-          );
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          "div",
-          {
-            className: cn(
-              "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
-              statusStyles,
-              alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  RadioGroupItem,
-                  {
-                    value: alternative.value,
-                    id: alternativeId,
-                    disabled: alternative.disabled
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "label",
-                  {
-                    htmlFor: alternativeId,
-                    className: cn(
-                      "flex-1",
-                      actualValue === alternative.value ? "text-text-950" : "text-text-600",
-                      alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"
-                    ),
-                    children: alternative.label
-                  }
-                )
-              ] }),
-              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
-            ]
-          },
-          alternativeId
-        );
-      })
-    }
-  );
-};
-var HeaderAlternative = (0, import_react3.forwardRef)(
-  ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      "div",
-      {
-        ref,
-        className: cn(
-          "bg-background p-4 flex flex-col gap-4 rounded-xl",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-950 text-md", children: content })
-        ]
-      }
-    );
-  }
-);
-
-// src/components/Accordation/Accordation.tsx
-var import_react6 = require("react");
-
-// src/components/Card/Card.tsx
-var import_react5 = require("react");
-
-// src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
 var SIZE_CLASSES5 = {
   small: {
-    container: "h-1",
-    // 4px height (h-1 = 4px in Tailwind)
-    bar: "h-1",
-    // 4px height for the fill bar
-    spacing: "gap-2",
-    // 8px gap between label and progress bar
-    layout: "flex-col",
-    // vertical layout for small
-    borderRadius: "rounded-full"
-    // 9999px border radius
+    textarea: "h-24 text-sm",
+    // 96px height, 14px font
+    textSize: "sm"
   },
   medium: {
-    container: "h-2",
-    // 8px height (h-2 = 8px in Tailwind)
-    bar: "h-2",
-    // 8px height for the fill bar
-    spacing: "gap-2",
-    // 8px gap between progress bar and label
-    layout: "flex-row items-center",
-    // horizontal layout for medium
-    borderRadius: "rounded-lg"
-    // 8px border radius
+    textarea: "h-24 text-base",
+    // 96px height, 16px font
+    textSize: "md"
+  },
+  large: {
+    textarea: "h-24 text-lg",
+    // 96px height, 18px font
+    textSize: "lg"
+  },
+  extraLarge: {
+    textarea: "h-24 text-xl",
+    // 96px height, 20px font
+    textSize: "xl"
   }
 };
-var VARIANT_CLASSES = {
-  blue: {
-    background: "bg-background-300",
-    // Background track color (#D5D4D4)
-    fill: "bg-primary-700"
+var BASE_TEXTAREA_CLASSES = "w-full box-border p-3 bg-background border border-solid rounded-[4px] resize-none focus:outline-none font-roboto font-normal leading-[150%] placeholder:text-text-600 transition-all duration-200";
+var STATE_CLASSES2 = {
+  default: {
+    base: "border-border-300 bg-background text-text-600",
+    hover: "hover:border-border-400",
+    focus: "focus:border-border-500"
+  },
+  hovered: {
+    base: "border-border-400 bg-background text-text-600",
+    hover: "",
+    focus: "focus:border-border-500"
+  },
+  focused: {
+    base: "border-2 border-primary-950 bg-background text-text-900",
+    hover: "",
+    focus: ""
+  },
+  invalid: {
+    base: "border-2 border-red-700 bg-white text-gray-800",
+    hover: "hover:border-red-700",
+    focus: "focus:border-red-700"
+  },
+  disabled: {
+    base: "border-border-300 bg-background text-text-600 cursor-not-allowed opacity-40",
+    hover: "",
+    focus: ""
+  }
+};
+var TextArea = (0, import_react3.forwardRef)(
+  ({
+    label,
+    size = "medium",
+    state = "default",
+    errorMessage,
+    helperMessage,
+    className = "",
+    labelClassName = "",
+    disabled,
+    id,
+    onChange,
+    placeholder,
+    required,
+    showCharacterCount = false,
+    maxLength,
+    value,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react3.useId)();
+    const inputId = id ?? `textarea-${generatedId}`;
+    const [isFocused, setIsFocused] = (0, import_react3.useState)(false);
+    const currentLength = typeof value === "string" ? value.length : 0;
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.8;
+    const handleChange = (event) => {
+      onChange?.(event);
+    };
+    const handleFocus = (event) => {
+      setIsFocused(true);
+      props.onFocus?.(event);
+    };
+    const handleBlur = (event) => {
+      setIsFocused(false);
+      props.onBlur?.(event);
+    };
+    let currentState = disabled ? "disabled" : state;
+    if (isFocused && currentState !== "invalid" && currentState !== "disabled") {
+      currentState = "focused";
+    }
+    const sizeClasses = SIZE_CLASSES5[size];
+    const stateClasses = STATE_CLASSES2[currentState];
+    const textareaClasses = cn(
+      BASE_TEXTAREA_CLASSES,
+      sizeClasses.textarea,
+      stateClasses.base,
+      stateClasses.hover,
+      stateClasses.focus,
+      className
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `flex flex-col`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        Text_default,
+        {
+          as: "label",
+          htmlFor: inputId,
+          size: sizeClasses.textSize,
+          weight: "medium",
+          color: "text-text-950",
+          className: cn("mb-1.5", labelClassName),
+          children: [
+            label,
+            " ",
+            required && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-indicator-error", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "textarea",
+        {
+          ref,
+          id: inputId,
+          disabled,
+          onChange: handleChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          className: textareaClasses,
+          placeholder,
+          required,
+          maxLength,
+          value,
+          ...props
+        }
+      ),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react3.WarningCircle, { size: 16 }),
+        " ",
+        errorMessage
+      ] }),
+      !errorMessage && showCharacterCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: `mt-1.5 ${isNearLimit ? "text-indicator-warning" : "text-text-500"}`,
+          children: [
+            currentLength,
+            "/",
+            maxLength,
+            " caracteres"
+          ]
+        }
+      ),
+      !errorMessage && helperMessage && !(showCharacterCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+var TextArea_default = TextArea;
+
+// src/components/Accordation/Accordation.tsx
+var import_react6 = require("react");
+
+// src/components/Card/Card.tsx
+var import_react5 = require("react");
+
+// src/components/ProgressBar/ProgressBar.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SIZE_CLASSES6 = {
+  small: {
+    container: "h-1",
+    // 4px height (h-1 = 4px in Tailwind)
+    bar: "h-1",
+    // 4px height for the fill bar
+    spacing: "gap-2",
+    // 8px gap between label and progress bar
+    layout: "flex-col",
+    // vertical layout for small
+    borderRadius: "rounded-full"
+    // 9999px border radius
+  },
+  medium: {
+    container: "h-2",
+    // 8px height (h-2 = 8px in Tailwind)
+    bar: "h-2",
+    // 8px height for the fill bar
+    spacing: "gap-2",
+    // 8px gap between progress bar and label
+    layout: "flex-row items-center",
+    // horizontal layout for medium
+    borderRadius: "rounded-lg"
+    // 8px border radius
+  }
+};
+var VARIANT_CLASSES = {
+  blue: {
+    background: "bg-background-300",
+    // Background track color (#D5D4D4)
+    fill: "bg-primary-700"
     // Blue for activity progress (#2271C4)
   },
   green: {
@@ -1555,7 +1457,7 @@ var ProgressBar = ({
   compactHeight
 }) => {
   const { clampedValue, percentage } = calculateProgressValues(value, max);
-  const sizeClasses = SIZE_CLASSES5[size];
+  const sizeClasses = SIZE_CLASSES6[size];
   const variantClasses = VARIANT_CLASSES[variant];
   if (layout === "stacked") {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -3305,7 +3207,7 @@ var generateFileId = () => {
   return crypto.randomUUID();
 };
 
-// src/types/studentActivityCorrection.ts
+// src/utils/studentActivityCorrection/constants.ts
 var QUESTION_STATUS = {
   CORRETA: "CORRETA",
   INCORRETA: "INCORRETA",
@@ -3313,6 +3215,22 @@ var QUESTION_STATUS = {
   /** Reserved for future use - pending teacher evaluation for essay questions */
   PENDENTE: "PENDENTE"
 };
+
+// src/utils/studentActivityCorrection/utils.ts
+var mapAnswerStatusToQuestionStatus = (answerStatus) => {
+  switch (answerStatus) {
+    case "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */:
+      return QUESTION_STATUS.CORRETA;
+    case "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */:
+      return QUESTION_STATUS.INCORRETA;
+    case "NAO_RESPONDIDO" /* NAO_RESPONDIDO */:
+      return QUESTION_STATUS.EM_BRANCO;
+    case "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */:
+      return QUESTION_STATUS.PENDENTE;
+    default:
+      return QUESTION_STATUS.EM_BRANCO;
+  }
+};
 var getQuestionStatusBadgeConfig = (status) => {
   const configs = {
     [QUESTION_STATUS.CORRETA]: {
@@ -3336,174 +3254,1749 @@ var getQuestionStatusBadgeConfig = (status) => {
       textColor: "text-warning-800"
     }
   };
-  return configs[status];
+  const defaultConfig = {
+    label: "Sem categoria",
+    bgColor: "bg-gray-100",
+    textColor: "text-gray-600"
+  };
+  return configs[status] ?? defaultConfig;
+};
+var getQuestionStatusFromData = (questionData) => {
+  return mapAnswerStatusToQuestionStatus(questionData.result.answerStatus);
 };
 
-// src/components/CorrectActivityModal/CorrectActivityModal.tsx
+// src/components/Alternative/Alternative.tsx
+var import_phosphor_react7 = require("phosphor-react");
+var import_react9 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var variantConfig = {
-  score: {
-    bg: "bg-warning-background",
-    text: "text-warning-600",
-    iconBg: "bg-warning-300",
-    iconColor: "text-white",
-    IconComponent: import_phosphor_react7.Star
-  },
-  correct: {
-    bg: "bg-success-200",
-    text: "text-success-700",
-    iconBg: "bg-indicator-positive",
-    iconColor: "text-text-950",
-    IconComponent: import_phosphor_react7.Medal
-  },
-  incorrect: {
-    bg: "bg-error-100",
-    text: "text-error-700",
-    iconBg: "bg-indicator-negative",
-    iconColor: "text-white",
-    IconComponent: import_phosphor_react7.WarningCircle
-  }
-};
-var StatCard = ({ label, value, variant }) => {
-  const config = variantConfig[variant];
-  const IconComponent = config.IconComponent;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    "div",
-    {
-      className: cn(
-        "border border-border-50 rounded-xl py-4 px-3 flex flex-col items-center justify-center gap-1",
-        config.bg
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          "div",
-          {
-            className: cn(
-              "w-[30px] h-[30px] rounded-2xl flex items-center justify-center",
-              config.iconBg
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              IconComponent,
-              {
-                size: 16,
-                className: config.iconColor,
-                weight: "regular"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          Text_default,
-          {
-            className: cn("text-2xs font-bold uppercase text-center", config.text),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: cn("text-xl font-bold", config.text), children: value })
-      ]
-    }
-  );
-};
-var CorrectActivityModal = ({
-  isOpen,
-  onClose,
-  data,
-  isViewOnly = false,
-  onObservationSubmit
+var AlternativesList = ({
+  alternatives,
+  name,
+  defaultValue,
+  value,
+  onValueChange,
+  disabled = false,
+  layout = "default",
+  className = "",
+  mode = "interactive",
+  selectedValue
 }) => {
-  const [observation, setObservation] = (0, import_react9.useState)("");
-  const [isObservationExpanded, setIsObservationExpanded] = (0, import_react9.useState)(false);
-  const [isObservationSaved, setIsObservationSaved] = (0, import_react9.useState)(false);
-  const [savedObservation, setSavedObservation] = (0, import_react9.useState)("");
-  const [attachedFiles, setAttachedFiles] = (0, import_react9.useState)([]);
-  const [savedFiles, setSavedFiles] = (0, import_react9.useState)([]);
-  const [existingAttachment, setExistingAttachment] = (0, import_react9.useState)(
-    null
-  );
-  const fileInputRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
-    if (isOpen) {
-      setObservation("");
-      setIsObservationExpanded(false);
-      setAttachedFiles([]);
-      setSavedFiles([]);
-      setExistingAttachment(data?.attachment ?? null);
-      if (data?.observation || data?.attachment) {
-        setIsObservationSaved(true);
-        setSavedObservation(data.observation || "");
-      } else {
-        setIsObservationSaved(false);
-        setSavedObservation("");
-      }
+  const uniqueId = (0, import_react9.useId)();
+  const groupName = name || `alternatives-${uniqueId}`;
+  const [actualValue, setActualValue] = (0, import_react9.useState)(value);
+  const isReadonly = mode === "readonly";
+  const getStatusStyles2 = (status, isReadonly2) => {
+    const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
+    switch (status) {
+      case "correct":
+        return "bg-success-background border-success-300";
+      case "incorrect":
+        return "bg-error-background border-error-300";
+      default:
+        return `bg-background border-border-100 ${hoverClass}`;
     }
-  }, [isOpen, data?.studentId, data?.observation, data?.attachment]);
-  const handleOpenObservation = () => {
-    setIsObservationExpanded(true);
   };
-  const handleFilesAdd = (files) => {
-    const newFile = files[0];
-    if (newFile) {
-      setAttachedFiles([{ file: newFile, id: generateFileId() }]);
+  const getStatusBadge2 = (status) => {
+    switch (status) {
+      case "correct":
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.CheckCircle, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.XCircle, {}), children: "Resposta incorreta" });
+      default:
+        return null;
     }
   };
-  const handleFileRemove = (id) => {
-    setAttachedFiles((prev) => prev.filter((f) => f.id !== id));
-  };
-  const handleSaveObservation = () => {
-    if (observation.trim() || attachedFiles.length > 0 || existingAttachment) {
-      if (!data?.studentId) {
-        return;
-      }
-      setSavedObservation(observation);
-      setSavedFiles([...attachedFiles]);
-      setIsObservationSaved(true);
-      setIsObservationExpanded(false);
-      onObservationSubmit?.(
-        data.studentId,
-        observation,
-        attachedFiles.map((f) => f.file)
-      );
+  const getLayoutClasses = () => {
+    switch (layout) {
+      case "compact":
+        return "gap-2";
+      case "detailed":
+        return "gap-4";
+      default:
+        return "gap-3.5";
     }
   };
-  const handleEditObservation = () => {
-    setObservation(savedObservation);
-    setAttachedFiles([...savedFiles]);
-    setIsObservationSaved(false);
-    setIsObservationExpanded(true);
-  };
-  if (!data) return null;
-  const title = isViewOnly ? "Detalhes da atividade" : "Corrigir atividade";
-  const formattedScore = data.score == null ? "-" : data.score.toFixed(1);
-  const renderObservationSection = () => {
-    const getFileNameFromUrl = (url) => {
-      try {
-        const urlObj = new URL(url);
-        const urlPath = urlObj.pathname;
-        return urlPath.split("/").pop() || "Anexo";
-      } catch {
-        return "Anexo";
-      }
-    };
-    const renderAttachmentInput = () => {
+  const renderReadonlyAlternative = (alternative) => {
+    const alternativeId = alternative.value;
+    const isUserSelected = selectedValue === alternative.value;
+    const isCorrectAnswer = alternative.status === "correct";
+    let displayStatus = void 0;
+    if (isUserSelected && !isCorrectAnswer) {
+      displayStatus = "incorrect";
+    } else if (isCorrectAnswer) {
+      displayStatus = "correct";
+    }
+    const statusStyles = getStatusStyles2(displayStatus, true);
+    const statusBadge = getStatusBadge2(displayStatus);
+    const renderRadio = () => {
+      const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
+      const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: dotClasses }) });
+    };
+    if (layout === "detailed") {
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: cn(
+            "border-2 rounded-lg p-4 w-full",
+            statusStyles,
+            alternative.disabled ? "opacity-50" : ""
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "p",
+                  {
+                    className: cn(
+                      "block font-medium",
+                      selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
+                    ),
+                    children: alternative.label
+                  }
+                ),
+                alternative.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+              ] })
+            ] }),
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+          ] })
+        },
+        alternativeId
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-row justify-between items-start gap-2 p-2 rounded-lg w-full",
+          statusStyles,
+          alternative.disabled ? "opacity-50" : ""
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+            renderRadio(),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "span",
+              {
+                className: cn(
+                  "flex-1",
+                  selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
+                ),
+                children: alternative.label
+              }
+            )
+          ] }),
+          statusBadge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+        ]
+      },
+      alternativeId
+    );
+  };
+  if (isReadonly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
+        children: alternatives.map(
+          (alternative) => renderReadonlyAlternative(alternative)
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    RadioGroup,
+    {
+      name: groupName,
+      defaultValue,
+      value,
+      onValueChange: (value2) => {
+        setActualValue(value2);
+        onValueChange?.(value2);
+      },
+      disabled,
+      className: cn("flex flex-col", getLayoutClasses(), className),
+      children: alternatives.map((alternative, index) => {
+        const alternativeId = alternative.value || `alt-${index}`;
+        const statusStyles = getStatusStyles2(alternative.status, false);
+        const statusBadge = getStatusBadge2(alternative.status);
+        if (layout === "detailed") {
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "div",
+            {
+              className: cn(
+                "border-2 rounded-lg p-4 transition-all",
+                statusStyles,
+                alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    RadioGroupItem,
+                    {
+                      value: alternative.value,
+                      id: alternativeId,
+                      disabled: alternative.disabled,
+                      className: "mt-1"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      "label",
+                      {
+                        htmlFor: alternativeId,
+                        className: cn(
+                          "block font-medium",
+                          actualValue === alternative.value ? "text-text-950" : "text-text-600",
+                          alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"
+                        ),
+                        children: alternative.label
+                      }
+                    ),
+                    alternative.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                  ] })
+                ] }),
+                statusBadge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+              ] })
+            },
+            alternativeId
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
+              statusStyles,
+              alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  RadioGroupItem,
+                  {
+                    value: alternative.value,
+                    id: alternativeId,
+                    disabled: alternative.disabled
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "label",
+                  {
+                    htmlFor: alternativeId,
+                    className: cn(
+                      "flex-1",
+                      actualValue === alternative.value ? "text-text-950" : "text-text-600",
+                      alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"
+                    ),
+                    children: alternative.label
+                  }
+                )
+              ] }),
+              statusBadge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+            ]
+          },
+          alternativeId
+        );
+      })
+    }
+  );
+};
+var HeaderAlternative = (0, import_react9.forwardRef)(
+  ({ className, title, subTitle, content, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "bg-background p-4 flex flex-col gap-4 rounded-xl",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-700 text-sm ", children: subTitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 text-md", children: content })
+        ]
+      }
+    );
+  }
+);
+
+// src/utils/questionRenderer/alternative/index.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var renderQuestionAlternative = ({
+  question,
+  result
+}) => {
+  const alternatives = question.options?.map((option) => {
+    const isCorrectOption = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (selectedOption) => selectedOption.optionId === option.id
+    ) || false;
+    const shouldShowCorrectAnswers = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */;
+    let status;
+    if (shouldShowCorrectAnswers) {
+      if (isCorrectOption) {
+        status = "correct" /* CORRECT */;
+      } else if (isSelected && !isCorrectOption) {
+        status = "incorrect" /* INCORRECT */;
+      } else {
+        status = "neutral" /* NEUTRAL */;
+      }
+    } else {
+      status = "neutral" /* NEUTRAL */;
+    }
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
+  if (!alternatives || alternatives.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Alternativas" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    AlternativesList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      layout: "compact",
+      alternatives,
+      selectedValue: result?.selectedOptions?.[0]?.optionId || ""
+    },
+    `question-${question.id}`
+  ) });
+};
+
+// src/components/MultipleChoice/MultipleChoice.tsx
+var import_react12 = require("react");
+
+// src/components/CheckBox/CheckboxList.tsx
+var import_react11 = require("react");
+var import_zustand3 = require("zustand");
+
+// src/components/CheckBox/CheckBox.tsx
+var import_react10 = require("react");
+var import_phosphor_react8 = require("phosphor-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var SIZE_CLASSES7 = {
+  small: {
+    checkbox: "w-4 h-4",
+    // 16px x 16px
+    textSize: "sm",
+    spacing: "gap-1.5",
+    // 6px
+    borderWidth: "border-2",
+    iconSize: 14,
+    // pixels for Phosphor icons
+    labelHeight: "h-[21px]"
+  },
+  medium: {
+    checkbox: "w-5 h-5",
+    // 20px x 20px
+    textSize: "md",
+    spacing: "gap-2",
+    // 8px
+    borderWidth: "border-2",
+    iconSize: 16,
+    // pixels for Phosphor icons
+    labelHeight: "h-6"
+  },
+  large: {
+    checkbox: "w-6 h-6",
+    // 24px x 24px
+    textSize: "lg",
+    spacing: "gap-2",
+    // 8px
+    borderWidth: "border-[3px]",
+    // 3px border
+    iconSize: 20,
+    // pixels for Phosphor icons
+    labelHeight: "h-[27px]"
+  }
+};
+var BASE_CHECKBOX_CLASSES = "rounded border cursor-pointer transition-all duration-200 flex items-center justify-center focus:outline-none";
+var STATE_CLASSES3 = {
+  default: {
+    unchecked: "border-border-400 bg-background hover:border-border-500",
+    checked: "border-primary-950 bg-primary-950 text-text hover:border-primary-800 hover:bg-primary-800"
+  },
+  hovered: {
+    unchecked: "border-border-500 bg-background",
+    checked: "border-primary-800 bg-primary-800 text-text"
+  },
+  focused: {
+    unchecked: "border-indicator-info bg-background ring-2 ring-indicator-info/20",
+    checked: "border-indicator-info bg-primary-950 text-text ring-2 ring-indicator-info/20"
+  },
+  invalid: {
+    unchecked: "border-error-700 bg-background hover:border-error-600",
+    checked: "border-error-700 bg-primary-950 text-text"
+  },
+  disabled: {
+    unchecked: "border-border-400 bg-background cursor-not-allowed opacity-40",
+    checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
+  }
+};
+var CheckBox = (0, import_react10.forwardRef)(
+  ({
+    label,
+    size = "medium",
+    state = "default",
+    indeterminate = false,
+    errorMessage,
+    helperText,
+    className = "",
+    labelClassName = "",
+    checked: checkedProp,
+    disabled,
+    id,
+    onChange,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react10.useId)();
+    const inputId = id ?? `checkbox-${generatedId}`;
+    const [internalChecked, setInternalChecked] = (0, import_react10.useState)(false);
+    const isControlled = checkedProp !== void 0;
+    const checked = isControlled ? checkedProp : internalChecked;
+    const handleChange = (event) => {
+      if (!isControlled) {
+        setInternalChecked(event.target.checked);
+      }
+      onChange?.(event);
+    };
+    const currentState = disabled ? "disabled" : state;
+    const sizeClasses = SIZE_CLASSES7[size];
+    const checkVariant = checked || indeterminate ? "checked" : "unchecked";
+    const stylingClasses = STATE_CLASSES3[currentState][checkVariant];
+    const borderWidthClass = state === "focused" || state === "hovered" && size === "large" ? "border-[3px]" : sizeClasses.borderWidth;
+    const checkboxClasses = cn(
+      BASE_CHECKBOX_CLASSES,
+      sizeClasses.checkbox,
+      borderWidthClass,
+      stylingClasses,
+      className
+    );
+    const renderIcon = () => {
+      if (indeterminate) {
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_phosphor_react8.Minus,
+          {
+            size: sizeClasses.iconSize,
+            weight: "bold",
+            color: "currentColor"
+          }
+        );
+      }
+      if (checked) {
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_phosphor_react8.Check,
+          {
+            size: sizeClasses.iconSize,
+            weight: "bold",
+            color: "currentColor"
+          }
+        );
+      }
+      return null;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "div",
+        {
+          className: cn(
+            "flex flex-row items-center",
+            sizeClasses.spacing,
+            disabled ? "opacity-40" : ""
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              "input",
+              {
+                ref,
+                type: "checkbox",
+                id: inputId,
+                checked,
+                disabled,
+                onChange: handleChange,
+                className: "sr-only",
+                ...props
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              "div",
+              {
+                className: cn(
+                  "flex flex-row items-center",
+                  sizeClasses.labelHeight
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  Text_default,
+                  {
+                    as: "label",
+                    htmlFor: inputId,
+                    size: sizeClasses.textSize,
+                    weight: "normal",
+                    className: cn(
+                      "cursor-pointer select-none leading-[150%] flex items-center font-roboto",
+                      labelClassName
+                    ),
+                    children: label
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-error-600",
+          children: errorMessage
+        }
+      ),
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-text-500",
+          children: helperText
+        }
+      )
+    ] });
+  }
+);
+CheckBox.displayName = "CheckBox";
+var CheckBox_default = CheckBox;
+
+// src/components/CheckBox/CheckboxList.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var createCheckboxListStore = (name, defaultValues, disabled, onValuesChange) => (0, import_zustand3.create)((set, get) => ({
+  values: defaultValues,
+  setValues: (values) => {
+    if (!get().disabled) {
+      set({ values });
+      get().onValuesChange?.(values);
+    }
+  },
+  toggleValue: (value) => {
+    if (!get().disabled) {
+      const currentValues = get().values;
+      const newValues = currentValues.includes(value) ? currentValues.filter((v) => v !== value) : [...currentValues, value];
+      set({ values: newValues });
+      get().onValuesChange?.(newValues);
+    }
+  },
+  onValuesChange,
+  disabled,
+  name
+}));
+var useCheckboxListStore = (externalStore) => {
+  if (!externalStore) {
+    throw new Error("CheckboxListItem must be used within a CheckboxList");
+  }
+  return externalStore;
+};
+var injectStore3 = (children, store) => import_react11.Children.map(children, (child) => {
+  if (!(0, import_react11.isValidElement)(child)) return child;
+  const typedChild = child;
+  const shouldInject = typedChild.type === CheckboxListItem;
+  return (0, import_react11.cloneElement)(typedChild, {
+    ...shouldInject ? { store } : {},
+    ...typedChild.props.children ? { children: injectStore3(typedChild.props.children, store) } : {}
+  });
+});
+var CheckboxList = (0, import_react11.forwardRef)(
+  ({
+    values: propValues,
+    defaultValues = [],
+    onValuesChange,
+    name: propName,
+    disabled = false,
+    className = "",
+    children,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react11.useId)();
+    const name = propName || `checkbox-list-${generatedId}`;
+    const storeRef = (0, import_react11.useRef)(null);
+    storeRef.current ??= createCheckboxListStore(
+      name,
+      defaultValues,
+      disabled,
+      onValuesChange
+    );
+    const store = storeRef.current;
+    const { setValues } = (0, import_zustand3.useStore)(store, (s) => s);
+    (0, import_react11.useEffect)(() => {
+      const currentValues = store.getState().values;
+      if (currentValues.length > 0 && onValuesChange) {
+        onValuesChange(currentValues);
+      }
+    }, []);
+    (0, import_react11.useEffect)(() => {
+      if (propValues !== void 0) {
+        setValues(propValues);
+      }
+    }, [propValues, setValues]);
+    (0, import_react11.useEffect)(() => {
+      store.setState({ disabled });
+    }, [disabled, store]);
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-2 w-full", className),
+        "aria-label": name,
+        ...props,
+        children: injectStore3(children, store)
+      }
+    );
+  }
+);
+CheckboxList.displayName = "CheckboxList";
+var CheckboxListItem = (0, import_react11.forwardRef)(
+  ({
+    value,
+    store: externalStore,
+    disabled: itemDisabled,
+    size = "medium",
+    state = "default",
+    className = "",
+    id,
+    ...props
+  }, ref) => {
+    const store = useCheckboxListStore(externalStore);
+    const {
+      values: groupValues,
+      toggleValue,
+      disabled: groupDisabled,
+      name
+    } = (0, import_zustand3.useStore)(store);
+    const generatedId = (0, import_react11.useId)();
+    const inputId = id ?? `checkbox-item-${generatedId}`;
+    const isChecked = groupValues.includes(value);
+    const isDisabled = groupDisabled || itemDisabled;
+    const currentState = isDisabled ? "disabled" : state;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      CheckBox_default,
+      {
+        ref,
+        id: inputId,
+        name,
+        value,
+        checked: isChecked,
+        disabled: isDisabled,
+        size,
+        state: currentState,
+        className,
+        onChange: () => {
+          if (!isDisabled) {
+            toggleValue(value);
+          }
+        },
+        ...props
+      }
+    );
+  }
+);
+CheckboxListItem.displayName = "CheckboxListItem";
+var CheckboxList_default = CheckboxList;
+
+// src/components/MultipleChoice/MultipleChoice.tsx
+var import_phosphor_react9 = require("phosphor-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var MultipleChoiceList = ({
+  disabled = false,
+  className = "",
+  choices,
+  name,
+  selectedValues,
+  onHandleSelectedValues,
+  mode = "interactive"
+}) => {
+  const [actualValue, setActualValue] = (0, import_react12.useState)(selectedValues);
+  (0, import_react12.useEffect)(() => {
+    setActualValue(selectedValues);
+  }, [selectedValues]);
+  const getStatusBadge2 = (status) => {
+    switch (status) {
+      case "correct":
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.CheckCircle, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.XCircle, {}), children: "Resposta incorreta" });
+      default:
+        return null;
+    }
+  };
+  const getStatusStyles2 = (status) => {
+    switch (status) {
+      case "correct":
+        return "bg-success-background border-success-300";
+      case "incorrect":
+        return "bg-error-background border-error-300";
+      default:
+        return `bg-background border-border-100`;
+    }
+  };
+  const renderVisualCheckbox = (isSelected, isDisabled) => {
+    const checkboxClasses = cn(
+      "w-5 h-5 rounded border-2 cursor-default transition-all duration-200 flex items-center justify-center",
+      isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
+      isDisabled && "opacity-40 cursor-not-allowed"
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react9.Check, { size: 16, weight: "bold" }) });
+  };
+  if (mode === "readonly") {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
+      const isSelected = actualValue?.includes(choice.value) || false;
+      const statusStyles = getStatusStyles2(choice.status);
+      const statusBadge = getStatusBadge2(choice.status);
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "div",
+        {
+          className: cn(
+            "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
+            statusStyles,
+            choice.disabled ? "opacity-50 cursor-not-allowed" : ""
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+              renderVisualCheckbox(isSelected, choice.disabled || disabled),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "flex-1",
+                    isSelected || choice.status && choice.status != "neutral" ? "text-text-950" : "text-text-600",
+                    choice.disabled || disabled ? "cursor-not-allowed" : "cursor-default"
+                  ),
+                  children: choice.label
+                }
+              )
+            ] }),
+            statusBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
+          ]
+        },
+        `readonly-${choice.value}-${i}`
+      );
+    }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-row justify-between gap-2 items-start p-2 rounded-lg transition-all",
+        disabled ? "opacity-50 cursor-not-allowed" : "",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        CheckboxList_default,
+        {
+          name,
+          values: actualValue,
+          onValuesChange: (v) => {
+            setActualValue(v);
+            onHandleSelectedValues?.(v);
+          },
+          disabled,
+          children: choices.map((choice, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            "div",
+            {
+              className: "flex flex-row gap-2 items-center",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  CheckboxListItem,
+                  {
+                    value: choice.value,
+                    id: `interactive-${choice.value}-${i}`,
+                    disabled: choice.disabled || disabled
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "label",
+                  {
+                    htmlFor: `interactive-${choice.value}-${i}`,
+                    className: cn(
+                      "flex-1",
+                      actualValue?.includes(choice.value) ? "text-text-950" : "text-text-600",
+                      choice.disabled || disabled ? "cursor-not-allowed" : "cursor-pointer"
+                    ),
+                    children: choice.label
+                  }
+                )
+              ]
+            },
+            `interactive-${choice.value}-${i}`
+          ))
+        }
+      )
+    }
+  );
+};
+
+// src/utils/questionRenderer/multipleChoice/index.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var renderQuestionMultipleChoice = ({
+  question,
+  result
+}) => {
+  const choices = question.options?.map((option) => {
+    const isCorrectOption = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (op) => op.optionId === option.id
+    );
+    const shouldShowCorrectAnswers = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */ && result?.answerStatus !== "NAO_RESPONDIDO" /* NAO_RESPONDIDO */;
+    let status;
+    if (shouldShowCorrectAnswers) {
+      if (isCorrectOption) {
+        status = "correct" /* CORRECT */;
+      } else if (isSelected && !isCorrectOption) {
+        status = "incorrect" /* INCORRECT */;
+      } else {
+        status = "neutral" /* NEUTRAL */;
+      }
+    } else {
+      status = "neutral" /* NEUTRAL */;
+    }
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
+  if (!choices || choices.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Escolhas M\xFAltiplas" }) });
+  }
+  const selectedValues = result?.selectedOptions?.map((op) => op.optionId) || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    MultipleChoiceList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      choices,
+      selectedValues
+    },
+    `question-${question.id}`
+  ) });
+};
+
+// src/components/Quiz/QuizContent.tsx
+var import_react13 = require("react");
+var import_phosphor_react10 = require("phosphor-react");
+
+// src/assets/img/mock-image-question.png
+var mock_image_question_default = "../mock-image-question-HEZCLFDL.png";
+
+// src/components/Quiz/QuizContent.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var getStatusStyles = (variantCorrect) => {
+  switch (variantCorrect) {
+    case "correct":
+      return "bg-success-background border-success-300";
+    case "incorrect":
+      return "bg-error-background border-error-300";
+    default:
+      return "";
+  }
+};
+var QuizSubTitle = (0, import_react13.forwardRef)(
+  ({ subTitle, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+  }
+);
+var QuizContainer = (0, import_react13.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-auto flex flex-col gap-4 mb-auto",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+
+// src/utils/questionRenderer/components/index.tsx
+var import_react14 = require("react");
+var import_phosphor_react11 = require("phosphor-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var getStatusBadge = (status) => {
+  switch (status) {
+    case "correct":
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CheckCircle, {}), children: "Resposta correta" });
+    case "incorrect":
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.XCircle, {}), children: "Resposta incorreta" });
+    default:
+      return null;
+  }
+};
+var QuestionContainer = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      className: cn(
+        "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-auto flex flex-col gap-4 mb-auto",
+        className
+      ),
+      children
+    }
+  );
+};
+var QuestionSubTitle = ({ subTitle }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "md", weight: "bold", color: "text-text-950", children: subTitle }) });
+};
+var FillQuestionContent = ({
+  question,
+  result
+}) => {
+  const text = question.statement || "";
+  const baseId = (0, import_react14.useId)();
+  const studentAnswers = {};
+  try {
+    if (result?.answer) {
+      const parsed = typeof result.answer === "string" ? JSON.parse(result.answer) : result.answer;
+      if (typeof parsed === "object") {
+        Object.assign(studentAnswers, parsed);
+      }
+    }
+  } catch (error) {
+    console.error("Error parsing answer:", error);
+  }
+  const regex = /\{\{([\p{L}\p{M}\d_]+)\}\}/gu;
+  const placeholders = [];
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    placeholders.push(match[1]);
+  }
+  const correctAnswers = {};
+  placeholders.forEach((placeholder) => {
+    correctAnswers[placeholder] = studentAnswers[placeholder]?.correctAnswer || `[${placeholder}]`;
+  });
+  const addTextElement = (elements, textContent, elementCounter) => {
+    if (textContent) {
+      elements.push({
+        element: textContent,
+        id: `${baseId}-text-${++elementCounter.current}`
+      });
+    }
+  };
+  const renderGabaritoPlaceholder = (selectId, elementCounter) => {
+    const correctAnswer = correctAnswers[selectId] || `[${selectId}]`;
+    return {
+      element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Text_default,
+        {
+          size: "md",
+          weight: "semibold",
+          color: "text-success-600",
+          className: "inline-flex mb-2.5 border-b-2 border-success-600",
+          children: correctAnswer
+        },
+        `${baseId}-gabarito-${selectId}`
+      ),
+      id: `${baseId}-gabarito-${++elementCounter.current}`
+    };
+  };
+  const renderStudentPlaceholder = (selectId, elementCounter) => {
+    const studentAnswer = studentAnswers[selectId];
+    if (!studentAnswer) {
+      return {
+        element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          Text_default,
+          {
+            size: "md",
+            weight: "normal",
+            color: "text-text-400",
+            className: "inline-flex mb-2.5 border-b-2 border-text-300",
+            children: "[N\xE3o respondido]"
+          },
+          `${baseId}-no-answer-${selectId}`
+        ),
+        id: `${baseId}-no-answer-${++elementCounter.current}`
+      };
+    }
+    const isCorrect = studentAnswer.isCorrect;
+    const colorClass = isCorrect ? "text-success-600 border-success-600" : "text-error-600 border-error-600";
+    return {
+      element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Badge_default,
+        {
+          variant: "solid",
+          action: isCorrect ? "success" : "error",
+          iconRight: isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react11.XCircle, {}),
+          size: "large",
+          className: `py-3 w-[180px] justify-between mb-2.5 ${colorClass}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-text-900", children: studentAnswer.answer })
+        },
+        `${baseId}-answer-${selectId}`
+      ),
+      id: `${baseId}-answer-${++elementCounter.current}`
+    };
+  };
+  const renderTextWithAnswers = (isGabarito = false) => {
+    const elements = [];
+    let lastIndex = 0;
+    const elementCounter = { current: 0 };
+    regex.lastIndex = 0;
+    while ((match = regex.exec(text)) !== null) {
+      const [fullMatch, selectId] = match;
+      const startIndex = match.index;
+      if (startIndex > lastIndex) {
+        addTextElement(
+          elements,
+          text.slice(lastIndex, startIndex),
+          elementCounter
+        );
+      }
+      const placeholderElement = isGabarito ? renderGabaritoPlaceholder(selectId, elementCounter) : renderStudentPlaceholder(selectId, elementCounter);
+      elements.push(placeholderElement);
+      lastIndex = match.index + fullMatch.length;
+    }
+    if (lastIndex < text.length) {
+      addTextElement(elements, text.slice(lastIndex), elementCounter);
+    }
+    return elements;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Resposta do aluno:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "leading-8", children: renderTextWithAnswers(false).map((element) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Gabarito:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "leading-8", children: renderTextWithAnswers(true).map((element) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/trueOrFalse/index.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var renderQuestionTrueOrFalse = ({
+  question,
+  result
+}) => {
+  const options = question.options || [];
+  const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
+  const shouldShowStatus = result?.answerStatus !== "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */ && result?.answerStatus !== "NAO_RESPONDIDO" /* NAO_RESPONDIDO */;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+    const statementIsTrue = result?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+    const isSelected = result?.selectedOptions?.some(
+      (op) => op.optionId === option.id
+    );
+    const isStudentCorrect = statementIsTrue === isSelected;
+    const variantCorrect = statementIsTrue ? "correct" : "incorrect";
+    const studentAnswer = isSelected ? "V" : "F";
+    const correctAnswer = statementIsTrue ? "V" : "F";
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "section",
+      {
+        className: "flex flex-col gap-2",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            "div",
+            {
+              className: cn(
+                "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
+                shouldShowStatus ? getStatusStyles(variantCorrect) : ""
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
+                shouldShowStatus && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-shrink-0", children: getStatusBadge(isStudentCorrect ? "correct" : "incorrect") })
+              ]
+            }
+          ),
+          shouldShowStatus && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "flex flex-row gap-2 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta selecionada: ",
+              studentAnswer
+            ] }),
+            !isStudentCorrect && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta correta: ",
+              correctAnswer
+            ] })
+          ] })
+        ]
+      },
+      option.id || `option-${index}`
+    );
+  }) }) });
+};
+
+// src/utils/questionRenderer/dissertative/index.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var renderQuestionDissertative = ({
+  result
+}) => {
+  const localAnswer = result?.answer || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-950", children: "Resposta do aluno" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: localAnswer || "Nenhuma resposta fornecida" }) })
+    ] }),
+    result?.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && result?.teacherFeedback && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Observa\xE7\xE3o do professor:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: result.teacherFeedback }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/fill/index.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var renderQuestionFill = ({
+  question,
+  result
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FillQuestionContent, { question, result });
+};
+
+// src/utils/questionRenderer/image/index.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var renderQuestionImage = ({
+  result
+}) => {
+  const correctPositionRelative = { x: 0.48, y: 0.45 };
+  const correctRadiusRelative = 0.1;
+  let userPositionRelative = null;
+  try {
+    if (result?.answer) {
+      const parsed = typeof result.answer === "string" ? JSON.parse(result.answer) : result.answer;
+      if (parsed && typeof parsed.x === "number" && typeof parsed.y === "number") {
+        userPositionRelative = { x: parsed.x, y: parsed.y };
+      }
+    }
+  } catch {
+    userPositionRelative = null;
+  }
+  const isCorrect = userPositionRelative ? Math.sqrt(
+    Math.pow(userPositionRelative.x - correctPositionRelative.x, 2) + Math.pow(userPositionRelative.y - correctPositionRelative.y, 2)
+  ) <= correctRadiusRelative : false;
+  const getUserCircleColorClasses = () => {
+    if (!userPositionRelative) return "";
+    return isCorrect ? "bg-success-600/70 border-white" : "bg-indicator-error/70 border-white";
+  };
+  const getPositionDescription = (x, y) => {
+    const xPercent = Math.round(x * 100);
+    const yPercent = Math.round(y * 100);
+    return `${xPercent}% da esquerda, ${yPercent}% do topo`;
+  };
+  const getSpatialRelationship = () => {
+    if (!userPositionRelative) {
+      return `\xC1rea correta localizada em ${getPositionDescription(
+        correctPositionRelative.x,
+        correctPositionRelative.y
+      )}. Nenhuma resposta do aluno fornecida.`;
+    }
+    const deltaX = userPositionRelative.x - correctPositionRelative.x;
+    const deltaY = userPositionRelative.y - correctPositionRelative.y;
+    const distance = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
+    const distancePercent = Math.round(distance * 100);
+    let direction = "";
+    if (Math.abs(deltaX) > Math.abs(deltaY)) {
+      direction = deltaX > 0 ? "\xE0 direita" : "\xE0 esquerda";
+    } else {
+      direction = deltaY > 0 ? "abaixo" : "acima";
+    }
+    const correctPos = getPositionDescription(
+      correctPositionRelative.x,
+      correctPositionRelative.y
+    );
+    const userPos = getPositionDescription(
+      userPositionRelative.x,
+      userPositionRelative.y
+    );
+    return `\xC1rea correta localizada em ${correctPos}. Resposta do aluno em ${userPos}. A resposta do aluno est\xE1 ${distancePercent}% de dist\xE2ncia ${direction} da \xE1rea correta. ${isCorrect ? "A resposta est\xE1 dentro da \xE1rea de toler\xE2ncia e \xE9 considerada correta." : "A resposta est\xE1 fora da \xE1rea de toler\xE2ncia e \xE9 considerada incorreta."}`;
+  };
+  const correctPositionDescription = getPositionDescription(
+    correctPositionRelative.x,
+    correctPositionRelative.y
+  );
+  const imageAltText = `Quest\xE3o de imagem com \xE1rea correta localizada em ${correctPositionDescription}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-4 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "\xC1rea correta" })
+      ] }),
+      userPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta correta" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta incorreta" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "sr-only", children: getSpatialRelationship() }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "img",
+        {
+          src: mock_image_question_default,
+          alt: imageAltText,
+          className: "w-full h-auto rounded-md"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "div",
+        {
+          role: "img",
+          "aria-label": `\xC1rea correta marcada em ${correctPositionDescription}`,
+          className: "absolute rounded-full bg-indicator-primary/70 border-4 border-[#F8CC2E] pointer-events-none",
+          style: {
+            minWidth: "50px",
+            maxWidth: "160px",
+            width: "15%",
+            aspectRatio: "1 / 1",
+            left: `calc(${correctPositionRelative.x * 100}% - 7.5%)`,
+            top: `calc(${correctPositionRelative.y * 100}% - 15%)`
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            Text_default,
+            {
+              size: "sm",
+              weight: "normal",
+              color: "text-text-600",
+              className: "sr-only",
+              children: [
+                "C\xEDrculo amarelo indicando a \xE1rea correta da resposta, posicionado em",
+                " ",
+                correctPositionDescription
+              ]
+            }
+          )
+        }
+      ),
+      userPositionRelative && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "div",
+        {
+          role: "img",
+          "aria-label": `Resposta do aluno marcada em ${getPositionDescription(
+            userPositionRelative.x,
+            userPositionRelative.y
+          )}, ${isCorrect ? "correta" : "incorreta"}`,
+          className: `absolute rounded-full border-4 pointer-events-none ${getUserCircleColorClasses()}`,
+          style: {
+            minWidth: "30px",
+            maxWidth: "52px",
+            width: "5%",
+            aspectRatio: "1 / 1",
+            left: `calc(${userPositionRelative.x * 100}% - 2.5%)`,
+            top: `calc(${userPositionRelative.y * 100}% - 2.5%)`
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            Text_default,
+            {
+              size: "sm",
+              weight: "normal",
+              color: "text-text-600",
+              className: "sr-only",
+              children: [
+                "C\xEDrculo ",
+                isCorrect ? "verde" : "vermelho",
+                " indicando a resposta do aluno, posicionado em",
+                " ",
+                getPositionDescription(
+                  userPositionRelative.x,
+                  userPositionRelative.y
+                ),
+                ". A resposta est\xE1",
+                " ",
+                Math.round(
+                  Math.sqrt(
+                    Math.pow(
+                      userPositionRelative.x - correctPositionRelative.x,
+                      2
+                    ) + Math.pow(
+                      userPositionRelative.y - correctPositionRelative.y,
+                      2
+                    )
+                  ) * 100
+                ),
+                "% de dist\xE2ncia da \xE1rea correta e \xE9 considerada",
+                " ",
+                isCorrect ? "correta" : "incorreta",
+                "."
+              ]
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/connectDots/index.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var renderQuestionConnectDots = ({
+  paddingBottom
+} = {}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(QuestionSubTitle, { subTitle: "Tipo de quest\xE3o: Ligar Pontos" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(QuestionContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text_default, { size: "md", weight: "normal", color: "text-text-600", children: "Tipo de quest\xE3o: Ligar Pontos (n\xE3o implementado)" }) }) })
+  ] });
+};
+
+// src/utils/questionRenderer/index.tsx
+var questionRendererMap = {
+  ["ALTERNATIVA" /* ALTERNATIVA */]: renderQuestionAlternative,
+  ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: renderQuestionMultipleChoice,
+  ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: renderQuestionTrueOrFalse,
+  ["DISSERTATIVA" /* DISSERTATIVA */]: renderQuestionDissertative,
+  ["PREENCHER" /* PREENCHER */]: renderQuestionFill,
+  ["IMAGEM" /* IMAGEM */]: renderQuestionImage,
+  ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: renderQuestionConnectDots
+};
+
+// src/components/CorrectActivityModal/CorrectActivityModal.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var variantConfig = {
+  score: {
+    bg: "bg-warning-background",
+    text: "text-warning-600",
+    iconBg: "bg-warning-300",
+    iconColor: "text-white",
+    IconComponent: import_phosphor_react12.Star
+  },
+  correct: {
+    bg: "bg-success-200",
+    text: "text-success-700",
+    iconBg: "bg-indicator-positive",
+    iconColor: "text-text-950",
+    IconComponent: import_phosphor_react12.Medal
+  },
+  incorrect: {
+    bg: "bg-error-100",
+    text: "text-error-700",
+    iconBg: "bg-indicator-negative",
+    iconColor: "text-white",
+    IconComponent: import_phosphor_react12.WarningCircle
+  }
+};
+var StatCard = ({ label, value, variant }) => {
+  const config = variantConfig[variant];
+  const IconComponent = config.IconComponent;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      className: cn(
+        "border border-border-50 rounded-xl py-4 px-3 flex flex-col items-center justify-center gap-1",
+        config.bg
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          "div",
+          {
+            className: cn(
+              "w-[30px] h-[30px] rounded-2xl flex items-center justify-center",
+              config.iconBg
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              IconComponent,
+              {
+                size: 16,
+                className: config.iconColor,
+                weight: "regular"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          Text_default,
+          {
+            className: cn("text-2xs font-bold uppercase text-center", config.text),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: cn("text-xl font-bold", config.text), children: value })
+      ]
+    }
+  );
+};
+var CorrectActivityModal = ({
+  isOpen,
+  onClose,
+  data,
+  isViewOnly = false,
+  onObservationSubmit,
+  onQuestionCorrectionSubmit
+}) => {
+  const [observation, setObservation] = (0, import_react15.useState)("");
+  const [isObservationExpanded, setIsObservationExpanded] = (0, import_react15.useState)(false);
+  const [isObservationSaved, setIsObservationSaved] = (0, import_react15.useState)(false);
+  const [savedObservation, setSavedObservation] = (0, import_react15.useState)("");
+  const [attachedFiles, setAttachedFiles] = (0, import_react15.useState)([]);
+  const [savedFiles, setSavedFiles] = (0, import_react15.useState)([]);
+  const [existingAttachment, setExistingAttachment] = (0, import_react15.useState)(
+    null
+  );
+  const fileInputRef = (0, import_react15.useRef)(null);
+  const [essayCorrections, setEssayCorrections] = (0, import_react15.useState)({});
+  (0, import_react15.useEffect)(() => {
+    if (isOpen) {
+      setObservation("");
+      setIsObservationExpanded(false);
+      setAttachedFiles([]);
+      setSavedFiles([]);
+      setExistingAttachment(data?.attachment ?? null);
+      if (data?.observation || data?.attachment) {
+        setIsObservationSaved(true);
+        setSavedObservation(data.observation || "");
+      } else {
+        setIsObservationSaved(false);
+        setSavedObservation("");
+      }
+      const initialCorrections = {};
+      data?.questions?.forEach((questionData) => {
+        if (questionData.question.questionType === "DISSERTATIVA" /* DISSERTATIVA */) {
+          initialCorrections[questionData.questionNumber] = {
+            isCorrect: questionData.correction?.isCorrect ?? null,
+            teacherFeedback: questionData.correction?.teacherFeedback || "",
+            isSaving: false
+          };
+        }
+      });
+      setEssayCorrections(initialCorrections);
+    }
+  }, [
+    isOpen,
+    data?.studentId,
+    data?.observation,
+    data?.attachment,
+    data?.questions
+  ]);
+  const handleOpenObservation = () => {
+    setIsObservationExpanded(true);
+  };
+  const handleFilesAdd = (files) => {
+    const newFile = files[0];
+    if (newFile) {
+      setAttachedFiles([{ file: newFile, id: generateFileId() }]);
+    }
+  };
+  const handleFileRemove = (id) => {
+    setAttachedFiles((prev) => prev.filter((f) => f.id !== id));
+  };
+  const handleSaveObservation = () => {
+    if (observation.trim() || attachedFiles.length > 0 || existingAttachment) {
+      if (!data?.studentId) {
+        return;
+      }
+      setSavedObservation(observation);
+      setSavedFiles([...attachedFiles]);
+      setIsObservationSaved(true);
+      setIsObservationExpanded(false);
+      onObservationSubmit?.(
+        data.studentId,
+        observation,
+        attachedFiles.map((f) => f.file)
+      );
+    }
+  };
+  const handleEditObservation = () => {
+    setObservation(savedObservation);
+    setAttachedFiles([...savedFiles]);
+    setIsObservationSaved(false);
+    setIsObservationExpanded(true);
+  };
+  const handleSaveEssayCorrection = (0, import_react15.useCallback)(
+    async (questionNumber) => {
+      if (!data?.studentId || !onQuestionCorrectionSubmit) return;
+      const correction = essayCorrections[questionNumber];
+      if (correction?.isCorrect == null) {
+        return;
+      }
+      setEssayCorrections((prev) => ({
+        ...prev,
+        [questionNumber]: { ...prev[questionNumber], isSaving: true }
+      }));
+      try {
+        const questionData = data?.questions.find(
+          (q) => q.questionNumber === questionNumber
+        );
+        if (!questionData) {
+          console.error("Quest\xE3o n\xE3o encontrada:", questionNumber);
+          return;
+        }
+        await onQuestionCorrectionSubmit(data.studentId, {
+          questionId: questionData.question.id,
+          questionNumber,
+          isCorrect: correction.isCorrect,
+          teacherFeedback: correction.teacherFeedback
+        });
+      } catch (error) {
+        console.error("Erro ao salvar corre\xE7\xE3o da quest\xE3o:", error);
+      } finally {
+        setEssayCorrections((prev) => ({
+          ...prev,
+          [questionNumber]: { ...prev[questionNumber], isSaving: false }
+        }));
+      }
+    },
+    [
+      data?.studentId,
+      data?.questions,
+      essayCorrections,
+      onQuestionCorrectionSubmit
+    ]
+  );
+  const updateEssayCorrection = (0, import_react15.useCallback)(
+    (questionNumber, field, value) => {
+      setEssayCorrections((prev) => ({
+        ...prev,
+        [questionNumber]: {
+          ...prev[questionNumber],
+          [field]: value
+        }
+      }));
+    },
+    []
+  );
+  const getAccordionTitle = (questionType) => {
+    switch (questionType) {
+      case "ALTERNATIVA" /* ALTERNATIVA */:
+      case "MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */:
+      case "VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */:
+        return "Alternativas";
+      case "DISSERTATIVA" /* DISSERTATIVA */:
+        return "Resposta";
+      case "PREENCHER" /* PREENCHER */:
+        return "Preencher Lacunas";
+      case "IMAGEM" /* IMAGEM */:
+        return "Imagem";
+      case "LIGAR_PONTOS" /* LIGAR_PONTOS */:
+        return "Ligar Pontos";
+      default:
+        return "Resposta";
+    }
+  };
+  const renderQuestionContent = (questionData) => {
+    const { question, result } = questionData;
+    const questionType = question.questionType;
+    const accordionTitle = getAccordionTitle(questionType);
+    let content;
+    switch (questionType) {
+      case "ALTERNATIVA" /* ALTERNATIVA */:
+        content = renderQuestionAlternative({
+          question,
+          result
+        });
+        break;
+      case "MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */:
+        content = renderQuestionMultipleChoice({
+          question,
+          result
+        });
+        break;
+      case "VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */:
+        content = renderQuestionTrueOrFalse({
+          question,
+          result
+        });
+        break;
+      case "DISSERTATIVA" /* DISSERTATIVA */:
+        content = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+          renderQuestionDissertative({
+            result
+          }),
+          !isViewOnly && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-4 border-t border-border-100 pt-4 mt-4", children: renderEssayCorrectionFields(questionData) })
+        ] });
+        break;
+      case "PREENCHER" /* PREENCHER */:
+        content = renderQuestionFill({
+          question,
+          result
+        });
+        break;
+      case "IMAGEM" /* IMAGEM */:
+        content = renderQuestionImage({
+          result
+        });
+        break;
+      case "LIGAR_PONTOS" /* LIGAR_PONTOS */:
+        content = renderQuestionConnectDots({ paddingBottom: "" });
+        break;
+      default:
+        if (question.options && question.options.length > 0) {
+          content = renderQuestionAlternative({
+            question,
+            result
+          });
+        } else {
+          content = renderQuestionDissertative({
+            result
+          });
+        }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      CardAccordation,
+      {
+        value: `accordion-${questionData.questionNumber}`,
+        className: "border border-border-100 rounded-lg",
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "py-3 pr-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: accordionTitle }) }),
+        children: content
+      }
+    );
+  };
+  const renderEssayCorrectionFields = (questionData) => {
+    const correction = essayCorrections[questionData.questionNumber] || {
+      isCorrect: null,
+      teacherFeedback: "",
+      isSaving: false
+    };
+    let radioValue;
+    if (correction.isCorrect === null) {
+      radioValue = void 0;
+    } else if (correction.isCorrect) {
+      radioValue = "true";
+    } else {
+      radioValue = "false";
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-semibold text-text-950", children: "Resposta est\xE1 correta?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Radio_default,
+            {
+              name: `isCorrect-${questionData.questionNumber}`,
+              value: "true",
+              id: `correct-yes-${questionData.questionNumber}`,
+              label: "Sim",
+              size: "medium",
+              checked: radioValue === "true",
+              onChange: (e) => {
+                if (e.target.checked) {
+                  updateEssayCorrection(
+                    questionData.questionNumber,
+                    "isCorrect",
+                    true
+                  );
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Radio_default,
+            {
+              name: `isCorrect-${questionData.questionNumber}`,
+              value: "false",
+              id: `correct-no-${questionData.questionNumber}`,
+              label: "N\xE3o",
+              size: "medium",
+              checked: radioValue === "false",
+              onChange: (e) => {
+                if (e.target.checked) {
+                  updateEssayCorrection(
+                    questionData.questionNumber,
+                    "isCorrect",
+                    false
+                  );
+                }
+              }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-semibold text-text-950", children: "Incluir observa\xE7\xE3o" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          TextArea_default,
+          {
+            value: correction.teacherFeedback,
+            onChange: (e) => {
+              updateEssayCorrection(
+                questionData.questionNumber,
+                "teacherFeedback",
+                e.target.value
+              );
+            },
+            placeholder: "Escreva uma observa\xE7\xE3o sobre a resposta do aluno",
+            rows: 4,
+            size: "medium"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        Button_default,
+        {
+          size: "small",
+          onClick: () => handleSaveEssayCorrection(questionData.questionNumber),
+          disabled: correction.isCorrect === null || correction.isSaving || !onQuestionCorrectionSubmit,
+          children: correction.isSaving ? "Salvando..." : "Salvar"
+        }
+      )
+    ] });
+  };
+  if (!data) return null;
+  const title = isViewOnly ? "Detalhes da atividade" : "Corrigir atividade";
+  const formattedScore = data.score == null ? "-" : data.score.toFixed(1);
+  const renderObservationSection = () => {
+    const getFileNameFromUrl = (url) => {
+      try {
+        const urlObj = new URL(url);
+        const urlPath = urlObj.pathname;
+        return urlPath.split("/").pop() || "Anexo";
+      } catch {
+        return "Anexo";
+      }
+    };
+    const renderAttachmentInput = () => {
       if (attachedFiles.length > 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "button",
             {
               type: "button",
               onClick: () => handleFileRemove(attachedFiles[0].id),
               className: "text-text-700 hover:text-text-800 flex-shrink-0",
               "aria-label": `Remover ${attachedFiles[0].file.name}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.X, { size: 18 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.X, { size: 18 })
             }
           )
         ] });
       }
       if (existingAttachment) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             "a",
             {
               href: existingAttachment,
@@ -3511,12 +5004,12 @@ var CorrectActivityModal = ({
               rel: "noopener noreferrer",
               className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px] hover:bg-secondary-600 transition-colors",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             Button_default,
             {
               type: "button",
@@ -3525,14 +5018,14 @@ var CorrectActivityModal = ({
               onClick: () => fileInputRef.current?.click(),
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18 }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.Paperclip, { size: 18 }),
                 "Trocar"
               ]
             }
           )
         ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
         Button_default,
         {
           type: "button",
@@ -3541,28 +5034,28 @@ var CorrectActivityModal = ({
           onClick: () => fileInputRef.current?.click(),
           className: "flex items-center gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18 }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.Paperclip, { size: 18 }),
             "Anexar"
           ]
         }
       );
     };
     if (isObservationSaved) {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
-            savedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_phosphor_react7.Paperclip,
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3", children: [
+            savedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_phosphor_react12.Paperclip,
                 {
                   size: 18,
                   className: "text-text-800 flex-shrink-0"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
             ] }),
-            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
               "a",
               {
                 href: existingAttachment,
@@ -3570,18 +5063,18 @@ var CorrectActivityModal = ({
                 rel: "noopener noreferrer",
                 className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px] hover:bg-secondary-600 transition-colors",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                    import_phosphor_react7.Paperclip,
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    import_phosphor_react12.Paperclip,
                     {
                       size: 18,
                       className: "text-text-800 flex-shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
               Button_default,
               {
                 type: "button",
@@ -3590,20 +5083,20 @@ var CorrectActivityModal = ({
                 onClick: handleEditObservation,
                 className: "flex items-center gap-2 flex-shrink-0",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.PencilSimple, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react12.PencilSimple, { size: 16 }),
                   "Editar"
                 ]
               }
             )
           ] })
         ] }),
-        savedObservation && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "p-3 bg-background-50 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm text-text-700", children: savedObservation }) })
+        savedObservation && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "p-3 bg-background-50 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm text-text-700", children: savedObservation }) })
       ] });
     }
     if (isObservationExpanded) {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "textarea",
           {
             value: observation,
@@ -3612,7 +5105,7 @@ var CorrectActivityModal = ({
             className: "w-full min-h-[80px] p-3 border border-border-100 rounded-lg text-sm text-text-700 placeholder:text-text-400 resize-none focus:outline-none focus:ring-2 focus:ring-primary-500"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             type: "file",
@@ -3630,9 +5123,9 @@ var CorrectActivityModal = ({
             "aria-label": "Selecionar arquivo"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
           renderAttachmentInput(),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Button_default,
             {
               type: "button",
@@ -3643,18 +5136,18 @@ var CorrectActivityModal = ({
             }
           )
         ] }),
-        data.observation && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-3 bg-background-50 rounded-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-xs text-text-500", children: "Observa\xE7\xE3o anterior:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm text-text-700", children: data.observation })
+        data.observation && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "p-3 bg-background-50 rounded-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-xs text-text-500", children: "Observa\xE7\xE3o anterior:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm text-text-700", children: data.observation })
         ] })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, { type: "button", size: "small", onClick: handleOpenObservation, children: "Incluir" })
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button_default, { type: "button", size: "small", onClick: handleOpenObservation, children: "Incluir" })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Modal_default,
     {
       isOpen,
@@ -3662,14 +5155,14 @@ var CorrectActivityModal = ({
       title,
       size: "lg",
       contentClassName: "max-h-[80vh] overflow-y-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             StatCard,
             {
               label: "N\xB0 de quest\xF5es corretas",
@@ -3677,7 +5170,7 @@ var CorrectActivityModal = ({
               variant: "correct"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             StatCard,
             {
               label: "N\xB0 de quest\xF5es incorretas",
@@ -3687,21 +5180,22 @@ var CorrectActivityModal = ({
           )
         ] }),
         renderObservationSection(),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((question) => {
-            const badgeConfig = getQuestionStatusBadgeConfig(question.status);
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((questionData) => {
+            const status = getQuestionStatusFromData(questionData);
+            const badgeConfig = getQuestionStatusBadgeConfig(status);
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               CardAccordation,
               {
-                value: `question-${question.questionNumber}`,
+                value: `question-${questionData.questionNumber}`,
                 className: "bg-background rounded-xl",
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between w-full py-3 pr-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text_default, { className: "text-base font-bold text-text-950", children: [
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between w-full py-3 pr-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Text_default, { className: "text-base font-bold text-text-950", children: [
                     "Quest\xE3o ",
-                    question.questionNumber
+                    questionData.questionNumber
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     Badge_default,
                     {
                       className: cn(
@@ -3713,43 +5207,21 @@ var CorrectActivityModal = ({
                     }
                   )
                 ] }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-4 pt-2", children: [
-                  question.questionText && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-sm text-text-700", children: question.questionText }),
-                  question.alternatives && question.alternatives.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                    CardAccordation,
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-4 pt-2", children: [
+                  questionData.question.statement && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    Text_default,
                     {
-                      value: `alternatives-${question.questionNumber}`,
-                      className: "border border-border-100 rounded-lg",
-                      trigger: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "py-3 pr-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Alternativas" }) }),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        AlternativesList,
-                        {
-                          mode: "readonly",
-                          selectedValue: question.studentAnswer,
-                          alternatives: question.alternatives.map(
-                            (alt) => ({
-                              value: alt.value,
-                              label: alt.label,
-                              status: alt.isCorrect ? "correct" : void 0
-                            })
-                          )
-                        }
-                      ) })
+                      size: "sm",
+                      weight: "normal",
+                      color: "text-text-700",
+                      className: "whitespace-pre-wrap",
+                      children: questionData.question.statement
                     }
                   ),
-                  (!question.alternatives || question.alternatives.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-xs text-text-500", children: "Resposta do aluno:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-xs text-text-700", children: question.studentAnswer || "N\xE3o respondeu" })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-xs text-text-500", children: "Resposta correta:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-xs text-success-700", children: question.correctAnswer || "-" })
-                    ] })
-                  ] })
+                  renderQuestionContent(questionData)
                 ] })
               },
-              question.questionNumber
+              questionData.questionNumber
             );
           }) })
         ] })