analytica-frontend-lib 1.2.84 → 1.2.85

package/dist/index.js

@@ -85,6 +85,7 @@ __export(src_exports, {
   CorrectActivityModal: () => CorrectActivityModal_default,
   CreateActivity: () => CreateActivity,
   DEFAULT_ACTIVITIES_PAGINATION: () => DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_GOAL_DRAFTS_PAGINATION: () => DEFAULT_GOAL_DRAFTS_PAGINATION,
   DEFAULT_GOAL_MODELS_PAGINATION: () => DEFAULT_GOAL_MODELS_PAGINATION,
   DEFAULT_MODELS_PAGINATION: () => DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM: () => DIFFICULTY_LEVEL_ENUM,
@@ -108,6 +109,7 @@ __export(src_exports, {
   GoalBadgeActionType: () => BadgeActionType,
   GoalDisplayStatus: () => GenericDisplayStatus,
   GoalDraftType: () => GoalDraftType,
+  GoalDraftsTab: () => GoalDraftsTab,
   GoalPageTab: () => GoalPageTab,
   IconButton: () => IconButton_default,
   IconRender: () => IconRender_default,
@@ -229,6 +231,7 @@ __export(src_exports, {
   createActivitiesHistoryHook: () => createActivitiesHistoryHook,
   createActivityFiltersDataHook: () => createActivityFiltersDataHook,
   createActivityModelsHook: () => createActivityModelsHook,
+  createGoalDraftsHook: () => createGoalDraftsHook,
   createGoalModelsHook: () => createGoalModelsHook,
   createNotificationStore: () => createNotificationStore,
   createNotificationsHook: () => createNotificationsHook,
@@ -241,6 +244,7 @@ __export(src_exports, {
   createUseActivityModels: () => createUseActivityModels,
   createUseChat: () => createUseChat,
   createUseChatRooms: () => createUseChatRooms,
+  createUseGoalDrafts: () => createUseGoalDrafts,
   createUseGoalModels: () => createUseGoalModels,
   createUseNotificationStore: () => createUseNotificationStore,
   createUseNotifications: () => createUseNotifications,
@@ -287,6 +291,7 @@ __export(src_exports, {
   goalModelsApiResponseSchema: () => goalModelsApiResponseSchema,
   goalsHistoryApiResponseSchema: () => goalsHistoryApiResponseSchema,
   handleActivityFetchError: () => handleActivityFetchError,
+  handleGoalDraftFetchError: () => handleGoalDraftFetchError,
   handleGoalFetchError: () => handleGoalFetchError,
   handleGoalModelFetchError: () => handleGoalModelFetchError,
   handleLessonDetailsFetchError: () => handleLessonDetailsFetchError,
@@ -26221,7 +26226,7 @@ var SendLessonModal = ({
 var SendLessonModal_default = SendLessonModal;
 
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_phosphor_react52 = require("phosphor-react");
 
 // src/types/recommendedLessons.ts
@@ -26827,8 +26832,161 @@ var GoalModelsTab = ({
   }
 );
 
-// src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
+// src/components/RecommendedLessonsHistory/config/draftsFiltersConfig.ts
+var getSubjectOptions2 = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+var createGoalDraftsFiltersConfig = (userData) => [
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useGoalDrafts.ts
+var import_react82 = require("react");
+var DEFAULT_GOAL_DRAFTS_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var handleGoalDraftFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de rascunhos de aulas",
+  "Erro ao carregar rascunhos de aulas"
+);
+var createUseGoalDrafts = (fetchGoalDrafts, deleteGoalDraft) => {
+  return () => {
+    const [state, setState] = (0, import_react82.useState)({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_GOAL_DRAFTS_PAGINATION
+    });
+    const fetchModels = (0, import_react82.useCallback)(
+      async (filters, subjectsMap) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchGoalDrafts(filters);
+          const validatedData = goalModelsApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.drafts.map(
+            (draft) => transformGoalModelToTableItem(draft, subjectsMap)
+          );
+          const limit = filters?.limit || 10;
+          const page = filters?.page || 1;
+          const total = validatedData.data.total;
+          const totalPages = Math.ceil(total / limit);
+          setState({
+            models: tableItems,
+            loading: false,
+            error: null,
+            pagination: {
+              total,
+              page,
+              limit,
+              totalPages
+            }
+          });
+        } catch (error) {
+          const errorMessage = handleGoalDraftFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchGoalDrafts]
+    );
+    const deleteModel = (0, import_react82.useCallback)(
+      async (id) => {
+        try {
+          await deleteGoalDraft(id);
+          return true;
+        } catch (error) {
+          console.error("Erro ao deletar rascunho:", error);
+          return false;
+        }
+      },
+      [deleteGoalDraft]
+    );
+    return {
+      ...state,
+      fetchModels,
+      deleteModel
+    };
+  };
+};
+var createGoalDraftsHook = createUseGoalDrafts;
+
+// src/components/RecommendedLessonsHistory/tabs/DraftsTab.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
+var GOAL_DRAFTS_CONFIG = {
+  entityName: "rascunho",
+  entityNamePlural: "rascunhos",
+  testId: "goal-drafts-tab",
+  emptyStateTitle: "Voc\xEA n\xE3o tem aulas recomendadas em rascunho",
+  emptyStateDescription: "As aulas recomendadas que voc\xEA come\xE7ar a criar, aparecer\xE3o aqui automaticamente como rascunhos. Tudo \xE9 salvo enquanto voc\xEA cria, continue de onde parou quando quiser!",
+  searchPlaceholder: "Buscar rascunho"
+};
+var GOAL_DRAFTS_COLUMNS_CONFIG = {
+  sendButtonLabel: "Enviar aula",
+  sendButtonAriaLabel: "Enviar rascunho",
+  deleteButtonAriaLabel: "Deletar rascunho",
+  editButtonAriaLabel: "Editar rascunho"
+};
+var GoalDraftsTab = ({
+  fetchGoalDrafts,
+  deleteGoalDraft,
+  onCreateDraft,
+  onSendDraft,
+  onEditDraft,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum: mapSubjectNameToEnum2,
+  userFilterData,
+  subjectsMap
+}) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  ModelsTabBase,
+  {
+    fetchModels: fetchGoalDrafts,
+    deleteModel: deleteGoalDraft,
+    onCreateModel: onCreateDraft,
+    onSend: onSendDraft,
+    onEditModel: onEditDraft,
+    emptyStateImage,
+    noSearchImage,
+    mapSubjectNameToEnum: mapSubjectNameToEnum2,
+    userFilterData,
+    subjectsMap,
+    config: GOAL_DRAFTS_CONFIG,
+    createTableColumns: (mapSubject, send, edit, del) => createModelsTableColumnsBase(
+      mapSubject,
+      send,
+      edit,
+      del,
+      GOAL_DRAFTS_COLUMNS_CONFIG
+    ),
+    createFiltersConfig: createGoalDraftsFiltersConfig,
+    buildFiltersFromParams: buildGoalModelsFiltersFromParams,
+    createUseModels: createUseGoalDrafts
+  }
+);
+
+// src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var GoalPageTab = /* @__PURE__ */ ((GoalPageTab2) => {
   GoalPageTab2["HISTORY"] = "history";
   GoalPageTab2["DRAFTS"] = "drafts";
@@ -26874,7 +27032,7 @@ var getSchoolOptions = (data) => {
     name: school.name
   }));
 };
-var getSubjectOptions2 = (data) => {
+var getSubjectOptions3 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -26940,7 +27098,7 @@ var createGoalFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions2(userData)
+        itens: getSubjectOptions3(userData)
       },
       {
         key: "theme",
@@ -26993,7 +27151,7 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
     className: "max-w-[200px] truncate",
     render: (value) => {
       const title = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "sm", title, children: title });
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "sm", title, children: title });
     }
   },
   {
@@ -27003,7 +27161,7 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
     className: "max-w-[150px] truncate",
     render: (value) => {
       const school = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "sm", title: school, children: school });
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "sm", title: school, children: school });
     }
   },
   {
@@ -27020,11 +27178,11 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
       const subjectName = typeof value === "string" ? value : "";
       const subjectEnum = mapSubjectNameToEnum2?.(subjectName);
       if (!subjectEnum) {
-        return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+        return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
       }
       const subjectInfo = getSubjectInfo(subjectEnum);
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "span",
           {
             className: cn(
@@ -27034,7 +27192,7 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
             children: subjectInfo.icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
       ] });
     }
   },
@@ -27050,9 +27208,9 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
     render: (value) => {
       const status = typeof value === "string" ? value : "";
       if (!status) {
-        return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+        return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         Badge_default,
         {
           variant: "solid",
@@ -27067,7 +27225,7 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
     key: "completionPercentage",
     label: "Conclus\xE3o",
     sortable: true,
-    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       ProgressBar_default,
       {
         value: Number(value),
@@ -27093,20 +27251,20 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
         e.stopPropagation();
         onEditGoal?.(row.id);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex justify-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex justify-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_phosphor_react52.Trash, { size: 20 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_phosphor_react52.Trash, { size: 20 }),
             size: "sm",
             title: "Excluir",
             onClick: handleDelete
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_phosphor_react52.PencilSimple, { size: 20 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_phosphor_react52.PencilSimple, { size: 20 }),
             size: "sm",
             title: "Editar",
             onClick: handleEdit
@@ -27120,7 +27278,7 @@ var createTableColumns2 = (mapSubjectNameToEnum2, onDeleteGoal, onEditGoal) => [
     label: "",
     sortable: false,
     className: "w-12",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_phosphor_react52.CaretRight, { size: 20, className: "text-text-600" }) })
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_phosphor_react52.CaretRight, { size: 20, className: "text-text-600" }) })
   }
 ];
 var RecommendedLessonsHistory = ({
@@ -27142,18 +27300,22 @@ var RecommendedLessonsHistory = ({
   onSendLesson,
   onEditModel,
   subjectsMap,
+  fetchGoalDrafts,
+  deleteGoalDraft,
+  onSendDraft,
+  onEditDraft,
   defaultTab,
   onTabChange
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react82.useState)(
+  const [activeTab, setActiveTab] = (0, import_react83.useState)(
     defaultTab ?? "history" /* HISTORY */
   );
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (defaultTab !== void 0) {
       setActiveTab(defaultTab);
     }
   }, [defaultTab]);
-  const handleTabChange = (0, import_react82.useCallback)(
+  const handleTabChange = (0, import_react83.useCallback)(
     (value) => {
       const newTab = value;
       setActiveTab(newTab);
@@ -27161,9 +27323,9 @@ var RecommendedLessonsHistory = ({
     },
     [onTabChange]
   );
-  const fetchGoalsHistoryRef = (0, import_react82.useRef)(fetchGoalsHistory);
+  const fetchGoalsHistoryRef = (0, import_react83.useRef)(fetchGoalsHistory);
   fetchGoalsHistoryRef.current = fetchGoalsHistory;
-  const useGoalsHistory = (0, import_react82.useMemo)(
+  const useGoalsHistory = (0, import_react83.useMemo)(
     () => createUseRecommendedLessonsHistory(
       (filters) => fetchGoalsHistoryRef.current(filters)
     ),
@@ -27176,31 +27338,31 @@ var RecommendedLessonsHistory = ({
     pagination,
     fetchGoals
   } = useGoalsHistory();
-  const initialFilterConfigs = (0, import_react82.useMemo)(
+  const initialFilterConfigs = (0, import_react83.useMemo)(
     () => createGoalFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const tableColumns = (0, import_react82.useMemo)(
+  const tableColumns = (0, import_react83.useMemo)(
     () => createTableColumns2(mapSubjectNameToEnum2, onDeleteGoal, onEditGoal),
     [mapSubjectNameToEnum2, onDeleteGoal, onEditGoal]
   );
-  const handleParamsChange = (0, import_react82.useCallback)(
+  const handleParamsChange = (0, import_react83.useCallback)(
     (params) => {
       const filters = buildFiltersFromParams(params);
       fetchGoals(filters);
     },
     [fetchGoals]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "div",
     {
       "data-testid": "recommended-lessons-history",
       className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1350px] mx-auto z-10 lg:px-0 px-4 pt-4 sm:pt-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col sm:flex-row w-full mb-6 items-start sm:items-center sm:justify-between gap-0 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1350px] mx-auto z-10 lg:px-0 px-4 pt-4 sm:pt-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col sm:flex-row w-full mb-6 items-start sm:items-center sm:justify-between gap-0 sm:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               Text_default,
               {
                 as: "h1",
@@ -27209,7 +27371,7 @@ var RecommendedLessonsHistory = ({
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               Menu,
               {
                 defaultValue: "history" /* HISTORY */,
@@ -27217,13 +27379,13 @@ var RecommendedLessonsHistory = ({
                 onValueChange: handleTabChange,
                 variant: "menu2",
                 className: "bg-transparent shadow-none px-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
                   MenuContent,
                   {
                     variant: "menu2",
                     className: "w-full lg:w-auto max-w-full min-w-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -27233,7 +27395,7 @@ var RecommendedLessonsHistory = ({
                           children: "Hist\xF3rico"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -27243,7 +27405,7 @@ var RecommendedLessonsHistory = ({
                           children: "Rascunhos"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -27259,8 +27421,8 @@ var RecommendedLessonsHistory = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
-            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_jsx_runtime119.Fragment, { children: error ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_jsx_runtime120.Fragment, { children: error ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               TableProvider,
               {
                 data: goals,
@@ -27285,14 +27447,14 @@ var RecommendedLessonsHistory = ({
                   image: noSearchImage
                 },
                 emptyState: {
-                  component: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                  component: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                     EmptyState_default,
                     {
                       image: emptyStateImage,
                       title: "Crie uma nova aula",
                       description: "Selecione um conjunto de aulas organizadas por tema e ajude seus alunos a estudarem de forma estruturada e eficiente!",
                       buttonText: createButtonText,
-                      buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_phosphor_react52.Plus, { size: 18 }),
+                      buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_phosphor_react52.Plus, { size: 18 }),
                       buttonVariant: "outline",
                       buttonAction: "primary",
                       onButtonClick: onCreateLesson
@@ -27307,22 +27469,22 @@ var RecommendedLessonsHistory = ({
                     table,
                     pagination: paginationComponent
                   } = renderProps;
-                  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "space-y-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                         Button_default,
                         {
                           variant: "solid",
                           action: "primary",
                           size: "medium",
                           onClick: onCreateLesson,
-                          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_phosphor_react52.Plus, { size: 18, weight: "bold" }),
+                          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_phosphor_react52.Plus, { size: 18, weight: "bold" }),
                           children: createButtonText
                         }
                       ),
                       controls
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
                       table,
                       paginationComponent
                     ] })
@@ -27330,8 +27492,22 @@ var RecommendedLessonsHistory = ({
                 }
               }
             ) }) }),
-            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) }),
-            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            activeTab === "drafts" /* DRAFTS */ && fetchGoalDrafts && deleteGoalDraft && onCreateLesson && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+              GoalDraftsTab,
+              {
+                fetchGoalDrafts,
+                deleteGoalDraft,
+                onCreateDraft: onCreateLesson,
+                onSendDraft,
+                onEditDraft,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum: mapSubjectNameToEnum2,
+                userFilterData,
+                subjectsMap
+              }
+            ),
+            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               GoalModelsTab,
               {
                 fetchGoalModels,
@@ -27354,19 +27530,19 @@ var RecommendedLessonsHistory = ({
 };
 
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 
 // src/components/RecommendedLessonDetails/components/Breadcrumb.tsx
-var import_react83 = require("@phosphor-icons/react");
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("nav", { className: "flex items-center gap-2 text-sm", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+var import_react84 = require("@phosphor-icons/react");
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("nav", { className: "flex items-center gap-2 text-sm", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
   Text_default,
   {
     as: "span",
     className: "flex items-center gap-2",
     children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react83.CaretRightIcon, { size: 14, className: "text-text-500" }),
-      item.path ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react84.CaretRightIcon, { size: 14, className: "text-text-500" }),
+      item.path ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "button",
         {
           type: "button",
@@ -27374,14 +27550,14 @@ var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runt
           className: "text-text-600 hover:text-primary-700 transition-colors",
           children: item.label
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text_default, { as: "span", className: "text-text-950 font-medium", children: item.label })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", className: "text-text-950 font-medium", children: item.label })
     ]
   },
   item.path ?? item.label
 )) });
 
 // src/components/RecommendedLessonDetails/components/LessonHeader.tsx
-var import_react84 = require("@phosphor-icons/react");
+var import_react85 = require("@phosphor-icons/react");
 
 // src/components/RecommendedLessonDetails/utils/lessonDetailsUtils.ts
 var formatDate = (dateString) => {
@@ -27403,7 +27579,7 @@ var transformStudentForDisplay = (student, deadline) => ({
 });
 
 // src/components/RecommendedLessonDetails/components/LessonHeader.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var LessonHeader = ({
   data,
   onViewLesson,
@@ -27414,9 +27590,9 @@ var LessonHeader = ({
   const subjectName = goal.lessonsGoals[0]?.supLessonsProgress?.lesson?.subject?.name || "";
   const subjectEnum = mapSubjectNameToEnum2?.(subjectName);
   const subjectInfo = subjectEnum ? getSubjectInfo(subjectEnum) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
         Text_default,
         {
           as: "h1",
@@ -27426,24 +27602,24 @@ var LessonHeader = ({
           children: goal.title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-sm text-text-600", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-sm text-text-600", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
           "In\xEDcio em ",
           formatDate(goal.startDate)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
           "Prazo final ",
           formatDate(goal.finalDate)
         ] }),
-        breakdown?.schoolName && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.schoolName })
+        breakdown?.schoolName && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.schoolName })
         ] }),
-        subjectName && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Text_default, { as: "span", size: "sm", className: "flex items-center gap-1", children: [
-            subjectInfo && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        subjectName && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text_default, { as: "span", size: "sm", className: "flex items-center gap-1", children: [
+            subjectInfo && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               Text_default,
               {
                 as: "span",
@@ -27457,19 +27633,19 @@ var LessonHeader = ({
             subjectName
           ] })
         ] }),
-        breakdown?.className && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.className })
+        breakdown?.className && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.className })
         ] })
       ] })
     ] }),
-    onViewLesson && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    onViewLesson && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       Button_default,
       {
         variant: "solid",
         action: "primary",
         size: "small",
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react84.BookBookmarkIcon, { size: 16 }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react85.BookBookmarkIcon, { size: 16 }),
         onClick: onViewLesson,
         children: viewLessonLabel
       }
@@ -27478,34 +27654,34 @@ var LessonHeader = ({
 };
 
 // src/components/RecommendedLessonDetails/components/LoadingSkeleton.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var LoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-6", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonText, { width: 256 }),
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonText, { width: "75%", height: 28 }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonText, { width: "50%" })
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var LoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonText, { width: 256 }),
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonText, { width: "75%", height: 28 }),
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonText, { width: "50%" })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonText, { width: 192, height: 20 }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonRounded, { height: 140 }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonRounded, { height: 140 }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonRounded, { height: 140 })
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonText, { width: 192, height: 20 }),
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonRounded, { height: 140 }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonRounded, { height: 140 }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonRounded, { height: 140 })
     ] })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SkeletonTable, { rows: 4, columns: 5 }) })
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(SkeletonTable, { rows: 4, columns: 5 }) })
 ] });
 
 // src/components/RecommendedLessonDetails/components/ResultsSection.tsx
-var import_react85 = require("@phosphor-icons/react");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_react86 = require("@phosphor-icons/react");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var ResultsSection = ({ data, labels }) => {
   const { details } = data;
   const { aggregated, contentPerformance } = details;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text_default, { as: "h2", size: "md", weight: "semibold", className: "text-text-950", children: labels.resultsTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-primary-50", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text_default, { as: "h2", size: "md", weight: "semibold", className: "text-text-950", children: labels.resultsTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-primary-50", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
         ProgressCircle_default,
         {
           value: aggregated.completionPercentage,
@@ -27515,16 +27691,16 @@ var ResultsSection = ({ data, labels }) => {
           showPercentage: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-success-200", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-success-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             as: "span",
             className: "size-8 rounded-full flex items-center justify-center bg-warning-300 mb-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_react85.TrophyIcon, { size: 18, weight: "fill", className: "text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_react86.TrophyIcon, { size: 18, weight: "fill", className: "text-white" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             size: "2xs",
@@ -27533,7 +27709,7 @@ var ResultsSection = ({ data, labels }) => {
             children: labels.bestResultLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             size: "xl",
@@ -27543,16 +27719,16 @@ var ResultsSection = ({ data, labels }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-error-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-error-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             as: "span",
             className: "size-8 rounded-full flex items-center justify-center bg-error-300 mb-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_react85.WarningIcon, { size: 18, weight: "fill", className: "text-error-700" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_react86.WarningIcon, { size: 18, weight: "fill", className: "text-error-700" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             size: "2xs",
@@ -27561,7 +27737,7 @@ var ResultsSection = ({ data, labels }) => {
             children: labels.hardestTopicLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Text_default,
           {
             size: "xl",
@@ -27576,9 +27752,9 @@ var ResultsSection = ({ data, labels }) => {
 };
 
 // src/components/RecommendedLessonDetails/components/StudentsTable.tsx
-var import_react86 = require("react");
-var import_react87 = require("@phosphor-icons/react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_react87 = require("react");
+var import_react88 = require("@phosphor-icons/react");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var StudentsTable = ({
   students,
   onViewPerformance,
@@ -27586,12 +27762,12 @@ var StudentsTable = ({
   emptyMessage = "Nenhum aluno encontrado"
 }) => {
   const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(students);
-  const canViewPerformance = (0, import_react86.useCallback)((student) => {
+  const canViewPerformance = (0, import_react87.useCallback)((student) => {
     return student.status === "CONCLU\xCDDO" /* CONCLUIDO */ || student.status === "N\xC3O FINALIZADO" /* NAO_FINALIZADO */;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "bg-background rounded-xl border border-border-50 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Table_default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "bg-background rounded-xl border border-border-50 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Table_default, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         TableHead,
         {
           sortable: true,
@@ -27600,7 +27776,7 @@ var StudentsTable = ({
           children: labels.studentColumn
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         TableHead,
         {
           sortable: true,
@@ -27609,7 +27785,7 @@ var StudentsTable = ({
           children: labels.statusColumn
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         TableHead,
         {
           sortable: true,
@@ -27618,22 +27794,22 @@ var StudentsTable = ({
           children: labels.completionColumn
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableHead, { children: labels.durationColumn }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableHead, { className: "w-[140px]" })
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableHead, { children: labels.durationColumn }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableHead, { className: "w-[140px]" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableBody, { children: sortedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { colSpan: 5, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text_default, { size: "sm", className: "text-text-500", children: emptyMessage }) }) }) : sortedData.map((student) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableBody, { children: sortedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { colSpan: 5, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", className: "text-text-500", children: emptyMessage }) }) }) : sortedData.map((student) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           Text_default,
           {
             as: "span",
             className: "size-8 rounded-full bg-background-100 flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_react87.UserIcon, { size: 16, className: "text-text-500" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react88.UserIcon, { size: 16, className: "text-text-500" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text_default, { size: "sm", className: "text-text-950", children: student.name })
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", className: "text-text-950", children: student.name })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         Badge_default,
         {
           variant: "solid",
@@ -27642,12 +27818,12 @@ var StudentsTable = ({
           children: student.status
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Text_default, { size: "sm", className: "text-primary-700 font-medium", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Text_default, { size: "sm", className: "text-primary-700 font-medium", children: [
           student.completionPercentage,
           "%"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           ProgressBar_default,
           {
             value: student.completionPercentage,
@@ -27657,8 +27833,8 @@ var StudentsTable = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text_default, { size: "sm", className: "text-text-700", children: student.duration ?? "-" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TableCell, { children: canViewPerformance(student) ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", className: "text-text-700", children: student.duration ?? "-" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableCell, { children: canViewPerformance(student) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         Button_default,
         {
           variant: "outline",
@@ -27666,14 +27842,14 @@ var StudentsTable = ({
           onClick: () => onViewPerformance?.(student.id),
           children: labels.viewPerformance
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button_default, { variant: "outline", size: "extra-small", disabled: true, children: labels.viewPerformance }) })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button_default, { variant: "outline", size: "extra-small", disabled: true, children: labels.viewPerformance }) })
     ] }, student.id)) })
   ] }) });
 };
 
 // src/components/RecommendedLessonDetails/components/StudentPerformanceModal.tsx
-var import_react88 = require("react");
-var import_react89 = require("@phosphor-icons/react");
+var import_react89 = require("react");
+var import_react90 = require("@phosphor-icons/react");
 
 // src/components/RecommendedLessonDetails/types.ts
 var DEFAULT_LABELS = {
@@ -27698,7 +27874,7 @@ var DEFAULT_PERFORMANCE_LABELS = {
 };
 
 // src/components/RecommendedLessonDetails/components/StudentPerformanceModal.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var PerformanceCard = ({
   icon,
   label,
@@ -27723,13 +27899,13 @@ var PerformanceCard = ({
     success: "text-success-600",
     error: "text-error-600"
   }[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col rounded-xl border border-border-50 bg-background overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col rounded-xl border border-border-50 bg-background overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
       "div",
       {
         className: `flex flex-col items-center justify-center p-4 gap-1 ${headerBgColor}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             Text_default,
             {
               as: "span",
@@ -27737,7 +27913,7 @@ var PerformanceCard = ({
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             Text_default,
             {
               size: "2xs",
@@ -27746,12 +27922,12 @@ var PerformanceCard = ({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "xl", weight: "bold", className: `${valueColor} text-center`, children: value })
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "xl", weight: "bold", className: `${valueColor} text-center`, children: value })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col items-center gap-2 px-4 py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-2 px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         Text_default,
         {
           size: "2xs",
@@ -27760,7 +27936,7 @@ var PerformanceCard = ({
           children: secondaryLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Badge_default, { size: "large", action: "info", children: secondaryValue || "-" })
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Badge_default, { size: "large", action: "info", children: secondaryValue || "-" })
     ] })
   ] });
 };
@@ -27787,40 +27963,40 @@ var getSelectedValue = (question) => {
 var QuestionAccordionItem = ({
   question,
   index
-}) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   CardAccordation,
   {
     value: question.id,
     className: "bg-background rounded-xl border border-border-50",
     triggerClassName: "py-5 px-5",
     contentClassName: "px-5 pb-5",
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center justify-between flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-950", children: [
+    trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center justify-between flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-950", children: [
         "Quest\xE3o ",
         index + 1
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         Badge_default,
         {
           size: "small",
           action: question.isCorrect ? "success" : "error",
           variant: "solid",
-          iconLeft: question.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react89.CheckCircleIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react89.XCircleIcon, {}),
+          iconLeft: question.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react90.CheckCircleIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react90.XCircleIcon, {}),
           children: question.isCorrect ? "Correta" : "Incorreta"
         }
       )
     ] }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", className: "text-text-700", children: question.statement }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "sm", className: "text-text-700", children: question.statement }),
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         CardAccordation,
         {
           value: `${question.id}-alternatives`,
           className: "bg-background rounded-lg border border-border-50",
           triggerClassName: "py-5 px-5",
           contentClassName: "px-5 py-5",
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-800", children: "Alternativas" }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-800", children: "Alternativas" }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             AlternativesList,
             {
               mode: "readonly",
@@ -27834,16 +28010,16 @@ var QuestionAccordionItem = ({
     ] })
   }
 );
-var LessonAccordionItem = ({ lesson }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var LessonAccordionItem = ({ lesson }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   CardAccordation,
   {
     value: lesson.id,
     className: "bg-background rounded-xl border border-border-50",
     triggerClassName: "py-5 px-5",
     contentClassName: "px-5 pb-5",
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-1 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-950", children: lesson.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-1 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-950", children: lesson.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         ProgressBar_default,
         {
           value: lesson.progress,
@@ -27854,7 +28030,7 @@ var LessonAccordionItem = ({ lesson }) => /* @__PURE__ */ (0, import_jsx_runtime
         }
       )
     ] }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex flex-col gap-2", children: lesson.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex flex-col gap-2", children: lesson.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       QuestionAccordionItem,
       {
         question,
@@ -27864,45 +28040,45 @@ var LessonAccordionItem = ({ lesson }) => /* @__PURE__ */ (0, import_jsx_runtime
     )) })
   }
 );
-var LoadingSkeleton2 = () => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "h-6 bg-background-200 rounded w-48" }),
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "h-44 bg-background-200 rounded-xl" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "h-44 bg-background-200 rounded-xl" })
+var LoadingSkeleton2 = () => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "h-6 bg-background-200 rounded w-48" }),
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "h-44 bg-background-200 rounded-xl" }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "h-44 bg-background-200 rounded-xl" })
   ] })
 ] });
-var ErrorContent = ({ message }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+var ErrorContent = ({ message }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     Text_default,
     {
       as: "span",
       className: "size-12 rounded-full bg-error-100 flex items-center justify-center",
-      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react89.WarningCircleIcon, { size: 24, className: "text-error-700" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react90.WarningCircleIcon, { size: 24, className: "text-error-700" })
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "md", className: "text-error-700 text-center", children: message })
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "md", className: "text-error-700 text-center", children: message })
 ] });
 var PerformanceContent = ({
   data,
   labels
-}) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-5", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-5", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       Text_default,
       {
         as: "span",
         className: "size-8 rounded-full bg-background-100 flex items-center justify-center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react89.UserIcon, { size: 16, className: "text-text-500" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react90.UserIcon, { size: 16, className: "text-text-500" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "md", weight: "medium", className: "text-text-950", children: data.studentName })
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "md", weight: "medium", className: "text-text-950", children: data.studentName })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       PerformanceCard,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-          import_react89.LightbulbFilamentIcon,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          import_react90.LightbulbFilamentIcon,
           {
             size: 18,
             weight: "fill",
@@ -27916,11 +28092,11 @@ var PerformanceContent = ({
         variant: "success"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
       PerformanceCard,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-          import_react89.WarningCircleIcon,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          import_react90.WarningCircleIcon,
           {
             size: 18,
             weight: "fill",
@@ -27935,20 +28111,20 @@ var PerformanceContent = ({
       }
     )
   ] }),
-  data.lessons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-950", children: labels.lessonsTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex flex-col gap-2", children: data.lessons.map((lesson) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(LessonAccordionItem, { lesson }, lesson.id)) })
+  data.lessons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-950", children: labels.lessonsTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex flex-col gap-2", children: data.lessons.map((lesson) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(LessonAccordionItem, { lesson }, lesson.id)) })
   ] })
 ] });
 var renderModalContent = (loading, error, data, labels) => {
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(LoadingSkeleton2, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(LoadingSkeleton2, {});
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ErrorContent, { message: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ErrorContent, { message: error });
   }
   if (data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(PerformanceContent, { data, labels });
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(PerformanceContent, { data, labels });
   }
   return null;
 };
@@ -27960,14 +28136,14 @@ var StudentPerformanceModal = ({
   error = null,
   labels: customLabels
 }) => {
-  const labels = (0, import_react88.useMemo)(
+  const labels = (0, import_react89.useMemo)(
     () => ({ ...DEFAULT_PERFORMANCE_LABELS, ...customLabels }),
     [customLabels]
   );
   if (!data && !loading && !error) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     Modal_default,
     {
       isOpen,
@@ -27981,7 +28157,7 @@ var StudentPerformanceModal = ({
 };
 
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var RecommendedLessonDetails = ({
   goalId,
   data,
@@ -27995,15 +28171,15 @@ var RecommendedLessonDetails = ({
   labels: customLabels,
   className
 }) => {
-  const labels = (0, import_react90.useMemo)(
+  const labels = (0, import_react91.useMemo)(
     () => ({ ...DEFAULT_LABELS, ...customLabels }),
     [customLabels]
   );
-  const [performanceModalOpen, setPerformanceModalOpen] = (0, import_react90.useState)(false);
-  const [performanceData, setPerformanceData] = (0, import_react90.useState)(null);
-  const [performanceLoading, setPerformanceLoading] = (0, import_react90.useState)(false);
-  const [performanceError, setPerformanceError] = (0, import_react90.useState)(null);
-  const handleViewStudentPerformance = (0, import_react90.useCallback)(
+  const [performanceModalOpen, setPerformanceModalOpen] = (0, import_react91.useState)(false);
+  const [performanceData, setPerformanceData] = (0, import_react91.useState)(null);
+  const [performanceLoading, setPerformanceLoading] = (0, import_react91.useState)(false);
+  const [performanceError, setPerformanceError] = (0, import_react91.useState)(null);
+  const handleViewStudentPerformance = (0, import_react91.useCallback)(
     async (studentId) => {
       if (!fetchStudentPerformance || !goalId) return;
       setPerformanceModalOpen(true);
@@ -28024,12 +28200,12 @@ var RecommendedLessonDetails = ({
     },
     [fetchStudentPerformance, goalId]
   );
-  const handleClosePerformanceModal = (0, import_react90.useCallback)(() => {
+  const handleClosePerformanceModal = (0, import_react91.useCallback)(() => {
     setPerformanceModalOpen(false);
     setPerformanceData(null);
     setPerformanceError(null);
   }, []);
-  const defaultBreadcrumbs = (0, import_react90.useMemo)(
+  const defaultBreadcrumbs = (0, import_react91.useMemo)(
     () => [
       { label: "Aulas recomendadas", path: "/aulas-recomendadas" },
       { label: data?.goal.title || "Detalhes" }
@@ -28037,7 +28213,7 @@ var RecommendedLessonDetails = ({
     [data?.goal.title]
   );
   const breadcrumbItems = breadcrumbs || defaultBreadcrumbs;
-  const displayStudents = (0, import_react90.useMemo)(() => {
+  const displayStudents = (0, import_react91.useMemo)(() => {
     if (!data?.details.students) return [];
     const deadline = data?.goal.finalDate;
     return data.details.students.map(
@@ -28045,17 +28221,17 @@ var RecommendedLessonDetails = ({
     );
   }, [data?.details.students, data?.goal.finalDate]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "div",
       {
         className: cn("flex flex-col gap-6", className),
         "data-testid": "lesson-details-loading",
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(LoadingSkeleton, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LoadingSkeleton, {})
       }
     );
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "div",
       {
         className: cn(
@@ -28063,22 +28239,22 @@ var RecommendedLessonDetails = ({
           className
         ),
         "data-testid": "lesson-details-error",
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text_default, { size: "md", className: "text-error-700", children: error })
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text_default, { size: "md", className: "text-error-700", children: error })
       }
     );
   }
   if (!data) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
       "div",
       {
         className: cn("flex flex-col gap-6", className),
         "data-testid": "recommended-lesson-details",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             LessonHeader,
             {
               data,
@@ -28087,8 +28263,8 @@ var RecommendedLessonDetails = ({
               viewLessonLabel: labels.viewLesson
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ResultsSection, { data, labels }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ResultsSection, { data, labels }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             StudentsTable,
             {
               students: displayStudents,
@@ -28099,7 +28275,7 @@ var RecommendedLessonDetails = ({
         ]
       }
     ),
-    fetchStudentPerformance && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    fetchStudentPerformance && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       StudentPerformanceModal,
       {
         isOpen: performanceModalOpen,
@@ -28114,7 +28290,7 @@ var RecommendedLessonDetails = ({
 var RecommendedLessonDetails_default = RecommendedLessonDetails;
 
 // src/hooks/useRecommendedLessonsPage.ts
-var import_react91 = require("react");
+var import_react92 = require("react");
 var buildQueryParams2 = (filters) => {
   if (!filters) return {};
   const params = {};
@@ -28148,7 +28324,7 @@ var getClassOptions2 = (userData) => {
   });
   return Array.from(classMap.entries()).map(([id, name]) => ({ id, name }));
 };
-var getSubjectOptions3 = (userData) => {
+var getSubjectOptions4 = (userData) => {
   if (!userData?.subTeacherTopicClasses) return [];
   const subjectMap = /* @__PURE__ */ new Map();
   userData.subTeacherTopicClasses.forEach((stc) => {
@@ -28171,26 +28347,26 @@ var createUseRecommendedLessonsPage = (config) => {
     mapSubjectNameToEnum: mapSubjectNameToEnum2
   } = config;
   return () => {
-    const goalsMapRef = (0, import_react91.useRef)(/* @__PURE__ */ new Map());
-    const [sendModalOpen, setSendModalOpen] = (0, import_react91.useState)(false);
-    const [selectedModel, setSelectedModel] = (0, import_react91.useState)(null);
-    const [sendModalLoading, setSendModalLoading] = (0, import_react91.useState)(false);
-    const [sendModalCategories, setSendModalCategories] = (0, import_react91.useState)([]);
-    const userFilterData = (0, import_react91.useMemo)(
+    const goalsMapRef = (0, import_react92.useRef)(/* @__PURE__ */ new Map());
+    const [sendModalOpen, setSendModalOpen] = (0, import_react92.useState)(false);
+    const [selectedModel, setSelectedModel] = (0, import_react92.useState)(null);
+    const [sendModalLoading, setSendModalLoading] = (0, import_react92.useState)(false);
+    const [sendModalCategories, setSendModalCategories] = (0, import_react92.useState)([]);
+    const userFilterData = (0, import_react92.useMemo)(
       () => ({
         schools: getSchoolOptions2(userData),
         classes: getClassOptions2(userData),
-        subjects: getSubjectOptions3(userData)
+        subjects: getSubjectOptions4(userData)
       }),
       [userData]
     );
-    const subjectsMap = (0, import_react91.useMemo)(() => {
+    const subjectsMap = (0, import_react92.useMemo)(() => {
       const map = /* @__PURE__ */ new Map();
-      const subjects = getSubjectOptions3(userData);
+      const subjects = getSubjectOptions4(userData);
       subjects.forEach((s) => map.set(s.id, s.name));
       return map;
     }, [userData]);
-    const fetchGoalsHistory = (0, import_react91.useCallback)(
+    const fetchGoalsHistory = (0, import_react92.useCallback)(
       async (filters) => {
         const params = buildQueryParams2(filters);
         const response = await api.get(
@@ -28205,7 +28381,7 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.goalsHistory]
     );
-    const fetchGoalModels = (0, import_react91.useCallback)(
+    const fetchGoalModels = (0, import_react92.useCallback)(
       async (filters) => {
         const params = buildQueryParams2({
           ...filters,
@@ -28219,31 +28395,51 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.goalDrafts]
     );
-    const deleteGoalModel = (0, import_react91.useCallback)(
+    const deleteGoalModel = (0, import_react92.useCallback)(
       async (id) => {
         await api.delete(`${endpoints.goalDrafts}/${id}`);
       },
       [api, endpoints.goalDrafts]
     );
-    const handleCreateLesson = (0, import_react91.useCallback)(() => {
+    const fetchGoalDrafts = (0, import_react92.useCallback)(
+      async (filters) => {
+        const params = buildQueryParams2({
+          ...filters,
+          type: "RASCUNHO" /* RASCUNHO */
+        });
+        const response = await api.get(
+          endpoints.goalDrafts,
+          { params }
+        );
+        return response.data;
+      },
+      [api, endpoints.goalDrafts]
+    );
+    const deleteGoalDraft = (0, import_react92.useCallback)(
+      async (id) => {
+        await api.delete(`${endpoints.goalDrafts}/${id}`);
+      },
+      [api, endpoints.goalDrafts]
+    );
+    const handleCreateLesson = (0, import_react92.useCallback)(() => {
       navigate(paths.createLesson);
     }, []);
-    const handleCreateModel = (0, import_react91.useCallback)(() => {
+    const handleCreateModel = (0, import_react92.useCallback)(() => {
       navigate(paths.createModel);
     }, []);
-    const handleRowClick = (0, import_react91.useCallback)((row) => {
+    const handleRowClick = (0, import_react92.useCallback)((row) => {
       const originalData = goalsMapRef.current.get(row.id);
       navigate(`${paths.lessonDetails}/${row.id}`, {
         state: { goalData: originalData }
       });
     }, []);
-    const handleEditGoal = (0, import_react91.useCallback)((id) => {
+    const handleEditGoal = (0, import_react92.useCallback)((id) => {
       navigate(`${paths.editLesson}/${id}/editar`);
     }, []);
-    const handleEditModel = (0, import_react91.useCallback)((model) => {
+    const handleEditModel = (0, import_react92.useCallback)((model) => {
       navigate(`${paths.editModel}${model.id}`);
     }, []);
-    const handleSendLesson = (0, import_react91.useCallback)(
+    const handleSendLesson = (0, import_react92.useCallback)(
       (model) => {
         setSelectedModel(model);
         const classes = getClassOptions2(userData);
@@ -28266,7 +28462,7 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [userData]
     );
-    const handleSendLessonSubmit = (0, import_react91.useCallback)(
+    const handleSendLessonSubmit = (0, import_react92.useCallback)(
       async (formData) => {
         if (!selectedModel) return;
         setSendModalLoading(true);
@@ -28285,11 +28481,11 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.submitGoal, selectedModel]
     );
-    const handleSendModalClose = (0, import_react91.useCallback)(() => {
+    const handleSendModalClose = (0, import_react92.useCallback)(() => {
       setSendModalOpen(false);
       setSelectedModel(null);
     }, []);
-    const handleCategoriesChange = (0, import_react91.useCallback)(
+    const handleCategoriesChange = (0, import_react92.useCallback)(
       (categories) => {
         setSendModalCategories(categories);
       },
@@ -28306,6 +28502,10 @@ var createUseRecommendedLessonsPage = (config) => {
         onEditGoal: handleEditGoal,
         onEditModel: handleEditModel,
         onSendLesson: handleSendLesson,
+        fetchGoalDrafts,
+        deleteGoalDraft,
+        onSendDraft: handleSendLesson,
+        onEditDraft: handleEditModel,
         emptyStateImage,
         noSearchImage,
         mapSubjectNameToEnum: mapSubjectNameToEnum2,
@@ -28331,7 +28531,7 @@ var createUseRecommendedLessonsPage = (config) => {
 var createRecommendedLessonsPageHook = createUseRecommendedLessonsPage;
 
 // src/hooks/useRecommendedLessonDetails.ts
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_zod8 = require("zod");
 var goalLessonSubjectSchema = import_zod8.z.object({
   id: import_zod8.z.string(),
@@ -28434,12 +28634,12 @@ var handleLessonDetailsFetchError = (error) => {
 };
 var createUseRecommendedLessonDetails = (apiClient) => {
   return (lessonId) => {
-    const [state, setState] = (0, import_react92.useState)({
+    const [state, setState] = (0, import_react93.useState)({
       data: null,
       loading: true,
       error: null
     });
-    const fetchLessonDetails = (0, import_react92.useCallback)(async () => {
+    const fetchLessonDetails = (0, import_react93.useCallback)(async () => {
       if (!lessonId) {
         setState({
           data: null,
@@ -28485,7 +28685,7 @@ var createUseRecommendedLessonDetails = (apiClient) => {
         });
       }
     }, [lessonId]);
-    (0, import_react92.useEffect)(() => {
+    (0, import_react93.useEffect)(() => {
       fetchLessonDetails();
     }, [fetchLessonDetails]);
     return {
@@ -28497,20 +28697,20 @@ var createUseRecommendedLessonDetails = (apiClient) => {
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_phosphor_react54 = require("phosphor-react");
 
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
 var import_phosphor_react53 = require("phosphor-react");
 
 // src/components/ActivitiesHistory/utils/renderTruncatedText.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var renderTruncatedText = (value) => {
   const text = typeof value === "string" ? value : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text_default, { size: "sm", title: text, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Text_default, { size: "sm", title: text, children: text });
 };
 
 // src/components/ActivitiesHistory/utils/filterBuilders.ts
@@ -28556,7 +28756,7 @@ var getSchoolOptions3 = (data) => {
     name: school.name
   }));
 };
-var getSubjectOptions4 = (data) => {
+var getSubjectOptions5 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -28565,7 +28765,7 @@ var getSubjectOptions4 = (data) => {
 };
 
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var createHistoryTableColumns = (mapSubjectNameToEnum2) => [
   {
     key: "startDate",
@@ -28618,9 +28818,9 @@ var createHistoryTableColumns = (mapSubjectNameToEnum2) => [
     render: (value) => {
       const status = typeof value === "string" ? value : "";
       if (!status) {
-        return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         Badge_default,
         {
           variant: "solid",
@@ -28635,7 +28835,7 @@ var createHistoryTableColumns = (mapSubjectNameToEnum2) => [
     key: "completionPercentage",
     label: "Conclus\xE3o",
     sortable: true,
-    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       ProgressBar_default,
       {
         value: Number(value),
@@ -28652,7 +28852,7 @@ var createHistoryTableColumns = (mapSubjectNameToEnum2) => [
     label: "",
     sortable: false,
     className: "w-12",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_phosphor_react53.CaretRight, { size: 20, className: "text-text-600" }) })
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_phosphor_react53.CaretRight, { size: 20, className: "text-text-600" }) })
   }
 ];
 
@@ -28690,14 +28890,14 @@ var createHistoryFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions4(userData)
+        itens: getSubjectOptions5(userData)
       }
     ]
   }
 ];
 
 // src/hooks/useActivitiesHistory.ts
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_zod9 = require("zod");
 var import_dayjs6 = __toESM(require("dayjs"));
 var activityHistoryResponseSchema = import_zod9.z.object({
@@ -28756,13 +28956,13 @@ var handleActivityFetchError = createFetchErrorHandler(
 );
 var createUseActivitiesHistory = (fetchActivitiesHistory) => {
   return () => {
-    const [state, setState] = (0, import_react93.useState)({
+    const [state, setState] = (0, import_react94.useState)({
       activities: [],
       loading: false,
       error: null,
       pagination: DEFAULT_ACTIVITIES_PAGINATION
     });
-    const fetchActivities = (0, import_react93.useCallback)(
+    const fetchActivities = (0, import_react94.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -28797,7 +28997,7 @@ var createUseActivitiesHistory = (fetchActivitiesHistory) => {
 var createActivitiesHistoryHook = createUseActivitiesHistory;
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var HistoryTab = ({
   fetchActivitiesHistory,
   onCreateActivity,
@@ -28807,9 +29007,9 @@ var HistoryTab = ({
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   userFilterData
 }) => {
-  const fetchActivitiesHistoryRef = (0, import_react94.useRef)(fetchActivitiesHistory);
+  const fetchActivitiesHistoryRef = (0, import_react95.useRef)(fetchActivitiesHistory);
   fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
-  const useActivitiesHistory = (0, import_react94.useMemo)(
+  const useActivitiesHistory = (0, import_react95.useMemo)(
     () => createUseActivitiesHistory(
       (filters) => fetchActivitiesHistoryRef.current(filters)
     ),
@@ -28822,15 +29022,15 @@ var HistoryTab = ({
     pagination,
     fetchActivities
   } = useActivitiesHistory();
-  const historyFilterConfigs = (0, import_react94.useMemo)(
+  const historyFilterConfigs = (0, import_react95.useMemo)(
     () => createHistoryFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const historyTableColumns = (0, import_react94.useMemo)(
+  const historyTableColumns = (0, import_react95.useMemo)(
     () => createHistoryTableColumns(mapSubjectNameToEnum2),
     [mapSubjectNameToEnum2]
   );
-  const handleParamsChange = (0, import_react94.useCallback)(
+  const handleParamsChange = (0, import_react95.useCallback)(
     (params) => {
       const filters = buildHistoryFiltersFromParams(params);
       fetchActivities(filters);
@@ -28838,9 +29038,9 @@ var HistoryTab = ({
     [fetchActivities]
   );
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ErrorDisplay, { error });
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ErrorDisplay, { error });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     TableProvider,
     {
       data: activities,
@@ -28865,14 +29065,14 @@ var HistoryTab = ({
         image: noSearchImage
       },
       emptyState: {
-        component: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        component: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           EmptyState_default,
           {
             image: emptyStateImage,
             title: "Incentive sua turma ao aprendizado",
             description: "Crie uma nova atividade e ajude seus alunos a colocarem o conte\xFAdo em pr\xE1tica!",
             buttonText: "Criar atividade",
-            buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_phosphor_react54.Plus, { size: 18 }),
+            buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_phosphor_react54.Plus, { size: 18 }),
             buttonVariant: "outline",
             buttonAction: "primary",
             onButtonClick: onCreateActivity
@@ -28887,22 +29087,22 @@ var HistoryTab = ({
           table,
           pagination: paginationComponent
         } = renderProps;
-        return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               Button_default,
               {
                 variant: "solid",
                 action: "primary",
                 size: "medium",
                 onClick: onCreateActivity,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_phosphor_react54.Plus, { size: 18, weight: "bold" }),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_phosphor_react54.Plus, { size: 18, weight: "bold" }),
                 children: "Criar atividade"
               }
             ),
             controls
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
             table,
             paginationComponent
           ] })
@@ -28922,14 +29122,14 @@ var createModelsFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions4(userData)
+        itens: getSubjectOptions5(userData)
       }
     ]
   }
 ];
 
 // src/hooks/useActivityModels.ts
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_zod10 = require("zod");
 var import_dayjs7 = __toESM(require("dayjs"));
 var activityDraftFiltersSchema = import_zod10.z.object({
@@ -28990,13 +29190,13 @@ var handleModelFetchError = createFetchErrorHandler(
 );
 var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
   return () => {
-    const [state, setState] = (0, import_react95.useState)({
+    const [state, setState] = (0, import_react96.useState)({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_MODELS_PAGINATION
     });
-    const fetchModels = (0, import_react95.useCallback)(
+    const fetchModels = (0, import_react96.useCallback)(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -29031,7 +29231,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
       },
       [fetchActivityModels]
     );
-    const deleteModel = (0, import_react95.useCallback)(
+    const deleteModel = (0, import_react96.useCallback)(
       async (id) => {
         try {
           await deleteActivityModel(id);
@@ -29053,7 +29253,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
 var createActivityModelsHook = createUseActivityModels;
 
 // src/components/ActivitiesHistory/tabs/ModelsTab.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var ACTIVITY_MODELS_CONFIG = {
   entityName: "atividade",
   entityNamePlural: "atividades",
@@ -29079,7 +29279,7 @@ var ModelsTab = ({
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   userFilterData,
   subjectsMap
-}) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
   ModelsTabBase,
   {
     fetchModels: fetchActivityModels,
@@ -29107,13 +29307,13 @@ var ModelsTab = ({
 );
 
 // src/components/ActivitiesHistory/tabs/DraftsTab.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var DraftsTab = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
 };
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var PAGE_TITLES = {
   ["history" /* HISTORY */]: "Hist\xF3rico de atividades",
   ["drafts" /* DRAFTS */]: "Rascunhos",
@@ -29134,17 +29334,17 @@ var ActivitiesHistory = ({
   userFilterData,
   subjectsMap
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react96.useState)("history" /* HISTORY */);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  const [activeTab, setActiveTab] = (0, import_react97.useState)("history" /* HISTORY */);
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       "data-testid": "activities-history",
       className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1350px] mx-auto z-10 lg:px-0 px-4 pt-4 sm:pt-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col sm:flex-row w-full mb-6 items-start sm:items-center sm:justify-between gap-0 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col w-full h-full max-w-[1350px] mx-auto z-10 lg:px-0 px-4 pt-4 sm:pt-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col sm:flex-row w-full mb-6 items-start sm:items-center sm:justify-between gap-0 sm:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Text_default,
               {
                 as: "h1",
@@ -29153,7 +29353,7 @@ var ActivitiesHistory = ({
                 children: PAGE_TITLES[activeTab]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Menu,
               {
                 defaultValue: "history" /* HISTORY */,
@@ -29161,13 +29361,13 @@ var ActivitiesHistory = ({
                 onValueChange: (value) => setActiveTab(value),
                 variant: "menu2",
                 className: "bg-transparent shadow-none px-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                   MenuContent,
                   {
                     variant: "menu2",
                     className: "w-full lg:w-auto max-w-full min-w-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -29177,7 +29377,7 @@ var ActivitiesHistory = ({
                           children: "Hist\xF3rico"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -29187,7 +29387,7 @@ var ActivitiesHistory = ({
                           children: "Rascunhos"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -29203,8 +29403,8 @@ var ActivitiesHistory = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
-            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               HistoryTab,
               {
                 fetchActivitiesHistory,
@@ -29216,8 +29416,8 @@ var ActivitiesHistory = ({
                 userFilterData
               }
             ),
-            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DraftsTab, {}),
-            activeTab === "models" /* MODELS */ && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DraftsTab, {}),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               ModelsTab,
               {
                 fetchActivityModels,
@@ -29373,7 +29573,7 @@ var buildUserFilterData = (userData) => ({
 });
 
 // src/hooks/useChat.ts
-var import_react97 = require("react");
+var import_react98 = require("react");
 var WS_STATES = {
   CONNECTING: 0,
   OPEN: 1,
@@ -29392,25 +29592,25 @@ function useChat({
   reconnectInterval = 3e3,
   maxReconnectAttempts = 5
 }) {
-  const [isConnected, setIsConnected] = (0, import_react97.useState)(false);
-  const [messages, setMessages] = (0, import_react97.useState)([]);
-  const [participants, setParticipants] = (0, import_react97.useState)([]);
-  const [error, setError] = (0, import_react97.useState)(null);
-  const wsRef = (0, import_react97.useRef)(null);
-  const reconnectAttemptsRef = (0, import_react97.useRef)(0);
-  const reconnectTimeoutRef = (0, import_react97.useRef)(
+  const [isConnected, setIsConnected] = (0, import_react98.useState)(false);
+  const [messages, setMessages] = (0, import_react98.useState)([]);
+  const [participants, setParticipants] = (0, import_react98.useState)([]);
+  const [error, setError] = (0, import_react98.useState)(null);
+  const wsRef = (0, import_react98.useRef)(null);
+  const reconnectAttemptsRef = (0, import_react98.useRef)(0);
+  const reconnectTimeoutRef = (0, import_react98.useRef)(
     null
   );
-  const isManualDisconnectRef = (0, import_react97.useRef)(false);
-  const isConnectingRef = (0, import_react97.useRef)(false);
-  const connectRef = (0, import_react97.useRef)(() => {
+  const isManualDisconnectRef = (0, import_react98.useRef)(false);
+  const isConnectingRef = (0, import_react98.useRef)(false);
+  const connectRef = (0, import_react98.useRef)(() => {
   });
-  const sendWsMessage = (0, import_react97.useCallback)((message) => {
+  const sendWsMessage = (0, import_react98.useCallback)((message) => {
     if (wsRef.current?.readyState === WS_STATES.OPEN) {
       wsRef.current.send(JSON.stringify(message));
     }
   }, []);
-  const sendMessage = (0, import_react97.useCallback)(
+  const sendMessage = (0, import_react98.useCallback)(
     (content) => {
       const trimmedContent = content.trim();
       if (!trimmedContent) return;
@@ -29421,12 +29621,12 @@ function useChat({
     },
     [sendWsMessage]
   );
-  const leave = (0, import_react97.useCallback)(() => {
+  const leave = (0, import_react98.useCallback)(() => {
     isManualDisconnectRef.current = true;
     sendWsMessage({ type: "leave" });
     wsRef.current?.close(1e3, "User left");
   }, [sendWsMessage]);
-  const handleMessage = (0, import_react97.useCallback)(
+  const handleMessage = (0, import_react98.useCallback)(
     (event) => {
       try {
         const data = JSON.parse(event.data);
@@ -29494,7 +29694,7 @@ function useChat({
     },
     [onError]
   );
-  const connect = (0, import_react97.useCallback)(() => {
+  const connect = (0, import_react98.useCallback)(() => {
     if (isConnectingRef.current) {
       return;
     }
@@ -29548,12 +29748,12 @@ function useChat({
     maxReconnectAttempts
   ]);
   connectRef.current = connect;
-  const reconnect = (0, import_react97.useCallback)(() => {
+  const reconnect = (0, import_react98.useCallback)(() => {
     isManualDisconnectRef.current = false;
     reconnectAttemptsRef.current = 0;
     connectRef.current();
   }, []);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     if (!roomId) {
       return;
     }
@@ -29597,15 +29797,15 @@ function createUseChat(baseWsUrl) {
 }
 
 // src/hooks/useChatRooms.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 function useChatRooms({
   apiClient
 }) {
-  const [rooms, setRooms] = (0, import_react98.useState)([]);
-  const [availableUsers, setAvailableUsers] = (0, import_react98.useState)([]);
-  const [loading, setLoading] = (0, import_react98.useState)(false);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const fetchRooms = (0, import_react98.useCallback)(async () => {
+  const [rooms, setRooms] = (0, import_react99.useState)([]);
+  const [availableUsers, setAvailableUsers] = (0, import_react99.useState)([]);
+  const [loading, setLoading] = (0, import_react99.useState)(false);
+  const [error, setError] = (0, import_react99.useState)(null);
+  const fetchRooms = (0, import_react99.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -29621,7 +29821,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const fetchAvailableUsers = (0, import_react98.useCallback)(async () => {
+  const fetchAvailableUsers = (0, import_react99.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -29637,7 +29837,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const createRoom = (0, import_react98.useCallback)(
+  const createRoom = (0, import_react99.useCallback)(
     async (participantIds) => {
       setLoading(true);
       setError(null);
@@ -29661,7 +29861,7 @@ function useChatRooms({
     },
     [apiClient, fetchRooms]
   );
-  const clearError = (0, import_react98.useCallback)(() => {
+  const clearError = (0, import_react99.useCallback)(() => {
     setError(null);
   }, []);
   return {
@@ -29695,14 +29895,14 @@ var CHAT_MESSAGE_TYPES = {
 };
 
 // src/components/Chat/Chat.tsx
-var import_react99 = require("react");
-var import_react100 = require("@phosphor-icons/react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_react100 = require("react");
+var import_react101 = require("@phosphor-icons/react");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var RoomItem = ({
   room,
   onClick,
   isActive
-}) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
   Button_default,
   {
     variant: "link",
@@ -29712,16 +29912,16 @@ var RoomItem = ({
       "hover:bg-background-100",
       isActive && "bg-primary-50 border-l-4 border-primary-500"
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react100.UsersIcon, { size: 20, className: "text-primary-600" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
-        room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react101.UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
+        room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
           room.lastMessage.senderName,
           ": ",
           room.lastMessage.content
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text_default, { size: "xs", className: "text-text-400 mt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text_default, { size: "xs", className: "text-text-400 mt-1", children: [
           room.participantCount,
           " participantes"
         ] })
@@ -29732,28 +29932,28 @@ var RoomItem = ({
 var MessageBubble = ({
   message,
   isOwn
-}) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("flex gap-2 mb-3", isOwn && "flex-row-reverse"), children: [
-  !isOwn && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: message.senderPhoto ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("flex gap-2 mb-3", isOwn && "flex-row-reverse"), children: [
+  !isOwn && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: message.senderPhoto ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "img",
     {
       src: message.senderPhoto,
       alt: message.senderName,
       className: "w-8 h-8 rounded-full object-cover"
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: message.senderName.charAt(0).toUpperCase() }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("max-w-[70%]", isOwn && "items-end"), children: [
-    !isOwn && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", className: "text-text-500 mb-1", children: message.senderName }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: message.senderName.charAt(0).toUpperCase() }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("max-w-[70%]", isOwn && "items-end"), children: [
+    !isOwn && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", className: "text-text-500 mb-1", children: message.senderName }),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "div",
       {
         className: cn(
           "px-4 py-2 rounded-2xl",
           isOwn ? "bg-primary-500 text-white rounded-br-md" : "bg-background-100 text-text-900 rounded-bl-md"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", children: message.content })
+        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", children: message.content })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Text_default,
       {
         size: "xs",
@@ -29766,28 +29966,28 @@ var MessageBubble = ({
     )
   ] })
 ] });
-var ParticipantItem = ({ participant }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2 py-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", children: participant.photo ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+var ParticipantItem = ({ participant }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-2 py-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", children: participant.photo ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "img",
       {
         src: participant.photo,
         alt: participant.name,
         className: "w-8 h-8 rounded-full object-cover"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: participant.name.charAt(0).toUpperCase() }) }),
-    participant.isOnline && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: participant.name.charAt(0).toUpperCase() }) }),
+    participant.isOnline && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white" })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1 min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-text-900 truncate", children: participant.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", className: "text-text-500", children: participant.role })
+  /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-900 truncate", children: participant.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", className: "text-text-500", children: participant.role })
   ] })
 ] });
 var UserSelector = ({
   users,
   selectedIds,
   onToggle
-}) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
   Button_default,
   {
     variant: "link",
@@ -29797,26 +29997,26 @@ var UserSelector = ({
       selectedIds.has(user.userInstitutionId) ? "bg-primary-50 border border-primary-500" : "bg-background-50 hover:bg-background-100 border border-transparent"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center", children: user.photo ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center", children: user.photo ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "img",
         {
           src: user.photo,
           alt: user.name,
           className: "w-10 h-10 rounded-full object-cover"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-gray-600", children: user.name.charAt(0).toUpperCase() }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1 text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: user.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", className: "text-text-500", children: user.profileName })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-gray-600", children: user.name.charAt(0).toUpperCase() }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1 text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", className: "text-text-500", children: user.profileName })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "div",
         {
           className: cn(
             "w-5 h-5 rounded-full border-2 flex items-center justify-center",
             selectedIds.has(user.userInstitutionId) ? "bg-primary-500 border-primary-500" : "border-gray-300"
           ),
-          children: selectedIds.has(user.userInstitutionId) && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-2 h-2 bg-white rounded-full" })
+          children: selectedIds.has(user.userInstitutionId) && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-2 h-2 bg-white rounded-full" })
         }
       )
     ]
@@ -29826,9 +30026,9 @@ var UserSelector = ({
 function Chat(props) {
   const { userId, token } = props;
   if (!userId || !token) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ChatContent, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ChatContent, { ...props });
 }
 function ChatContent({
   apiClient,
@@ -29843,16 +30043,16 @@ function ChatContent({
   onRoomChange,
   onBackToList
 }) {
-  const [view, setView] = (0, import_react99.useState)("list");
-  const [selectedRoom, setSelectedRoom] = (0, import_react99.useState)(
+  const [view, setView] = (0, import_react100.useState)("list");
+  const [selectedRoom, setSelectedRoom] = (0, import_react100.useState)(
     null
   );
-  const [selectedUserIds, setSelectedUserIds] = (0, import_react99.useState)(
+  const [selectedUserIds, setSelectedUserIds] = (0, import_react100.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [messageInput, setMessageInput] = (0, import_react99.useState)("");
-  const [showCreateModal, setShowCreateModal] = (0, import_react99.useState)(false);
-  const hasHandledInitialRoomRef = (0, import_react99.useRef)(false);
+  const [messageInput, setMessageInput] = (0, import_react100.useState)("");
+  const [showCreateModal, setShowCreateModal] = (0, import_react100.useState)(false);
+  const hasHandledInitialRoomRef = (0, import_react100.useRef)(false);
   const {
     rooms,
     availableUsers,
@@ -29880,10 +30080,10 @@ function ChatContent({
   const getRoleLabel = () => {
     return userRole === "TEACHER" /* TEACHER */ ? "Professor" : "Aluno";
   };
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     fetchRooms();
   }, [fetchRooms]);
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (hasHandledInitialRoomRef.current) {
       return;
     }
@@ -29905,7 +30105,7 @@ function ChatContent({
       onBackToList?.();
     }
   }, [initialRoomId, rooms, roomsLoading, onBackToList]);
-  const handleSelectRoom = (0, import_react99.useCallback)(
+  const handleSelectRoom = (0, import_react100.useCallback)(
     (room) => {
       setSelectedRoom(room);
       setView("room");
@@ -29913,12 +30113,12 @@ function ChatContent({
     },
     [onRoomChange]
   );
-  const handleOpenCreateModal = (0, import_react99.useCallback)(async () => {
+  const handleOpenCreateModal = (0, import_react100.useCallback)(async () => {
     await fetchAvailableUsers();
     setSelectedUserIds(/* @__PURE__ */ new Set());
     setShowCreateModal(true);
   }, [fetchAvailableUsers]);
-  const handleToggleUser = (0, import_react99.useCallback)((id) => {
+  const handleToggleUser = (0, import_react100.useCallback)((id) => {
     setSelectedUserIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) {
@@ -29929,7 +30129,7 @@ function ChatContent({
       return next;
     });
   }, []);
-  const handleCreateRoom = (0, import_react99.useCallback)(async () => {
+  const handleCreateRoom = (0, import_react100.useCallback)(async () => {
     if (selectedUserIds.size === 0) return;
     const room = await createRoom(Array.from(selectedUserIds));
     if (room) {
@@ -29938,30 +30138,30 @@ function ChatContent({
       onRoomChange?.(room.id);
     }
   }, [selectedUserIds, createRoom, onRoomChange]);
-  const handleSendMessage = (0, import_react99.useCallback)(() => {
+  const handleSendMessage = (0, import_react100.useCallback)(() => {
     if (!messageInput.trim()) return;
     sendMessage(messageInput);
     setMessageInput("");
   }, [messageInput, sendMessage]);
-  const handleBackToList = (0, import_react99.useCallback)(() => {
+  const handleBackToList = (0, import_react100.useCallback)(() => {
     setSelectedRoom(null);
     setView("list");
     onBackToList?.();
   }, [onBackToList]);
   const renderMessagesContent = () => {
     if (chatError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro de conexao com o chat" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro de conexao com o chat" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
       ] }) });
     }
     const userMessages = messages?.filter(
       (message) => message.messageType !== CHAT_MESSAGE_TYPES.SYSTEM
     );
     if (!userMessages?.length) {
-      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
     }
-    return userMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return userMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       MessageBubble,
       {
         message,
@@ -29970,57 +30170,57 @@ function ChatContent({
       message.id
     ));
   };
-  const renderRoomList = () => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: userPhoto ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  const renderRoomList = () => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: userPhoto ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "img",
           {
             src: userPhoto,
             alt: userName,
             className: "w-10 h-10 rounded-full object-cover"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-primary-600", children: userName.charAt(0).toUpperCase() }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-900", children: "Conversas" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text_default, { size: "xs", className: "text-text-500", children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-primary-600", children: userName.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-900", children: "Conversas" }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text_default, { size: "xs", className: "text-text-500", children: [
             userName,
             " - ",
             getRoleLabel()
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         Button_default,
         {
           variant: "solid",
           size: "small",
           onClick: handleOpenCreateModal,
-          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react100.PlusIcon, { size: 16 }),
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react101.PlusIcon, { size: 16 }),
           children: "Nova conversa"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1 overflow-y-auto p-2", children: [
-      roomsError && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro ao carregar conversas" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button_default, { variant: "outline", size: "small", onClick: fetchRooms, children: "Tentar novamente" })
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1 overflow-y-auto p-2", children: [
+      roomsError && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro ao carregar conversas" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button_default, { variant: "outline", size: "small", onClick: fetchRooms, children: "Tentar novamente" })
       ] }),
-      !roomsError && roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-3 p-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SkeletonText, { className: "w-3/4 h-4 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SkeletonText, { className: "w-1/2 h-3" })
+      !roomsError && roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-3 p-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SkeletonText, { className: "w-3/4 h-4 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SkeletonText, { className: "w-1/2 h-3" })
         ] })
       ] }, i)) }),
-      !roomsError && !roomsLoading && !rooms?.length && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      !roomsError && !roomsLoading && !rooms?.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         EmptyState_default,
         {
           title: "Nenhuma conversa",
           description: "Comece uma nova conversa clicando no botao acima"
         }
       ),
-      !roomsError && !roomsLoading && !!rooms?.length && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      !roomsError && !roomsLoading && !!rooms?.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         RoomItem,
         {
           room,
@@ -30033,18 +30233,18 @@ function ChatContent({
   ] });
   const renderChatRoom = () => {
     if (!selectedRoom) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex h-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1 flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react100.XIcon, { size: 20 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex h-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react101.XIcon, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex-1 overflow-y-auto p-4", children: renderMessagesContent() }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "p-4 border-t border-background-200", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex-1 overflow-y-auto p-4", children: renderMessagesContent() }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "p-4 border-t border-background-200", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             Input_default,
             {
               placeholder: "Digite sua mensagem...",
@@ -30059,24 +30259,24 @@ function ChatContent({
               className: "flex-1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             Button_default,
             {
               variant: "solid",
               onClick: handleSendMessage,
               disabled: !messageInput.trim() || !isConnected,
-              children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react100.PaperPlaneTiltIcon, { size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react101.PaperPlaneTiltIcon, { size: 20 })
             }
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
           "Participantes (",
           participants?.length ?? 0,
           ")"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-1", children: participants?.map((participant) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-1", children: participants?.map((participant) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           ParticipantItem,
           {
             participant
@@ -30086,7 +30286,7 @@ function ChatContent({
       ] })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       className: cn(
@@ -30096,20 +30296,20 @@ function ChatContent({
       children: [
         view === "list" && renderRoomList(),
         view === "room" && renderChatRoom(),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Modal_default,
           {
             isOpen: showCreateModal,
             onClose: () => setShowCreateModal(false),
             title: "Nova conversa",
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-text-600 mb-4", children: "Selecione os participantes para iniciar uma conversa" }),
-              roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SkeletonText, { className: "flex-1 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-600 mb-4", children: "Selecione os participantes para iniciar uma conversa" }),
+              roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SkeletonText, { className: "flex-1 h-4" })
               ] }, i)) }),
-              !roomsLoading && !availableUsers?.length && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
-              !roomsLoading && !!availableUsers?.length && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              !roomsLoading && !availableUsers?.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
+              !roomsLoading && !!availableUsers?.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 UserSelector,
                 {
                   users: availableUsers,
@@ -30117,9 +30317,9 @@ function ChatContent({
                   onToggle: handleToggleUser
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex justify-end gap-2 mt-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button_default, { variant: "outline", onClick: () => setShowCreateModal(false), children: "Cancelar" }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex justify-end gap-2 mt-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button_default, { variant: "outline", onClick: () => setShowCreateModal(false), children: "Cancelar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   Button_default,
                   {
                     variant: "solid",
@@ -30138,9 +30338,9 @@ function ChatContent({
 }
 
 // src/components/Chat/ChatLoading.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function ChatLoading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
 }
 
 // src/utils/chatUtils.ts
@@ -30189,7 +30389,7 @@ var CalendarActivityStatus = /* @__PURE__ */ ((CalendarActivityStatus2) => {
 })(CalendarActivityStatus || {});
 
 // src/hooks/useSendActivity.ts
-var import_react101 = require("react");
+var import_react102 = require("react");
 var import_dayjs8 = __toESM(require("dayjs"));
 function transformToCategoryConfig(data) {
   return [
@@ -30244,21 +30444,21 @@ function useSendActivity(config) {
     onSuccess,
     onError
   } = config;
-  const [isOpen, setIsOpen] = (0, import_react101.useState)(false);
-  const [selectedModel, setSelectedModel] = (0, import_react101.useState)(
+  const [isOpen, setIsOpen] = (0, import_react102.useState)(false);
+  const [selectedModel, setSelectedModel] = (0, import_react102.useState)(
     null
   );
-  const [categories, setCategories] = (0, import_react101.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react101.useState)(false);
-  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react101.useState)(false);
-  const categoriesLoadedRef = (0, import_react101.useRef)(false);
-  const initialData = (0, import_react101.useMemo)(() => {
+  const [categories, setCategories] = (0, import_react102.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react102.useState)(false);
+  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react102.useState)(false);
+  const categoriesLoadedRef = (0, import_react102.useRef)(false);
+  const initialData = (0, import_react102.useMemo)(() => {
     if (!selectedModel) return void 0;
     return {
       title: selectedModel.title
     };
   }, [selectedModel]);
-  const loadCategories = (0, import_react101.useCallback)(async () => {
+  const loadCategories = (0, import_react102.useCallback)(async () => {
     if (categoriesLoadedRef.current) return;
     setIsCategoriesLoading(true);
     try {
@@ -30273,7 +30473,7 @@ function useSendActivity(config) {
       setIsCategoriesLoading(false);
     }
   }, [fetchCategories, onError]);
-  const openModal = (0, import_react101.useCallback)(
+  const openModal = (0, import_react102.useCallback)(
     (model) => {
       setSelectedModel(model);
       setIsOpen(true);
@@ -30281,17 +30481,17 @@ function useSendActivity(config) {
     },
     [loadCategories]
   );
-  const closeModal = (0, import_react101.useCallback)(() => {
+  const closeModal = (0, import_react102.useCallback)(() => {
     setIsOpen(false);
     setSelectedModel(null);
   }, []);
-  const onCategoriesChange = (0, import_react101.useCallback)(
+  const onCategoriesChange = (0, import_react102.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
     },
     []
   );
-  const handleSubmit = (0, import_react101.useCallback)(
+  const handleSubmit = (0, import_react102.useCallback)(
     async (data) => {
       if (!selectedModel) return;
       setIsLoading(true);
@@ -30400,6 +30600,7 @@ function useSendActivity(config) {
   CorrectActivityModal,
   CreateActivity,
   DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_GOAL_DRAFTS_PAGINATION,
   DEFAULT_GOAL_MODELS_PAGINATION,
   DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM,
@@ -30423,6 +30624,7 @@ function useSendActivity(config) {
   GoalBadgeActionType,
   GoalDisplayStatus,
   GoalDraftType,
+  GoalDraftsTab,
   GoalPageTab,
   IconButton,
   IconRender,
@@ -30544,6 +30746,7 @@ function useSendActivity(config) {
   createActivitiesHistoryHook,
   createActivityFiltersDataHook,
   createActivityModelsHook,
+  createGoalDraftsHook,
   createGoalModelsHook,
   createNotificationStore,
   createNotificationsHook,
@@ -30556,6 +30759,7 @@ function useSendActivity(config) {
   createUseActivityModels,
   createUseChat,
   createUseChatRooms,
+  createUseGoalDrafts,
   createUseGoalModels,
   createUseNotificationStore,
   createUseNotifications,
@@ -30602,6 +30806,7 @@ function useSendActivity(config) {
   goalModelsApiResponseSchema,
   goalsHistoryApiResponseSchema,
   handleActivityFetchError,
+  handleGoalDraftFetchError,
   handleGoalFetchError,
   handleGoalModelFetchError,
   handleLessonDetailsFetchError,