analytica-frontend-lib 1.2.51 → 1.2.53

package/dist/index.js

@@ -31,11 +31,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ACTIVITY_AVAILABILITY: () => ACTIVITY_AVAILABILITY,
+  ACTIVITY_FILTER_STATUS_OPTIONS: () => ACTIVITY_FILTER_STATUS_OPTIONS,
   ANSWER_STATUS: () => ANSWER_STATUS,
   AccordionGroup: () => AccordionGroup,
+  ActivitiesHistory: () => ActivitiesHistory,
+  ActivityApiStatus: () => GenericApiStatus,
+  ActivityBadgeActionType: () => BadgeActionType,
   ActivityCardQuestionBanks: () => ActivityCardQuestionBanks,
   ActivityCardQuestionPreview: () => ActivityCardQuestionPreview,
   ActivityDetails: () => ActivityDetails,
+  ActivityDisplayStatus: () => GenericDisplayStatus,
+  ActivityDraftType: () => ActivityDraftType,
   ActivityFilters: () => ActivityFilters,
   ActivityFiltersPopover: () => ActivityFiltersPopover,
   ActivityPreview: () => ActivityPreview,
@@ -48,6 +54,7 @@ __export(src_exports, {
   Badge: () => Badge_default,
   BreadcrumbMenu: () => BreadcrumbMenu,
   Button: () => Button_default,
+  CHAT_MESSAGE_TYPES: () => CHAT_MESSAGE_TYPES,
   CORRECTION_QUESTION_STATUS: () => QUESTION_STATUS2,
   Calendar: () => Calendar_default,
   CardAccordation: () => CardAccordation,
@@ -62,6 +69,7 @@ __export(src_exports, {
   CardStatus: () => CardStatus,
   CardTest: () => CardTest,
   CardTopic: () => CardTopic,
+  Chat: () => Chat,
   CheckBox: () => CheckBox_default,
   CheckboxGroup: () => CheckboxGroup,
   CheckboxList: () => CheckboxList_default,
@@ -69,6 +77,8 @@ __export(src_exports, {
   Chips: () => Chips_default,
   CorrectActivityModal: () => CorrectActivityModal_default,
   CreateActivity: () => CreateActivity,
+  DEFAULT_ACTIVITIES_PAGINATION: () => DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_MODELS_PAGINATION: () => DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM: () => DIFFICULTY_LEVEL_ENUM,
   DateTimeInput: () => DateTimeInput_default,
   Divider: () => Divider_default,
@@ -84,9 +94,9 @@ __export(src_exports, {
   FilterModal: () => FilterModal,
   GOAL_FILTER_STATUS_OPTIONS: () => GOAL_FILTER_STATUS_OPTIONS,
   GOAL_STATUS_OPTIONS: () => GOAL_STATUS_OPTIONS,
-  GoalApiStatus: () => GoalApiStatus,
-  GoalBadgeActionType: () => GoalBadgeActionType,
-  GoalDisplayStatus: () => GoalDisplayStatus,
+  GoalApiStatus: () => GenericApiStatus,
+  GoalBadgeActionType: () => BadgeActionType,
+  GoalDisplayStatus: () => GenericDisplayStatus,
   IconButton: () => IconButton_default,
   IconRender: () => IconRender_default,
   IconRoundedButton: () => IconRoundedButton_default,
@@ -106,6 +116,7 @@ __export(src_exports, {
   NotFound: () => NotFound_default,
   NotificationCard: () => NotificationCard_default,
   NotificationEntityType: () => NotificationEntityType,
+  PROFILE_ROLES: () => PROFILE_ROLES,
   ProfileMenuFooter: () => ProfileMenuFooter,
   ProfileMenuHeader: () => ProfileMenuHeader,
   ProfileMenuInfo: () => ProfileMenuInfo,
@@ -190,16 +201,25 @@ __export(src_exports, {
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
   VideoPlayer: () => VideoPlayer_default,
+  WS_STATES: () => WS_STATES,
   Whiteboard: () => Whiteboard_default,
+  activitiesHistoryApiResponseSchema: () => activitiesHistoryApiResponseSchema,
+  activityModelsApiResponseSchema: () => activityModelsApiResponseSchema,
   cn: () => cn,
   convertActivityFiltersToQuestionsFilter: () => convertActivityFiltersToQuestionsFilter,
+  createActivitiesHistoryHook: () => createActivitiesHistoryHook,
   createActivityFiltersDataHook: () => createActivityFiltersDataHook,
+  createActivityModelsHook: () => createActivityModelsHook,
   createNotificationStore: () => createNotificationStore,
   createNotificationsHook: () => createNotificationsHook,
   createQuestionsListHook: () => createQuestionsListHook,
   createRecommendedLessonDetailsHook: () => createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook: () => createRecommendedLessonsHistoryHook,
+  createUseActivitiesHistory: () => createUseActivitiesHistory,
   createUseActivityFiltersData: () => createUseActivityFiltersData,
+  createUseActivityModels: () => createUseActivityModels,
+  createUseChat: () => createUseChat,
+  createUseChatRooms: () => createUseChatRooms,
   createUseNotificationStore: () => createUseNotificationStore,
   createUseNotifications: () => createUseNotifications,
   createUseQuestionsList: () => createUseQuestionsList,
@@ -215,6 +235,7 @@ __export(src_exports, {
   formatTimeAgo: () => formatTimeAgo,
   formatTimeSpent: () => formatTimeSpent,
   generateFileId: () => generateFileId,
+  getActivityStatusBadgeAction: () => getActivityStatusBadgeAction,
   getCategoryIcon: () => getCategoryIcon,
   getCategoryText: () => getCategoryText,
   getDeviceType: () => getDeviceType,
@@ -235,12 +256,15 @@ __export(src_exports, {
   goalApiResponseSchema: () => goalApiResponseSchema,
   goalDetailsApiResponseSchema: () => goalDetailsApiResponseSchema,
   goalsHistoryApiResponseSchema: () => goalsHistoryApiResponseSchema,
+  handleActivityFetchError: () => handleActivityFetchError,
   handleGoalFetchError: () => handleGoalFetchError,
   handleLessonDetailsFetchError: () => handleLessonDetailsFetchError,
+  handleModelFetchError: () => handleModelFetchError,
   historyApiResponseSchema: () => historyApiResponseSchema,
   isDeadlinePassed: () => isDeadlinePassed,
   isFormValid: () => isFormValid,
   isStepValid: () => isStepValid,
+  mapActivityStatusToDisplay: () => mapActivityStatusToDisplay,
   mapApiStatusToInternal: () => mapApiStatusToInternal,
   mapInternalStatusToApi: () => mapInternalStatusToApi,
   mapQuestionTypeToEnum: () => mapQuestionTypeToEnum,
@@ -250,7 +274,9 @@ __export(src_exports, {
   syncDropdownState: () => syncDropdownState,
   toggleArrayItem: () => toggleArrayItem,
   toggleSingleValue: () => toggleSingleValue,
+  transformActivityToTableItem: () => transformActivityToTableItem,
   transformGoalToTableItem: () => transformGoalToTableItem,
+  transformModelToTableItem: () => transformModelToTableItem,
   useAlertFormStore: () => useAlertFormStore,
   useApiConfig: () => useApiConfig,
   useAppContent: () => useAppContent,
@@ -261,6 +287,8 @@ __export(src_exports, {
   useAuthStore: () => useAuthStore,
   useBreadcrumb: () => useBreadcrumb,
   useBreadcrumbBuilder: () => useBreadcrumbBuilder,
+  useChat: () => useChat,
+  useChatRooms: () => useChatRooms,
   useInstitutionId: () => useInstitutionId,
   useMobile: () => useMobile,
   useQuestionFiltersStore: () => useQuestionFiltersStore,
@@ -5225,6 +5253,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
@@ -22523,26 +22556,26 @@ var SendActivityModal_default = SendActivityModal;
 var import_react71 = require("react");
 var import_phosphor_react44 = 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) => {
+// 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 */,
@@ -22550,6 +22583,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" }
@@ -24093,14 +24137,1703 @@ var createUseRecommendedLessonDetails = (apiClient) => {
   };
 };
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+var import_react85 = require("react");
+
+// src/components/ActivitiesHistory/tabs/HistoryTab.tsx
+var import_react82 = require("react");
+var import_phosphor_react46 = require("phosphor-react");
+
+// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var ErrorDisplay = ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text_default, { size: "lg", color: "text-error-500", children: error }) });
+
+// src/components/ActivitiesHistory/config/historyTableColumns.tsx
+var import_phosphor_react45 = require("phosphor-react");
+
+// src/components/ActivitiesHistory/utils/renderSubjectCell.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
+  if (!subjectName) {
+    return showEmptyDash ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
+  }
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  if (!subjectEnum) {
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+  }
+  const subjectInfo = getSubjectInfo(subjectEnum);
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2", title: subjectName, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)(Text_default, { size: "sm", className: "truncate", children: subjectName })
+  ] });
+};
+
+// src/components/ActivitiesHistory/utils/renderTruncatedText.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var renderTruncatedText = (value) => {
+  const text = typeof value === "string" ? value : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(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
+var import_jsx_runtime98 = require("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__ */ (0, import_jsx_runtime98.jsx)(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        Badge_default,
+        {
+          variant: "solid",
+          action: getActivityStatusBadgeAction(status),
+          size: "small",
+          children: status
+        }
+      );
+    }
+  },
+  {
+    key: "completionPercentage",
+    label: "Conclus\xE3o",
+    sortable: true,
+    render: (value) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      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__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_phosphor_react45.CaretRight, { 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
+var import_react81 = require("react");
+var import_zod7 = require("zod");
+var import_dayjs4 = __toESM(require("dayjs"));
+
+// src/utils/hookErrorHandler.ts
+var import_zod6 = require("zod");
+var createFetchErrorHandler = (validationErrorMessage, genericErrorMessage) => (error) => {
+  if (error instanceof import_zod6.z.ZodError) {
+    console.error(validationErrorMessage, error);
+    return validationErrorMessage;
+  }
+  console.error(genericErrorMessage, error);
+  return genericErrorMessage;
+};
+
+// src/hooks/useActivitiesHistory.ts
+var activityHistoryResponseSchema = import_zod7.z.object({
+  id: import_zod7.z.string().uuid(),
+  title: import_zod7.z.string(),
+  startDate: import_zod7.z.string().nullable(),
+  finalDate: import_zod7.z.string().nullable(),
+  status: import_zod7.z.nativeEnum(GenericApiStatus),
+  completionPercentage: import_zod7.z.number().min(0).max(100),
+  subjectId: import_zod7.z.string().uuid(),
+  schoolId: import_zod7.z.string().optional(),
+  schoolName: import_zod7.z.string().optional(),
+  year: import_zod7.z.string().optional(),
+  className: import_zod7.z.string().optional(),
+  subjectName: import_zod7.z.string().optional()
+});
+var activitiesHistoryApiResponseSchema = import_zod7.z.object({
+  message: import_zod7.z.string(),
+  data: import_zod7.z.object({
+    activities: import_zod7.z.array(activityHistoryResponseSchema),
+    pagination: import_zod7.z.object({
+      total: import_zod7.z.number(),
+      page: import_zod7.z.number(),
+      limit: import_zod7.z.number(),
+      totalPages: import_zod7.z.number()
+    })
+  })
+});
+var DEFAULT_ACTIVITIES_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var transformActivityToTableItem = (activity) => {
+  return {
+    id: activity.id,
+    startDate: activity.startDate ? (0, import_dayjs4.default)(activity.startDate).format("DD/MM") : "-",
+    deadline: activity.finalDate ? (0, import_dayjs4.default)(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] = (0, import_react81.useState)({
+      activities: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_ACTIVITIES_PAGINATION
+    });
+    const fetchActivities = (0, import_react81.useCallback)(
+      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
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var HistoryTab = ({
+  fetchActivitiesHistory,
+  onCreateActivity,
+  onRowClick,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData
+}) => {
+  const fetchActivitiesHistoryRef = (0, import_react82.useRef)(fetchActivitiesHistory);
+  fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
+  const useActivitiesHistory = (0, import_react82.useMemo)(
+    () => createUseActivitiesHistory(
+      (filters) => fetchActivitiesHistoryRef.current(filters)
+    ),
+    []
+  );
+  const {
+    activities,
+    loading,
+    error,
+    pagination,
+    fetchActivities
+  } = useActivitiesHistory();
+  const historyFilterConfigs = (0, import_react82.useMemo)(
+    () => createHistoryFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const historyTableColumns = (0, import_react82.useMemo)(
+    () => createHistoryTableColumns(mapSubjectNameToEnum),
+    [mapSubjectNameToEnum]
+  );
+  const handleParamsChange = (0, import_react82.useCallback)(
+    (params) => {
+      const filters = buildHistoryFiltersFromParams(params);
+      fetchActivities(filters);
+    },
+    [fetchActivities]
+  );
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ErrorDisplay, { error });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    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__ */ (0, import_jsx_runtime99.jsx)(
+          EmptyState_default,
+          {
+            image: emptyStateImage,
+            title: "Incentive sua turma ao aprendizado",
+            description: "Crie uma nova atividade e ajude seus alunos a colocarem o conte\xFAdo em pr\xE1tica!",
+            buttonText: "Criar atividade",
+            buttonIcon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_phosphor_react46.Plus, { size: 18 }),
+            buttonVariant: "outline",
+            buttonAction: "primary",
+            onButtonClick: onCreateActivity
+          }
+        )
+      },
+      onParamsChange: handleParamsChange,
+      onRowClick,
+      children: (renderProps) => {
+        const {
+          controls,
+          table,
+          pagination: paginationComponent
+        } = renderProps;
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              Button_default,
+              {
+                variant: "solid",
+                action: "primary",
+                size: "medium",
+                onClick: onCreateActivity,
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_phosphor_react46.Plus, { size: 18, weight: "bold" }),
+                children: "Criar atividade"
+              }
+            ),
+            controls
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+            table,
+            paginationComponent
+          ] })
+        ] });
+      }
+    }
+  ) });
+};
+
+// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
+var import_react84 = require("react");
+var import_phosphor_react48 = require("phosphor-react");
+
+// src/components/ActivitiesHistory/config/modelsTableColumns.tsx
+var import_phosphor_react47 = require("phosphor-react");
+var import_jsx_runtime100 = require("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__ */ (0, import_jsx_runtime100.jsx)(Text_default, { size: "sm", title, className: "truncate block", children: title });
+    }
+  },
+  {
+    key: "savedAt",
+    label: "Salvo em",
+    sortable: true,
+    className: "w-[120px]"
+  },
+  {
+    key: "subject",
+    label: "Mat\xE9ria",
+    sortable: true,
+    className: "max-w-[160px]",
+    render: (value) => {
+      const subjectName = typeof value === "string" ? value : "";
+      return renderSubjectCell(subjectName, mapSubjectNameToEnum, true);
+    }
+  },
+  {
+    key: "actions",
+    label: "",
+    sortable: false,
+    className: "w-[220px]",
+    render: (_value, row) => {
+      const handleSend = (e) => {
+        e.stopPropagation();
+        onSendActivity?.(row);
+      };
+      const handleEdit = (e) => {
+        e.stopPropagation();
+        onEditModel?.(row);
+      };
+      const handleDelete = (e) => {
+        e.stopPropagation();
+        onDeleteModel(row);
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2 justify-end", children: [
+        onSendActivity && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          Button_default,
+          {
+            variant: "outline",
+            action: "primary",
+            size: "small",
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_phosphor_react47.PaperPlaneTilt, { size: 16 }),
+            onClick: handleSend,
+            "aria-label": "Enviar atividade",
+            children: "Enviar atividade"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_phosphor_react47.Trash, { size: 20 }),
+            size: "md",
+            onClick: handleDelete,
+            "aria-label": "Deletar modelo",
+            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
+          }
+        ),
+        onEditModel && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_phosphor_react47.PencilSimple, { size: 20 }),
+            size: "md",
+            onClick: handleEdit,
+            "aria-label": "Editar modelo",
+            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
+          }
+        )
+      ] });
+    }
+  }
+];
+
+// src/components/ActivitiesHistory/config/modelsFiltersConfig.ts
+var createModelsFiltersConfig = (userData) => [
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useActivityModels.ts
+var import_react83 = require("react");
+var import_zod8 = require("zod");
+var import_dayjs5 = __toESM(require("dayjs"));
+var activityDraftFiltersSchema = import_zod8.z.object({
+  questionTypes: import_zod8.z.array(import_zod8.z.string()).optional(),
+  questionBanks: import_zod8.z.array(import_zod8.z.string()).optional(),
+  subjects: import_zod8.z.array(import_zod8.z.string()).optional(),
+  topics: import_zod8.z.array(import_zod8.z.string()).optional(),
+  subtopics: import_zod8.z.array(import_zod8.z.string()).optional(),
+  contents: import_zod8.z.array(import_zod8.z.string()).optional()
+}).nullable();
+var activityModelResponseSchema = import_zod8.z.object({
+  id: import_zod8.z.string().uuid(),
+  type: import_zod8.z.nativeEnum(ActivityDraftType),
+  title: import_zod8.z.string().nullable(),
+  creatorUserInstitutionId: import_zod8.z.string().uuid().nullable(),
+  subjectId: import_zod8.z.string().uuid().nullable(),
+  filters: activityDraftFiltersSchema,
+  createdAt: import_zod8.z.string(),
+  updatedAt: import_zod8.z.string()
+});
+var activityModelsApiResponseSchema = import_zod8.z.object({
+  message: import_zod8.z.string(),
+  data: import_zod8.z.object({
+    activityDrafts: import_zod8.z.array(activityModelResponseSchema),
+    total: import_zod8.z.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: (0, import_dayjs5.default)(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] = (0, import_react83.useState)({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_MODELS_PAGINATION
+    });
+    const fetchModels = (0, import_react83.useCallback)(
+      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 = (0, import_react83.useCallback)(
+      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
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var ModelsTab = ({
+  fetchActivityModels,
+  deleteActivityModel,
+  onCreateModel,
+  onSendActivity,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react84.useState)(false);
+  const [modelToDelete, setModelToDelete] = (0, import_react84.useState)(null);
+  const { addToast } = useToast();
+  const fetchActivityModelsRef = (0, import_react84.useRef)(fetchActivityModels);
+  fetchActivityModelsRef.current = fetchActivityModels;
+  const deleteActivityModelRef = (0, import_react84.useRef)(deleteActivityModel);
+  deleteActivityModelRef.current = deleteActivityModel;
+  const subjectsMapRef = (0, import_react84.useRef)(subjectsMap);
+  subjectsMapRef.current = subjectsMap;
+  const useActivityModels = (0, import_react84.useMemo)(
+    () => createUseActivityModels(
+      (filters) => fetchActivityModelsRef.current(filters),
+      (id) => deleteActivityModelRef.current(id)
+    ),
+    []
+  );
+  const {
+    models,
+    loading: modelsLoading,
+    error: modelsError,
+    pagination: modelsPagination,
+    fetchModels,
+    deleteModel
+  } = useActivityModels();
+  const modelsFilterConfigs = (0, import_react84.useMemo)(
+    () => createModelsFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const handleDeleteClick = (0, import_react84.useCallback)((model) => {
+    setModelToDelete(model);
+    setDeleteDialogOpen(true);
+  }, []);
+  const modelsTableColumns = (0, import_react84.useMemo)(
+    () => createModelsTableColumns(
+      mapSubjectNameToEnum,
+      onSendActivity,
+      onEditModel,
+      handleDeleteClick
+    ),
+    [mapSubjectNameToEnum, onSendActivity, onEditModel, handleDeleteClick]
+  );
+  const handleParamsChange = (0, import_react84.useCallback)(
+    (params) => {
+      const filters = buildModelsFiltersFromParams(params);
+      fetchModels(filters, subjectsMapRef.current);
+    },
+    [fetchModels]
+  );
+  (0, import_react84.useEffect)(() => {
+    fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+  }, [fetchModels]);
+  const handleConfirmDelete = (0, import_react84.useCallback)(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 = (0, import_react84.useCallback)(() => {
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Toaster_default, {}),
+    modelsError ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full", "data-testid": "activity-models-tab", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      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__ */ (0, import_jsx_runtime101.jsx)(
+            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__ */ (0, import_jsx_runtime101.jsx)(import_phosphor_react48.Plus, { size: 18 }),
+              buttonVariant: "outline",
+              buttonAction: "primary",
+              onButtonClick: onCreateModel
+            }
+          )
+        },
+        onParamsChange: handleParamsChange,
+        children: (renderProps) => {
+          const {
+            controls,
+            table,
+            pagination: paginationComponent
+          } = renderProps;
+          return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                Button_default,
+                {
+                  variant: "solid",
+                  action: "primary",
+                  size: "medium",
+                  onClick: onCreateModel,
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_phosphor_react48.Plus, { size: 18, weight: "bold" }),
+                  children: "Criar modelo"
+                }
+              ),
+              controls
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+              table,
+              paginationComponent
+            ] })
+          ] });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      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
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var DraftsTab = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
+};
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+var import_jsx_runtime103 = require("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] = (0, import_react85.useState)("history" /* HISTORY */);
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+    "div",
+    {
+      "data-testid": "activities-history",
+      className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.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_runtime103.jsx)(
+              Text_default,
+              {
+                as: "h1",
+                weight: "bold",
+                className: "leading-[28px] tracking-[0.2px] text-xl lg:text-2xl",
+                children: PAGE_TITLES[activeTab]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.jsxs)(
+                  MenuContent,
+                  {
+                    variant: "menu2",
+                    className: "w-full lg:w-auto max-w-full min-w-0",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.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_runtime103.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_runtime103.jsxs)("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              HistoryTab,
+              {
+                fetchActivitiesHistory,
+                onCreateActivity,
+                onRowClick,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData
+              }
+            ),
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DraftsTab, {}),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              ModelsTab,
+              {
+                fetchActivityModels,
+                deleteActivityModel,
+                onCreateModel,
+                onSendActivity,
+                onEditModel,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData,
+                subjectsMap
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/hooks/useChat.ts
+var import_react86 = require("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] = (0, import_react86.useState)(false);
+  const [messages, setMessages] = (0, import_react86.useState)([]);
+  const [participants, setParticipants] = (0, import_react86.useState)([]);
+  const [error, setError] = (0, import_react86.useState)(null);
+  const wsRef = (0, import_react86.useRef)(null);
+  const reconnectAttemptsRef = (0, import_react86.useRef)(0);
+  const reconnectTimeoutRef = (0, import_react86.useRef)(
+    null
+  );
+  const isManualDisconnectRef = (0, import_react86.useRef)(false);
+  const sendWsMessage = (0, import_react86.useCallback)((message) => {
+    if (wsRef.current?.readyState === WS_STATES.OPEN) {
+      wsRef.current.send(JSON.stringify(message));
+    }
+  }, []);
+  const sendMessage = (0, import_react86.useCallback)(
+    (content) => {
+      const trimmedContent = content.trim();
+      if (!trimmedContent) return;
+      sendWsMessage({
+        type: "message",
+        payload: { content: trimmedContent }
+      });
+    },
+    [sendWsMessage]
+  );
+  const leave = (0, import_react86.useCallback)(() => {
+    isManualDisconnectRef.current = true;
+    sendWsMessage({ type: "leave" });
+    wsRef.current?.close(1e3, "User left");
+  }, [sendWsMessage]);
+  const handleMessage = (0, import_react86.useCallback)(
+    (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 = (0, import_react86.useCallback)(() => {
+    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 = (0, import_react86.useCallback)(() => {
+    isManualDisconnectRef.current = false;
+    reconnectAttemptsRef.current = 0;
+    connect();
+  }, [connect]);
+  (0, import_react86.useEffect)(() => {
+    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
+var import_react87 = require("react");
+function useChatRooms({
+  apiClient
+}) {
+  const [rooms, setRooms] = (0, import_react87.useState)([]);
+  const [availableUsers, setAvailableUsers] = (0, import_react87.useState)([]);
+  const [loading, setLoading] = (0, import_react87.useState)(false);
+  const [error, setError] = (0, import_react87.useState)(null);
+  const fetchRooms = (0, import_react87.useCallback)(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 = (0, import_react87.useCallback)(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 = (0, import_react87.useCallback)(
+    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 = (0, import_react87.useCallback)(() => {
+    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
+var import_react88 = require("react");
+var import_react89 = require("@phosphor-icons/react");
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var RoomItem = ({
+  room,
+  onClick,
+  isActive
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  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__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
+        room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
+          room.lastMessage.senderName,
+          ": ",
+          room.lastMessage.content
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-400 mt-1", children: [
+          room.participantCount,
+          " participantes"
+        ] })
+      ] })
+    ] })
+  }
+);
+var MessageBubble = ({
+  message,
+  isOwn
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cn("flex gap-2 mb-3", isOwn && "flex-row-reverse"), children: [
+  !isOwn && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: message.senderPhoto ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    "img",
+    {
+      src: message.senderPhoto,
+      alt: message.senderName,
+      className: "w-8 h-8 rounded-full object-cover"
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: message.senderName.charAt(0).toUpperCase() }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cn("max-w-[70%]", isOwn && "items-end"), children: [
+    !isOwn && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500 mb-1", children: message.senderName }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      "div",
+      {
+        className: cn(
+          "px-4 py-2 rounded-2xl",
+          isOwn ? "bg-primary-500 text-white rounded-br-md" : "bg-background-100 text-text-900 rounded-bl-md"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", children: message.content })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      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__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 py-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", children: participant.photo ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      "img",
+      {
+        src: participant.photo,
+        alt: participant.name,
+        className: "w-8 h-8 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: participant.name.charAt(0).toUpperCase() }) }),
+    participant.isOnline && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white" })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-900 truncate", children: participant.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: participant.role })
+  ] })
+] });
+var UserSelector = ({
+  users,
+  selectedIds,
+  onToggle
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  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__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center", children: user.photo ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        "img",
+        {
+          src: user.photo,
+          alt: user.name,
+          className: "w-10 h-10 rounded-full object-cover"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-gray-600", children: user.name.charAt(0).toUpperCase() }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: user.profileName })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        "div",
+        {
+          className: cn(
+            "w-5 h-5 rounded-full border-2 flex items-center justify-center",
+            selectedIds.has(user.userInstitutionId) ? "bg-primary-500 border-primary-500" : "border-gray-300"
+          ),
+          children: selectedIds.has(user.userInstitutionId) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("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] = (0, import_react88.useState)("list");
+  const [selectedRoom, setSelectedRoom] = (0, import_react88.useState)(
+    null
+  );
+  const [selectedUserIds, setSelectedUserIds] = (0, import_react88.useState)(
+    /* @__PURE__ */ new Set()
+  );
+  const [messageInput, setMessageInput] = (0, import_react88.useState)("");
+  const [showCreateModal, setShowCreateModal] = (0, import_react88.useState)(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";
+  };
+  (0, import_react88.useEffect)(() => {
+    fetchRooms();
+  }, [fetchRooms]);
+  const handleSelectRoom = (0, import_react88.useCallback)((room) => {
+    setSelectedRoom(room);
+    setView("room");
+  }, []);
+  const handleOpenCreateModal = (0, import_react88.useCallback)(async () => {
+    await fetchAvailableUsers();
+    setSelectedUserIds(/* @__PURE__ */ new Set());
+    setShowCreateModal(true);
+  }, [fetchAvailableUsers]);
+  const handleToggleUser = (0, import_react88.useCallback)((id) => {
+    setSelectedUserIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  const handleCreateRoom = (0, import_react88.useCallback)(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 = (0, import_react88.useCallback)(() => {
+    if (!messageInput.trim()) return;
+    sendMessage(messageInput);
+    setMessageInput("");
+  }, [messageInput, sendMessage]);
+  const handleBackToList = (0, import_react88.useCallback)(() => {
+    setSelectedRoom(null);
+    setView("list");
+  }, []);
+  const renderMessagesContent = () => {
+    if (chatError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro de conexao com o chat" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
+      ] }) });
+    }
+    if (messages.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
+    }
+    return messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      MessageBubble,
+      {
+        message,
+        isOwn: message.senderId === userId
+      },
+      message.id
+    ));
+  };
+  const renderRoomList = () => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: userPhoto ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          "img",
+          {
+            src: userPhoto,
+            alt: userName,
+            className: "w-10 h-10 rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-primary-600", children: userName.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-900", children: "Conversas" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-500", children: [
+            userName,
+            " - ",
+            getRoleLabel()
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        Button_default,
+        {
+          variant: "solid",
+          size: "small",
+          onClick: handleOpenCreateModal,
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.PlusIcon, { size: 16 }),
+          children: "Nova conversa"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 overflow-y-auto p-2", children: [
+      roomsError && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro ao carregar conversas" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "outline", size: "small", onClick: fetchRooms, children: "Tentar novamente" })
+      ] }),
+      !roomsError && roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-3 p-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "w-3/4 h-4 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "w-1/2 h-3" })
+        ] })
+      ] }, i)) }),
+      !roomsError && !roomsLoading && rooms.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        EmptyState_default,
+        {
+          title: "Nenhuma conversa",
+          description: "Comece uma nova conversa clicando no botao acima"
+        }
+      ),
+      !roomsError && !roomsLoading && rooms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        RoomItem,
+        {
+          room,
+          onClick: () => handleSelectRoom(room),
+          isActive: selectedRoom?.id === room.id
+        },
+        room.id
+      )) })
+    ] })
+  ] });
+  const renderChatRoom = () => {
+    if (!selectedRoom) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex h-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.XIcon, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex-1 overflow-y-auto p-4", children: renderMessagesContent() }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "p-4 border-t border-background-200", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            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__ */ (0, import_jsx_runtime104.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              onClick: handleSendMessage,
+              disabled: !messageInput.trim() || !isConnected,
+              children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.PaperPlaneTiltIcon, { size: 20 })
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
+          "Participantes (",
+          participants.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-1", children: participants.map((participant) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          ParticipantItem,
+          {
+            participant
+          },
+          participant.userInstitutionId
+        )) })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    "div",
+    {
+      className: cn(
+        "bg-background rounded-xl border border-background-200 h-[600px]",
+        className
+      ),
+      children: [
+        view === "list" && renderRoomList(),
+        view === "room" && renderChatRoom(),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          Modal_default,
+          {
+            isOpen: showCreateModal,
+            onClose: () => setShowCreateModal(false),
+            title: "Nova conversa",
+            children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-600 mb-4", children: "Selecione os participantes para iniciar uma conversa" }),
+              roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "flex-1 h-4" })
+              ] }, i)) }),
+              !roomsLoading && availableUsers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
+              !roomsLoading && availableUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                UserSelector,
+                {
+                  users: availableUsers,
+                  selectedIds: selectedUserIds,
+                  onToggle: handleToggleUser
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex justify-end gap-2 mt-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "outline", onClick: () => setShowCreateModal(false), children: "Cancelar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                  Button_default,
+                  {
+                    variant: "solid",
+                    onClick: handleCreateRoom,
+                    disabled: selectedUserIds.size === 0 || roomsLoading,
+                    children: "Criar conversa"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVITY_AVAILABILITY,
+  ACTIVITY_FILTER_STATUS_OPTIONS,
   ANSWER_STATUS,
   AccordionGroup,
+  ActivitiesHistory,
+  ActivityApiStatus,
+  ActivityBadgeActionType,
   ActivityCardQuestionBanks,
   ActivityCardQuestionPreview,
   ActivityDetails,
+  ActivityDisplayStatus,
+  ActivityDraftType,
   ActivityFilters,
   ActivityFiltersPopover,
   ActivityPreview,
@@ -24113,6 +25846,7 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   Badge,
   BreadcrumbMenu,
   Button,
+  CHAT_MESSAGE_TYPES,
   CORRECTION_QUESTION_STATUS,
   Calendar,
   CardAccordation,
@@ -24127,6 +25861,7 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   CardStatus,
   CardTest,
   CardTopic,
+  Chat,
   CheckBox,
   CheckboxGroup,
   CheckboxList,
@@ -24134,6 +25869,8 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   Chips,
   CorrectActivityModal,
   CreateActivity,
+  DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM,
   DateTimeInput,
   Divider,
@@ -24171,6 +25908,7 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   NotFound,
   NotificationCard,
   NotificationEntityType,
+  PROFILE_ROLES,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuInfo,
@@ -24255,16 +25993,25 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   Toast,
   Toaster,
   VideoPlayer,
+  WS_STATES,
   Whiteboard,
+  activitiesHistoryApiResponseSchema,
+  activityModelsApiResponseSchema,
   cn,
   convertActivityFiltersToQuestionsFilter,
+  createActivitiesHistoryHook,
   createActivityFiltersDataHook,
+  createActivityModelsHook,
   createNotificationStore,
   createNotificationsHook,
   createQuestionsListHook,
   createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook,
+  createUseActivitiesHistory,
   createUseActivityFiltersData,
+  createUseActivityModels,
+  createUseChat,
+  createUseChatRooms,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
@@ -24280,6 +26027,7 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   formatTimeAgo,
   formatTimeSpent,
   generateFileId,
+  getActivityStatusBadgeAction,
   getCategoryIcon,
   getCategoryText,
   getDeviceType,
@@ -24300,12 +26048,15 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   goalApiResponseSchema,
   goalDetailsApiResponseSchema,
   goalsHistoryApiResponseSchema,
+  handleActivityFetchError,
   handleGoalFetchError,
   handleLessonDetailsFetchError,
+  handleModelFetchError,
   historyApiResponseSchema,
   isDeadlinePassed,
   isFormValid,
   isStepValid,
+  mapActivityStatusToDisplay,
   mapApiStatusToInternal,
   mapInternalStatusToApi,
   mapQuestionTypeToEnum,
@@ -24315,7 +26066,9 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   syncDropdownState,
   toggleArrayItem,
   toggleSingleValue,
+  transformActivityToTableItem,
   transformGoalToTableItem,
+  transformModelToTableItem,
   useAlertFormStore,
   useApiConfig,
   useAppContent,
@@ -24326,6 +26079,8 @@ var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
   useAuthStore,
   useBreadcrumb,
   useBreadcrumbBuilder,
+  useChat,
+  useChatRooms,
   useInstitutionId,
   useMobile,
   useQuestionFiltersStore,