Add color_cycle as standalone source type; UI polish

- color_cycle is now a top-level source type (alongside picture/static/gradient)
  with a configurable color list and cycle_speed; defaults to full rainbow spectrum
- ColorCycleColorStripSource + ColorCycleColorStripStream: smooth 30 fps interpolation
  between user-defined colors, one full cycle every 20s at speed=1.0
- Removed color_cycle animation sub-type from StaticColorStripStream
- Color cycle editor: compact horizontal swatch layout, proper module-scope fix
  (colorCycleAdd/Remove now exposed on window, DOM-synced before mutations)
- Animation enabled + Frame interpolation checkboxes use toggle-switch style
- Removed Potential FPS metric from targets and KC targets metric grids

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

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

@@ -573,10 +573,11 @@
   "color_strip.delete.referenced": "Cannot delete: this source is in use by a target",
   "color_strip.error.name_required": "Please enter a name",
   "color_strip.type": "Type:",
-  "color_strip.type.hint": "Picture Source derives LED colors from a screen capture. Static Color fills all LEDs with a single constant color. Gradient distributes a color gradient across all LEDs.",
+  "color_strip.type.hint": "Picture Source derives LED colors from a screen capture. Static Color fills all LEDs with a single constant color. Gradient distributes a color gradient across all LEDs. Color Cycle smoothly cycles through a user-defined list of colors.",
   "color_strip.type.picture": "Picture Source",
   "color_strip.type.static": "Static Color",
   "color_strip.type.gradient": "Gradient",
+  "color_strip.type.color_cycle": "Color Cycle",
   "color_strip.static_color": "Color:",
   "color_strip.static_color.hint": "The solid color that will be sent to all LEDs on the strip.",
   "color_strip.gradient.preview": "Gradient:",
@@ -587,5 +588,22 @@
   "color_strip.gradient.add_stop": "+ Add Stop",
   "color_strip.gradient.position": "Position (0.0–1.0)",
   "color_strip.gradient.bidir.hint": "Add a second color on the right side of this stop to create a hard edge in the gradient.",
-  "color_strip.gradient.min_stops": "Gradient must have at least 2 stops"
+  "color_strip.gradient.min_stops": "Gradient must have at least 2 stops",
+  "color_strip.animation": "Animation",
+  "color_strip.animation.enabled": "Enable Animation:",
+  "color_strip.animation.enabled.hint": "Enables procedural animation. The LEDs will update at 30 fps driven by the selected effect.",
+  "color_strip.animation.type": "Effect:",
+  "color_strip.animation.type.hint": "The animation effect to apply. Breathing works for both static and gradient sources; Gradient Shift and Wave work for gradient sources only.",
+  "color_strip.animation.type.breathing": "Breathing",
+  "color_strip.animation.type.color_cycle": "Color Cycle",
+  "color_strip.animation.type.gradient_shift": "Gradient Shift",
+  "color_strip.animation.type.wave": "Wave",
+  "color_strip.animation.speed": "Speed:",
+  "color_strip.animation.speed.hint": "Animation speed multiplier. 1.0 ≈ one cycle per second for Breathing; higher values cycle faster.",
+  "color_strip.color_cycle.colors": "Colors:",
+  "color_strip.color_cycle.colors.hint": "List of colors to cycle through smoothly. At least 2 required. Default is a full rainbow spectrum.",
+  "color_strip.color_cycle.add_color": "+ Add Color",
+  "color_strip.color_cycle.speed": "Speed:",
+  "color_strip.color_cycle.speed.hint": "Cycle speed multiplier. 1.0 ≈ one full cycle every 20 seconds; higher values cycle faster.",
+  "color_strip.color_cycle.min_colors": "Color cycle must have at least 2 colors"
 }

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

@@ -573,10 +573,11 @@
   "color_strip.delete.referenced": "Невозможно удалить: источник используется в цели",
   "color_strip.error.name_required": "Введите название",
   "color_strip.type": "Тип:",
-  "color_strip.type.hint": "Источник изображения получает цвета светодиодов из захвата экрана. Статический цвет заполняет все светодиоды одним постоянным цветом. Градиент распределяет цветовой градиент по всем светодиодам.",
+  "color_strip.type.hint": "Источник изображения получает цвета светодиодов из захвата экрана. Статический цвет заполняет все светодиоды одним постоянным цветом. Градиент распределяет цветовой градиент по всем светодиодам. Смена цвета плавно циклически переключается между заданными цветами.",
   "color_strip.type.picture": "Источник изображения",
   "color_strip.type.static": "Статический цвет",
   "color_strip.type.gradient": "Градиент",
+  "color_strip.type.color_cycle": "Смена цвета",
   "color_strip.static_color": "Цвет:",
   "color_strip.static_color.hint": "Статический цвет, который будет отправлен на все светодиоды полосы.",
   "color_strip.gradient.preview": "Градиент:",
@@ -587,5 +588,22 @@
   "color_strip.gradient.add_stop": "+ Добавить",
   "color_strip.gradient.position": "Позиция (0.0–1.0)",
   "color_strip.gradient.bidir.hint": "Добавить второй цвет справа от этой остановки для создания резкого перехода в градиенте.",
-  "color_strip.gradient.min_stops": "Градиент должен содержать не менее 2 остановок"
+  "color_strip.gradient.min_stops": "Градиент должен содержать не менее 2 остановок",
+  "color_strip.animation": "Анимация",
+  "color_strip.animation.enabled": "Включить анимацию:",
+  "color_strip.animation.enabled.hint": "Включает процедурную анимацию. Светодиоды обновляются со скоростью 30 кадров в секунду по выбранному эффекту.",
+  "color_strip.animation.type": "Эффект:",
+  "color_strip.animation.type.hint": "Эффект анимации. Дыхание работает для статичного цвета и градиента; сдвиг градиента и волна — только для градиентных источников.",
+  "color_strip.animation.type.breathing": "Дыхание",
+  "color_strip.animation.type.color_cycle": "Смена цвета",
+  "color_strip.animation.type.gradient_shift": "Сдвиг градиента",
+  "color_strip.animation.type.wave": "Волна",
+  "color_strip.animation.speed": "Скорость:",
+  "color_strip.animation.speed.hint": "Множитель скорости анимации. 1.0 ≈ один цикл в секунду для дыхания; большие значения ускоряют анимацию.",
+  "color_strip.color_cycle.colors": "Цвета:",
+  "color_strip.color_cycle.colors.hint": "Список цветов для плавной циклической смены. Минимум 2 цвета. По умолчанию — полный радужный спектр.",
+  "color_strip.color_cycle.add_color": "+ Добавить цвет",
+  "color_strip.color_cycle.speed": "Скорость:",
+  "color_strip.color_cycle.speed.hint": "Множитель скорости смены. 1.0 ≈ один полный цикл за 20 секунд; большие значения ускоряют смену.",
+  "color_strip.color_cycle.min_colors": "Смена цвета должна содержать не менее 2 цветов"
 }