Mini Kabibi Habibi

layout dalle3_options {
    interface:
        showFlyoutCloseButton: true;
        showFlyoutMargin: true;
        showInFlyoutMode: true;
        showInEmbeddedMode: false;

    view popup_subview(horizontal: @align_fill,
                       spacing: @related_spacing,
                       vertical: @align_fill) {

        row(child_vertical: @align_center,
            horizontal: @align_fill) {

            column(horizontal: @align_fill) {

                optional(bind: @showFlyoutMargin) {

                    static_text(name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Quality/Name=Quality");
                }

                optional(bind: @showInEmbeddedMode) {

                    static_text(name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Quality/Name=Quality",
                                vertical: @align_center);
                }
            }

            optional(bind: @showFlyoutCloseButton) {

                context_button(alt: "$$$/SyntheticTextToImage/Settings/CloseButton/Name=Close",
                               horizontal: @align_right,
                               identifier: "closeFlyout",
                               image: "CloseControlSmall");
            }
        }

        column(horizontal: @align_fill,
               vertical: @align_fill) {

            column(horizontal: @align_fill,
                   spacing: @related_spacing) {

                button_bar(horizontal: @align_fill,
                           identifier: "dalleQualityButtonCluster",
                           items: [ { identifier: "dalleQuality1",
                                      minWidth: 97,
                                      minheight: 35,
                                      name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Quality/Standard=Standard",
                                      value: 0 },
                                    { identifier: "dalleQuality2",
                                      minWidth: 97,
                                      minheight: 35,
                                      name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Quality/HD=HD",
                                      value: 1 } ],
                           vertical: @align_center);
            }

            column(horizontal: @align_fill,
                   spacing: @related_spacing) {

                optional(bind: @showInFlyoutMode) {

                    static_text(name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Style/Name=Style",
                                vertical: @align_center);
                }

                optional(bind: @showInEmbeddedMode) {

                    static_text(name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Style/Name=Style",
                                vertical: @align_center);
                }

                button_bar(horizontal: @align_fill,
                           identifier: "dalleStyleButtonCluster",
                           items: [ { identifier: "dalleStyle1",
                                      minWidth: 97,
                                      minheight: 35,
                                      name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Style/Vivid=Vivid",
                                      value: 0 },
                                    { identifier: "dalleStyle2",
                                      minWidth: 97,
                                      minheight: 35,
                                      name: "$$$/SyntheticTextToImage/Dialog/StaticText/DallEOptions/Style/Natural=Natural",
                                      value: 1 } ],
                           vertical: @align_center);
            }
        }
    }
}