From fae1c1128b9b27c747a7a8b50d7008bcd0e4640a Mon Sep 17 00:00:00 2001
From: "i.seliverstov" <i.seliverstov@mtlab.space>
Date: Fri, 14 Aug 2026 22:27:53 +0500
Subject: [PATCH 1/2] feat(calendar): mark priority with flag and stripe, not
 fill

Active events show a colored flag and left stripe instead of a tinted
card. Completed and overdue keep their own fill. Clearing priority now
PATCHes null so JSON no longer drops the field.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../features/calendar/lib/calendar-styles.ts  | 23 ++++++-----
 .../features/calendar/ui/AllDaySection.vue    | 32 ++++++++++++----
 .../calendar/ui/CalendarEventBlock.vue        | 38 +++++++++++++++----
 .../src/features/calendar/ui/HourGrid.vue     | 12 ++++--
 .../src/features/tasks/lib/priority.ts        | 10 +++++
 .../src/features/tasks/model/types.ts         |  3 +-
 .../src/features/tasks/ui/PriorityPicker.vue  |  4 +-
 .../tasks/ui/PriorityPickerContent.vue        |  6 +--
 .../features/tasks/ui/TaskDetailDialog.vue    | 12 +++---
 .../src/features/tasks/ui/TaskForm.vue        |  2 +-
 .../calendar/ui/AllDaySection.spec.ts         | 18 +++++++++
 .../calendar/ui/CalendarEventBlock.spec.ts    | 37 ++++++++++++++++--
 .../tasks/ui/PriorityPickerContent.spec.ts    | 16 ++++++++
 .../src/modules/task/dto/update-task.dto.ts   |  5 +++
 .../src/modules/task/task.service.spec.ts     | 11 ++++++
 alfy-bot/test/tasks.e2e-spec.ts               | 16 ++++++++
 16 files changed, 200 insertions(+), 45 deletions(-)
 create mode 100644 alfy-bot-frontend/tests/features/tasks/ui/PriorityPickerContent.spec.ts

diff --git a/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts b/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts
index 8be08e2..6718b27 100644
--- a/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts
+++ b/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts
@@ -1,10 +1,13 @@
-export function getPriorityEventClasses(priority?: string): string {
-  switch (priority) {
-    case 'high': return 'bg-red-100 border-red-300 text-red-900 dark:bg-red-500/25 dark:border-red-500/40 dark:text-white dark:backdrop-blur-sm'
-    case 'medium': return 'bg-amber-100 border-amber-300 text-amber-900 dark:bg-amber-500/25 dark:border-amber-500/40 dark:text-white dark:backdrop-blur-sm'
-    case 'low': return 'bg-sky-100 border-sky-300 text-sky-900 dark:bg-sky-500/25 dark:border-sky-500/40 dark:text-white dark:backdrop-blur-sm'
-    default: return 'bg-primary/15 border-primary/40 text-foreground dark:bg-primary/25 dark:text-white dark:backdrop-blur-sm'
-  }
-}
-
-export const OVERDUE_EVENT_CLASSES = 'bg-red-500/85 border-red-600 text-white dark:bg-red-500/65 dark:border-red-500 dark:backdrop-blur-sm shadow-[0_0_0_1px_rgba(239,68,68,0.35)]'
+export const DEFAULT_EVENT_CLASSES =
+  'bg-primary/15 text-foreground dark:bg-primary/25 dark:text-white dark:backdrop-blur-sm'
+
+export const EVENT_SIDE_STRIPE_CLASSES = 'absolute left-0 inset-y-0 w-[3px]'
+
+export const COMPLETED_EVENT_CLASSES =
+  'border bg-emerald-100 border-emerald-300 text-emerald-900 dark:bg-emerald-500/25 dark:border-emerald-500/40 dark:text-white dark:backdrop-blur-sm'
+
+export const VIRTUAL_EVENT_CLASSES =
+  'border border-dashed border-border bg-muted/40 text-muted-foreground dark:border-border/40 dark:bg-muted/60 dark:text-white dark:backdrop-blur-sm'
+
+export const OVERDUE_EVENT_CLASSES =
+  'border bg-red-500/85 border-red-600 text-white dark:bg-red-500/65 dark:border-red-500 dark:backdrop-blur-sm shadow-[0_0_0_1px_rgba(239,68,68,0.35)]'
diff --git a/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue b/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue
index cc748a0..7578d8b 100644
--- a/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue
+++ b/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue
@@ -21,7 +21,7 @@
           v-for="event in getEventsForDay(day)"
           :key="event.taskId"
           :class="[
-            'text-[10px] px-1.5 py-0.5 rounded max-w-full border flex items-center gap-0.5',
+            'relative overflow-hidden text-[10px] px-1.5 py-0.5 rounded max-w-full flex items-center gap-0.5',
             event.task.isOverdue
               ? 'cursor-not-allowed'
               : event.isVirtual
@@ -30,16 +30,30 @@
             event.task.isOverdue
               ? OVERDUE_EVENT_CLASSES
               : event.completed
-                ? 'bg-muted border-border line-through'
+                ? 'border bg-muted border-border line-through'
                 : event.isVirtual
-                  ? 'border-dashed border-border/60 bg-muted'
-                  : chipClasses(event),
+                  ? 'border border-dashed border-border/60 bg-muted'
+                  : DEFAULT_EVENT_CLASSES,
             highlightedTaskId === event.taskId && 'ring-2 ring-primary',
           ]"
           :draggable="!event.isVirtual && !event.task.isOverdue"
           @dragstart="onDragStart($event, event)"
           @click.stop="$emit('open', event)"
         >
+          <span
+            v-if="showsPriorityMarks(event)"
+            data-testid="event-side-stripe"
+            :class="[EVENT_SIDE_STRIPE_CLASSES, event.priority && getPriorityStripeClass(event.priority)]"
+            aria-hidden="true"
+          />
+          <Flag
+            v-if="showsPriorityMarks(event)"
+            :size="10"
+            data-testid="priority-flag"
+            class="shrink-0"
+            :class="event.priority && getPriorityColor(event.priority)"
+            :aria-label="event.priority && PRIORITY_LABELS[event.priority]"
+          />
           <span class="truncate">{{ event.title }}</span>
           <button
             v-if="event.isVirtual"
@@ -60,10 +74,12 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { CalendarPlus } from 'lucide-vue-next'
+import { CalendarPlus, Flag } from 'lucide-vue-next'
 import { isSameDay } from 'date-fns'
 import type { CalendarEvent, CalendarDropPayload } from '../model/types'
-import { getPriorityEventClasses, OVERDUE_EVENT_CLASSES } from '../lib/calendar-styles'
+import { PRIORITY_LABELS } from '@/features/tasks/model/constants'
+import { getPriorityColor, getPriorityStripeClass } from '@/features/tasks/lib/priority'
+import { DEFAULT_EVENT_CLASSES, EVENT_SIDE_STRIPE_CLASSES, OVERDUE_EVENT_CLASSES } from '../lib/calendar-styles'
 import { highlightedTaskId } from '@/features/tasks/lib/use-recurring-reschedule'
 
 const props = defineProps<{
@@ -87,8 +103,8 @@ function getEventsForDay(day: Date): CalendarEvent[] {
   return props.events.filter(e => e.isAllDay && isSameDay(e.date, day))
 }
 
-function chipClasses(event: CalendarEvent): string {
-  return getPriorityEventClasses(event.priority)
+function showsPriorityMarks(event: CalendarEvent): boolean {
+  return !!event.priority && !event.task.isOverdue && !event.isVirtual && !event.completed
 }
 
 function onDragStart(e: DragEvent, event: CalendarEvent) {
diff --git a/alfy-bot-frontend/src/features/calendar/ui/CalendarEventBlock.vue b/alfy-bot-frontend/src/features/calendar/ui/CalendarEventBlock.vue
index 2396509..6adf3ae 100644
--- a/alfy-bot-frontend/src/features/calendar/ui/CalendarEventBlock.vue
+++ b/alfy-bot-frontend/src/features/calendar/ui/CalendarEventBlock.vue
@@ -2,21 +2,27 @@
   <div
     data-calendar-event-block
     :class="[
-      'absolute rounded-md px-2 py-1 text-xs overflow-hidden border',
+      'absolute rounded-md px-2 py-1 text-xs overflow-hidden',
       hidden ? 'invisible' : isOverdue ? 'cursor-not-allowed' : isVirtual ? 'cursor-default' : 'cursor-grab',
       isOverdue
         ? OVERDUE_EVENT_CLASSES
         : completed
-          ? 'bg-emerald-100 border-emerald-300 text-emerald-900 dark:bg-emerald-500/25 dark:border-emerald-500/40 dark:text-white dark:backdrop-blur-sm'
+          ? COMPLETED_EVENT_CLASSES
           : isVirtual
-            ? 'border-dashed border-border bg-muted/40 text-muted-foreground dark:border-border/40 dark:bg-muted/60 dark:text-white dark:backdrop-blur-sm'
-            : priorityClasses,
+            ? VIRTUAL_EVENT_CLASSES
+            : DEFAULT_EVENT_CLASSES,
       highlighted && 'ring-2 ring-inset ring-primary z-20',
     ]"
     :style="blockStyle"
     style="touch-action: none"
     @pointerdown="onPointerDown"
   >
+    <span
+      v-if="showPriorityMarks"
+      data-testid="event-side-stripe"
+      :class="[EVENT_SIDE_STRIPE_CLASSES, event.priority && getPriorityStripeClass(event.priority)]"
+      aria-hidden="true"
+    />
     <div :class="['font-medium flex items-center gap-1 min-w-0', completed && 'line-through']">
       <RoundCheckbox
         v-if="!isVirtual && !isOverdue"
@@ -27,6 +33,14 @@
         @update:model-value="emit('toggle', event.taskId)"
       />
       <Repeat v-if="event.isRecurring" :size="10" class="shrink-0" />
+      <Flag
+        v-if="showPriorityMarks"
+        :size="10"
+        data-testid="priority-flag"
+        class="shrink-0"
+        :class="event.priority && getPriorityColor(event.priority)"
+        :aria-label="event.priority && PRIORITY_LABELS[event.priority]"
+      />
       <span class="truncate">{{ event.title }}</span>
       <button
         v-if="isVirtual"
@@ -58,10 +72,18 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { CalendarPlus, Repeat, Timer } from 'lucide-vue-next'
+import { CalendarPlus, Flag, Repeat, Timer } from 'lucide-vue-next'
 import RoundCheckbox from '@/components/ui/roundCheckbox/RoundCheckbox.vue'
 import type { CalendarEvent } from '../model/types'
-import { getPriorityEventClasses, OVERDUE_EVENT_CLASSES } from '../lib/calendar-styles'
+import { PRIORITY_LABELS } from '@/features/tasks/model/constants'
+import { getPriorityColor, getPriorityStripeClass } from '@/features/tasks/lib/priority'
+import {
+  COMPLETED_EVENT_CLASSES,
+  DEFAULT_EVENT_CLASSES,
+  EVENT_SIDE_STRIPE_CLASSES,
+  OVERDUE_EVENT_CLASSES,
+  VIRTUAL_EVENT_CLASSES,
+} from '../lib/calendar-styles'
 import { eventColumnStyle, type EventColumn } from '../lib/layout-overlapping'
 import { highlightedTaskId } from '@/features/tasks/lib/use-recurring-reschedule'
 
@@ -83,8 +105,10 @@ const emit = defineEmits<{
 
 const completed = computed(() => props.event.completed)
 const isVirtual = computed(() => !!props.event.isVirtual)
-const priorityClasses = computed(() => getPriorityEventClasses(props.event.priority))
 const isOverdue = computed(() => !!props.event.task.isOverdue)
+const showPriorityMarks = computed(() =>
+  !!props.event.priority && !isOverdue.value && !isVirtual.value && !completed.value,
+)
 const highlighted = computed(() => highlightedTaskId.value === props.event.taskId)
 
 const blockStyle = computed(() => {
diff --git a/alfy-bot-frontend/src/features/calendar/ui/HourGrid.vue b/alfy-bot-frontend/src/features/calendar/ui/HourGrid.vue
index 240aa8e..dd95444 100644
--- a/alfy-bot-frontend/src/features/calendar/ui/HourGrid.vue
+++ b/alfy-bot-frontend/src/features/calendar/ui/HourGrid.vue
@@ -75,10 +75,15 @@
         v-if="showOverlay && draggedEvent"
         :style="[overlayStyle, { height: overlayHeight + 'px' }]"
         :class="[
-          'rounded-md px-2 py-1 text-xs overflow-hidden border pointer-events-none opacity-90 z-50 cursor-grabbing',
+          'relative rounded-md px-2 py-1 text-xs overflow-hidden pointer-events-none opacity-90 z-50 cursor-grabbing',
           ghostClasses,
         ]"
       >
+        <span
+          v-if="!draggedEvent.completed && !draggedEvent.task.isOverdue && draggedEvent.priority"
+          :class="[EVENT_SIDE_STRIPE_CLASSES, draggedEvent.priority && getPriorityStripeClass(draggedEvent.priority)]"
+          aria-hidden="true"
+        />
         <div class="font-medium truncate">{{ draggedEvent.title }}</div>
         <div class="text-[10px] opacity-70">{{ overlayTimeLabel }}</div>
       </div>
@@ -101,7 +106,8 @@ import { computed, ref, onMounted, onUnmounted } from 'vue'
 import { isSameDay } from 'date-fns'
 import type { CalendarEvent, CalendarDropPayload } from '../model/types'
 import { isToday } from '../lib/week'
-import { getPriorityEventClasses } from '../lib/calendar-styles'
+import { DEFAULT_EVENT_CLASSES, EVENT_SIDE_STRIPE_CLASSES } from '../lib/calendar-styles'
+import { getPriorityStripeClass } from '@/features/tasks/lib/priority'
 import { useCreateSlotDrag } from '../lib/use-create-slot-drag'
 import { usePointerDnd } from '../lib/use-pointer-dnd'
 import DayColumn from './DayColumn.vue'
@@ -156,7 +162,7 @@ const ghostClasses = computed(() => {
   if (!draggedEvent.value) return ''
   return draggedEvent.value.completed
     ? 'bg-muted border-border'
-    : getPriorityEventClasses(draggedEvent.value.priority)
+    : DEFAULT_EVENT_CLASSES
 })
 
 const now = ref(new Date())
diff --git a/alfy-bot-frontend/src/features/tasks/lib/priority.ts b/alfy-bot-frontend/src/features/tasks/lib/priority.ts
index e067b87..8620908 100644
--- a/alfy-bot-frontend/src/features/tasks/lib/priority.ts
+++ b/alfy-bot-frontend/src/features/tasks/lib/priority.ts
@@ -17,6 +17,16 @@ export const getPriorityClasses = (priority?: Priority): string => {
   return PRIORITY_COLORS[priority]
 }
 
+const PRIORITY_STRIPE_COLORS: Record<Priority, string> = {
+  high: 'bg-red-500',
+  medium: 'bg-yellow-500',
+  low: 'bg-green-500',
+}
+
 export const getPriorityColor = (priority: Priority): string => {
   return PRIORITY_ICON_COLORS[priority]
 }
+
+export const getPriorityStripeClass = (priority: Priority): string => {
+  return PRIORITY_STRIPE_COLORS[priority]
+}
diff --git a/alfy-bot-frontend/src/features/tasks/model/types.ts b/alfy-bot-frontend/src/features/tasks/model/types.ts
index 93933a4..80061a4 100644
--- a/alfy-bot-frontend/src/features/tasks/model/types.ts
+++ b/alfy-bot-frontend/src/features/tasks/model/types.ts
@@ -66,7 +66,8 @@ export interface TaskCardEmits {
   (e: 'open', task: Task): void
 }
 
-export type TaskPatch = Omit<Partial<Task>, 'dueDate'> & {
+export type TaskPatch = Omit<Partial<Task>, 'dueDate' | 'priority'> & {
   rescheduleScope?: RescheduleScope
   dueDate?: Date | null
+  priority?: Priority | null
 }
diff --git a/alfy-bot-frontend/src/features/tasks/ui/PriorityPicker.vue b/alfy-bot-frontend/src/features/tasks/ui/PriorityPicker.vue
index c78bbdf..9700c21 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/PriorityPicker.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/PriorityPicker.vue
@@ -13,10 +13,10 @@ import type { Priority } from '../model/types'
 import PriorityPickerContent from './PriorityPickerContent.vue'
 
 defineProps<{
-  modelValue: Priority | undefined
+  modelValue: Priority | null | undefined
 }>()
 
 defineEmits<{
-  (e: 'update:modelValue', value: Priority | undefined): void
+  (e: 'update:modelValue', value: Priority | null): void
 }>()
 </script>
diff --git a/alfy-bot-frontend/src/features/tasks/ui/PriorityPickerContent.vue b/alfy-bot-frontend/src/features/tasks/ui/PriorityPickerContent.vue
index e11f0a6..8deef1d 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/PriorityPickerContent.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/PriorityPickerContent.vue
@@ -12,7 +12,7 @@
     <button
       v-if="modelValue"
       class="flex items-center gap-2.5 w-full px-3 py-2.5 rounded-md text-sm text-muted-foreground hover:bg-muted/60 transition-colors cursor-pointer"
-      @click="$emit('update:modelValue', undefined)"
+      @click="$emit('update:modelValue', null)"
     >
       <X :size="14" />
       Убрать
@@ -27,10 +27,10 @@ import { PRIORITY_LABELS, PRIORITIES } from '../model/constants'
 import { getPriorityColor } from '../lib/priority'
 
 defineProps<{
-  modelValue: Priority | undefined
+  modelValue: Priority | null | undefined
 }>()
 
 defineEmits<{
-  (e: 'update:modelValue', value: Priority | undefined): void
+  (e: 'update:modelValue', value: Priority | null): void
 }>()
 </script>
diff --git a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
index 6ab98e7..df05b15 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
@@ -334,14 +334,14 @@
                 v-if="effectiveEditable && localPriority"
                 class="absolute right-3 top-1/2 -translate-y-1/2 p-1.5 rounded-sm text-muted-foreground/40 hover:text-foreground hover:bg-muted transition-colors cursor-pointer"
                 aria-label="Очистить приоритет"
-                @click.stop="localPriority = undefined; emitUpdate({ priority: undefined })"
+                @click.stop="localPriority = undefined; emitUpdate({ priority: null })"
               >
                 <X :size="14" />
               </button>
             </div>
             <PriorityPicker
               :model-value="localPriority"
-              @update:model-value="localPriority = $event; emitUpdate({ priority: $event })"
+              @update:model-value="localPriority = $event ?? undefined; emitUpdate({ priority: $event })"
             />
           </DropdownMenu>
 
@@ -560,7 +560,7 @@ const URGENCY_CLASSES: Record<DueDateUrgency, string> = {
   normal: '',
   none: '',
 }
-import type { Task, ChecklistItem } from '../model/types'
+import type { Task, ChecklistItem, TaskPatch } from '../model/types'
 import type { RecurrenceRule } from '../model/recurrence'
 import { formatRecurrence } from '../model/recurrence'
 import TagsEditor from './TagsEditor.vue'
@@ -706,8 +706,8 @@ function onMissedChange(value: 'shift' | 'freeze') {
 }
 
 // Drawer-specific handlers (auto-close for single-select)
-function onPriorityDrawerChange(value: Priority | undefined) {
-  localPriority.value = value
+function onPriorityDrawerChange(value: Priority | null) {
+  localPriority.value = value ?? undefined
   emitUpdate({ priority: value })
   activeDrawer.value = null
 }
@@ -901,7 +901,7 @@ function autosizeTextarea(el: HTMLTextAreaElement) {
   el.style.height = `${el.scrollHeight}px`
 }
 
-function emitUpdate(partial: Partial<Task>) {
+function emitUpdate(partial: TaskPatch) {
   if (!props.task) return
   emit('update', { ...props.task, ...partial })
 }
diff --git a/alfy-bot-frontend/src/features/tasks/ui/TaskForm.vue b/alfy-bot-frontend/src/features/tasks/ui/TaskForm.vue
index da5c533..e9bcfb9 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/TaskForm.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/TaskForm.vue
@@ -124,7 +124,7 @@
         </DropdownMenuTrigger>
         <PriorityPicker
           :model-value="form.priority"
-          @update:model-value="form.priority = $event"
+          @update:model-value="form.priority = $event ?? undefined"
         />
       </DropdownMenu>
 
diff --git a/alfy-bot-frontend/tests/features/calendar/ui/AllDaySection.spec.ts b/alfy-bot-frontend/tests/features/calendar/ui/AllDaySection.spec.ts
index 4df9466..b524d24 100644
--- a/alfy-bot-frontend/tests/features/calendar/ui/AllDaySection.spec.ts
+++ b/alfy-bot-frontend/tests/features/calendar/ui/AllDaySection.spec.ts
@@ -49,6 +49,24 @@ describe('AllDaySection', () => {
     expect(chip.classes()).not.toContain('opacity-50')
   })
 
+  it('приоритет — флаг, чип без цветной заливки', () => {
+    const wrapper = mount(AllDaySection, {
+      props: {
+        ...defaultProps,
+        events: [makeEvent({ priority: 'high' })],
+      },
+    })
+    const chip = wrapper.find('[draggable="true"]')
+    expect(chip.classes()).toContain('bg-primary/15')
+    expect(chip.classes()).not.toContain('bg-red-100')
+    expect(chip.classes()).not.toContain('border-primary/40')
+    const flag = wrapper.find('[data-testid="priority-flag"]')
+    expect(flag.exists()).toBe(true)
+    expect(flag.classes()).toContain('text-red-500')
+    expect(wrapper.find('[data-testid="event-side-stripe"]').exists()).toBe(true)
+    expect(wrapper.find('[data-testid="event-side-stripe"]').classes()).toContain('bg-red-500')
+  })
+
   it('клик по event chip эмитит open с CalendarEvent', async () => {
     const event = makeEvent()
     const wrapper = mount(AllDaySection, {
diff --git a/alfy-bot-frontend/tests/features/calendar/ui/CalendarEventBlock.spec.ts b/alfy-bot-frontend/tests/features/calendar/ui/CalendarEventBlock.spec.ts
index 6b5bb9b..2d7a990 100644
--- a/alfy-bot-frontend/tests/features/calendar/ui/CalendarEventBlock.spec.ts
+++ b/alfy-bot-frontend/tests/features/calendar/ui/CalendarEventBlock.spec.ts
@@ -42,13 +42,42 @@ describe('CalendarEventBlock', () => {
     expect(wrapper.classes()).not.toContain('opacity-40')
   })
 
-  it('обычная задача рендерится с priority-классами', () => {
+  it('приоритет — флаг, карточка без цветной заливки', () => {
     const wrapper = mount(CalendarEventBlock, {
       props: { event: makeEvent({ priority: 'high' }) },
     })
-    // high-priority стили адаптивны к теме: светлый базовый класс + dark-вариант
-    expect(wrapper.classes()).toContain('bg-red-100')
-    expect(wrapper.classes()).toContain('dark:bg-red-500/25')
+    expect(wrapper.classes()).toContain('bg-primary/15')
+    expect(wrapper.classes()).not.toContain('bg-red-100')
+    expect(wrapper.classes()).not.toContain('border-primary/40')
+    const flag = wrapper.find('[data-testid="priority-flag"]')
+    expect(flag.exists()).toBe(true)
+    expect(flag.classes()).toContain('text-red-500')
+    expect(wrapper.find('[data-testid="event-side-stripe"]').exists()).toBe(true)
+    expect(wrapper.find('[data-testid="event-side-stripe"]').classes()).toContain('bg-red-500')
+  })
+
+  it('без приоритета нет флага и нет полоски', () => {
+    const wrapper = mount(CalendarEventBlock, {
+      props: { event: makeEvent() },
+    })
+    expect(wrapper.find('[data-testid="priority-flag"]').exists()).toBe(false)
+    expect(wrapper.find('[data-testid="event-side-stripe"]').exists()).toBe(false)
+  })
+
+  it('выполненная и просроченная с приоритетом — без флага и полоски', () => {
+    const done = mount(CalendarEventBlock, {
+      props: { event: makeEvent({ priority: 'high', completed: true }) },
+    })
+    expect(done.find('[data-testid="priority-flag"]').exists()).toBe(false)
+    expect(done.find('[data-testid="event-side-stripe"]').exists()).toBe(false)
+    expect(done.classes()).toContain('bg-emerald-100')
+
+    const overdue = mount(CalendarEventBlock, {
+      props: { event: makeEvent({ priority: 'high', task: makeTask({ isOverdue: true }) }) },
+    })
+    expect(overdue.find('[data-testid="priority-flag"]').exists()).toBe(false)
+    expect(overdue.find('[data-testid="event-side-stripe"]').exists()).toBe(false)
+    expect(overdue.classes()).toContain('bg-red-500/85')
   })
 
   // Негативные
diff --git a/alfy-bot-frontend/tests/features/tasks/ui/PriorityPickerContent.spec.ts b/alfy-bot-frontend/tests/features/tasks/ui/PriorityPickerContent.spec.ts
new file mode 100644
index 0000000..7aeb5c1
--- /dev/null
+++ b/alfy-bot-frontend/tests/features/tasks/ui/PriorityPickerContent.spec.ts
@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest'
+import { mount } from '@vue/test-utils'
+import PriorityPickerContent from '@/features/tasks/ui/PriorityPickerContent.vue'
+
+describe('PriorityPickerContent', () => {
+  it('кнопка Убрать эмитит null, не undefined', async () => {
+    const wrapper = mount(PriorityPickerContent, {
+      props: { modelValue: 'high' },
+    })
+    const buttons = wrapper.findAll('button')
+    const clear = buttons.find(b => b.text().includes('Убрать'))
+    expect(clear).toBeDefined()
+    await clear!.trigger('click')
+    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([null])
+  })
+})
diff --git a/alfy-bot/src/modules/task/dto/update-task.dto.ts b/alfy-bot/src/modules/task/dto/update-task.dto.ts
index d0579b9..0586480 100644
--- a/alfy-bot/src/modules/task/dto/update-task.dto.ts
+++ b/alfy-bot/src/modules/task/dto/update-task.dto.ts
@@ -14,6 +14,11 @@ export class UpdateTaskDto extends PartialType(CreateTaskDto) {
   @IsIn(['this', 'subsequent'])
   rescheduleScope?: 'this' | 'subsequent';
 
+  @ApiPropertyOptional({ enum: ['high', 'medium', 'low'], nullable: true })
+  @IsOptional()
+  @IsIn(['high', 'medium', 'low'])
+  priority?: 'high' | 'medium' | 'low' | null;
+
   // Explicitly exclude checklist — use PUT /tasks/:id/checklist instead
   checklist?: never;
 
diff --git a/alfy-bot/src/modules/task/task.service.spec.ts b/alfy-bot/src/modules/task/task.service.spec.ts
index 1932df0..38538a4 100644
--- a/alfy-bot/src/modules/task/task.service.spec.ts
+++ b/alfy-bot/src/modules/task/task.service.spec.ts
@@ -225,6 +225,17 @@ describe('TaskService', () => {
       expect(result.task.title).toBe('Новое название');
     });
 
+    it('priority: null сбрасывает приоритет', async () => {
+      repo.findById.mockResolvedValue(makeTask({ priority: 'high' }));
+
+      const result = await service.update(1, 'task-1', { priority: null });
+
+      expect(repo.save).toHaveBeenCalledWith(
+        expect.objectContaining({ priority: null }),
+      );
+      expect(result.task.priority).toBeNull();
+    });
+
     it('бросает NotFoundException если задача не найдена', async () => {
       repo.findById.mockResolvedValue(null);
 
diff --git a/alfy-bot/test/tasks.e2e-spec.ts b/alfy-bot/test/tasks.e2e-spec.ts
index 69a7a74..3890bde 100644
--- a/alfy-bot/test/tasks.e2e-spec.ts
+++ b/alfy-bot/test/tasks.e2e-spec.ts
@@ -178,6 +178,22 @@ describe('Tasks (e2e)', () => {
 
       expect(body.task.dueDate).toBeTruthy();
     });
+
+    it('clears priority with null', async () => {
+      await request(app.getHttpServer())
+        .patch(`/api/tasks/${taskId}`)
+        .set('Authorization', `Bearer ${token}`)
+        .send({ priority: 'high' })
+        .expect(200);
+
+      const { body } = await request(app.getHttpServer())
+        .patch(`/api/tasks/${taskId}`)
+        .set('Authorization', `Bearer ${token}`)
+        .send({ priority: null })
+        .expect(200);
+
+      expect(body.task.priority).toBeNull();
+    });
   });
 
   describe('PATCH /api/tasks/:id/pomodoro', () => {

From 13535819232ba7253fd065b423c04821e69e164d Mon Sep 17 00:00:00 2001
From: "i.seliverstov" <i.seliverstov@mtlab.space>
Date: Fri, 14 Aug 2026 22:31:33 +0500
Subject: [PATCH 2/2] fix(types): allow null priority on create/update DTOs

UpdateTaskDto.priority | null was not assignable to Partial<CreateTaskDto>,
and spreading TaskPatch onto Task broke vue-tsc on dueDate.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue | 2 +-
 alfy-bot/src/modules/task/dto/create-task.dto.ts             | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
index df05b15..b7251e3 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
@@ -903,6 +903,6 @@ function autosizeTextarea(el: HTMLTextAreaElement) {
 
 function emitUpdate(partial: TaskPatch) {
   if (!props.task) return
-  emit('update', { ...props.task, ...partial })
+  emit('update', { ...props.task, ...partial } as Task)
 }
 </script>
diff --git a/alfy-bot/src/modules/task/dto/create-task.dto.ts b/alfy-bot/src/modules/task/dto/create-task.dto.ts
index c945f73..658012c 100644
--- a/alfy-bot/src/modules/task/dto/create-task.dto.ts
+++ b/alfy-bot/src/modules/task/dto/create-task.dto.ts
@@ -55,10 +55,10 @@ export class CreateTaskDto {
   @IsString()
   description?: string;
 
-  @ApiPropertyOptional({ example: 'high', enum: ['high', 'medium', 'low'] })
+  @ApiPropertyOptional({ example: 'high', enum: ['high', 'medium', 'low'], nullable: true })
   @IsOptional()
   @IsString()
-  priority?: 'high' | 'medium' | 'low';
+  priority?: 'high' | 'medium' | 'low' | null;
 
   @ApiPropertyOptional({ example: '2026-03-15T00:00:00.000Z' })
   @IsOptional()