sunnypilot v2026.002.000

version: sunnypilot v2026.002.000 (staging) date: 2026-07-21T07:44:02 master commit: 2c334ede443d7391d27575af8c854a095ba702a8
2026-07-21 07:44:02 +00:00
commit de77c89cf6
@@ -0,0 +1,204 @@
+import abc
+from collections.abc import Callable
+
+import pyray as rl
+
+from openpilot.system.ui.lib.application import gui_app, FontWeight
+from openpilot.system.ui.widgets import Widget
+from openpilot.system.ui.widgets.label import UnifiedLabel
+from openpilot.common.filter_simple import FirstOrderFilter, BounceFilter
+
+
+class SliderBase(Widget, abc.ABC):
+  HORIZONTAL_PADDING = 8
+  CONFIRM_DELAY = 0.2
+  PRESSED_SCALE = 1.07
+
+  _bg_txt: rl.Texture
+  _circle_bg_txt: rl.Texture
+  _circle_bg_pressed_txt: rl.Texture
+  _circle_arrow_txt: rl.Texture
+
+  def __init__(self, title: str, confirm_callback: Callable | None = None, shimmer_offset: float = 0.0):
+    super().__init__()
+    self._confirm_callback = confirm_callback
+    self._shimmer_offset = shimmer_offset
+
+    self._load_assets()
+
+    self._drag_threshold = -self._rect.width // 2
+
+    # State
+    self._opacity_filter = FirstOrderFilter(1.0, 0.1, 1 / gui_app.target_fps)
+    self._confirmed_time = 0.0
+    self._confirm_callback_called = False  # we keep dialog open by default, only call once
+    self._start_x_circle = 0.0
+    self._scroll_x_circle = 0.0
+    self._scroll_x_circle_filter = FirstOrderFilter(0, 0.05, 1 / gui_app.target_fps)
+    self._circle_scale_filter = BounceFilter(1.0, 0.1, 1 / gui_app.target_fps)
+    self._circle_press_time: float | None = None
+
+    self._is_dragging_circle = False
+
+    self._label = self._child(UnifiedLabel(title, font_size=36, font_weight=FontWeight.SEMI_BOLD, text_color=rl.WHITE,
+                                           alignment=rl.GuiTextAlignment.TEXT_ALIGN_RIGHT,
+                                           alignment_vertical=rl.GuiTextAlignmentVertical.TEXT_ALIGN_MIDDLE, line_height=0.9, shimmer=True))
+
+  @abc.abstractmethod
+  def _load_assets(self):
+    ...
+
+  @property
+  def confirmed(self) -> bool:
+    return self._confirmed_time > 0.0
+
+  def show_event(self):
+    super().show_event()
+    self.reset()
+
+  def reset(self):
+    # reset all slider state
+    self._is_dragging_circle = False
+    self._circle_press_time = None
+    self._confirmed_time = 0.0
+    self._confirm_callback_called = False
+    self._label.reset_shimmer(self._shimmer_offset)
+
+  def set_opacity(self, opacity: float, smooth: bool = False):
+    if smooth:
+      self._opacity_filter.update(opacity)
+    else:
+      self._opacity_filter.x = opacity
+
+  @property
+  def slider_percentage(self):
+    activated_pos = -self._bg_txt.width + self._circle_bg_txt.width
+    return min(max(-self._scroll_x_circle_filter.x / abs(activated_pos), 0.0), 1.0)
+
+  def _on_confirm(self):
+    if self._confirm_callback:
+      self._confirm_callback()
+
+  def _handle_mouse_event(self, mouse_event):
+    super()._handle_mouse_event(mouse_event)
+
+    if mouse_event.left_pressed:
+      # touch rect goes to the padding
+      circle_button_rect = rl.Rectangle(
+        self._rect.x + (self._rect.width - self._circle_bg_txt.width) + self._scroll_x_circle_filter.x - self.HORIZONTAL_PADDING * 2,
+        self._rect.y,
+        self._circle_bg_txt.width + self.HORIZONTAL_PADDING * 2,
+        self._rect.height,
+      )
+      if rl.check_collision_point_rec(mouse_event.pos, circle_button_rect):
+        self._start_x_circle = mouse_event.pos.x
+        self._is_dragging_circle = True
+        self._circle_press_time = rl.get_time()
+
+    elif mouse_event.left_released:
+      # swiped to left
+      if self._scroll_x_circle_filter.x < self._drag_threshold:
+        self._confirmed_time = rl.get_time()
+
+      self._is_dragging_circle = False
+
+    if self._is_dragging_circle:
+      self._scroll_x_circle = mouse_event.pos.x - self._start_x_circle
+
+  def _update_state(self):
+    super()._update_state()
+    # TODO: this math can probably be cleaned up to remove duplicate stuff
+    activated_pos = int(-self._bg_txt.width + self._circle_bg_txt.width)
+    self._scroll_x_circle = max(min(self._scroll_x_circle, 0), activated_pos)
+
+    if self.confirmed:
+      # swiped left to confirm
+      self._scroll_x_circle_filter.update(activated_pos)
+
+      # activate once animation completes, small threshold for small floats
+      if self._scroll_x_circle_filter.x < (activated_pos + 1):
+        if not self._confirm_callback_called and (rl.get_time() - self._confirmed_time) >= self.CONFIRM_DELAY:
+          self._confirm_callback_called = True
+          self._on_confirm()
+
+    elif not self._is_dragging_circle:
+      # reset back to right
+      self._scroll_x_circle_filter.update(0)
+    else:
+      # not activated yet, keep movement 1:1
+      self._scroll_x_circle_filter.x = self._scroll_x_circle
+
+  def _render(self, _):
+    white = rl.Color(255, 255, 255, int(255 * self._opacity_filter.x))
+
+    bg_txt_x = self._rect.x + (self._rect.width - self._bg_txt.width) / 2
+    bg_txt_y = self._rect.y + (self._rect.height - self._bg_txt.height) / 2
+    rl.draw_texture_ex(self._bg_txt, rl.Vector2(bg_txt_x, bg_txt_y), 0.0, 1.0, white)
+
+    btn_x = bg_txt_x + self._bg_txt.width - self._circle_bg_txt.width + self._scroll_x_circle_filter.x
+    btn_y = self._rect.y + (self._rect.height - self._circle_bg_txt.height) / 2
+
+    label_alpha = int(255 * (1.0 - self.slider_percentage) * self._opacity_filter.x)
+    if label_alpha > 0:
+      self._label.set_text_color(rl.Color(255, 255, 255, label_alpha))
+      label_rect = rl.Rectangle(
+        self._rect.x + 20,
+        self._rect.y,
+        self._rect.width - self._circle_bg_txt.width - 20 * 2.5,
+        self._rect.height,
+      )
+      self._label.render(label_rect)
+
+    # circle and arrow with grow animation
+    circle_pressed = self._is_dragging_circle or self.confirmed or (self._circle_press_time is not None and rl.get_time() - self._circle_press_time < 0.075)
+    circle_bg_txt = self._circle_bg_pressed_txt if circle_pressed else self._circle_bg_txt
+    scale = self._circle_scale_filter.update(self.PRESSED_SCALE if circle_pressed else 1.0)
+    scaled_btn_x = btn_x + (self._circle_bg_txt.width * (1 - scale)) / 2
+    scaled_btn_y = btn_y + (self._circle_bg_txt.height * (1 - scale)) / 2
+    rl.draw_texture_ex(circle_bg_txt, rl.Vector2(scaled_btn_x, scaled_btn_y), 0.0, scale, white)
+
+    arrow_x = btn_x + (self._circle_bg_txt.width - self._circle_arrow_txt.width) / 2
+    arrow_y = scaled_btn_y + (self._circle_bg_txt.height - self._circle_arrow_txt.height) / 2
+    rl.draw_texture_ex(self._circle_arrow_txt, rl.Vector2(arrow_x, arrow_y), 0.0, 1.0, white)
+
+
+class LargerSlider(SliderBase):
+  def __init__(self, title: str, confirm_callback: Callable | None = None, green: bool = True, shimmer_offset: float = 0.0):
+    self._green = green
+    super().__init__(title, confirm_callback=confirm_callback, shimmer_offset=shimmer_offset)
+
+  def _load_assets(self):
+    self.set_rect(rl.Rectangle(0, 0, 520 + self.HORIZONTAL_PADDING * 2, 115))
+
+    self._bg_txt = gui_app.texture("icons_mici/setup/small_slider/slider_bg_larger.png", 520, 115)
+    circle_fn = "slider_green_rounded_rectangle" if self._green else "slider_black_rounded_rectangle"
+    self._circle_bg_txt = gui_app.texture(f"icons_mici/setup/small_slider/{circle_fn}.png", 180, 115)
+    self._circle_bg_pressed_txt = gui_app.texture(f"icons_mici/setup/small_slider/{circle_fn}_pressed.png", 180, 115)
+    self._circle_arrow_txt = gui_app.texture("icons_mici/setup/small_slider/slider_arrow.png", 64, 55)
+
+
+class BigSlider(SliderBase):
+  def __init__(self, title: str, icon: rl.Texture, confirm_callback: Callable | None = None):
+    self._icon = icon
+    super().__init__(title, confirm_callback=confirm_callback)
+    self._label.set_font_size(48)
+    self._label.set_font_weight(FontWeight.DISPLAY)
+    self._label.set_line_height(0.875)
+
+  def _load_assets(self):
+    self.set_rect(rl.Rectangle(0, 0, 520 + self.HORIZONTAL_PADDING * 2, 180))
+
+    self._bg_txt = gui_app.texture("icons_mici/buttons/slider_bg.png", 520, 180)
+    self._circle_bg_txt = gui_app.texture("icons_mici/buttons/button_circle.png", 180, 180)
+    self._circle_bg_pressed_txt = gui_app.texture("icons_mici/buttons/button_circle_pressed.png", 180, 180)
+    self._circle_arrow_txt = self._icon
+
+
+class RedBigSlider(BigSlider):
+  def _load_assets(self):
+    self.set_rect(rl.Rectangle(0, 0, 520 + self.HORIZONTAL_PADDING * 2, 180))
+
+    self._bg_txt = gui_app.texture("icons_mici/buttons/slider_bg.png", 520, 180)
+    self._circle_bg_txt = gui_app.texture("icons_mici/buttons/button_circle_red.png", 180, 180)
+    self._circle_bg_pressed_txt = gui_app.texture("icons_mici/buttons/button_circle_red_pressed.png", 180, 180)
+    self._circle_arrow_txt = self._icon