feat(kanban): Seleccionar Aleatorio en columna con ruleta (issue 0090)

Adds a column-level "Seleccionar Aleatorio" context menu entry that picks
a card at random from the column with a roulette-style highlight
animation that decelerates to the winner.

Selection respects existing filters (uses cardsByColumn which is the
post-filter view) and always excludes locked cards. Menu entry is
disabled when nothing pickable is left.

Implementation:
- KanbanColumn: new Menu.Item with IconDice5; data-test selector for e2e.
- onPickRandom prop wired from KanbanColumn -> App.
- handlePickRandom in App.tsx: cryptographically random winner via
  crypto.getRandomValues, 2 full laps + offset, cubic decay 50ms -> 220ms,
  follows the active card with scrollIntoView.
- src/styles/roulette.css: .kanban-roulette-active (blue pulse, single
  step) and .kanban-roulette-winner (green pulse + scale, ~1.6s).
  Imported globally from main.tsx.

Manual verification only (visual timing + needs real cards). Backend
untouched.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

This commit is contained in:

egutierrez

2026-05-14 13:27:39 +02:00

parent 9f4fd85db3

commit c93ac46c37

8 changed files with 1290 additions and 1179 deletions

									
										frontend/src/main.tsx
									
		+1
		
												View File
												
				@@ -1,5 +1,6 @@

				import "@mantine/core/styles.css";

				import "@mantine/notifications/styles.css";

				import "./styles/roulette.css";

				import { MantineProvider, createTheme } from "@mantine/core";

				import { ModalsProvider } from "@mantine/modals";

				import { Notifications } from "@mantine/notifications";