Add org-scoped activity priority labels/colors and apply them across forms, boards, and routines.

Also fix activity leave-without-save confirm, kanban due-date labels with tone-colored peek chevron, and rename the types manager button.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/activities/ActivitiesKanban.vue

@@ -9,7 +9,7 @@ import type {
 } from '@mento/shared';
 import { api } from '@/lib/api';
 import { activityTypeView } from '@/lib/activity-types';
-import { calendarDaysBetween, formatClockFa, formatJalaliDay, startOfLocalDay, toFaDigits } from '@/lib/jalali';
+import { formatRelativeDayLabel, toFaDigits } from '@/lib/jalali';
 import PipelineBoard from '@/components/pipeline/PipelineBoard.vue';
 import DealCardOverlay from '@/components/pipeline/DealCardOverlay.vue';
 import ActivityQuickView from '@/components/activities/ActivityQuickView.vue';
@@ -130,18 +130,6 @@ function apiMessage(e: unknown, fallback: string) {
   return fallback;
 }
 
-function dateText(item: ActivityDto) {
-  if (!item.dueAt) return 'بدون موعد';
-  const due = new Date(item.dueAt);
-  const days = calendarDaysBetween(due, new Date());
-  const day =
-    days === 0 ? 'امروز' : days === 1 ? 'دیروز' : days === -1 ? 'فردا' : formatJalaliDay(due);
-  const late =
-    item.status === 'open' &&
-    startOfLocalDay(due).getTime() < startOfLocalDay().getTime();
-  return `${late ? 'عقب‌افتاده · ' : ''}${day} · ${formatClockFa(due)}`;
-}
-
 function toCard(item: ActivityDto, stageId: string): PipelineDeal {
   const party = item.company?.name || item.person?.fullName || item.deal?.title || '';
   const assigneeNames = item.assignees?.length
@@ -154,7 +142,8 @@ function toCard(item: ActivityDto, stageId: string): PipelineDeal {
     title: item.title,
     description: [activityTypeView(item).name, party].filter(Boolean).join(' · '),
     amount: null,
-    date: dateText(item),
+    date: item.dueAt ? formatRelativeDayLabel(item.dueAt) : 'بدون موعد',
+    dateIso: item.dueAt ?? undefined,
     initials: initialsFromTitle(party || item.title),
     stageId,
     createdAt: item.createdAt,

apps/web/src/components/activities/ActivityTypesManager.vue

@@ -4,6 +4,7 @@ import axios from 'axios';
 import type {
   ActivityFieldDef,
   ActivityFieldType,
+  ActivityPrioritySetting,
   ActivityStageColor,
   ActivityType,
   ActivityTypeDefDto,
@@ -17,9 +18,11 @@ import {
   ACTIVITY_STAGE_COLORS,
   ACTIVITY_TYPE_ICONS,
   ACTIVITY_TYPE_LABELS,
+  DEFAULT_ACTIVITY_PRIORITY_SETTINGS,
 } from '@mento/shared';
 import { api } from '@/lib/api';
 import { toFaDigits } from '@/lib/jalali';
+import { useActivityPriorities } from '@/lib/activity-priorities';
 import {
   ACTIVITY_TYPE_ICON_LABELS,
   newFieldKey,
@@ -32,6 +35,17 @@ import UiIcon from '@/components/UiIcon.vue';
 const props = defineProps<{ open: boolean }>();
 const emit = defineEmits<{ close: []; changed: [] }>();
 
+type MgrTab = 'types' | 'priorities';
+const tab = ref<MgrTab>('types');
+const prioritiesApi = useActivityPriorities();
+const priorityDraft = ref<ActivityPrioritySetting[]>(
+  DEFAULT_ACTIVITY_PRIORITY_SETTINGS.map((r) => ({ ...r })),
+);
+const prioritySaved = ref('');
+const priorityDirty = computed(
+  () => JSON.stringify(priorityDraft.value) !== prioritySaved.value,
+);
+
 const BASE_TYPES: ActivityType[] = ['call', 'meeting', 'task', 'note'];
 
 type FieldDraft = ActivityFieldDef & { optionsText: string };
@@ -96,13 +110,74 @@ function select(id: string | 'new') {
   notice.value = '';
 }
 
+async function loadPrioritiesTab() {
+  await prioritiesApi.load(true);
+  priorityDraft.value = prioritiesApi.items.value.map((r) => ({ ...r }));
+  prioritySaved.value = JSON.stringify(priorityDraft.value);
+}
+
+function switchTab(next: MgrTab) {
+  if (next === tab.value) return;
+  if (tab.value === 'types' && dirty.value && draft.value) {
+    if (!window.confirm('تغییرات ذخیره نشده از بین می‌رود. ادامه می‌دهید؟')) return;
+  }
+  if (tab.value === 'priorities' && priorityDirty.value) {
+    if (!window.confirm('تغییرات اولویت‌ها ذخیره نشده از بین می‌رود. ادامه می‌دهید؟')) return;
+  }
+  tab.value = next;
+  error.value = '';
+  notice.value = '';
+  if (next === 'priorities') void loadPrioritiesTab();
+}
+
+async function savePriorities() {
+  for (const row of priorityDraft.value) {
+    if (!row.label.trim()) {
+      error.value = 'عنوان همهٔ سطوح اولویت را بنویسید.';
+      return;
+    }
+    if (!/^#[0-9a-fA-F]{6}$/.test(row.color)) {
+      error.value = 'رنگ باید به صورت #RRGGBB باشد.';
+      return;
+    }
+  }
+  busy.value = 'prio';
+  error.value = '';
+  notice.value = '';
+  try {
+    const { data } = await api.put<ActivityPrioritySetting[]>('/activities/priorities', {
+      items: priorityDraft.value.map((r) => ({
+        key: r.key,
+        label: r.label.trim(),
+        color: r.color,
+      })),
+    });
+    prioritiesApi.setLocal(data);
+    priorityDraft.value = data.map((r) => ({ ...r }));
+    prioritySaved.value = JSON.stringify(priorityDraft.value);
+    notice.value = 'اولویت‌ها ذخیره شد.';
+    emit('changed');
+  } catch (e) {
+    error.value = apiMessage(e, 'ذخیرهٔ اولویت‌ها ناموفق بود.');
+  } finally {
+    busy.value = '';
+  }
+}
+
+function resetPriorities() {
+  if (!window.confirm('عنوان و رنگ‌ها به پیش‌فرض برگردند؟')) return;
+  priorityDraft.value = DEFAULT_ACTIVITY_PRIORITY_SETTINGS.map((r) => ({ ...r }));
+}
+
 watch(
   () => props.open,
   async (open) => {
     if (!open) return;
     error.value = '';
     notice.value = '';
+    tab.value = 'types';
     await load(true);
+    await prioritiesApi.load(true);
     const first = types.value[0];
     selectedId.value = null;
     draft.value = null;
@@ -283,7 +358,12 @@ async function moveType(index: number, dir: -1 | 1) {
 }
 
 function close() {
-  if (dirty.value && draft.value && !window.confirm('تغییرات ذخیره نشده از بین می‌رود. بستن؟')) return;
+  if (tab.value === 'types' && dirty.value && draft.value) {
+    if (!window.confirm('تغییرات ذخیره نشده از بین می‌رود. بستن؟')) return;
+  }
+  if (tab.value === 'priorities' && priorityDirty.value) {
+    if (!window.confirm('تغییرات اولویت‌ها ذخیره نشده از بین می‌رود. بستن؟')) return;
+  }
   emit('close');
 }
 </script>
@@ -291,6 +371,28 @@ function close() {
 <template>
   <UiModal :open="open" title="انواع فعالیت و فیلدهای اختصاصی" @close="close">
     <div class="mgr">
+      <div class="tabs" role="tablist">
+        <button
+          type="button"
+          role="tab"
+          :class="{ on: tab === 'types' }"
+          :aria-selected="tab === 'types'"
+          @click="switchTab('types')"
+        >
+          انواع و فیلدها
+        </button>
+        <button
+          type="button"
+          role="tab"
+          :class="{ on: tab === 'priorities' }"
+          :aria-selected="tab === 'priorities'"
+          @click="switchTab('priorities')"
+        >
+          اولویت‌ها
+        </button>
+      </div>
+
+      <template v-if="tab === 'types'">
       <p class="hint">
         برای هر نوع فعالیت فیلدهای مخصوص خودش را تعریف کنید؛ مثلاً «موضوع جلسه» و «شرکت‌کنندگان» برای جلسه
         یا «لیست کارها» برای وظیفه. «نوع پایه» مشخص می‌کند فعالیت در گزارش‌ها جزو تماس، جلسه، وظیفه یا پیام
@@ -479,6 +581,43 @@ function close() {
         </section>
         <p v-else class="empty">یک نوع فعالیت را انتخاب کنید.</p>
       </div>
+      </template>
+
+      <div v-else class="prio">
+        <p class="hint">
+          پنج سطح اولویت ثابت است؛ فقط عنوان و رنگ را عوض کنید. تغییر عنوان روی همهٔ فعالیت‌ها و کارهای
+          روتین قبلی هم اعمال می‌شود (کلید داخلی عوض نمی‌شود).
+        </p>
+        <ul class="prio-list">
+          <li v-for="row in priorityDraft" :key="row.key" class="prio-row">
+            <span class="swatch" :style="{ background: row.color }" aria-hidden="true" />
+            <label class="f grow">
+              <span>عنوان</span>
+              <input v-model="row.label" maxlength="40" />
+            </label>
+            <label class="f color">
+              <span>رنگ</span>
+              <input v-model="row.color" type="color" :aria-label="`رنگ ${row.label}`" />
+            </label>
+          </li>
+        </ul>
+        <p v-if="error" class="error">{{ error }}</p>
+        <p v-else-if="notice" class="notice">{{ notice }}</p>
+        <div class="actions">
+          <UiButton
+            variant="primary"
+            type="button"
+            :disabled="!priorityDirty || Boolean(busy)"
+            :loading="busy === 'prio'"
+            @click="savePriorities"
+          >
+            ذخیرهٔ اولویت‌ها
+          </UiButton>
+          <UiButton variant="ghost" type="button" :disabled="Boolean(busy)" @click="resetPriorities">
+            بازگشت به پیش‌فرض
+          </UiButton>
+        </div>
+      </div>
     </div>
   </UiModal>
 </template>
@@ -489,6 +628,78 @@ function close() {
   gap: 0.9rem;
 }
 
+.tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.tabs button {
+  border: 1px solid var(--line);
+  background: #fff;
+  border-radius: 999px;
+  padding: 0.35rem 0.85rem;
+  font: inherit;
+  font-size: 0.84rem;
+  cursor: pointer;
+  color: #475569;
+}
+
+.tabs button.on {
+  border-color: #5eead4;
+  background: #f0fdfa;
+  color: #0f766e;
+  font-weight: 600;
+}
+
+.prio {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.prio-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.55rem;
+}
+
+.prio-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: end;
+  gap: 0.65rem;
+  padding: 0.55rem 0.65rem;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: #fff;
+}
+
+.swatch {
+  width: 1.1rem;
+  height: 1.1rem;
+  border-radius: 999px;
+  margin-bottom: 0.55rem;
+  flex-shrink: 0;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+}
+
+.prio-row .grow {
+  flex: 1;
+  min-width: 10rem;
+}
+
+.prio-row .color input[type='color'] {
+  width: 3rem;
+  height: 2.1rem;
+  padding: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: none;
+  cursor: pointer;
+}
+
 .hint {
   margin: 0;
   color: #64748b;

apps/web/src/components/pipeline/DealCard.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import {
   CalendarOutlined,
   CheckOutlined,
   DeleteOutlined,
   FlagFilled,
+  LeftOutlined,
   MoreOutlined,
 } from '@ant-design/icons-vue';
 import {
@@ -19,11 +20,11 @@ import {
   theme,
 } from 'ant-design-vue';
 import DealQuickActivityPopover from '@/components/pipeline/DealQuickActivityPopover.vue';
-import { formatJalaliNumeric } from '@/lib/jalali';
+import { calendarDaysBetween, formatJalaliNumeric } from '@/lib/jalali';
 import { userAvatarSrc } from '@/lib/userAvatars';
-import type { ActivityPriority } from '@mento/shared';
 import type { PipelineAccent, PipelineDeal, PipelineUiCopy } from '@/lib/pipeline-board';
 import { DEAL_BOARD_COPY, formatCurrencyParts } from '@/lib/pipeline-board';
+import { useActivityPriorities } from '@/lib/activity-priorities';
 
 const props = withDefaults(
   defineProps<{
@@ -80,16 +81,18 @@ const dateHint = computed(() => {
   if (Number.isNaN(d.getTime())) return props.deal.date;
   return formatJalaliNumeric(d);
 });
-const PRIORITY_FLAG: Record<ActivityPriority, { label: string; color: string }> = {
-  very_high: { label: 'خیلی زیاد', color: '#dc2626' },
-  high: { label: 'زیاد', color: '#ea580c' },
-  medium: { label: 'متوسط', color: '#eab308' },
-  low: { label: 'کم', color: '#16a34a' },
-  very_low: { label: 'خیلی کم', color: '#94a3b8' },
-};
-const priorityFlag = computed(() =>
-  props.deal.priority ? PRIORITY_FLAG[props.deal.priority] : null,
-);
+const activityPriorities = useActivityPriorities();
+onMounted(() => {
+  void activityPriorities.load();
+});
+const priorityFlag = computed(() => {
+  const key = props.deal.priority;
+  if (!key) return null;
+  return {
+    label: activityPriorities.labelOf(key),
+    color: activityPriorities.colorOf(key),
+  };
+});
 
 function onTitleClick() {
   if (props.selectMode) {
@@ -100,13 +103,49 @@ function onTitleClick() {
   else emit('open', props.deal.id);
 }
 
-const chevronStyle = computed(() => ({
-  display: 'inline-block',
-  width: '0.42rem',
-  height: '0.42rem',
-  borderRight: '1.6px solid currentColor',
-  borderBottom: '1.6px solid currentColor',
-  transform: props.previewing ? 'rotate(-45deg)' : 'rotate(135deg)',
+/** موعد: عقب‌افتاده قرمز · امروز سبز · آینده خاکستری */
+const dueTone = computed<'overdue' | 'today' | 'upcoming' | 'none'>(() => {
+  if (!props.copy.quickView || !props.deal.dateIso) return 'none';
+  const due = new Date(props.deal.dateIso);
+  if (Number.isNaN(due.getTime())) return 'none';
+  const days = calendarDaysBetween(new Date(), due);
+  if (days < 0) return 'overdue';
+  if (days === 0) return 'today';
+  return 'upcoming';
+});
+
+const dueToneColor = computed(() => {
+  if (dueTone.value === 'overdue') return token.value.colorError;
+  if (dueTone.value === 'today') return token.value.colorSuccess;
+  return token.value.colorTextSecondary;
+});
+
+const chevronBtnStyle = computed(() => ({
+  boxSizing: 'border-box' as const,
+  width: '22px',
+  height: '22px',
+  margin: 0,
+  padding: 0,
+  border: `1.5px solid ${dueToneColor.value}`,
+  borderRadius: '50%',
+  background: 'transparent',
+  color: dueToneColor.value,
+  display: 'inline-grid',
+  placeItems: 'center',
+  cursor: 'pointer',
+  lineHeight: 0,
+  flexShrink: 0,
+}));
+
+const chevronIconStyle = computed(() => ({
+  fontSize: '10px',
+  width: '10px',
+  height: '10px',
+  lineHeight: 0,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  transform: props.previewing ? 'rotate(180deg)' : 'none',
   transition: 'transform 0.15s ease',
 }));
 
@@ -262,16 +301,17 @@ const cardStyle = computed(() => ({
               {{ money.unit }}
             </a-typography-text>
           </a-typography-text>
-          <a-button
+          <button
             v-if="copy.quickView && !selectMode"
-            type="text"
+            type="button"
+            class="deal-card-peek"
             :aria-label="previewing ? 'بستن پیش‌نمایش' : 'پیش‌نمایش فعالیت'"
             :aria-expanded="previewing"
-            :style="{ color: token.colorTextSecondary }"
+            :style="chevronBtnStyle"
             @click.stop="emit('open', deal.id)"
           >
-            <template #icon><i class="chev" aria-hidden="true" :style="chevronStyle" /></template>
-          </a-button>
+            <LeftOutlined :style="chevronIconStyle" />
+          </button>
           <a-tooltip v-else-if="priorityFlag" :title="`اولویت: ${priorityFlag.label}`">
             <span :style="{ display: 'inline-flex', flexShrink: 0, lineHeight: 1 }">
               <FlagFilled :style="{ color: priorityFlag.color, fontSize: '16px' }" />
@@ -292,3 +332,19 @@ const cardStyle = computed(() => ({
     </a-flex>
   </a-card>
 </template>
+
+<style scoped>
+/* وسط‌چین دقیق آیکون داخل دایره (anticon پیش‌فرض vertical-align دارد) */
+.deal-card-peek :deep(.anticon) {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  vertical-align: 0;
+  line-height: 0;
+}
+.deal-card-peek :deep(.anticon > svg) {
+  display: block;
+  width: 10px;
+  height: 10px;
+}
+</style>

apps/web/src/components/routines/QuickTaskModal.vue

@@ -24,9 +24,9 @@ import {
 } from 'ant-design-vue';
 import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import { api } from '@/lib/api';
+import { useActivityPriorities } from '@/lib/activity-priorities';
 import {
   ENTITY_TYPE_LABELS,
-  PRIORITY_LABELS,
   ROUTINES_CTX,
   apiError,
   localInputToIso,
@@ -68,10 +68,10 @@ const form = reactive({
 const saving = ref(false);
 const error = ref('');
 
+const activityPriorities = useActivityPriorities();
+void activityPriorities.load();
 const priorityOptions = computed(() =>
-  (Object.entries(PRIORITY_LABELS) as Array<[ActivityPriority, string]>).map(
-    ([value, label]) => ({ value, label }),
-  ),
+  activityPriorities.items.value.map((row) => ({ value: row.key, label: row.label })),
 );
 
 const categoryOptions = computed(() => [

apps/web/src/components/routines/RoutineTaskDrawer.vue

@@ -25,9 +25,9 @@ import { api } from '@/lib/api';
 import { canAssignToOthers } from '@/lib/assign-access';
 import { useAuthStore } from '@/stores/auth';
 import { formatJalaliDayClock } from '@/lib/jalali';
+import { useActivityPriorities } from '@/lib/activity-priorities';
 import {
   ENTITY_TYPE_LABELS,
-  PRIORITY_LABELS,
   PRIORITY_VARIANTS,
   ROUTINES_CTX,
   ROUTINE_ENTITY_LINK_LABELS,
@@ -108,7 +108,11 @@ const done = computed(() => task.value?.status === 'completed');
 const auth = useAuthStore();
 const canManage = computed(() => !!shell?.context.value?.isManager);
 const canAssignOthers = computed(() => canAssignToOthers(auth.user, 'routines'));
-const priorities = Object.entries(PRIORITY_LABELS) as Array<[ActivityPriority, string]>;
+const activityPriorities = useActivityPriorities();
+void activityPriorities.load();
+const priorities = computed(() =>
+  activityPriorities.items.value.map((r) => [r.key, r.label] as [ActivityPriority, string]),
+);
 
 function startEdit() {
   const t = task.value;
@@ -193,7 +197,7 @@ function eventText(ev: RoutineTaskEventDto): string {
         <div class="badges">
           <UiBadge :variant="STATUS_VARIANTS[task.status]">{{ ROUTINE_TASK_STATUS_LABELS[task.status] }}</UiBadge>
           <UiBadge :variant="PRIORITY_VARIANTS[task.priority]" size="sm">
-            اولویت {{ PRIORITY_LABELS[task.priority] }}
+            اولویت {{ activityPriorities.labelOf(task.priority) }}
           </UiBadge>
           <UiBadge v-if="task.isMandatory" variant="warning" size="sm">اجباری</UiBadge>
         </div>

apps/web/src/components/routines/RoutineTaskRow.vue

@@ -23,9 +23,9 @@ import {
 
 const AMenuItem = AMenu.Item;
 import UserAvatar from '@/components/UserAvatar.vue';
+import { useActivityPriorities } from '@/lib/activity-priorities';
 import {
   ENTITY_TYPE_LABELS,
-  PRIORITY_LABELS,
   ROUTINE_TASK_SOURCE_LABELS,
   ROUTINE_TASK_STATUS_LABELS,
   entityRoute,
@@ -64,6 +64,9 @@ const emit = defineEmits<{
   action: [kind: RoutineTaskRowAction, task: RoutineTaskDto];
 }>();
 
+const activityPriorities = useActivityPriorities();
+void activityPriorities.load();
+
 const done = computed(() => props.task.status === 'completed');
 const closed = computed(() => props.task.status === 'skipped' || props.task.status === 'cancelled');
 const open = computed(() => isOpenStatus(props.task.status));
@@ -150,7 +153,7 @@ function onMenuClick({ key }: { key: string | number }) {
           <CheckOutlined /> {{ formatTime(task.completedAt) }}
         </a-typography-text>
         <a-tag v-if="task.category" :bordered="false">{{ task.category.name }}</a-tag>
-        <a-tag :bordered="false">{{ PRIORITY_LABELS[task.priority] }}</a-tag>
+        <a-tag :bordered="false">{{ activityPriorities.labelOf(task.priority) }}</a-tag>
         <a-tag v-if="task.status !== 'todo'" :bordered="false">
           {{ ROUTINE_TASK_STATUS_LABELS[task.status] }}
         </a-tag>