Mini Kabibi Habibi

layout upscaleDialog
{
    constant:
        k_content_width: 340;
        k_slider_width: k_content_width - 20;

    interface:
        showCreativeRadios: false;
        userAcceptedLegalDisclosure: false;
        showSizeLimitWarning: false;
        showServicePicker: false;
        showSettingsCluster: false;
        showFaceRecoveryCheckbox: false;

        
    view upscale_dialog(name: '$$$/Dialog/UpscaleDialog/Title=Generative Upscale',
                               defaultIdentifier: @ok,
                               placement: place_column,
                               margin: 10,
                               spacing: gLargeSpace,
                               isResizable: false,
                               isCloseable: true,
                               qDebugDraw: false)
    {
        TOptional(bind: @showServicePicker) {
            row(vertical: align_fill, horizontal: align_fill) {
                TFlyoutIconButton(identifier : @servicePickerFlyoutButton,
                        horizontal: align_fill,
                        vertical: align_fill,
                        iconRootName: 'gen_ai_firefly_icon',
                       
                        name: '$$$/SyntheticUpscale/ModelPickerButton/Title=Select a model',
                        flyoutControlId: @servicePickerFlyout,
                        tooltip: '$$$/CxUI/Generate/Layer/Bar/ServicePicker/Tooltip=Choose a model.')
                {
                    TCustomDrawFlyoutControl(identifier: @servicePickerFlyout, vertical: align_fill,
                                            width: 200, height: 30);
                }
            }
        }

        TOptional(bind: @showSettingsCluster, horizontal: align_fill) {
            TCluster(placement: place_column,
                width: k_content_width,
                horizontal: align_fill,
                name: '$$$/SyntheticUpscale/SettingsCluster/Title=Settings',
                cluster_style: 'clusterLabelBoldInline',
                frame: true) 
            {
                TOptional(bind: @showFaceRecoveryCheckbox) {
                    column ()
                        {
                        TCheckBox(identifier : @faceRecoveryCheckbox,
                                name : "$$$/SyntheticUpscale/SettingsCluster/Topaz/FaceRecovery=Face recovery");
                        TStaticText(horizontal: align_left,
                                name : "$$$/SyntheticUpscale/SettingsCluster/Topaz/FaceRecoverySubtext=Recovers detail in blurry or low-res faces",
                                font: static_small_font);
                        }
                }
                TOptional(bind: @showCreativeRadios) {
                    TStaticText(horizontal: align_left, name: '$$$/SyntheticUpscale/SettingsCluster/Creativity=Creativity');
                        TRadioBar (
                            width: k_content_width,
                            identifier    : @creativityRadio,
                            richtooltip: true,
                            skin : 'text',
                            identifier1 : 'clow',
                            name1 : '$$$/SyntheticUpscale/SettingsCluster/Clio/Creativity/Low=Low',
                            identifier2 : 'cmid',
                            name2 : '$$$/SyntheticUpscale/SettingsCluster/Clio/Creativity/Medium=Medium',
                            identifier3 : 'chii',
                            name3 : '$$$/SyntheticUpscale/SettingsCluster/Clio/Creativity/High=High',
                            horizontal : align_fill);
                }
            }
        }

        TOptional(bind: @userAcceptedLegalDisclosure, horizontal: align_fill) {
            TCluster(placement: place_column,
                width: k_content_width,
                horizontal: align_fill,
                name: '$$$/SyntheticUpscale/OutputSizeCluster/Title=Output',
                cluster_style: 'clusterLabelBoldInline',
                frame: true) 
            {
                row(vertical: align_fill, horizontal: align_fill) {
                    column(horizontal: align_fill)
                    {
                        TStaticText(horizontal: align_left, name: '$$$/SyntheticUpscale/ImageSizeCluster/Scale=Scale');
                        ZMenuPopup(
                            uniqueID    : true,
                            width       : 80,
                            identifier  : @scalePopup,
                            tooltip     : '$$$/SyntheticUpscale/ScalePopup/Tooltip=Select scaling factor', 
                            horizontal  : align_left,
                            vertical    : align_center
                        );
                    }

                    column(horizontal: align_fill)
                    {
                        TStaticText(horizontal: align_fill, name: '$$$/SyntheticUpscale/ImageSizeCluster/Dimensions=Dimensions');
                        TStaticText(horizontal: align_fill, identifier: @dimensions);
                    }
                }

                TOptional(bind: @showSizeLimitWarning, horizontal: align_fill, placement: place_row) {
                    column(horizontal: align_fill) {
                        TStaticText(horizontal: align_fill, autoWrap: true, identifier: @warningDescription);
                        TStaticText(horizontal: align_left, identifier: @imageSizeLink, name: "$$$/SyntheticUpscale/ImageSize/Link=Open in Image Size...");
                    }

                    TIconImageView(iconRootName : "OrangeWarning",
                                    width        : 30,
                                    vertical     : align_center);
                }
            }
        }

        row(horizontal: align_right)
        {
            TButton(identifier: @cancel, name: '$$$/SyntheticUpscale/Buttons/Cancel=Cancel');
            TButton(identifier: @ok, dismiss: true, default: true, name: '$$$/SyntheticUpscale/Buttons/Upscale=Upscale');

        }

    }
}