fix: admin courses

.env

@@ -1,2 +1,2 @@
-VITE_API_BASE_URL=https://tripwisedaily.ir/api
+VITE_API_BASE_URL=http://109.122.252.86/api
 VITE_USE_MOCKS=false

src/components/form/FileUploader.vue

@@ -49,7 +49,7 @@
             @click="removeFile(index, file)"
           >
             <template #icon>
-              <SvgIcon name="close" :size="16" />
+              <SvgIcon name="close" color="red" :size="16" />
             </template>
           </CircleButton>
         </div>

src/composables/useAuth.js

@@ -15,8 +15,8 @@ export default function useAuth() {
   const savePhoneNumber = (phoneNumber) => {
     if (!phoneNumber) return
     const current = tokenService.getUserInfo() || {}
-    if (!current.phoneNumber) {
-      store.setUser({ ...current, phoneNumber })
+    if (!current.phone && !current.phoneNumber) {
+      store.setUser({ ...current, phone: phoneNumber })
     }
   }
 

src/constants/fields.js

@@ -36,6 +36,7 @@ export const fields = {
   activitySummary: 'خلاصهٔ فعالیت',
 
   avatar: 'تصویر پروفایل',
+  avatarId: 'تصویر پروفایل',
   image: 'تصویر',
 
   status: 'وضعیت',
@@ -71,6 +72,9 @@ export const fields = {
   educationStatus: 'وضعیت تحصیلی',
   fieldOfStudy: 'رشتهٔ تحصیلی',
   seminaryLevel: 'مقطع حوزه',
+  universityLevel: 'مقطع دانشگاهی',
+  universityName: 'نام حوزه علمیه / دانشگاه',
+  workExperienceSummary: 'خلاصهٔ سوابق شغلی',
   hijabApproach: 'رویکرد حجاب',
 
   prerequisites: 'پیش‌نیازها',
@@ -84,5 +88,17 @@ export const fields = {
   otherPlatformDetails: 'جزئیات سایر بسترها',
 
   faithProductionAudio: 'صدای تولید ایمانی',
+  faithProductionId: 'صدای تولید ایمانی',
   leaderMessageVideo: 'ویدیوی پیام رهبر',
+  leaderMessageId: 'ویدیوی پیام رهبر',
+
+  responseToLowSatisfaction: 'واکنش به رضایت پایین مخاطب',
+  responseToLowSatisfactionDescription: 'توضیح واکنش به رضایت پایین مخاطب',
+  responseToSessionCancellation: 'واکنش به لغو جلسه',
+  responseToSessionCancellationDescription: 'توضیح واکنش به لغو جلسه',
+  responseToAudienceConflict: 'واکنش به تعارض با مخاطب',
+  responseToAudienceConflictDescription: 'توضیح واکنش به تعارض با مخاطب',
+  responseToCompetingPropagator: 'واکنش به مبلغ رقیب',
+  responseToCompetingPropagatorDescription: 'توضیح واکنش به مبلغ رقیب',
+  responseToUnqualifiedAdvisors: 'واکنش به مشاوران غیرمتخصص',
 }

src/enums/index.js

@@ -148,6 +148,7 @@ export const COURSE_CONTENT_TYPE_ACCEPT = Object.freeze({
 export const SESSION_TYPE = Object.freeze({
   in_person: 'حضوری',
   online: 'آنلاین',
+  offline: 'آفلاین',
   video: 'ویدئو',
   audio: 'صوتی',
   text: 'متن',
@@ -201,7 +202,7 @@ export const SERVICE_TYPE = Object.freeze({
 })
 
 export const CONSULTATION_STATUS = Object.freeze({
-  in_progress: 'در حال گفتگو',
+  open: 'در حال گفتگو',
   answered: 'پاسخ داده شده',
   closed: 'بسته شده',
 })

src/features/admin/assignments/components/AssignmentsFilters.vue

@@ -104,7 +104,7 @@ const todayIso = new Date().toISOString()
 
 const templateSearch = ref('')
 const templateFilters = computed(() => ({ title: templateSearch.value }))
-const templatePagination = ref({ page: 1, perPage: 30 })
+const templatePagination = ref({ page: 1, perPage: 10 })
 const { data: templatesResponse } = useAdminCoursesListQuery(templateFilters, templatePagination)
 const templateOptions = computed(() => templatesResponse.value?.data ?? [])
 
@@ -113,7 +113,7 @@ const sessionListFilters = computed(() => ({
   title: sessionSearch.value,
   courseId: form.value.courseId || undefined,
 }))
-const sessionPagination = ref({ page: 1, perPage: 30 })
+const sessionPagination = ref({ page: 1, perPage: 10 })
 const { data: sessionsResponse } = useAdminSessionsListQuery(sessionListFilters, sessionPagination)
 const sessionOptions = computed(() => sessionsResponse.value?.data ?? [])
 

src/features/admin/assignments/components/modals/AddAssignmentModal.vue

@@ -1,12 +1,14 @@
 <template>
-  <BasicModal width="95%" max-width="64rem" min-width="auto" :show-close-button="true">
+  <BasicModal
+    :title="isEditMode ? 'ویرایش تکلیف' : 'افزودن تکلیف جدید'"
+    :title-en="isEditMode ? 'Edit Assignment' : 'Add Assignment'"
+    width="95%"
+    max-width="64rem"
+    min-width="auto"
+    :show-close-button="true"
+  >
     <template #default="{ close }">
       <form class="add-assignment" @submit.prevent="onSubmit(close)">
-        <LineTitleBlock
-          :title="isEditMode ? 'ویرایش تکلیف' : 'افزودن تکلیف جدید'"
-          :title-en="isEditMode ? 'Edit Assignment' : 'Add Assignment'"
-        />
-
         <div class="add-assignment__grid">
           <TextField
             v-model="form.title"
@@ -172,7 +174,7 @@ const { validate, validateAt, errors, resetErrors } = useYup(schema)
 
 const templateSearch = ref('')
 const templateFilters = computed(() => ({ title: templateSearch.value }))
-const templatePagination = ref({ page: 1, perPage: 30 })
+const templatePagination = ref({ page: 1, perPage: 10 })
 const { data: templatesResponse } = useAdminCoursesListQuery(templateFilters, templatePagination)
 const selectedTemplate = ref(null)
 const templateOptions = computed(() => {
@@ -188,7 +190,7 @@ const sessionFilters = computed(() => ({
   title: sessionSearch.value,
   courseId: form.value.courseId,
 }))
-const sessionPagination = ref({ page: 1, perPage: 30 })
+const sessionPagination = ref({ page: 1, perPage: 10 })
 const { data: sessionsResponse } = useAdminSessionsListQuery(sessionFilters, sessionPagination, {
   enabled: () => !!form.value.courseId,
 })
@@ -307,8 +309,8 @@ const onSubmit = async (close) => {
 
   &__actions {
     display: flex;
-    justify-content: flex-end;
-    gap: 0.625rem;
+    align-items: center;
+    justify-content: space-between;
   }
 
   &__btn-cancel {

src/features/admin/consultations/components/ConsultationItem.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="consultation-item">
     <div class="consultation-item__user">
-      <div v-if="consultation.user?.avatarUrl" class="consultation-item__avatar">
-        <img :src="consultation.user.avatarUrl" :alt="userName" />
+      <div v-if="consultation.student?.avatarUrl" class="consultation-item__avatar">
+        <img :src="consultation.student.avatarUrl" :alt="userName" />
       </div>
       <div v-else class="consultation-item__avatar consultation-item__avatar--placeholder">
         <SvgIcon name="user" :size="24" color="#bcbcbc" />
@@ -11,9 +11,7 @@
         <p class="consultation-item__name">{{ userName }}</p>
         <p class="consultation-item__request-id">
           <span class="consultation-item__request-id-label">شماره درخواست :</span>
-          <span class="consultation-item__request-id-value">
-            {{ consultation.requestId || consultation.id || '—' }}
-          </span>
+          <span class="consultation-item__request-id-value">{{ consultation.id || '—' }}</span>
         </p>
       </div>
     </div>
@@ -26,7 +24,7 @@
       <button
         type="button"
         class="consultation-item__status"
-        :class="`consultation-item__status--${consultation.status || 'in_progress'}`"
+        :class="`consultation-item__status--${consultation.status || 'open'}`"
         @click="onStatusClick"
       >
         <span class="consultation-item__status-dot" />
@@ -69,24 +67,11 @@ const props = defineProps({
 
 const emit = defineEmits(['show-details', 'change-status'])
 
-const userName = computed(() => {
-  const u = props.consultation.user
-  if (!u) return '—'
-  return `${u.firstName || ''} ${u.lastName || ''}`.trim() || u.fullName || '—'
-})
+const userName = computed(() => props.consultation.student?.name || '—')
 
-const statusLabel = computed(
-  () => props.consultation.statusLabel || CONSULTATION_STATUS[props.consultation.status] || '—'
-)
+const statusLabel = computed(() => CONSULTATION_STATUS[props.consultation.status] || '—')
 
-const createdAt = computed(() => {
-  if (props.consultation.faCreatedAt) {
-    return props.consultation.faCreatedTime
-      ? `${props.consultation.faCreatedTime}، ${props.consultation.faCreatedAt}`
-      : props.consultation.faCreatedAt
-  }
-  return formatJalaaliDate(props.consultation.createdAt) || '—'
-})
+const createdAt = computed(() => formatJalaaliDate(props.consultation.createdAt) || '—')
 
 const menuOpen = ref(false)
 const menuTrigger = ref(null)
@@ -246,7 +231,7 @@ const menuItems = computed(() =>
       color: #009a12;
     }
 
-    &--in_progress {
+    &--open {
       background: rgba(0, 112, 116, 10%);
       color: #007074;
     }

src/features/admin/consultations/components/modals/ConsultationDetailsModal.vue

@@ -17,7 +17,7 @@
             :class="`consultation-details__row--${senderClass(message)}`"
           >
             <div class="consultation-details__bubble">
-              <p class="consultation-details__text">{{ message.text }}</p>
+              <p class="consultation-details__text">{{ message.message }}</p>
               <span class="consultation-details__time">{{ messageTime(message) }}</span>
             </div>
           </div>
@@ -77,13 +77,19 @@ const { data: consultation, isLoading } = useAdminConsultationQuery(consultation
 
 const messages = computed(() => consultation.value?.messages ?? [])
 
-const consultationDate = computed(
-  () => consultation.value?.faCreatedAt || formatJalaaliDate(consultation.value?.createdAt) || '—'
-)
+const consultationDate = computed(() => formatJalaaliDate(consultation.value?.createdAt) || '—')
 
-const senderClass = (message) => (message.sender === 'admin' ? 'admin' : 'user')
+// Student is "the user"; everyone else (counselor, admin) renders on the
+// opposite side of the thread. Same rule as the admin tickets modal.
+const senderClass = (message) =>
+  message.senderId === consultation.value?.studentId ? 'user' : 'admin'
 
-const messageTime = (message) => message.time || message.faSentAt || message.sentAt || '—'
+const messageTime = (message) => {
+  if (!message.createdAt) return '—'
+  const d = new Date(message.createdAt)
+  if (Number.isNaN(d.getTime())) return '—'
+  return d.toLocaleTimeString('fa-IR', { hour: '2-digit', minute: '2-digit' })
+}
 
 const text = ref('')
 const canSend = computed(() => text.value.trim().length > 0)
@@ -94,7 +100,8 @@ const onSend = async () => {
   if (!canSend.value || !consultationId.value) return
   const value = text.value.trim()
   text.value = ''
-  await sendMutation.mutateAsync({ id: consultationId.value, payload: { text: value } })
+  // Backend POST /counselor/tickets/:id/messages — body is { message: string }.
+  await sendMutation.mutateAsync({ id: consultationId.value, payload: { message: value } })
   await queryClient.invalidateQueries({ queryKey: adminConsultationsKeys.all })
 }
 

src/features/admin/courses/components/CoursesFilters.vue

@@ -37,7 +37,7 @@
         @click="onReset"
       >
         <template #icon>
-          <SvgIcon name="close" :size="20" />
+          <SvgIcon name="close" :size="20" color="black" />
         </template>
       </CircleButton>
       <CircleButton

src/features/admin/courses/components/modals/AddOfferedCourseModal.vue

@@ -165,7 +165,7 @@ const { validate, validateAt, errors, resetErrors } = useYup(schema)
 
 const termSearch = ref('')
 const termFilters = computed(() => ({ title: termSearch.value }))
-const termPagination = ref({ page: 1, perPage: 30 })
+const termPagination = ref({ page: 1, perPage: 10 })
 const { data: termsResponse } = useAdminTermsListQuery(termFilters, termPagination)
 const selectedTerm = ref(null)
 const termOptions = computed(() => {
@@ -178,7 +178,7 @@ const termOptions = computed(() => {
 
 const templateSearch = ref('')
 const templateFilters = computed(() => ({ title: templateSearch.value, termId: 'null' }))
-const templatePagination = ref({ page: 1, perPage: 30 })
+const templatePagination = ref({ page: 1, perPage: 10 })
 const { data: templatesResponse } = useAdminCoursesListQuery(templateFilters, templatePagination)
 const selectedTemplate = ref(null)
 const templateOptions = computed(() => {

src/features/admin/courses/components/modals/CourseDetailsModal.vue

@@ -84,24 +84,25 @@
                 class="course-details__student-row"
               >
                 <div class="course-details__student-main">
-                  <div v-if="student.avatarUrl" class="course-details__avatar">
-                    <img :src="student.avatarUrl" :alt="studentName(student)" />
+                  <div v-if="studentAvatar(student)" class="course-details__avatar">
+                    <img :src="studentAvatar(student)" :alt="student.name" />
                   </div>
                   <div v-else class="course-details__avatar course-details__avatar--placeholder">
                     <SvgIcon name="user" :size="20" color="#bcbcbc" />
                   </div>
                   <div>
-                    <p class="course-details__student-name">{{ studentName(student) }}</p>
+                    <p class="course-details__student-name">{{ student.name || '—' }}</p>
                     <p class="course-details__student-meta">
-                      <span>{{ student.address?.province?.name || '—' }}</span>
-                      <span class="course-details__sep">،</span>
-                      <span>{{ student.address?.city?.name || '—' }}</span>
+                      <span dir="ltr">{{ student.phone || '—' }}</span>
+                      <template v-if="student.email">
+                        <span class="course-details__sep">،</span>
+                        <span dir="ltr">{{ student.email }}</span>
+                      </template>
                     </p>
                   </div>
                 </div>
-                <div class="course-details__student-actions">
+                <div v-if="student.phone" class="course-details__student-actions">
                   <CircleButton
-                    v-if="student.phoneNumber"
                     tooltip="ارسال پیام"
                     bg-color="rgba(104, 104, 104, 0.05)"
                     size="2.25rem"
@@ -111,16 +112,6 @@
                       <SvgIcon name="chat" :size="16" color="var(--color-sec-gray)" />
                     </template>
                   </CircleButton>
-                  <CircleButton
-                    tooltip="حذف"
-                    bg-color="rgba(104, 104, 104, 0.05)"
-                    size="2.25rem"
-                    @click="onAskRemoveStudent(student)"
-                  >
-                    <template #icon>
-                      <SvgIcon name="trash" :size="16" color="var(--color-error)" />
-                    </template>
-                  </CircleButton>
                 </div>
               </div>
             </div>
@@ -151,7 +142,6 @@
 <script setup>
 import { computed, ref } from 'vue'
 import useModal from '@/composables/useModal'
-import { useQueryClient } from '@tanstack/vue-query'
 import BasicModal from '@/components/BasicModal.vue'
 import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
@@ -166,16 +156,13 @@ import PaginationBlock from '@/components/blocks/PaginationBlock.vue'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
 import CourseSessionItem from '@/features/admin/courses/components/CourseSessionItem.vue'
 import {
-  adminCoursesKeys,
   useAdminCourseQuery,
   useAdminCourseSessionsQuery,
-  useAdminCourseStudentsQuery,
-  useRemoveAdminCourseStudentMutation,
+  useCourseAttendeesQuery,
 } from '@/services/query/admin-courses'
 
 defineOptions({ name: 'CourseDetailsModal' })
 
-const queryClient = useQueryClient()
 const { openModal, getModal } = useModal()
 
 const modalData = computed(() => getModal('CourseDetailsModal')?.data ?? {})
@@ -226,7 +213,7 @@ const { pagination: studentsPagination, setPage: setStudentsPage } = usePaginati
   perPage: 10,
 })
 
-const { data: studentsData, isLoading: studentsPending } = useAdminCourseStudentsQuery(
+const { data: studentsData, isLoading: studentsPending } = useCourseAttendeesQuery(
   courseId,
   studentsFilters,
   studentsPagination,
@@ -243,15 +230,7 @@ const studentsPaginationMeta = computed(() => ({
   ...studentsData.value?.meta,
 }))
 
-const studentName = (student) =>
-  `${student.firstName || ''} ${student.lastName || ''}`.trim() ||
-  student.fullName ||
-  student.phoneNumber ||
-  '—'
-
-const invalidate = () => queryClient.invalidateQueries({ queryKey: adminCoursesKeys.all })
-
-const removeStudentMutation = useRemoveAdminCourseStudentMutation()
+const studentAvatar = (student) => student.avatarUrl || student.avatarDownloadUrl || ''
 
 const onOpenAddSession = () => {
   openModal('AddSessionToCourseModal', { courseId: courseId.value })
@@ -261,21 +240,9 @@ const onOpenAddStudent = () => {
   openModal('AddCourseStudentModal', { courseId: courseId.value })
 }
 
-const onAskRemoveStudent = (student) => {
-  openModal('ConfirmModal', {
-    title: `حذف ${studentName(student)}`,
-    message: `آیا از حذف <strong>${studentName(student)}</strong> از این دوره اطمینان دارید؟`,
-    onConfirm: () =>
-      removeStudentMutation.mutate(
-        { courseId: courseId.value, userId: student.id },
-        { onSuccess: invalidate }
-      ),
-  })
-}
-
 const onMessageStudent = (student) => {
-  if (!student?.phoneNumber) return
-  window.location.href = `sms:${student.phoneNumber}`
+  if (!student?.phone) return
+  window.location.href = `sms:${student.phone}`
 }
 </script>
 

src/features/admin/courses/pages/CourseFormPage.vue

@@ -97,7 +97,6 @@
                 option-label="label"
                 option-value="value"
                 :error="errors.contentType"
-                @change="onContentTypeChange"
               />
             </div>
             <div class="course-form__cell course-form__cell--full">
@@ -109,18 +108,6 @@
                 :error="errors.description"
               />
             </div>
-            <div class="course-form__cell course-form__cell--full">
-              <label class="course-form__uploader-label">فایل دوره</label>
-              <FileUploader
-                v-model="contentFiles"
-                :accept="contentAccept"
-                :multiple="false"
-                :max-files="1"
-                @select="onContentSelect"
-                @remove="onContentRemove"
-                @error="onContentError"
-              />
-            </div>
           </div>
         </div>
       </div>
@@ -157,6 +144,7 @@
 import { toast } from 'vue3-toastify'
 import useYup from '@/composables/useYup'
 import { computed, ref, watch } from 'vue'
+import { COURSE_CONTENT_TYPE } from '@/enums'
 import { useRoute, useRouter } from 'vue-router'
 import useDebounce from '@/composables/useDebounce'
 import { useQueryClient } from '@tanstack/vue-query'
@@ -165,14 +153,12 @@ import SvgIcon from '@/components/icons/SvgIcon.vue'
 import TextField from '@/components/form/TextField.vue'
 import SelectField from '@/components/form/SelectField.vue'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
-import FileUploader from '@/components/form/FileUploader.vue'
 import ImageCropper from '@/components/form/ImageCropper.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
 import { useUploadMediaMutation } from '@/services/query/auth'
 import { courseSchema } from '@/features/admin/courses/schema'
 import TextareaField from '@/components/form/TextareaField.vue'
 import { useAdminUsersListQuery } from '@/services/query/admin-users'
-import { COURSE_CONTENT_TYPE, COURSE_CONTENT_TYPE_ACCEPT } from '@/enums'
 import BoxedIconTitleBlock from '@/components/blocks/BoxedIconTitleBlock.vue'
 import {
   adminCoursesKeys,
@@ -197,27 +183,23 @@ const form = ref({
   sessionsCount: '',
   prerequisites: [],
   contentType: '',
-  contentMediaId: null,
   description: '',
   coverMediaId: null,
   termId: termId.value,
 })
 
 const image = ref(null)
-const contentFiles = ref([])
 
 const contentTypeOptions = Object.entries(COURSE_CONTENT_TYPE).map(([value, label]) => ({
   value,
   label,
 }))
 
-const contentAccept = computed(() => COURSE_CONTENT_TYPE_ACCEPT[form.value.contentType] || '*')
-
 const { validate, validateAt, errors } = useYup(courseSchema)
 
 const teacherSearch = ref('')
 const teacherFilters = computed(() => ({ name: teacherSearch.value }))
-const teacherPagination = ref({ page: 1, perPage: 30 })
+const teacherPagination = ref({ page: 1, perPage: 10 })
 const { data: teachersResponse } = useAdminUsersListQuery(teacherFilters, teacherPagination)
 const selectedTeacher = ref(null)
 const teacherOptions = computed(() => {
@@ -234,7 +216,7 @@ const teacherOptions = computed(() => {
 
 const prereqSearch = ref('')
 const prereqFilters = computed(() => ({ title: prereqSearch.value }))
-const prereqPagination = ref({ page: 1, perPage: 30 })
+const prereqPagination = ref({ page: 1, perPage: 10 })
 const { data: prereqsResponse } = useAdminCoursesListQuery(prereqFilters, prereqPagination)
 const selectedPrereqs = ref([])
 const prerequisiteOptions = computed(() => {
@@ -268,22 +250,11 @@ watch(existingCourse, (course) => {
     sessionsCount: course.sessionsCount ?? '',
     prerequisites: prereqs.map((p) => p.courseId ?? p.id).filter(Boolean),
     contentType: course.contentType || '',
-    contentMediaId: course.contentMediaId || null,
     description: course.description || '',
     coverMediaId: course.coverMediaId || null,
     termId: course.termId ?? termId.value,
   }
   if (course.coverUrl) image.value = { url: course.coverUrl }
-  if (course.contentMedia) {
-    contentFiles.value = [
-      {
-        id: course.contentMedia.id,
-        name: course.contentMedia.name || course.contentMedia.fileName || 'file',
-        size: course.contentMedia.size ?? 0,
-        url: course.contentMedia.url,
-      },
-    ]
-  }
 })
 
 const uploadMutation = useUploadMediaMutation()
@@ -302,38 +273,6 @@ const onImageCropped = async (file) => {
 
 const onImageError = (msg) => toast.error(msg)
 
-const onContentTypeChange = () => {
-  contentFiles.value = []
-  form.value.contentMediaId = null
-}
-
-const onContentSelect = async (files) => {
-  const file = files?.[0]
-  if (!file) return
-  try {
-    const formData = objectToFormData({
-      file,
-      purpose: 'voice',
-      context: 'course',
-      type: form.value.contentType,
-    })
-    const response = await uploadMutation.mutateAsync(formData)
-    const payload = response?.data ?? response
-    const id = payload?.id ?? payload?.uploadId
-    contentFiles.value = [{ id, name: file.name, size: file.size, url: payload?.url }]
-    form.value.contentMediaId = id
-  } catch {
-    contentFiles.value = []
-  }
-}
-
-const onContentRemove = () => {
-  contentFiles.value = []
-  form.value.contentMediaId = null
-}
-
-const onContentError = (msg) => toast.error(msg)
-
 const addMutation = useAddAdminCourseMutation()
 const updateMutation = useUpdateAdminCourseMutation()
 

src/features/admin/courses/pages/CoursesListPage.vue

@@ -130,14 +130,8 @@ const tabs = [
 ]
 const activeTab = ref(routeTermId.value ? 'offered' : 'templates')
 
-const templateFilters = ref({ title: '', status: '', fromDate: '', toDate: '' })
-const offeredFilters = ref({
-  title: '',
-  termId: routeTermId.value ?? '',
-  status: '',
-  fromDate: '',
-  toDate: '',
-})
+const templateFilters = ref({})
+const offeredFilters = ref({})
 
 const currentFilters = computed({
   get: () => (activeTab.value === 'templates' ? templateFilters.value : offeredFilters.value),

src/features/admin/exams/components/ExamsFilters.vue

@@ -81,7 +81,7 @@ const todayIso = new Date().toISOString()
 
 const templateSearch = ref('')
 const templateFilters = computed(() => ({ title: templateSearch.value }))
-const templatePagination = ref({ page: 1, perPage: 30 })
+const templatePagination = ref({ page: 1, perPage: 10 })
 const { data: templatesResponse } = useAdminCoursesListQuery(templateFilters, templatePagination)
 const templateOptions = computed(() => templatesResponse.value?.data ?? [])
 

src/features/admin/exams/pages/ExamFormPage.vue

@@ -146,7 +146,7 @@ const { validate, validateAt, errors } = useYup(examSchema)
 
 const sessionSearch = ref('')
 const sessionFilters = computed(() => ({ title: sessionSearch.value }))
-const sessionPagination = ref({ page: 1, perPage: 30 })
+const sessionPagination = ref({ page: 1, perPage: 10 })
 const { data: sessionsResponse } = useAdminSessionsListQuery(sessionFilters, sessionPagination)
 const selectedSession = ref(null)
 const sessionOptions = computed(() => {

src/features/admin/messages/components/TicketItem.vue

@@ -54,11 +54,7 @@ const props = defineProps({
 
 const emit = defineEmits(['show-details'])
 
-const userName = computed(() => {
-  const s = props.ticket.student
-  if (!s) return '—'
-  return s.name || `${s.firstName || ''} ${s.lastName || ''}`.trim() || s.fullName || '—'
-})
+const userName = computed(() => props.ticket.student?.name || '—')
 
 const statusLabel = computed(() => TICKET_STATUS[props.ticket.status] || '—')
 

src/features/admin/sessions/components/SessionsFilters.vue

@@ -108,7 +108,7 @@ const sessionTypeOptions = Object.entries(SESSION_TYPE).map(([value, label]) =>
 
 const templateSearch = ref('')
 const templateFilters = computed(() => ({ title: templateSearch.value }))
-const templatePagination = ref({ page: 1, perPage: 30 })
+const templatePagination = ref({ page: 1, perPage: 10 })
 const { data: templatesResponse } = useAdminCoursesListQuery(templateFilters, templatePagination)
 const templateOptions = computed(() => templatesResponse.value?.data ?? [])
 

src/features/admin/sessions/components/modals/SessionAttendanceModal.vue

@@ -1,9 +1,14 @@
 <template>
-  <BasicModal width="95%" max-width="60rem" min-width="auto" :show-close-button="true">
+  <BasicModal
+    title="حضور و غیاب"
+    title-en="Attendance"
+    width="95%"
+    max-width="60rem"
+    min-width="auto"
+    :show-close-button="true"
+  >
     <template #default="{ close }">
       <div class="session-attendance">
-        <LineTitleBlock title="حضور و غیاب" title-en="Attendance" />
-
         <div class="session-attendance__filters">
           <SelectField
             v-model="filters.termId"
@@ -120,7 +125,7 @@ const paginationMeta = computed(() => ({
 
 const termSearch = ref('')
 const termListFilters = computed(() => ({ title: termSearch.value }))
-const termPagination = ref({ page: 1, perPage: 30 })
+const termPagination = ref({ page: 1, perPage: 10 })
 const { data: termsResponse } = useAdminTermsListQuery(termListFilters, termPagination)
 const termOptions = computed(() => termsResponse.value?.data ?? [])
 

src/features/admin/sessions/components/modals/SessionDetailsModal.vue

@@ -1,96 +1,63 @@
 <template>
-  <BasicModal width="95%" max-width="60rem" min-width="auto" :show-close-button="true">
+  <BasicModal
+    title="جزئیات جلسه"
+    title-en="details"
+    width="95%"
+    max-width="60rem"
+    min-width="auto"
+    :show-close-button="true"
+  >
     <template #default="{ close }">
       <div class="session-details">
-        <LineTitleBlock title="جزئیات جلسه" title-en="Session Details" />
-
         <SkeletonLoaderBlock v-if="isLoading" :rows="3" :cols-per-row="1" />
         <template v-else-if="session">
-          <div class="session-details__hero">
-            <div class="session-details__image">
-              <img v-if="session.image" :src="session.image" :alt="session.title" />
-              <SvgIcon v-else name="book" :size="36" color="#bcbcbc" />
-            </div>
-            <div class="session-details__hero-info">
-              <p class="session-details__title">{{ session.title || '—' }}</p>
-              <p v-if="session.course?.title" class="session-details__sub">
-                دوره: {{ session.course.title }}
-              </p>
-            </div>
-          </div>
-
           <div class="session-details__grid">
-            <LineInfoBlock title="نوع جلسه" :desc="sessionTypeLabel" />
-            <LineInfoBlock title="مدت زمان" :numeric-desc="durationLabel" />
-            <LineInfoBlock title="ترتیب" :numeric-desc="session.order ?? '—'" />
-            <LineInfoBlock title="درس‌های مرتبط" :numeric-desc="usedInTermsCount" />
-          </div>
+            <LineInfoBlock title="عنوان جلسه" :desc="session.title || '—'" />
+            <LineInfoBlock
+              title="تاریخ شروع"
+              :numeric-desc="formatJalaaliDate(session.startsAt) || '—'"
+            />
+            <LineInfoBlock
+              title="تاریخ پایان"
+              :numeric-desc="formatJalaaliDate(session.endsAt) || '—'"
+            />
+            <LineInfoBlock title="مدت زمان جلسه" :numeric-desc="durationLabel" />
 
-          <div v-if="hasConfig" class="session-details__config">
-            <LineTitleBlock title="تنظیمات جلسه" title-en="Session Config" />
-            <div class="session-details__grid">
-              <LineInfoBlock
-                v-if="session.sessionConfig?.startTime"
-                title="تاریخ و ساعت شروع"
-                :numeric-desc="
-                  formatJalaaliDate(session.sessionConfig.startTime) ||
-                  session.sessionConfig.startTime
-                "
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.location"
-                title="مکان"
-                :desc="session.sessionConfig.location"
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.meetingLink"
-                title="لینک جلسه"
-                :desc="session.sessionConfig.meetingLink"
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.platform"
-                title="پلتفرم"
-                :desc="
-                  SESSION_PLATFORM[session.sessionConfig.platform] || session.sessionConfig.platform
-                "
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.minWatchedPercent != null"
-                title="حداقل درصد مشاهده"
-                :numeric-desc="`${session.sessionConfig.minWatchedPercent}%`"
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.minReadPercent != null"
-                title="حداقل درصد مطالعه"
-                :numeric-desc="`${session.sessionConfig.minReadPercent}%`"
-              />
-              <LineInfoBlock
-                v-if="session.sessionConfig?.mustCompleteBeforeNext != null"
-                title="الزام تکمیل قبل از جلسه بعدی"
-                :desc="session.sessionConfig.mustCompleteBeforeNext ? 'بله' : 'خیر'"
-              />
-            </div>
+            <LineInfoBlock title="نوع جلسه" :desc="sessionTypeLabel" />
+            <LineInfoBlock title="دوره مرتبط" :desc="courseTitle" />
+            <LineInfoBlock title="متعلق به" :desc="termTitle" />
+            <LineInfoBlock title="محتوای جلسه" :desc="contentTypeLabel" />
           </div>
 
           <div v-if="session.description" class="session-details__desc">
-            <LineInfoBlock title="توضیحات" :desc="session.description" />
+            <LineInfoBlock title="توضیحات جلسه" :desc="session.description" />
           </div>
 
-          <div v-if="session.materials?.length" class="session-details__materials">
-            <LineTitleBlock title="فایل‌های جلسه" title-en="Materials" />
-            <ul class="session-details__materials-list">
-              <li v-for="material in session.materials" :key="material.id">
-                <a
-                  :href="material.filePath || material.fileUrl || '#'"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  class="session-details__file"
-                >
-                  <SvgIcon name="file" :size="16" color="var(--color-prim-gray)" />
-                  <span>{{ material.title || `فایل ${material.id}` }}</span>
-                </a>
-              </li>
-            </ul>
+          <div v-if="isOnline && session.link" class="session-details__link-row">
+            <LineInfoBlock title="لینک جلسه" :desc="session.link" />
+          </div>
+
+          <div v-if="mediaUrl || session.contentType" class="session-details__media">
+            <VideoPlayerBlock
+              v-if="session.contentType === 'video'"
+              :src="mediaUrl"
+              :video-id="session.id"
+            />
+            <VoiceRecorder
+              v-else-if="session.contentType === 'voice'"
+              :model-value="mediaUrl"
+              :disabled="true"
+            />
+            <a
+              v-else-if="mediaUrl"
+              :href="mediaUrl"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="session-details__file"
+            >
+              <SvgIcon name="file" :size="18" color="var(--color-primary)" />
+              <span>{{ mediaFileName }}</span>
+            </a>
           </div>
         </template>
         <NoItems v-else title="یافت نشد" desc="اطلاعات این جلسه در دسترس نیست." />
@@ -98,7 +65,7 @@
         <div class="session-details__divider" />
 
         <div class="session-details__footer">
-          <BaseButton text="بستن" custom-class="session-details__close-btn" @click="close">
+          <BaseButton text="تایید" custom-class="session-details__close-btn" @click="close">
             <template #appendIcon>
               <SvgIcon name="arrow-left" :size="18" color="#fff" />
             </template>
@@ -117,10 +84,11 @@ import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import NoItems from '@/components/blocks/NoItems.vue'
 import { formatJalaaliDate } from '@/utils/date-utils'
-import { SESSION_PLATFORM, SESSION_TYPE } from '@/enums'
-import LineTitleBlock from '@/components/LineTitleBlock.vue'
+import { COURSE_CONTENT_TYPE, SESSION_TYPE } from '@/enums'
+import VoiceRecorder from '@/components/form/VoiceRecorder.vue'
 import LineInfoBlock from '@/components/blocks/LineInfoBlock.vue'
 import { useAdminSessionQuery } from '@/services/query/admin-sessions'
+import VideoPlayerBlock from '@/components/blocks/VideoPlayerBlock.vue'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
 
 defineOptions({ name: 'SessionDetailsModal' })
@@ -135,20 +103,30 @@ const { data: session, isLoading } = useAdminSessionQuery(sessionId, {
 })
 
 const sessionTypeLabel = computed(
-  () => session.value?.sessionTypeFa || SESSION_TYPE[session.value?.sessionType] || '—'
+  () => SESSION_TYPE[session.value?.type] || session.value?.typeFa || '—'
 )
 
 const durationLabel = computed(() =>
   session.value?.durationMinutes == null ? '—' : `${session.value.durationMinutes} دقیقه`
 )
 
-const usedInTermsCount = computed(() => session.value?.usedInTerms?.length ?? 0)
+const courseTitle = computed(() => session.value?.course?.title || '—')
 
-const hasConfig = computed(() => {
-  const c = session.value?.sessionConfig
-  if (!c) return false
-  return Object.values(c).some((v) => v !== '' && v !== null && v !== undefined)
-})
+const termTitle = computed(
+  () => session.value?.course?.term?.title || session.value?.term?.title || '—'
+)
+
+const contentTypeLabel = computed(() => COURSE_CONTENT_TYPE[session.value?.contentType] || '—')
+
+const isOnline = computed(() => session.value?.type === 'online')
+
+const mediaUrl = computed(
+  () => session.value?.contentMedia?.url || session.value?.contentMedia?.downloadUrl || ''
+)
+
+const mediaFileName = computed(
+  () => session.value?.contentMedia?.fileName || session.value?.contentMedia?.name || 'فایل پیوست'
+)
 </script>
 
 <style lang="scss" scoped>
@@ -156,51 +134,6 @@ const hasConfig = computed(() => {
   width: 100%;
   text-align: start;
 
-  &__hero {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    margin: 1rem 0;
-  }
-
-  &__image {
-    width: 5rem;
-    height: 5rem;
-    border-radius: 0.5rem;
-    background: #f5f5f5;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    flex-shrink: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  &__hero-info {
-    flex: 1;
-    min-width: 0;
-  }
-
-  &__title {
-    font-family: var(--font-family-fa);
-    font-size: 1.1rem;
-    font-weight: 500;
-    color: #4b4b4b;
-    margin: 0 0 0.375rem;
-  }
-
-  &__sub {
-    font-family: var(--font-family-fa);
-    font-size: 0.8rem;
-    color: #838383;
-    margin: 0;
-  }
-
   &__grid {
     display: grid;
     grid-template-columns: 1fr;
@@ -211,33 +144,43 @@ const hasConfig = computed(() => {
     }
 
     @media (min-width: 1024px) {
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: repeat(4, 1fr);
     }
   }
 
-  &__config,
   &__desc,
-  &__materials {
-    margin-top: 1rem;
+  &__link-row {
+    margin-top: 0.5rem;
   }
 
-  &__materials-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  &__link-row {
+    display: grid;
+    grid-template-columns: 1fr;
+
+    @media (min-width: 640px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    @media (min-width: 1024px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+
+  &__media {
+    margin-top: 1rem;
     display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
+    justify-content: center;
   }
 
   &__file {
     display: inline-flex;
     align-items: center;
-    gap: 0.375rem;
+    gap: 0.5rem;
     color: var(--color-primary);
     text-decoration: none;
     font-family: var(--font-family-fa);
-    font-size: 0.85rem;
+    font-size: 0.875rem;
+    padding: 0.5rem 0;
 
     &:hover {
       text-decoration: underline;

src/features/admin/sessions/pages/SessionFormPage.vue

@@ -11,143 +11,131 @@
     </BoxedIconTitleBlock>
 
     <form class="session-form__form" @submit.prevent="onSubmit">
-      <LineTitleBlock title="اطلاعات جلسه" title-en="Session Details" />
+      <div class="session-form__grid">
+        <div class="session-form__image-col">
+          <ImageCropper
+            v-model="image"
+            name="image"
+            bg-color="#eeeeee"
+            @crop="onImageCropped"
+            @error="onImageError"
+          />
+        </div>
 
-      <!-- row 1 — title / startTime / endTime -->
-      <div class="session-form__row session-form__row--three">
-        <TextField
-          v-model="form.title"
-          name="title"
-          label="عنوان جلسه"
-          :error="errors.title"
-          @blur="validateAt('title', form.title)"
-        >
-          <template #appendIcon>
-            <SvgIcon name="book" :size="20" color="var(--color-thd-gray)" />
-          </template>
-        </TextField>
-        <DatePickerField
-          v-model="form.startTime"
-          name="startTime"
-          label="زمان شروع"
-          type="datetime"
-          :error="errors.startTime"
-          @blur="validateAt('startTime', form.startTime)"
-        />
-        <DatePickerField
-          v-model="form.endTime"
-          name="endTime"
-          label="زمان پایان"
-          type="datetime"
-          :error="errors.endTime"
-        />
-      </div>
+        <div class="session-form__main-col">
+          <LineTitleBlock title="اطلاعات جلسه" title-en="Session Details" />
 
-      <!-- row 2 — durationMinutes / courseId / contentType -->
-      <div class="session-form__row session-form__row--three">
-        <TextField
-          v-model="form.durationMinutes"
-          name="durationMinutes"
-          label="مدت زمان جلسه (دقیقه)"
-          inputmode="numeric"
-          :convert-digits="true"
-          :error="errors.durationMinutes"
-          @blur="validateAt('durationMinutes', form.durationMinutes)"
-        />
-        <SelectField
-          v-model="form.courseId"
-          name="courseId"
-          label="دوره"
-          :options="courseOptions"
-          option-label="title"
-          option-value="id"
-          :searchable="true"
-          :on-search="searchCourses"
-          :error="errors.courseId"
-        />
-        <SelectField
-          v-model="form.contentType"
-          name="contentType"
-          label="محتوای جلسه"
-          :options="contentTypeOptions"
-          option-label="label"
-          option-value="value"
-          :error="errors.contentType"
-          @change="onContentTypeChange"
-        />
-      </div>
+          <!-- row 1 — title / startsAt / endsAt -->
+          <div class="session-form__row session-form__row--three">
+            <TextField
+              v-model="form.title"
+              name="title"
+              label="عنوان جلسه"
+              :error="errors.title"
+              @blur="validateAt('title', form.title)"
+            >
+              <template #appendIcon>
+                <SvgIcon name="book" :size="20" color="var(--color-thd-gray)" />
+              </template>
+            </TextField>
+            <DatePickerField
+              v-model="form.startsAt"
+              name="startsAt"
+              label="زمان شروع"
+              type="datetime"
+              :error="errors.startsAt"
+              @blur="validateAt('startsAt', form.startsAt)"
+            />
+            <DatePickerField
+              v-model="form.endsAt"
+              name="endsAt"
+              label="زمان پایان"
+              type="datetime"
+              :error="errors.endsAt"
+            />
+          </div>
 
-      <!-- row 3 — sessionType / meetingLink -->
-      <div class="session-form__row session-form__row--two">
-        <SelectField
-          v-model="form.sessionType"
-          name="sessionType"
-          label="نوع جلسه"
-          :options="sessionTypeOptions"
-          option-label="label"
-          option-value="value"
-          :error="errors.sessionType"
-          @change="onSessionTypeChange"
-        />
-        <TextField
-          v-model="form.meetingLink"
-          name="meetingLink"
-          label="لینک جلسه"
-          :disabled="form.sessionType !== 'online'"
-          :error="errors.meetingLink"
-          @blur="validateAt('meetingLink', form.meetingLink)"
-        />
-      </div>
+          <!-- row 2 — durationMinutes / courseId / contentType -->
+          <div class="session-form__row session-form__row--three">
+            <TextField
+              v-model="form.durationMinutes"
+              name="durationMinutes"
+              label="مدت زمان جلسه (دقیقه)"
+              inputmode="numeric"
+              :convert-digits="true"
+              :error="errors.durationMinutes"
+              @blur="validateAt('durationMinutes', form.durationMinutes)"
+            />
+            <SelectField
+              v-model="form.courseId"
+              name="courseId"
+              label="دوره"
+              :options="courseOptions"
+              option-label="title"
+              option-value="id"
+              :searchable="true"
+              :on-search="searchCourses"
+              :error="errors.courseId"
+            />
+            <SelectField
+              v-model="form.contentType"
+              name="contentType"
+              label="محتوای جلسه"
+              :options="contentTypeOptions"
+              option-label="label"
+              option-value="value"
+              :error="errors.contentType"
+              @change="onContentTypeChange"
+            />
+          </div>
 
-      <!-- row 4 — description -->
-      <div class="session-form__row">
-        <TextareaField
-          v-model="form.description"
-          name="description"
-          label="توضیحات جلسه"
-          :row="5"
-        />
-      </div>
+          <!-- row 3 — type / link -->
+          <div class="session-form__row session-form__row--two">
+            <SelectField
+              v-model="form.type"
+              name="type"
+              label="نوع جلسه"
+              :options="sessionTypeOptions"
+              option-label="label"
+              option-value="value"
+              :error="errors.type"
+              @change="onSessionTypeChange"
+            />
+            <TextField
+              v-model="form.link"
+              name="link"
+              label="لینک جلسه"
+              :disabled="form.type !== 'online'"
+              :error="errors.link"
+              @blur="validateAt('link', form.link)"
+            />
+          </div>
 
-      <!-- row 5 — content uploader -->
-      <div class="session-form__row">
-        <label class="session-form__uploader-label">محتوای جلسه</label>
-        <FileUploader
-          v-model="contentFiles"
-          :accept="contentAccept"
-          :multiple="false"
-          :max-files="1"
-          :disabled="!form.contentType"
-          @select="onContentSelect"
-          @remove="onContentRemove"
-          @error="onContentError"
-        />
-      </div>
+          <!-- row 4 — description -->
+          <div class="session-form__row">
+            <TextareaField
+              v-model="form.description"
+              name="description"
+              label="توضیحات جلسه"
+              :row="5"
+            />
+          </div>
 
-      <!-- row 6 — preview of uploaded content -->
-      <div v-if="contentPreviewUrl" class="session-form__row session-form__preview">
-        <video
-          v-if="form.contentType === 'video'"
-          :src="contentPreviewUrl"
-          controls
-          class="session-form__media"
-        />
-        <audio
-          v-else-if="form.contentType === 'voice'"
-          :src="contentPreviewUrl"
-          controls
-          class="session-form__media"
-        />
-        <a
-          v-else
-          :href="contentPreviewUrl"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="session-form__file-link"
-        >
-          <SvgIcon name="file" :size="18" color="var(--color-primary)" />
-          <span>{{ contentFiles[0]?.name || 'فایل پیوست' }}</span>
-        </a>
+          <!-- row 5 — content uploader -->
+          <div class="session-form__row">
+            <label class="session-form__uploader-label">محتوای جلسه</label>
+            <FileUploader
+              v-model="contentFiles"
+              :accept="contentAccept"
+              :multiple="false"
+              :max-files="1"
+              :disabled="!form.contentType"
+              @select="onContentSelect"
+              @remove="onContentRemove"
+              @error="onContentError"
+            />
+          </div>
+        </div>
       </div>
 
       <div class="session-form__divider" />
@@ -191,6 +179,7 @@ import TextField from '@/components/form/TextField.vue'
 import SelectField from '@/components/form/SelectField.vue'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import FileUploader from '@/components/form/FileUploader.vue'
+import ImageCropper from '@/components/form/ImageCropper.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
 import { useUploadMediaMutation } from '@/services/query/auth'
 import TextareaField from '@/components/form/TextareaField.vue'
@@ -213,13 +202,11 @@ const queryClient = useQueryClient()
 const sessionId = computed(() => (route.params.id ? Number(route.params.id) : null))
 const isEditMode = computed(() => !!sessionId.value)
 
-// نوع جلسه: only the two delivery modes — backend `type` collapses to online/offline.
 const sessionTypeOptions = [
-  { value: 'in_person', label: SESSION_TYPE.in_person },
+  { value: 'offline', label: SESSION_TYPE.offline },
   { value: 'online', label: SESSION_TYPE.online },
 ]
 
-// محتوای جلسه: voice / video / text — reuses the course content-type enum.
 const contentTypeOptions = Object.entries(COURSE_CONTENT_TYPE).map(([value, label]) => ({
   value,
   label,
@@ -227,27 +214,28 @@ const contentTypeOptions = Object.entries(COURSE_CONTENT_TYPE).map(([value, labe
 
 const form = ref({
   title: '',
-  startTime: '',
-  endTime: '',
+  startsAt: '',
+  endsAt: '',
   durationMinutes: '',
   courseId: '',
   contentType: '',
-  sessionType: '',
-  meetingLink: '',
+  type: '',
+  link: '',
   description: '',
-  contentMediaId: null,
 })
 
+const image = ref(null)
 const contentFiles = ref([])
+const coverMediaId = ref(null)
+const contentMediaId = ref(null)
 
 const contentAccept = computed(() => COURSE_CONTENT_TYPE_ACCEPT[form.value.contentType] || '*')
-const contentPreviewUrl = computed(() => contentFiles.value[0]?.url || '')
 
 const { validate, validateAt, errors } = useYup(sessionSchema)
 
 const courseSearch = ref('')
 const courseFilters = computed(() => ({ title: courseSearch.value }))
-const coursePagination = ref({ page: 1, perPage: 30 })
+const coursePagination = ref({ page: 1, perPage: 10 })
 const { data: coursesResponse } = useAdminCoursesListQuery(courseFilters, coursePagination)
 const selectedCourse = ref(null)
 const courseOptions = computed(() => {
@@ -264,50 +252,67 @@ const searchCourses = useDebounce((q) => {
 
 const onContentTypeChange = () => {
   contentFiles.value = []
-  form.value.contentMediaId = null
+  contentMediaId.value = null
 }
 
 const onSessionTypeChange = () => {
-  if (form.value.sessionType !== 'online') form.value.meetingLink = ''
+  if (form.value.type !== 'online') form.value.link = ''
 }
 
 const { data: existingSession } = useAdminSessionQuery(sessionId, {
   enabled: () => !!sessionId.value,
 })
 
-watch(existingSession, (session) => {
-  if (!session) return
-  if (session.course) selectedCourse.value = session.course
-  form.value = {
-    title: session.title || '',
-    startTime: session.startsAt || session.sessionConfig?.startTime || '',
-    endTime: session.endsAt || session.sessionConfig?.endTime || '',
-    durationMinutes: session.durationMinutes ?? '',
-    courseId: session.course?.id || session.courseId || '',
-    contentType: session.contentType || '',
-    sessionType: session.sessionType || '',
-    meetingLink: session.link || session.sessionConfig?.meetingLink || '',
-    description: session.description || '',
-    contentMediaId: session.contentMediaId || null,
-  }
-  if (session.contentMedia) {
-    contentFiles.value = [
-      {
-        id: session.contentMedia.id,
-        name: session.contentMedia.fileName || session.contentMedia.name || 'file',
-        size: session.contentMedia.fileSize ?? 0,
-        url: session.contentMedia.url,
-      },
-    ]
-  }
-})
+watch(
+  existingSession,
+  (session) => {
+    if (!session) return
+    if (session.course) selectedCourse.value = session.course
+    const media = Array.isArray(session.media) ? session.media : []
+    const coverMedia = media.find((m) => m.collectionName === 'cover')
+    const contentMedia = media.find((m) => m.collectionName !== 'cover')
+    const contentType = collectionToContentType(contentMedia?.collectionName)
+    form.value = {
+      title: session.title ?? '',
+      startsAt: session.startsAt ?? '',
+      endsAt: session.endsAt ?? '',
+      durationMinutes: session.durationMinutes ?? '',
+      courseId: session.course?.id ?? '',
+      contentType,
+      type: session.type ?? '',
+      link: session.link ?? '',
+      description: session.description ?? '',
+    }
+    coverMediaId.value = coverMedia?.id ?? null
+    contentMediaId.value = contentMedia?.id ?? null
+    if (contentMedia) {
+      contentFiles.value = [
+        {
+          id: contentMedia.id,
+          name: contentMedia.fileName ?? 'file',
+          size: contentMedia.fileSize ?? 0,
+          url: contentMedia.url,
+        },
+      ]
+    }
+    if (coverMedia?.url) image.value = { url: coverMedia.url }
+  },
+  { immediate: true }
+)
 
 const uploadMutation = useUploadMediaMutation()
 
 const purposeForContentType = (contentType) => {
   if (contentType === 'video') return 'video'
   if (contentType === 'voice') return 'voice'
-  return 'attachment'
+  return 'pdf'
+}
+
+const collectionToContentType = (collectionName) => {
+  if (collectionName === 'videos') return 'video'
+  if (collectionName === 'voices') return 'voice'
+  if (collectionName === 'pdf') return 'text'
+  return ''
 }
 
 const onContentSelect = async (files) => {
@@ -323,7 +328,7 @@ const onContentSelect = async (files) => {
     const payload = response?.data ?? response
     const id = payload?.id ?? payload?.uploadId
     contentFiles.value = [{ id, name: file.name, size: file.size, url: payload?.url }]
-    form.value.contentMediaId = id
+    contentMediaId.value = id
   } catch {
     contentFiles.value = []
   }
@@ -331,26 +336,41 @@ const onContentSelect = async (files) => {
 
 const onContentRemove = () => {
   contentFiles.value = []
-  form.value.contentMediaId = null
+  contentMediaId.value = null
 }
 
 const onContentError = (msg) => toast.error(msg)
 
+const onImageCropped = async (file) => {
+  try {
+    const formData = objectToFormData({ file, purpose: 'cover', context: 'session' })
+    const response = await uploadMutation.mutateAsync(formData)
+    const payload = response?.data ?? response
+    image.value = { url: payload?.url, ...payload }
+    coverMediaId.value = payload?.id ?? null
+  } catch {
+    /* handled globally */
+  }
+}
+
+const onImageError = (msg) => toast.error(msg)
+
 const buildPayload = (values) => {
+  const mediaIds = [coverMediaId.value, contentMediaId.value].filter((id) => id != null)
   const payload = {
     title: values.title,
-    startTime: values.startTime,
-    endTime: values.endTime,
+    startsAt: values.startsAt,
+    endsAt: values.endsAt,
     durationMinutes: values.durationMinutes,
     courseId: values.courseId,
-    contentType: values.contentType,
-    sessionType: values.sessionType,
-    meetingLink: values.sessionType === 'online' ? values.meetingLink : undefined,
+    type: values.type,
+    link: values.type === 'online' ? values.link : undefined,
     description: values.description,
-    contentMediaId: values.contentMediaId,
+    mediaIds,
   }
   Object.keys(payload).forEach((key) => {
-    if (payload[key] === undefined || payload[key] === '' || payload[key] === null) {
+    const value = payload[key]
+    if (value === undefined || value === '' || value === null) {
       delete payload[key]
     }
   })
@@ -397,6 +417,41 @@ const onCancel = () => router.push({ name: 'admin-sessions' })
     gap: 0.75rem;
   }
 
+  &__grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+
+    @media (min-width: 1024px) {
+      grid-template-columns: 4fr 8fr;
+    }
+
+    @media (min-width: 1280px) {
+      grid-template-columns: 3fr 9fr;
+    }
+  }
+
+  &__image-col {
+    order: 2;
+
+    @media (min-width: 1024px) {
+      order: 1;
+      padding: 0.5rem;
+    }
+  }
+
+  &__main-col {
+    order: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+
+    @media (min-width: 1024px) {
+      order: 2;
+      padding-inline-start: 1.25rem;
+    }
+  }
+
   &__row {
     display: grid;
     grid-template-columns: 1fr;
@@ -461,8 +516,8 @@ const onCancel = () => router.push({ name: 'admin-sessions' })
 
   &__actions {
     display: flex;
-    justify-content: flex-end;
-    gap: 0.625rem;
+    justify-content: space-between;
+    align-items: center;
   }
 
   &__btn-cancel {

src/features/admin/sessions/schema/index.js

@@ -2,17 +2,15 @@ import { number, object, string } from 'yup'
 
 export const sessionSchema = object().shape({
   title: string().required().min(3),
-  startTime: string().required(),
-  endTime: string().nullable().notRequired(),
+  startsAt: string().required(),
+  endsAt: string().nullable().notRequired(),
   durationMinutes: number().typeError('مدت زمان باید عدد باشد').required().min(1),
   courseId: string().required(),
-  contentType: string().oneOf(['voice', 'video', 'text']).required(),
-  sessionType: string().oneOf(['in_person', 'online']).required(),
-  meetingLink: string().when('sessionType', {
+  type: string().oneOf(['offline', 'online']).required(),
+  link: string().when('sessionType', {
     is: 'online',
     then: (schema) => schema.required(),
     otherwise: (schema) => schema.nullable().notRequired(),
   }),
   description: string().nullable().notRequired(),
-  contentMediaId: number().nullable().notRequired(),
 })

src/features/admin/terms/components/modals/TermDetailsModal.vue

@@ -51,37 +51,23 @@
             <div v-else-if="students.length > 0">
               <div v-for="student in students" :key="student.id" class="term-details__student-row">
                 <div class="term-details__student-main">
-                  <div v-if="student.avatarUrl" class="term-details__avatar">
-                    <img :src="student.avatarUrl" :alt="studentName(student)" />
+                  <div v-if="studentAvatar(student)" class="term-details__avatar">
+                    <img :src="studentAvatar(student)" :alt="student.name" />
                   </div>
                   <div v-else class="term-details__avatar term-details__avatar--placeholder">
                     <SvgIcon name="user" :size="20" color="#bcbcbc" />
                   </div>
                   <div>
-                    <p class="term-details__student-name">{{ studentName(student) }}</p>
+                    <p class="term-details__student-name">{{ student.name || '—' }}</p>
                     <p class="term-details__student-meta">
-                      <span>{{ student.address?.province?.name || '—' }}</span>
-                      <span class="term-details__sep">،</span>
-                      <span>{{ student.address?.city?.name || '—' }}</span>
+                      <span dir="ltr">{{ student.phone || '—' }}</span>
+                      <template v-if="student.email">
+                        <span class="term-details__sep">،</span>
+                        <span dir="ltr">{{ student.email }}</span>
+                      </template>
                     </p>
                   </div>
                 </div>
-                <div class="term-details__student-actions">
-                  <ToggleSwitch
-                    :model-value="!!student.isOnLeave"
-                    @update:model-value="onToggleLeave(student, $event)"
-                  />
-                  <CircleButton
-                    tooltip="حذف از ترم"
-                    bg-color="rgba(104, 104, 104, 0.05)"
-                    size="2.5rem"
-                    @click="onAskRemoveStudent(student)"
-                  >
-                    <template #icon>
-                      <SvgIcon name="trash" :size="18" color="var(--color-error)" />
-                    </template>
-                  </CircleButton>
-                </div>
               </div>
             </div>
             <NoItems v-else title="متاسفیم" desc="دانشجویی برای نمایش وجود ندارد." />
@@ -143,11 +129,9 @@ import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import NoItems from '@/components/blocks/NoItems.vue'
 import { formatJalaaliDate } from '@/utils/date-utils'
-import CircleButton from '@/components/CircleButton.vue'
 import TabsBlock from '@/components/blocks/TabsBlock.vue'
 import { usePagination } from '@/composables/usePagination'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
-import ToggleSwitch from '@/components/form/ToggleSwitch.vue'
 import LineInfoBlock from '@/components/blocks/LineInfoBlock.vue'
 import PaginationBlock from '@/components/blocks/PaginationBlock.vue'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
@@ -156,13 +140,7 @@ import {
   useAdminCoursesListQuery,
   useUpdateAdminCourseMutation,
 } from '@/services/query/admin-courses'
-import {
-  adminTermsKeys,
-  useAdminTermQuery,
-  useAdminTermStudentsQuery,
-  useRemoveAdminTermStudentMutation,
-  useToggleAdminTermStudentLeaveMutation,
-} from '@/services/query/admin-terms'
+import { useAdminTermQuery, useTermAttendeesQuery } from '@/services/query/admin-terms'
 
 defineOptions({ name: 'TermDetailsModal' })
 
@@ -189,7 +167,7 @@ const {
   reset: resetStudentPagination,
 } = usePagination({ page: 1, perPage: 10 })
 
-const { data: studentsData, isLoading: studentsPending } = useAdminTermStudentsQuery(
+const { data: studentsData, isLoading: studentsPending } = useTermAttendeesQuery(
   termId,
   studentFilters,
   studentPagination,
@@ -206,31 +184,7 @@ const studentPaginationMeta = computed(() => ({
   ...studentsData.value?.meta,
 }))
 
-const studentName = (student) =>
-  `${student.firstName || ''} ${student.lastName || ''}`.trim() || student.fullName || '—'
-
-const invalidate = () => queryClient.invalidateQueries({ queryKey: adminTermsKeys.all })
-
-const toggleLeaveMutation = useToggleAdminTermStudentLeaveMutation()
-const removeStudentMutation = useRemoveAdminTermStudentMutation()
-
-const onToggleLeave = (student, isOnLeave) => {
-  toggleLeaveMutation.mutate(
-    {
-      termId: termId.value,
-      userId: student.id,
-      payload: { setLeave: isOnLeave },
-    },
-    { onSuccess: invalidate }
-  )
-}
-
-const onAskRemoveStudent = (student) => {
-  removeStudentMutation.mutate(
-    { termId: termId.value, userId: student.id },
-    { onSuccess: invalidate }
-  )
-}
+const studentAvatar = (student) => student.avatarUrl || student.avatarDownloadUrl || ''
 
 const courseFilters = computed(() => ({ termId: termId.value }))
 const { pagination: coursePagination, setPage: setCoursePage } = usePagination({

src/features/auth/components/LoginForm.vue

@@ -91,7 +91,11 @@ const redirectAfterLogin = useRedirectAfterLogin()
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  const response = await loginMutation.mutateAsync(payload)
+  const response = await loginMutation.mutateAsync({
+    phone: payload.phoneNumber,
+    password: payload.password,
+    deviceName: 'web',
+  })
   applySession(response?.data ?? response)
   redirectAfterLogin()
 }

src/features/auth/components/SignupForm.vue

@@ -114,7 +114,13 @@ const { savePhoneNumber } = useAuth()
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  await registerMutation.mutateAsync(payload)
+  const name = [payload.firstName, payload.lastName].filter(Boolean).join(' ').trim()
+  await registerMutation.mutateAsync({
+    name,
+    phone: payload.phoneNumber,
+    password: payload.password,
+    passwordConfirmation: payload.passwordConfirmation,
+  })
   savePhoneNumber(payload.phoneNumber)
   emit('next', { phoneNumber: payload.phoneNumber })
 }

src/features/auth/components/studentRegister/EducationalInformation.vue

@@ -96,7 +96,7 @@
     </div>
 
     <div class="educational-info__divider" />
-    <StepActions @back="store.goToPrevStep()" />
+    <StepActions :loading="saveRegisterMutation.isPending.value" @back="store.goToPrevStep()" />
   </form>
 </template>
 
@@ -108,9 +108,13 @@ import TextField from '@/components/form/TextField.vue'
 import SelectField from '@/components/form/SelectField.vue'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import TextareaField from '@/components/form/TextareaField.vue'
+import { useSaveRegisterDataMutation } from '@/services/query/auth'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
 import { educationalInformationSchema } from '@/features/auth/schema/student-register'
-import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
+import {
+  toKeyValueList,
+  useStudentRegistrationStore,
+} from '@/features/auth/store/student-registration'
 import { EDUCATION_STATUS, SEMINARY_LEVEL, STUDENT_REGISTRATION, UNIVERSITY_LEVEL } from '@/enums'
 
 const store = useStudentRegistrationStore()
@@ -139,9 +143,12 @@ const form = ref({ ...store.educational })
 
 const { validate, validateAt, errors } = useYup(educationalInformationSchema)
 
+const saveRegisterMutation = useSaveRegisterDataMutation()
+
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
+  await saveRegisterMutation.mutateAsync(toKeyValueList(payload))
   store.educational = { ...store.educational, ...payload }
   store.markStepAsCompleted(STUDENT_REGISTRATION.EDUCATIONAL_INFORMATION)
   store.goToNextStep()

src/features/auth/components/studentRegister/MediaRecorder.vue

@@ -92,6 +92,7 @@ const props = defineProps({
   maxSeconds: { type: Number, default: 120 },
   context: { type: String, default: 'verification' },
   subType: { type: String, default: '' },
+  purpose: { type: String, default: '' },
   error: { type: String, default: '' },
 })
 
@@ -191,6 +192,7 @@ const handleStop = async () => {
       file,
       subType: props.subType || props.kind,
       context: props.context,
+      ...(props.purpose ? { purpose: props.purpose } : {}),
     })
     const response = await uploadMutation.mutateAsync(fd)
     const payload = response?.data ?? response
@@ -276,7 +278,6 @@ onBeforeUnmount(() => {
   }
 
   &__media--audio {
-    width: 100%;
     height: 2.5rem;
     background: transparent;
     position: absolute;

src/features/auth/components/studentRegister/PersonalInformation.vue

@@ -151,7 +151,10 @@
 
     <div class="personal-info__divider" />
 
-    <StepActions :show-back="false" :loading="uploadMutation.isPending.value" />
+    <StepActions
+      :show-back="false"
+      :loading="uploadMutation.isPending.value || saveRegisterMutation.isPending.value"
+    />
   </form>
 </template>
 
@@ -167,13 +170,14 @@ import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import ImageCropper from '@/components/form/ImageCropper.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
 import TextareaField from '@/components/form/TextareaField.vue'
-import { useUploadMediaMutation } from '@/services/query/auth'
 import DatePickerField from '@/components/form/DatePickerField.vue'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { GENDER, MARITAL_STATUS, STUDENT_REGISTRATION } from '@/enums'
+import { toKeyValueList } from '@/features/auth/store/student-registration'
 import { personalInformationSchema } from '@/features/auth/schema/student-register'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
 import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
+import { useSaveRegisterDataMutation, useUploadMediaMutation } from '@/services/query/auth'
 import { useGetCitiesOfProvinceQuery, useGetProvincesQuery } from '@/services/query/common'
 
 const store = useStudentRegistrationStore()
@@ -202,7 +206,9 @@ const maxBirthDate = computed(() => {
   }
 })
 
-const initialPhoneNumber = ref(user.value?.phoneNumber || store.personal.phoneNumber || '')
+const initialPhoneNumber = ref(
+  user.value?.phone || user.value?.phoneNumber || store.personal.phoneNumber || ''
+)
 
 const form = ref({
   firstName: store.personal.firstName || '',
@@ -246,7 +252,7 @@ const uploadMutation = useUploadMediaMutation()
 
 const onAvatarCropped = async (file) => {
   try {
-    const fd = objectToFormData({ file, subType: 'avatar', context: 'verification' })
+    const fd = objectToFormData({ file, purpose: 'avatar', context: 'verification' })
     const response = await uploadMutation.mutateAsync(fd)
     const payload = response?.data ?? response
     const value = { url: payload?.url, uploadId: payload?.uploadId || payload?.id, ...payload }
@@ -260,10 +266,14 @@ const onAvatarCropped = async (file) => {
 
 const onAvatarError = (msg) => toast.error(msg)
 
+const saveRegisterMutation = useSaveRegisterDataMutation()
+
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  store.personal = { ...store.personal, ...payload, avatar: form.value.avatar }
+  const next = { ...payload, avatar: form.value.avatar }
+  await saveRegisterMutation.mutateAsync(toKeyValueList(next))
+  store.personal = { ...store.personal, ...next }
   store.markStepAsCompleted(STUDENT_REGISTRATION.PERSONAL_INFORMATION)
   store.goToNextStep()
 }

src/features/auth/components/studentRegister/ProfessionalInformation.vue

@@ -101,7 +101,7 @@
     </div>
 
     <div class="professional-info__divider" />
-    <StepActions @back="store.goToPrevStep()" />
+    <StepActions :loading="saveRegisterMutation.isPending.value" @back="store.goToPrevStep()" />
   </form>
 </template>
 
@@ -114,9 +114,13 @@ import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import TextareaField from '@/components/form/TextareaField.vue'
 import { PROPAGATION_PLATFORM, STUDENT_REGISTRATION } from '@/enums'
+import { useSaveRegisterDataMutation } from '@/services/query/auth'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
 import { professionalInformationSchema } from '@/features/auth/schema/student-register'
-import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
+import {
+  toKeyValueList,
+  useStudentRegistrationStore,
+} from '@/features/auth/store/student-registration'
 
 const store = useStudentRegistrationStore()
 
@@ -167,6 +171,8 @@ const onPlatformsChange = (selected) => {
 
 const { validate, validateAt, errors } = useYup(professionalInformationSchema)
 
+const saveRegisterMutation = useSaveRegisterDataMutation()
+
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
@@ -181,12 +187,14 @@ const onSubmit = async () => {
     return { platform, platformDetails: '' }
   })
 
-  store.professional = {
+  const next = {
     propagationExperienceYears: Number(payload.propagationExperienceYears),
     propagationMethodDescription: payload.propagationMethodDescription,
     specializedTopics: payload.specializedTopics,
     propagationPlatforms,
   }
+  await saveRegisterMutation.mutateAsync(toKeyValueList(next))
+  store.professional = next
   store.markStepAsCompleted(STUDENT_REGISTRATION.PROFESSIONAL_INFORMATION)
   store.goToNextStep()
 }

src/features/auth/components/studentRegister/SkillAssessmentPart6.vue

@@ -7,6 +7,7 @@
           kind="audio"
           sub-type="audio"
           context="verification"
+          purpose="voice"
           :max-seconds="180"
           :error="errors.faithProductionAudio"
           @uploaded="onUploaded"
@@ -28,20 +29,23 @@
     </div>
 
     <div class="skill-six__divider" />
-    <StepActions @back="store.goToPrevStep()" />
+    <StepActions :loading="saveRegisterMutation.isPending.value" @back="store.goToPrevStep()" />
   </form>
 </template>
 
 <script setup>
+import { computed, ref } from 'vue'
 import useYup from '@/composables/useYup'
-import { computed, ref, watch } from 'vue'
 import { STUDENT_REGISTRATION } from '@/enums'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
-import { useGetRegistrationVideoQuery } from '@/services/query/auth'
+import { useSaveRegisterDataMutation } from '@/services/query/auth'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
 import { skillAssessmentPart6Schema } from '@/features/auth/schema/student-register'
 import MediaRecorder from '@/features/auth/components/studentRegister/MediaRecorder.vue'
-import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
+import {
+  toKeyValueList,
+  useStudentRegistrationStore,
+} from '@/features/auth/store/student-registration'
 
 const store = useStudentRegistrationStore()
 
@@ -59,20 +63,14 @@ const onUploaded = (value) => {
   form.value.faithProductionId = value?.uploadId || ''
 }
 
-const { data: media } = useGetRegistrationVideoQuery()
+const videoUrl = computed(() => store.registrationMedia.faithProductionVideoUrl || '')
 
-const videoUrl = computed(
-  () =>
-    media.value?.faithProductionVideoUrl || store.registrationMedia.faithProductionVideoUrl || ''
-)
-
-watch(media, (val) => {
-  if (val) store.registrationMedia = { ...store.registrationMedia, ...val }
-})
+const saveRegisterMutation = useSaveRegisterDataMutation()
 
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
+  await saveRegisterMutation.mutateAsync(toKeyValueList(payload))
   store.skill6 = { ...store.skill6, ...payload }
   store.markStepAsCompleted(STUDENT_REGISTRATION.SKILL_ASSESSMENT_PART_6)
   store.goToNextStep()

src/features/auth/components/studentRegister/SkillAssessmentPart7.vue

@@ -29,7 +29,7 @@
 
     <div class="skill-seven__divider" />
     <StepActions
-      :loading="completeMutation.isPending.value"
+      :loading="saveRegisterMutation.isPending.value"
       next-text="تایید اطلاعات"
       @back="store.goToPrevStep()"
     />
@@ -39,18 +39,19 @@
 <script setup>
 import { toast } from 'vue3-toastify'
 import useYup from '@/composables/useYup'
-import { computed, ref, watch } from 'vue'
-import useAuth from '@/composables/useAuth'
+import { computed, ref } from 'vue'
 import { STUDENT_REGISTRATION } from '@/enums'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
 import { skillAssessmentPart7Schema } from '@/features/auth/schema/student-register'
 import MediaRecorder from '@/features/auth/components/studentRegister/MediaRecorder.vue'
-import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
-import { useCompleteProfileMutation, useGetRegistrationVideoQuery } from '@/services/query/auth'
+import {
+  toKeyValueList,
+  useStudentRegistrationStore,
+} from '@/features/auth/store/student-registration'
+import { useSaveRegisterDataMutation } from '@/services/query/auth'
 
 const store = useStudentRegistrationStore()
-const { applySession } = useAuth()
 
 const video = ref(store.skill7.leaderMessageVideo || null)
 
@@ -66,28 +67,17 @@ const onUploaded = (value) => {
   form.value.leaderMessageId = value?.uploadId || ''
 }
 
-const { data: media } = useGetRegistrationVideoQuery()
+const videoUrl = computed(() => store.registrationMedia.leaderMessageVideoUrl || '')
 
-const videoUrl = computed(
-  () => media.value?.leaderMessageVideoUrl || store.registrationMedia.leaderMessageVideoUrl || ''
-)
-
-watch(media, (val) => {
-  if (val) store.registrationMedia = { ...store.registrationMedia, ...val }
-})
-
-const completeMutation = useCompleteProfileMutation()
+const saveRegisterMutation = useSaveRegisterDataMutation()
 
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  store.skill7 = { ...store.skill7, ...payload }
-  store.markStepAsCompleted(STUDENT_REGISTRATION.SKILL_ASSESSMENT_PART_7)
-
   try {
-    const response = await completeMutation.mutateAsync(store.buildCompletePayload())
-    const data = response?.data ?? response
-    applySession(data)
+    await saveRegisterMutation.mutateAsync(toKeyValueList(payload))
+    store.skill7 = { ...store.skill7, ...payload }
+    store.markStepAsCompleted(STUDENT_REGISTRATION.SKILL_ASSESSMENT_PART_7)
     store.isProfileCompleted = true
   } catch (error) {
     toast.error(error?.response?.data?.message || 'عملیات با خطا مواجه شد')

src/features/auth/components/studentRegister/SkillSelectStep.vue

@@ -33,7 +33,7 @@
     </div>
 
     <div class="skill-step__divider" />
-    <StepActions @back="store.goToPrevStep()" />
+    <StepActions :loading="saveRegisterMutation.isPending.value" @back="store.goToPrevStep()" />
   </form>
 </template>
 
@@ -44,8 +44,12 @@ import SelectField from '@/components/form/SelectField.vue'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import TextareaField from '@/components/form/TextareaField.vue'
+import { useSaveRegisterDataMutation } from '@/services/query/auth'
 import StepActions from '@/features/auth/components/studentRegister/StepActions.vue'
-import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
+import {
+  toKeyValueList,
+  useStudentRegistrationStore,
+} from '@/features/auth/store/student-registration'
 
 const props = defineProps({
   step: { type: Number, required: true },
@@ -80,9 +84,12 @@ const onSelect = () => {
 
 const { validate, errors } = useYup(props.schema)
 
+const saveRegisterMutation = useSaveRegisterDataMutation()
+
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
+  await saveRegisterMutation.mutateAsync(toKeyValueList(payload))
   store[props.storeKey] = { ...store[props.storeKey], ...payload }
   store.markStepAsCompleted(props.step)
   store.goToNextStep()

src/features/auth/pages/ResetPasswordPage.vue

@@ -8,7 +8,7 @@
           v-model="form.phoneNumber"
           name="phoneNumber"
           label="شماره موبایل"
-          :disabled="!!user?.phoneNumber"
+          :disabled="!!(user?.phone || user?.phoneNumber)"
         >
           <template #appendIcon>
             <SvgIcon name="phone" :size="22" color="var(--color-thd-gray)" />
@@ -71,7 +71,7 @@ const redirectAfterLogin = useRedirectAfterLogin()
 const schema = resetPasswordSchema
 
 const form = ref({
-  phoneNumber: user.value?.phoneNumber || '',
+  phoneNumber: user.value?.phone || user.value?.phoneNumber || '',
   password: '',
   passwordConfirmation: '',
 })

src/features/auth/pages/StudentRegisterPage.vue

@@ -23,6 +23,7 @@
 import useModal from '@/composables/useModal'
 import { computed, markRaw, watch } from 'vue'
 import { STUDENT_REGISTRATION } from '@/enums'
+import { useGetRegisterDataQuery } from '@/services/query/auth'
 import SideBarSteps from '@/features/auth/components/studentRegister/SideBarSteps.vue'
 import SuccessModal from '@/features/auth/components/studentRegister/SuccessModal.vue'
 import { useStudentRegistrationStore } from '@/features/auth/store/student-registration'
@@ -40,6 +41,15 @@ import ProfessionalInformation from '@/features/auth/components/studentRegister/
 const store = useStudentRegistrationStore()
 const { isModal, openModal } = useModal()
 
+const { data: registerData } = useGetRegisterDataQuery()
+watch(
+  registerData,
+  (list) => {
+    if (Array.isArray(list) && list.length > 0) store.hydrateFromKeyValueList(list)
+  },
+  { immediate: true }
+)
+
 const STEP_TO_COMPONENT = {
   [STUDENT_REGISTRATION.PERSONAL_INFORMATION]: markRaw(PersonalInformation),
   [STUDENT_REGISTRATION.EDUCATIONAL_INFORMATION]: markRaw(EducationalInformation),

src/features/auth/schema/student-register.js

@@ -9,7 +9,7 @@ const requiredString = (min = 0) => {
 }
 
 export const personalInformationSchema = object().shape({
-  avatar: mixed().required(),
+  avatar: mixed().notRequired(),
   avatarId: mixed().notRequired(),
   firstName: requiredString(3),
   lastName: requiredString(3),

src/features/auth/store/student-registration.js

@@ -69,6 +69,65 @@ const emptyState = () => ({
   registrationMedia: {},
 })
 
+// Each field is owned by exactly one section. Used to route GET /me/register-data
+// values back into the matching slice on hydration.
+const SECTION_FIELDS = {
+  personal: [
+    'avatar',
+    'avatarId',
+    'firstName',
+    'lastName',
+    'birthDate',
+    'nationalCode',
+    'maritalStatus',
+    'gender',
+    'phoneNumber',
+    'provinceId',
+    'cityId',
+    'address',
+  ],
+  educational: [
+    'educationStatus',
+    'seminaryLevel',
+    'universityLevel',
+    'universityName',
+    'fieldOfStudy',
+    'workExperienceSummary',
+    'activitySummary',
+  ],
+  professional: [
+    'propagationExperienceYears',
+    'propagationMethodDescription',
+    'specializedTopics',
+    'propagationPlatforms',
+  ],
+  skill1: ['responseToLowSatisfaction', 'responseToLowSatisfactionDescription'],
+  skill2: ['responseToSessionCancellation', 'responseToSessionCancellationDescription'],
+  skill3: ['responseToAudienceConflict', 'responseToAudienceConflictDescription'],
+  skill4: ['responseToCompetingPropagator', 'responseToCompetingPropagatorDescription'],
+  skill5: ['responseToUnqualifiedAdvisors', 'relevantCertificates', 'hijabApproach'],
+  skill6: ['faithProductionAudio', 'faithProductionId'],
+  skill7: ['leaderMessageVideo', 'leaderMessageId'],
+}
+
+const FIELD_TO_SECTION = Object.entries(SECTION_FIELDS).reduce((acc, [section, fields]) => {
+  fields.forEach((field) => {
+    acc[field] = section
+  })
+  return acc
+}, {})
+
+export const toKeyValueList = (obj = {}) =>
+  Object.entries(obj).map(([key, value]) => ({ key, value }))
+
+export const fromKeyValueList = (list = []) => {
+  if (!Array.isArray(list)) return {}
+  return list.reduce((acc, item) => {
+    if (item && typeof item === 'object' && 'key' in item) acc[item.key] = item.value
+    return acc
+  }, {})
+}
+
 const readPersisted = () => {
   try {
     const raw = localStorage.getItem(STORAGE_KEY)
@@ -98,6 +157,19 @@ export const useStudentRegistrationStore = defineStore('studentRegistration', ()
   const completedSteps = ref(initial.completedSteps || [])
   const registrationMedia = ref(initial.registrationMedia || {})
 
+  const sectionRefs = {
+    personal,
+    educational,
+    professional,
+    skill1,
+    skill2,
+    skill3,
+    skill4,
+    skill5,
+    skill6,
+    skill7,
+  }
+
   const snapshot = computed(() => ({
     isProfileCompleted: isProfileCompleted.value,
     personal: personal.value,
@@ -171,6 +243,22 @@ export const useStudentRegistrationStore = defineStore('studentRegistration', ()
       : personal.value.avatarId,
   })
 
+  // Take the flat `{key,value}` list from GET /me/register-data and slot each
+  // value into the right section ref, leaving anything we don't recognise alone.
+  const hydrateFromKeyValueList = (list) => {
+    const flat = fromKeyValueList(list)
+    const buckets = {}
+    Object.entries(flat).forEach(([key, value]) => {
+      const section = FIELD_TO_SECTION[key]
+      if (!section) return
+      buckets[section] = { ...(buckets[section] || {}), [key]: value }
+    })
+    Object.entries(buckets).forEach(([section, patch]) => {
+      const target = sectionRefs[section]
+      if (target) target.value = { ...target.value, ...patch }
+    })
+  }
+
   const reset = () => {
     const fresh = emptyState()
     isProfileCompleted.value = fresh.isProfileCompleted
@@ -215,6 +303,7 @@ export const useStudentRegistrationStore = defineStore('studentRegistration', ()
     goToPrevStep,
     canGoToStep,
     buildCompletePayload,
+    hydrateFromKeyValueList,
     reset,
   }
 })

src/features/student/profile/pages/EditProfilePage.vue

@@ -295,23 +295,27 @@ const { data: profile } = useGetMeQuery()
 
 watch(profile, (user) => {
   if (!user) return
+  const nameParts = String(user.name || '').trim().split(/\s+/).filter(Boolean)
+  const firstName = user.firstName || nameParts[0] || ''
+  const lastName = user.lastName || nameParts.slice(1).join(' ') || ''
+  const phone = user.phone || user.phoneNumber || ''
   form.value = {
     ...form.value,
-    firstName: user.firstName || '',
-    lastName: user.lastName || '',
+    firstName,
+    lastName,
     birthDate: user.profile?.birthDate || '',
     nationalCode: user.nationalCode || '',
     maritalStatus: user.profile?.maritalStatus || '',
     gender: user.profile?.gender || '',
     bio: user.profile?.bio || '',
-    phoneNumber: user.phoneNumber || '',
+    phoneNumber: phone,
     provinceId: user.address?.province?.id || '',
     cityId: user.address?.city?.id || '',
     address: user.address?.address || '',
     avatarId: user.profile?.avatarId || null,
   }
   initialNationalCode.value = user.nationalCode || ''
-  initialPhoneNumber.value = user.phoneNumber || ''
+  initialPhoneNumber.value = phone
   if (user.avatarUrl) avatar.value = { url: user.avatarUrl }
 })
 
@@ -336,11 +340,21 @@ const updateMutation = useUpdateProfileMutation()
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  if (!payload.password) {
-    delete payload.password
-    delete payload.passwordConfirmation
+  // Backend PATCH /me accepts: name, email, phone, password (+confirmation),
+  // avatar_media_id. Other UI-only fields (province/city/address/birthDate/…)
+  // are not in the backend Postman doc and are dropped here.
+  const name = [payload.firstName, payload.lastName].filter(Boolean).join(' ').trim()
+  const body = {
+    ...(name ? { name } : {}),
+    ...(payload.phoneNumber ? { phone: payload.phoneNumber } : {}),
+    ...(payload.email ? { email: payload.email } : {}),
+    ...(payload.avatarId ? { avatarMediaId: payload.avatarId } : {}),
   }
-  await updateMutation.mutateAsync(payload)
+  if (payload.password) {
+    body.password = payload.password
+    body.passwordConfirmation = payload.passwordConfirmation
+  }
+  await updateMutation.mutateAsync(body)
   await queryClient.invalidateQueries({ queryKey: authKeys.me() })
   toast.success('پروفایل با موفقیت به‌روز شد')
   router.push({ name: 'student-dashboard' })

src/services/api/admin-consultations.js

@@ -10,5 +10,6 @@ export const apiShowAdminConsultation = (id) =>
 export const apiSendAdminConsultationMessage = (id, payload) =>
   http.post(buildUrl(endpoints.sendConsultationMessage, { id }), payload)
 
+// Backend uses PATCH (not POST).
 export const apiChangeAdminConsultationStatus = (id, payload) =>
-  http.post(buildUrl(endpoints.changeConsultationStatus, { id }), payload)
+  http.patch(buildUrl(endpoints.changeConsultationStatus, { id }), payload)

src/services/api/admin-courses.js

@@ -15,6 +15,9 @@ export const apiDeleteAdminCourse = (id) => http.delete(buildUrl(endpoints.delet
 export const apiGetAdminCourseStudents = (courseId, params) =>
   http.get(buildUrl(endpoints.listCourseStudents, { courseId }), { params })
 
+export const apiGetCourseAttendees = (courseId, params) =>
+  http.get(buildUrl(endpoints.getCourseAttendees, { courseId }), { params })
+
 export const apiAddAdminCourseStudent = (courseId, payload) =>
   http.post(buildUrl(endpoints.addCourseStudent, { courseId }), payload)
 

src/services/api/admin-terms.js

@@ -17,6 +17,9 @@ export const apiCloneAdminTerm = (id) => http.post(buildUrl(endpoints.cloneTerm,
 export const apiGetAdminTermStudents = (termId, params) =>
   http.get(buildUrl(endpoints.listUserTerm, { termId }), { params })
 
+export const apiGetTermAttendees = (termId, params) =>
+  http.get(buildUrl(endpoints.getTermAttendees, { termId }), { params })
+
 export const apiAddAdminTermStudents = (termId, payload) =>
   http.post(buildUrl(endpoints.addUserTerm, { termId }), payload)
 

src/services/api/auth.js

@@ -1,6 +1,12 @@
 import { http } from '@/services/api/http'
 import { endpoints } from '@/services/api/endpoints'
 
+// Backend (Postman: Auth) is the source of truth. Payloads use the backend's
+// field names — `name`, `phone`, `password`, `password_confirmation`,
+// `device_name`, `avatar_media_id` — and responses are passed through unchanged.
+// Callers (forms / store) are responsible for translating UI-local field names
+// (firstName/lastName/phoneNumber) into this shape.
+
 export const apiLogin = (payload) => http.post(endpoints.login, payload)
 
 export const apiLoginWithCode = (payload) => http.post(endpoints.loginWithCode2Step, payload)
@@ -25,7 +31,12 @@ export const apiGetMe = () => http.get(endpoints.me)
 
 export const apiCompleteProfile = (payload) => http.post(endpoints.completeProfile, payload)
 
-export const apiUpdateProfile = (payload) => http.put(endpoints.updateProfile, payload)
+export const apiUpdateProfile = (payload) => http.patch(endpoints.updateProfile, payload)
+
+// `data` is an array of `{ key, value }` entries. The backend echoes whatever
+// we POST back from the GET, so this is effectively a free-form key/value bag.
+export const apiGetRegisterData = () => http.get(endpoints.registerData)
+export const apiSaveRegisterData = (data) => http.post(endpoints.registerData, { data })
 
 export const apiGetRegistrationQuestionVideo = () =>
   http.get(endpoints.getRegistrationQuestionVideo)

src/services/api/endpoints.js

@@ -1,18 +1,22 @@
 export const endpoints = {
   // ─── Auth & profile ────────────────────────────────────────────────────────
-  register: '/register',
+  // Backend-aligned (Postman: Auth collection)
+  register: '/auth/register',
+  login: '/auth/login',
+  logout: '/auth/logout',
+  me: '/auth/me',
+  updateProfile: '/me',
+  registerData: '/me/register-data',
+
+  // FE-only — NOT in backend Postman doc; kept so existing UI/mock layer works.
   resendVerificationCodeForRegister: '/resend-verification-code',
   verifyCode: '/verify-code',
   completeProfile: '/complete-profile',
   getRegistrationQuestionVideo: '/verification-registration-media',
-  login: '/login',
   loginWithCode2Step: '/login-with-code',
   forgotPassword: '/forgot-password',
   verifyForgotPasswordCode: '/verify-forgot-password-code',
   resetPassword: '/reset-password',
-  logout: '/logout',
-  me: '/auth/me',
-  updateProfile: '/profile',
 
   // ─── Geo ───────────────────────────────────────────────────────────────────
   provinceList: '/provinces',
@@ -67,6 +71,7 @@ export const endpoints = {
   showTerm: '/terms/:id',
   updateTerm: '/terms/:id',
   deleteTerm: '/terms/:id',
+  getTermAttendees: '/terms/:termId/attendees',
 
   // ─── Backend-aligned: Courses ──────────────────────────────────────────────
   getCoursesList: '/courses',
@@ -74,6 +79,7 @@ export const endpoints = {
   showCourse: '/courses/:id',
   updateCourse: '/courses/:id',
   deleteCourse: '/courses/:id',
+  getCourseAttendees: '/courses/:courseId/attendees',
 
   // ─── Backend-aligned: Sessions ─────────────────────────────────────────────
   getSessionsList: '/sessions',
@@ -146,16 +152,19 @@ export const endpoints = {
   getAssignmentSubmissions: '/homeworks/:homeworkId/submissions',
   showAssignmentSubmission: '/homework-submissions/:submissionId',
 
-  // ─── Tickets / Consultations (out of scope of Terms/Courses backend doc) ───
+  // ─── Backend-aligned: Tickets ─────────────────────────────────────────────
+  // Admin "messages" UI talks to /admin/tickets.
+  // Admin "consultations" UI talks to /counselor/tickets (same schema; the
+  // counselor scope is the consultation pool).
   getTicketsList: '/admin/tickets',
   showTicket: '/admin/tickets/:id',
   sendTicketMessage: '/admin/tickets/:id/messages',
   changeTicketStatus: '/admin/tickets/:id/status',
 
-  getConsultationsList: '/admin/consultations',
-  showConsultation: '/admin/consultations/:id',
-  sendConsultationMessage: '/admin/consultations/:id/messages',
-  changeConsultationStatus: '/admin/consultations/:id/status',
+  getConsultationsList: '/counselor/tickets',
+  showConsultation: '/counselor/tickets/:id',
+  sendConsultationMessage: '/counselor/tickets/:id/messages',
+  changeConsultationStatus: '/counselor/tickets/:id/status',
 }
 
 export const buildUrl = (template, params = {}) =>

src/services/api/http.js

@@ -89,7 +89,7 @@ const createInstance = (baseUrl, { headers = {}, ...configs } = {}) => {
   addResponseUnwrapInterceptor(instance)
   addCamelizeInterceptor(instance)
   addSnakizeInterceptor(instance)
-  addUnauthorizeInterceptor(instance)
+  // addUnauthorizeInterceptor(instance)
   return instance
 }
 

src/services/mock/routes/auth.js

@@ -45,7 +45,7 @@ register('GET', endpoints.me, () => ({
   data: currentMe,
 }))
 
-register('PUT', endpoints.updateProfile, ({ data }) => {
+register('PATCH', endpoints.updateProfile, ({ data }) => {
   Object.assign(currentMe, {
     name: data.name ?? currentMe.name,
     email: data.email ?? currentMe.email,

src/services/query/admin-consultations.js

@@ -18,6 +18,10 @@ export const useAdminConsultationsListQuery = (filtersRef, paginationRef, option
     queryKey: ['admin', 'consultations', 'list', filtersRef, paginationRef],
     queryFn: () =>
       apiGetAdminConsultations({ ...cleanFilters(filtersRef.value), ...paginationRef.value }),
+    select: (response) => ({
+      data: response?.data ?? [],
+      meta: response?.meta,
+    }),
     ...options,
   })
 

src/services/query/admin-courses.js

@@ -9,6 +9,7 @@ import {
   apiGetAdminCourseSessions,
   apiGetAdminCourseStudents,
   apiGetAdminCourses,
+  apiGetCourseAttendees,
   apiRemoveAdminCourseStudent,
   apiShowAdminCourse,
   apiUpdateAdminCourse,
@@ -78,6 +79,21 @@ export const useAdminCourseStudentsQuery = (courseIdRef, filtersRef, paginationR
     ...options,
   })
 
+export const useCourseAttendeesQuery = (courseIdRef, filtersRef, paginationRef, options = {}) =>
+  useQuery({
+    queryKey: ['courses', 'attendees', courseIdRef, filtersRef, paginationRef],
+    queryFn: () =>
+      apiGetCourseAttendees(courseIdRef.value, {
+        ...cleanFilters(filtersRef?.value || {}),
+        ...paginationRef?.value,
+      }),
+    select: (response) => ({
+      data: response?.data?.items ?? response?.data ?? [],
+      meta: response?.data?.meta ?? response?.meta,
+    }),
+    ...options,
+  })
+
 export const useAddAdminCourseStudentMutation = () =>
   useMutation({
     mutationFn: ({ courseId, payload }) => apiAddAdminCourseStudent(courseId, payload),

src/services/query/admin-terms.js

@@ -9,6 +9,7 @@ import {
   apiGetAdminTerms,
   apiGetAdminTermCourses,
   apiGetAdminTermStudents,
+  apiGetTermAttendees,
   apiRemoveAdminTermCourse,
   apiRemoveAdminTermStudent,
   apiShowAdminTerm,
@@ -28,6 +29,13 @@ export const adminTermsKeys = {
     filters,
     pagination,
   ],
+  attendees: (termId, filters, pagination) => [
+    'terms',
+    'attendees',
+    termId,
+    filters,
+    pagination,
+  ],
   courses: (termId, filters, pagination) => [
     'admin',
     'terms',
@@ -80,6 +88,21 @@ export const useAdminTermStudentsQuery = (termIdRef, filtersRef, paginationRef,
     ...options,
   })
 
+export const useTermAttendeesQuery = (termIdRef, filtersRef, paginationRef, options = {}) =>
+  useQuery({
+    queryKey: ['terms', 'attendees', termIdRef, filtersRef, paginationRef],
+    queryFn: () =>
+      apiGetTermAttendees(termIdRef.value, {
+        ...cleanFilters(filtersRef?.value || {}),
+        ...paginationRef?.value,
+      }),
+    select: (response) => ({
+      data: response?.data?.items ?? response?.data ?? [],
+      meta: response?.data?.meta ?? response?.meta,
+    }),
+    ...options,
+  })
+
 export const useAddAdminTermStudentsMutation = () =>
   useMutation({
     mutationFn: ({ termId, payload }) => apiAddAdminTermStudents(termId, payload),

src/services/query/auth.js

@@ -4,6 +4,7 @@ import {
   apiCompleteProfile,
   apiForgotPassword,
   apiGetMe,
+  apiGetRegisterData,
   apiGetRegistrationQuestionVideo,
   apiLogin,
   apiLoginWithCode,
@@ -11,6 +12,7 @@ import {
   apiRegister,
   apiResendVerificationCode,
   apiResetPassword,
+  apiSaveRegisterData,
   apiUpdateProfile,
   apiUploadMedia,
   apiVerifyCode,
@@ -20,6 +22,7 @@ import {
 export const authKeys = {
   me: () => ['auth', 'me'],
   registrationVideo: () => ['auth', 'registration-video'],
+  registerData: () => ['auth', 'register-data'],
 }
 
 export const useLoginMutation = () => useMutation({ mutationFn: apiLogin })
@@ -63,3 +66,19 @@ export const useGetRegistrationVideoQuery = (options = {}) =>
   })
 
 export const useUploadMediaMutation = () => useMutation({ mutationFn: apiUploadMedia })
+
+export const useGetRegisterDataQuery = (options = {}) =>
+  useQuery({
+    queryKey: authKeys.registerData(),
+    queryFn: () => apiGetRegisterData(),
+    select: (response) => {
+      const data = response?.data ?? response
+      if (Array.isArray(data)) return data
+      if (Array.isArray(data?.data)) return data.data
+      return []
+    },
+    ...options,
+  })
+
+export const useSaveRegisterDataMutation = () =>
+  useMutation({ mutationFn: apiSaveRegisterData })

src/services/query/common.js

@@ -7,11 +7,48 @@ export const commonKeys = {
   cities: (provinceId) => ['common', 'cities', provinceId],
 }
 
+// Sample data so the register form is usable while the backend geo endpoints
+// are still being built. Once /provinces and /provinces/:id/cities are live,
+// the real response overwrites these and the keys stay the same.
+const SAMPLE_PROVINCES = [
+  { id: 1, name: 'تهران' },
+  { id: 2, name: 'اصفهان' },
+  { id: 3, name: 'فارس' },
+  { id: 4, name: 'خراسان رضوی' },
+  { id: 5, name: 'قم' },
+]
+
+const SAMPLE_CITIES_BY_PROVINCE = {
+  1: [
+    { id: 101, name: 'تهران' },
+    { id: 102, name: 'ری' },
+    { id: 103, name: 'شمیرانات' },
+    { id: 104, name: 'اسلامشهر' },
+  ],
+  2: [
+    { id: 201, name: 'اصفهان' },
+    { id: 202, name: 'کاشان' },
+    { id: 203, name: 'نجف‌آباد' },
+  ],
+  3: [
+    { id: 301, name: 'شیراز' },
+    { id: 302, name: 'مرودشت' },
+    { id: 303, name: 'کازرون' },
+  ],
+  4: [
+    { id: 401, name: 'مشهد' },
+    { id: 402, name: 'نیشابور' },
+    { id: 403, name: 'سبزوار' },
+  ],
+  5: [{ id: 501, name: 'قم' }],
+}
+
 export const useGetProvincesQuery = (options = {}) =>
   useQuery({
     queryKey: commonKeys.provinces(),
     queryFn: () => apiGetProvinces(),
     select: (response) => response?.data ?? response,
+    initialData: SAMPLE_PROVINCES,
     ...options,
   })
 
@@ -20,5 +57,6 @@ export const useGetCitiesOfProvinceQuery = (provinceIdRef, options = {}) =>
     queryKey: ['common', 'cities', provinceIdRef],
     queryFn: () => apiGetCitiesOfProvince(provinceIdRef.value),
     select: (response) => response?.data ?? response,
+    initialData: () => SAMPLE_CITIES_BY_PROVINCE[provinceIdRef.value] || [],
     ...options,
   })

src/store/auth.js

@@ -7,7 +7,12 @@ export const useAuthStore = defineStore('auth', () => {
   const user = ref(tokenService.getUserInfo())
 
   const isAuthenticated = computed(() => !!tokenService.getToken() && !!user.value)
-  const role = computed(() => user.value?.role || user.value?.roleName || null)
+  const role = computed(() => {
+    const u = user.value
+    if (!u) return null
+    if (Array.isArray(u.roles) && u.roles.length) return u.roles[0]
+    return u.role || u.roleName || null
+  })
 
   const setUser = (userData) => {
     user.value = userData