analytica-frontend-lib 1.2.29 → 1.2.31

package/dist/index.js

@@ -32,6 +32,7 @@ var src_exports = {};
 __export(src_exports, {
   ANSWER_STATUS: () => ANSWER_STATUS,
   AccordionGroup: () => AccordionGroup,
+  ActivityCardQuestionBanks: () => ActivityCardQuestionBanks,
   ActivityDetails: () => ActivityDetails,
   ActivityFilters: () => ActivityFilters,
   ActivityFiltersPopover: () => ActivityFiltersPopover,
@@ -11572,11 +11573,13 @@ var questionTypes = [
 ];
 var QuestionTypeFilter = ({
   selectedTypes,
-  onToggleType
+  onToggleType,
+  allowedQuestionTypes
 }) => {
+  const availableQuestionTypes = allowedQuestionTypes || questionTypes;
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tipo de quest\xE3o" }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-2", children: questionTypes.map((questionType) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-2", children: availableQuestionTypes.map((questionType) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Chips_default,
       {
         selected: selectedTypes.includes(questionType),
@@ -11587,10 +11590,11 @@ var QuestionTypeFilter = ({
     )) })
   ] });
 };
-var BanksFilter = ({
+var BanksAndYearsFilter = ({
   banks,
-  selectedBanks,
-  onToggleBank,
+  bankYears,
+  bankCategories,
+  onBankCategoriesChange,
   loading = false,
   error = null
 }) => {
@@ -11600,18 +11604,21 @@ var BanksFilter = ({
   if (error) {
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", className: "text-text-600", children: error });
   }
-  if (banks.length === 0) {
+  if (banks.length === 0 && bankYears.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", className: "text-text-600", children: "Nenhuma banca encontrada" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-2", children: banks.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    Chips_default,
-    {
-      selected: selectedBanks.includes(bank.examInstitution),
-      onClick: () => onToggleBank(bank.examInstitution),
-      children: bank.examInstitution
-    },
-    bank.examInstitution
-  )) });
+  if (bankCategories.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      CheckboxGroup,
+      {
+        categories: bankCategories,
+        onCategoriesChange: onBankCategoriesChange,
+        compactSingleItem: true,
+        showSingleItem: true
+      }
+    );
+  }
+  return null;
 };
 var SubjectsFilter = ({
   knowledgeAreas,
@@ -11660,38 +11667,10 @@ var SubjectsFilter = ({
     area.id
   )) });
 };
-var KnowledgeSummary = ({
-  knowledgeStructure,
-  selectedKnowledgeSummary
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "mt-4 p-3 bg-background-50 rounded-lg border border-border-200", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", weight: "bold", className: "mb-2 block", children: "Resumo da sele\xE7\xE3o" }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      knowledgeStructure.topics.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Tema:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.topics.map((topic) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Chips_default, { selected: true, children: topic }, topic)) })
-      ] }),
-      knowledgeStructure.subtopics.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Subtema:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.subtopics.map((subtopic) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Chips_default, { selected: true, children: subtopic }, subtopic)) })
-      ] }),
-      knowledgeStructure.contents.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Assunto:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.contents.map((content) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Chips_default, { selected: true, children: content }, content)) })
-      ] })
-    ] })
-  ] });
-};
 var KnowledgeStructureFilter = ({
   knowledgeStructure,
   knowledgeCategories,
-  handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false
+  handleCategoriesChange
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "mt-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tema, Subtema e Assunto" }),
@@ -11701,17 +11680,12 @@ var KnowledgeStructureFilter = ({
       CheckboxGroup,
       {
         categories: knowledgeCategories,
-        onCategoriesChange: handleCategoriesChange
+        onCategoriesChange: handleCategoriesChange,
+        compactSingleItem: false,
+        showSingleItem: true
       }
     ),
-    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" }),
-    enableSummary && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      KnowledgeSummary,
-      {
-        knowledgeStructure,
-        selectedKnowledgeSummary
-      }
-    )
+    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" })
   ] });
 };
 var FilterActions = ({
@@ -11731,6 +11705,7 @@ var ActivityFilters = ({
   variant = "default",
   // Data
   banks = [],
+  bankYears = [],
   knowledgeAreas = [],
   knowledgeStructure = {
     topics: [],
@@ -11740,6 +11715,8 @@ var ActivityFilters = ({
     error: null
   },
   knowledgeCategories = [],
+  // Question types
+  allowedQuestionTypes,
   // Loading states
   loadingBanks = false,
   loadingKnowledge: _loadingKnowledge = false,
@@ -11755,19 +11732,47 @@ var ActivityFilters = ({
   loadContents: _loadContents,
   // Handlers
   handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false,
   // Action buttons
   onClearFilters,
   onApplyFilters
 }) => {
   const [selectedQuestionTypes, setSelectedQuestionTypes] = (0, import_react36.useState)([]);
-  const [selectedBanks, setSelectedBanks] = (0, import_react36.useState)([]);
   const [selectedSubject, setSelectedSubject] = (0, import_react36.useState)(null);
+  const prevAllowedQuestionTypesRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
+    if (!allowedQuestionTypes || allowedQuestionTypes.length === 0) {
+      prevAllowedQuestionTypesRef.current = null;
+      return;
+    }
+    const currentKey = allowedQuestionTypes.slice().sort((a, b) => {
+      return a === b ? 0 : allowedQuestionTypes.indexOf(a) - allowedQuestionTypes.indexOf(b);
+    }).join(",");
+    const prevKey = prevAllowedQuestionTypesRef.current;
+    if (currentKey === prevKey) {
+      return;
+    }
+    prevAllowedQuestionTypesRef.current = currentKey;
+    setSelectedQuestionTypes((prev) => {
+      const filtered = prev.filter(
+        (type) => allowedQuestionTypes.includes(type)
+      );
+      if (filtered.length !== prev.length) {
+        return filtered;
+      }
+      const prevSet = new Set(prev);
+      const filteredSet = new Set(filtered);
+      if (prevSet.size !== filteredSet.size) {
+        return filtered;
+      }
+      for (const item of prevSet) {
+        if (!filteredSet.has(item)) {
+          return filtered;
+        }
+      }
+      return prev;
+    });
+  }, [allowedQuestionTypes]);
+  const [bankCategories, setBankCategories] = (0, import_react36.useState)([]);
   const selectedSubjects = (0, import_react36.useMemo)(
     () => selectedSubject ? [selectedSubject] : [],
     [selectedSubject]
@@ -11775,12 +11780,38 @@ var ActivityFilters = ({
   const toggleQuestionType = (questionType) => {
     setSelectedQuestionTypes((prev) => toggleArrayItem(prev, questionType));
   };
-  const toggleBank = (bankName) => {
-    setSelectedBanks((prev) => toggleArrayItem(prev, bankName));
-  };
   const handleSubjectChange = (subjectId) => {
     setSelectedSubject(toggleSingleValue(selectedSubject, subjectId));
   };
+  const handleBankCategoriesChange = (updatedCategories) => {
+    setBankCategories(updatedCategories);
+  };
+  (0, import_react36.useEffect)(() => {
+    setBankCategories((prevCategories) => {
+      const bankCategory = {
+        key: "banca",
+        label: "Banca",
+        itens: banks.map((bank) => ({
+          id: bank.id,
+          name: bank.name || bank.examInstitution
+        })),
+        selectedIds: prevCategories.find((c) => c.key === "banca")?.selectedIds || []
+      };
+      const yearCategory = {
+        key: "ano",
+        label: "Ano",
+        dependsOn: ["banca"],
+        itens: bankYears.map((year) => ({
+          id: year.id,
+          name: year.name,
+          bankId: year.bankId
+        })),
+        filteredBy: [{ key: "banca", internalField: "bankId" }],
+        selectedIds: prevCategories.find((c) => c.key === "ano")?.selectedIds || []
+      };
+      return [bankCategory, yearCategory];
+    });
+  }, [banks, bankYears]);
   (0, import_react36.useEffect)(() => {
     if (loadBanks) {
       loadBanks();
@@ -11801,24 +11832,36 @@ var ActivityFilters = ({
       contentIds: "assunto"
     });
   }, [knowledgeCategories]);
+  const getSelectedBankIds = (0, import_react36.useCallback)(() => {
+    return getSelectedIdsFromCategories(bankCategories, {
+      bankIds: "banca",
+      yearIds: "ano"
+    });
+  }, [bankCategories]);
+  const onFiltersChangeRef = (0, import_react36.useRef)(onFiltersChange);
+  (0, import_react36.useEffect)(() => {
+    onFiltersChangeRef.current = onFiltersChange;
+  }, [onFiltersChange]);
   (0, import_react36.useEffect)(() => {
     const knowledgeIds = getSelectedKnowledgeIds();
+    const bankIds = getSelectedBankIds();
     const filters = {
       types: selectedQuestionTypes,
-      bankIds: selectedBanks,
+      bankIds: bankIds.bankIds || [],
+      yearIds: bankIds.yearIds || [],
       knowledgeIds: selectedSubjects,
       topicIds: knowledgeIds.topicIds,
       subtopicIds: knowledgeIds.subtopicIds,
       contentIds: knowledgeIds.contentIds
     };
-    onFiltersChange(filters);
+    onFiltersChangeRef.current(filters);
   }, [
     selectedQuestionTypes,
-    selectedBanks,
     selectedSubjects,
     knowledgeCategories,
+    bankCategories,
     getSelectedKnowledgeIds,
-    onFiltersChange
+    getSelectedBankIds
   ]);
   const containerClassName = variant === "popover" ? "w-full bg-background" : "w-[400px] flex-shrink-0 p-4 bg-background";
   const contentClassName = variant === "popover" ? "p-4" : "";
@@ -11829,17 +11872,19 @@ var ActivityFilters = ({
         QuestionTypeFilter,
         {
           selectedTypes: selectedQuestionTypes,
-          onToggleType: toggleQuestionType
+          onToggleType: toggleQuestionType,
+          allowedQuestionTypes
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Banca de vestibular" }),
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          BanksFilter,
+          BanksAndYearsFilter,
           {
             banks,
-            selectedBanks,
-            onToggleBank: toggleBank,
+            bankYears,
+            bankCategories,
+            onBankCategoriesChange: handleBankCategoriesChange,
             loading: loadingBanks,
             error: banksError
           }
@@ -11863,9 +11908,7 @@ var ActivityFilters = ({
         {
           knowledgeStructure,
           knowledgeCategories,
-          handleCategoriesChange,
-          selectedKnowledgeSummary,
-          enableSummary
+          handleCategoriesChange
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -17011,6 +17054,186 @@ function useAppContent(config) {
   };
 }
 
+// src/components/ActivityCardQuestionBanks/ActivityCardQuestionBanks.tsx
+var import_phosphor_react37 = require("phosphor-react");
+var import_react55 = require("react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var ActivityCardQuestionBanks = ({
+  question,
+  questionType,
+  iconName = "BookOpen",
+  subjectColor = "#000000",
+  isDark = false,
+  onAddToActivity,
+  assunto,
+  enunciado
+} = {}) => {
+  const alternatives = (0, import_react55.useMemo)(() => {
+    if (!question?.options || questionType !== "ALTERNATIVA" /* ALTERNATIVA */)
+      return [];
+    const correctOptionIds2 = question.correctOptionIds || [];
+    return question.options.map((option) => {
+      const isCorrect = correctOptionIds2.includes(option.id);
+      return {
+        value: option.id,
+        label: option.option,
+        status: isCorrect ? "correct" : void 0,
+        disabled: !isCorrect
+      };
+    });
+  }, [question, questionType]);
+  const correctOptionId = (0, import_react55.useMemo)(() => {
+    if (!question?.correctOptionIds || question.correctOptionIds.length === 0) {
+      return void 0;
+    }
+    return question.correctOptionIds[0];
+  }, [question]);
+  const multipleChoices = (0, import_react55.useMemo)(() => {
+    if (!question?.options || questionType !== "MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */)
+      return [];
+    const correctOptionIds2 = question.correctOptionIds || [];
+    return question.options.map((option) => {
+      const isCorrect = correctOptionIds2.includes(option.id);
+      return {
+        value: option.id,
+        label: option.option,
+        status: isCorrect ? "correct" : void 0,
+        disabled: !isCorrect
+      };
+    });
+  }, [question, questionType]);
+  const correctOptionIds = (0, import_react55.useMemo)(() => {
+    return question?.correctOptionIds || [];
+  }, [question]);
+  const getStatusBadge2 = (status) => {
+    switch (status) {
+      case "correct":
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.CheckCircle, {}), children: "Resposta correta" });
+      case "incorrect":
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.XCircle, {}), children: "Resposta incorreta" });
+    }
+  };
+  const getStatusStyles2 = (status) => {
+    switch (status) {
+      case "correct":
+        return "bg-success-background border-success-300";
+      case "incorrect":
+        return "bg-error-background border-error-300";
+    }
+  };
+  const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
+  const renderAlternative = () => {
+    if (!question || alternatives.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      AlternativesList,
+      {
+        alternatives,
+        mode: "readonly",
+        layout: "compact",
+        selectedValue: correctOptionId,
+        name: "teacher-question-view"
+      }
+    ) });
+  };
+  const renderMultipleChoice = () => {
+    if (!question || multipleChoices.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      MultipleChoiceList,
+      {
+        choices: multipleChoices,
+        mode: "readonly",
+        selectedValues: correctOptionIds,
+        name: "teacher-question-view-multiple"
+      }
+    ) });
+  };
+  const renderDissertative = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-4 px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { size: "sm", className: "text-text-600 italic", children: "Resposta do aluno" }) });
+  };
+  const renderTrueOrFalse = () => {
+    if (!question || question.options.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col gap-3.5", children: question.options.map((option, index) => {
+      const isCorrect = correctOptionIds.includes(option.id);
+      const correctAnswer = isCorrect ? "Verdadeiro" : "Falso";
+      const variantCorrect = "correct";
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("section", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        "div",
+        {
+          className: cn(
+            "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
+            getStatusStyles2(variantCorrect)
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { size: "sm", className: "text-text-900", children: getLetterByIndex(index).concat(") ").concat(option.option) }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-row items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Text_default, { size: "sm", className: "text-text-700", children: [
+                "Resposta correta: ",
+                correctAnswer
+              ] }),
+              getStatusBadge2(variantCorrect)
+            ] })
+          ]
+        }
+      ) }, option.id);
+    }) }) });
+  };
+  const renderConnectDots = () => {
+    return null;
+  };
+  const renderFill = () => {
+    return null;
+  };
+  const renderImage = () => {
+    return null;
+  };
+  const questionRenderers = {
+    ["ALTERNATIVA" /* ALTERNATIVA */]: renderAlternative,
+    ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: renderMultipleChoice,
+    ["DISSERTATIVA" /* DISSERTATIVA */]: renderDissertative,
+    ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: renderTrueOrFalse,
+    ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: renderConnectDots,
+    ["PREENCHER" /* PREENCHER */]: renderFill,
+    ["IMAGEM" /* IMAGEM */]: renderImage
+  };
+  const renderQuestionContent = () => {
+    if (!questionType) return null;
+    const renderer = questionRenderers[questionType];
+    return renderer ? renderer() : null;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "w-full flex flex-col gap-2 px-4 py-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: "flex flex-row gap-2 text-text-650", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          "span",
+          {
+            className: "size-4 rounded-sm flex items-center justify-center shrink-0 text-text-950",
+            style: {
+              backgroundColor: getSubjectColorWithOpacity(subjectColor, isDark)
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(IconRender_default, { iconName, size: 14, color: "currentColor" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { size: "sm", children: assunto || "Assunto n\xE3o informado" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "py-1 px-2 flex flex-row items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { size: "sm", className: "", children: questionType ? questionTypeLabels[questionType] : "Tipo de quest\xE3o" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { size: "md", weight: "medium", className: "text-text-950 text-md", children: enunciado || "Enunciado n\xE3o informado" }),
+      renderQuestionContent()
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      Button_default,
+      {
+        size: "small",
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.Plus, {}),
+        className: "w-full",
+        onClick: onAddToActivity,
+        children: "Adicionar \xE0 atividade"
+      }
+    ) })
+  ] });
+};
+
 // src/types/activityDetails.ts
 var STUDENT_ACTIVITY_STATUS = {
   CONCLUIDO: "CONCLUIDO",
@@ -17062,9 +17285,9 @@ var formatDateToBrazilian = (dateString) => {
 };
 
 // src/components/ActivityDetails/ActivityDetails.tsx
-var import_react55 = require("react");
-var import_phosphor_react37 = require("phosphor-react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_phosphor_react38 = require("phosphor-react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var createTableColumns = (onCorrectActivity) => [
   {
     key: "studentName",
@@ -17072,9 +17295,9 @@ var createTableColumns = (onCorrectActivity) => [
     sortable: true,
     render: (value) => {
       const name = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-xs font-semibold text-primary-700", children: name.charAt(0).toUpperCase() }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm font-normal text-text-950", children: name })
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-xs font-semibold text-primary-700", children: name.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm font-normal text-text-950", children: name })
       ] });
     }
   },
@@ -17084,7 +17307,7 @@ var createTableColumns = (onCorrectActivity) => [
     sortable: false,
     render: (value) => {
       const config = getStatusBadgeConfig(value);
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         Badge_default,
         {
           className: `${config.bgColor} ${config.textColor} text-xs px-2 py-1`,
@@ -17099,22 +17322,22 @@ var createTableColumns = (onCorrectActivity) => [
     sortable: true,
     render: (value) => {
       if (!value || typeof value !== "string") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" });
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-700", children: formatDateToBrazilian(value) });
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-700", children: formatDateToBrazilian(value) });
     }
   },
   {
     key: "timeSpent",
     label: "Dura\xE7\xE3o",
     sortable: false,
-    render: (value) => Number(value) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-700", children: formatTimeSpent(Number(value)) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" })
+    render: (value) => Number(value) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-700", children: formatTimeSpent(Number(value)) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" })
   },
   {
     key: "score",
     label: "Nota",
     sortable: true,
-    render: (value) => value === null ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm font-semibold text-text-950", children: Number(value).toFixed(1) })
+    render: (value) => value === null ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-400", children: "-" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm font-semibold text-text-950", children: Number(value).toFixed(1) })
   },
   {
     key: "actions",
@@ -17122,7 +17345,7 @@ var createTableColumns = (onCorrectActivity) => [
     sortable: false,
     render: (_value, row) => {
       if (row.status === STUDENT_ACTIVITY_STATUS.AGUARDANDO_CORRECAO) {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           Button_default,
           {
             variant: "outline",
@@ -17134,7 +17357,7 @@ var createTableColumns = (onCorrectActivity) => [
         );
       }
       if (row.status === STUDENT_ACTIVITY_STATUS.CONCLUIDO || row.status === STUDENT_ACTIVITY_STATUS.NAO_ENTREGUE) {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           Button_default,
           {
             variant: "link",
@@ -17160,20 +17383,20 @@ var ActivityDetails = ({
   mapSubjectNameToEnum
 }) => {
   const { isMobile } = useMobile();
-  const [page, setPage] = (0, import_react55.useState)(1);
-  const [limit, setLimit] = (0, import_react55.useState)(10);
-  const [sortBy, setSortBy] = (0, import_react55.useState)(void 0);
-  const [sortOrder, setSortOrder] = (0, import_react55.useState)(
+  const [page, setPage] = (0, import_react56.useState)(1);
+  const [limit, setLimit] = (0, import_react56.useState)(10);
+  const [sortBy, setSortBy] = (0, import_react56.useState)(void 0);
+  const [sortOrder, setSortOrder] = (0, import_react56.useState)(
     void 0
   );
-  const [data, setData] = (0, import_react55.useState)(null);
-  const [correctionData, setCorrectionData] = (0, import_react55.useState)(null);
-  const [loading, setLoading] = (0, import_react55.useState)(true);
-  const [error, setError] = (0, import_react55.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react55.useState)(false);
-  const [isViewOnlyModal, setIsViewOnlyModal] = (0, import_react55.useState)(false);
-  const [correctionError, setCorrectionError] = (0, import_react55.useState)(null);
-  (0, import_react55.useEffect)(() => {
+  const [data, setData] = (0, import_react56.useState)(null);
+  const [correctionData, setCorrectionData] = (0, import_react56.useState)(null);
+  const [loading, setLoading] = (0, import_react56.useState)(true);
+  const [error, setError] = (0, import_react56.useState)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react56.useState)(false);
+  const [isViewOnlyModal, setIsViewOnlyModal] = (0, import_react56.useState)(false);
+  const [correctionError, setCorrectionError] = (0, import_react56.useState)(null);
+  (0, import_react56.useEffect)(() => {
     const loadData = async () => {
       if (!activityId) return;
       setLoading(true);
@@ -17196,7 +17419,7 @@ var ActivityDetails = ({
     };
     loadData();
   }, [activityId, page, limit, sortBy, sortOrder, fetchActivityDetails]);
-  const handleCorrectActivity = (0, import_react55.useCallback)(
+  const handleCorrectActivity = (0, import_react56.useCallback)(
     async (studentId) => {
       const student = data?.students.find((s) => s.studentId === studentId);
       if (!student || !activityId) return;
@@ -17216,10 +17439,10 @@ var ActivityDetails = ({
     },
     [data?.students, activityId, fetchStudentCorrection]
   );
-  const handleCloseModal = (0, import_react55.useCallback)(() => {
+  const handleCloseModal = (0, import_react56.useCallback)(() => {
     setIsModalOpen(false);
   }, []);
-  const handleObservationSubmit = (0, import_react55.useCallback)(
+  const handleObservationSubmit = (0, import_react56.useCallback)(
     async (observation, files) => {
       if (!activityId || !correctionData?.studentId) return;
       try {
@@ -17236,7 +17459,7 @@ var ActivityDetails = ({
     },
     [activityId, correctionData?.studentId, submitObservation]
   );
-  const tableData = (0, import_react55.useMemo)(() => {
+  const tableData = (0, import_react56.useMemo)(() => {
     if (!data?.students) return [];
     return data.students.map((student) => ({
       id: student.studentId,
@@ -17248,7 +17471,7 @@ var ActivityDetails = ({
       score: student.score
     }));
   }, [data?.students]);
-  const columns = (0, import_react55.useMemo)(
+  const columns = (0, import_react56.useMemo)(
     () => createTableColumns(handleCorrectActivity),
     [handleCorrectActivity]
   );
@@ -17280,10 +17503,10 @@ var ActivityDetails = ({
   const subjectEnum = data?.activity.subjectName && mapSubjectNameToEnum ? mapSubjectNameToEnum(data.activity.subjectName) : null;
   const subjectInfo = subjectEnum ? getSubjectInfo(subjectEnum) : null;
   if (loading && !data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4 gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center gap-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SkeletonText, { width: 100, height: 14 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SkeletonRounded, { className: "w-full h-[120px]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4 gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center gap-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SkeletonText, { width: 100, height: 14 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SkeletonRounded, { className: "w-full h-[120px]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         "div",
         {
           className: cn(
@@ -17296,14 +17519,14 @@ var ActivityDetails = ({
             "pending",
             "avg-score",
             "avg-time"
-          ].map((id) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SkeletonRounded, { className: "w-full h-[150px]" }, id))
+          ].map((id) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SkeletonRounded, { className: "w-full h-[150px]" }, id))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-full bg-background rounded-xl p-6", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SkeletonTable, { rows: 5, columns: 6, showHeader: true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-full bg-background rounded-xl p-6", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SkeletonTable, { rows: 5, columns: 6, showHeader: true }) })
     ] }) });
   }
   if (error || !data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       EmptyState_default,
       {
         image: emptyStateImage,
@@ -17312,10 +17535,10 @@ var ActivityDetails = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4 gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1150px] mx-auto z-10 lg:px-0 px-4 pt-4 gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "button",
           {
             onClick: handleBack,
@@ -17323,31 +17546,31 @@ var ActivityDetails = ({
             children: "Atividades"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.CaretRight, { size: 16, className: "text-text-500" }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-text-950 text-sm font-bold", children: data.activity.title })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_phosphor_react38.CaretRight, { size: 16, className: "text-text-500" }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-text-950 text-sm font-bold", children: data.activity.title })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-background rounded-xl p-4 flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-between items-start", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xl font-bold text-text-950", children: data.activity.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Text_default, { className: "text-sm text-text-500", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "bg-background rounded-xl p-4 flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xl font-bold text-text-950", children: data.activity.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Text_default, { className: "text-sm text-text-500", children: [
               "In\xEDcio",
               " ",
               data.activity.startDate ? formatDateToBrazilian(data.activity.startDate) : "00/00/0000"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Text_default, { className: "text-sm text-text-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Text_default, { className: "text-sm text-text-500", children: [
               "Prazo final",
               " ",
               data.activity.finalDate ? formatDateToBrazilian(data.activity.finalDate) : "00/00/0000"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.schoolName }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.year }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
-            subjectInfo ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.schoolName }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.year }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
+            subjectInfo ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 "span",
                 {
                   className: cn(
@@ -17357,33 +17580,33 @@ var ActivityDetails = ({
                   children: subjectInfo.icon
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.subjectName })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.subjectName }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.className })
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.subjectName })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.subjectName }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "w-1 h-1 rounded-full bg-text-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-sm text-text-500", children: data.activity.className })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
           Button_default,
           {
             size: "small",
             onClick: handleViewActivity,
             className: "bg-primary-950 text-text gap-2",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.File, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_phosphor_react38.File, { size: 16 }),
               "Ver atividade"
             ]
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
           className: cn("grid gap-5", isMobile ? "grid-cols-2" : "grid-cols-5"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "border border-border-50 rounded-xl py-4 px-0 flex flex-col items-center justify-center gap-2 bg-primary-50", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative w-[90px] h-[90px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("svg", { className: "w-full h-full transform -rotate-90", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "border border-border-50 rounded-xl py-4 px-0 flex flex-col items-center justify-center gap-2 bg-primary-50", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative w-[90px] h-[90px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { className: "w-full h-full transform -rotate-90", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "circle",
                   {
                     cx: "45",
@@ -17394,7 +17617,7 @@ var ActivityDetails = ({
                     fill: "none"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "circle",
                   {
                     cx: "45",
@@ -17408,56 +17631,56 @@ var ActivityDetails = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Text_default, { className: "text-xl font-medium text-primary-600", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Text_default, { className: "text-xl font-medium text-primary-600", children: [
                   Math.round(data.generalStats.completionPercentage),
                   "%"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xs font-bold text-text-600 uppercase", children: "Conclu\xEDdo" })
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xs font-bold text-text-600 uppercase", children: "Conclu\xEDdo" })
               ] })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border border-border-50 rounded-xl py-4 px-3 flex flex-col items-center justify-center gap-1 bg-warning-background", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-warning-300", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.Star, { size: 16, className: "text-white", weight: "regular" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-warning-600", children: "M\xE9dia da Turma" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-xl font-bold text-warning-600", children: data.generalStats.averageScore.toFixed(1) })
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "border border-border-50 rounded-xl py-4 px-3 flex flex-col items-center justify-center gap-1 bg-warning-background", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-warning-300", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_phosphor_react38.Star, { size: 16, className: "text-white", weight: "regular" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-warning-600", children: "M\xE9dia da Turma" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-xl font-bold text-warning-600", children: data.generalStats.averageScore.toFixed(1) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-success-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-indicator-positive", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.Medal, { size: 16, className: "text-text-950", weight: "regular" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-success-700", children: "Quest\xF5es com mais acertos" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-xl font-bold text-success-700", children: formatQuestionNumbers(data.questionStats.mostCorrect) })
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-success-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-indicator-positive", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_phosphor_react38.Medal, { size: 16, className: "text-text-950", weight: "regular" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-success-700", children: "Quest\xF5es com mais acertos" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-xl font-bold text-success-700", children: formatQuestionNumbers(data.questionStats.mostCorrect) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-error-100", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-indicator-negative", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-                import_phosphor_react37.WarningCircle,
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-error-100", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-indicator-negative", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                import_phosphor_react38.WarningCircle,
                 {
                   size: 16,
                   className: "text-white",
                   weight: "regular"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-error-700", children: "Quest\xF5es com mais erros" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-xl font-bold text-error-700", children: formatQuestionNumbers(data.questionStats.mostIncorrect) })
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-error-700", children: "Quest\xF5es com mais erros" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-xl font-bold text-error-700", children: formatQuestionNumbers(data.questionStats.mostIncorrect) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-info-background", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-info-500", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-                import_phosphor_react37.WarningCircle,
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "border border-border-50 rounded-xl py-2 px-3 flex flex-col items-center justify-center gap-1 bg-info-background", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-[30px] h-[30px] rounded-2xl flex items-center justify-center bg-info-500", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                import_phosphor_react38.WarningCircle,
                 {
                   size: 16,
                   className: "text-white",
                   weight: "regular"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-info-700", children: "Quest\xF5es n\xE3o respondidas" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-xl font-bold text-info-700", children: formatQuestionNumbers(data.questionStats.notAnswered) })
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-2xs font-bold uppercase text-center text-info-700", children: "Quest\xF5es n\xE3o respondidas" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-xl font-bold text-info-700", children: formatQuestionNumbers(data.questionStats.notAnswered) })
             ] })
           ]
         }
       ),
-      correctionError && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "w-full bg-error-50 border border-error-200 rounded-xl p-4 flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_phosphor_react37.WarningCircle, { size: 20, className: "text-error-600", weight: "fill" }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text_default, { className: "text-error-700 text-sm", children: correctionError })
+      correctionError && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "w-full bg-error-50 border border-error-200 rounded-xl p-4 flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_phosphor_react38.WarningCircle, { size: 20, className: "text-error-600", weight: "fill" }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text_default, { className: "text-error-700 text-sm", children: correctionError })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-full bg-background rounded-xl p-6 space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-full bg-background rounded-xl p-6 space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         TableProvider,
         {
           data: tableData,
@@ -17474,7 +17697,7 @@ var ActivityDetails = ({
             totalPages: data.pagination.totalPages
           },
           emptyState: {
-            component: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            component: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               EmptyState_default,
               {
                 image: emptyStateImage,
@@ -17484,14 +17707,14 @@ var ActivityDetails = ({
             )
           },
           onParamsChange: handleTableParamsChange,
-          children: ({ table, pagination }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          children: ({ table, pagination }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
             table,
             pagination
           ] })
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       CorrectActivityModal_default,
       {
         isOpen: isModalOpen,
@@ -17505,10 +17728,10 @@ var ActivityDetails = ({
 };
 
 // src/components/Support/Support.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
-var import_react59 = require("@phosphor-icons/react");
+var import_react60 = require("@phosphor-icons/react");
 var import_dayjs2 = __toESM(require("dayjs"));
 
 // src/components/Support/schema/index.ts
@@ -17531,7 +17754,7 @@ var supportSchema = import_zod.z.object({
 });
 
 // src/components/Support/components/TicketModal.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_dayjs = __toESM(require("dayjs"));
 var import_pt_br = require("dayjs/locale/pt-br");
 
@@ -17611,37 +17834,37 @@ var mapInternalStatusToApi = (internalStatus) => {
 };
 
 // src/components/Support/utils/supportUtils.tsx
-var import_react56 = require("@phosphor-icons/react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react57 = require("@phosphor-icons/react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var getCategoryIcon = (category, size = 16) => {
   if (!category) return null;
   switch (category) {
     case "acesso" /* ACESSO */:
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react56.KeyIcon, { size });
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react57.KeyIcon, { size });
     case "tecnico" /* TECNICO */:
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react56.BugIcon, { size });
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react57.BugIcon, { size });
     case "outros" /* OUTROS */:
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react56.InfoIcon, { size });
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react57.InfoIcon, { size });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react56.InfoIcon, { size });
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react57.InfoIcon, { size });
   }
 };
 
 // src/components/Support/components/TicketModal.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 import_dayjs.default.locale("pt-br");
-var AnswerSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "bg-background p-4 space-y-6 rounded-xl", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "80px", height: 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "200px", height: 16 })
+var AnswerSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "bg-background p-4 space-y-6 rounded-xl", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "80px", height: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "200px", height: 16 })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Divider_default, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-start space-x-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "80px", height: 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "100%", height: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "80%", height: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SkeletonText, { width: "60%", height: 16 })
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Divider_default, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-start space-x-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "80px", height: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "100%", height: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "80%", height: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "60%", height: 16 })
     ] })
   ] })
 ] });
@@ -17653,17 +17876,17 @@ var TicketModal = ({
   apiClient,
   userId
 }) => {
-  const [showCloseConfirmation, setShowCloseConfirmation] = (0, import_react57.useState)(false);
-  const [responseText, setResponseText] = (0, import_react57.useState)("");
-  const [answers, setAnswers] = (0, import_react57.useState)([]);
-  const [isSubmittingAnswer, setIsSubmittingAnswer] = (0, import_react57.useState)(false);
-  const [isLoadingAnswers, setIsLoadingAnswers] = (0, import_react57.useState)(false);
+  const [showCloseConfirmation, setShowCloseConfirmation] = (0, import_react58.useState)(false);
+  const [responseText, setResponseText] = (0, import_react58.useState)("");
+  const [answers, setAnswers] = (0, import_react58.useState)([]);
+  const [isSubmittingAnswer, setIsSubmittingAnswer] = (0, import_react58.useState)(false);
+  const [isLoadingAnswers, setIsLoadingAnswers] = (0, import_react58.useState)(false);
   const handleCloseTicket = () => {
     onTicketClose?.(ticket.id);
     setShowCloseConfirmation(false);
     onClose();
   };
-  const fetchAnswers = (0, import_react57.useCallback)(async () => {
+  const fetchAnswers = (0, import_react58.useCallback)(async () => {
     if (!ticket.id || ticket.status !== "respondido" /* RESPONDIDO */) return;
     setIsLoadingAnswers(true);
     try {
@@ -17702,7 +17925,7 @@ var TicketModal = ({
     }
   };
   const canCloseTicket = ticket.status !== "encerrado" /* ENCERRADO */;
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (isOpen) {
       setResponseText("");
       (async () => {
@@ -17714,8 +17937,8 @@ var TicketModal = ({
       setAnswers([]);
     }
   }, [isOpen, fetchAnswers]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Modal_default,
       {
         isOpen,
@@ -17725,10 +17948,10 @@ var TicketModal = ({
         hideCloseButton: false,
         closeOnEscape: true,
         "data-testid": "ticket-modal",
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex justify-between items-center mb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950", children: "Detalhes" }),
-            canCloseTicket && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex justify-between items-center mb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950", children: "Detalhes" }),
+            canCloseTicket && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               Button_default,
               {
                 variant: "outline",
@@ -17739,10 +17962,10 @@ var TicketModal = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex-1 overflow-y-auto pr-2 space-y-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "bg-background p-4 space-y-6 rounded-xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex-1 overflow-y-auto pr-2 space-y-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "bg-background p-4 space-y-6 rounded-xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Text_default,
                   {
                     size: "md",
@@ -17751,10 +17974,10 @@ var TicketModal = ({
                     children: "ID"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: ticket.id })
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: ticket.id })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Text_default,
                   {
                     size: "md",
@@ -17763,10 +17986,10 @@ var TicketModal = ({
                     children: "Aberto em"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: (0, import_dayjs.default)(ticket.createdAt).format("DD MMMM YYYY, [\xE0s] HH[h]") })
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: (0, import_dayjs.default)(ticket.createdAt).format("DD MMMM YYYY, [\xE0s] HH[h]") })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Text_default,
                   {
                     size: "md",
@@ -17775,7 +17998,7 @@ var TicketModal = ({
                     children: "Status"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Badge_default,
                   {
                     variant: "solid",
@@ -17786,8 +18009,8 @@ var TicketModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Text_default,
                   {
                     size: "md",
@@ -17796,7 +18019,7 @@ var TicketModal = ({
                     children: "Tipo"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
                   Badge_default,
                   {
                     variant: "solid",
@@ -17810,9 +18033,9 @@ var TicketModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Divider_default, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-start space-x-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Divider_default, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-start space-x-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Text_default,
                   {
                     size: "md",
@@ -17821,24 +18044,24 @@ var TicketModal = ({
                     children: "Descri\xE7\xE3o"
                   }
                 ),
-                ticket.description && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: ticket.description })
+                ticket.description && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "normal", className: "text-text-600", children: ticket.description })
               ] })
             ] }),
-            ticket.status === "respondido" /* RESPONDIDO */ && isLoadingAnswers && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta de Suporte T\xE9cnico" }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AnswerSkeleton, {})
+            ticket.status === "respondido" /* RESPONDIDO */ && isLoadingAnswers && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta de Suporte T\xE9cnico" }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(AnswerSkeleton, {})
             ] }),
-            !isLoadingAnswers && answers.some((answer) => answer.userId !== userId) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta de Suporte T\xE9cnico" }),
+            !isLoadingAnswers && answers.some((answer) => answer.userId !== userId) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta de Suporte T\xE9cnico" }),
               answers.filter((answer) => answer.userId !== userId).sort(
                 (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-              ).slice(0, 1).map((answer) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+              ).slice(0, 1).map((answer) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
                 "div",
                 {
                   className: "bg-background p-4 space-y-6 rounded-xl",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17847,7 +18070,7 @@ var TicketModal = ({
                           children: "Recebido"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17859,9 +18082,9 @@ var TicketModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Divider_default, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-start space-x-6", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Divider_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-start space-x-6", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17870,7 +18093,7 @@ var TicketModal = ({
                           children: "Resposta"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17885,17 +18108,17 @@ var TicketModal = ({
                 answer.id
               ))
             ] }),
-            !isLoadingAnswers && answers.some((answer) => answer.userId === userId) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta enviada" }),
+            !isLoadingAnswers && answers.some((answer) => answer.userId === userId) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-950 my-6", children: "Resposta enviada" }),
               answers.filter((answer) => answer.userId === userId).sort(
                 (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-              ).slice(0, 1).map((answer) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+              ).slice(0, 1).map((answer) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
                 "div",
                 {
                   className: "bg-background p-4 space-y-6 rounded-xl",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center space-x-6", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-6", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17904,7 +18127,7 @@ var TicketModal = ({
                           children: "Enviada"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17916,9 +18139,9 @@ var TicketModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Divider_default, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-start space-x-6", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Divider_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-start space-x-6", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17927,7 +18150,7 @@ var TicketModal = ({
                           children: "Resposta"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                         Text_default,
                         {
                           size: "md",
@@ -17942,10 +18165,10 @@ var TicketModal = ({
                 answer.id
               ))
             ] }),
-            !isLoadingAnswers && answers.some((answer) => answer.userId !== userId) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 my-6", children: "Responder" }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            !isLoadingAnswers && answers.some((answer) => answer.userId !== userId) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 my-6", children: "Responder" }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   TextArea_default,
                   {
                     placeholder: "Detalhe o problema aqui.",
@@ -17955,7 +18178,7 @@ var TicketModal = ({
                     onChange: (e) => setResponseText(e.target.value)
                   }
                 ),
-                responseText.trim().length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                responseText.trim().length > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   Button_default,
                   {
                     variant: "solid",
@@ -17971,7 +18194,7 @@ var TicketModal = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Modal_default,
       {
         isOpen: showCloseConfirmation,
@@ -17981,10 +18204,10 @@ var TicketModal = ({
         hideCloseButton: false,
         closeOnEscape: true,
         "data-testid": "close-ticket-modal",
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "space-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-700", children: "Ao encerrar este pedido, ele ser\xE1 fechado e n\xE3o poder\xE1 mais ser atualizado." }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex gap-3 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-700", children: "Ao encerrar este pedido, ele ser\xE1 fechado e n\xE3o poder\xE1 mais ser atualizado." }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex gap-3 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               Button_default,
               {
                 variant: "outline",
@@ -17993,7 +18216,7 @@ var TicketModal = ({
                 children: "Cancelar"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               Button_default,
               {
                 variant: "solid",
@@ -18014,20 +18237,20 @@ var TicketModal = ({
 var suporthistory_default = "./suporthistory-W5LBGAUP.png";
 
 // src/components/Support/Support.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var TicketCard = ({
   ticket,
   onTicketClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
   "button",
   {
     type: "button",
     className: "flex items-center justify-between p-4 bg-background rounded-xl cursor-pointer w-full text-left hover:bg-background-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
     onClick: () => onTicketClick(ticket),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-text-900", children: ticket.title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-text-900", children: ticket.title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Badge_default,
           {
             variant: "solid",
@@ -18036,11 +18259,11 @@ var TicketCard = ({
             children: getStatusText(ticket.status)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Badge_default, { variant: "solid", className: "flex items-center gap-1", action: "muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Badge_default, { variant: "solid", className: "flex items-center gap-1", action: "muted", children: [
           getCategoryIcon(ticket.category, 18),
           getCategoryText(ticket.category)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.CaretRightIcon, { size: 24, className: "text-text-800" })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.CaretRightIcon, { size: 24, className: "text-text-800" })
       ] })
     ]
   },
@@ -18050,9 +18273,9 @@ var TicketGroup = ({
   date,
   tickets,
   onTicketClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-900", children: (0, import_dayjs2.default)(date).format("DD MMM YYYY") }),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-3", children: tickets.map((ticket) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { size: "md", weight: "bold", className: "text-text-900", children: (0, import_dayjs2.default)(date).format("DD MMM YYYY") }),
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-3", children: tickets.map((ticket) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     TicketCard,
     {
       ticket,
@@ -18061,13 +18284,13 @@ var TicketGroup = ({
     ticket.id
   )) })
 ] }, date);
-var EmptyState2 = ({ imageSrc }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-row justify-center items-center mt-48", children: [
-  imageSrc && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: imageSrc, alt: "Imagem de suporte" }),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "3xl", weight: "semibold", children: "Nenhum pedido encontrado." })
+var EmptyState2 = ({ imageSrc }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-row justify-center items-center mt-48", children: [
+  imageSrc && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("img", { src: imageSrc, alt: "Imagem de suporte" }),
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { size: "3xl", weight: "semibold", children: "Nenhum pedido encontrado." })
 ] });
-var TicketSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-6", children: [0, 1].map((groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonText, { width: "150px", height: 20 }),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-3", children: [0, 1].map((ticketIndex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var TicketSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-6", children: [0, 1].map((groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SkeletonText, { width: "150px", height: 20 }),
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-3", children: [0, 1].map((ticketIndex) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRounded,
     {
       width: "100%",
@@ -18085,21 +18308,21 @@ var Support = ({
   onTicketCreated,
   onTicketClosed
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react58.useState)("criar-pedido");
-  const [selectedProblem, setSelectedProblem] = (0, import_react58.useState)(null);
-  const [statusFilter, setStatusFilter] = (0, import_react58.useState)("todos");
-  const [categoryFilter, setCategoryFilter] = (0, import_react58.useState)("todos");
-  const [selectedTicket, setSelectedTicket] = (0, import_react58.useState)(
+  const [activeTab, setActiveTab] = (0, import_react59.useState)("criar-pedido");
+  const [selectedProblem, setSelectedProblem] = (0, import_react59.useState)(null);
+  const [statusFilter, setStatusFilter] = (0, import_react59.useState)("todos");
+  const [categoryFilter, setCategoryFilter] = (0, import_react59.useState)("todos");
+  const [selectedTicket, setSelectedTicket] = (0, import_react59.useState)(
     null
   );
-  const [isModalOpen, setIsModalOpen] = (0, import_react58.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react58.useState)(null);
-  const [showSuccessToast, setShowSuccessToast] = (0, import_react58.useState)(false);
-  const [showCloseSuccessToast, setShowCloseSuccessToast] = (0, import_react58.useState)(false);
-  const [showCloseErrorToast, setShowCloseErrorToast] = (0, import_react58.useState)(false);
-  const [allTickets, setAllTickets] = (0, import_react58.useState)([]);
-  const [loadingTickets, setLoadingTickets] = (0, import_react58.useState)(false);
-  const [currentPage, setCurrentPage] = (0, import_react58.useState)(1);
+  const [isModalOpen, setIsModalOpen] = (0, import_react59.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react59.useState)(null);
+  const [showSuccessToast, setShowSuccessToast] = (0, import_react59.useState)(false);
+  const [showCloseSuccessToast, setShowCloseSuccessToast] = (0, import_react59.useState)(false);
+  const [showCloseErrorToast, setShowCloseErrorToast] = (0, import_react59.useState)(false);
+  const [allTickets, setAllTickets] = (0, import_react59.useState)([]);
+  const [loadingTickets, setLoadingTickets] = (0, import_react59.useState)(false);
+  const [currentPage, setCurrentPage] = (0, import_react59.useState)(1);
   const ITEMS_PER_PAGE = 10;
   const handlePrevPage = () => {
     if (currentPage > 1) {
@@ -18112,13 +18335,13 @@ var Support = ({
       setCurrentPage(currentPage + 1);
     }
   };
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (activeTab === "historico") {
       fetchTickets(statusFilter);
       setCurrentPage(1);
     }
   }, [activeTab, statusFilter]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     setCurrentPage(1);
   }, [categoryFilter]);
   const convertApiTicketToComponent = (apiTicket) => {
@@ -18248,25 +18471,25 @@ var Support = ({
     {
       id: "tecnico" /* TECNICO */,
       title: "T\xE9cnico",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.BugIcon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.BugIcon, { size: 24 })
     },
     {
       id: "acesso" /* ACESSO */,
       title: "Acesso",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.KeyIcon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.KeyIcon, { size: 24 })
     },
     {
       id: "outros" /* OUTROS */,
       title: "Outros",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.InfoIcon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.InfoIcon, { size: 24 })
     }
   ];
   const emptyImage = emptyStateImage || suporthistory_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col w-full h-full relative justify-start items-center mb-5 overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col w-full h-full max-w-[992px] z-10 lg:px-0 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex w-full mb-4 flex-row items-center justify-between not-lg:gap-4 lg:gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h1", { className: "font-bold leading-[28px] tracking-[0.2px] text-text-950 text-xl mt-4 sm:text-2xl sm:flex-1 sm:self-end sm:mt-0", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "sm:flex-shrink-0 sm:self-end", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col w-full h-full relative justify-start items-center mb-5 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col w-full h-full max-w-[992px] z-10 lg:px-0 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex w-full mb-4 flex-row items-center justify-between not-lg:gap-4 lg:gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h1", { className: "font-bold leading-[28px] tracking-[0.2px] text-text-950 text-xl mt-4 sm:text-2xl sm:flex-1 sm:self-end sm:mt-0", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "sm:flex-shrink-0 sm:self-end", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Menu_default,
           {
             value: activeTab,
@@ -18274,8 +18497,8 @@ var Support = ({
             variant: "menu2",
             onValueChange: (value) => setActiveTab(value),
             className: "bg-transparent shadow-none px-0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(MenuContent, { variant: "menu2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(MenuContent, { variant: "menu2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                 MenuItem,
                 {
                   variant: "menu2",
@@ -18284,7 +18507,7 @@ var Support = ({
                   children: "Criar Pedido"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                 MenuItem,
                 {
                   variant: "menu2",
@@ -18297,9 +18520,9 @@ var Support = ({
           }
         ) })
       ] }),
-      activeTab === "criar-pedido" && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { as: "h2", size: "md", weight: "bold", className: "text-text-900", children: "Selecione o tipo de problema" }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col sm:flex-row gap-2 sm:gap-4", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      activeTab === "criar-pedido" && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { as: "h2", size: "md", weight: "bold", className: "text-text-900", children: "Selecione o tipo de problema" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col sm:flex-row gap-2 sm:gap-4", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           SelectionButton_default,
           {
             icon: type.icon,
@@ -18310,10 +18533,10 @@ var Support = ({
           },
           type.id
         )) }),
-        errors.problemType && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "sm", className: "text-red-500 mt-1", children: errors.problemType.message })
+        errors.problemType && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { size: "sm", className: "text-red-500 mt-1", children: errors.problemType.message })
       ] }),
-      selectedProblem && activeTab === "criar-pedido" && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      selectedProblem && activeTab === "criar-pedido" && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Input_default,
           {
             size: "large",
@@ -18324,7 +18547,7 @@ var Support = ({
             errorMessage: errors.title?.message
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           TextArea_default,
           {
             size: "large",
@@ -18334,7 +18557,7 @@ var Support = ({
             errorMessage: errors.description?.message
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Button_default,
           {
             size: "large",
@@ -18344,11 +18567,11 @@ var Support = ({
             children: isSubmitting ? "Enviando..." : "Enviar Pedido"
           }
         ),
-        submitError && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mt-4 p-4 bg-red-100 border border-red-400 text-red-700 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text_default, { size: "sm", className: "text-red-700", children: submitError }) })
+        submitError && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "mt-4 p-4 bg-red-100 border border-red-400 text-red-700 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text_default, { size: "sm", className: "text-red-700", children: submitError }) })
       ] }),
-      activeTab === "historico" && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col flex-1/2 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+      activeTab === "historico" && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col flex-1/2 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
             Select_default,
             {
               label: "Status",
@@ -18356,17 +18579,17 @@ var Support = ({
               value: statusFilter,
               onValueChange: setStatusFilter,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectTrigger, { variant: "rounded", className: "", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectValue, { placeholder: "Todos" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectItem, { value: "todos", children: "Todos" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectItem, { value: "aberto" /* ABERTO */, children: "Aberto" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectItem, { value: "respondido" /* RESPONDIDO */, children: "Respondido" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectItem, { value: "encerrado" /* ENCERRADO */, children: "Encerrado" })
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectTrigger, { variant: "rounded", className: "", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectValue, { placeholder: "Todos" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectItem, { value: "todos", children: "Todos" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectItem, { value: "aberto" /* ABERTO */, children: "Aberto" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectItem, { value: "respondido" /* RESPONDIDO */, children: "Respondido" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectItem, { value: "encerrado" /* ENCERRADO */, children: "Encerrado" })
                 ] })
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col flex-1/2 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col flex-1/2 space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
             Select_default,
             {
               label: "Tipo",
@@ -18374,19 +18597,19 @@ var Support = ({
               value: categoryFilter,
               onValueChange: setCategoryFilter,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectTrigger, { variant: "rounded", className: "", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectValue, { placeholder: "Todos" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectItem, { value: "todos", children: "Todos" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SelectItem, { value: "tecnico" /* TECNICO */, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.BugIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectTrigger, { variant: "rounded", className: "", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectValue, { placeholder: "Todos" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectItem, { value: "todos", children: "Todos" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(SelectItem, { value: "tecnico" /* TECNICO */, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.BugIcon, { size: 16 }),
                     " T\xE9cnico"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SelectItem, { value: "acesso" /* ACESSO */, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.KeyIcon, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(SelectItem, { value: "acesso" /* ACESSO */, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.KeyIcon, { size: 16 }),
                     " Acesso"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SelectItem, { value: "outros" /* OUTROS */, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react59.InfoIcon, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(SelectItem, { value: "outros" /* OUTROS */, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.InfoIcon, { size: 16 }),
                     " Outros"
                   ] })
                 ] })
@@ -18396,14 +18619,14 @@ var Support = ({
         ] }),
         (() => {
           if (loadingTickets) {
-            return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TicketSkeleton, {});
+            return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TicketSkeleton, {});
           }
           if (Object.keys(groupedTickets).length === 0) {
-            return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(EmptyState2, { imageSrc: emptyImage });
+            return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EmptyState2, { imageSrc: emptyImage });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-6", children: Object.entries(groupedTickets).sort(
+          return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "space-y-6", children: Object.entries(groupedTickets).sort(
             ([a], [b]) => new Date(b).getTime() - new Date(a).getTime()
-          ).map(([date, tickets]) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          ).map(([date, tickets]) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             TicketGroup,
             {
               date,
@@ -18413,8 +18636,8 @@ var Support = ({
             date
           )) });
         })(),
-        !loadingTickets && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex justify-center items-center gap-4 mt-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        !loadingTickets && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex justify-center items-center gap-4 mt-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Button_default,
             {
               variant: "outline",
@@ -18424,13 +18647,13 @@ var Support = ({
               children: "Anterior"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
             "P\xE1gina ",
             currentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Button_default,
             {
               variant: "outline",
@@ -18443,7 +18666,7 @@ var Support = ({
         ] })
       ] })
     ] }) }),
-    selectedTicket && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    selectedTicket && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       TicketModal,
       {
         ticket: selectedTicket,
@@ -18454,7 +18677,7 @@ var Support = ({
         userId
       }
     ),
-    showSuccessToast && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    showSuccessToast && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       Toast_default,
       {
         title: "Pedido enviado!",
@@ -18463,7 +18686,7 @@ var Support = ({
         onClose: () => setShowSuccessToast(false)
       }
     ) }),
-    showCloseSuccessToast && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    showCloseSuccessToast && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       Toast_default,
       {
         title: "Pedido encerrado!",
@@ -18472,7 +18695,7 @@ var Support = ({
         onClose: () => setShowCloseSuccessToast(false)
       }
     ) }),
-    showCloseErrorToast && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    showCloseErrorToast && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       Toast_default,
       {
         title: "Erro ao encerrar pedido",
@@ -18489,6 +18712,7 @@ var Support_default = Support;
 0 && (module.exports = {
   ANSWER_STATUS,
   AccordionGroup,
+  ActivityCardQuestionBanks,
   ActivityDetails,
   ActivityFilters,
   ActivityFiltersPopover,