Polish compact utility pane

Author: bhack

src/mini_eq/assets/icons/hicolor/scalable/apps/io.github.bhack.mini-eq.svg

@@ -152,6 +152,10 @@ overlay-split-view.mini-eq-workspace > widget.sidebar-pane {
     border-radius: 10px;
 }
 
+.utility-pane-tight .utility-section {
+    padding: 4px 8px;
+}
+
 .utility-row {
     padding: 4px 0;
     border-radius: 0;
@@ -163,6 +167,11 @@ overlay-split-view.mini-eq-workspace > widget.sidebar-pane {
     padding: 2px 0;
 }
 
+.utility-pane-tight .utility-row,
+.utility-pane-tight .compare-row {
+    padding: 1px 0;
+}
+
 .output-scope-state-label {
     color: alpha(var(--window-fg-color), 0.86);
 }
@@ -178,31 +187,6 @@ overlay-split-view.mini-eq-workspace > widget.sidebar-pane {
     background-color: transparent;
 }
 
-.compare-state-chip {
-    min-width: 74px;
-    padding: 3px 9px;
-    border-radius: 999px;
-    background-color: rgba(127, 145, 165, 0.10);
-    color: alpha(var(--window-fg-color), 0.88);
-    font-size: 9pt;
-    font-weight: 800;
-}
-
-.compare-state-equalized {
-    background-color: rgba(78, 184, 109, 0.14);
-    color: var(--mini-success-color);
-}
-
-.compare-state-original {
-    background-color: rgba(127, 145, 165, 0.12);
-    color: alpha(var(--window-fg-color), 0.88);
-}
-
-.compare-state-ready {
-    background-color: alpha(var(--window-fg-color), 0.09);
-    color: alpha(var(--window-fg-color), 0.82);
-}
-
 .preset-row {
     margin-top: 2px;
 }
@@ -230,6 +214,13 @@ overlay-split-view.mini-eq-workspace > widget.sidebar-pane {
     background-color: var(--mini-border-soft);
 }
 
+.popover-section-heading {
+    padding: 2px 10px 1px;
+    color: alpha(var(--window-fg-color), 0.58);
+    font-size: 9pt;
+    font-weight: 700;
+}
+
 button.popover-action {
     min-width: 178px;
     min-height: 34px;
@@ -272,7 +263,6 @@ button.popover-action.destructive-action:not(:disabled) {
 
 .utility-pane-dense .preset-state-chip,
 .utility-pane-dense .system-state-chip,
-.utility-pane-dense .compare-state-chip,
 .utility-pane-dense .headroom-peak-chip {
     padding: 2px 8px;
 }
@@ -348,6 +338,10 @@ button.popover-action.destructive-action:not(:disabled) {
     font-size: 12pt;
 }
 
+.utility-pane-tight .headroom-state {
+    font-size: 11pt;
+}
+
 .headroom-peak-chip {
     padding: 3px 9px;
     border-radius: 999px;
@@ -400,6 +394,10 @@ button.popover-action.destructive-action:not(:disabled) {
     padding-top: 3px;
 }
 
+.utility-pane-tight .monitor-strip {
+    padding-top: 2px;
+}
+
 .monitor-detail-row {
     min-height: 24px;
 }

src/mini_eq/style.css

@@ -207,6 +207,9 @@ def __init__(
         self.analyzer_last_frame_time = time.monotonic()
         self.utility_pane_button: Gtk.ToggleButton | None = None
         self.utility_pane_binding: GObject.Binding | None = None
+        self.fallback_preset_row_visible = False
+        self.default_preset_row: Gtk.Box | None = None
+        self.preset_default_heading: Gtk.Label | None = None
         self.headroom_panel: Gtk.Box | None = None
         self.headroom_fix_button: Gtk.Button | None = None
         self.close_finish_source_id = 0
@@ -225,7 +228,6 @@ def __init__(
         self.mode_combo.set_sensitive(False)
         self.route_switch = Gtk.Switch()
         self.bypass_switch = Gtk.Switch()
-        self.bypass_state_label = Gtk.Label(xalign=1.0)
         self.selected_band_gain_spin = Gtk.SpinButton.new_with_range(EQ_GAIN_MIN_DB, EQ_GAIN_MAX_DB, 0.1)
         self.analyzer_switch = Gtk.Switch()
         self.analyzer_freeze_switch = Gtk.Switch()

src/mini_eq/window.py

@@ -275,27 +275,17 @@ def update_selected_band_editor(self) -> None:
         self.selected_band_solo_button.set_active(selected.solo)
 
     def update_eq_power_indicator(self) -> None:
-        self.bypass_state_label.remove_css_class("compare-state-equalized")
-        self.bypass_state_label.remove_css_class("compare-state-original")
-        self.bypass_state_label.remove_css_class("compare-state-ready")
-
         route_enabled = self.is_system_routed()
         self.bypass_switch.set_sensitive(route_enabled)
 
         if not route_enabled:
-            self.bypass_state_label.add_css_class("compare-state-ready")
-            self.bypass_state_label.set_tooltip_text("Turn on System-wide EQ to compare")
-            self.bypass_state_label.set_text("Not Applied")
+            self.bypass_switch.set_tooltip_text("Turn on System-wide EQ to compare")
             return
 
         if self.controller.eq_enabled:
-            self.bypass_state_label.add_css_class("compare-state-equalized")
-            self.bypass_state_label.set_tooltip_text("EQ curve is applied")
-            self.bypass_state_label.set_text("Equalized")
+            self.bypass_switch.set_tooltip_text("A/B Compare: equalized audio is playing")
         else:
-            self.bypass_state_label.add_css_class("compare-state-original")
-            self.bypass_state_label.set_tooltip_text("Original audio is playing")
-            self.bypass_state_label.set_text("Original")
+            self.bypass_switch.set_tooltip_text("A/B Compare: original audio is playing")
 
     def sync_ui_from_state(self) -> None:
         self.updating_ui = True

src/mini_eq/window_graph.py

@@ -58,6 +58,7 @@
 COMPACT_FADER_SCROLLER_MIN_HEIGHT = 150
 ROOMY_FADER_SCROLLER_MIN_HEIGHT = 290
 UTILITY_DENSE_HEIGHT = 660
+UTILITY_TIGHT_HEIGHT = 620
 
 
 class MiniEqWindowLayoutMixin:
@@ -625,10 +626,21 @@ def sync_visual_layout(height: int | None = None) -> None:
                 ROOMY_FADER_SCROLLER_MIN_HEIGHT,
                 layout_height,
             )
-            if layout_height <= UTILITY_DENSE_HEIGHT:
+            dense_utility = layout_height <= UTILITY_DENSE_HEIGHT
+            tight_utility = layout_height <= UTILITY_TIGHT_HEIGHT
+            if dense_utility:
                 right_column.add_css_class("utility-pane-dense")
             else:
                 right_column.remove_css_class("utility-pane-dense")
+            if tight_utility:
+                right_column.add_css_class("utility-pane-tight")
+            else:
+                right_column.remove_css_class("utility-pane-tight")
+
+            fallback_row = getattr(self, "default_preset_row", None)
+            if fallback_row is not None:
+                fallback_row.set_visible(getattr(self, "fallback_preset_row_visible", False))
+
             right_column.set_spacing(responsive_value(6, 12, layout_height))
             right_column.set_margin_top(responsive_value(2, 4, layout_height))
             right_column.set_margin_bottom(responsive_value(0, 2, layout_height))

src/mini_eq/window_layout.py

@@ -612,8 +612,12 @@ def refresh_preset_actions(self, state: PresetPanelUiState | None = None) -> Non
 
         self.set_preset_widget_visible("default_preset_set_button", state.default_set_visible)
         self.set_preset_widget_visible("default_preset_clear_button", state.default_clear_visible)
+        self.set_preset_widget_visible(
+            "preset_default_heading",
+            state.default_set_visible or state.default_clear_visible,
+        )
         self.default_preset_set_button.set_sensitive(state.default_set_visible)
-        self.default_preset_set_button.set_tooltip_text("Use this preset when no auto preset matches")
+        self.default_preset_set_button.set_tooltip_text("Use the current preset when no auto preset matches")
         self.default_preset_clear_button.set_sensitive(state.default_clear_visible)
         self.default_preset_clear_button.set_tooltip_text(
             "Bypass unmatched outputs instead of loading a fallback preset"
@@ -708,10 +712,14 @@ def update_fallback_preset_state(self) -> None:
         label = getattr(self, "default_preset_state_label", None)
         set_button = getattr(self, "default_preset_set_button", None)
         clear_button = getattr(self, "default_preset_clear_button", None)
+        row = getattr(self, "default_preset_row", None)
 
         try:
             default_preset = get_output_preset_fallback_name()
         except Exception as exc:
+            self.fallback_preset_row_visible = True
+            if row is not None:
+                row.set_visible(True)
             if label is not None:
                 label.set_text("Unavailable")
                 label.set_tooltip_text(str(exc))
@@ -721,6 +729,10 @@ def update_fallback_preset_state(self) -> None:
                 clear_button.set_sensitive(False)
             return
 
+        self.fallback_preset_row_visible = default_preset is not None
+        if row is not None:
+            row.set_visible(self.fallback_preset_row_visible)
+
         has_named_preset = self.current_preset_name is not None
         if set_button is not None:
             set_button.set_sensitive(has_named_preset)

src/mini_eq/window_presets.py

@@ -111,6 +111,8 @@ def make_preset_section(self) -> Gtk.Box:
 
         default_preset_row = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL, spacing=10)
         default_preset_row.add_css_class("utility-row")
+        default_preset_row.set_visible(False)
+        self.default_preset_row = default_preset_row
         default_preset_label = Gtk.Label(label="Fallback", xalign=0.0)
         default_preset_row.append(default_preset_label)
         default_preset_row.append(self.default_preset_state_label)
@@ -177,8 +179,12 @@ def make_preset_action(label: str, callback, *, destructive: bool = False) -> tu
 
         self.preset_default_separator = append_preset_separator()
 
+        self.preset_default_heading = Gtk.Label(label="Unmatched Outputs", xalign=0.0)
+        self.preset_default_heading.add_css_class("popover-section-heading")
+        preset_more_box.append(self.preset_default_heading)
+
         self.default_preset_set_button, self.default_preset_set_button_label = make_preset_action(
-            "Use as Fallback",
+            "Use Current as Fallback",
             self.on_use_preset_as_fallback_clicked,
         )
 
@@ -243,23 +249,16 @@ def make_system_section(self) -> tuple[Gtk.Box, Gtk.Box]:
 
         compare_panel = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL, spacing=8)
         compare_panel.add_css_class("compare-row")
-        compare_title = Gtk.Label(label="Compare", xalign=0.0)
+        compare_title = Gtk.Label(label="A/B", xalign=0.0)
         compare_title.add_css_class("metric-title")
         bind_label_to_control(compare_title, self.bypass_switch)
         compare_panel.append(compare_title)
         compare_spacer = Gtk.Box()
         compare_spacer.set_hexpand(True)
         compare_panel.append(compare_spacer)
-        self.bypass_state_label.add_css_class("compare-state-chip")
-        self.bypass_state_label.set_accessible_role(Gtk.AccessibleRole.STATUS)
-        set_accessible_label(self.bypass_state_label, "Compare State")
-        self.bypass_state_label.set_width_chars(9)
-        self.bypass_state_label.set_size_request(92, -1)
-        self.bypass_state_label.set_xalign(0.5)
-        compare_panel.append(self.bypass_state_label)
-        self.bypass_switch.set_tooltip_text("Compare Audio")
+        self.bypass_switch.set_tooltip_text("A/B Compare")
         self.bypass_switch.set_valign(Gtk.Align.CENTER)
-        set_accessible_label(self.bypass_switch, "Equalized Audio")
+        set_accessible_label(self.bypass_switch, "A/B Compare")
         compare_panel.append(self.bypass_switch)
         system_section.append(compare_panel)
 

src/mini_eq/window_utility.py

@@ -415,8 +415,8 @@ def verify_dropdown_exposes_options(frame, *, combo_name, required_options):
         lambda: find_accessible(frame, name="System-wide EQ", role="switch", showing=True),
     )
     compare_switch = wait_for(
-        "Compare switch",
-        lambda: find_accessible(frame, name="Compare", role="switch", showing=True),
+        "A/B compare switch",
+        lambda: find_accessible(frame, name="A/B", role="switch", showing=True),
     )
     monitor_switch = wait_for(
         "Monitor switch",