analytica-frontend-lib 1.2.45 → 1.2.47

package/dist/index.js

@@ -81,6 +81,11 @@ __export(src_exports, {
   EmptyState: () => EmptyState_default,
   FileAttachment: () => FileAttachment_default,
   FilterModal: () => FilterModal,
+  GOAL_FILTER_STATUS_OPTIONS: () => GOAL_FILTER_STATUS_OPTIONS,
+  GOAL_STATUS_OPTIONS: () => GOAL_STATUS_OPTIONS,
+  GoalApiStatus: () => GoalApiStatus,
+  GoalBadgeActionType: () => GoalBadgeActionType,
+  GoalDisplayStatus: () => GoalDisplayStatus,
   IconButton: () => IconButton_default,
   IconRender: () => IconRender_default,
   IconRoundedButton: () => IconRoundedButton_default,
@@ -138,6 +143,7 @@ __export(src_exports, {
   Radio: () => Radio_default,
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem,
+  RecommendedLessonsHistory: () => RecommendedLessonsHistory,
   STUDENT_ACTIVITY_STATUS: () => STUDENT_ACTIVITY_STATUS,
   SUBTYPE_ENUM: () => SUBTYPE_ENUM,
   Search: () => Search_default,
@@ -186,11 +192,14 @@ __export(src_exports, {
   createNotificationStore: () => createNotificationStore,
   createNotificationsHook: () => createNotificationsHook,
   createQuestionsListHook: () => createQuestionsListHook,
+  createRecommendedLessonsHistoryHook: () => createRecommendedLessonsHistoryHook,
   createUseActivityFiltersData: () => createUseActivityFiltersData,
   createUseNotificationStore: () => createUseNotificationStore,
   createUseNotifications: () => createUseNotifications,
   createUseQuestionsList: () => createUseQuestionsList,
+  createUseRecommendedLessonsHistory: () => createUseRecommendedLessonsHistory,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
+  determineGoalStatus: () => determineGoalStatus,
   formatDateToBrazilian: () => formatDateToBrazilian,
   formatFileSize: () => formatFileSize,
   formatQuestionNumbers: () => formatQuestionNumbers,
@@ -200,6 +209,7 @@ __export(src_exports, {
   getCategoryIcon: () => getCategoryIcon,
   getCategoryText: () => getCategoryText,
   getDeviceType: () => getDeviceType,
+  getGoalStatusBadgeAction: () => getGoalStatusBadgeAction,
   getQuestionStatusBadgeConfig: () => getQuestionStatusBadgeConfig,
   getRootDomain: () => getRootDomain,
   getSelectedIdsFromCategories: () => getSelectedIdsFromCategories,
@@ -212,6 +222,8 @@ __export(src_exports, {
   getSubjectIcon: () => getSubjectIcon,
   getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
+  goalsHistoryApiResponseSchema: () => goalsHistoryApiResponseSchema,
+  handleGoalFetchError: () => handleGoalFetchError,
   isFormValid: () => isFormValid,
   isStepValid: () => isStepValid,
   mapApiStatusToInternal: () => mapApiStatusToInternal,
@@ -221,6 +233,7 @@ __export(src_exports, {
   syncDropdownState: () => syncDropdownState,
   toggleArrayItem: () => toggleArrayItem,
   toggleSingleValue: () => toggleSingleValue,
+  transformGoalToTableItem: () => transformGoalToTableItem,
   useAlertFormStore: () => useAlertFormStore,
   useApiConfig: () => useApiConfig,
   useAppContent: () => useAppContent,
@@ -20702,7 +20715,8 @@ var SendActivityModal = ({
   categories: initialCategories,
   onCategoriesChange,
   isLoading = false,
-  onError
+  onError,
+  initialData
 }) => {
   const store = useSendActivityModalStore();
   const reset = useSendActivityModalStore((state) => state.reset);
@@ -20713,16 +20727,30 @@ var SendActivityModal = ({
     (state) => state.categories
   );
   const categoriesInitialized = (0, import_react66.useRef)(false);
+  const prevInitialDataRef = (0, import_react66.useRef)(
+    void 0
+  );
   (0, import_react66.useEffect)(() => {
     if (isOpen && initialCategories.length > 0 && !categoriesInitialized.current) {
       setCategories(initialCategories);
       categoriesInitialized.current = true;
     }
   }, [isOpen, initialCategories, setCategories]);
+  (0, import_react66.useEffect)(() => {
+    if (isOpen && initialData && prevInitialDataRef.current !== initialData) {
+      store.setFormData({
+        title: initialData.title ?? "",
+        subtype: initialData.subtype ?? "TAREFA",
+        notification: initialData.notification ?? ""
+      });
+      prevInitialDataRef.current = initialData;
+    }
+  }, [isOpen, initialData, store]);
   (0, import_react66.useEffect)(() => {
     if (!isOpen) {
       reset();
       categoriesInitialized.current = false;
+      prevInitialDataRef.current = void 0;
     }
   }, [isOpen, reset]);
   const handleCategoriesChange = (0, import_react66.useCallback)(
@@ -21030,6 +21058,678 @@ var SendActivityModal = ({
   );
 };
 var SendActivityModal_default = SendActivityModal;
+
+// src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
+var import_react69 = require("react");
+var import_phosphor_react41 = require("phosphor-react");
+
+// src/types/recommendedLessons.ts
+var GoalApiStatus = /* @__PURE__ */ ((GoalApiStatus3) => {
+  GoalApiStatus3["A_VENCER"] = "A_VENCER";
+  GoalApiStatus3["VENCIDA"] = "VENCIDA";
+  GoalApiStatus3["CONCLUIDA"] = "CONCLUIDA";
+  return GoalApiStatus3;
+})(GoalApiStatus || {});
+var GoalDisplayStatus = /* @__PURE__ */ ((GoalDisplayStatus3) => {
+  GoalDisplayStatus3["ATIVA"] = "ATIVA";
+  GoalDisplayStatus3["VENCIDA"] = "VENCIDA";
+  GoalDisplayStatus3["CONCLUIDA"] = "CONCLU\xCDDA";
+  return GoalDisplayStatus3;
+})(GoalDisplayStatus || {});
+var GoalBadgeActionType = /* @__PURE__ */ ((GoalBadgeActionType2) => {
+  GoalBadgeActionType2["SUCCESS"] = "success";
+  GoalBadgeActionType2["WARNING"] = "warning";
+  GoalBadgeActionType2["ERROR"] = "error";
+  return GoalBadgeActionType2;
+})(GoalBadgeActionType || {});
+var getGoalStatusBadgeAction = (status) => {
+  const actionMap = {
+    ["CONCLU\xCDDA" /* CONCLUIDA */]: "success" /* SUCCESS */,
+    ["ATIVA" /* ATIVA */]: "warning" /* WARNING */,
+    ["VENCIDA" /* VENCIDA */]: "error" /* ERROR */
+  };
+  return actionMap[status] ?? "warning" /* WARNING */;
+};
+var GOAL_FILTER_STATUS_OPTIONS = [
+  { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
+  { id: "A_VENCER" /* A_VENCER */, name: "Ativa" }
+];
+var GOAL_STATUS_OPTIONS = [
+  { id: "A_VENCER" /* A_VENCER */, name: "A Vencer" },
+  { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
+  { id: "CONCLUIDA" /* CONCLUIDA */, name: "Conclu\xEDda" }
+];
+
+// src/hooks/useRecommendedLessons.ts
+var import_react68 = require("react");
+var import_zod4 = require("zod");
+var import_dayjs3 = __toESM(require("dayjs"));
+var goalSubjectSchema = import_zod4.z.object({
+  id: import_zod4.z.string().uuid(),
+  name: import_zod4.z.string()
+}).nullable();
+var goalCreatorSchema = import_zod4.z.object({
+  id: import_zod4.z.string().uuid(),
+  name: import_zod4.z.string()
+}).nullable();
+var goalStatsSchema = import_zod4.z.object({
+  totalStudents: import_zod4.z.number(),
+  completedCount: import_zod4.z.number(),
+  completionPercentage: import_zod4.z.number()
+});
+var goalBreakdownSchema = import_zod4.z.object({
+  classId: import_zod4.z.string().uuid(),
+  className: import_zod4.z.string(),
+  schoolId: import_zod4.z.string(),
+  schoolName: import_zod4.z.string(),
+  studentCount: import_zod4.z.number(),
+  completedCount: import_zod4.z.number()
+});
+var goalDataSchema = import_zod4.z.object({
+  id: import_zod4.z.string().uuid(),
+  title: import_zod4.z.string(),
+  startDate: import_zod4.z.string().nullable(),
+  finalDate: import_zod4.z.string().nullable(),
+  createdAt: import_zod4.z.string(),
+  progress: import_zod4.z.number(),
+  totalLessons: import_zod4.z.number()
+});
+var goalHistoryItemSchema = import_zod4.z.object({
+  goal: goalDataSchema,
+  subject: goalSubjectSchema,
+  creator: goalCreatorSchema,
+  stats: goalStatsSchema,
+  breakdown: import_zod4.z.array(goalBreakdownSchema)
+});
+var goalsHistoryApiResponseSchema = import_zod4.z.object({
+  message: import_zod4.z.string(),
+  data: import_zod4.z.object({
+    goals: import_zod4.z.array(goalHistoryItemSchema),
+    total: import_zod4.z.number()
+  })
+});
+var determineGoalStatus = (finalDate, completionPercentage) => {
+  if (completionPercentage === 100) {
+    return "CONCLU\xCDDA" /* CONCLUIDA */;
+  }
+  if (finalDate) {
+    const now = (0, import_dayjs3.default)();
+    const deadline = (0, import_dayjs3.default)(finalDate);
+    if (deadline.isBefore(now)) {
+      return "VENCIDA" /* VENCIDA */;
+    }
+  }
+  return "ATIVA" /* ATIVA */;
+};
+var transformGoalToTableItem = (item) => {
+  const firstBreakdown = item.breakdown[0];
+  const schoolName = firstBreakdown?.schoolName || "-";
+  const className = firstBreakdown?.className || "-";
+  const classDisplay = item.breakdown.length > 1 ? `${item.breakdown.length} turmas` : className;
+  return {
+    id: item.goal.id,
+    startDate: item.goal.startDate ? (0, import_dayjs3.default)(item.goal.startDate).format("DD/MM") : "-",
+    deadline: item.goal.finalDate ? (0, import_dayjs3.default)(item.goal.finalDate).format("DD/MM") : "-",
+    title: item.goal.title,
+    school: schoolName,
+    year: "-",
+    // API doesn't provide year directly
+    subject: item.subject?.name || "-",
+    class: classDisplay,
+    status: determineGoalStatus(
+      item.goal.finalDate,
+      item.stats.completionPercentage
+    ),
+    completionPercentage: item.stats.completionPercentage
+  };
+};
+var handleGoalFetchError = (error) => {
+  if (error instanceof import_zod4.z.ZodError) {
+    console.error("Erro ao validar dados de hist\xF3rico de aulas:", error);
+    return "Erro ao validar dados de hist\xF3rico de aulas";
+  }
+  console.error("Erro ao carregar hist\xF3rico de aulas:", error);
+  return "Erro ao carregar hist\xF3rico de aulas";
+};
+var createUseRecommendedLessonsHistory = (fetchGoalsHistory) => {
+  return () => {
+    const [state, setState] = (0, import_react68.useState)({
+      goals: [],
+      loading: false,
+      error: null,
+      pagination: {
+        total: 0,
+        page: 1,
+        limit: 10,
+        totalPages: 0
+      }
+    });
+    const fetchGoals = (0, import_react68.useCallback)(
+      async (filters) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchGoalsHistory(filters);
+          const validatedData = goalsHistoryApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.goals.map(
+            transformGoalToTableItem
+          );
+          const page = filters?.page || 1;
+          const limit = filters?.limit || 10;
+          const total = validatedData.data.total;
+          const totalPages = Math.ceil(total / limit);
+          setState({
+            goals: tableItems,
+            loading: false,
+            error: null,
+            pagination: {
+              total,
+              page,
+              limit,
+              totalPages
+            }
+          });
+        } catch (error) {
+          const errorMessage = handleGoalFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchGoalsHistory]
+    );
+    return {
+      ...state,
+      fetchGoals
+    };
+  };
+};
+var createRecommendedLessonsHistoryHook = createUseRecommendedLessonsHistory;
+
+// src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var isNonEmptyArray = (param) => Array.isArray(param) && param.length > 0;
+var extractFilterValue = (param) => {
+  if (!isNonEmptyArray(param)) return {};
+  return param.length === 1 ? { single: param[0] } : { multiple: param };
+};
+var buildFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (isNonEmptyArray(params.status)) {
+    filters.status = params.status[0];
+  }
+  const schoolFilter = extractFilterValue(params.school);
+  if (schoolFilter.single) filters.schoolId = schoolFilter.single;
+  if (schoolFilter.multiple) filters.schoolIds = schoolFilter.multiple;
+  const classFilter = extractFilterValue(params.class);
+  if (classFilter.single) filters.classId = classFilter.single;
+  if (classFilter.multiple) filters.classIds = classFilter.multiple;
+  if (isNonEmptyArray(params.students)) {
+    filters.studentIds = params.students;
+  }
+  if (isNonEmptyArray(params.subject)) {
+    filters.subjectId = params.subject[0];
+  }
+  if (params.startDate && typeof params.startDate === "string") {
+    filters.startDate = params.startDate;
+  }
+  return filters;
+};
+var getSchoolOptions = (data) => {
+  if (!data?.schools) return [];
+  return data.schools.map((school) => ({
+    id: school.id,
+    name: school.name
+  }));
+};
+var getSubjectOptions = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+var getSchoolYearOptions = (data) => {
+  if (!data?.schoolYears) return [];
+  return data.schoolYears.map((year) => ({
+    id: year.id,
+    name: year.name
+  }));
+};
+var getClassOptions = (data) => {
+  if (!data?.classes) return [];
+  return data.classes.map((cls) => ({
+    id: cls.id,
+    name: cls.name
+  }));
+};
+var createGoalFiltersConfig = (userData) => [
+  {
+    key: "academic",
+    label: "DADOS ACAD\xCAMICOS",
+    categories: [
+      {
+        key: "school",
+        label: "Escola",
+        selectedIds: [],
+        itens: getSchoolOptions(userData)
+      },
+      {
+        key: "schoolYear",
+        label: "S\xE9rie",
+        selectedIds: [],
+        itens: getSchoolYearOptions(userData)
+      },
+      {
+        key: "class",
+        label: "Turma",
+        selectedIds: [],
+        itens: getClassOptions(userData)
+      },
+      {
+        key: "students",
+        label: "Alunos",
+        selectedIds: [],
+        itens: []
+      }
+    ]
+  },
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "knowledgeArea",
+        label: "\xC1rea de conhecimento",
+        selectedIds: [],
+        itens: []
+      },
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions(userData)
+      },
+      {
+        key: "theme",
+        label: "Tema",
+        selectedIds: [],
+        itens: []
+      },
+      {
+        key: "subtheme",
+        label: "Subtema",
+        selectedIds: [],
+        itens: []
+      },
+      {
+        key: "topic",
+        label: "Assunto",
+        selectedIds: [],
+        itens: []
+      }
+    ]
+  },
+  {
+    key: "lesson",
+    label: "AULA",
+    categories: [
+      {
+        key: "status",
+        label: "Status",
+        selectedIds: [],
+        itens: GOAL_FILTER_STATUS_OPTIONS
+      }
+    ]
+  }
+];
+var createTableColumns2 = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
+  {
+    key: "startDate",
+    label: "In\xEDcio",
+    sortable: true
+  },
+  {
+    key: "deadline",
+    label: "Prazo",
+    sortable: true
+  },
+  {
+    key: "title",
+    label: "T\xEDtulo",
+    sortable: true,
+    className: "max-w-[200px] truncate",
+    render: (value) => {
+      const title = typeof value === "string" ? value : "";
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "sm", title, children: title });
+    }
+  },
+  {
+    key: "school",
+    label: "Escola",
+    sortable: true,
+    className: "max-w-[150px] truncate",
+    render: (value) => {
+      const school = typeof value === "string" ? value : "";
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "sm", title: school, children: school });
+    }
+  },
+  {
+    key: "year",
+    label: "Ano",
+    sortable: true
+  },
+  {
+    key: "subject",
+    label: "Mat\xE9ria",
+    sortable: true,
+    className: "max-w-[140px]",
+    render: (value) => {
+      const subjectName = typeof value === "string" ? value : "";
+      const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+      if (!subjectEnum) {
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+      }
+      const subjectInfo = getSubjectInfo(subjectEnum);
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
+      ] });
+    }
+  },
+  {
+    key: "class",
+    label: "Turma",
+    sortable: true
+  },
+  {
+    key: "status",
+    label: "Status",
+    sortable: true,
+    render: (value) => {
+      const status = typeof value === "string" ? value : "";
+      if (!status) {
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        Badge_default,
+        {
+          variant: "solid",
+          action: getGoalStatusBadgeAction(status),
+          size: "small",
+          children: status
+        }
+      );
+    }
+  },
+  {
+    key: "completionPercentage",
+    label: "Conclus\xE3o",
+    sortable: true,
+    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      ProgressBar_default,
+      {
+        value: Number(value),
+        variant: "blue",
+        size: "medium",
+        layout: "compact",
+        showPercentage: true,
+        compactWidth: "w-[100px]"
+      }
+    )
+  },
+  {
+    key: "actions",
+    label: "",
+    sortable: false,
+    className: "w-20",
+    render: (_value, row) => {
+      const handleDelete = (e) => {
+        e.stopPropagation();
+        onDeleteGoal?.(row.id);
+      };
+      const handleEdit = (e) => {
+        e.stopPropagation();
+        onEditGoal?.(row.id);
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex justify-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_phosphor_react41.Trash, { size: 20 }),
+            size: "sm",
+            title: "Excluir",
+            onClick: handleDelete
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_phosphor_react41.PencilSimple, { size: 20 }),
+            size: "sm",
+            title: "Editar",
+            onClick: handleEdit
+          }
+        )
+      ] });
+    }
+  },
+  {
+    key: "navigation",
+    label: "",
+    sortable: false,
+    className: "w-12",
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_phosphor_react41.CaretRight, { size: 20, className: "text-text-600" }) })
+  }
+];
+var RecommendedLessonsHistory = ({
+  fetchGoalsHistory,
+  onCreateLesson,
+  onRowClick,
+  onDeleteGoal,
+  onEditGoal,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  title = "Hist\xF3rico de aulas recomendadas",
+  createButtonText = "Criar aula",
+  searchPlaceholder = "Buscar aula"
+}) => {
+  const [activeTab, setActiveTab] = (0, import_react69.useState)("history" /* HISTORY */);
+  const fetchGoalsHistoryRef = (0, import_react69.useRef)(fetchGoalsHistory);
+  fetchGoalsHistoryRef.current = fetchGoalsHistory;
+  const useGoalsHistory = (0, import_react69.useMemo)(
+    () => createUseRecommendedLessonsHistory(
+      (filters) => fetchGoalsHistoryRef.current(filters)
+    ),
+    []
+  );
+  const {
+    goals,
+    loading,
+    error,
+    pagination,
+    fetchGoals
+  } = useGoalsHistory();
+  const initialFilterConfigs = (0, import_react69.useMemo)(
+    () => createGoalFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const tableColumns = (0, import_react69.useMemo)(
+    () => createTableColumns2(mapSubjectNameToEnum, onDeleteGoal, onEditGoal),
+    [mapSubjectNameToEnum, onDeleteGoal, onEditGoal]
+  );
+  const handleParamsChange = (0, import_react69.useCallback)(
+    (params) => {
+      const filters = buildFiltersFromParams(params);
+      fetchGoals(filters);
+    },
+    [fetchGoals]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.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_runtime83.jsx)(
+              Text_default,
+              {
+                as: "h1",
+                weight: "bold",
+                className: "leading-[28px] tracking-[0.2px] text-xl lg:text-2xl",
+                children: title
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              Menu,
+              {
+                defaultValue: "history" /* HISTORY */,
+                value: activeTab,
+                onValueChange: (value) => setActiveTab(value),
+                variant: "menu2",
+                className: "bg-transparent shadow-none px-0",
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+                  MenuContent,
+                  {
+                    variant: "menu2",
+                    className: "w-full lg:w-auto max-w-full min-w-0",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "history" /* HISTORY */,
+                          "data-testid": "menu-item-history",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Hist\xF3rico"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "drafts" /* DRAFTS */,
+                          "data-testid": "menu-item-drafts",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Rascunhos"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "models" /* MODELS */,
+                          "data-testid": "menu-item-models",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Modelos"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: error ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              TableProvider,
+              {
+                data: goals,
+                headers: tableColumns,
+                loading,
+                variant: "borderless",
+                enableSearch: true,
+                enableFilters: true,
+                enableTableSort: true,
+                enablePagination: true,
+                enableRowClick: true,
+                initialFilters: initialFilterConfigs,
+                paginationConfig: {
+                  itemLabel: "aulas",
+                  itemsPerPageOptions: [10, 20, 50, 100],
+                  defaultItemsPerPage: 10,
+                  totalItems: pagination.total,
+                  totalPages: pagination.totalPages
+                },
+                searchPlaceholder,
+                noSearchResultState: {
+                  image: noSearchImage
+                },
+                emptyState: {
+                  component: /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)(import_phosphor_react41.Plus, { size: 18 }),
+                      buttonVariant: "outline",
+                      buttonAction: "primary",
+                      onButtonClick: onCreateLesson
+                    }
+                  )
+                },
+                onParamsChange: handleParamsChange,
+                onRowClick,
+                children: (renderProps) => {
+                  const {
+                    controls,
+                    table,
+                    pagination: paginationComponent
+                  } = renderProps;
+                  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                        Button_default,
+                        {
+                          variant: "solid",
+                          action: "primary",
+                          size: "medium",
+                          onClick: onCreateLesson,
+                          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_phosphor_react41.Plus, { size: 18, weight: "bold" }),
+                          children: createButtonText
+                        }
+                      ),
+                      controls
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+                      table,
+                      paginationComponent
+                    ] })
+                  ] });
+                }
+              }
+            ) }) }),
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) }),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Modelos em desenvolvimento" }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVITY_AVAILABILITY,
@@ -21083,6 +21783,11 @@ var SendActivityModal_default = SendActivityModal;
   EmptyState,
   FileAttachment,
   FilterModal,
+  GOAL_FILTER_STATUS_OPTIONS,
+  GOAL_STATUS_OPTIONS,
+  GoalApiStatus,
+  GoalBadgeActionType,
+  GoalDisplayStatus,
   IconButton,
   IconRender,
   IconRoundedButton,
@@ -21140,6 +21845,7 @@ var SendActivityModal_default = SendActivityModal;
   Radio,
   RadioGroup,
   RadioGroupItem,
+  RecommendedLessonsHistory,
   STUDENT_ACTIVITY_STATUS,
   SUBTYPE_ENUM,
   Search,
@@ -21188,11 +21894,14 @@ var SendActivityModal_default = SendActivityModal;
   createNotificationStore,
   createNotificationsHook,
   createQuestionsListHook,
+  createRecommendedLessonsHistoryHook,
   createUseActivityFiltersData,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
+  createUseRecommendedLessonsHistory,
   createZustandAuthAdapter,
+  determineGoalStatus,
   formatDateToBrazilian,
   formatFileSize,
   formatQuestionNumbers,
@@ -21202,6 +21911,7 @@ var SendActivityModal_default = SendActivityModal;
   getCategoryIcon,
   getCategoryText,
   getDeviceType,
+  getGoalStatusBadgeAction,
   getQuestionStatusBadgeConfig,
   getRootDomain,
   getSelectedIdsFromCategories,
@@ -21214,6 +21924,8 @@ var SendActivityModal_default = SendActivityModal;
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,
+  goalsHistoryApiResponseSchema,
+  handleGoalFetchError,
   isFormValid,
   isStepValid,
   mapApiStatusToInternal,
@@ -21223,6 +21935,7 @@ var SendActivityModal_default = SendActivityModal;
   syncDropdownState,
   toggleArrayItem,
   toggleSingleValue,
+  transformGoalToTableItem,
   useAlertFormStore,
   useApiConfig,
   useAppContent,