diff --git a/CLAUDE.md b/CLAUDE.md
index 44023a5..2fc5855 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -97,7 +97,7 @@ ESM-пакет, Node 22+. SDK — `@modelcontextprotocol/sdk` (`McpServer` + `St
 - `views/` — страницы, подключённые в `router/index.ts`.
 - `stores/` — глобальные Pinia-сторы (`user-store`, `question-types-store`).
 - `api/` — общий HTTP-клиент: `api/client.ts` (axios инстанс с JWT-интерцептором и редиректом на `/login` по 401), `api/auth.ts`, `api/tokenStorage.ts`.
-- `composables/` — реюзабельные composables (`useCooldown`, `usePushSubscription`, ...).
+- `composables/` — реюзабельные composables (`useCooldown`, `usePushSubscription`, `useNow`, ...).
 - `mocks/` — MSW-моки для тестов.
 - `sw.ts` — кастомный service worker (workbox).
 
@@ -105,6 +105,10 @@ ESM-пакет, Node 22+. SDK — `@modelcontextprotocol/sdk` (`McpServer` + `St
 
 Авторизация: при старте `main.ts` пробует `authorize()` если есть `Telegram.WebApp.initData` или dev-флаг `VITE_DEV_TELEGRAM_ID`. Router guard в `router/index.ts` редиректит на `/login` любой не-public маршрут при отсутствии токена. Public-маршруты помечены `meta: { public: true }`.
 
+**Секционный блок сайдбара — один компонент на секцию.** `sectionExtraRegistry` в `components/AppLayout.vue` отображает `meta.sectionNav` в **ровно один** компонент (`tasks` → `TasksSidebarSection.vue`). Чтобы добавить в сайдбар ещё один блок, композиция делается внутри секционного компонента, а не расширением реестра до массива. `AppSidebar.vue` рендерит слот `section-extra` **дважды** — в десктопном `<aside>` и в мобильной панели внутри `<Teleport>`; оба живут в DOM одновременно, поэтому секционный компонент монтируется два раза, и всё, что он заводит (интервалы, подписки), существует в двух экземплярах.
+
+**`VITE_API_URL` задаётся вместе с префиксом `/api`.** `api/client.ts` подставляет переменную в `baseURL` как есть, а вызовы идут как `api.get('/tasks')` — значит для локального бэка нужно `http://localhost:3002/api`, иначе все запросы получают 404.
+
 ## Drag-and-drop (две системы — выбирать по контексту)
 
 В кодбазе сосуществуют два независимых DnD-стека. Не смешивать.
diff --git a/alfy-bot-frontend/src/components/AppLayout.vue b/alfy-bot-frontend/src/components/AppLayout.vue
index 63503cb..fa1d98b 100644
--- a/alfy-bot-frontend/src/components/AppLayout.vue
+++ b/alfy-bot-frontend/src/components/AppLayout.vue
@@ -8,8 +8,8 @@ import { habitsNavLinks } from '@/router/habits-nav'
 import { tasksNavLinks } from '@/router/tasks-nav'
 import AppSidebar from './AppSidebar.vue'
 
-const ProjectTreeNav = defineAsyncComponent(() =>
-  import('@/features/projects/ui/ProjectTreeNav.vue'),
+const TasksSidebarSection = defineAsyncComponent(() =>
+  import('./TasksSidebarSection.vue'),
 )
 
 const route = useRoute()
@@ -22,7 +22,7 @@ const sectionNavRegistry: Record<string, NavLink[]> = {
 }
 
 const sectionExtraRegistry: Record<string, Component> = {
-  tasks: ProjectTreeNav,
+  tasks: TasksSidebarSection,
 }
 
 const sectionLinks = computed<NavLink[] | undefined>(() => {
diff --git a/alfy-bot-frontend/src/components/TasksSidebarSection.vue b/alfy-bot-frontend/src/components/TasksSidebarSection.vue
new file mode 100644
index 0000000..5f1b4d4
--- /dev/null
+++ b/alfy-bot-frontend/src/components/TasksSidebarSection.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import CurrentTaskWidget from '@/features/tasks/ui/CurrentTaskWidget.vue'
+import ProjectTreeNav from '@/features/projects/ui/ProjectTreeNav.vue'
+</script>
+
+<template>
+  <CurrentTaskWidget />
+  <ProjectTreeNav />
+</template>
diff --git a/alfy-bot-frontend/src/composables/useNow.ts b/alfy-bot-frontend/src/composables/useNow.ts
new file mode 100644
index 0000000..37d6714
--- /dev/null
+++ b/alfy-bot-frontend/src/composables/useNow.ts
@@ -0,0 +1,25 @@
+import type { Ref } from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
+
+/**
+ * Current time, refreshed on an interval.
+ *
+ * Defaults to a minute because that is the resolution the calendar's red line
+ * already uses — anything finer would re-render for no visible gain.
+ */
+export function useNow(intervalMs = 60_000): Ref<Date> {
+  const now = ref(new Date())
+  let timer: ReturnType<typeof setInterval> | null = null
+
+  onMounted(() => {
+    timer = setInterval(() => {
+      now.value = new Date()
+    }, intervalMs)
+  })
+
+  onUnmounted(() => {
+    if (timer) clearInterval(timer)
+  })
+
+  return now
+}
diff --git a/alfy-bot-frontend/src/features/task-timer/index.ts b/alfy-bot-frontend/src/features/task-timer/index.ts
index 1ccc9c5..ec9d6a8 100644
--- a/alfy-bot-frontend/src/features/task-timer/index.ts
+++ b/alfy-bot-frontend/src/features/task-timer/index.ts
@@ -1,2 +1,3 @@
 export * from './ui'
 export * from './model'
+export * from './lib'
diff --git a/alfy-bot-frontend/src/features/task-timer/lib/index.ts b/alfy-bot-frontend/src/features/task-timer/lib/index.ts
new file mode 100644
index 0000000..772aca7
--- /dev/null
+++ b/alfy-bot-frontend/src/features/task-timer/lib/index.ts
@@ -0,0 +1 @@
+export * from './to-timer-task'
diff --git a/alfy-bot-frontend/src/features/task-timer/lib/to-timer-task.ts b/alfy-bot-frontend/src/features/task-timer/lib/to-timer-task.ts
new file mode 100644
index 0000000..5306fb1
--- /dev/null
+++ b/alfy-bot-frontend/src/features/task-timer/lib/to-timer-task.ts
@@ -0,0 +1,21 @@
+import type { Task as TaskEntity } from '@/features/tasks/model/types'
+import type { Task as TimerTask } from '../types'
+import { POMODORO_DEFAULTS } from '@/features/tasks/model/constants'
+
+/**
+ * Map a task onto the shape `timerStore.startTask` expects.
+ *
+ * Uses `||` rather than `??` on purpose: this preserves the behaviour of the
+ * call sites this helper replaced, where a stored 0 collapses to the default
+ * instead of starting a zero-length pomodoro.
+ */
+export function toTimerTask(task: TaskEntity): TimerTask {
+  return {
+    id: task.id,
+    pomodoroTime: task.pomodoroDuration || POMODORO_DEFAULTS.duration,
+    breakTime: task.shortBreak || POMODORO_DEFAULTS.shortBreak,
+    longBreakTime: task.longBreak || POMODORO_DEFAULTS.longBreak,
+    longBreakInterval: task.longBreakInterval || POMODORO_DEFAULTS.longBreakInterval,
+    pomodoroCount: task.pomodoroCount || POMODORO_DEFAULTS.count,
+  }
+}
diff --git a/alfy-bot-frontend/src/features/tasks/lib/active-tasks.ts b/alfy-bot-frontend/src/features/tasks/lib/active-tasks.ts
new file mode 100644
index 0000000..204ee40
--- /dev/null
+++ b/alfy-bot-frontend/src/features/tasks/lib/active-tasks.ts
@@ -0,0 +1,32 @@
+import type { Task } from '../model/types'
+import { computeTaskDurationMinutes } from './duration'
+
+/**
+ * Tasks whose scheduled window contains `now` — what the calendar's red line
+ * crosses right now.
+ *
+ * `now` is an argument rather than read from the clock so the rule stays pure
+ * and testable without faking timers.
+ */
+export function getActiveTasksAt(tasks: Task[], now: Date): Task[] {
+  const nowMs = now.getTime()
+
+  return tasks
+    .filter((task) => {
+      if (!task.dueDate) return false
+      if (task.completed) return false
+      if (task.isOverdue) return false
+
+      const start = new Date(task.dueDate)
+      // A task pinned to exactly 00:00 is all-day, same rule the calendar uses
+      // in calendar-events.ts — it has no meaningful window.
+      if (start.getHours() === 0 && start.getMinutes() === 0) return false
+
+      const startMs = start.getTime()
+      const endMs = startMs + computeTaskDurationMinutes(task) * 60_000
+
+      // End is exclusive so two back-to-back tasks never show up together.
+      return startMs <= nowMs && nowMs < endMs
+    })
+    .sort((a, b) => new Date(a.dueDate!).getTime() - new Date(b.dueDate!).getTime())
+}
diff --git a/alfy-bot-frontend/src/features/tasks/ui/CurrentTaskWidget.vue b/alfy-bot-frontend/src/features/tasks/ui/CurrentTaskWidget.vue
new file mode 100644
index 0000000..cac12bc
--- /dev/null
+++ b/alfy-bot-frontend/src/features/tasks/ui/CurrentTaskWidget.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { Play } from 'lucide-vue-next'
+import { Button } from '@/components/ui/button'
+import { useNow } from '@/composables/useNow'
+import { toTimerTask, useTimerStore } from '@/features/task-timer'
+import { getActiveTasksAt } from '../lib/active-tasks'
+import { useTaskStore } from '../model/task-store'
+
+const { tasks } = storeToRefs(useTaskStore())
+const timerStore = useTimerStore()
+const now = useNow()
+
+const activeTasks = computed(() => getActiveTasksAt(tasks.value, now.value))
+</script>
+
+<template>
+  <div v-if="activeTasks.length" class="px-4 mt-4">
+    <span class="text-[11px] font-medium text-sidebar-foreground/60 uppercase tracking-wide">
+      Текущая задача
+    </span>
+    <div class="flex flex-col gap-0.5 mt-1">
+      <div
+        v-for="task in activeTasks"
+        :key="task.id"
+        class="flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium bg-sidebar-accent/40"
+      >
+        <span class="truncate flex-1">{{ task.title }}</span>
+        <Button
+          v-if="task.isPomodoroTask"
+          variant="ghost"
+          size="icon-sm"
+          class="shrink-0"
+          :aria-label="`Запустить помодоро: ${task.title}`"
+          @click="timerStore.startTask(toTimerTask(task))"
+        >
+          <Play :size="14" class="text-red-500" />
+        </Button>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
index e8aac40..6ab98e7 100644
--- a/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
+++ b/alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue
@@ -552,7 +552,7 @@ import { PRIORITY_LABELS, POMODORO_DEFAULTS } from '../model/constants'
 import { getPriorityColor } from '../lib/priority'
 import { type DueDateUrgency, getDueDateUrgency } from '../lib/urgency'
 import { createChecklistItem, computeChecklistProgress } from '../lib/checklist'
-import { useTimerStore } from '@/features/task-timer'
+import { toTimerTask, useTimerStore } from '@/features/task-timer'
 
 const URGENCY_CLASSES: Record<DueDateUrgency, string> = {
   overdue: 'text-red-500',
@@ -676,14 +676,7 @@ const timerStore = useTimerStore()
 
 function handleStartTimer() {
   if (!props.task?.isPomodoroTask) return
-  timerStore.startTask({
-    id: props.task.id,
-    pomodoroTime: props.task.pomodoroDuration || 25,
-    breakTime: props.task.shortBreak || 5,
-    longBreakTime: props.task.longBreak || 15,
-    longBreakInterval: props.task.longBreakInterval || 4,
-    pomodoroCount: props.task.pomodoroCount || 4,
-  })
+  timerStore.startTask(toTimerTask(props.task))
 }
 
 // Project
diff --git a/alfy-bot-frontend/src/views/TasksView.vue b/alfy-bot-frontend/src/views/TasksView.vue
index e34dc52..65ed059 100644
--- a/alfy-bot-frontend/src/views/TasksView.vue
+++ b/alfy-bot-frontend/src/views/TasksView.vue
@@ -6,7 +6,7 @@ import AppHeader from '@/components/AppHeader.vue'
 import PageContainer from '@/components/PageContainer.vue'
 import { useConfirm } from '@/composables/useConfirm'
 import { useProjectStore } from '@/features/projects/model/project-store'
-import { useTimerStore } from '@/features/task-timer'
+import { toTimerTask, useTimerStore } from '@/features/task-timer'
 import { useReorderList } from '@/features/tasks/lib/dnd/use-reorder-list'
 import { useTaskDnd } from '@/features/tasks/lib/dnd/use-task-dnd'
 import { useHideOverdue } from '@/features/tasks/lib/use-hide-overdue'
@@ -115,14 +115,7 @@ function handleShowTimer(taskId: string) {
   if (!task?.isPomodoroTask)
     return
 
-  startTask({
-    id: task.id,
-    pomodoroTime: task.pomodoroDuration || 25,
-    breakTime: task.shortBreak || 5,
-    longBreakTime: task.longBreak || 15,
-    longBreakInterval: task.longBreakInterval || 4,
-    pomodoroCount: task.pomodoroCount || 4,
-  })
+  startTask(toTimerTask(task))
 }
 
 async function handleDeleteTask(taskId: string) {
diff --git a/alfy-bot-frontend/tests/features/task-timer/to-timer-task.spec.ts b/alfy-bot-frontend/tests/features/task-timer/to-timer-task.spec.ts
new file mode 100644
index 0000000..f480d46
--- /dev/null
+++ b/alfy-bot-frontend/tests/features/task-timer/to-timer-task.spec.ts
@@ -0,0 +1,70 @@
+import type { Task } from '@/features/tasks/model/types'
+import { describe, expect, it } from 'vitest'
+import { toTimerTask } from '@/features/task-timer/lib/to-timer-task'
+
+function makeTask(overrides: Partial<Task> = {}): Task {
+  return {
+    id: 'task-1',
+    title: 'Задача',
+    completed: false,
+    isPomodoroTask: true,
+    ...overrides,
+  } as Task
+}
+
+describe('toTimerTask', () => {
+  it('переносит заполненные настройки один в один', () => {
+    const task = makeTask({
+      pomodoroDuration: 50,
+      shortBreak: 10,
+      longBreak: 30,
+      longBreakInterval: 2,
+      pomodoroCount: 8,
+    })
+
+    expect(toTimerTask(task)).toEqual({
+      id: 'task-1',
+      pomodoroTime: 50,
+      breakTime: 10,
+      longBreakTime: 30,
+      longBreakInterval: 2,
+      pomodoroCount: 8,
+    })
+  })
+
+  it('подставляет дефолты, когда настроек нет', () => {
+    expect(toTimerTask(makeTask())).toEqual({
+      id: 'task-1',
+      pomodoroTime: 25,
+      breakTime: 5,
+      longBreakTime: 15,
+      longBreakInterval: 4,
+      pomodoroCount: 4,
+    })
+  })
+
+  // Регрессия: исходные вызовы использовали ||, а не ??. Ноль обязан
+  // схлопываться в дефолт — подмена оператора на ?? сломает этот тест.
+  it('нулевые значения схлопываются в дефолты, а не остаются нулями', () => {
+    const task = makeTask({
+      pomodoroDuration: 0,
+      shortBreak: 0,
+      longBreak: 0,
+      longBreakInterval: 0,
+      pomodoroCount: 0,
+    })
+
+    expect(toTimerTask(task)).toEqual({
+      id: 'task-1',
+      pomodoroTime: 25,
+      breakTime: 5,
+      longBreakTime: 15,
+      longBreakInterval: 4,
+      pomodoroCount: 4,
+    })
+  })
+
+  it('переносит id без изменений', () => {
+    expect(toTimerTask(makeTask({ id: 'другой-id' })).id).toBe('другой-id')
+  })
+})
diff --git a/alfy-bot-frontend/tests/features/tasks/lib/active-tasks.spec.ts b/alfy-bot-frontend/tests/features/tasks/lib/active-tasks.spec.ts
new file mode 100644
index 0000000..f298232
--- /dev/null
+++ b/alfy-bot-frontend/tests/features/tasks/lib/active-tasks.spec.ts
@@ -0,0 +1,89 @@
+import type { Task } from '@/features/tasks/model/types'
+import { describe, expect, it } from 'vitest'
+import { getActiveTasksAt } from '@/features/tasks/lib/active-tasks'
+
+function makeTask(overrides: Partial<Task> = {}): Task {
+  return {
+    id: 'task-1',
+    title: 'Задача',
+    completed: false,
+    ...overrides,
+  } as Task
+}
+
+/** Обычная задача без помидоров: окно = durationMinutes, дефолт 60. */
+function plain(start: string, durationMinutes?: number, overrides: Partial<Task> = {}): Task {
+  return makeTask({ dueDate: new Date(start), durationMinutes, ...overrides })
+}
+
+const at = (iso: string) => new Date(iso)
+
+describe('getActiveTasksAt', () => {
+  it('now ровно на начале — задача активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60)
+    expect(getActiveTasksAt([task], at('2026-08-13T12:00:00'))).toEqual([task])
+  })
+
+  it('now за минуту до конца — задача активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60)
+    expect(getActiveTasksAt([task], at('2026-08-13T12:59:00'))).toEqual([task])
+  })
+
+  it('now ровно на конце — задача НЕ активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60)
+    expect(getActiveTasksAt([task], at('2026-08-13T13:00:00'))).toEqual([])
+  })
+
+  it('now до начала — задача не активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60)
+    expect(getActiveTasksAt([task], at('2026-08-13T11:59:00'))).toEqual([])
+  })
+
+  it('задача без dueDate не активна', () => {
+    const task = makeTask({ durationMinutes: 60 })
+    expect(getActiveTasksAt([task], at('2026-08-13T12:00:00'))).toEqual([])
+  })
+
+  it('all-day задача (время ровно 00:00) не активна', () => {
+    const task = plain('2026-08-13T00:00:00', 60)
+    expect(getActiveTasksAt([task], at('2026-08-13T00:30:00'))).toEqual([])
+  })
+
+  it('выполненная задача внутри окна не активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60, { completed: true })
+    expect(getActiveTasksAt([task], at('2026-08-13T12:30:00'))).toEqual([])
+  })
+
+  it('overdue задача внутри окна не активна', () => {
+    const task = plain('2026-08-13T12:00:00', 60, { isOverdue: true })
+    expect(getActiveTasksAt([task], at('2026-08-13T12:30:00'))).toEqual([])
+  })
+
+  it('не-помидоро задача без durationMinutes получает окно в 60 минут', () => {
+    const task = plain('2026-08-13T12:00:00')
+    expect(getActiveTasksAt([task], at('2026-08-13T12:59:00'))).toEqual([task])
+    expect(getActiveTasksAt([task], at('2026-08-13T13:00:00'))).toEqual([])
+  })
+
+  it('окно помидоро-задачи включает перерывы: 2x25 + 5 = 55 минут', () => {
+    // Соответствует «Гитаре» 11:35–12:30 из макета.
+    const task = makeTask({
+      dueDate: new Date('2026-08-13T11:35:00'),
+      isPomodoroTask: true,
+      pomodoroCount: 2,
+      pomodoroDuration: 25,
+      shortBreak: 5,
+      longBreak: 15,
+      longBreakInterval: 4,
+    })
+    expect(getActiveTasksAt([task], at('2026-08-13T12:29:00'))).toEqual([task])
+    expect(getActiveTasksAt([task], at('2026-08-13T12:30:00'))).toEqual([])
+  })
+
+  it('две пересекающиеся активные задачи возвращаются обе, по возрастанию начала', () => {
+    const long = plain('2026-08-13T15:45:00', 230, { id: 'long' })
+    const short = plain('2026-08-13T16:00:00', 30, { id: 'short' })
+    const result = getActiveTasksAt([short, long], at('2026-08-13T16:10:00'))
+    expect(result.map(t => t.id)).toEqual(['long', 'short'])
+  })
+})
diff --git a/alfy-bot-frontend/tests/features/tasks/ui/CurrentTaskWidget.spec.ts b/alfy-bot-frontend/tests/features/tasks/ui/CurrentTaskWidget.spec.ts
new file mode 100644
index 0000000..3378023
--- /dev/null
+++ b/alfy-bot-frontend/tests/features/tasks/ui/CurrentTaskWidget.spec.ts
@@ -0,0 +1,101 @@
+import type { Task } from '@/features/tasks/model/types'
+import { mount } from '@vue/test-utils'
+import { createPinia, setActivePinia } from 'pinia'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import CurrentTaskWidget from '@/features/tasks/ui/CurrentTaskWidget.vue'
+import { useTaskStore } from '@/features/tasks/model/task-store'
+import { useTimerStore } from '@/features/task-timer'
+
+vi.mock('@/api/client', () => ({
+  api: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), delete: vi.fn(), put: vi.fn() },
+}))
+
+// Часы фиксированы: окно помидоро-задачи считается из её настроек
+// (2x25 + 5 = 55 минут), а не из durationMinutes, и «сейчас» не должно
+// уползать на границу all-day.
+const NOW = new Date('2026-08-13T12:00:00')
+const MINUTE = 60 * 1000
+
+function activeTask(overrides: Partial<Task> = {}): Task {
+  return {
+    id: 'task-1',
+    title: 'Математика',
+    completed: false,
+    dueDate: new Date(NOW.getTime() - 10 * MINUTE),
+    isPomodoroTask: true,
+    pomodoroCount: 2,
+    pomodoroDuration: 25,
+    ...overrides,
+  } as Task
+}
+
+function mountWith(tasks: Task[]) {
+  useTaskStore().tasks = tasks
+  return mount(CurrentTaskWidget)
+}
+
+describe('currentTaskWidget', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+    vi.setSystemTime(NOW)
+    setActivePinia(createPinia())
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  it('не рендерит ничего, когда активных задач нет', () => {
+    const wrapper = mountWith([activeTask({ dueDate: new Date(NOW.getTime() + 300 * MINUTE) })])
+
+    expect(wrapper.text()).not.toContain('Текущая задача')
+    expect(wrapper.find('button').exists()).toBe(false)
+  })
+
+  it('показывает название активной помидоро-задачи и кнопку запуска', () => {
+    const wrapper = mountWith([activeTask()])
+
+    expect(wrapper.text()).toContain('Текущая задача')
+    expect(wrapper.text()).toContain('Математика')
+    expect(wrapper.find('button').exists()).toBe(true)
+  })
+
+  it('не показывает кнопку у не-помидоро задачи', () => {
+    const wrapper = mountWith([activeTask({ isPomodoroTask: false, durationMinutes: 60 })])
+
+    expect(wrapper.text()).toContain('Математика')
+    expect(wrapper.find('button').exists()).toBe(false)
+  })
+
+  it('клик по кнопке запускает таймер по этой задаче', async () => {
+    const wrapper = mountWith([activeTask()])
+    const spy = vi.spyOn(useTimerStore(), 'startTask').mockImplementation(() => {})
+
+    await wrapper.find('button').trigger('click')
+
+    expect(spy).toHaveBeenCalledWith(expect.objectContaining({ id: 'task-1' }))
+  })
+
+  // Суть виджета: он обязан сам перестать показывать задачу, когда её окно
+  // истекло, без перезагрузки страницы.
+  it('убирает задачу, когда её окно истекает по тику часов', async () => {
+    const wrapper = mountWith([activeTask({ isPomodoroTask: false, durationMinutes: 60 })])
+    expect(wrapper.text()).toContain('Математика')
+
+    vi.setSystemTime(new Date(NOW.getTime() + 60 * MINUTE))
+    await vi.advanceTimersByTimeAsync(60_000)
+
+    expect(wrapper.text()).not.toContain('Математика')
+  })
+
+  it('показывает все активные задачи, когда их несколько', () => {
+    const wrapper = mountWith([
+      activeTask(),
+      activeTask({ id: 'task-2', title: 'Рабочая сессия' }),
+    ])
+
+    expect(wrapper.text()).toContain('Математика')
+    expect(wrapper.text()).toContain('Рабочая сессия')
+  })
+})
diff --git a/docs/tasks/sidebar-current-task-widget.md b/docs/tasks/sidebar-current-task-widget.md
new file mode 100644
index 0000000..d760b0e
--- /dev/null
+++ b/docs/tasks/sidebar-current-task-widget.md
@@ -0,0 +1,239 @@
+# Виджет «Текущая задача» в сайдбаре
+
+**Status:** done
+**Branch:** feat/sidebar-current-task-widget
+**Worktree:** /Users/v/projects/Alfy-worktrees/sidebar-current-task-widget
+**Mode:** interactive
+
+## Design
+
+### Цель
+
+Блок «Текущая задача» в сайдбаре секции задач: показывает задачи, чьё временное окно содержит текущий момент, и для помидорных даёт кнопку запуска таймера. Отвечает на вопрос «чем я сейчас занят» без перехода в календарь.
+
+### Что уже есть (разведка)
+
+- `sectionExtraRegistry` в `components/AppLayout.vue:24-26` — реестр «секция → **один** компонент», сейчас `tasks` → `ProjectTreeNav` (подключён через `defineAsyncComponent`, строки 11-13). `AppSidebar.vue` пробрасывает результат в **два** слота `section-extra`: десктопный `<aside>` (строка 125) и мобильную панель в `<Teleport>` (строка 161).
+- Все три роута секции (`/tasks`, `/tasks/calendar`, `/tasks/project/:id`) сами вызывают `fetchTasks()`. Виджет может быть пассивным читателем `taskStore.tasks` — свой запрос не нужен.
+- `computeTaskDurationMinutes` (`features/tasks/lib/duration.ts`) для помидоро-задач возвращает `count*duration + перерывы`. Сверено со скриншотом пользователя: Гитара 11:35 + 2×25 + 5 = 12:30.
+- Маппинг задачи в аргумент `startTask` продублирован в `views/TasksView.vue:118` и `features/tasks/ui/TaskDetailDialog.vue:679`, оба с инлайновыми `25/5/15/4` вместо существующего `POMODORO_DEFAULTS`.
+- `HourGrid.vue:160-190` держит собственный `setInterval(60_000)` для красной линии. Общего композабла «сейчас» в проекте нет.
+- `timer-store` не экспортирует `currentSettings` — снаружи не видно, по какой задаче идёт таймер. При выбранном поведении кнопки это и не требуется.
+
+### Выбранный подход
+
+**Компонент-обёртка вместо изменения механизма реестра.** Новый `TasksSidebarSection.vue` рендерит `<CurrentTaskWidget />`, затем `<ProjectTreeNav />`; в `AppLayout.vue` ключ `tasks` начинает указывать на него — правка одного значения, тип `Record<string, Component>` и шаблон не меняются. Альтернатива — научить реестр массиву компонентов — переделывает общий механизм ради единственного потребителя (`sectionExtra` есть только у `tasks`). Обёртка автоматически закрывает оба слота, включая мобильный. Ленивая загрузка сохраняется: `defineAsyncComponent` переезжает на обёртку, дети импортируются в ней статически — один чанк вместо одного, как и было.
+
+Состав:
+
+- `features/tasks/lib/active-tasks.ts` — чистая `getActiveTasksAt(tasks, now)`. Оконная арифметика вынесена из компонента, иначе её не протестировать.
+- `composables/useNow.ts` — реактивное «сейчас» с минутным тиком.
+- `features/task-timer/lib/to-timer-task.ts` — единый `toTimerTask(task)`; оба существующих места переводятся на него.
+- `features/tasks/ui/CurrentTaskWidget.vue` — сам блок.
+- `components/TasksSidebarSection.vue` — обёртка.
+
+**Окно активности:** `start = task.dueDate`, `end = start + computeTaskDurationMinutes(task)`, активна при `start <= now < end`. Из выборки исключаются задачи без `dueDate`, выполненные, `isOverdue`, и all-day — задача с временем ровно `00:00` считается all-day, ровно как в `calendar-events.ts:13`, и нулевого окна у неё нет. Порядок — по времени начала.
+
+**UI:** заголовок «Текущая задача» в стиле существующего «ПРОЕКТЫ» (`text-[11px] uppercase tracking-wide`), строки с названием задачи, у помидорных — кнопка `Play` (lucide). Клик по строке ничего не делает.
+
+### Решения и что их закрыло
+
+- **Строгое окно, без люфта вперёд.** Ровно то, что пересекает красная линия календаря. Люфт потребовал бы параметра N и размывал бы смысл слова «текущая».
+- **Все активные задачи списком.** Длинная фоновая задача (`Рабочая сессия` 15:45–19:35) не должна исчезать из-за короткой внутри неё. Пересечения редки, поэтому обычно список — из одной строки, как на рисунке.
+- **Не-помидорные показываем без кнопки.** Виджет отвечает на «чем я занят», а не «что можно запустить»; кнопка — бонус там, где она осмысленна.
+- **Пустой список прячет виджет целиком.** Бо́льшую часть суток активных задач нет, и постоянный пустой блок занимал бы место зря.
+- **Только реальные задачи из стора, без `tasksToCalendarEvents`.** Виртуальный инстанс повторяющейся задачи имеет id `id__virtual__ts`, которого нет на бэке: первый же инкремент помидора упал бы с 404. Отсечение на уровне источника данных надёжнее, чем флаг `isVirtual`, который надо не забыть проверить.
+- **Кнопка перебивает идущий таймер.** Ровно так уже работают кнопки в списке задач и в карточке — нового поведения не вводим, `currentSettings` из стора выставлять не нужно.
+- **Виджет над списком проектов.** Заметнее, и длинный список проектов не выталкивает его за экран.
+- **`toTimerTask` выносится, оба существующих места переводятся.** Иначе виджет становится третьей копией маппинга. Значения инлайновых дефолтов совпадают с `POMODORO_DEFAULTS`.
+
+### Известные следствия (принято)
+
+- Минутный тик даёт задержку до 59 секунд. Столько же у красной линии календаря — рассогласования между ними не будет.
+- В зазоре между смежными задачами (12:30–12:40 на скриншоте) виджет исчезает, и список проектов подпрыгивает вверх.
+- Повторяющаяся задача с `dueDate` в прошлом, для которой календарь рисует призрак на сегодня, в виджет не попадёт. Это прямое следствие решения брать только реальные задачи.
+
+### Обратная совместимость
+
+Фронтенд-онли, ни API, ни схема не меняются.
+
+- Значение `sectionExtraRegistry.tasks` меняется с `ProjectTreeNav` на обёртку. Потребитель один — `AppLayout.vue:56`. `tests/components/AppLayout.spec.ts` мокает `AppSidebar` целиком и гоняет только роуты `habits`, слот `section-extra` не затрагивает.
+- Перевод `TasksView` и `TaskDetailDialog` на `toTimerTask` обязан сохранить семантику `||`, а не заменить её на `??`: сегодня нулевое значение схлопывается в дефолт, и менять это молча нельзя. Существующие тесты эти пути не покрывают (грепом по `tests/` — ни одного упоминания `startTask`), поэтому регрессию ловим новым юнит-тестом на `toTimerTask`.
+
+TDD: yes (`getActiveTasksAt` и `toTimerTask` — чистые функции с содержательными краями: границы окна, all-day, отсутствие длительности, выполненные, `isOverdue`, нулевые настройки помидоро).
+
+### Invariants
+
+- `getActiveTasksAt` и `toTimerTask` — чистые функции без импортов Vue, Pinia и обращений к `Date.now()` внутри: момент времени передаётся аргументом.
+- Виджет читает исключительно `taskStore.tasks`. `tasksToCalendarEvents` не используется, id с `__virtual__` в виджет не попадают ни при каких данных.
+- Задача попадает в виджет только при `start <= now < end`; граница `end` исключающая, чтобы смежные задачи не показывались одновременно.
+- Из выборки исключены: без `dueDate`, all-day (время ровно `00:00`), `completed`, `isOverdue`.
+- Кнопка запуска рендерится только при `isPomodoroTask`.
+- Пустой список — в DOM нет ни заголовка, ни контейнера виджета.
+- Во всём фронтенде ровно один маппинг задачи в аргумент `startTask` — `toTimerTask`.
+- `toTimerTask` сохраняет `||`-семантику дефолтов, существовавшую в обоих исходных местах.
+- Виджет доступен и в десктопном, и в мобильном сайдбаре.
+- `features/calendar/**` не изменяется. Бэкенд не изменяется.
+
+### Principles
+
+- Виджет — пассивный читатель стора: собственных сетевых запросов не делает и данные не мутирует.
+- Переиспользовать существующее (`computeTaskDurationMinutes`, `POMODORO_DEFAULTS`, `startTask`, стиль заголовка «ПРОЕКТЫ»), а не заводить параллельное.
+- Время — аргумент, а не глобальное состояние: всё, что зависит от «сейчас», получает его снаружи и потому тестируемо без подмены часов.
+- YAGNI: ни клика по строке, ни пустого состояния, ни настроек виджета.
+
+## Plan
+
+Approach: две чистые функции пишутся TDD-first и покрывают всю логику; компоненты остаются тонкими и бездумными, а подключение к сайдбару сводится к смене одного значения в реестре `AppLayout`.
+
+### Phase 1 — Чистые функции: окно активности и маппинг в таймер
+
+- **1.1** `alfy-bot-frontend/tests/features/tasks/lib/active-tasks.spec.ts` (create) — **красный первым**
+- **1.2** `alfy-bot-frontend/src/features/tasks/lib/active-tasks.ts` (create)
+  - `export function getActiveTasksAt(tasks: Task[], now: Date): Task[]`
+  - Отбор: есть `dueDate`; не `completed`; не `isOverdue`; не all-day (`dueDate.getHours() !== 0 || dueDate.getMinutes() !== 0` — зеркалит `calendar-events.ts:13`); `start <= now < start + computeTaskDurationMinutes(task) * 60_000`.
+  - Сортировка по возрастанию `dueDate`.
+  - Переиспользует `computeTaskDurationMinutes` из `../lib/duration`.
+  - Invariant: чистая функция без Vue/Pinia и без `Date.now()` внутри; граница `end` исключающая; исключения из выборки.
+- **1.3** `alfy-bot-frontend/tests/features/task-timer/to-timer-task.spec.ts` (create) — **красный первым**
+- **1.4** `alfy-bot-frontend/src/features/task-timer/lib/to-timer-task.ts` (create)
+  - `export function toTimerTask(task: Task): TimerTask` — `Task` из `@/features/tasks/model/types`, `TimerTask` — интерфейс `Task` из `../types`.
+  - Дефолты через `POMODORO_DEFAULTS` (`@/features/tasks/model/constants`), оператор **`||`**, не `??` — ровно как в обоих оригиналах.
+  - Invariant: единственный маппинг в аргумент `startTask`; `||`-семантика сохранена.
+- **1.5** `alfy-bot-frontend/src/features/task-timer/lib/index.ts` (create) — `export * from './to-timer-task'`; `alfy-bot-frontend/src/features/task-timer/index.ts` (modify) — добавить `export * from './lib'` третьей строкой к существующим `./ui` и `./model`. Потребители тянут `toTimerTask` из барреля фичи, как сейчас тянут `useTimerStore` и `TimeBlock`.
+- Commit: `feat(tasks): add active-task window and timer-task mapping helpers`
+
+### Phase 2 — Перевод существующих вызовов на toTimerTask
+
+- **2.1** `alfy-bot-frontend/src/views/TasksView.vue:113-126` (modify) — `handleShowTimer`
+  - Тело `startTask({...})` заменяется на `startTask(toTimerTask(task))`; guard `if (!task?.isPomodoroTask) return` остаётся.
+- **2.2** `alfy-bot-frontend/src/features/tasks/ui/TaskDetailDialog.vue:677-687` (modify) — `handleStartTimer`
+  - То же; guard `if (!props.task?.isPomodoroTask) return` остаётся.
+- Invariant: во фронтенде остаётся ровно один маппинг; поведение бит-в-бит прежнее.
+- Commit: `refactor(tasks): route timer start through toTimerTask`
+
+### Phase 3 — Виджет и подключение к сайдбару
+
+- **3.1** `alfy-bot-frontend/src/composables/useNow.ts` (create)
+  - `export function useNow(intervalMs = 60_000): Ref<Date>` — `setInterval` в `onMounted`, `clearInterval` в `onUnmounted`.
+- **3.2** `alfy-bot-frontend/src/features/tasks/ui/CurrentTaskWidget.vue` (create)
+  - Читает `useTaskStore().tasks` через `storeToRefs`; `activeTasks = computed(() => getActiveTasksAt(tasks.value, now.value))`.
+  - `v-if="activeTasks.length"` на корне — при пустом списке в DOM нет ничего.
+  - Заголовок «Текущая задача» — обёртка `px-4 mt-4`, заголовок `text-[11px] font-medium text-sidebar-foreground/60 uppercase tracking-wide` (скопировано с `ProjectTreeNav.vue`).
+  - Строка задачи: название + `<Button v-if="task.isPomodoroTask">` с иконкой `Play` из `lucide-vue-next`; `@click="timerStore.startTask(toTimerTask(task))"`.
+  - Invariant: только `taskStore.tasks`, без `tasksToCalendarEvents`; кнопка только у `isPomodoroTask`; пустой список ничего не рендерит.
+- **3.3** `alfy-bot-frontend/src/components/TasksSidebarSection.vue` (create)
+  - Шаблон: `<CurrentTaskWidget />` затем `<ProjectTreeNav />`, оба импортированы статически.
+- **3.4** `alfy-bot-frontend/src/components/AppLayout.vue:11-13,24-26` (modify)
+  - `defineAsyncComponent` переезжает с `ProjectTreeNav.vue` на `TasksSidebarSection.vue`; переменная переименовывается в `TasksSidebarSection`; в реестре `tasks: TasksSidebarSection`.
+  - Тип `Record<string, Component>` и шаблон (`AppLayout.vue:56-58`) не меняются.
+  - Invariant: виджет доступен в обоих слотах `section-extra`, включая мобильный, — следствие того, что обёртка одна на оба.
+- **3.5** `alfy-bot-frontend/tests/features/tasks/ui/CurrentTaskWidget.spec.ts` (create)
+- Commit: `feat(tasks): current-task widget in the tasks sidebar`
+
+### Test strategy
+
+TDD: 1.1 до 1.2, 1.3 до 1.4. Тест виджета (3.5) пишется вместе с фазой.
+
+`active-tasks.spec.ts` — время фиксируется явным `new Date(...)`, часы не подменяются:
+- `now` ровно на `start` → активна (граница включающая)
+- `now` за минуту до конца → активна
+- `now` ровно на `end` → **не** активна (граница исключающая; две смежные задачи не показываются вдвоём)
+- `now` до начала → не активна
+- задача без `dueDate` → не активна
+- all-day (`dueDate` в `00:00`) → не активна
+- `completed: true` внутри окна → не активна
+- `isOverdue: true` внутри окна → не активна
+- помидоро-задача: окно = `count*duration + перерывы` (проверка на 2×25+5=55 мин, как «Гитара» со скриншота)
+- не-помидоро без `durationMinutes` → окно 60 минут (дефолт `computeTaskDurationMinutes`)
+- две пересекающиеся активные задачи → обе в результате, отсортированы по `dueDate`
+
+`to-timer-task.spec.ts`:
+- полностью заполненная задача → все поля перенесены один в один
+- пустая задача → все дефолты из `POMODORO_DEFAULTS`
+- `pomodoroDuration: 0` → **25**, а не 0 (фиксирует `||`-семантику; именно этот тест ловит подмену на `??`)
+- `id` переносится без изменений
+
+`CurrentTaskWidget.spec.ts` (по образцу `TaskCardBadges.spec.ts`, стор через `setActivePinia`):
+- нет активных задач → компонент не рендерит ни заголовка, ни контейнера
+- одна активная помидоро-задача → видно название и кнопку
+- активная не-помидоро задача → название есть, кнопки нет
+- клик по кнопке зовёт `timerStore.startTask` с `id` этой задачи
+- две активные → две строки
+
+### Order & dependencies
+
+Phase 1 → Phase 2 (2.x импортируют `toTimerTask`) → Phase 3 (3.2 импортирует обе функции). Внутри Phase 3: 3.1 и 3.2 до 3.3, 3.3 до 3.4.
+
+### Backwards compatibility
+
+- Phase 3.4 меняет значение `sectionExtraRegistry.tasks`. Потребитель один — шаблон `AppLayout.vue:56-58`. `tests/components/AppLayout.spec.ts` мокает `AppSidebar` целиком и гоняет только роуты `habits`, слот `section-extra` не затрагивает — регрессии там не будет, но прогон всё равно обязателен.
+- Phase 2 обязана сохранить `||`. Регрессию ловит тест из 1.3 (`pomodoroDuration: 0 → 25`), написанный **до** перевода вызовов.
+- Ленивая загрузка: `defineAsyncComponent` не исчезает, а переезжает на обёртку — количество чанков сайдбара не растёт.
+
+### Open questions / risks / rollback
+
+- `useNow` создаёт интервал на каждый экземпляр. Виджет монтируется дважды (десктопный `<aside>` и мобильная панель существуют в DOM одновременно, скрыты через CSS/`v-show`) — получится два интервала по 60 секунд. Это дёшево и корректно, но если понадобится один общий тик — выносить `useNow` в модульный синглтон. Не делать превентивно.
+- Rollback: три независимых коммита. Откат Phase 3 убирает виджет, оставляя вынесенные функции; откат Phase 2 возвращает инлайновые маппинги.
+
+## Verify
+
+**Result:** passed
+
+Прогонялось в worktree на `9196aeb`. Юниты 52 файла / 332 теста (baseline был 49/312), `vue-tsc` чисто, `npm run build` проходит.
+
+Positive:
+- `getActiveTasksAt`: now на начале окна, за минуту до конца, дробное окно помидоро `2×25+5 = 55` мин
+- `toTimerTask`: заполненные настройки переносятся один в один; пустые дают `POMODORO_DEFAULTS`
+- виджет: заголовок, название задачи, кнопка у помидорной, несколько активных задач списком
+- порядок по времени начала: «Рабочая сессия» (−60 мин) выше «Математики» (−10 мин)
+
+Negative:
+- `now` ровно на `end` → задача не активна (смежные не показываются вдвоём)
+- без `dueDate` / all-day `00:00` / `completed` / `isOverdue` → не активна
+- `target = 0` у не-помидоро без `durationMinutes` → окно 60 минут по дефолту
+- не-помидоро задача → кнопки нет
+- `toTimerTask` при нулевых значениях отдаёт дефолты, а не нули — тест написан до перевода вызовов, чтобы поймать подмену `||` на `??`
+
+Invariants:
+- `active-tasks.ts` и `to-timer-task.ts` не импортируют Vue/Pinia и не вызывают `Date.now()`/`new Date()`
+- `CurrentTaskWidget.vue` не упоминает календарь; `tasksToCalendarEvents` не используется
+- `startTask` вызывается из трёх мест, все через `toTimerTask`
+- `git diff --name-only 5e4c4bb..HEAD` не содержит `features/calendar`, `alfy-bot/`, `alfy-mcp`
+- сборка кладёт виджет и `ProjectTreeNav` в один ленивый чанк `TasksSidebarSection-*.js` — заявленное «чанк не размножился» подтверждено
+
+Smoke: живой стенд (бэкенд :3099 с отдельной БД, vite :5199, Chrome через MCP).
+Три задачи — помидорная «Математика» (−10 мин), обычная «Рабочая сессия» (−60 мин, 4 часа), «Вечерняя пробежка» (+5 часов).
+Десктоп: виджет над «ПРОЕКТЫ», обе идущие задачи, красная кнопка только у «Математики», будущая задача отсутствует.
+Клик по кнопке → таймер снизу показал `25:00`, то есть `pomodoroDuration` доехал через `toTimerTask`.
+Мобильный (375px, `matchesSm: false`): выезжающая панель показывает виджет в том же виде — инвариант про оба слота подтверждён визуально.
+Обе активные задачи закрыты через API → после релоада виджета в DOM нет, «ПРОЕКТЫ» поднялись вверх.
+
+Notes:
+- Первый заход стенда дал 404 на `/tasks`: `VITE_API_URL` нужно задавать с префиксом `/api` (`http://localhost:3099/api`), потому что `api/client.ts` подставляет его как есть. Ошибка настройки стенда, не продукта.
+- Браузер MCP не поднимался из-за зависшего со вчера инстанса на профиле `~/.cache/chrome-devtools-mcp/`; снят с разрешения пользователя.
+- Тест виджета изначально падал на моей же фикстуре: для помидоро-задачи `computeTaskDurationMinutes` игнорирует `durationMinutes` и считает окно из настроек. Часы в тесте зафиксированы через `vi.setSystemTime`, иначе прогон ровно в 00:00 попадал бы на all-day guard.
+
+## Conclusion
+
+Outcome: сайдбар секции задач показывает идущие сейчас задачи с запуском помодоро по кнопке — `20f2a26`, `3ea68af`, `9196aeb`.
+
+Invariants:
+- чистота `getActiveTasksAt` / `toTimerTask` — грепом: ни импортов Vue и Pinia, ни `Date.now()`/`new Date()` внутри
+- граница `end` исключающая — юнит-тест на `now` ровно в `end`; в браузере смежные задачи не показывались вдвоём
+- исключения (без `dueDate`, all-day `00:00`, `completed`, `isOverdue`) — по тесту на каждое; в smoke закрытие обеих задач убрало виджет целиком
+- только `taskStore.tasks` — в `CurrentTaskWidget.vue` нет ни одного упоминания календаря, `tasksToCalendarEvents` не импортируется
+- кнопка только у `isPomodoroTask` — тест плюс визуально: у «Рабочей сессии» кнопки нет
+- один маппинг в `startTask` — три вызова, все через `toTimerTask`
+- `||`-семантика — тест `pomodoroDuration: 0 → 25`, написанный до перевода вызовов
+- оба сайдбара — виджет виден и на десктопе, и в мобильной панели на 375px
+- `features/calendar/**`, `alfy-bot/`, `alfy-mcp` отсутствуют в `git diff --name-only 5e4c4bb..HEAD`
+
+Review findings:
+- Important: реактивность по тику `useNow` — суть фичи — не была покрыта ни одним тестом (юниты фиксировали часы и не прокручивали их, в браузере минуту не ждали). Поведение проверено и работает; добавлен постоянный тест «убирает задачу, когда её окно истекает по тику часов» с `advanceTimersByTimeAsync`.
+
+Future work:
+- `computeTaskDurationMinutes` берёт дефолты через `??`, а `toTimerTask` — через `||`. Для задачи с `pomodoroCount: 0` это расходится: окно выйдет нулевым и в виджет она не попадёт никогда, хотя таймер по ней запустился бы на 4 помидора. Justification: `duration.ts` пре-существует и задачей не затрагивался; на достижимых путях расхождение не проявляется, потому что до кнопки такая задача не доходит.
+- `HourGrid.vue` продолжает держать собственный `setInterval(60_000)` вместо `useNow`. Justification: инвариант задачи — `features/calendar/**` не изменяется.
+
+Verified by: браузерный smoke на живом стенде — детали в `## Verify`. Ревью проведено инлайн, без независимого `up:reviewer`: окружение сессии запрещает диспатч субагентов без явной просьбы пользователя, поэтому независимость стадии слабее, чем предполагает скилл.