Mini Kabibi Habibi

layout cxui_selection_bar {
    constant:
        bar_title: '$$$/CxUI/Selection/Bar/Title=Selection Bar';

        bar_button_width:  38;
        bar_button_height: 35;

        text_button_height: bar_button_height - 7;

        drag_bar_width: 12;

    interface:
        includeGenerate: true;
        includeRemove: true;

    view cxui_bar_window(name: bar_title,
                         placement: place_row,
                         margin: 0,
                         spacing: 0) {
        cxui_background_view(placement: place_row,
                             margin: 0,
                             spacing: 0,
                             horizontal: align_fill,
                             vertical: align_fill) {
            cxui_drag_bar(identifier: @drag,
                          width: drag_bar_width,
                          horizontal: align_left,
                          vertical: align_fill);

            TView(width: 3);

            row(margin: 0,
                spacing: 0,
                horizontal: align_fill,
                vertical: align_fill) {
                TOptional(bind: @includeGenerate,
                          value: true,
                          placement: place_row,
                          margin: [0, gTinyGap, 0, gTinyGap],
                          spacing: gTinyGap,
                          horizontal: align_left,
                          vertical: align_fill) {
                    TIconButton(identifier: @generate, 
                                 width: bar_button_width,
                                 height: text_button_height,
                                 horizontal: align_left,
                                 vertical: align_center,
                                 dataType: 'int32',
                                 button_style: 'context_bar',
                                 frame: 2,
                                 fontColorFromTheme: true,
                                 alignIconTextTogether: true,
                                 iconRootName: 'CxUI_GenerativeFill',
                                 layoverText: '$$$/CxUI/Selection/Bar/Button/GenerateLabel=Generative Fill',
                                 layoverTextPosition: align_right,
                                 tooltip: '$$$/CxUI/Selection/Bar/Button/Generate/Tooltip=Modify existing content, extend images, and generate objects, backgrounds and scenes.');
                }
                TOptional(bind: @includeRemove,
                          value: true,
                          placement: place_row,
                          margin: [0, gTinyGap, 0, gTinyGap],
                          spacing: gTinyGap,
                          horizontal: align_left,
                          vertical: align_fill) {
                    TIconButton(identifier: @remove,
                                 width: bar_button_width,
                                 height: text_button_height,
                                 horizontal: align_left,
                                 vertical: align_center,
                                 dataType: 'int32',
                                 button_style: 'context_bar',
                                 frame: 2,
                                 fontColorFromTheme: true,
                                 alignIconTextTogether: true,
                                 iconRootName: 'Remove',
                                 layoverText: '$$$/CxUI/Selection/Bar/Button/RemoveLabel=Remove',
                                 layoverTextPosition: align_right,
                                 tooltip: '$$$/CxUI/Selection/Bar/Button/Remove/Tooltip=Remove distractions from the selected area such as objects, people, and imperfections.',
                                 richtooltip: true);
                }
                TPunchButton(identifier: @modify,
                             dataType: 'int32',
                             width: bar_button_width,
                             height: bar_button_height,
                             horizontal: align_left,
                             vertical: align_center,
                             button_style: 'context_bar',
                             iconRootName: 'CxUI_SelectAndMask',
                             tooltip: '$$$/CxUI/Selection/Bar/Button/ModifySelection/Tooltip=Modify selection');
                TIconButton(identifier: @invert,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_Inverse',
                            tooltip: '$$$/CxUI/Selection/Bar/Button/Invert/Tooltip=Invert selection');
                TIconButton(identifier: @mask,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_Mask',
                            tooltip: '$$$/CxUI/Selection/Bar/Button/Mask/Tooltip=Create mask from selection');
                TPunchButton(identifier: @fill,
                             dataType: 'int32',
                             width: bar_button_width,
                             height: bar_button_height,
                             horizontal: align_left,
                             vertical: align_center,
                             button_style: 'context_bar',
                             iconRootName: 'CxUI_Fill',
                             tooltip: '$$$/CxUI/Selection/Bar/Button/Fill/Tooltip=Fill selection');
                TIconButton(identifier: @adjustment,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_Adjustments',
                            tooltip: '$$$/CxUI/Selection/Bar/Button/Adjustment/Tooltip=Create new adjustment layer');
                TPunchButton(identifier: @more,
                             dataType: 'int32',
                             width: bar_button_width,
                             height: bar_button_height,
                             horizontal: align_left,
                             vertical: align_center,
                             button_style: 'context_bar',
                             iconRootName: 'CxUI_More',
                             tooltip: '$$$/CxUI/Bar/Common/Button/More/Tooltip=More options');
                TIconButton(identifier: @deselect,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar_emphasized',
                            fontColorFromTheme: true,
                            layoverText: '$$$/CxUI/Selection/Bar/Button/Deselect/Label=Deselect',
                            layoverTextPosition: align_center,
                            tooltip: '$$$/CxUI/Selection/Bar/Button/Deselect/Tooltip=Deselect');
            }
        }
    }
}