From 2b8219015513d89eae18350b6244c8e9bdadb71d Mon Sep 17 00:00:00 2001
From: Broque Thomas <batmanesignal@gmail.com>
Date: Tue, 29 Jul 2025 17:54:17 -0700
Subject: [PATCH] cleared

---
 ui/__pycache__/sidebar.cpython-312.pyc | Bin 57808 -> 56950 bytes
 ui/sidebar.py                          | 281 +++++++++++++------------
 2 files changed, 143 insertions(+), 138 deletions(-)

diff --git a/ui/__pycache__/sidebar.cpython-312.pyc b/ui/__pycache__/sidebar.cpython-312.pyc
index 22cba62c44da210626f0afdae7cf5292add6e2c6..98d8075999d877071e3a20c5b2a9bab582bbf982 100644
GIT binary patch
delta 3834
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

delta 3461
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
Rlark0hrW`ruQ;2|^FOFzW`h6#

diff --git a/ui/sidebar.py b/ui/sidebar.py
index 823582b5..b04ba8cd 100644
--- a/ui/sidebar.py
+++ b/ui/sidebar.py
@@ -614,23 +614,24 @@ class MediaPlayer(QWidget):
         self.setup_ui()
     
     def setup_ui(self):
-        self.setFixedHeight(70)  # Slightly taller for better proportions
+        self.setFixedHeight(85)  # More space for better proportions
         self.setStyleSheet("""
             MediaPlayer {
                 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 rgba(255, 255, 255, 0.05),
-                                          stop: 0.3 rgba(255, 255, 255, 0.02),
-                                          stop: 1 transparent);
-                border: 1px solid rgba(255, 255, 255, 0.08);
-                border-radius: 16px;
-                margin: 0 8px;
+                                          stop: 0 rgba(26, 26, 26, 0.95),
+                                          stop: 0.5 rgba(18, 18, 18, 0.98),
+                                          stop: 1 rgba(12, 12, 12, 1.0));
+                border: 1px solid rgba(255, 255, 255, 0.05);
+                border-radius: 12px;
+                margin: 8px 10px;
             }
             MediaPlayer:hover {
-                border: 1px solid rgba(29, 185, 84, 0.15);
+                border: 1px solid rgba(29, 185, 84, 0.2);
                 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 rgba(29, 185, 84, 0.06),
-                                          stop: 0.3 rgba(255, 255, 255, 0.03),
-                                          stop: 1 transparent);
+                                          stop: 0 rgba(29, 185, 84, 0.08),
+                                          stop: 0.5 rgba(26, 26, 26, 0.95),
+                                          stop: 1 rgba(18, 18, 18, 1.0));
+                transform: translateY(-1px);
             }
         """)
         
@@ -652,213 +653,213 @@ class MediaPlayer(QWidget):
         layout.addWidget(self.expanded_content)
         
         # No track message (shown when no music)
-        self.no_track_label = QLabel("No track playing")
+        self.no_track_label = QLabel("Start playing music to see controls")
         self.no_track_label.setAlignment(Qt.AlignmentFlag.AlignCenter)
         self.no_track_label.setStyleSheet("""
             QLabel {
-                color: rgba(255, 255, 255, 0.4);
-                font-size: 11px;
-                font-weight: 500;
-                padding: 14px;
+                color: #6a6a6a;
+                font-size: 12px;
+                font-weight: 400;
+                padding: 20px 16px;
                 background: transparent;
-                letter-spacing: 0.3px;
-                font-family: 'SF Pro Text', -apple-system, sans-serif;
+                letter-spacing: 0.2px;
+                font-family: 'Spotify Circular', -apple-system, sans-serif;
+                line-height: 1.4;
             }
         """)
         layout.addWidget(self.no_track_label)
     
     def create_header(self):
         header = QWidget()
-        layout = QHBoxLayout(header)
-        layout.setContentsMargins(0, 0, 0, 0)
-        layout.setSpacing(12)
+        main_layout = QVBoxLayout(header)
+        main_layout.setContentsMargins(0, 0, 0, 0)
+        main_layout.setSpacing(8)
+        
+        # Top row: Track info and play button
+        top_row = QHBoxLayout()
+        top_row.setContentsMargins(0, 0, 0, 0)
+        top_row.setSpacing(14)
         
         # Track info (expandable on click) - now with scrolling for long titles
         self.track_info = ScrollingLabel("No track")
         self.track_info.setStyleSheet("""
             ScrollingLabel {
-                color: rgba(255, 255, 255, 0.95);
-                font-size: 13px;
-                font-weight: 600;
+                color: #ffffff;
+                font-size: 14px;
+                font-weight: 700;
                 background: transparent;
-                font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-                letter-spacing: 0.1px;
-                padding: 3px 0px;
+                font-family: 'Spotify Circular', 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
+                letter-spacing: -0.3px;
+                padding: 2px 0px;
+                line-height: 1.2;
             }
             ScrollingLabel:hover {
                 color: #1ed760;
-                font-weight: 700;
+                text-decoration: underline;
             }
         """)
         self.track_info.setCursor(Qt.CursorShape.PointingHandCursor)
         self.track_info.mousePressEvent = self.toggle_expansion
         
-        # Play/pause button
-        self.play_pause_btn = QPushButton("▶")
-        self.play_pause_btn.setFixedSize(36, 36)
+        # Play/pause button - more Spotify-like
+        self.play_pause_btn = QPushButton("▷")
+        self.play_pause_btn.setFixedSize(40, 40)
         self.play_pause_btn.setStyleSheet("""
             QPushButton {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #1ed760,
-                                          stop: 1 #1db954);
+                background: #1ed760;
                 border: none;
-                border-radius: 18px;
+                border-radius: 20px;
                 color: #000000;
-                font-size: 14px;
+                font-size: 16px;
                 font-weight: 900;
-                font-family: Arial, sans-serif;
+                font-family: 'Arial', sans-serif;
             }
             QPushButton:hover {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #1fdf64,
-                                          stop: 1 #1ed760);
-                transform: scale(1.06);
+                background: #1fdf64;
+                transform: scale(1.04);
             }
             QPushButton:pressed {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #1ca851,
-                                          stop: 1 #169c46);
-                transform: scale(0.98);
+                background: #1ca851;
+                transform: scale(0.96);
             }
             QPushButton:disabled {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #404040,
-                                          stop: 1 #2a2a2a);
-                color: #666666;
+                background: #535353;
+                color: #b3b3b3;
             }
         """)
         self.play_pause_btn.clicked.connect(self.on_play_pause_clicked)
         self.play_pause_btn.setEnabled(False)
         
-        layout.addWidget(self.track_info)
-        layout.addStretch()
-        layout.addWidget(self.play_pause_btn)
+        top_row.addWidget(self.track_info)
+        top_row.addStretch()
+        top_row.addWidget(self.play_pause_btn)
+        
+        # Bottom row: Artist info (always visible in collapsed mode)
+        self.artist_info = QLabel("Unknown Artist")
+        self.artist_info.setStyleSheet("""
+            QLabel {
+                color: #b3b3b3;
+                font-size: 11px;
+                font-weight: 400;
+                background: transparent;
+                font-family: 'Spotify Circular', -apple-system, BlinkMacSystemFont, sans-serif;
+                letter-spacing: 0.1px;
+                margin-top: 1px;
+            }
+        """)
+        
+        main_layout.addLayout(top_row)
+        main_layout.addWidget(self.artist_info)
         
         return header
     
     def create_expanded_content(self):
         content = QWidget()
         layout = QVBoxLayout(content)
-        layout.setContentsMargins(0, 5, 0, 0)
-        layout.setSpacing(8)
+        layout.setContentsMargins(0, 2, 0, 0)
+        layout.setSpacing(4)
         
-        # Artist and album info
-        self.artist_album_label = QLabel("Unknown Artist • Unknown Album")
-        self.artist_album_label.setStyleSheet("""
+        # Album info 
+        self.album_label = QLabel("Unknown Album")
+        self.album_label.setStyleSheet("""
             QLabel {
                 color: #a7a7a7;
                 font-size: 11px;
                 font-weight: 400;
                 background: transparent;
-                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-                letter-spacing: 0.3px;
-                margin-top: 2px;
+                font-family: 'Spotify Circular', -apple-system, BlinkMacSystemFont, sans-serif;
+                letter-spacing: 0.1px;
             }
         """)
-        layout.addWidget(self.artist_album_label)
+        layout.addWidget(self.album_label)
         
-        # Control buttons
+        # Control buttons - more Spotify-like
         controls_layout = QHBoxLayout()
-        controls_layout.setContentsMargins(0, 0, 0, 0)
-        controls_layout.setSpacing(10)
-        
-        # Stop button
-        self.stop_btn = QPushButton("⏹")
-        self.stop_btn.setFixedSize(28, 28)
-        self.stop_btn.setStyleSheet("""
-            QPushButton {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 rgba(226, 33, 52, 0.15),
-                                          stop: 1 rgba(180, 28, 42, 0.15));
-                border: 1px solid rgba(226, 33, 52, 0.3);
-                border-radius: 14px;
-                color: #e22134;
-                font-size: 11px;
-                font-weight: 700;
-                font-family: Arial, sans-serif;
-            }
-            QPushButton:hover {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 rgba(226, 33, 52, 0.25),
-                                          stop: 1 rgba(180, 28, 42, 0.25));
-                border: 1px solid rgba(226, 33, 52, 0.5);
-                transform: scale(1.05);
-            }
-            QPushButton:pressed {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 rgba(180, 28, 42, 0.3),
-                                          stop: 1 rgba(150, 23, 35, 0.3));
-                transform: scale(0.95);
-            }
-            QPushButton:disabled {
-                background: rgba(100, 100, 100, 0.1);
-                border: 1px solid rgba(100, 100, 100, 0.2);
-                color: #666666;
-            }
-        """)
-        self.stop_btn.clicked.connect(self.on_stop_clicked)
-        self.stop_btn.setEnabled(False)
+        controls_layout.setContentsMargins(0, 1, 0, 0)
+        controls_layout.setSpacing(6)
         
-        # Volume control
+        # Volume control (Spotify style - more prominent)
         volume_layout = QHBoxLayout()
-        volume_layout.setSpacing(8)
+        volume_layout.setSpacing(10)
         
-        volume_icon = QLabel("♪")
+        volume_icon = QLabel("🔊")
         volume_icon.setStyleSheet("""
             QLabel {
-                color: #a7a7a7;
-                font-size: 12px;
-                font-weight: 600;
-                font-family: Arial, sans-serif;
-                padding: 0px 2px;
+                color: #b3b3b3;
+                font-size: 13px;
+                font-weight: 400;
+                padding: 0px;
             }
         """)
         
         self.volume_slider = QSlider(Qt.Orientation.Horizontal)
         self.volume_slider.setRange(0, 100)
         self.volume_slider.setValue(70)  # Default 70% volume
-        self.volume_slider.setFixedWidth(65)
+        self.volume_slider.setFixedWidth(80)
+        self.volume_slider.setFixedHeight(20)
         self.volume_slider.setStyleSheet("""
             QSlider::groove:horizontal {
                 border: none;
-                height: 4px;
-                background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
-                                          stop: 0 #383838,
-                                          stop: 1 #2a2a2a);
-                border-radius: 2px;
+                height: 3px;
+                background: #4f4f4f;
+                border-radius: 1px;
             }
             QSlider::handle:horizontal {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #ffffff,
-                                          stop: 1 #e0e0e0);
-                border: 1px solid rgba(255, 255, 255, 0.3);
+                background: #ffffff;
+                border: none;
                 width: 12px;
                 height: 12px;
                 border-radius: 6px;
                 margin: -4px 0;
             }
             QSlider::handle:horizontal:hover {
-                background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                          stop: 0 #1ed760,
-                                          stop: 1 #1db954);
-                border: 1px solid rgba(30, 215, 96, 0.5);
-                transform: scale(1.1);
+                background: #1ed760;
+                transform: scale(1.2);
             }
             QSlider::sub-page:horizontal {
-                background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
-                                          stop: 0 #1ed760,
-                                          stop: 1 #1db954);
-                border-radius: 2px;
+                background: #1ed760;
+                border-radius: 1px;
             }
         """)
         self.volume_slider.valueChanged.connect(self.on_volume_changed)
         
+        # Stop button - more visible Spotify style
+        self.stop_btn = QPushButton("⏹")
+        self.stop_btn.setFixedSize(32, 32)
+        self.stop_btn.setStyleSheet("""
+            QPushButton {
+                background: rgba(255, 255, 255, 0.08);
+                border: 1px solid #b3b3b3;
+                border-radius: 16px;
+                color: #ffffff;
+                font-size: 12px;
+                font-weight: 500;
+            }
+            QPushButton:hover {
+                background: rgba(255, 255, 255, 0.15);
+                border: 1px solid #ffffff;
+                color: #ffffff;
+                transform: scale(1.05);
+            }
+            QPushButton:pressed {
+                background: rgba(255, 255, 255, 0.25);
+                transform: scale(0.95);
+            }
+            QPushButton:disabled {
+                background: transparent;
+                border: 1px solid #2a2a2a;
+                color: #535353;
+            }
+        """)
+        self.stop_btn.clicked.connect(self.on_stop_clicked)
+        self.stop_btn.setEnabled(False)
+        
         volume_layout.addWidget(volume_icon)
         volume_layout.addWidget(self.volume_slider)
         
-        controls_layout.addWidget(self.stop_btn)
-        controls_layout.addStretch()
         controls_layout.addLayout(volume_layout)
+        controls_layout.addStretch()
+        controls_layout.addWidget(self.stop_btn)
         
         layout.addLayout(controls_layout)
         
@@ -872,11 +873,11 @@ class MediaPlayer(QWidget):
         self.is_expanded = not self.is_expanded
         
         if self.is_expanded:
-            self.setFixedHeight(125)  # Slightly taller for better spacing
+            self.setFixedHeight(145)  # More space for the new layout
             self.expanded_content.setVisible(True)
             self.no_track_label.setVisible(False)
         else:
-            self.setFixedHeight(65)  # Match the updated collapsed height
+            self.setFixedHeight(85)  # Match the updated collapsed height
             self.expanded_content.setVisible(False)
     
     def set_track_info(self, track_result):
@@ -892,10 +893,13 @@ class MediaPlayer(QWidget):
         
         self.track_info.setText(track_name)
         
-        # Update artist and album
+        # Update artist and album info
         artist = getattr(track_result, 'artist', 'Unknown Artist')
         album = getattr(track_result, 'album', 'Unknown Album')
-        self.artist_album_label.setText(f"{artist} • {album}")
+        
+        # Update the separate artist and album labels
+        self.artist_info.setText(artist)
+        self.album_label.setText(album)
         
         # Enable controls
         self.play_pause_btn.setEnabled(True)
@@ -918,12 +922,12 @@ class MediaPlayer(QWidget):
         """Update play/pause button state"""
         self.is_playing = playing
         if playing:
-            self.play_pause_btn.setText("⏸")
+            self.play_pause_btn.setText("⏸︎")
             # Start scrolling animation when playing
             if self.track_info.should_scroll and not self.track_info.is_scrolling:
                 self.track_info.start_scroll_animation()
         else:
-            self.play_pause_btn.setText("▶")
+            self.play_pause_btn.setText("▷")
             # Optionally stop scrolling when paused (can be customized)
             # self.track_info.stop_scrolling()
     
@@ -938,8 +942,9 @@ class MediaPlayer(QWidget):
         
         # Update UI
         self.track_info.setText("No track")
-        self.artist_album_label.setText("Unknown Artist • Unknown Album")
-        self.play_pause_btn.setText("▶")
+        self.artist_info.setText("Unknown Artist")
+        self.album_label.setText("Unknown Album")
+        self.play_pause_btn.setText("▷")
         self.play_pause_btn.setEnabled(False)
         self.stop_btn.setEnabled(False)