Add per-tab tutorials, profile expand/collapse, and fix card animation

- Add sub-tutorials for Dashboard, Targets, Sources, and Profiles tabs
  with ? trigger buttons, en/ru/zh translations, and hidden-ancestor
  skip via offsetParent check
- Add expand/collapse all buttons to Profiles tab toolbar
- Move dashboard poll slider from section header to toolbar
- Fix cardEnter animation forcing opacity:1 on disabled profile cards
- Use data-card-section selectors instead of data-cs-toggle to avoid
  z-index misalignment during tutorial spotlight
- Add tutorial sync convention to CLAUDE.md

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/locales/en.json

@@ -224,6 +224,24 @@
   "tour.theme": "Theme — switch between dark and light mode.",
   "tour.language": "Language — choose your preferred interface language.",
   "tour.restart": "Restart tutorial",
+  "tour.dash.perf": "Performance — real-time FPS charts, latency metrics, and poll interval control.",
+  "tour.dash.running": "Running targets — live streaming metrics and quick stop control.",
+  "tour.dash.stopped": "Stopped targets — ready to start with one click.",
+  "tour.dash.profiles": "Profiles — active profile status and quick enable/disable toggle.",
+  "tour.tgt.led_tab": "LED tab — standard LED strip targets with device and color strip configuration.",
+  "tour.tgt.devices": "Devices — your WLED controllers discovered on the network.",
+  "tour.tgt.css": "Color Strips — define how screen regions map to LED segments.",
+  "tour.tgt.targets": "LED Targets — combine a device, color strip, and capture source for streaming.",
+  "tour.tgt.kc_tab": "Key Colors — alternative target type using color-matching instead of pixel mapping.",
+  "tour.src.raw": "Raw — live screen capture sources from your displays.",
+  "tour.src.templates": "Capture Templates — reusable capture configurations (resolution, FPS, crop).",
+  "tour.src.static": "Static Image — test your setup with image files instead of live capture.",
+  "tour.src.processed": "Processed — apply post-processing effects like blur, brightness, or color correction.",
+  "tour.src.audio": "Audio — analyze microphone or system audio for reactive LED effects.",
+  "tour.src.value": "Value — numeric data sources used as conditions in profile automation.",
+  "tour.prof.list": "Profiles — automate target control based on time, audio, or value conditions.",
+  "tour.prof.add": "Click + to create a new profile with targets and activation conditions.",
+  "tour.prof.card": "Each card shows profile status, conditions, and quick controls to edit or toggle.",
   "calibration.tutorial.start": "Start tutorial",
   "calibration.overlay_toggle": "Overlay",
   "calibration.start_position": "Starting Position:",

server/src/wled_controller/static/locales/ru.json

@@ -224,6 +224,24 @@
   "tour.theme": "Тема — переключение между тёмной и светлой темой.",
   "tour.language": "Язык — выберите предпочитаемый язык интерфейса.",
   "tour.restart": "Запустить тур заново",
+  "tour.dash.perf": "Производительность — графики FPS в реальном времени, метрики задержки и интервал опроса.",
+  "tour.dash.running": "Запущенные цели — метрики стриминга и быстрая остановка.",
+  "tour.dash.stopped": "Остановленные цели — готовы к запуску одним нажатием.",
+  "tour.dash.profiles": "Профили — статус активных профилей и быстрое включение/выключение.",
+  "tour.tgt.led_tab": "LED — стандартные LED-цели с настройкой устройств и цветовых полос.",
+  "tour.tgt.devices": "Устройства — ваши WLED-контроллеры, найденные в сети.",
+  "tour.tgt.css": "Цветовые полосы — определите, как области экрана соответствуют сегментам LED.",
+  "tour.tgt.targets": "LED-цели — объедините устройство, цветовую полосу и источник захвата для стриминга.",
+  "tour.tgt.kc_tab": "Key Colors — альтернативный тип цели с подбором цветов вместо пиксельного маппинга.",
+  "tour.src.raw": "Raw — источники захвата экрана с ваших дисплеев.",
+  "tour.src.templates": "Шаблоны захвата — переиспользуемые конфигурации (разрешение, FPS, обрезка).",
+  "tour.src.static": "Статичные изображения — тестируйте настройку с файлами изображений.",
+  "tour.src.processed": "Обработка — применяйте эффекты: размытие, яркость, цветокоррекция.",
+  "tour.src.audio": "Аудио — анализ микрофона или системного звука для реактивных LED-эффектов.",
+  "tour.src.value": "Значения — числовые источники данных для условий автоматизации профилей.",
+  "tour.prof.list": "Профили — автоматизируйте управление целями по времени, звуку или значениям.",
+  "tour.prof.add": "Нажмите + для создания нового профиля с целями и условиями активации.",
+  "tour.prof.card": "Каждая карточка показывает статус профиля, условия и кнопки управления.",
   "calibration.tutorial.start": "Начать обучение",
   "calibration.overlay_toggle": "Оверлей",
   "calibration.start_position": "Начальная Позиция:",

server/src/wled_controller/static/locales/zh.json

@@ -224,6 +224,24 @@
   "tour.theme": "主题 — 在深色和浅色模式之间切换。",
   "tour.language": "语言 — 选择您偏好的界面语言。",
   "tour.restart": "重新开始导览",
+  "tour.dash.perf": "性能 — 实时 FPS 图表、延迟指标和轮询间隔控制。",
+  "tour.dash.running": "运行中的目标 — 实时流媒体指标和快速停止控制。",
+  "tour.dash.stopped": "已停止的目标 — 一键启动。",
+  "tour.dash.profiles": "配置文件 — 活动配置文件状态和快速启用/禁用切换。",
+  "tour.tgt.led_tab": "LED 标签 — 标准 LED 灯带目标，包含设备和色带配置。",
+  "tour.tgt.devices": "设备 — 在网络中发现的 WLED 控制器。",
+  "tour.tgt.css": "色带 — 定义屏幕区域如何映射到 LED 段。",
+  "tour.tgt.targets": "LED 目标 — 将设备、色带和捕获源组合进行流式传输。",
+  "tour.tgt.kc_tab": "Key Colors — 使用颜色匹配代替像素映射的替代目标类型。",
+  "tour.src.raw": "原始 — 来自显示器的实时屏幕捕获源。",
+  "tour.src.templates": "捕获模板 — 可复用的捕获配置（分辨率、FPS、裁剪）。",
+  "tour.src.static": "静态图片 — 使用图片文件测试您的设置。",
+  "tour.src.processed": "处理 — 应用后处理效果，如模糊、亮度或色彩校正。",
+  "tour.src.audio": "音频 — 分析麦克风或系统音频以实现响应式 LED 效果。",
+  "tour.src.value": "数值 — 用于配置文件自动化条件的数字数据源。",
+  "tour.prof.list": "配置文件 — 基于时间、音频或数值条件自动控制目标。",
+  "tour.prof.add": "点击 + 创建包含目标和激活条件的新配置文件。",
+  "tour.prof.card": "每张卡片显示配置文件状态、条件和快速编辑/切换控制。",
   "calibration.tutorial.start": "开始教程",
   "calibration.overlay_toggle": "叠加层",
   "calibration.start_position": "起始位置：",