analytica-frontend-lib 1.2.67 → 1.2.69

package/dist/CorrectActivityModal/index.mjs

@@ -1,12 +1,17 @@
 // src/components/CorrectActivityModal/CorrectActivityModal.tsx
-import { useState as useState6, useRef as useRef5, useEffect as useEffect6 } from "react";
+import {
+  useState as useState10,
+  useRef as useRef7,
+  useEffect as useEffect9,
+  useCallback as useCallback2
+} from "react";
 import {
   PencilSimple,
   Paperclip as Paperclip2,
   X as X3,
   Star,
   Medal,
-  WarningCircle
+  WarningCircle as WarningCircle2
 } from "phosphor-react";
 
 // src/components/Modal/Modal.tsx
@@ -466,9 +471,6 @@ var Badge = ({
 };
 var Badge_default = Badge;
 
-// src/components/Alternative/Alternative.tsx
-import { CheckCircle, XCircle } from "phosphor-react";
-
 // src/components/Radio/Radio.tsx
 import {
   forwardRef,
@@ -858,309 +860,218 @@ var RadioGroupItem = forwardRef(
   }
 );
 RadioGroupItem.displayName = "RadioGroupItem";
+var Radio_default = Radio;
 
-// src/components/Alternative/Alternative.tsx
-import { forwardRef as forwardRef2, useId as useId3, useState as useState2 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var AlternativesList = ({
-  alternatives,
-  name,
-  defaultValue,
-  value,
-  onValueChange,
-  disabled = false,
-  layout = "default",
-  className = "",
-  mode = "interactive",
-  selectedValue
-}) => {
-  const uniqueId = useId3();
-  const groupName = name || `alternatives-${uniqueId}`;
-  const [actualValue, setActualValue] = useState2(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__ */ jsx6(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx6(CheckCircle, {}), children: "Resposta correta" });
-      case "incorrect":
-        return /* @__PURE__ */ jsx6(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx6(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__ */ jsx6("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx6("div", { className: dotClasses }) });
-    };
-    if (layout === "detailed") {
-      return /* @__PURE__ */ jsx6(
-        "div",
-        {
-          className: cn(
-            "border-2 rounded-lg p-4 w-full",
-            statusStyles,
-            alternative.disabled ? "opacity-50" : ""
-          ),
-          children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 flex-1", children: [
-              /* @__PURE__ */ jsx6("div", { className: "mt-1", children: renderRadio() }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx6(
-                  "p",
-                  {
-                    className: cn(
-                      "block font-medium",
-                      selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
-                    ),
-                    children: alternative.label
-                  }
-                ),
-                alternative.description && /* @__PURE__ */ jsx6("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
-              ] })
-            ] }),
-            statusBadge && /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0", children: statusBadge })
-          ] })
-        },
-        alternativeId
-      );
-    }
-    return /* @__PURE__ */ jsxs5(
-      "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__ */ jsxs5("div", { className: "flex items-center gap-2 flex-1", children: [
-            renderRadio(),
-            /* @__PURE__ */ jsx6(
-              "span",
-              {
-                className: cn(
-                  "flex-1",
-                  selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
-                ),
-                children: alternative.label
-              }
-            )
-          ] }),
-          statusBadge && /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0", children: statusBadge })
-        ]
-      },
-      alternativeId
-    );
-  };
-  if (isReadonly) {
-    return /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
-        children: alternatives.map(
-          (alternative) => renderReadonlyAlternative(alternative)
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx6(
-    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__ */ jsx6(
-            "div",
-            {
-              className: cn(
-                "border-2 rounded-lg p-4 transition-all",
-                statusStyles,
-                alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-              ),
-              children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 flex-1", children: [
-                  /* @__PURE__ */ jsx6(
-                    RadioGroupItem,
-                    {
-                      value: alternative.value,
-                      id: alternativeId,
-                      disabled: alternative.disabled,
-                      className: "mt-1"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsx6(
-                      "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__ */ jsx6("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
-                  ] })
-                ] }),
-                statusBadge && /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0", children: statusBadge })
-              ] })
-            },
-            alternativeId
-          );
-        }
-        return /* @__PURE__ */ jsxs5(
-          "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__ */ jsxs5("div", { className: "flex items-center gap-2 flex-1", children: [
-                /* @__PURE__ */ jsx6(
-                  RadioGroupItem,
-                  {
-                    value: alternative.value,
-                    id: alternativeId,
-                    disabled: alternative.disabled
-                  }
-                ),
-                /* @__PURE__ */ jsx6(
-                  "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__ */ jsx6("div", { className: "flex-shrink-0", children: statusBadge })
-            ]
-          },
-          alternativeId
-        );
-      })
-    }
-  );
-};
-var HeaderAlternative = forwardRef2(
-  ({ className, title, subTitle, content, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        ref,
-        className: cn(
-          "bg-background p-4 flex flex-col gap-4 rounded-xl",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs5("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx6("p", { className: "text-text-950 font-bold text-lg", children: title }),
-            /* @__PURE__ */ jsx6("p", { className: "text-text-700 text-sm ", children: subTitle })
-          ] }),
-          /* @__PURE__ */ jsx6("p", { className: "text-text-950 text-md", children: content })
-        ]
-      }
-    );
-  }
-);
-
-// src/components/Accordation/Accordation.tsx
-import {
-  forwardRef as forwardRef4,
-  useId as useId4,
-  useState as useState4,
-  useEffect as useEffect4
-} from "react";
-
-// src/components/Card/Card.tsx
+// src/components/TextArea/TextArea.tsx
 import {
-  forwardRef as forwardRef3,
-  Fragment as Fragment2,
-  useState as useState3,
-  useRef as useRef2,
-  useEffect as useEffect3
+  forwardRef as forwardRef2,
+  useState as useState2,
+  useId as useId3
 } from "react";
-
-// src/components/ProgressBar/ProgressBar.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { WarningCircle } from "phosphor-react";
+import { jsx as jsx6, jsxs as jsxs5 } from "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 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 = forwardRef2(
+  ({
+    label,
+    size = "medium",
+    state = "default",
+    errorMessage,
+    helperMessage,
+    className = "",
+    labelClassName = "",
+    disabled,
+    id,
+    onChange,
+    placeholder,
+    required,
+    showCharacterCount = false,
+    maxLength,
+    value,
+    ...props
+  }, ref) => {
+    const generatedId = useId3();
+    const inputId = id ?? `textarea-${generatedId}`;
+    const [isFocused, setIsFocused] = useState2(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__ */ jsxs5("div", { className: `flex flex-col`, children: [
+      label && /* @__PURE__ */ jsxs5(
+        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__ */ jsx6("span", { className: "text-indicator-error", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        "textarea",
+        {
+          ref,
+          id: inputId,
+          disabled,
+          onChange: handleChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          className: textareaClasses,
+          placeholder,
+          required,
+          maxLength,
+          value,
+          ...props
+        }
+      ),
+      errorMessage && /* @__PURE__ */ jsxs5("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
+        /* @__PURE__ */ jsx6(WarningCircle, { size: 16 }),
+        " ",
+        errorMessage
+      ] }),
+      !errorMessage && showCharacterCount && maxLength && /* @__PURE__ */ jsxs5(
+        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__ */ jsx6(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
+import {
+  forwardRef as forwardRef4,
+  useId as useId4,
+  useState as useState4,
+  useEffect as useEffect4
+} from "react";
+
+// src/components/Card/Card.tsx
+import {
+  forwardRef as forwardRef3,
+  Fragment as Fragment2,
+  useState as useState3,
+  useRef as useRef2,
+  useEffect as useEffect3
+} from "react";
+
+// src/components/ProgressBar/ProgressBar.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "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 = {
@@ -1548,7 +1459,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__ */ jsx7(
@@ -1615,14 +1526,14 @@ var ProgressBar_default = ProgressBar;
 import {
   CaretRight,
   ChatCircleText,
-  CheckCircle as CheckCircle2,
+  CheckCircle,
   Clock,
   DotsThreeVertical,
   Play,
   SpeakerHigh,
   SpeakerLow,
   SpeakerSimpleX,
-  XCircle as XCircle2
+  XCircle
 } from "phosphor-react";
 
 // src/components/IconRender/IconRender.tsx
@@ -2250,7 +2161,7 @@ var CardResults = forwardRef3(
                         action: "success",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ jsx12(CheckCircle2, {}),
+                        iconLeft: /* @__PURE__ */ jsx12(CheckCircle, {}),
                         children: [
                           correct_answers,
                           " Corretas"
@@ -2263,7 +2174,7 @@ var CardResults = forwardRef3(
                         action: "error",
                         variant: "solid",
                         size: "large",
-                        iconLeft: /* @__PURE__ */ jsx12(XCircle2, {}),
+                        iconLeft: /* @__PURE__ */ jsx12(XCircle, {}),
                         children: [
                           incorrect_answers,
                           " Incorretas"
@@ -2300,13 +2211,13 @@ var CardStatus = forwardRef3(
     const getIconBadge = (status2) => {
       switch (status2) {
         case "correct":
-          return /* @__PURE__ */ jsx12(CheckCircle2, {});
+          return /* @__PURE__ */ jsx12(CheckCircle, {});
         case "incorrect":
-          return /* @__PURE__ */ jsx12(XCircle2, {});
+          return /* @__PURE__ */ jsx12(XCircle, {});
         case "pending":
           return /* @__PURE__ */ jsx12(Clock, {});
         default:
-          return /* @__PURE__ */ jsx12(XCircle2, {});
+          return /* @__PURE__ */ jsx12(XCircle, {});
       }
     };
     const getActionBadge = (status2) => {
@@ -3317,7 +3228,7 @@ var generateFileId = () => {
   return crypto.randomUUID();
 };
 
-// src/types/studentActivityCorrection.ts
+// src/utils/studentActivityCorrection/constants.ts
 var QUESTION_STATUS = {
   CORRETA: "CORRETA",
   INCORRETA: "INCORRETA",
@@ -3325,6 +3236,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]: {
@@ -3348,145 +3275,1740 @@ var getQuestionStatusBadgeConfig = (status) => {
       textColor: "text-warning-800"
     }
   };
-  return configs[status];
-};
-
-// src/components/CorrectActivityModal/CorrectActivityModal.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var variantConfig = {
-  score: {
-    bg: "bg-warning-background",
-    text: "text-warning-600",
-    iconBg: "bg-warning-300",
-    iconColor: "text-white",
-    IconComponent: Star
-  },
-  correct: {
-    bg: "bg-success-200",
-    text: "text-success-700",
-    iconBg: "bg-indicator-positive",
-    iconColor: "text-text-950",
-    IconComponent: Medal
-  },
-  incorrect: {
-    bg: "bg-error-100",
-    text: "text-error-700",
-    iconBg: "bg-indicator-negative",
-    iconColor: "text-white",
-    IconComponent: WarningCircle
-  }
+  const defaultConfig = {
+    label: "Sem categoria",
+    bgColor: "bg-gray-100",
+    textColor: "text-gray-600"
+  };
+  return configs[status] ?? defaultConfig;
 };
-var StatCard = ({ label, value, variant }) => {
-  const config = variantConfig[variant];
-  const IconComponent = config.IconComponent;
-  return /* @__PURE__ */ jsxs13(
-    "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__ */ jsx16(
-          "div",
-          {
-            className: cn(
-              "w-[30px] h-[30px] rounded-2xl flex items-center justify-center",
-              config.iconBg
-            ),
-            children: /* @__PURE__ */ jsx16(
-              IconComponent,
-              {
-                size: 16,
-                className: config.iconColor,
-                weight: "regular"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          Text_default,
-          {
-            className: cn("text-2xs font-bold uppercase text-center", config.text),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx16(Text_default, { className: cn("text-xl font-bold", config.text), children: value })
-      ]
-    }
-  );
+var getQuestionStatusFromData = (questionData) => {
+  return mapAnswerStatusToQuestionStatus(questionData.result.answerStatus);
 };
-var CorrectActivityModal = ({
-  isOpen,
-  onClose,
-  data,
-  isViewOnly = false,
-  onObservationSubmit
+
+// src/components/Alternative/Alternative.tsx
+import { CheckCircle as CheckCircle2, XCircle as XCircle2 } from "phosphor-react";
+import { forwardRef as forwardRef6, useId as useId5, useState as useState6 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var AlternativesList = ({
+  alternatives,
+  name,
+  defaultValue,
+  value,
+  onValueChange,
+  disabled = false,
+  layout = "default",
+  className = "",
+  mode = "interactive",
+  selectedValue
 }) => {
-  const [observation, setObservation] = useState6("");
-  const [isObservationExpanded, setIsObservationExpanded] = useState6(false);
-  const [isObservationSaved, setIsObservationSaved] = useState6(false);
-  const [savedObservation, setSavedObservation] = useState6("");
-  const [attachedFiles, setAttachedFiles] = useState6([]);
-  const [savedFiles, setSavedFiles] = useState6([]);
-  const [existingAttachment, setExistingAttachment] = useState6(
-    null
-  );
-  const fileInputRef = useRef5(null);
-  useEffect6(() => {
-    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 = useId5();
+  const groupName = name || `alternatives-${uniqueId}`;
+  const [actualValue, setActualValue] = useState6(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__ */ jsx16(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx16(CheckCircle2, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ jsx16(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx16(XCircle2, {}), 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 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__ */ jsx16("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx16("div", { className: dotClasses }) });
+    };
+    if (layout === "detailed") {
+      return /* @__PURE__ */ jsx16(
+        "div",
+        {
+          className: cn(
+            "border-2 rounded-lg p-4 w-full",
+            statusStyles,
+            alternative.disabled ? "opacity-50" : ""
+          ),
+          children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 flex-1", children: [
+              /* @__PURE__ */ jsx16("div", { className: "mt-1", children: renderRadio() }),
+              /* @__PURE__ */ jsxs13("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx16(
+                  "p",
+                  {
+                    className: cn(
+                      "block font-medium",
+                      selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
+                    ),
+                    children: alternative.label
+                  }
+                ),
+                alternative.description && /* @__PURE__ */ jsx16("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+              ] })
+            ] }),
+            statusBadge && /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0", children: statusBadge })
+          ] })
+        },
+        alternativeId
+      );
+    }
+    return /* @__PURE__ */ jsxs13(
+      "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__ */ jsxs13("div", { className: "flex items-center gap-2 flex-1", children: [
+            renderRadio(),
+            /* @__PURE__ */ jsx16(
+              "span",
+              {
+                className: cn(
+                  "flex-1",
+                  selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"
+                ),
+                children: alternative.label
+              }
+            )
+          ] }),
+          statusBadge && /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0", children: statusBadge })
+        ]
+      },
+      alternativeId
+    );
+  };
+  if (isReadonly) {
+    return /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
+        children: alternatives.map(
+          (alternative) => renderReadonlyAlternative(alternative)
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx16(
+    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__ */ jsx16(
+            "div",
+            {
+              className: cn(
+                "border-2 rounded-lg p-4 transition-all",
+                statusStyles,
+                alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+              ),
+              children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 flex-1", children: [
+                  /* @__PURE__ */ jsx16(
+                    RadioGroupItem,
+                    {
+                      value: alternative.value,
+                      id: alternativeId,
+                      disabled: alternative.disabled,
+                      className: "mt-1"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs13("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsx16(
+                      "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__ */ jsx16("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
+                  ] })
+                ] }),
+                statusBadge && /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0", children: statusBadge })
+              ] })
+            },
+            alternativeId
+          );
+        }
+        return /* @__PURE__ */ jsxs13(
+          "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__ */ jsxs13("div", { className: "flex items-center gap-2 flex-1", children: [
+                /* @__PURE__ */ jsx16(
+                  RadioGroupItem,
+                  {
+                    value: alternative.value,
+                    id: alternativeId,
+                    disabled: alternative.disabled
+                  }
+                ),
+                /* @__PURE__ */ jsx16(
+                  "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__ */ jsx16("div", { className: "flex-shrink-0", children: statusBadge })
+            ]
+          },
+          alternativeId
+        );
+      })
+    }
+  );
+};
+var HeaderAlternative = forwardRef6(
+  ({ className, title, subTitle, content, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        ref,
+        className: cn(
+          "bg-background p-4 flex flex-col gap-4 rounded-xl",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs13("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx16("p", { className: "text-text-950 font-bold text-lg", children: title }),
+            /* @__PURE__ */ jsx16("p", { className: "text-text-700 text-sm ", children: subTitle })
+          ] }),
+          /* @__PURE__ */ jsx16("p", { className: "text-text-950 text-md", children: content })
+        ]
+      }
+    );
+  }
+);
+
+// src/utils/questionRenderer/alternative/index.tsx
+import { jsx as jsx17 } from "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__ */ jsx17("div", { children: /* @__PURE__ */ jsx17(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Alternativas" }) });
+  }
+  return /* @__PURE__ */ jsx17("div", { className: "pt-2", children: /* @__PURE__ */ jsx17(
+    AlternativesList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      layout: "compact",
+      alternatives,
+      selectedValue: result?.selectedOptions?.[0]?.optionId || ""
+    },
+    `question-${question.id}`
+  ) });
+};
+
+// src/components/MultipleChoice/MultipleChoice.tsx
+import { useEffect as useEffect7, useState as useState8 } from "react";
+
+// src/components/CheckBox/CheckboxList.tsx
+import {
+  forwardRef as forwardRef8,
+  useId as useId7,
+  useEffect as useEffect6,
+  useRef as useRef5,
+  Children as Children3,
+  cloneElement as cloneElement4,
+  isValidElement as isValidElement3
+} from "react";
+import { create as create3, useStore as useStore2 } from "zustand";
+
+// src/components/CheckBox/CheckBox.tsx
+import {
+  forwardRef as forwardRef7,
+  useState as useState7,
+  useId as useId6
+} from "react";
+import { Check, Minus } from "phosphor-react";
+import { jsx as jsx18, jsxs as jsxs14 } from "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 = forwardRef7(
+  ({
+    label,
+    size = "medium",
+    state = "default",
+    indeterminate = false,
+    errorMessage,
+    helperText,
+    className = "",
+    labelClassName = "",
+    checked: checkedProp,
+    disabled,
+    id,
+    onChange,
+    ...props
+  }, ref) => {
+    const generatedId = useId6();
+    const inputId = id ?? `checkbox-${generatedId}`;
+    const [internalChecked, setInternalChecked] = useState7(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__ */ jsx18(
+          Minus,
+          {
+            size: sizeClasses.iconSize,
+            weight: "bold",
+            color: "currentColor"
+          }
+        );
+      }
+      if (checked) {
+        return /* @__PURE__ */ jsx18(
+          Check,
+          {
+            size: sizeClasses.iconSize,
+            weight: "bold",
+            color: "currentColor"
+          }
+        );
+      }
+      return null;
+    };
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          className: cn(
+            "flex flex-row items-center",
+            sizeClasses.spacing,
+            disabled ? "opacity-40" : ""
+          ),
+          children: [
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                ref,
+                type: "checkbox",
+                id: inputId,
+                checked,
+                disabled,
+                onChange: handleChange,
+                className: "sr-only",
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx18("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
+            label && /* @__PURE__ */ jsx18(
+              "div",
+              {
+                className: cn(
+                  "flex flex-row items-center",
+                  sizeClasses.labelHeight
+                ),
+                children: /* @__PURE__ */ jsx18(
+                  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__ */ jsx18(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-error-600",
+          children: errorMessage
+        }
+      ),
+      helperText && !errorMessage && /* @__PURE__ */ jsx18(
+        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
+import { jsx as jsx19 } from "react/jsx-runtime";
+var createCheckboxListStore = (name, defaultValues, disabled, onValuesChange) => create3((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) => Children3.map(children, (child) => {
+  if (!isValidElement3(child)) return child;
+  const typedChild = child;
+  const shouldInject = typedChild.type === CheckboxListItem;
+  return cloneElement4(typedChild, {
+    ...shouldInject ? { store } : {},
+    ...typedChild.props.children ? { children: injectStore3(typedChild.props.children, store) } : {}
+  });
+});
+var CheckboxList = forwardRef8(
+  ({
+    values: propValues,
+    defaultValues = [],
+    onValuesChange,
+    name: propName,
+    disabled = false,
+    className = "",
+    children,
+    ...props
+  }, ref) => {
+    const generatedId = useId7();
+    const name = propName || `checkbox-list-${generatedId}`;
+    const storeRef = useRef5(null);
+    storeRef.current ??= createCheckboxListStore(
+      name,
+      defaultValues,
+      disabled,
+      onValuesChange
+    );
+    const store = storeRef.current;
+    const { setValues } = useStore2(store, (s) => s);
+    useEffect6(() => {
+      const currentValues = store.getState().values;
+      if (currentValues.length > 0 && onValuesChange) {
+        onValuesChange(currentValues);
+      }
+    }, []);
+    useEffect6(() => {
+      if (propValues !== void 0) {
+        setValues(propValues);
+      }
+    }, [propValues, setValues]);
+    useEffect6(() => {
+      store.setState({ disabled });
+    }, [disabled, store]);
+    return /* @__PURE__ */ jsx19(
+      "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 = forwardRef8(
+  ({
+    value,
+    store: externalStore,
+    disabled: itemDisabled,
+    size = "medium",
+    state = "default",
+    className = "",
+    id,
+    ...props
+  }, ref) => {
+    const store = useCheckboxListStore(externalStore);
+    const {
+      values: groupValues,
+      toggleValue,
+      disabled: groupDisabled,
+      name
+    } = useStore2(store);
+    const generatedId = useId7();
+    const inputId = id ?? `checkbox-item-${generatedId}`;
+    const isChecked = groupValues.includes(value);
+    const isDisabled = groupDisabled || itemDisabled;
+    const currentState = isDisabled ? "disabled" : state;
+    return /* @__PURE__ */ jsx19(
+      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
+import { CheckCircle as CheckCircle3, XCircle as XCircle3, Check as Check2 } from "phosphor-react";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+var MultipleChoiceList = ({
+  disabled = false,
+  className = "",
+  choices,
+  name,
+  selectedValues,
+  onHandleSelectedValues,
+  mode = "interactive"
+}) => {
+  const [actualValue, setActualValue] = useState8(selectedValues);
+  useEffect7(() => {
+    setActualValue(selectedValues);
+  }, [selectedValues]);
+  const getStatusBadge2 = (status) => {
+    switch (status) {
+      case "correct":
+        return /* @__PURE__ */ jsx20(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx20(CheckCircle3, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ jsx20(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx20(XCircle3, {}), 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__ */ jsx20("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx20(Check2, { size: 16, weight: "bold" }) });
+  };
+  if (mode === "readonly") {
+    return /* @__PURE__ */ jsx20("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__ */ jsxs15(
+        "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__ */ jsxs15("div", { className: "flex items-center gap-2 flex-1", children: [
+              renderVisualCheckbox(isSelected, choice.disabled || disabled),
+              /* @__PURE__ */ jsx20(
+                "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__ */ jsx20("div", { className: "flex-shrink-0", children: statusBadge })
+          ]
+        },
+        `readonly-${choice.value}-${i}`
+      );
+    }) });
+  }
+  return /* @__PURE__ */ jsx20(
+    "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__ */ jsx20(
+        CheckboxList_default,
+        {
+          name,
+          values: actualValue,
+          onValuesChange: (v) => {
+            setActualValue(v);
+            onHandleSelectedValues?.(v);
+          },
+          disabled,
+          children: choices.map((choice, i) => /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              className: "flex flex-row gap-2 items-center",
+              children: [
+                /* @__PURE__ */ jsx20(
+                  CheckboxListItem,
+                  {
+                    value: choice.value,
+                    id: `interactive-${choice.value}-${i}`,
+                    disabled: choice.disabled || disabled
+                  }
+                ),
+                /* @__PURE__ */ jsx20(
+                  "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
+import { jsx as jsx21 } from "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__ */ jsx21("div", { children: /* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "normal", children: "N\xE3o h\xE1 Escolhas M\xFAltiplas" }) });
+  }
+  const selectedValues = result?.selectedOptions?.map((op) => op.optionId) || [];
+  return /* @__PURE__ */ jsx21("div", { className: "pt-2", children: /* @__PURE__ */ jsx21(
+    MultipleChoiceList,
+    {
+      mode: "readonly",
+      name: `question-${question.id}`,
+      choices,
+      selectedValues
+    },
+    `question-${question.id}`
+  ) });
+};
+
+// src/components/Quiz/QuizContent.tsx
+import {
+  forwardRef as forwardRef9,
+  useCallback,
+  useEffect as useEffect8,
+  useId as useId8,
+  useMemo,
+  useRef as useRef6,
+  useState as useState9
+} from "react";
+import { CheckCircle as CheckCircle4, XCircle as XCircle4 } from "phosphor-react";
+
+// src/assets/img/mock-image-question.png
+var mock_image_question_default = "../mock-image-question-HEZCLFDL.png";
+
+// src/components/Quiz/QuizContent.tsx
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "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 = forwardRef9(
+  ({ subTitle, ...props }, ref) => {
+    return /* @__PURE__ */ jsx22("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx22("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+  }
+);
+var QuizContainer = forwardRef9(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx22(
+    "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
+import { useId as useId9 } from "react";
+import { CheckCircle as CheckCircle5, XCircle as XCircle5 } from "phosphor-react";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+var getStatusBadge = (status) => {
+  switch (status) {
+    case "correct":
+      return /* @__PURE__ */ jsx23(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx23(CheckCircle5, {}), children: "Resposta correta" });
+    case "incorrect":
+      return /* @__PURE__ */ jsx23(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx23(XCircle5, {}), children: "Resposta incorreta" });
+    default:
+      return null;
+  }
+};
+var QuestionContainer = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx23(
+    "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__ */ jsx23("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx23(Text_default, { size: "md", weight: "bold", color: "text-text-950", children: subTitle }) });
+};
+var FillQuestionContent = ({
+  question,
+  result
+}) => {
+  const text = question.statement || "";
+  const baseId = useId9();
+  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__ */ jsx23(
+        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__ */ jsx23(
+          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__ */ jsx23(
+        Badge_default,
+        {
+          variant: "solid",
+          action: isCorrect ? "success" : "error",
+          iconRight: isCorrect ? /* @__PURE__ */ jsx23(CheckCircle5, {}) : /* @__PURE__ */ jsx23(XCircle5, {}),
+          size: "large",
+          className: `py-3 w-[180px] justify-between mb-2.5 ${colorClass}`,
+          children: /* @__PURE__ */ jsx23("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__ */ jsxs17("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx23(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Resposta do aluno:" }),
+      /* @__PURE__ */ jsx23("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx23("div", { className: "leading-8", children: renderTextWithAnswers(false).map((element) => /* @__PURE__ */ jsx23(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx23(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Gabarito:" }),
+      /* @__PURE__ */ jsx23("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx23("div", { className: "leading-8", children: renderTextWithAnswers(true).map((element) => /* @__PURE__ */ jsx23(
+        Text_default,
+        {
+          size: "md",
+          weight: "normal",
+          color: "text-text-900",
+          children: element.element
+        },
+        element.id
+      )) }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/trueOrFalse/index.tsx
+import { jsx as jsx24, jsxs as jsxs18 } from "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__ */ jsx24("div", { className: "pt-2", children: /* @__PURE__ */ jsx24("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__ */ jsxs18(
+      "section",
+      {
+        className: "flex flex-col gap-2",
+        children: [
+          /* @__PURE__ */ jsxs18(
+            "div",
+            {
+              className: cn(
+                "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
+                shouldShowStatus ? getStatusStyles(variantCorrect) : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsx24(Text_default, { size: "sm", weight: "normal", color: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
+                shouldShowStatus && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: getStatusBadge(isStudentCorrect ? "correct" : "incorrect") })
+              ]
+            }
+          ),
+          shouldShowStatus && /* @__PURE__ */ jsxs18("span", { className: "flex flex-row gap-2 items-center", children: [
+            /* @__PURE__ */ jsxs18(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta selecionada: ",
+              studentAnswer
+            ] }),
+            !isStudentCorrect && /* @__PURE__ */ jsxs18(Text_default, { size: "2xs", weight: "normal", color: "text-text-800", children: [
+              "Resposta correta: ",
+              correctAnswer
+            ] })
+          ] })
+        ]
+      },
+      option.id || `option-${index}`
+    );
+  }) }) });
+};
+
+// src/utils/questionRenderer/dissertative/index.tsx
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+var renderQuestionDissertative = ({
+  result
+}) => {
+  const localAnswer = result?.answer || "";
+  return /* @__PURE__ */ jsxs19("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "normal", color: "text-text-950", children: "Resposta do aluno" }),
+      /* @__PURE__ */ jsx25("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: localAnswer || "Nenhuma resposta fornecida" }) })
+    ] }),
+    result?.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && result?.teacherFeedback && /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25(Text_default, { size: "xs", weight: "normal", color: "text-text-500", children: "Observa\xE7\xE3o do professor:" }),
+      /* @__PURE__ */ jsx25("div", { className: "p-3 bg-background-50 rounded-lg border border-border-100", children: /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "normal", color: "text-text-700", children: result.teacherFeedback }) })
+    ] })
+  ] });
+};
+
+// src/utils/questionRenderer/fill/index.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var renderQuestionFill = ({
+  question,
+  result
+}) => {
+  return /* @__PURE__ */ jsx26(FillQuestionContent, { question, result });
+};
+
+// src/utils/questionRenderer/image/index.tsx
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs20 } from "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__ */ jsxs20("div", { className: "pt-2 space-y-4", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4 text-xs", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx27("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+        /* @__PURE__ */ jsx27(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "\xC1rea correta" })
+      ] }),
+      userPositionRelative && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx27("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+          /* @__PURE__ */ jsx27(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta correta" })
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx27("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+          /* @__PURE__ */ jsx27(Text_default, { size: "sm", weight: "normal", color: "text-text-600", children: "Resposta incorreta" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsx27("div", { className: "sr-only", children: getSpatialRelationship() }),
+      /* @__PURE__ */ jsx27(
+        "img",
+        {
+          src: mock_image_question_default,
+          alt: imageAltText,
+          className: "w-full h-auto rounded-md"
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        "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__ */ jsxs20(
+            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__ */ jsx27(
+        "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__ */ jsxs20(
+            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
+import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+var renderQuestionConnectDots = ({
+  paddingBottom
+} = {}) => {
+  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+    /* @__PURE__ */ jsx28(QuestionSubTitle, { subTitle: "Tipo de quest\xE3o: Ligar Pontos" }),
+    /* @__PURE__ */ jsx28(QuestionContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx28("div", { className: "space-y-4", children: /* @__PURE__ */ jsx28(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
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+var variantConfig = {
+  score: {
+    bg: "bg-warning-background",
+    text: "text-warning-600",
+    iconBg: "bg-warning-300",
+    iconColor: "text-white",
+    IconComponent: Star
+  },
+  correct: {
+    bg: "bg-success-200",
+    text: "text-success-700",
+    iconBg: "bg-indicator-positive",
+    iconColor: "text-text-950",
+    IconComponent: Medal
+  },
+  incorrect: {
+    bg: "bg-error-100",
+    text: "text-error-700",
+    iconBg: "bg-indicator-negative",
+    iconColor: "text-white",
+    IconComponent: WarningCircle2
+  }
+};
+var StatCard = ({ label, value, variant }) => {
+  const config = variantConfig[variant];
+  const IconComponent = config.IconComponent;
+  return /* @__PURE__ */ jsxs22(
+    "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__ */ jsx29(
+          "div",
+          {
+            className: cn(
+              "w-[30px] h-[30px] rounded-2xl flex items-center justify-center",
+              config.iconBg
+            ),
+            children: /* @__PURE__ */ jsx29(
+              IconComponent,
+              {
+                size: 16,
+                className: config.iconColor,
+                weight: "regular"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx29(
+          Text_default,
+          {
+            className: cn("text-2xs font-bold uppercase text-center", config.text),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx29(Text_default, { className: cn("text-xl font-bold", config.text), children: value })
+      ]
+    }
+  );
+};
+var CorrectActivityModal = ({
+  isOpen,
+  onClose,
+  data,
+  isViewOnly = false,
+  onObservationSubmit,
+  onQuestionCorrectionSubmit
+}) => {
+  const [observation, setObservation] = useState10("");
+  const [isObservationExpanded, setIsObservationExpanded] = useState10(false);
+  const [isObservationSaved, setIsObservationSaved] = useState10(false);
+  const [savedObservation, setSavedObservation] = useState10("");
+  const [attachedFiles, setAttachedFiles] = useState10([]);
+  const [savedFiles, setSavedFiles] = useState10([]);
+  const [existingAttachment, setExistingAttachment] = useState10(
+    null
+  );
+  const fileInputRef = useRef7(null);
+  const [essayCorrections, setEssayCorrections] = useState10({});
+  useEffect9(() => {
+    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 = useCallback2(
+    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 = useCallback2(
+    (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__ */ jsxs22(Fragment7, { children: [
+          renderQuestionDissertative({
+            result
+          }),
+          !isViewOnly && /* @__PURE__ */ jsx29("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__ */ jsx29(
+      CardAccordation,
+      {
+        value: `accordion-${questionData.questionNumber}`,
+        className: "border border-border-100 rounded-lg",
+        trigger: /* @__PURE__ */ jsx29("div", { className: "py-3 pr-2 w-full", children: /* @__PURE__ */ jsx29(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__ */ jsxs22(Fragment7, { children: [
+      /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx29(Text_default, { className: "text-sm font-semibold text-text-950", children: "Resposta est\xE1 correta?" }),
+        /* @__PURE__ */ jsxs22("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx29(
+            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__ */ jsx29(
+            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__ */ jsxs22("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx29(Text_default, { className: "text-sm font-semibold text-text-950", children: "Incluir observa\xE7\xE3o" }),
+        /* @__PURE__ */ jsx29(
+          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__ */ jsx29(
+        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);
@@ -3498,24 +5020,24 @@ var CorrectActivityModal = ({
     };
     const renderAttachmentInput = () => {
       if (attachedFiles.length > 0) {
-        return /* @__PURE__ */ jsxs13("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__ */ jsx16(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
-          /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsxs22("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__ */ jsx29(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
+          /* @__PURE__ */ jsx29("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
+          /* @__PURE__ */ jsx29(
             "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__ */ jsx16(X3, { size: 18 })
+              children: /* @__PURE__ */ jsx29(X3, { size: 18 })
             }
           )
         ] });
       }
       if (existingAttachment) {
-        return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs13(
+        return /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs22(
             "a",
             {
               href: existingAttachment,
@@ -3523,12 +5045,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__ */ jsx16(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
-                /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                /* @__PURE__ */ jsx29(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
+                /* @__PURE__ */ jsx29("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsxs22(
             Button_default,
             {
               type: "button",
@@ -3537,14 +5059,14 @@ var CorrectActivityModal = ({
               onClick: () => fileInputRef.current?.click(),
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx16(Paperclip2, { size: 18 }),
+                /* @__PURE__ */ jsx29(Paperclip2, { size: 18 }),
                 "Trocar"
               ]
             }
           )
         ] });
       }
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs22(
         Button_default,
         {
           type: "button",
@@ -3553,28 +5075,28 @@ var CorrectActivityModal = ({
           onClick: () => fileInputRef.current?.click(),
           className: "flex items-center gap-2",
           children: [
-            /* @__PURE__ */ jsx16(Paperclip2, { size: 18 }),
+            /* @__PURE__ */ jsx29(Paperclip2, { size: 18 }),
             "Anexar"
           ]
         }
       );
     };
     if (isObservationSaved) {
-      return /* @__PURE__ */ jsxs13("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
-            savedFiles.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
-              /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsxs22("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
+          /* @__PURE__ */ jsx29(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+            savedFiles.length > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
+              /* @__PURE__ */ jsx29(
                 Paperclip2,
                 {
                   size: 18,
                   className: "text-text-800 flex-shrink-0"
                 }
               ),
-              /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
+              /* @__PURE__ */ jsx29("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
             ] }),
-            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ jsxs13(
+            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ jsxs22(
               "a",
               {
                 href: existingAttachment,
@@ -3582,18 +5104,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__ */ jsx16(
+                  /* @__PURE__ */ jsx29(
                     Paperclip2,
                     {
                       size: 18,
                       className: "text-text-800 flex-shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                  /* @__PURE__ */ jsx29("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsxs22(
               Button_default,
               {
                 type: "button",
@@ -3602,20 +5124,20 @@ var CorrectActivityModal = ({
                 onClick: handleEditObservation,
                 className: "flex items-center gap-2 flex-shrink-0",
                 children: [
-                  /* @__PURE__ */ jsx16(PencilSimple, { size: 16 }),
+                  /* @__PURE__ */ jsx29(PencilSimple, { size: 16 }),
                   "Editar"
                 ]
               }
             )
           ] })
         ] }),
-        savedObservation && /* @__PURE__ */ jsx16("div", { className: "p-3 bg-background-50 rounded-lg", children: /* @__PURE__ */ jsx16(Text_default, { className: "text-sm text-text-700", children: savedObservation }) })
+        savedObservation && /* @__PURE__ */ jsx29("div", { className: "p-3 bg-background-50 rounded-lg", children: /* @__PURE__ */ jsx29(Text_default, { className: "text-sm text-text-700", children: savedObservation }) })
       ] });
     }
     if (isObservationExpanded) {
-      return /* @__PURE__ */ jsxs13("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-        /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsxs22("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx29(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+        /* @__PURE__ */ jsx29(
           "textarea",
           {
             value: observation,
@@ -3624,7 +5146,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__ */ jsx16(
+        /* @__PURE__ */ jsx29(
           "input",
           {
             type: "file",
@@ -3642,9 +5164,9 @@ var CorrectActivityModal = ({
             "aria-label": "Selecionar arquivo"
           }
         ),
-        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
           renderAttachmentInput(),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx29(
             Button_default,
             {
               type: "button",
@@ -3655,18 +5177,18 @@ var CorrectActivityModal = ({
             }
           )
         ] }),
-        data.observation && /* @__PURE__ */ jsxs13("div", { className: "p-3 bg-background-50 rounded-lg", children: [
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-xs text-text-500", children: "Observa\xE7\xE3o anterior:" }),
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-sm text-text-700", children: data.observation })
+        data.observation && /* @__PURE__ */ jsxs22("div", { className: "p-3 bg-background-50 rounded-lg", children: [
+          /* @__PURE__ */ jsx29(Text_default, { className: "text-xs text-text-500", children: "Observa\xE7\xE3o anterior:" }),
+          /* @__PURE__ */ jsx29(Text_default, { className: "text-sm text-text-700", children: data.observation })
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs13("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__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
-      /* @__PURE__ */ jsx16(Button_default, { type: "button", size: "small", onClick: handleOpenObservation, children: "Incluir" })
+    return /* @__PURE__ */ jsxs22("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__ */ jsx29(Text_default, { className: "text-sm font-bold text-text-950", children: "Observa\xE7\xE3o" }),
+      /* @__PURE__ */ jsx29(Button_default, { type: "button", size: "small", onClick: handleOpenObservation, children: "Incluir" })
     ] });
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx29(
     Modal_default,
     {
       isOpen,
@@ -3674,14 +5196,14 @@ var CorrectActivityModal = ({
       title,
       size: "lg",
       contentClassName: "max-h-[80vh] overflow-y-auto",
-      children: /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx16("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
+      children: /* @__PURE__ */ jsxs22("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx29("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx29(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
+          /* @__PURE__ */ jsx29(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsx16(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ jsx29(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
+          /* @__PURE__ */ jsx29(
             StatCard,
             {
               label: "N\xB0 de quest\xF5es corretas",
@@ -3689,7 +5211,7 @@ var CorrectActivityModal = ({
               variant: "correct"
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx29(
             StatCard,
             {
               label: "N\xB0 de quest\xF5es incorretas",
@@ -3699,21 +5221,22 @@ var CorrectActivityModal = ({
           )
         ] }),
         renderObservationSection(),
-        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
-          /* @__PURE__ */ jsx16(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((question) => {
-            const badgeConfig = getQuestionStatusBadgeConfig(question.status);
-            return /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx29(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
+          /* @__PURE__ */ jsx29(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((questionData) => {
+            const status = getQuestionStatusFromData(questionData);
+            const badgeConfig = getQuestionStatusBadgeConfig(status);
+            return /* @__PURE__ */ jsx29(
               CardAccordation,
               {
-                value: `question-${question.questionNumber}`,
+                value: `question-${questionData.questionNumber}`,
                 className: "bg-background rounded-xl",
-                trigger: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between w-full py-3 pr-2", children: [
-                  /* @__PURE__ */ jsxs13(Text_default, { className: "text-base font-bold text-text-950", children: [
+                trigger: /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between w-full py-3 pr-2", children: [
+                  /* @__PURE__ */ jsxs22(Text_default, { className: "text-base font-bold text-text-950", children: [
                     "Quest\xE3o ",
-                    question.questionNumber
+                    questionData.questionNumber
                   ] }),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx29(
                     Badge_default,
                     {
                       className: cn(
@@ -3725,43 +5248,21 @@ var CorrectActivityModal = ({
                     }
                   )
                 ] }),
-                children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4 pt-2", children: [
-                  question.questionText && /* @__PURE__ */ jsx16("div", { className: "text-sm text-text-700", children: question.questionText }),
-                  question.alternatives && question.alternatives.length > 0 && /* @__PURE__ */ jsx16(
-                    CardAccordation,
+                children: /* @__PURE__ */ jsxs22("div", { className: "space-y-4 pt-2", children: [
+                  questionData.question.statement && /* @__PURE__ */ jsx29(
+                    Text_default,
                     {
-                      value: `alternatives-${question.questionNumber}`,
-                      className: "border border-border-100 rounded-lg",
-                      trigger: /* @__PURE__ */ jsx16("div", { className: "py-3 pr-2 w-full", children: /* @__PURE__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Alternativas" }) }),
-                      children: /* @__PURE__ */ jsx16("div", { className: "pt-2", children: /* @__PURE__ */ jsx16(
-                        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__ */ jsxs13(Fragment4, { children: [
-                    /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
-                      /* @__PURE__ */ jsx16(Text_default, { className: "text-xs text-text-500", children: "Resposta do aluno:" }),
-                      /* @__PURE__ */ jsx16(Text_default, { className: "text-xs text-text-700", children: question.studentAnswer || "N\xE3o respondeu" })
-                    ] }),
-                    /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
-                      /* @__PURE__ */ jsx16(Text_default, { className: "text-xs text-text-500", children: "Resposta correta:" }),
-                      /* @__PURE__ */ jsx16(Text_default, { className: "text-xs text-success-700", children: question.correctAnswer || "-" })
-                    ] })
-                  ] })
+                  renderQuestionContent(questionData)
                 ] })
               },
-              question.questionNumber
+              questionData.questionNumber
             );
           }) })
         ] })