analytica-frontend-lib 1.2.83 → 1.2.85

package/dist/RecommendedLessonsHistory/index.js

@@ -37,7 +37,7 @@ __export(RecommendedLessonsHistory_exports, {
 module.exports = __toCommonJS(RecommendedLessonsHistory_exports);
 
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_phosphor_react17 = require("phosphor-react");
 
 // src/utils/utils.ts
@@ -580,7 +580,7 @@ var injectStore = (children, store) => import_react2.Children.map(children, (chi
 });
 
 // src/components/TableProvider/TableProvider.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/Table/Table.tsx
 var import_react4 = require("react");
@@ -2678,7 +2678,7 @@ Search.displayName = "Search";
 var Search_default = Search;
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/CheckBox/CheckBox.tsx
 var import_react12 = require("react");
@@ -5469,6 +5469,120 @@ var getSubjectInfo = (subject) => {
   };
 };
 
+// src/components/shared/ModelsTabBase/createModelsTableColumnsBase.tsx
+var import_phosphor_react14 = require("phosphor-react");
+
+// src/utils/renderSubjectCell.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
+  if (!subjectName) {
+    return showEmptyDash ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
+  }
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  if (!subjectEnum) {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+  }
+  const subjectInfo = getSubjectInfo(subjectEnum);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "span",
+      {
+        className: cn(
+          "w-[21px] h-[21px] flex items-center justify-center rounded-sm text-text-950 shrink-0",
+          subjectInfo.colorClass
+        ),
+        children: subjectInfo.icon
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
+  ] });
+};
+
+// src/components/shared/ModelsTabBase/createModelsTableColumnsBase.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var createModelsTableColumnsBase = (mapSubjectNameToEnum, onSend, onEdit, onDelete, config) => [
+  {
+    key: "title",
+    label: "T\xEDtulo",
+    sortable: true,
+    className: "max-w-[400px]",
+    render: (value) => {
+      const title = typeof value === "string" ? value : "";
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text_default, { size: "sm", title, className: "truncate block", children: title });
+    }
+  },
+  {
+    key: "savedAt",
+    label: "Salvo em",
+    sortable: true,
+    className: "w-[120px]"
+  },
+  {
+    key: "subject",
+    label: "Mat\xE9ria",
+    sortable: true,
+    className: "max-w-[160px]",
+    render: (value) => {
+      const subjectName = typeof value === "string" ? value : "";
+      return renderSubjectCell(subjectName, mapSubjectNameToEnum, true);
+    }
+  },
+  {
+    key: "actions",
+    label: "",
+    sortable: false,
+    className: "w-[220px]",
+    render: (_value, row) => {
+      const handleSend = (e) => {
+        e.stopPropagation();
+        onSend?.(row);
+      };
+      const handleEdit = (e) => {
+        e.stopPropagation();
+        onEdit?.(row);
+      };
+      const handleDelete = (e) => {
+        e.stopPropagation();
+        onDelete(row);
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 justify-end", children: [
+        onSend && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          Button_default,
+          {
+            variant: "outline",
+            action: "primary",
+            size: "small",
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react14.PaperPlaneTilt, { size: 16 }),
+            onClick: handleSend,
+            "aria-label": config.sendButtonAriaLabel,
+            children: config.sendButtonLabel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react14.Trash, { size: 20 }),
+            size: "md",
+            onClick: handleDelete,
+            "aria-label": config.deleteButtonAriaLabel,
+            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
+          }
+        ),
+        onEdit && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react14.PencilSimple, { size: 20 }),
+            size: "md",
+            onClick: handleEdit,
+            "aria-label": config.editButtonAriaLabel,
+            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
+          }
+        )
+      ] });
+    }
+  }
+];
+
 // src/types/common.ts
 var getStatusBadgeAction = (status) => {
   const actionMap = {
@@ -5761,40 +5875,91 @@ var createUseGoalModels = (fetchGoalModels, deleteGoalModel) => {
   };
 };
 
-// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var ErrorDisplay = ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) });
-
-// src/utils/renderSubjectCell.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
-  if (!subjectName) {
-    return showEmptyDash ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
-  }
-  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
-  if (!subjectEnum) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
-  }
-  const subjectInfo = getSubjectInfo(subjectEnum);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "span",
-      {
-        className: cn(
-          "w-[21px] h-[21px] flex items-center justify-center rounded-sm text-text-950 shrink-0",
-          subjectInfo.colorClass
-        ),
-        children: subjectInfo.icon
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
-  ] });
+// src/hooks/useGoalDrafts.ts
+var import_react20 = 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_react20.useState)({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_GOAL_DRAFTS_PAGINATION
+    });
+    const fetchModels = (0, import_react20.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_react20.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
+    };
+  };
 };
 
 // src/components/shared/ModelsTabBase/ModelsTabBase.tsx
-var import_react20 = require("react");
-var import_phosphor_react14 = require("phosphor-react");
+var import_react21 = require("react");
+var import_phosphor_react15 = require("phosphor-react");
+
+// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
+var ErrorDisplay = ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) });
+
+// src/components/shared/ModelsTabBase/ModelsTabBase.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var ModelsTabBase = ({
   fetchModels: fetchModelsProp,
   deleteModel: deleteModelProp,
@@ -5812,16 +5977,16 @@ var ModelsTabBase = ({
   buildFiltersFromParams: buildFiltersFromParams2,
   createUseModels
 }) => {
-  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react20.useState)(false);
-  const [modelToDelete, setModelToDelete] = (0, import_react20.useState)(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react21.useState)(false);
+  const [modelToDelete, setModelToDelete] = (0, import_react21.useState)(null);
   const { addToast } = useToast();
-  const fetchModelsRef = (0, import_react20.useRef)(fetchModelsProp);
+  const fetchModelsRef = (0, import_react21.useRef)(fetchModelsProp);
   fetchModelsRef.current = fetchModelsProp;
-  const deleteModelRef = (0, import_react20.useRef)(deleteModelProp);
+  const deleteModelRef = (0, import_react21.useRef)(deleteModelProp);
   deleteModelRef.current = deleteModelProp;
-  const subjectsMapRef = (0, import_react20.useRef)(subjectsMap);
+  const subjectsMapRef = (0, import_react21.useRef)(subjectsMap);
   subjectsMapRef.current = subjectsMap;
-  const useModels = (0, import_react20.useMemo)(
+  const useModels = (0, import_react21.useMemo)(
     () => createUseModels(
       (filters) => fetchModelsRef.current(filters),
       (id) => deleteModelRef.current(id)
@@ -5836,15 +6001,15 @@ var ModelsTabBase = ({
     fetchModels,
     deleteModel
   } = useModels();
-  const modelsFilterConfigs = (0, import_react20.useMemo)(
+  const modelsFilterConfigs = (0, import_react21.useMemo)(
     () => createFiltersConfig(userFilterData),
     [createFiltersConfig, userFilterData]
   );
-  const handleDeleteClick = (0, import_react20.useCallback)((model) => {
+  const handleDeleteClick = (0, import_react21.useCallback)((model) => {
     setModelToDelete(model);
     setDeleteDialogOpen(true);
   }, []);
-  const modelsTableColumns = (0, import_react20.useMemo)(
+  const modelsTableColumns = (0, import_react21.useMemo)(
     () => createTableColumns2(
       mapSubjectNameToEnum,
       onSend,
@@ -5859,17 +6024,17 @@ var ModelsTabBase = ({
       handleDeleteClick
     ]
   );
-  const handleParamsChange = (0, import_react20.useCallback)(
+  const handleParamsChange = (0, import_react21.useCallback)(
     (params) => {
       const filters = buildFiltersFromParams2(params);
       fetchModels(filters, subjectsMapRef.current);
     },
     [buildFiltersFromParams2, fetchModels]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
   }, [fetchModels]);
-  const handleConfirmDelete = (0, import_react20.useCallback)(async () => {
+  const handleConfirmDelete = (0, import_react21.useCallback)(async () => {
     if (modelToDelete) {
       const success = await deleteModel(modelToDelete.id);
       if (success) {
@@ -5882,13 +6047,13 @@ var ModelsTabBase = ({
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, [modelToDelete, deleteModel, fetchModels, addToast]);
-  const handleCancelDelete = (0, import_react20.useCallback)(() => {
+  const handleCancelDelete = (0, import_react21.useCallback)(() => {
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Toaster_default, {}),
-    modelsError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-full", "data-testid": config.testId, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Toaster_default, {}),
+    modelsError ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full", "data-testid": config.testId, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       TableProvider,
       {
         data: models,
@@ -5912,14 +6077,14 @@ var ModelsTabBase = ({
           image: noSearchImage
         },
         emptyState: {
-          component: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          component: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             EmptyState_default,
             {
               image: emptyStateImage,
               title: config.emptyStateTitle,
               description: config.emptyStateDescription,
               buttonText: "Criar modelo",
-              buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_phosphor_react14.Plus, { size: 18 }),
+              buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react15.Plus, { size: 18 }),
               buttonVariant: "outline",
               buttonAction: "primary",
               onButtonClick: onCreateModel
@@ -5933,22 +6098,22 @@ var ModelsTabBase = ({
             table,
             pagination: paginationComponent
           } = renderProps;
-          return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 Button_default,
                 {
                   variant: "solid",
                   action: "primary",
                   size: "medium",
                   onClick: onCreateModel,
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_phosphor_react14.Plus, { size: 18, weight: "bold" }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react15.Plus, { size: 18, weight: "bold" }),
                   children: "Criar modelo"
                 }
               ),
               controls
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
               table,
               paginationComponent
             ] })
@@ -5956,7 +6121,7 @@ var ModelsTabBase = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       AlertDialog,
       {
         isOpen: deleteDialogOpen,
@@ -5972,92 +6137,98 @@ var ModelsTabBase = ({
   ] });
 };
 
-// src/components/shared/ModelsTabBase/createModelsTableColumnsBase.tsx
-var import_phosphor_react15 = require("phosphor-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var createModelsTableColumnsBase = (mapSubjectNameToEnum, onSend, onEdit, onDelete, config) => [
-  {
-    key: "title",
-    label: "T\xEDtulo",
-    sortable: true,
-    className: "max-w-[400px]",
-    render: (value) => {
-      const title = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text_default, { size: "sm", title, className: "truncate block", children: title });
-    }
-  },
-  {
-    key: "savedAt",
-    label: "Salvo em",
-    sortable: true,
-    className: "w-[120px]"
-  },
-  {
-    key: "subject",
-    label: "Mat\xE9ria",
-    sortable: true,
-    className: "max-w-[160px]",
-    render: (value) => {
-      const subjectName = typeof value === "string" ? value : "";
-      return renderSubjectCell(subjectName, mapSubjectNameToEnum, true);
-    }
-  },
+// src/components/RecommendedLessonsHistory/config/draftsFiltersConfig.ts
+var getSubjectOptions = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+var createGoalDraftsFiltersConfig = (userData) => [
   {
-    key: "actions",
-    label: "",
-    sortable: false,
-    className: "w-[220px]",
-    render: (_value, row) => {
-      const handleSend = (e) => {
-        e.stopPropagation();
-        onSend?.(row);
-      };
-      const handleEdit = (e) => {
-        e.stopPropagation();
-        onEdit?.(row);
-      };
-      const handleDelete = (e) => {
-        e.stopPropagation();
-        onDelete(row);
-      };
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2 justify-end", children: [
-        onSend && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          Button_default,
-          {
-            variant: "outline",
-            action: "primary",
-            size: "small",
-            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react15.PaperPlaneTilt, { size: 16 }),
-            onClick: handleSend,
-            "aria-label": config.sendButtonAriaLabel,
-            children: config.sendButtonLabel
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          IconButton_default,
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react15.Trash, { size: 20 }),
-            size: "md",
-            onClick: handleDelete,
-            "aria-label": config.deleteButtonAriaLabel,
-            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
-          }
-        ),
-        onEdit && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          IconButton_default,
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react15.PencilSimple, { size: 20 }),
-            size: "md",
-            onClick: handleEdit,
-            "aria-label": config.editButtonAriaLabel,
-            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
-          }
-        )
-      ] });
-    }
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions(userData)
+      }
+    ]
   }
 ];
 
+// src/components/RecommendedLessonsHistory/utils/filterBuilders.ts
+var buildGoalModelsFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (Array.isArray(params.subject) && params.subject.length > 0) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+
+// src/components/RecommendedLessonsHistory/tabs/DraftsTab.tsx
+var import_jsx_runtime37 = 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,
+  userFilterData,
+  subjectsMap
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ModelsTabBase,
+  {
+    fetchModels: fetchGoalDrafts,
+    deleteModel: deleteGoalDraft,
+    onCreateModel: onCreateDraft,
+    onSend: onSendDraft,
+    onEditModel: onEditDraft,
+    emptyStateImage,
+    noSearchImage,
+    mapSubjectNameToEnum,
+    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/CheckBoxGroup/CheckBoxGroup.helpers.ts
 var areSelectedIdsEqual = (ids1, ids2) => {
   if (ids1 === ids2) return true;
@@ -6140,7 +6311,7 @@ var calculateFormattedItemsForAutoSelection = (category, allCategories) => {
 };
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var CheckboxGroup = ({
   categories,
   onCategoriesChange,
@@ -6148,14 +6319,14 @@ var CheckboxGroup = ({
   showDivider = true,
   showSingleItem = false
 }) => {
-  const [openAccordion, setOpenAccordion] = (0, import_react21.useState)("");
-  const onCategoriesChangeRef = (0, import_react21.useRef)(onCategoriesChange);
-  const previousCategoriesRef = (0, import_react21.useRef)(categories);
-  const appliedAutoSelectionRef = (0, import_react21.useRef)("");
-  (0, import_react21.useEffect)(() => {
+  const [openAccordion, setOpenAccordion] = (0, import_react22.useState)("");
+  const onCategoriesChangeRef = (0, import_react22.useRef)(onCategoriesChange);
+  const previousCategoriesRef = (0, import_react22.useRef)(categories);
+  const appliedAutoSelectionRef = (0, import_react22.useRef)("");
+  (0, import_react22.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
-  const categoriesWithAutoSelection = (0, import_react21.useMemo)(() => {
+  const categoriesWithAutoSelection = (0, import_react22.useMemo)(() => {
     return categories.map((category) => {
       const filteredItems = calculateFormattedItemsForAutoSelection(
         category,
@@ -6170,7 +6341,7 @@ var CheckboxGroup = ({
       return category;
     });
   }, [categories]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
     previousCategoriesRef.current = categories;
     const hasAutoSelectionChanges = categoriesWithAutoSelection.some(
@@ -6292,7 +6463,7 @@ var CheckboxGroup = ({
     );
     return groupedItems.length ? groupedItems : [{ itens: [] }];
   };
-  const formattedItemsMap = (0, import_react21.useMemo)(() => {
+  const formattedItemsMap = (0, import_react22.useMemo)(() => {
     const formattedItemsMap2 = {};
     for (const category of categories) {
       const formattedItems = calculateFormattedItems(category.key);
@@ -6447,8 +6618,8 @@ var CheckboxGroup = ({
   };
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         CheckBox_default,
         {
           id: uniqueId,
@@ -6456,7 +6627,7 @@ var CheckboxGroup = ({
           onChange: () => toggleItem(categoryKey, item.id)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "label",
         {
           htmlFor: uniqueId,
@@ -6466,12 +6637,12 @@ var CheckboxGroup = ({
       )
     ] }, item.id);
   };
-  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: "flex flex-col gap-3",
       children: [
-        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
+        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
         formattedGroup.itens?.map(
           (item) => renderCheckboxItem(item, categoryKey)
         )
@@ -6479,9 +6650,9 @@ var CheckboxGroup = ({
     },
     formattedGroup.groupLabel || `group-${idx}`
   );
-  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between w-full p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between w-full p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         CheckBox_default,
         {
           checked: isMinimalOneCheckBoxIsSelected(category.key),
@@ -6490,7 +6661,7 @@ var CheckboxGroup = ({
           onChange: () => toggleAllInCategory(category.key)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Text_default,
         {
           size: "sm",
@@ -6500,7 +6671,7 @@ var CheckboxGroup = ({
         }
       )
     ] }),
-    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
+    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
   ] });
   const renderCompactSingleItem = (category) => {
     const formattedItems = getFormattedItems(category.key);
@@ -6509,13 +6680,13 @@ var CheckboxGroup = ({
       return null;
     }
     const singleItem = allItems[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         className: "flex items-center justify-between w-full px-3 py-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
         ]
       },
       category.key
@@ -6531,16 +6702,16 @@ var CheckboxGroup = ({
     const allItems = formattedItems.flatMap((group) => group.itens || []);
     const hasOnlyOneAvailableItem = allItems.length === 1;
     if (compactSingleItem && hasOnlyOneAvailableItem && isEnabled) {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
         renderCompactSingleItem(category),
-        showDivider && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Divider_default, {})
+        showDivider && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Divider_default, {})
       ] }, category.key);
     }
     const hasNoItems = formattedItems.every(
       (group) => !group.itens || group.itens.length === 0
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         CardAccordation,
         {
           value: category.key,
@@ -6550,15 +6721,15 @@ var CheckboxGroup = ({
             openAccordion === category.key && "bg-background-50 border-none"
           ),
           trigger: renderAccordionTrigger(category, isEnabled),
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
             (formattedGroup, idx) => renderFormattedGroup(formattedGroup, idx, category.key)
           ) })
         }
       ),
-      openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Divider_default, {})
+      openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Divider_default, {})
     ] }, category.key);
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!openAccordion) return;
     const category = categories.find((c) => c.key === openAccordion);
     if (!category) return;
@@ -6569,7 +6740,7 @@ var CheckboxGroup = ({
       }, 0);
     }
   }, [categories, openAccordion]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     AccordionGroup,
     {
       type: "single",
@@ -6582,7 +6753,7 @@ var CheckboxGroup = ({
 };
 
 // src/components/Filter/FilterModal.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var FilterModal = ({
   isOpen,
   onClose,
@@ -6610,20 +6781,20 @@ var FilterModal = ({
   const handleClear = () => {
     onClear();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Modal_default,
     {
       isOpen,
       onClose,
       title,
       size,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
-          config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
+          config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "svg",
             {
               width: "16",
@@ -6633,7 +6804,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
@@ -6643,7 +6814,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M2 10.6667L8 14L14 10.6667",
@@ -6653,7 +6824,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M2 8L8 11.3333L14 8",
@@ -6666,7 +6837,7 @@ var FilterModal = ({
               ]
             }
           ),
-          config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "svg",
             {
               width: "16",
@@ -6676,7 +6847,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z",
@@ -6686,7 +6857,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M2 6H14",
@@ -6696,7 +6867,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "path",
                   {
                     d: "M6 2V14",
@@ -6709,9 +6880,9 @@ var FilterModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: config.label })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: config.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           CheckboxGroup,
           {
             categories: config.categories,
@@ -6725,7 +6896,7 @@ var FilterModal = ({
 
 // src/components/TableProvider/TableProvider.tsx
 var import_phosphor_react16 = require("phosphor-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function TableProvider({
   data,
   headers,
@@ -6749,7 +6920,7 @@ function TableProvider({
   containerClassName,
   children
 }) {
-  const [searchQuery, setSearchQuery] = (0, import_react22.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react23.useState)("");
   const sortResultRaw = useTableSort(data, { syncWithUrl: true });
   const sortResult = enableTableSort ? sortResultRaw : {
     sortedData: data,
@@ -6760,7 +6931,7 @@ function TableProvider({
   };
   const { sortedData, sortColumn, sortDirection, handleSort } = sortResult;
   const filterResultRaw = useTableFilter(initialFilters, { syncWithUrl: true });
-  const disabledFilterResult = (0, import_react22.useMemo)(
+  const disabledFilterResult = (0, import_react23.useMemo)(
     () => ({
       filterConfigs: [],
       activeFilters: {},
@@ -6790,10 +6961,10 @@ function TableProvider({
     totalItems,
     totalPages
   } = paginationConfig;
-  const [currentPage, setCurrentPage] = (0, import_react22.useState)(1);
-  const [itemsPerPage, setItemsPerPage] = (0, import_react22.useState)(defaultItemsPerPage);
-  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react22.useState)(false);
-  const combinedParams = (0, import_react22.useMemo)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react23.useState)(1);
+  const [itemsPerPage, setItemsPerPage] = (0, import_react23.useState)(defaultItemsPerPage);
+  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react23.useState)(false);
+  const combinedParams = (0, import_react23.useMemo)(() => {
     const params = {
       page: currentPage,
       limit: itemsPerPage
@@ -6820,26 +6991,26 @@ function TableProvider({
     enableFilters,
     enableTableSort
   ]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = (0, import_react22.useCallback)((value) => {
+  const handleSearchChange = (0, import_react23.useCallback)((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleFilterApply = (0, import_react22.useCallback)(() => {
+  const handleFilterApply = (0, import_react23.useCallback)(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = (0, import_react22.useCallback)((page) => {
+  const handlePageChange = (0, import_react23.useCallback)((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = (0, import_react22.useCallback)((items) => {
+  const handleItemsPerPageChange = (0, import_react23.useCallback)((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = (0, import_react22.useCallback)(
+  const handleRowClickInternal = (0, import_react23.useCallback)(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -6847,7 +7018,7 @@ function TableProvider({
     },
     [enableRowClick, onRowClick]
   );
-  const useInternalPagination = (0, import_react22.useMemo)(
+  const useInternalPagination = (0, import_react23.useMemo)(
     () => enablePagination && !onParamsChange && totalItems === void 0 && totalPages === void 0,
     [enablePagination, onParamsChange, totalItems, totalPages]
   );
@@ -6855,7 +7026,7 @@ function TableProvider({
     (totalItems ?? (useInternalPagination ? sortedData.length : data.length)) / itemsPerPage
   );
   const calculatedTotalItems = totalItems ?? (useInternalPagination ? sortedData.length : data.length);
-  const displayData = (0, import_react22.useMemo)(() => {
+  const displayData = (0, import_react23.useMemo)(() => {
     if (!useInternalPagination) {
       return sortedData;
     }
@@ -6866,21 +7037,21 @@ function TableProvider({
   const showLoading = loading;
   const showNoSearchResult = !loading && data.length === 0 && searchQuery.trim() !== "";
   const showEmpty = !loading && data.length === 0 && searchQuery.trim() === "";
-  const controls = (enableSearch || enableFilters) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-4", children: [
-    enableFilters && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  const controls = (enableSearch || enableFilters) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-4", children: [
+    enableFilters && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       Button_default,
       {
         variant: "outline",
         size: "medium",
         onClick: () => setIsFilterModalOpen(true),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react16.Funnel, { size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react16.Funnel, { size: 20 }),
           "Filtros",
-          hasActiveFilters && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "ml-2 rounded-full bg-primary-500 px-2 py-0.5 text-xs text-white", children: Object.keys(activeFilters).length })
+          hasActiveFilters && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ml-2 rounded-full bg-primary-500 px-2 py-0.5 text-xs text-white", children: Object.keys(activeFilters).length })
         ]
       }
     ),
-    enableSearch && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    enableSearch && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Search_default,
       {
         value: searchQuery,
@@ -6891,11 +7062,11 @@ function TableProvider({
       }
     ) })
   ] });
-  const headerSection = (headerContent || controls) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
-    headerContent && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: headerContent }),
-    controls && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 md:flex-none", children: controls })
+  const headerSection = (headerContent || controls) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
+    headerContent && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: headerContent }),
+    controls && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 md:flex-none", children: controls })
   ] });
-  const table = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  const table = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     Table_default,
     {
       variant,
@@ -6906,11 +7077,11 @@ function TableProvider({
       showEmpty,
       emptyState,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           TableRow,
           {
             variant: variant === "borderless" ? "defaultBorderless" : "default",
-            children: headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               TableHead,
               {
                 sortable: enableTableSort && header.sortable,
@@ -6924,7 +7095,7 @@ function TableProvider({
             ))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
           const effectiveIndex = useInternalPagination ? (currentPage - 1) * itemsPerPage + rowIndex : rowIndex;
           const rowKeyValue = rowKey ? (() => {
             const keyValue = row[rowKey];
@@ -6936,7 +7107,7 @@ function TableProvider({
             }
             return String(keyValue);
           })() : `row-${effectiveIndex}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             TableRow,
             {
               variant: variant === "borderless" ? "defaultBorderless" : "default",
@@ -6957,7 +7128,7 @@ function TableProvider({
                   }
                 }
                 const content = header.render ? header.render(value, row, effectiveIndex) : defaultContent;
-                return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   TableCell,
                   {
                     className: header.className,
@@ -6976,7 +7147,7 @@ function TableProvider({
       ]
     }
   ) });
-  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     TablePagination_default,
     {
       currentPage,
@@ -6990,13 +7161,13 @@ function TableProvider({
     }
   ) });
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
       children({
         controls: headerSection || controls || null,
         table,
         pagination
       }),
-      enableFilters && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      enableFilters && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         FilterModal,
         {
           isOpen: isFilterModalOpen,
@@ -7010,11 +7181,11 @@ function TableProvider({
     ] });
   }
   const wrapperClassName = containerClassName || "w-full space-y-4";
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: wrapperClassName, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: wrapperClassName, children: [
     headerSection,
     table,
     pagination,
-    enableFilters && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    enableFilters && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       FilterModal,
       {
         isOpen: isFilterModalOpen,
@@ -7029,7 +7200,7 @@ function TableProvider({
 }
 
 // src/components/RecommendedLessonsHistory/config/modelsFiltersConfig.ts
-var getSubjectOptions = (data) => {
+var getSubjectOptions2 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -7045,29 +7216,14 @@ var createGoalModelsFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions(userData)
+        itens: getSubjectOptions2(userData)
       }
     ]
   }
 ];
 
-// src/components/RecommendedLessonsHistory/utils/filterBuilders.ts
-var buildGoalModelsFiltersFromParams = (params) => {
-  const filters = {
-    page: params.page,
-    limit: params.limit
-  };
-  if (params.search) {
-    filters.search = params.search;
-  }
-  if (Array.isArray(params.subject) && params.subject.length > 0) {
-    filters.subjectId = params.subject[0];
-  }
-  return filters;
-};
-
 // src/components/RecommendedLessonsHistory/tabs/ModelsTab.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var GOAL_MODELS_CONFIG = {
   entityName: "aula",
   entityNamePlural: "aulas",
@@ -7093,7 +7249,7 @@ var GoalModelsTab = ({
   mapSubjectNameToEnum,
   userFilterData,
   subjectsMap
-}) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   ModelsTabBase,
   {
     fetchModels: fetchGoalModels,
@@ -7121,7 +7277,7 @@ var GoalModelsTab = ({
 );
 
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var GoalPageTab = /* @__PURE__ */ ((GoalPageTab2) => {
   GoalPageTab2["HISTORY"] = "history";
   GoalPageTab2["DRAFTS"] = "drafts";
@@ -7167,7 +7323,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,
@@ -7233,7 +7389,7 @@ var createGoalFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions2(userData)
+        itens: getSubjectOptions3(userData)
       },
       {
         key: "theme",
@@ -7286,7 +7442,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     className: "max-w-[200px] truncate",
     render: (value) => {
       const title = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", title, children: title });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", title, children: title });
     }
   },
   {
@@ -7296,7 +7452,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     className: "max-w-[150px] truncate",
     render: (value) => {
       const school = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", title: school, children: school });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", title: school, children: school });
     }
   },
   {
@@ -7313,11 +7469,11 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
       const subjectName = typeof value === "string" ? value : "";
       const subjectEnum = mapSubjectNameToEnum?.(subjectName);
       if (!subjectEnum) {
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
       }
       const subjectInfo = getSubjectInfo(subjectEnum);
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "span",
           {
             className: cn(
@@ -7327,7 +7483,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
             children: subjectInfo.icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
       ] });
     }
   },
@@ -7343,9 +7499,9 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     render: (value) => {
       const status = typeof value === "string" ? value : "";
       if (!status) {
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         Badge_default,
         {
           variant: "solid",
@@ -7360,7 +7516,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     key: "completionPercentage",
     label: "Conclus\xE3o",
     sortable: true,
-    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       ProgressBar_default,
       {
         value: Number(value),
@@ -7386,20 +7542,20 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
         e.stopPropagation();
         onEditGoal?.(row.id);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.Trash, { size: 20 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react17.Trash, { size: 20 }),
             size: "sm",
             title: "Excluir",
             onClick: handleDelete
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.PencilSimple, { size: 20 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react17.PencilSimple, { size: 20 }),
             size: "sm",
             title: "Editar",
             onClick: handleEdit
@@ -7413,7 +7569,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     label: "",
     sortable: false,
     className: "w-12",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.CaretRight, { size: 20, className: "text-text-600" }) })
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react17.CaretRight, { size: 20, className: "text-text-600" }) })
   }
 ];
 var RecommendedLessonsHistory = ({
@@ -7435,18 +7591,22 @@ var RecommendedLessonsHistory = ({
   onSendLesson,
   onEditModel,
   subjectsMap,
+  fetchGoalDrafts,
+  deleteGoalDraft,
+  onSendDraft,
+  onEditDraft,
   defaultTab,
   onTabChange
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react23.useState)(
+  const [activeTab, setActiveTab] = (0, import_react24.useState)(
     defaultTab ?? "history" /* HISTORY */
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (defaultTab !== void 0) {
       setActiveTab(defaultTab);
     }
   }, [defaultTab]);
-  const handleTabChange = (0, import_react23.useCallback)(
+  const handleTabChange = (0, import_react24.useCallback)(
     (value) => {
       const newTab = value;
       setActiveTab(newTab);
@@ -7454,9 +7614,9 @@ var RecommendedLessonsHistory = ({
     },
     [onTabChange]
   );
-  const fetchGoalsHistoryRef = (0, import_react23.useRef)(fetchGoalsHistory);
+  const fetchGoalsHistoryRef = (0, import_react24.useRef)(fetchGoalsHistory);
   fetchGoalsHistoryRef.current = fetchGoalsHistory;
-  const useGoalsHistory = (0, import_react23.useMemo)(
+  const useGoalsHistory = (0, import_react24.useMemo)(
     () => createUseRecommendedLessonsHistory(
       (filters) => fetchGoalsHistoryRef.current(filters)
     ),
@@ -7469,31 +7629,31 @@ var RecommendedLessonsHistory = ({
     pagination,
     fetchGoals
   } = useGoalsHistory();
-  const initialFilterConfigs = (0, import_react23.useMemo)(
+  const initialFilterConfigs = (0, import_react24.useMemo)(
     () => createGoalFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const tableColumns = (0, import_react23.useMemo)(
+  const tableColumns = (0, import_react24.useMemo)(
     () => createTableColumns(mapSubjectNameToEnum, onDeleteGoal, onEditGoal),
     [mapSubjectNameToEnum, onDeleteGoal, onEditGoal]
   );
-  const handleParamsChange = (0, import_react23.useCallback)(
+  const handleParamsChange = (0, import_react24.useCallback)(
     (params) => {
       const filters = buildFiltersFromParams(params);
       fetchGoals(filters);
     },
     [fetchGoals]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.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_runtime42.jsx)(
               Text_default,
               {
                 as: "h1",
@@ -7502,7 +7662,7 @@ var RecommendedLessonsHistory = ({
                 children: title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               Menu,
               {
                 defaultValue: "history" /* HISTORY */,
@@ -7510,13 +7670,13 @@ var RecommendedLessonsHistory = ({
                 onValueChange: handleTabChange,
                 variant: "menu2",
                 className: "bg-transparent shadow-none px-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                   MenuContent,
                   {
                     variant: "menu2",
                     className: "w-full lg:w-auto max-w-full min-w-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7526,7 +7686,7 @@ var RecommendedLessonsHistory = ({
                           children: "Hist\xF3rico"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7536,7 +7696,7 @@ var RecommendedLessonsHistory = ({
                           children: "Rascunhos"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7552,8 +7712,8 @@ var RecommendedLessonsHistory = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
-            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               TableProvider,
               {
                 data: goals,
@@ -7578,14 +7738,14 @@ var RecommendedLessonsHistory = ({
                   image: noSearchImage
                 },
                 emptyState: {
-                  component: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  component: /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime41.jsx)(import_phosphor_react17.Plus, { size: 18 }),
+                      buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react17.Plus, { size: 18 }),
                       buttonVariant: "outline",
                       buttonAction: "primary",
                       onButtonClick: onCreateLesson
@@ -7600,22 +7760,22 @@ var RecommendedLessonsHistory = ({
                     table,
                     pagination: paginationComponent
                   } = renderProps;
-                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         Button_default,
                         {
                           variant: "solid",
                           action: "primary",
                           size: "medium",
                           onClick: onCreateLesson,
-                          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react17.Plus, { size: 18, weight: "bold" }),
+                          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_phosphor_react17.Plus, { size: 18, weight: "bold" }),
                           children: createButtonText
                         }
                       ),
                       controls
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
                       table,
                       paginationComponent
                     ] })
@@ -7623,8 +7783,22 @@ var RecommendedLessonsHistory = ({
                 }
               }
             ) }) }),
-            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) }),
-            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            activeTab === "drafts" /* DRAFTS */ && fetchGoalDrafts && deleteGoalDraft && onCreateLesson && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              GoalDraftsTab,
+              {
+                fetchGoalDrafts,
+                deleteGoalDraft,
+                onCreateDraft: onCreateLesson,
+                onSendDraft,
+                onEditDraft,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData,
+                subjectsMap
+              }
+            ),
+            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               GoalModelsTab,
               {
                 fetchGoalModels,