analytica-frontend-lib 1.2.78 → 1.2.79

package/dist/ActivitiesHistory/index.mjs

@@ -295,8 +295,8 @@ var injectStore = (children, store) => Children.map(children, (child) => {
 });
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-import { useCallback as useCallback5, useMemo as useMemo6, useRef as useRef7 } from "react";
-import { Plus } from "phosphor-react";
+import { useCallback as useCallback6, useMemo as useMemo7, useRef as useRef8 } from "react";
+import { Plus as Plus2 } from "phosphor-react";
 
 // src/components/Button/Button.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -403,7 +403,7 @@ var EmptyState = ({
 var EmptyState_default = EmptyState;
 
 // src/components/TableProvider/TableProvider.tsx
-import { useState as useState14, useEffect as useEffect14, useMemo as useMemo5, useCallback as useCallback4 } from "react";
+import { useState as useState15, useEffect as useEffect15, useMemo as useMemo6, useCallback as useCallback5 } from "react";
 
 // src/components/Table/Table.tsx
 import {
@@ -2524,7 +2524,7 @@ Search.displayName = "Search";
 var Search_default = Search;
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-import { useEffect as useEffect13, useMemo as useMemo4, useRef as useRef6, useState as useState13 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef7, useState as useState14 } from "react";
 
 // src/components/Badge/Badge.tsx
 import { Bell } from "phosphor-react";
@@ -5538,8 +5538,320 @@ var mapApiStatusToDisplay = (apiStatus) => {
   return statusMap[apiStatus];
 };
 
+// src/components/shared/ModelsTabBase/ModelsTabBase.tsx
+import { useState as useState11, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef6, useEffect as useEffect13 } from "react";
+import { Plus } from "phosphor-react";
+
+// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var ErrorDisplay = ({ error }) => /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx33(Text_default, { size: "lg", color: "text-error-500", children: error }) });
+
+// src/components/shared/ModelsTabBase/ModelsTabBase.tsx
+import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+var ModelsTabBase = ({
+  fetchModels: fetchModelsProp,
+  deleteModel: deleteModelProp,
+  onCreateModel,
+  onSend,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap,
+  config,
+  createTableColumns,
+  createFiltersConfig,
+  buildFiltersFromParams,
+  createUseModels
+}) => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState11(false);
+  const [modelToDelete, setModelToDelete] = useState11(null);
+  const { addToast } = useToast();
+  const fetchModelsRef = useRef6(fetchModelsProp);
+  fetchModelsRef.current = fetchModelsProp;
+  const deleteModelRef = useRef6(deleteModelProp);
+  deleteModelRef.current = deleteModelProp;
+  const subjectsMapRef = useRef6(subjectsMap);
+  subjectsMapRef.current = subjectsMap;
+  const useModels = useMemo4(
+    () => createUseModels(
+      (filters) => fetchModelsRef.current(filters),
+      (id) => deleteModelRef.current(id)
+    ),
+    [createUseModels]
+  );
+  const {
+    models,
+    loading: modelsLoading,
+    error: modelsError,
+    pagination: modelsPagination,
+    fetchModels,
+    deleteModel
+  } = useModels();
+  const modelsFilterConfigs = useMemo4(
+    () => createFiltersConfig(userFilterData),
+    [createFiltersConfig, userFilterData]
+  );
+  const handleDeleteClick = useCallback2((model) => {
+    setModelToDelete(model);
+    setDeleteDialogOpen(true);
+  }, []);
+  const modelsTableColumns = useMemo4(
+    () => createTableColumns(
+      mapSubjectNameToEnum,
+      onSend,
+      onEditModel,
+      handleDeleteClick
+    ),
+    [
+      createTableColumns,
+      mapSubjectNameToEnum,
+      onSend,
+      onEditModel,
+      handleDeleteClick
+    ]
+  );
+  const handleParamsChange = useCallback2(
+    (params) => {
+      const filters = buildFiltersFromParams(params);
+      fetchModels(filters, subjectsMapRef.current);
+    },
+    [buildFiltersFromParams, fetchModels]
+  );
+  useEffect13(() => {
+    fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+  }, [fetchModels]);
+  const handleConfirmDelete = useCallback2(async () => {
+    if (modelToDelete) {
+      const success = await deleteModel(modelToDelete.id);
+      if (success) {
+        addToast({ title: "Modelo deletado com sucesso", action: "success" });
+        fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+      } else {
+        addToast({ title: "Erro ao deletar modelo", action: "warning" });
+      }
+    }
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, [modelToDelete, deleteModel, fetchModels, addToast]);
+  const handleCancelDelete = useCallback2(() => {
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, []);
+  return /* @__PURE__ */ jsxs22(Fragment7, { children: [
+    /* @__PURE__ */ jsx34(Toaster_default, {}),
+    modelsError ? /* @__PURE__ */ jsx34(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ jsx34("div", { className: "w-full", "data-testid": config.testId, children: /* @__PURE__ */ jsx34(
+      TableProvider,
+      {
+        data: models,
+        headers: modelsTableColumns,
+        loading: modelsLoading,
+        variant: "borderless",
+        enableSearch: true,
+        enableFilters: true,
+        enableTableSort: true,
+        enablePagination: true,
+        initialFilters: modelsFilterConfigs,
+        paginationConfig: {
+          itemLabel: "modelos",
+          itemsPerPageOptions: [10, 20, 50, 100],
+          defaultItemsPerPage: 10,
+          totalItems: modelsPagination.total,
+          totalPages: modelsPagination.totalPages
+        },
+        searchPlaceholder: config.searchPlaceholder,
+        noSearchResultState: {
+          image: noSearchImage
+        },
+        emptyState: {
+          component: /* @__PURE__ */ jsx34(
+            EmptyState_default,
+            {
+              image: emptyStateImage,
+              title: config.emptyStateTitle,
+              description: config.emptyStateDescription,
+              buttonText: "Criar modelo",
+              buttonIcon: /* @__PURE__ */ jsx34(Plus, { size: 18 }),
+              buttonVariant: "outline",
+              buttonAction: "primary",
+              onButtonClick: onCreateModel
+            }
+          )
+        },
+        onParamsChange: handleParamsChange,
+        children: (renderProps) => {
+          const {
+            controls,
+            table,
+            pagination: paginationComponent
+          } = renderProps;
+          return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsx34(
+                Button_default,
+                {
+                  variant: "solid",
+                  action: "primary",
+                  size: "medium",
+                  onClick: onCreateModel,
+                  iconLeft: /* @__PURE__ */ jsx34(Plus, { size: 18, weight: "bold" }),
+                  children: "Criar modelo"
+                }
+              ),
+              controls
+            ] }),
+            /* @__PURE__ */ jsxs22("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+              table,
+              paginationComponent
+            ] })
+          ] });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx34(
+      AlertDialog,
+      {
+        isOpen: deleteDialogOpen,
+        onChangeOpen: setDeleteDialogOpen,
+        title: "Deletar modelo",
+        description: `Tem certeza que deseja deletar o modelo "${modelToDelete?.title}"? Esta a\xE7\xE3o n\xE3o pode ser desfeita.`,
+        submitButtonLabel: "Deletar",
+        cancelButtonLabel: "Cancelar",
+        onSubmit: handleConfirmDelete,
+        onCancel: handleCancelDelete
+      }
+    )
+  ] });
+};
+
+// src/components/shared/ModelsTabBase/createModelsTableColumnsBase.tsx
+import { Trash, PencilSimple, PaperPlaneTilt } from "phosphor-react";
+
+// src/utils/renderSubjectCell.tsx
+import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
+  if (!subjectName) {
+    return showEmptyDash ? /* @__PURE__ */ jsx35(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
+  }
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  if (!subjectEnum) {
+    return /* @__PURE__ */ jsx35(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+  }
+  const subjectInfo = getSubjectInfo(subjectEnum);
+  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", title: subjectName, children: [
+    /* @__PURE__ */ jsx35(
+      "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__ */ jsx35(Text_default, { size: "sm", className: "truncate", children: subjectName })
+  ] });
+};
+
+// src/components/shared/ModelsTabBase/createModelsTableColumnsBase.tsx
+import { jsx as jsx36, jsxs as jsxs24 } from "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__ */ jsx36(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__ */ jsxs24("div", { className: "flex items-center gap-2 justify-end", children: [
+        onSend && /* @__PURE__ */ jsx36(
+          Button_default,
+          {
+            variant: "outline",
+            action: "primary",
+            size: "small",
+            iconLeft: /* @__PURE__ */ jsx36(PaperPlaneTilt, { size: 16 }),
+            onClick: handleSend,
+            "aria-label": config.sendButtonAriaLabel,
+            children: config.sendButtonLabel
+          }
+        ),
+        /* @__PURE__ */ jsx36(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx36(Trash, { size: 20 }),
+            size: "md",
+            onClick: handleDelete,
+            "aria-label": config.deleteButtonAriaLabel,
+            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
+          }
+        ),
+        onEdit && /* @__PURE__ */ jsx36(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx36(PencilSimple, { size: 20 }),
+            size: "md",
+            onClick: handleEdit,
+            "aria-label": config.editButtonAriaLabel,
+            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
+          }
+        )
+      ] });
+    }
+  }
+];
+
+// src/utils/hookErrorHandler.ts
+import { z } from "zod";
+var createFetchErrorHandler = (validationErrorMessage, genericErrorMessage) => (error) => {
+  if (error instanceof z.ZodError) {
+    console.error(validationErrorMessage, error);
+    return validationErrorMessage;
+  }
+  console.error(genericErrorMessage, error);
+  return genericErrorMessage;
+};
+
 // src/hooks/useActivitiesHistory.ts
-import { useState as useState11, useCallback as useCallback2 } from "react";
+import { useState as useState12, useCallback as useCallback3 } from "react";
 import { z as z2 } from "zod";
 import dayjs from "dayjs";
 
@@ -5557,17 +5869,6 @@ var ACTIVITY_FILTER_STATUS_OPTIONS = [
 ];
 var mapActivityStatusToDisplay = (apiStatus) => mapApiStatusToDisplay(apiStatus);
 
-// src/utils/hookErrorHandler.ts
-import { z } from "zod";
-var createFetchErrorHandler = (validationErrorMessage, genericErrorMessage) => (error) => {
-  if (error instanceof z.ZodError) {
-    console.error(validationErrorMessage, error);
-    return validationErrorMessage;
-  }
-  console.error(genericErrorMessage, error);
-  return genericErrorMessage;
-};
-
 // src/hooks/useActivitiesHistory.ts
 var activityHistoryResponseSchema = z2.object({
   id: z2.string().uuid(),
@@ -5625,13 +5926,13 @@ var handleActivityFetchError = createFetchErrorHandler(
 );
 var createUseActivitiesHistory = (fetchActivitiesHistory) => {
   return () => {
-    const [state, setState] = useState11({
+    const [state, setState] = useState12({
       activities: [],
       loading: false,
       error: null,
       pagination: DEFAULT_ACTIVITIES_PAGINATION
     });
-    const fetchActivities = useCallback2(
+    const fetchActivities = useCallback3(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -5665,7 +5966,7 @@ var createUseActivitiesHistory = (fetchActivitiesHistory) => {
 };
 
 // src/hooks/useActivityModels.ts
-import { useState as useState12, useCallback as useCallback3 } from "react";
+import { useState as useState13, useCallback as useCallback4 } from "react";
 import { z as z3 } from "zod";
 import dayjs2 from "dayjs";
 var activityDraftFiltersSchema = z3.object({
@@ -5715,13 +6016,13 @@ var handleModelFetchError = createFetchErrorHandler(
 );
 var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
   return () => {
-    const [state, setState] = useState12({
+    const [state, setState] = useState13({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_MODELS_PAGINATION
     });
-    const fetchModels = useCallback3(
+    const fetchModels = useCallback4(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -5756,7 +6057,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
       },
       [fetchActivityModels]
     );
-    const deleteModel = useCallback3(
+    const deleteModel = useCallback4(
       async (id) => {
         try {
           await deleteActivityModel(id);
@@ -5858,7 +6159,7 @@ var calculateFormattedItemsForAutoSelection = (category, allCategories) => {
 };
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
 var CheckboxGroup = ({
   categories,
   onCategoriesChange,
@@ -5866,14 +6167,14 @@ var CheckboxGroup = ({
   showDivider = true,
   showSingleItem = false
 }) => {
-  const [openAccordion, setOpenAccordion] = useState13("");
-  const autoSelectionAppliedRef = useRef6(false);
-  const onCategoriesChangeRef = useRef6(onCategoriesChange);
-  const previousCategoriesRef = useRef6(categories);
-  useEffect13(() => {
+  const [openAccordion, setOpenAccordion] = useState14("");
+  const autoSelectionAppliedRef = useRef7(false);
+  const onCategoriesChangeRef = useRef7(onCategoriesChange);
+  const previousCategoriesRef = useRef7(categories);
+  useEffect14(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
-  const categoriesWithAutoSelection = useMemo4(() => {
+  const categoriesWithAutoSelection = useMemo5(() => {
     return categories.map((category) => {
       const filteredItems = calculateFormattedItemsForAutoSelection(
         category,
@@ -5888,7 +6189,7 @@ var CheckboxGroup = ({
       return category;
     });
   }, [categories]);
-  useEffect13(() => {
+  useEffect14(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
     if (!categoriesChanged && autoSelectionAppliedRef.current) {
       return;
@@ -6006,7 +6307,7 @@ var CheckboxGroup = ({
     );
     return groupedItems.length ? groupedItems : [{ itens: [] }];
   };
-  const formattedItemsMap = useMemo4(() => {
+  const formattedItemsMap = useMemo5(() => {
     const formattedItemsMap2 = {};
     for (const category of categories) {
       const formattedItems = calculateFormattedItems(category.key);
@@ -6161,7 +6462,7 @@ var CheckboxGroup = ({
   };
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs25(
       "div",
       {
         className: "flex items-center gap-3 px-2",
@@ -6171,7 +6472,7 @@ var CheckboxGroup = ({
         onMouseUp: (e) => e.stopPropagation(),
         onKeyDown: (e) => e.stopPropagation(),
         children: [
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx37(
             CheckBox_default,
             {
               id: uniqueId,
@@ -6179,7 +6480,7 @@ var CheckboxGroup = ({
               onChange: () => toggleItem(categoryKey, item.id)
             }
           ),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx37(
             "label",
             {
               htmlFor: uniqueId,
@@ -6192,12 +6493,12 @@ var CheckboxGroup = ({
       item.id
     );
   };
-  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ jsxs22(
+  const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ jsxs25(
     "div",
     {
       className: "flex flex-col gap-3",
       children: [
-        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ jsx33(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
+        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
         formattedGroup.itens?.map(
           (item) => renderCheckboxItem(item, categoryKey)
         )
@@ -6205,9 +6506,9 @@ var CheckboxGroup = ({
     },
     formattedGroup.groupLabel || `group-${idx}`
   );
-  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between w-full p-2", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx33(
+  const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between w-full p-2", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx37(
         CheckBox_default,
         {
           checked: isMinimalOneCheckBoxIsSelected(category.key),
@@ -6216,7 +6517,7 @@ var CheckboxGroup = ({
           onChange: () => toggleAllInCategory(category.key)
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx37(
         Text_default,
         {
           size: "sm",
@@ -6226,7 +6527,7 @@ var CheckboxGroup = ({
         }
       )
     ] }),
-    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ jsx33(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
+    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ jsx37(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
   ] });
   const renderCompactSingleItem = (category) => {
     const formattedItems = getFormattedItems(category.key);
@@ -6235,13 +6536,13 @@ var CheckboxGroup = ({
       return null;
     }
     const singleItem = allItems[0];
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs25(
       "div",
       {
         className: "flex items-center justify-between w-full px-3 py-2",
         children: [
-          /* @__PURE__ */ jsx33(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
-          /* @__PURE__ */ jsx33(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
+          /* @__PURE__ */ jsx37(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
+          /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
         ]
       },
       category.key
@@ -6257,16 +6558,16 @@ var CheckboxGroup = ({
     const allItems = formattedItems.flatMap((group) => group.itens || []);
     const hasOnlyOneAvailableItem = allItems.length === 1;
     if (compactSingleItem && hasOnlyOneAvailableItem && isEnabled) {
-      return /* @__PURE__ */ jsxs22("div", { children: [
+      return /* @__PURE__ */ jsxs25("div", { children: [
         renderCompactSingleItem(category),
-        showDivider && /* @__PURE__ */ jsx33(Divider_default, {})
+        showDivider && /* @__PURE__ */ jsx37(Divider_default, {})
       ] }, category.key);
     }
     const hasNoItems = formattedItems.every(
       (group) => !group.itens || group.itens.length === 0
     );
-    return /* @__PURE__ */ jsxs22("div", { children: [
-      /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsxs25("div", { children: [
+      /* @__PURE__ */ jsx37(
         CardAccordation,
         {
           value: category.key,
@@ -6276,15 +6577,15 @@ var CheckboxGroup = ({
             openAccordion === category.key && "bg-background-50 border-none"
           ),
           trigger: renderAccordionTrigger(category, isEnabled),
-          children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ jsx33("div", { className: "px-2 py-4", children: /* @__PURE__ */ jsx33(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
+          children: /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ jsx37("div", { className: "px-2 py-4", children: /* @__PURE__ */ jsx37(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__ */ jsx33(Divider_default, {})
+      openAccordion !== category.key && showDivider && /* @__PURE__ */ jsx37(Divider_default, {})
     ] }, category.key);
   };
-  useEffect13(() => {
+  useEffect14(() => {
     if (!openAccordion) return;
     const category = categories.find((c) => c.key === openAccordion);
     if (!category) return;
@@ -6295,7 +6596,7 @@ var CheckboxGroup = ({
       }, 0);
     }
   }, [categories, openAccordion]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(
     AccordionGroup,
     {
       type: "single",
@@ -6308,7 +6609,7 @@ var CheckboxGroup = ({
 };
 
 // src/components/Filter/FilterModal.tsx
-import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 var FilterModal = ({
   isOpen,
   onClose,
@@ -6336,20 +6637,20 @@ var FilterModal = ({
   const handleClear = () => {
     onClear();
   };
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx38(
     Modal_default,
     {
       isOpen,
       onClose,
       title,
       size,
-      footer: /* @__PURE__ */ jsxs23("div", { className: "flex gap-3 justify-end w-full", children: [
-        /* @__PURE__ */ jsx34(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
-        /* @__PURE__ */ jsx34(Button_default, { onClick: handleApply, children: applyLabel })
+      footer: /* @__PURE__ */ jsxs26("div", { className: "flex gap-3 justify-end w-full", children: [
+        /* @__PURE__ */ jsx38(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
+        /* @__PURE__ */ jsx38(Button_default, { onClick: handleApply, children: applyLabel })
       ] }),
-      children: /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
-          config.key === "academic" && /* @__PURE__ */ jsxs23(
+      children: /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
+          config.key === "academic" && /* @__PURE__ */ jsxs26(
             "svg",
             {
               width: "16",
@@ -6359,7 +6660,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
@@ -6369,7 +6670,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M2 10.6667L8 14L14 10.6667",
@@ -6379,7 +6680,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M2 8L8 11.3333L14 8",
@@ -6392,7 +6693,7 @@ var FilterModal = ({
               ]
             }
           ),
-          config.key === "content" && /* @__PURE__ */ jsxs23(
+          config.key === "content" && /* @__PURE__ */ jsxs26(
             "svg",
             {
               width: "16",
@@ -6402,7 +6703,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "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",
@@ -6412,7 +6713,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M2 6H14",
@@ -6422,7 +6723,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M6 2V14",
@@ -6435,9 +6736,9 @@ var FilterModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx34("span", { children: config.label })
+          /* @__PURE__ */ jsx38("span", { children: config.label })
         ] }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx38(
           CheckboxGroup,
           {
             categories: config.categories,
@@ -6451,7 +6752,7 @@ var FilterModal = ({
 
 // src/components/TableProvider/TableProvider.tsx
 import { Funnel } from "phosphor-react";
-import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
 function TableProvider({
   data,
   headers,
@@ -6475,7 +6776,7 @@ function TableProvider({
   containerClassName,
   children
 }) {
-  const [searchQuery, setSearchQuery] = useState14("");
+  const [searchQuery, setSearchQuery] = useState15("");
   const sortResultRaw = useTableSort(data, { syncWithUrl: true });
   const sortResult = enableTableSort ? sortResultRaw : {
     sortedData: data,
@@ -6486,7 +6787,7 @@ function TableProvider({
   };
   const { sortedData, sortColumn, sortDirection, handleSort } = sortResult;
   const filterResultRaw = useTableFilter(initialFilters, { syncWithUrl: true });
-  const disabledFilterResult = useMemo5(
+  const disabledFilterResult = useMemo6(
     () => ({
       filterConfigs: [],
       activeFilters: {},
@@ -6516,10 +6817,10 @@ function TableProvider({
     totalItems,
     totalPages
   } = paginationConfig;
-  const [currentPage, setCurrentPage] = useState14(1);
-  const [itemsPerPage, setItemsPerPage] = useState14(defaultItemsPerPage);
-  const [isFilterModalOpen, setIsFilterModalOpen] = useState14(false);
-  const combinedParams = useMemo5(() => {
+  const [currentPage, setCurrentPage] = useState15(1);
+  const [itemsPerPage, setItemsPerPage] = useState15(defaultItemsPerPage);
+  const [isFilterModalOpen, setIsFilterModalOpen] = useState15(false);
+  const combinedParams = useMemo6(() => {
     const params = {
       page: currentPage,
       limit: itemsPerPage
@@ -6546,26 +6847,26 @@ function TableProvider({
     enableFilters,
     enableTableSort
   ]);
-  useEffect14(() => {
+  useEffect15(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = useCallback4((value) => {
+  const handleSearchChange = useCallback5((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleFilterApply = useCallback4(() => {
+  const handleFilterApply = useCallback5(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = useCallback4((page) => {
+  const handlePageChange = useCallback5((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = useCallback4((items) => {
+  const handleItemsPerPageChange = useCallback5((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = useCallback4(
+  const handleRowClickInternal = useCallback5(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -6573,7 +6874,7 @@ function TableProvider({
     },
     [enableRowClick, onRowClick]
   );
-  const useInternalPagination = useMemo5(
+  const useInternalPagination = useMemo6(
     () => enablePagination && !onParamsChange && totalItems === void 0 && totalPages === void 0,
     [enablePagination, onParamsChange, totalItems, totalPages]
   );
@@ -6581,7 +6882,7 @@ function TableProvider({
     (totalItems ?? (useInternalPagination ? sortedData.length : data.length)) / itemsPerPage
   );
   const calculatedTotalItems = totalItems ?? (useInternalPagination ? sortedData.length : data.length);
-  const displayData = useMemo5(() => {
+  const displayData = useMemo6(() => {
     if (!useInternalPagination) {
       return sortedData;
     }
@@ -6592,21 +6893,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__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
-    enableFilters && /* @__PURE__ */ jsxs24(
+  const controls = (enableSearch || enableFilters) && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4", children: [
+    enableFilters && /* @__PURE__ */ jsxs27(
       Button_default,
       {
         variant: "outline",
         size: "medium",
         onClick: () => setIsFilterModalOpen(true),
         children: [
-          /* @__PURE__ */ jsx35(Funnel, { size: 20 }),
+          /* @__PURE__ */ jsx39(Funnel, { size: 20 }),
           "Filtros",
-          hasActiveFilters && /* @__PURE__ */ jsx35("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__ */ jsx39("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__ */ jsx35("div", { className: "flex-1", children: /* @__PURE__ */ jsx35(
+    enableSearch && /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39(
       Search_default,
       {
         value: searchQuery,
@@ -6617,11 +6918,11 @@ function TableProvider({
       }
     ) })
   ] });
-  const headerSection = (headerContent || controls) && /* @__PURE__ */ jsxs24("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
-    headerContent && /* @__PURE__ */ jsx35("div", { children: headerContent }),
-    controls && /* @__PURE__ */ jsx35("div", { className: "flex-1 md:flex-none", children: controls })
+  const headerSection = (headerContent || controls) && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
+    headerContent && /* @__PURE__ */ jsx39("div", { children: headerContent }),
+    controls && /* @__PURE__ */ jsx39("div", { className: "flex-1 md:flex-none", children: controls })
   ] });
-  const table = /* @__PURE__ */ jsx35("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs24(
+  const table = /* @__PURE__ */ jsx39("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs27(
     Table_default,
     {
       variant,
@@ -6632,11 +6933,11 @@ function TableProvider({
       showEmpty,
       emptyState,
       children: [
-        /* @__PURE__ */ jsx35("thead", { children: /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx39("thead", { children: /* @__PURE__ */ jsx39(
           TableRow,
           {
             variant: variant === "borderless" ? "defaultBorderless" : "default",
-            children: headers.map((header, index) => /* @__PURE__ */ jsx35(
+            children: headers.map((header, index) => /* @__PURE__ */ jsx39(
               TableHead,
               {
                 sortable: enableTableSort && header.sortable,
@@ -6650,7 +6951,7 @@ function TableProvider({
             ))
           }
         ) }),
-        /* @__PURE__ */ jsx35(TableBody, { children: loading ? /* @__PURE__ */ jsx35(TableRow, { children: /* @__PURE__ */ jsx35(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ jsx35("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
+        /* @__PURE__ */ jsx39(TableBody, { children: loading ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ jsx39("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];
@@ -6662,7 +6963,7 @@ function TableProvider({
             }
             return String(keyValue);
           })() : `row-${effectiveIndex}`;
-          return /* @__PURE__ */ jsx35(
+          return /* @__PURE__ */ jsx39(
             TableRow,
             {
               variant: variant === "borderless" ? "defaultBorderless" : "default",
@@ -6683,7 +6984,7 @@ function TableProvider({
                   }
                 }
                 const content = header.render ? header.render(value, row, effectiveIndex) : defaultContent;
-                return /* @__PURE__ */ jsx35(
+                return /* @__PURE__ */ jsx39(
                   TableCell,
                   {
                     className: header.className,
@@ -6702,7 +7003,7 @@ function TableProvider({
       ]
     }
   ) });
-  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ jsx35("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx35(
+  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ jsx39("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx39(
     TablePagination_default,
     {
       currentPage,
@@ -6716,13 +7017,13 @@ function TableProvider({
     }
   ) });
   if (children) {
-    return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+    return /* @__PURE__ */ jsxs27(Fragment8, { children: [
       children({
         controls: headerSection || controls || null,
         table,
         pagination
       }),
-      enableFilters && /* @__PURE__ */ jsx35(
+      enableFilters && /* @__PURE__ */ jsx39(
         FilterModal,
         {
           isOpen: isFilterModalOpen,
@@ -6736,11 +7037,11 @@ function TableProvider({
     ] });
   }
   const wrapperClassName = containerClassName || "w-full space-y-4";
-  return /* @__PURE__ */ jsxs24("div", { className: wrapperClassName, children: [
+  return /* @__PURE__ */ jsxs27("div", { className: wrapperClassName, children: [
     headerSection,
     table,
     pagination,
-    enableFilters && /* @__PURE__ */ jsx35(
+    enableFilters && /* @__PURE__ */ jsx39(
       FilterModal,
       {
         isOpen: isFilterModalOpen,
@@ -6754,44 +7055,14 @@ function TableProvider({
   ] });
 }
 
-// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var ErrorDisplay = ({ error }) => /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx36(Text_default, { size: "lg", color: "text-error-500", children: error }) });
-
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
 import { CaretRight as CaretRight6 } from "phosphor-react";
 
-// src/components/ActivitiesHistory/utils/renderSubjectCell.tsx
-import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
-var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
-  if (!subjectName) {
-    return showEmptyDash ? /* @__PURE__ */ jsx37(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
-  }
-  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
-  if (!subjectEnum) {
-    return /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
-  }
-  const subjectInfo = getSubjectInfo(subjectEnum);
-  return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", title: subjectName, children: [
-    /* @__PURE__ */ jsx37(
-      "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__ */ jsx37(Text_default, { size: "sm", className: "truncate", children: subjectName })
-  ] });
-};
-
 // src/components/ActivitiesHistory/utils/renderTruncatedText.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var renderTruncatedText = (value) => {
   const text = typeof value === "string" ? value : "";
-  return /* @__PURE__ */ jsx38(Text_default, { size: "sm", title: text, children: text });
+  return /* @__PURE__ */ jsx40(Text_default, { size: "sm", title: text, children: text });
 };
 
 // src/components/ActivitiesHistory/utils/filterBuilders.ts
@@ -6847,7 +7118,7 @@ var getSubjectOptions = (data) => {
 };
 
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var createHistoryTableColumns = (mapSubjectNameToEnum) => [
   {
     key: "startDate",
@@ -6900,9 +7171,9 @@ var createHistoryTableColumns = (mapSubjectNameToEnum) => [
     render: (value) => {
       const status = typeof value === "string" ? value : "";
       if (!status) {
-        return /* @__PURE__ */ jsx39(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+        return /* @__PURE__ */ jsx41(Text_default, { size: "sm", color: "text-text-500", children: "-" });
       }
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx41(
         Badge_default,
         {
           variant: "solid",
@@ -6917,7 +7188,7 @@ var createHistoryTableColumns = (mapSubjectNameToEnum) => [
     key: "completionPercentage",
     label: "Conclus\xE3o",
     sortable: true,
-    render: (value) => /* @__PURE__ */ jsx39(
+    render: (value) => /* @__PURE__ */ jsx41(
       ProgressBar_default,
       {
         value: Number(value),
@@ -6934,7 +7205,7 @@ var createHistoryTableColumns = (mapSubjectNameToEnum) => [
     label: "",
     sortable: false,
     className: "w-12",
-    render: () => /* @__PURE__ */ jsx39("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx39(CaretRight6, { size: 20, className: "text-text-600" }) })
+    render: () => /* @__PURE__ */ jsx41("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx41(CaretRight6, { size: 20, className: "text-text-600" }) })
   }
 ];
 
@@ -6979,7 +7250,7 @@ var createHistoryFiltersConfig = (userData) => [
 ];
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
 var HistoryTab = ({
   fetchActivitiesHistory,
   onCreateActivity,
@@ -6989,9 +7260,9 @@ var HistoryTab = ({
   mapSubjectNameToEnum,
   userFilterData
 }) => {
-  const fetchActivitiesHistoryRef = useRef7(fetchActivitiesHistory);
+  const fetchActivitiesHistoryRef = useRef8(fetchActivitiesHistory);
   fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
-  const useActivitiesHistory = useMemo6(
+  const useActivitiesHistory = useMemo7(
     () => createUseActivitiesHistory(
       (filters) => fetchActivitiesHistoryRef.current(filters)
     ),
@@ -7004,15 +7275,15 @@ var HistoryTab = ({
     pagination,
     fetchActivities
   } = useActivitiesHistory();
-  const historyFilterConfigs = useMemo6(
+  const historyFilterConfigs = useMemo7(
     () => createHistoryFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const historyTableColumns = useMemo6(
+  const historyTableColumns = useMemo7(
     () => createHistoryTableColumns(mapSubjectNameToEnum),
     [mapSubjectNameToEnum]
   );
-  const handleParamsChange = useCallback5(
+  const handleParamsChange = useCallback6(
     (params) => {
       const filters = buildHistoryFiltersFromParams(params);
       fetchActivities(filters);
@@ -7020,9 +7291,9 @@ var HistoryTab = ({
     [fetchActivities]
   );
   if (error) {
-    return /* @__PURE__ */ jsx40(ErrorDisplay, { error });
+    return /* @__PURE__ */ jsx42(ErrorDisplay, { error });
   }
-  return /* @__PURE__ */ jsx40("div", { className: "w-full", children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42("div", { className: "w-full", children: /* @__PURE__ */ jsx42(
     TableProvider,
     {
       data: activities,
@@ -7047,14 +7318,14 @@ var HistoryTab = ({
         image: noSearchImage
       },
       emptyState: {
-        component: /* @__PURE__ */ jsx40(
+        component: /* @__PURE__ */ jsx42(
           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__ */ jsx40(Plus, { size: 18 }),
+            buttonIcon: /* @__PURE__ */ jsx42(Plus2, { size: 18 }),
             buttonVariant: "outline",
             buttonAction: "primary",
             onButtonClick: onCreateActivity
@@ -7069,22 +7340,22 @@ var HistoryTab = ({
           table,
           pagination: paginationComponent
         } = renderProps;
-        return /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsx42(
               Button_default,
               {
                 variant: "solid",
                 action: "primary",
                 size: "medium",
                 onClick: onCreateActivity,
-                iconLeft: /* @__PURE__ */ jsx40(Plus, { size: 18, weight: "bold" }),
+                iconLeft: /* @__PURE__ */ jsx42(Plus2, { size: 18, weight: "bold" }),
                 children: "Criar atividade"
               }
             ),
             controls
           ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
             table,
             paginationComponent
           ] })
@@ -7094,96 +7365,6 @@ var HistoryTab = ({
   ) });
 };
 
-// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
-import { useState as useState15, useCallback as useCallback6, useMemo as useMemo7, useRef as useRef8, useEffect as useEffect15 } from "react";
-import { Plus as Plus2 } from "phosphor-react";
-
-// src/components/ActivitiesHistory/config/modelsTableColumns.tsx
-import { Trash, PencilSimple, PaperPlaneTilt } from "phosphor-react";
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
-var createModelsTableColumns = (mapSubjectNameToEnum, onSendActivity, onEditModel, onDeleteModel) => [
-  {
-    key: "title",
-    label: "T\xEDtulo",
-    sortable: true,
-    className: "max-w-[400px]",
-    render: (value) => {
-      const title = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ jsx41(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();
-        onSendActivity?.(row);
-      };
-      const handleEdit = (e) => {
-        e.stopPropagation();
-        onEditModel?.(row);
-      };
-      const handleDelete = (e) => {
-        e.stopPropagation();
-        onDeleteModel(row);
-      };
-      return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 justify-end", children: [
-        onSendActivity && /* @__PURE__ */ jsx41(
-          Button_default,
-          {
-            variant: "outline",
-            action: "primary",
-            size: "small",
-            iconLeft: /* @__PURE__ */ jsx41(PaperPlaneTilt, { size: 16 }),
-            onClick: handleSend,
-            "aria-label": "Enviar atividade",
-            children: "Enviar atividade"
-          }
-        ),
-        /* @__PURE__ */ jsx41(
-          IconButton_default,
-          {
-            icon: /* @__PURE__ */ jsx41(Trash, { size: 20 }),
-            size: "md",
-            onClick: handleDelete,
-            "aria-label": "Deletar modelo",
-            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
-          }
-        ),
-        onEditModel && /* @__PURE__ */ jsx41(
-          IconButton_default,
-          {
-            icon: /* @__PURE__ */ jsx41(PencilSimple, { size: 20 }),
-            size: "md",
-            onClick: handleEdit,
-            "aria-label": "Editar modelo",
-            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
-          }
-        )
-      ] });
-    }
-  }
-];
-
 // src/components/ActivitiesHistory/config/modelsFiltersConfig.ts
 var createModelsFiltersConfig = (userData) => [
   {
@@ -7201,7 +7382,21 @@ var createModelsFiltersConfig = (userData) => [
 ];
 
 // src/components/ActivitiesHistory/tabs/ModelsTab.tsx
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var ACTIVITY_MODELS_CONFIG = {
+  entityName: "atividade",
+  entityNamePlural: "atividades",
+  testId: "activity-models-tab",
+  emptyStateTitle: "Crie modelos para agilizar suas atividades",
+  emptyStateDescription: "Salve modelos de atividades para reutilizar e enviar rapidamente para suas turmas!",
+  searchPlaceholder: "Buscar modelo"
+};
+var ACTIVITY_COLUMNS_CONFIG = {
+  sendButtonLabel: "Enviar atividade",
+  sendButtonAriaLabel: "Enviar atividade",
+  deleteButtonAriaLabel: "Deletar modelo",
+  editButtonAriaLabel: "Editar modelo"
+};
 var ModelsTab = ({
   fetchActivityModels,
   deleteActivityModel,
@@ -7213,169 +7408,41 @@ var ModelsTab = ({
   mapSubjectNameToEnum,
   userFilterData,
   subjectsMap
-}) => {
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState15(false);
-  const [modelToDelete, setModelToDelete] = useState15(null);
-  const { addToast } = useToast();
-  const fetchActivityModelsRef = useRef8(fetchActivityModels);
-  fetchActivityModelsRef.current = fetchActivityModels;
-  const deleteActivityModelRef = useRef8(deleteActivityModel);
-  deleteActivityModelRef.current = deleteActivityModel;
-  const subjectsMapRef = useRef8(subjectsMap);
-  subjectsMapRef.current = subjectsMap;
-  const useActivityModels = useMemo7(
-    () => createUseActivityModels(
-      (filters) => fetchActivityModelsRef.current(filters),
-      (id) => deleteActivityModelRef.current(id)
-    ),
-    []
-  );
-  const {
-    models,
-    loading: modelsLoading,
-    error: modelsError,
-    pagination: modelsPagination,
-    fetchModels,
-    deleteModel
-  } = useActivityModels();
-  const modelsFilterConfigs = useMemo7(
-    () => createModelsFiltersConfig(userFilterData),
-    [userFilterData]
-  );
-  const handleDeleteClick = useCallback6((model) => {
-    setModelToDelete(model);
-    setDeleteDialogOpen(true);
-  }, []);
-  const modelsTableColumns = useMemo7(
-    () => createModelsTableColumns(
-      mapSubjectNameToEnum,
-      onSendActivity,
-      onEditModel,
-      handleDeleteClick
+}) => /* @__PURE__ */ jsx43(
+  ModelsTabBase,
+  {
+    fetchModels: fetchActivityModels,
+    deleteModel: deleteActivityModel,
+    onCreateModel,
+    onSend: onSendActivity,
+    onEditModel,
+    emptyStateImage,
+    noSearchImage,
+    mapSubjectNameToEnum,
+    userFilterData,
+    subjectsMap,
+    config: ACTIVITY_MODELS_CONFIG,
+    createTableColumns: (mapSubject, send, edit, del) => createModelsTableColumnsBase(
+      mapSubject,
+      send,
+      edit,
+      del,
+      ACTIVITY_COLUMNS_CONFIG
     ),
-    [mapSubjectNameToEnum, onSendActivity, onEditModel, handleDeleteClick]
-  );
-  const handleParamsChange = useCallback6(
-    (params) => {
-      const filters = buildModelsFiltersFromParams(params);
-      fetchModels(filters, subjectsMapRef.current);
-    },
-    [fetchModels]
-  );
-  useEffect15(() => {
-    fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
-  }, [fetchModels]);
-  const handleConfirmDelete = useCallback6(async () => {
-    if (modelToDelete) {
-      const success = await deleteModel(modelToDelete.id);
-      if (success) {
-        addToast({ title: "Modelo deletado com sucesso", action: "success" });
-        fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
-      } else {
-        addToast({ title: "Erro ao deletar modelo", action: "warning" });
-      }
-    }
-    setDeleteDialogOpen(false);
-    setModelToDelete(null);
-  }, [modelToDelete, deleteModel, fetchModels, addToast]);
-  const handleCancelDelete = useCallback6(() => {
-    setDeleteDialogOpen(false);
-    setModelToDelete(null);
-  }, []);
-  return /* @__PURE__ */ jsxs28(Fragment8, { children: [
-    /* @__PURE__ */ jsx42(Toaster_default, {}),
-    modelsError ? /* @__PURE__ */ jsx42(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ jsx42("div", { className: "w-full", "data-testid": "activity-models-tab", children: /* @__PURE__ */ jsx42(
-      TableProvider,
-      {
-        data: models,
-        headers: modelsTableColumns,
-        loading: modelsLoading,
-        variant: "borderless",
-        enableSearch: true,
-        enableFilters: true,
-        enableTableSort: true,
-        enablePagination: true,
-        initialFilters: modelsFilterConfigs,
-        paginationConfig: {
-          itemLabel: "modelos",
-          itemsPerPageOptions: [10, 20, 50, 100],
-          defaultItemsPerPage: 10,
-          totalItems: modelsPagination.total,
-          totalPages: modelsPagination.totalPages
-        },
-        searchPlaceholder: "Buscar modelo",
-        noSearchResultState: {
-          image: noSearchImage
-        },
-        emptyState: {
-          component: /* @__PURE__ */ jsx42(
-            EmptyState_default,
-            {
-              image: emptyStateImage,
-              title: "Crie modelos para agilizar suas atividades",
-              description: "Salve modelos de atividades para reutilizar e enviar rapidamente para suas turmas!",
-              buttonText: "Criar modelo",
-              buttonIcon: /* @__PURE__ */ jsx42(Plus2, { size: 18 }),
-              buttonVariant: "outline",
-              buttonAction: "primary",
-              onButtonClick: onCreateModel
-            }
-          )
-        },
-        onParamsChange: handleParamsChange,
-        children: (renderProps) => {
-          const {
-            controls,
-            table,
-            pagination: paginationComponent
-          } = renderProps;
-          return /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ jsx42(
-                Button_default,
-                {
-                  variant: "solid",
-                  action: "primary",
-                  size: "medium",
-                  onClick: onCreateModel,
-                  iconLeft: /* @__PURE__ */ jsx42(Plus2, { size: 18, weight: "bold" }),
-                  children: "Criar modelo"
-                }
-              ),
-              controls
-            ] }),
-            /* @__PURE__ */ jsxs28("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
-              table,
-              paginationComponent
-            ] })
-          ] });
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx42(
-      AlertDialog,
-      {
-        isOpen: deleteDialogOpen,
-        onChangeOpen: setDeleteDialogOpen,
-        title: "Deletar modelo",
-        description: `Tem certeza que deseja deletar o modelo "${modelToDelete?.title}"? Esta a\xE7\xE3o n\xE3o pode ser desfeita.`,
-        submitButtonLabel: "Deletar",
-        cancelButtonLabel: "Cancelar",
-        onSubmit: handleConfirmDelete,
-        onCancel: handleCancelDelete
-      }
-    )
-  ] });
-};
+    createFiltersConfig: createModelsFiltersConfig,
+    buildFiltersFromParams: buildModelsFiltersFromParams,
+    createUseModels: createUseActivityModels
+  }
+);
 
 // src/components/ActivitiesHistory/tabs/DraftsTab.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var DraftsTab = () => {
-  return /* @__PURE__ */ jsx43("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx43(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
+  return /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx44(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
 };
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
 var PAGE_TITLES = {
   ["history" /* HISTORY */]: "Hist\xF3rico de atividades",
   ["drafts" /* DRAFTS */]: "Rascunhos",
@@ -7403,10 +7470,10 @@ var ActivitiesHistory = ({
       "data-testid": "activities-history",
       className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
       children: [
-        /* @__PURE__ */ jsx44("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ jsx45("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
         /* @__PURE__ */ jsxs29("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__ */ jsxs29("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__ */ jsx44(
+            /* @__PURE__ */ jsx45(
               Text_default,
               {
                 as: "h1",
@@ -7415,7 +7482,7 @@ var ActivitiesHistory = ({
                 children: PAGE_TITLES[activeTab]
               }
             ),
-            /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsx45("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx45(
               Menu,
               {
                 defaultValue: "history" /* HISTORY */,
@@ -7429,7 +7496,7 @@ var ActivitiesHistory = ({
                     variant: "menu2",
                     className: "w-full lg:w-auto max-w-full min-w-0",
                     children: [
-                      /* @__PURE__ */ jsx44(
+                      /* @__PURE__ */ jsx45(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7439,7 +7506,7 @@ var ActivitiesHistory = ({
                           children: "Hist\xF3rico"
                         }
                       ),
-                      /* @__PURE__ */ jsx44(
+                      /* @__PURE__ */ jsx45(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7449,7 +7516,7 @@ var ActivitiesHistory = ({
                           children: "Rascunhos"
                         }
                       ),
-                      /* @__PURE__ */ jsx44(
+                      /* @__PURE__ */ jsx45(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7466,7 +7533,7 @@ var ActivitiesHistory = ({
             ) })
           ] }),
           /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
-            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx44(
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx45(
               HistoryTab,
               {
                 fetchActivitiesHistory,
@@ -7478,8 +7545,8 @@ var ActivitiesHistory = ({
                 userFilterData
               }
             ),
-            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ jsx44(DraftsTab, {}),
-            activeTab === "models" /* MODELS */ && /* @__PURE__ */ jsx44(
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ jsx45(DraftsTab, {}),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ jsx45(
               ModelsTab,
               {
                 fetchActivityModels,