use ui::{    ActiveTheme as _, AnyElement, ButtonSize, Checkbox, Context, ContextMenu, DropdownMenu,    ElementId, IntoElement as _, ParentElement as _, Styled as _, ToggleState, Tooltip, Window,    div, h_flex,}; use crate::{    CsvPreviewView,    settings::{FilterSortOrder, VerticalAlignment},}; ///// Settings related /////impl CsvPreviewView {    /// Render settings panel above the table    pub(crate) fn render_settings_panel(        &self,        window: &mut Window,        cx: &mut Context<Self>,    ) -> AnyElement {        let current_alignment_text = match self.settings.vertical_alignment {            VerticalAlignment::Top => "Top",            VerticalAlignment::Center => "Center",        };         let current_filter_sort_text = match self.settings.filter_sort_order {            FilterSortOrder::AlphaThenCount => "A-Z, then Count",            FilterSortOrder::CountThenAlpha => "Count, then A-Z",        };         let view = cx.entity();        let alignment_dropdown_menu = ContextMenu::build(window, cx, |menu, _window, _cx| {            menu.entry("Top", None, {                let view = view.clone();                move |_window, cx| {                    view.update(cx, |this, cx| {                        this.settings.vertical_alignment = VerticalAlignment::Top;                        cx.notify();                    });                }            })            .entry("Center", None, {                let view = view.clone();                move |_window, cx| {                    view.update(cx, |this, cx| {                        this.settings.vertical_alignment = VerticalAlignment::Center;                        cx.notify();                    });                }            })        });         let filter_sort_dropdown_menu = ContextMenu::build(window, cx, |menu, _window, _cx| {            menu.entry("A-Z, then Count", None, {                let view = view.clone();                move |_window, cx| {                    view.update(cx, |this, cx| {                        this.settings.filter_sort_order = FilterSortOrder::AlphaThenCount;                        cx.notify();                    });                }            })            .entry("Count, then A-Z", None, {                let view = view.clone();                move |_window, cx| {                    view.update(cx, |this, cx| {                        this.settings.filter_sort_order = FilterSortOrder::CountThenAlpha;                        cx.notify();                    });                }            })        });         let panel = h_flex()            .gap_4()            .p_2()            .bg(cx.theme().colors().surface_background)            .border_b_1()            .border_color(cx.theme().colors().border)            .flex_wrap()            .child(                h_flex()                    .gap_2()                    .items_center()                    .child(                        div()                            .text_sm()                            .text_color(cx.theme().colors().text_muted)                            .child("Text Alignment:"),                    )                    .child(                        DropdownMenu::new(                            ElementId::Name("vertical-alignment-dropdown".into()),                            current_alignment_text,                            alignment_dropdown_menu,                        )                        .trigger_size(ButtonSize::Compact)                        .trigger_tooltip(Tooltip::text(                            "Choose vertical text alignment within cells",                        )),                    ),            )            .child(                h_flex()                    .gap_2()                    .items_center()                    .child(                        div()                            .text_sm()                            .text_color(cx.theme().colors().text_muted)                            .child("Filter Sort:"),                    )                    .child(                        DropdownMenu::new(                            ElementId::Name("filter-sort-order-dropdown".into()),                            current_filter_sort_text,                            filter_sort_dropdown_menu,                        )                        .trigger_size(ButtonSize::Compact)                        .trigger_tooltip(Tooltip::text(                            "Choose how filter values are sorted in the filter menu",                        )),                    ),            );         let multiline_enabled = self.settings.multiline_cells_enabled;        let panel = panel.child({            let view = view.clone();            Checkbox::new(                ElementId::Name("multiline-rows-checkbox".into()),                if multiline_enabled {                    ToggleState::Selected                } else {                    ToggleState::Unselected                },            )            .label("Display multiline rows")            .tooltip(Tooltip::text(                "When enabled, row height grows to show all content. \                 When disabled, only the first line is visible — hover a cell to see the rest.",            ))            .on_click(move |_state, _window, cx| {                view.update(cx, |this, cx| {                    this.settings.multiline_cells_enabled = !this.settings.multiline_cells_enabled;                    cx.notify();                });            })        });         #[cfg(feature = "dev-tools")]        let panel = panel.child(            h_flex()                .gap_2()                .items_center()                .child(                    div()                        .text_sm()                        .text_color(cx.theme().colors().text_muted)                        .child("Dev-only:"),                )                .child(create_dev_only_popover_menu(cx)),        );         panel.into_any_element()    }} #[cfg(feature = "dev-tools")]fn create_dev_only_popover_menu(    cx: &mut Context<'_, CsvPreviewView>,) -> ui::PopoverMenu<ContextMenu> {    use crate::settings::RowRenderMechanism;    use ui::{IconButton, IconName, IconPosition, IconSize, PopoverMenu};     PopoverMenu::new("debug-options-menu")        .trigger_with_tooltip(            IconButton::new("debug-options-trigger", IconName::Settings).icon_size(IconSize::Small),            Tooltip::text(                "Dev-only section used for debugging purposes.\nWill be removed on public release of CSV feature"            ),        )        .menu({            let view_entity = cx.entity();            move |window, cx| {                let view = view_entity.read(cx);                let settings = view.settings.clone();                Some(ContextMenu::build(window, cx, |menu, _, _| {                    menu.header("Rendering Mode")                        .toggleable_entry(                            "Variable Height",                            settings.rendering_with == RowRenderMechanism::VariableList,                            IconPosition::Start,                            None,                            {                                let view_entity = view_entity.clone();                                move |_w, cx| {                                    view_entity.update(cx, |view, cx| {                                        view.settings.rendering_with =                                            RowRenderMechanism::VariableList;                                        cx.notify();                                    })                                }                            },                        )                        .toggleable_entry(                            "Uniform Height",                            settings.rendering_with == RowRenderMechanism::UniformList,                            IconPosition::Start,                            None,                            {                                let view_entity = view_entity.clone();                                move |_w, cx| {                                    view_entity.update(cx, |view, cx| {                                        view.settings.rendering_with =                                            RowRenderMechanism::UniformList;                                        cx.notify();                                    })                                }                            },                        )                        .separator()                        .toggleable_entry(                            "Show perf metrics",                            settings.show_perf_metrics_overlay,                            IconPosition::Start,                            None,                            {                                let view_entity = view_entity.clone();                                move |_w, cx| {                                    view_entity.update(cx, |view, cx| {                                        view.settings.show_perf_metrics_overlay =                                            !view.settings.show_perf_metrics_overlay;                                        cx.notify();                                    })                                }                            },                        )                        .toggleable_entry(                            "Show cell positions",                            settings.show_debug_info,                            IconPosition::Start,                            None,                            {                                let view_entity = view_entity.clone();                                move |_, cx| {                                    view_entity.update(cx, |view, cx| {                                        view.settings.show_debug_info =                                            !view.settings.show_debug_info;                                        cx.notify();                                    })                                }                            },                        )                }))            }        })}