analytica-frontend-lib 1.2.51 → 1.2.53

package/dist/index.mjs

@@ -4985,6 +4985,11 @@ var Toaster = () => {
     toast.id
   )) });
 };
+var useToast = () => {
+  const addToast = ToastStore_default((state) => state.addToast);
+  const removeToast = ToastStore_default((state) => state.removeToast);
+  return { addToast, removeToast };
+};
 var Toaster_default = Toaster;
 
 // src/components/Search/Search.tsx
@@ -22421,26 +22426,26 @@ var SendActivityModal_default = SendActivityModal;
 import { useState as useState44, useCallback as useCallback20, useMemo as useMemo25, useRef as useRef25 } from "react";
 import { Plus as Plus3, CaretRight as CaretRight10, Trash as Trash2, PencilSimple as PencilSimple2 } from "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) => {
+// src/types/common.ts
+var GenericApiStatus = /* @__PURE__ */ ((GenericApiStatus2) => {
+  GenericApiStatus2["A_VENCER"] = "A_VENCER";
+  GenericApiStatus2["VENCIDA"] = "VENCIDA";
+  GenericApiStatus2["CONCLUIDA"] = "CONCLUIDA";
+  return GenericApiStatus2;
+})(GenericApiStatus || {});
+var GenericDisplayStatus = /* @__PURE__ */ ((GenericDisplayStatus4) => {
+  GenericDisplayStatus4["ATIVA"] = "ATIVA";
+  GenericDisplayStatus4["VENCIDA"] = "VENCIDA";
+  GenericDisplayStatus4["CONCLUIDA"] = "CONCLU\xCDDA";
+  return GenericDisplayStatus4;
+})(GenericDisplayStatus || {});
+var BadgeActionType = /* @__PURE__ */ ((BadgeActionType4) => {
+  BadgeActionType4["SUCCESS"] = "success";
+  BadgeActionType4["WARNING"] = "warning";
+  BadgeActionType4["ERROR"] = "error";
+  return BadgeActionType4;
+})(BadgeActionType || {});
+var getStatusBadgeAction2 = (status) => {
   const actionMap = {
     ["CONCLU\xCDDA" /* CONCLUIDA */]: "success" /* SUCCESS */,
     ["ATIVA" /* ATIVA */]: "warning" /* WARNING */,
@@ -22448,6 +22453,17 @@ var getGoalStatusBadgeAction = (status) => {
   };
   return actionMap[status] ?? "warning" /* WARNING */;
 };
+var mapApiStatusToDisplay = (apiStatus) => {
+  const statusMap = {
+    ["A_VENCER" /* A_VENCER */]: "ATIVA" /* ATIVA */,
+    ["VENCIDA" /* VENCIDA */]: "VENCIDA" /* VENCIDA */,
+    ["CONCLUIDA" /* CONCLUIDA */]: "CONCLU\xCDDA" /* CONCLUIDA */
+  };
+  return statusMap[apiStatus];
+};
+
+// src/types/recommendedLessons.ts
+var getGoalStatusBadgeAction = (status) => getStatusBadgeAction2(status);
 var GOAL_FILTER_STATUS_OPTIONS = [
   { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
   { id: "A_VENCER" /* A_VENCER */, name: "Ativa" }
@@ -23997,13 +24013,1707 @@ var createUseRecommendedLessonDetails = (apiClient) => {
   };
 };
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+import { useState as useState49 } from "react";
+
+// src/components/ActivitiesHistory/tabs/HistoryTab.tsx
+import { useCallback as useCallback24, useMemo as useMemo28, useRef as useRef26 } from "react";
+import { Plus as Plus4 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
+import { jsx as jsx95 } from "react/jsx-runtime";
+var ErrorDisplay = ({ error }) => /* @__PURE__ */ jsx95("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx95(Text_default, { size: "lg", color: "text-error-500", children: error }) });
+
+// src/components/ActivitiesHistory/config/historyTableColumns.tsx
+import { CaretRight as CaretRight11 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/utils/renderSubjectCell.tsx
+import { jsx as jsx96, jsxs as jsxs78 } from "react/jsx-runtime";
+var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
+  if (!subjectName) {
+    return showEmptyDash ? /* @__PURE__ */ jsx96(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
+  }
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  if (!subjectEnum) {
+    return /* @__PURE__ */ jsx96(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+  }
+  const subjectInfo = getSubjectInfo(subjectEnum);
+  return /* @__PURE__ */ jsxs78("div", { className: "flex items-center gap-2", title: subjectName, children: [
+    /* @__PURE__ */ jsx96(
+      "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__ */ jsx96(Text_default, { size: "sm", className: "truncate", children: subjectName })
+  ] });
+};
+
+// src/components/ActivitiesHistory/utils/renderTruncatedText.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+var renderTruncatedText = (value) => {
+  const text = typeof value === "string" ? value : "";
+  return /* @__PURE__ */ jsx97(Text_default, { size: "sm", title: text, children: text });
+};
+
+// src/components/ActivitiesHistory/utils/filterBuilders.ts
+var isNonEmptyArray2 = (param) => Array.isArray(param) && param.length > 0;
+var isValidApiStatus = (value) => Object.values(GenericApiStatus).includes(value);
+var buildHistoryFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (isNonEmptyArray2(params.status) && isValidApiStatus(params.status[0])) {
+    filters.status = params.status[0];
+  }
+  if (isNonEmptyArray2(params.school)) {
+    filters.schoolId = params.school[0];
+  }
+  if (isNonEmptyArray2(params.subject)) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+var buildModelsFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (isNonEmptyArray2(params.subject)) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+
+// src/components/ActivitiesHistory/utils/filterOptions.ts
+var getSchoolOptions2 = (data) => {
+  if (!data?.schools) return [];
+  return data.schools.map((school) => ({
+    id: school.id,
+    name: school.name
+  }));
+};
+var getSubjectOptions2 = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+
+// src/types/activitiesHistory.ts
+var ActivityDraftType = /* @__PURE__ */ ((ActivityDraftType2) => {
+  ActivityDraftType2["MODELO"] = "MODELO";
+  ActivityDraftType2["RASCUNHO"] = "RASCUNHO";
+  return ActivityDraftType2;
+})(ActivityDraftType || {});
+var getActivityStatusBadgeAction = (status) => getStatusBadgeAction2(status);
+var ACTIVITY_FILTER_STATUS_OPTIONS = [
+  { id: "A_VENCER" /* A_VENCER */, name: "A Vencer" },
+  { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
+  { id: "CONCLUIDA" /* CONCLUIDA */, name: "Conclu\xEDda" }
+];
+var mapActivityStatusToDisplay = (apiStatus) => mapApiStatusToDisplay(apiStatus);
+
+// src/components/ActivitiesHistory/config/historyTableColumns.tsx
+import { jsx as jsx98 } from "react/jsx-runtime";
+var createHistoryTableColumns = (mapSubjectNameToEnum) => [
+  {
+    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: renderTruncatedText
+  },
+  {
+    key: "school",
+    label: "Escola",
+    sortable: true,
+    className: "max-w-[150px] truncate",
+    render: renderTruncatedText
+  },
+  {
+    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 : "";
+      return renderSubjectCell(subjectName, mapSubjectNameToEnum, false);
+    }
+  },
+  {
+    key: "class",
+    label: "Turma",
+    sortable: true
+  },
+  {
+    key: "status",
+    label: "Status",
+    sortable: true,
+    render: (value) => {
+      const status = typeof value === "string" ? value : "";
+      if (!status) {
+        return /* @__PURE__ */ jsx98(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+      }
+      return /* @__PURE__ */ jsx98(
+        Badge_default,
+        {
+          variant: "solid",
+          action: getActivityStatusBadgeAction(status),
+          size: "small",
+          children: status
+        }
+      );
+    }
+  },
+  {
+    key: "completionPercentage",
+    label: "Conclus\xE3o",
+    sortable: true,
+    render: (value) => /* @__PURE__ */ jsx98(
+      ProgressBar_default,
+      {
+        value: Number(value),
+        variant: "blue",
+        size: "medium",
+        layout: "compact",
+        showPercentage: true,
+        compactWidth: "w-[100px]"
+      }
+    )
+  },
+  {
+    key: "navigation",
+    label: "",
+    sortable: false,
+    className: "w-12",
+    render: () => /* @__PURE__ */ jsx98("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx98(CaretRight11, { size: 20, className: "text-text-600" }) })
+  }
+];
+
+// src/components/ActivitiesHistory/config/historyFiltersConfig.ts
+var createHistoryFiltersConfig = (userData) => [
+  {
+    key: "status",
+    label: "STATUS",
+    categories: [
+      {
+        key: "status",
+        label: "Status da Atividade",
+        selectedIds: [],
+        itens: ACTIVITY_FILTER_STATUS_OPTIONS
+      }
+    ]
+  },
+  {
+    key: "academic",
+    label: "DADOS ACAD\xCAMICOS",
+    categories: [
+      {
+        key: "school",
+        label: "Escola",
+        selectedIds: [],
+        itens: getSchoolOptions2(userData)
+      }
+    ]
+  },
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useActivitiesHistory.ts
+import { useState as useState46, useCallback as useCallback23 } from "react";
+import { z as z6 } from "zod";
+import dayjs4 from "dayjs";
+
+// src/utils/hookErrorHandler.ts
+import { z as z5 } from "zod";
+var createFetchErrorHandler = (validationErrorMessage, genericErrorMessage) => (error) => {
+  if (error instanceof z5.ZodError) {
+    console.error(validationErrorMessage, error);
+    return validationErrorMessage;
+  }
+  console.error(genericErrorMessage, error);
+  return genericErrorMessage;
+};
+
+// src/hooks/useActivitiesHistory.ts
+var activityHistoryResponseSchema = z6.object({
+  id: z6.string().uuid(),
+  title: z6.string(),
+  startDate: z6.string().nullable(),
+  finalDate: z6.string().nullable(),
+  status: z6.nativeEnum(GenericApiStatus),
+  completionPercentage: z6.number().min(0).max(100),
+  subjectId: z6.string().uuid(),
+  schoolId: z6.string().optional(),
+  schoolName: z6.string().optional(),
+  year: z6.string().optional(),
+  className: z6.string().optional(),
+  subjectName: z6.string().optional()
+});
+var activitiesHistoryApiResponseSchema = z6.object({
+  message: z6.string(),
+  data: z6.object({
+    activities: z6.array(activityHistoryResponseSchema),
+    pagination: z6.object({
+      total: z6.number(),
+      page: z6.number(),
+      limit: z6.number(),
+      totalPages: z6.number()
+    })
+  })
+});
+var DEFAULT_ACTIVITIES_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var transformActivityToTableItem = (activity) => {
+  return {
+    id: activity.id,
+    startDate: activity.startDate ? dayjs4(activity.startDate).format("DD/MM") : "-",
+    deadline: activity.finalDate ? dayjs4(activity.finalDate).format("DD/MM") : "-",
+    title: activity.title,
+    school: activity.schoolName || "-",
+    year: activity.year || "-",
+    subject: activity.subjectName || "-",
+    class: activity.className || "-",
+    status: mapActivityStatusToDisplay(activity.status),
+    completionPercentage: activity.completionPercentage
+  };
+};
+var handleActivityFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de hist\xF3rico de atividades",
+  "Erro ao carregar hist\xF3rico de atividades"
+);
+var createUseActivitiesHistory = (fetchActivitiesHistory) => {
+  return () => {
+    const [state, setState] = useState46({
+      activities: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_ACTIVITIES_PAGINATION
+    });
+    const fetchActivities = useCallback23(
+      async (filters) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchActivitiesHistory(filters);
+          const validatedData = activitiesHistoryApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.activities.map(
+            transformActivityToTableItem
+          );
+          setState({
+            activities: tableItems,
+            loading: false,
+            error: null,
+            pagination: validatedData.data.pagination
+          });
+        } catch (error) {
+          const errorMessage = handleActivityFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchActivitiesHistory]
+    );
+    return {
+      ...state,
+      fetchActivities
+    };
+  };
+};
+var createActivitiesHistoryHook = createUseActivitiesHistory;
+
+// src/components/ActivitiesHistory/tabs/HistoryTab.tsx
+import { jsx as jsx99, jsxs as jsxs79 } from "react/jsx-runtime";
+var HistoryTab = ({
+  fetchActivitiesHistory,
+  onCreateActivity,
+  onRowClick,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData
+}) => {
+  const fetchActivitiesHistoryRef = useRef26(fetchActivitiesHistory);
+  fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
+  const useActivitiesHistory = useMemo28(
+    () => createUseActivitiesHistory(
+      (filters) => fetchActivitiesHistoryRef.current(filters)
+    ),
+    []
+  );
+  const {
+    activities,
+    loading,
+    error,
+    pagination,
+    fetchActivities
+  } = useActivitiesHistory();
+  const historyFilterConfigs = useMemo28(
+    () => createHistoryFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const historyTableColumns = useMemo28(
+    () => createHistoryTableColumns(mapSubjectNameToEnum),
+    [mapSubjectNameToEnum]
+  );
+  const handleParamsChange = useCallback24(
+    (params) => {
+      const filters = buildHistoryFiltersFromParams(params);
+      fetchActivities(filters);
+    },
+    [fetchActivities]
+  );
+  if (error) {
+    return /* @__PURE__ */ jsx99(ErrorDisplay, { error });
+  }
+  return /* @__PURE__ */ jsx99("div", { className: "w-full", children: /* @__PURE__ */ jsx99(
+    TableProvider,
+    {
+      data: activities,
+      headers: historyTableColumns,
+      loading,
+      variant: "borderless",
+      enableSearch: true,
+      enableFilters: true,
+      enableTableSort: true,
+      enablePagination: true,
+      enableRowClick: true,
+      initialFilters: historyFilterConfigs,
+      paginationConfig: {
+        itemLabel: "atividades",
+        itemsPerPageOptions: [10, 20, 50, 100],
+        defaultItemsPerPage: 10,
+        totalItems: pagination.total,
+        totalPages: pagination.totalPages
+      },
+      searchPlaceholder: "Buscar atividade",
+      noSearchResultState: {
+        image: noSearchImage
+      },
+      emptyState: {
+        component: /* @__PURE__ */ jsx99(
+          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__ */ jsx99(Plus4, { size: 18 }),
+            buttonVariant: "outline",
+            buttonAction: "primary",
+            onButtonClick: onCreateActivity
+          }
+        )
+      },
+      onParamsChange: handleParamsChange,
+      onRowClick,
+      children: (renderProps) => {
+        const {
+          controls,
+          table,
+          pagination: paginationComponent
+        } = renderProps;
+        return /* @__PURE__ */ jsxs79("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs79("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsx99(
+              Button_default,
+              {
+                variant: "solid",
+                action: "primary",
+                size: "medium",
+                onClick: onCreateActivity,
+                iconLeft: /* @__PURE__ */ jsx99(Plus4, { size: 18, weight: "bold" }),
+                children: "Criar atividade"
+              }
+            ),
+            controls
+          ] }),
+          /* @__PURE__ */ jsxs79("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+            table,
+            paginationComponent
+          ] })
+        ] });
+      }
+    }
+  ) });
+};
+
+// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
+import { useState as useState48, useCallback as useCallback26, useMemo as useMemo29, useRef as useRef27, useEffect as useEffect45 } from "react";
+import { Plus as Plus5 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/config/modelsTableColumns.tsx
+import { Trash as Trash3, PencilSimple as PencilSimple3, PaperPlaneTilt as PaperPlaneTilt3 } from "phosphor-react";
+import { jsx as jsx100, jsxs as jsxs80 } 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__ */ jsx100(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__ */ jsxs80("div", { className: "flex items-center gap-2 justify-end", children: [
+        onSendActivity && /* @__PURE__ */ jsx100(
+          Button_default,
+          {
+            variant: "outline",
+            action: "primary",
+            size: "small",
+            iconLeft: /* @__PURE__ */ jsx100(PaperPlaneTilt3, { size: 16 }),
+            onClick: handleSend,
+            "aria-label": "Enviar atividade",
+            children: "Enviar atividade"
+          }
+        ),
+        /* @__PURE__ */ jsx100(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx100(Trash3, { size: 20 }),
+            size: "md",
+            onClick: handleDelete,
+            "aria-label": "Deletar modelo",
+            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
+          }
+        ),
+        onEditModel && /* @__PURE__ */ jsx100(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx100(PencilSimple3, { 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) => [
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useActivityModels.ts
+import { useState as useState47, useCallback as useCallback25 } from "react";
+import { z as z7 } from "zod";
+import dayjs5 from "dayjs";
+var activityDraftFiltersSchema = z7.object({
+  questionTypes: z7.array(z7.string()).optional(),
+  questionBanks: z7.array(z7.string()).optional(),
+  subjects: z7.array(z7.string()).optional(),
+  topics: z7.array(z7.string()).optional(),
+  subtopics: z7.array(z7.string()).optional(),
+  contents: z7.array(z7.string()).optional()
+}).nullable();
+var activityModelResponseSchema = z7.object({
+  id: z7.string().uuid(),
+  type: z7.nativeEnum(ActivityDraftType),
+  title: z7.string().nullable(),
+  creatorUserInstitutionId: z7.string().uuid().nullable(),
+  subjectId: z7.string().uuid().nullable(),
+  filters: activityDraftFiltersSchema,
+  createdAt: z7.string(),
+  updatedAt: z7.string()
+});
+var activityModelsApiResponseSchema = z7.object({
+  message: z7.string(),
+  data: z7.object({
+    activityDrafts: z7.array(activityModelResponseSchema),
+    total: z7.number()
+  })
+});
+var DEFAULT_MODELS_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var transformModelToTableItem = (model, subjectsMap) => {
+  const subjectName = model.subjectId ? subjectsMap?.get(model.subjectId) || "" : "";
+  return {
+    id: model.id,
+    title: model.title || "Sem t\xEDtulo",
+    savedAt: dayjs5(model.createdAt).format("DD/MM/YYYY"),
+    subject: subjectName,
+    subjectId: model.subjectId
+  };
+};
+var handleModelFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de modelos de atividades",
+  "Erro ao carregar modelos de atividades"
+);
+var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
+  return () => {
+    const [state, setState] = useState47({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_MODELS_PAGINATION
+    });
+    const fetchModels = useCallback25(
+      async (filters, subjectsMap) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchActivityModels(filters);
+          const validatedData = activityModelsApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.activityDrafts.map(
+            (model) => transformModelToTableItem(model, subjectsMap)
+          );
+          const limit = filters?.limit || 10;
+          const page = filters?.page || 1;
+          const total = validatedData.data.total;
+          const totalPages = Math.ceil(total / limit);
+          setState({
+            models: tableItems,
+            loading: false,
+            error: null,
+            pagination: {
+              total,
+              page,
+              limit,
+              totalPages
+            }
+          });
+        } catch (error) {
+          const errorMessage = handleModelFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchActivityModels]
+    );
+    const deleteModel = useCallback25(
+      async (id) => {
+        try {
+          await deleteActivityModel(id);
+          return true;
+        } catch (error) {
+          console.error("Erro ao deletar modelo:", error);
+          return false;
+        }
+      },
+      [deleteActivityModel]
+    );
+    return {
+      ...state,
+      fetchModels,
+      deleteModel
+    };
+  };
+};
+var createActivityModelsHook = createUseActivityModels;
+
+// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
+import { Fragment as Fragment23, jsx as jsx101, jsxs as jsxs81 } from "react/jsx-runtime";
+var ModelsTab = ({
+  fetchActivityModels,
+  deleteActivityModel,
+  onCreateModel,
+  onSendActivity,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState48(false);
+  const [modelToDelete, setModelToDelete] = useState48(null);
+  const { addToast } = useToast();
+  const fetchActivityModelsRef = useRef27(fetchActivityModels);
+  fetchActivityModelsRef.current = fetchActivityModels;
+  const deleteActivityModelRef = useRef27(deleteActivityModel);
+  deleteActivityModelRef.current = deleteActivityModel;
+  const subjectsMapRef = useRef27(subjectsMap);
+  subjectsMapRef.current = subjectsMap;
+  const useActivityModels = useMemo29(
+    () => createUseActivityModels(
+      (filters) => fetchActivityModelsRef.current(filters),
+      (id) => deleteActivityModelRef.current(id)
+    ),
+    []
+  );
+  const {
+    models,
+    loading: modelsLoading,
+    error: modelsError,
+    pagination: modelsPagination,
+    fetchModels,
+    deleteModel
+  } = useActivityModels();
+  const modelsFilterConfigs = useMemo29(
+    () => createModelsFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const handleDeleteClick = useCallback26((model) => {
+    setModelToDelete(model);
+    setDeleteDialogOpen(true);
+  }, []);
+  const modelsTableColumns = useMemo29(
+    () => createModelsTableColumns(
+      mapSubjectNameToEnum,
+      onSendActivity,
+      onEditModel,
+      handleDeleteClick
+    ),
+    [mapSubjectNameToEnum, onSendActivity, onEditModel, handleDeleteClick]
+  );
+  const handleParamsChange = useCallback26(
+    (params) => {
+      const filters = buildModelsFiltersFromParams(params);
+      fetchModels(filters, subjectsMapRef.current);
+    },
+    [fetchModels]
+  );
+  useEffect45(() => {
+    fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+  }, [fetchModels]);
+  const handleConfirmDelete = useCallback26(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 = useCallback26(() => {
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, []);
+  return /* @__PURE__ */ jsxs81(Fragment23, { children: [
+    /* @__PURE__ */ jsx101(Toaster_default, {}),
+    modelsError ? /* @__PURE__ */ jsx101(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ jsx101("div", { className: "w-full", "data-testid": "activity-models-tab", children: /* @__PURE__ */ jsx101(
+      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__ */ jsx101(
+            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__ */ jsx101(Plus5, { size: 18 }),
+              buttonVariant: "outline",
+              buttonAction: "primary",
+              onButtonClick: onCreateModel
+            }
+          )
+        },
+        onParamsChange: handleParamsChange,
+        children: (renderProps) => {
+          const {
+            controls,
+            table,
+            pagination: paginationComponent
+          } = renderProps;
+          return /* @__PURE__ */ jsxs81("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsx101(
+                Button_default,
+                {
+                  variant: "solid",
+                  action: "primary",
+                  size: "medium",
+                  onClick: onCreateModel,
+                  iconLeft: /* @__PURE__ */ jsx101(Plus5, { size: 18, weight: "bold" }),
+                  children: "Criar modelo"
+                }
+              ),
+              controls
+            ] }),
+            /* @__PURE__ */ jsxs81("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+              table,
+              paginationComponent
+            ] })
+          ] });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx101(
+      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/ActivitiesHistory/tabs/DraftsTab.tsx
+import { jsx as jsx102 } from "react/jsx-runtime";
+var DraftsTab = () => {
+  return /* @__PURE__ */ jsx102("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx102(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
+};
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+import { jsx as jsx103, jsxs as jsxs82 } from "react/jsx-runtime";
+var PAGE_TITLES = {
+  ["history" /* HISTORY */]: "Hist\xF3rico de atividades",
+  ["drafts" /* DRAFTS */]: "Rascunhos",
+  ["models" /* MODELS */]: "Modelos de atividades"
+};
+var ActivitiesHistory = ({
+  fetchActivitiesHistory,
+  fetchActivityModels,
+  deleteActivityModel,
+  onCreateActivity,
+  onCreateModel,
+  onRowClick,
+  onSendActivity,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => {
+  const [activeTab, setActiveTab] = useState49("history" /* HISTORY */);
+  return /* @__PURE__ */ jsxs82(
+    "div",
+    {
+      "data-testid": "activities-history",
+      className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx103("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ jsxs82("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__ */ jsxs82("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__ */ jsx103(
+              Text_default,
+              {
+                as: "h1",
+                weight: "bold",
+                className: "leading-[28px] tracking-[0.2px] text-xl lg:text-2xl",
+                children: PAGE_TITLES[activeTab]
+              }
+            ),
+            /* @__PURE__ */ jsx103("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx103(
+              Menu,
+              {
+                defaultValue: "history" /* HISTORY */,
+                value: activeTab,
+                onValueChange: (value) => setActiveTab(value),
+                variant: "menu2",
+                className: "bg-transparent shadow-none px-0",
+                children: /* @__PURE__ */ jsxs82(
+                  MenuContent,
+                  {
+                    variant: "menu2",
+                    className: "w-full lg:w-auto max-w-full min-w-0",
+                    children: [
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "history" /* HISTORY */,
+                          "data-testid": "menu-item-history",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Hist\xF3rico"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "drafts" /* DRAFTS */,
+                          "data-testid": "menu-item-drafts",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Rascunhos"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "models" /* MODELS */,
+                          "data-testid": "menu-item-models",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Modelos"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs82("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx103(
+              HistoryTab,
+              {
+                fetchActivitiesHistory,
+                onCreateActivity,
+                onRowClick,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData
+              }
+            ),
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ jsx103(DraftsTab, {}),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ jsx103(
+              ModelsTab,
+              {
+                fetchActivityModels,
+                deleteActivityModel,
+                onCreateModel,
+                onSendActivity,
+                onEditModel,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData,
+                subjectsMap
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/hooks/useChat.ts
+import { useState as useState50, useEffect as useEffect46, useCallback as useCallback27, useRef as useRef28 } from "react";
+var WS_STATES = {
+  CONNECTING: 0,
+  OPEN: 1,
+  CLOSING: 2,
+  CLOSED: 3
+};
+function useChat({
+  wsUrl,
+  token,
+  roomId,
+  userId,
+  onConnect,
+  onDisconnect,
+  onError,
+  autoReconnect = true,
+  reconnectInterval = 3e3,
+  maxReconnectAttempts = 5
+}) {
+  const [isConnected, setIsConnected] = useState50(false);
+  const [messages, setMessages] = useState50([]);
+  const [participants, setParticipants] = useState50([]);
+  const [error, setError] = useState50(null);
+  const wsRef = useRef28(null);
+  const reconnectAttemptsRef = useRef28(0);
+  const reconnectTimeoutRef = useRef28(
+    null
+  );
+  const isManualDisconnectRef = useRef28(false);
+  const sendWsMessage = useCallback27((message) => {
+    if (wsRef.current?.readyState === WS_STATES.OPEN) {
+      wsRef.current.send(JSON.stringify(message));
+    }
+  }, []);
+  const sendMessage = useCallback27(
+    (content) => {
+      const trimmedContent = content.trim();
+      if (!trimmedContent) return;
+      sendWsMessage({
+        type: "message",
+        payload: { content: trimmedContent }
+      });
+    },
+    [sendWsMessage]
+  );
+  const leave = useCallback27(() => {
+    isManualDisconnectRef.current = true;
+    sendWsMessage({ type: "leave" });
+    wsRef.current?.close(1e3, "User left");
+  }, [sendWsMessage]);
+  const handleMessage = useCallback27(
+    (event) => {
+      try {
+        const data = JSON.parse(event.data);
+        switch (data.type) {
+          case "history":
+            if (data.payload.messages) {
+              setMessages(data.payload.messages);
+            }
+            break;
+          case "participants":
+            if (data.payload.participants) {
+              setParticipants(data.payload.participants);
+            }
+            break;
+          case "new_message":
+            if (data.payload.message) {
+              setMessages((prev) => [...prev, data.payload.message]);
+            }
+            break;
+          case "user_joined":
+            if (data.payload.user) {
+              const user = data.payload.user;
+              setParticipants((prev) => {
+                const exists = prev.some(
+                  (p) => p.userInstitutionId === user.userInstitutionId
+                );
+                if (exists) {
+                  return prev.map(
+                    (p) => p.userInstitutionId === user.userInstitutionId ? { ...p, isOnline: true } : p
+                  );
+                }
+                return [
+                  ...prev,
+                  {
+                    userInstitutionId: user.userInstitutionId,
+                    name: user.name,
+                    photo: user.photo,
+                    role: user.role,
+                    isOnline: true
+                  }
+                ];
+              });
+            }
+            break;
+          case "user_left":
+            if (data.payload.user) {
+              const user = data.payload.user;
+              setParticipants(
+                (prev) => prev.map(
+                  (p) => p.userInstitutionId === user.userInstitutionId ? { ...p, isOnline: false } : p
+                )
+              );
+            }
+            break;
+          case "error": {
+            const errorMessage = data.payload.message_text || "Erro desconhecido";
+            setError(new Error(errorMessage));
+            onError?.(new Error(errorMessage));
+            break;
+          }
+        }
+      } catch (err) {
+        console.error("Error parsing WebSocket message:", err);
+      }
+    },
+    [onError]
+  );
+  const connect = useCallback27(() => {
+    const url = new URL(wsUrl);
+    url.searchParams.set("roomId", roomId);
+    url.searchParams.set("token", token);
+    if (wsRef.current) {
+      wsRef.current.close();
+    }
+    const ws = new WebSocket(url.toString());
+    wsRef.current = ws;
+    ws.onopen = () => {
+      setIsConnected(true);
+      setError(null);
+      reconnectAttemptsRef.current = 0;
+      onConnect?.();
+    };
+    ws.onmessage = handleMessage;
+    ws.onerror = () => {
+      const error2 = new Error("Erro na conex\xE3o WebSocket");
+      setError(error2);
+      onError?.(error2);
+    };
+    ws.onclose = (event) => {
+      setIsConnected(false);
+      onDisconnect?.();
+      if (autoReconnect && !isManualDisconnectRef.current && reconnectAttemptsRef.current < maxReconnectAttempts && event.code !== 4001 && // Unauthorized
+      event.code !== 4002 && // Missing roomId
+      event.code !== 4003) {
+        reconnectAttemptsRef.current += 1;
+        reconnectTimeoutRef.current = setTimeout(() => {
+          connect();
+        }, reconnectInterval);
+      }
+    };
+  }, [
+    wsUrl,
+    roomId,
+    token,
+    handleMessage,
+    onConnect,
+    onDisconnect,
+    onError,
+    autoReconnect,
+    reconnectInterval,
+    maxReconnectAttempts
+  ]);
+  const reconnect = useCallback27(() => {
+    isManualDisconnectRef.current = false;
+    reconnectAttemptsRef.current = 0;
+    connect();
+  }, [connect]);
+  useEffect46(() => {
+    isManualDisconnectRef.current = false;
+    connect();
+    return () => {
+      isManualDisconnectRef.current = true;
+      if (reconnectTimeoutRef.current) {
+        clearTimeout(reconnectTimeoutRef.current);
+      }
+      wsRef.current?.close(1e3, "Component unmounted");
+    };
+  }, [connect]);
+  return {
+    isConnected,
+    messages,
+    participants,
+    sendMessage,
+    leave,
+    error,
+    reconnect,
+    currentUserId: userId
+  };
+}
+function createUseChat(baseWsUrl) {
+  return (options) => useChat({ ...options, wsUrl: baseWsUrl });
+}
+
+// src/hooks/useChatRooms.ts
+import { useState as useState51, useCallback as useCallback28 } from "react";
+function useChatRooms({
+  apiClient
+}) {
+  const [rooms, setRooms] = useState51([]);
+  const [availableUsers, setAvailableUsers] = useState51([]);
+  const [loading, setLoading] = useState51(false);
+  const [error, setError] = useState51(null);
+  const fetchRooms = useCallback28(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiClient.get("/chat/rooms");
+      setRooms(response.data.rooms);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Erro ao carregar salas");
+      setError(error2);
+      console.error("Error fetching chat rooms:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiClient]);
+  const fetchAvailableUsers = useCallback28(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiClient.get(
+        "/chat/available-users"
+      );
+      setAvailableUsers(response.data.users);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Erro ao carregar usu\xE1rios");
+      setError(error2);
+      console.error("Error fetching available users:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiClient]);
+  const createRoom = useCallback28(
+    async (participantIds) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await apiClient.post(
+          "/chat/rooms",
+          {
+            participantIds
+          }
+        );
+        await fetchRooms();
+        return response.data.room;
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Erro ao criar sala");
+        setError(error2);
+        console.error("Error creating chat room:", err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [apiClient, fetchRooms]
+  );
+  const clearError = useCallback28(() => {
+    setError(null);
+  }, []);
+  return {
+    rooms,
+    availableUsers,
+    loading,
+    error,
+    fetchRooms,
+    fetchAvailableUsers,
+    createRoom,
+    clearError
+  };
+}
+function createUseChatRooms(apiClient) {
+  return () => useChatRooms({ apiClient });
+}
+
+// src/types/chat.ts
+var PROFILE_ROLES = /* @__PURE__ */ ((PROFILE_ROLES2) => {
+  PROFILE_ROLES2["SUPER_ADMIN"] = "SUPER_ADMIN";
+  PROFILE_ROLES2["GENERAL_MANAGER"] = "GENERAL_MANAGER";
+  PROFILE_ROLES2["REGIONAL_MANAGER"] = "REGIONAL_MANAGER";
+  PROFILE_ROLES2["UNIT_MANAGER"] = "UNIT_MANAGER";
+  PROFILE_ROLES2["TEACHER"] = "TEACHER";
+  PROFILE_ROLES2["STUDENT"] = "STUDENT";
+  return PROFILE_ROLES2;
+})(PROFILE_ROLES || {});
+var CHAT_MESSAGE_TYPES = {
+  TEXT: "text",
+  SYSTEM: "system"
+};
+
+// src/components/Chat/Chat.tsx
+import { useState as useState52, useEffect as useEffect47, useCallback as useCallback29 } from "react";
+import {
+  PaperPlaneTiltIcon as PaperPlaneTiltIcon2,
+  XIcon,
+  PlusIcon,
+  UsersIcon
+} from "@phosphor-icons/react";
+import { jsx as jsx104, jsxs as jsxs83 } from "react/jsx-runtime";
+var RoomItem = ({
+  room,
+  onClick,
+  isActive
+}) => /* @__PURE__ */ jsx104(
+  Button_default,
+  {
+    variant: "link",
+    onClick,
+    className: cn(
+      "w-full p-3 rounded-lg text-left transition-colors justify-start h-auto",
+      "hover:bg-background-100",
+      isActive && "bg-primary-50 border-l-4 border-primary-500"
+    ),
+    children: /* @__PURE__ */ jsxs83("div", { className: "flex items-start gap-3 w-full", children: [
+      /* @__PURE__ */ jsx104("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx104(UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ jsxs83("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx104(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
+        room.lastMessage && /* @__PURE__ */ jsxs83(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
+          room.lastMessage.senderName,
+          ": ",
+          room.lastMessage.content
+        ] }),
+        /* @__PURE__ */ jsxs83(Text_default, { size: "xs", className: "text-text-400 mt-1", children: [
+          room.participantCount,
+          " participantes"
+        ] })
+      ] })
+    ] })
+  }
+);
+var MessageBubble = ({
+  message,
+  isOwn
+}) => /* @__PURE__ */ jsxs83("div", { className: cn("flex gap-2 mb-3", isOwn && "flex-row-reverse"), children: [
+  !isOwn && /* @__PURE__ */ jsx104("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: message.senderPhoto ? /* @__PURE__ */ jsx104(
+    "img",
+    {
+      src: message.senderPhoto,
+      alt: message.senderName,
+      className: "w-8 h-8 rounded-full object-cover"
+    }
+  ) : /* @__PURE__ */ jsx104(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: message.senderName.charAt(0).toUpperCase() }) }),
+  /* @__PURE__ */ jsxs83("div", { className: cn("max-w-[70%]", isOwn && "items-end"), children: [
+    !isOwn && /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500 mb-1", children: message.senderName }),
+    /* @__PURE__ */ jsx104(
+      "div",
+      {
+        className: cn(
+          "px-4 py-2 rounded-2xl",
+          isOwn ? "bg-primary-500 text-white rounded-br-md" : "bg-background-100 text-text-900 rounded-bl-md"
+        ),
+        children: /* @__PURE__ */ jsx104(Text_default, { size: "sm", children: message.content })
+      }
+    ),
+    /* @__PURE__ */ jsx104(
+      Text_default,
+      {
+        size: "xs",
+        className: cn("text-text-400 mt-1", isOwn && "text-right"),
+        children: new Date(message.createdAt).toLocaleTimeString("pt-BR", {
+          hour: "2-digit",
+          minute: "2-digit"
+        })
+      }
+    )
+  ] })
+] });
+var ParticipantItem = ({ participant }) => /* @__PURE__ */ jsxs83("div", { className: "flex items-center gap-2 py-2", children: [
+  /* @__PURE__ */ jsxs83("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx104("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", children: participant.photo ? /* @__PURE__ */ jsx104(
+      "img",
+      {
+        src: participant.photo,
+        alt: participant.name,
+        className: "w-8 h-8 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsx104(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: participant.name.charAt(0).toUpperCase() }) }),
+    participant.isOnline && /* @__PURE__ */ jsx104("div", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white" })
+  ] }),
+  /* @__PURE__ */ jsxs83("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-900 truncate", children: participant.name }),
+    /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500", children: participant.role })
+  ] })
+] });
+var UserSelector = ({
+  users,
+  selectedIds,
+  onToggle
+}) => /* @__PURE__ */ jsx104("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: users.map((user) => /* @__PURE__ */ jsxs83(
+  Button_default,
+  {
+    variant: "link",
+    onClick: () => onToggle(user.userInstitutionId),
+    className: cn(
+      "w-full flex items-center gap-3 p-3 rounded-lg transition-colors justify-start h-auto",
+      selectedIds.has(user.userInstitutionId) ? "bg-primary-50 border border-primary-500" : "bg-background-50 hover:bg-background-100 border border-transparent"
+    ),
+    children: [
+      /* @__PURE__ */ jsx104("div", { className: "w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center", children: user.photo ? /* @__PURE__ */ jsx104(
+        "img",
+        {
+          src: user.photo,
+          alt: user.name,
+          className: "w-10 h-10 rounded-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsx104(Text_default, { size: "sm", weight: "bold", className: "text-gray-600", children: user.name.charAt(0).toUpperCase() }) }),
+      /* @__PURE__ */ jsxs83("div", { className: "flex-1 text-left", children: [
+        /* @__PURE__ */ jsx104(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: user.name }),
+        /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500", children: user.profileName })
+      ] }),
+      /* @__PURE__ */ jsx104(
+        "div",
+        {
+          className: cn(
+            "w-5 h-5 rounded-full border-2 flex items-center justify-center",
+            selectedIds.has(user.userInstitutionId) ? "bg-primary-500 border-primary-500" : "border-gray-300"
+          ),
+          children: selectedIds.has(user.userInstitutionId) && /* @__PURE__ */ jsx104("div", { className: "w-2 h-2 bg-white rounded-full" })
+        }
+      )
+    ]
+  },
+  user.userInstitutionId
+)) });
+function Chat({
+  apiClient,
+  wsUrl,
+  token,
+  userId,
+  userName,
+  userPhoto,
+  userRole,
+  className
+}) {
+  const [view, setView] = useState52("list");
+  const [selectedRoom, setSelectedRoom] = useState52(
+    null
+  );
+  const [selectedUserIds, setSelectedUserIds] = useState52(
+    /* @__PURE__ */ new Set()
+  );
+  const [messageInput, setMessageInput] = useState52("");
+  const [showCreateModal, setShowCreateModal] = useState52(false);
+  const {
+    rooms,
+    availableUsers,
+    loading: roomsLoading,
+    error: roomsError,
+    fetchRooms,
+    fetchAvailableUsers,
+    createRoom
+  } = useChatRooms({ apiClient });
+  const {
+    isConnected,
+    messages,
+    participants,
+    sendMessage,
+    error: chatError
+  } = useChat({
+    wsUrl,
+    token,
+    roomId: selectedRoom?.id || "",
+    userId,
+    onConnect: () => console.log("Connected to chat"),
+    onDisconnect: () => console.log("Disconnected from chat"),
+    onError: (err) => console.error("Chat error:", err)
+  });
+  const getRoleLabel = () => {
+    return userRole === "TEACHER" /* TEACHER */ ? "Professor" : "Aluno";
+  };
+  useEffect47(() => {
+    fetchRooms();
+  }, [fetchRooms]);
+  const handleSelectRoom = useCallback29((room) => {
+    setSelectedRoom(room);
+    setView("room");
+  }, []);
+  const handleOpenCreateModal = useCallback29(async () => {
+    await fetchAvailableUsers();
+    setSelectedUserIds(/* @__PURE__ */ new Set());
+    setShowCreateModal(true);
+  }, [fetchAvailableUsers]);
+  const handleToggleUser = useCallback29((id) => {
+    setSelectedUserIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  const handleCreateRoom = useCallback29(async () => {
+    if (selectedUserIds.size === 0) return;
+    const room = await createRoom(Array.from(selectedUserIds));
+    if (room) {
+      setShowCreateModal(false);
+      setSelectedUserIds(/* @__PURE__ */ new Set());
+      await fetchRooms();
+    }
+  }, [selectedUserIds, createRoom, fetchRooms]);
+  const handleSendMessage = useCallback29(() => {
+    if (!messageInput.trim()) return;
+    sendMessage(messageInput);
+    setMessageInput("");
+  }, [messageInput, sendMessage]);
+  const handleBackToList = useCallback29(() => {
+    setSelectedRoom(null);
+    setView("list");
+  }, []);
+  const renderMessagesContent = () => {
+    if (chatError) {
+      return /* @__PURE__ */ jsx104("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxs83("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro de conexao com o chat" }),
+        /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
+      ] }) });
+    }
+    if (messages.length === 0) {
+      return /* @__PURE__ */ jsx104("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
+    }
+    return messages.map((message) => /* @__PURE__ */ jsx104(
+      MessageBubble,
+      {
+        message,
+        isOwn: message.senderId === userId
+      },
+      message.id
+    ));
+  };
+  const renderRoomList = () => /* @__PURE__ */ jsxs83("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs83("div", { className: "p-4 border-b border-background-200 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs83("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx104("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: userPhoto ? /* @__PURE__ */ jsx104(
+          "img",
+          {
+            src: userPhoto,
+            alt: userName,
+            className: "w-10 h-10 rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsx104(Text_default, { size: "sm", weight: "bold", className: "text-primary-600", children: userName.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ jsxs83("div", { children: [
+          /* @__PURE__ */ jsx104(Text_default, { size: "lg", weight: "bold", className: "text-text-900", children: "Conversas" }),
+          /* @__PURE__ */ jsxs83(Text_default, { size: "xs", className: "text-text-500", children: [
+            userName,
+            " - ",
+            getRoleLabel()
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx104(
+        Button_default,
+        {
+          variant: "solid",
+          size: "small",
+          onClick: handleOpenCreateModal,
+          iconLeft: /* @__PURE__ */ jsx104(PlusIcon, { size: 16 }),
+          children: "Nova conversa"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs83("div", { className: "flex-1 overflow-y-auto p-2", children: [
+      roomsError && /* @__PURE__ */ jsxs83("div", { className: "p-4 text-center", children: [
+        /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro ao carregar conversas" }),
+        /* @__PURE__ */ jsx104(Button_default, { variant: "outline", size: "small", onClick: fetchRooms, children: "Tentar novamente" })
+      ] }),
+      !roomsError && roomsLoading && /* @__PURE__ */ jsx104("div", { className: "space-y-3 p-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs83("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx104(SkeletonRounded, { className: "w-10 h-10" }),
+        /* @__PURE__ */ jsxs83("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx104(SkeletonText, { className: "w-3/4 h-4 mb-2" }),
+          /* @__PURE__ */ jsx104(SkeletonText, { className: "w-1/2 h-3" })
+        ] })
+      ] }, i)) }),
+      !roomsError && !roomsLoading && rooms.length === 0 && /* @__PURE__ */ jsx104(
+        EmptyState_default,
+        {
+          title: "Nenhuma conversa",
+          description: "Comece uma nova conversa clicando no botao acima"
+        }
+      ),
+      !roomsError && !roomsLoading && rooms.length > 0 && /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ jsx104(
+        RoomItem,
+        {
+          room,
+          onClick: () => handleSelectRoom(room),
+          isActive: selectedRoom?.id === room.id
+        },
+        room.id
+      )) })
+    ] })
+  ] });
+  const renderChatRoom = () => {
+    if (!selectedRoom) return null;
+    return /* @__PURE__ */ jsxs83("div", { className: "flex h-full", children: [
+      /* @__PURE__ */ jsxs83("div", { className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ jsxs83("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx104(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ jsx104(XIcon, { size: 20 }) }),
+          /* @__PURE__ */ jsxs83("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx104(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
+            /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx104("div", { className: "flex-1 overflow-y-auto p-4", children: renderMessagesContent() }),
+        /* @__PURE__ */ jsx104("div", { className: "p-4 border-t border-background-200", children: /* @__PURE__ */ jsxs83("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx104(
+            Input_default,
+            {
+              placeholder: "Digite sua mensagem...",
+              value: messageInput,
+              onChange: (e) => setMessageInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  handleSendMessage();
+                }
+              },
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx104(
+            Button_default,
+            {
+              variant: "solid",
+              onClick: handleSendMessage,
+              disabled: !messageInput.trim() || !isConnected,
+              children: /* @__PURE__ */ jsx104(PaperPlaneTiltIcon2, { size: 20 })
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs83("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
+        /* @__PURE__ */ jsxs83(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
+          "Participantes (",
+          participants.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: participants.map((participant) => /* @__PURE__ */ jsx104(
+          ParticipantItem,
+          {
+            participant
+          },
+          participant.userInstitutionId
+        )) })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs83(
+    "div",
+    {
+      className: cn(
+        "bg-background rounded-xl border border-background-200 h-[600px]",
+        className
+      ),
+      children: [
+        view === "list" && renderRoomList(),
+        view === "room" && renderChatRoom(),
+        /* @__PURE__ */ jsx104(
+          Modal_default,
+          {
+            isOpen: showCreateModal,
+            onClose: () => setShowCreateModal(false),
+            title: "Nova conversa",
+            children: /* @__PURE__ */ jsxs83("div", { className: "p-4", children: [
+              /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-600 mb-4", children: "Selecione os participantes para iniciar uma conversa" }),
+              roomsLoading && /* @__PURE__ */ jsx104("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs83("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx104(SkeletonRounded, { className: "w-10 h-10" }),
+                /* @__PURE__ */ jsx104(SkeletonText, { className: "flex-1 h-4" })
+              ] }, i)) }),
+              !roomsLoading && availableUsers.length === 0 && /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
+              !roomsLoading && availableUsers.length > 0 && /* @__PURE__ */ jsx104(
+                UserSelector,
+                {
+                  users: availableUsers,
+                  selectedIds: selectedUserIds,
+                  onToggle: handleToggleUser
+                }
+              ),
+              /* @__PURE__ */ jsxs83("div", { className: "flex justify-end gap-2 mt-6", children: [
+                /* @__PURE__ */ jsx104(Button_default, { variant: "outline", onClick: () => setShowCreateModal(false), children: "Cancelar" }),
+                /* @__PURE__ */ jsx104(
+                  Button_default,
+                  {
+                    variant: "solid",
+                    onClick: handleCreateRoom,
+                    disabled: selectedUserIds.size === 0 || roomsLoading,
+                    children: "Criar conversa"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 export {
   ACTIVITY_AVAILABILITY,
+  ACTIVITY_FILTER_STATUS_OPTIONS,
   ANSWER_STATUS,
   AccordionGroup,
+  ActivitiesHistory,
+  GenericApiStatus as ActivityApiStatus,
+  BadgeActionType as ActivityBadgeActionType,
   ActivityCardQuestionBanks,
   ActivityCardQuestionPreview,
   ActivityDetails,
+  GenericDisplayStatus as ActivityDisplayStatus,
+  ActivityDraftType,
   ActivityFilters,
   ActivityFiltersPopover,
   ActivityPreview,
@@ -24016,6 +25726,7 @@ export {
   Badge_default as Badge,
   BreadcrumbMenu,
   Button_default as Button,
+  CHAT_MESSAGE_TYPES,
   QUESTION_STATUS2 as CORRECTION_QUESTION_STATUS,
   Calendar_default as Calendar,
   CardAccordation,
@@ -24030,6 +25741,7 @@ export {
   CardStatus,
   CardTest,
   CardTopic,
+  Chat,
   CheckBox_default as CheckBox,
   CheckboxGroup,
   CheckboxList_default as CheckboxList,
@@ -24037,6 +25749,8 @@ export {
   Chips_default as Chips,
   CorrectActivityModal_default as CorrectActivityModal,
   CreateActivity,
+  DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM,
   DateTimeInput_default as DateTimeInput,
   Divider_default as Divider,
@@ -24052,9 +25766,9 @@ export {
   FilterModal,
   GOAL_FILTER_STATUS_OPTIONS,
   GOAL_STATUS_OPTIONS,
-  GoalApiStatus,
-  GoalBadgeActionType,
-  GoalDisplayStatus,
+  GenericApiStatus as GoalApiStatus,
+  BadgeActionType as GoalBadgeActionType,
+  GenericDisplayStatus as GoalDisplayStatus,
   IconButton_default as IconButton,
   IconRender_default as IconRender,
   IconRoundedButton_default as IconRoundedButton,
@@ -24074,6 +25788,7 @@ export {
   NotFound_default as NotFound,
   NotificationCard_default as NotificationCard,
   NotificationEntityType,
+  PROFILE_ROLES,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuInfo,
@@ -24158,16 +25873,25 @@ export {
   Toast_default as Toast,
   Toaster_default as Toaster,
   VideoPlayer_default as VideoPlayer,
+  WS_STATES,
   Whiteboard_default as Whiteboard,
+  activitiesHistoryApiResponseSchema,
+  activityModelsApiResponseSchema,
   cn,
   convertActivityFiltersToQuestionsFilter,
+  createActivitiesHistoryHook,
   createActivityFiltersDataHook,
+  createActivityModelsHook,
   createNotificationStore,
   createNotificationsHook,
   createQuestionsListHook,
   createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook,
+  createUseActivitiesHistory,
   createUseActivityFiltersData,
+  createUseActivityModels,
+  createUseChat,
+  createUseChatRooms,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
@@ -24183,6 +25907,7 @@ export {
   formatTimeAgo,
   formatTimeSpent,
   generateFileId,
+  getActivityStatusBadgeAction,
   getCategoryIcon,
   getCategoryText,
   getDeviceType,
@@ -24203,12 +25928,15 @@ export {
   goalApiResponseSchema,
   goalDetailsApiResponseSchema,
   goalsHistoryApiResponseSchema,
+  handleActivityFetchError,
   handleGoalFetchError,
   handleLessonDetailsFetchError,
+  handleModelFetchError,
   historyApiResponseSchema,
   isDeadlinePassed,
   isFormValid,
   isStepValid,
+  mapActivityStatusToDisplay,
   mapApiStatusToInternal,
   mapInternalStatusToApi,
   mapQuestionTypeToEnum,
@@ -24218,7 +25946,9 @@ export {
   syncDropdownState,
   toggleArrayItem,
   toggleSingleValue,
+  transformActivityToTableItem,
   transformGoalToTableItem,
+  transformModelToTableItem,
   useAlertFormStore,
   useApiConfig,
   useAppContent,
@@ -24229,6 +25959,8 @@ export {
   useAuthStore,
   useBreadcrumb,
   useBreadcrumbBuilder,
+  useChat,
+  useChatRooms,
   useInstitutionId,
   useMobile,
   useQuestionFiltersStore,