windmill-components 1.448.1 → 1.472.1

package/package/components/apps/editor/component/components.d.ts

@@ -1,4469 +0,0 @@
-import type { IntRange } from '../../../../common';
-import type { NARROW_GRID_COLUMNS, WIDE_GRID_COLUMNS } from '../../gridUtils';
-import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock, AppWindow, PanelTop, RefreshCw } from 'lucide-svelte';
-import type { Aligned, BaseAppComponent, ComponentCustomCSS, GridItem, OneOfConfiguration, RichConfiguration, RichConfigurations, StaticRichConfigurations } from '../../types';
-import type { Size } from '../../svelte-grid/types';
-import type { AppInputSpec, EvalV2AppInput, InputConnectionEval, ResultAppInput, StaticAppInput, TemplateV2AppInput } from '../../inputType';
-export type BaseComponent<T extends string> = {
-    type: T;
-};
-export type RecomputeOthersSource = {
-    recomputeIds: string[] | undefined;
-};
-export type CustomComponentConfig = {
-    name: string;
-    additionalLibs?: {
-        reactVersion?: string;
-    };
-};
-export type TextComponent = BaseComponent<'textcomponent'>;
-export type TextInputComponent = BaseComponent<'textinputcomponent'>;
-export type QuillComponent = BaseComponent<'quillcomponent'>;
-export type TextareaInputComponent = BaseComponent<'textareainputcomponent'>;
-export type PasswordInputComponent = BaseComponent<'passwordinputcomponent'>;
-export type EmailInputComponent = BaseComponent<'emailinputcomponent'>;
-export type DateInputComponent = BaseComponent<'dateinputcomponent'>;
-export type TimeInputComponent = BaseComponent<'timeinputcomponent'>;
-export type DateTimeInputComponent = BaseComponent<'datetimeinputcomponent'>;
-export type NumberInputComponent = BaseComponent<'numberinputcomponent'>;
-export type CurrencyComponent = BaseComponent<'currencycomponent'>;
-export type SliderComponent = BaseComponent<'slidercomponent'>;
-export type DateSliderComponent = BaseComponent<'dateslidercomponent'>;
-export type RangeComponent = BaseComponent<'rangecomponent'>;
-export type HtmlComponent = BaseComponent<'htmlcomponent'>;
-export type CustomComponent = BaseComponent<'customcomponent'> & {
-    customComponent: CustomComponentConfig;
-};
-export type MarkdownComponent = BaseComponent<'mardowncomponent'>;
-export type VegaLiteComponent = BaseComponent<'vegalitecomponent'>;
-export type PlotlyComponent = BaseComponent<'plotlycomponent'>;
-export type PlotlyComponentV2 = BaseComponent<'plotlycomponentv2'> & {
-    xData: RichConfiguration | undefined;
-    datasets: RichConfiguration | undefined;
-};
-export type TimeseriesComponent = BaseComponent<'timeseriescomponent'>;
-export type ButtonComponent = BaseComponent<'buttoncomponent'> & RecomputeOthersSource;
-export type DownloadComponent = BaseComponent<'downloadcomponent'>;
-export type FormComponent = BaseComponent<'formcomponent'> & RecomputeOthersSource;
-export type FormButtonComponent = BaseComponent<'formbuttoncomponent'> & RecomputeOthersSource;
-export type RunFormComponent = BaseComponent<'runformcomponent'>;
-export type BarChartComponent = BaseComponent<'barchartcomponent'>;
-export type PieChartComponent = BaseComponent<'piechartcomponent'>;
-export type ChartJsComponent = BaseComponent<'chartjscomponent'>;
-export type ChartJsComponentV2 = BaseComponent<'chartjscomponentv2'> & {
-    xData: RichConfiguration | undefined;
-    datasets: RichConfiguration | undefined;
-};
-export type AgChartsComponent = BaseComponent<'agchartscomponent'> & {
-    xData: RichConfiguration | undefined;
-    datasets: RichConfiguration | undefined;
-};
-export type AgChartsComponentEe = BaseComponent<'agchartscomponentee'> & {
-    license: string;
-    xData: RichConfiguration | undefined;
-    datasets: RichConfiguration | undefined;
-};
-export type ScatterChartComponent = BaseComponent<'scatterchartcomponent'>;
-export type TableAction = BaseAppComponent & (ButtonComponent | CheckboxComponent | SelectComponent) & GridItem;
-export type TableComponent = BaseComponent<'tablecomponent'> & {
-    actionButtons: TableAction[];
-};
-export type AggridComponent = BaseComponent<'aggridcomponent'> & {
-    actions: TableAction[];
-    actionsOrder: RichConfiguration | undefined;
-};
-export type AggridComponentEe = BaseComponent<'aggridcomponentee'> & {
-    license: string;
-    actions: TableAction[];
-    actionsOrder: RichConfiguration | undefined;
-};
-export type AggridInfiniteComponent = BaseComponent<'aggridinfinitecomponent'> & {
-    actions: TableAction[];
-    actionsOrder: RichConfiguration | undefined;
-};
-export type AggridInfiniteComponentEe = BaseComponent<'aggridinfinitecomponentee'> & {
-    actions: TableAction[];
-    license: string;
-    actionsOrder: RichConfiguration | undefined;
-};
-export type DisplayComponent = BaseComponent<'displaycomponent'>;
-export type JobIdDisplayComponent = BaseComponent<'jobiddisplaycomponent'>;
-export type LogComponent = BaseComponent<'logcomponent'>;
-export type JobIdLogComponent = BaseComponent<'jobidlogcomponent'>;
-export type FlowStatusComponent = BaseComponent<'flowstatuscomponent'>;
-export type JobIdFlowStatusComponent = BaseComponent<'jobidflowstatuscomponent'>;
-export type ImageComponent = BaseComponent<'imagecomponent'>;
-export type InputComponent = BaseComponent<'inputcomponent'>;
-export type SelectComponent = BaseComponent<'selectcomponent'> & RecomputeOthersSource & {
-    onSelect?: string[];
-};
-export type ResourceSelectComponent = BaseComponent<'resourceselectcomponent'> & RecomputeOthersSource & {
-    onSelect?: string[];
-};
-export type ResourceConnectComponent = BaseComponent<'userresourcecomponent'> & RecomputeOthersSource & {
-    onSelect?: string[];
-};
-export type MultiSelectComponent = BaseComponent<'multiselectcomponent'>;
-export type MultiSelectComponentV2 = BaseComponent<'multiselectcomponentv2'>;
-export type CheckboxComponent = BaseComponent<'checkboxcomponent'> & RecomputeOthersSource & {
-    onToggle?: string[];
-};
-export type RadioComponent = BaseComponent<'radiocomponent'>;
-export type IconComponent = BaseComponent<'iconcomponent'>;
-export type HorizontalDividerComponent = BaseComponent<'horizontaldividercomponent'>;
-export type VerticalDividerComponent = BaseComponent<'verticaldividercomponent'>;
-export type FileInputComponent = BaseComponent<'fileinputcomponent'> & {
-    onFileChange?: string[];
-};
-export type TabsComponent = BaseComponent<'tabscomponent'> & {
-    tabs: string[];
-    disabledTabs: RichConfiguration[];
-    onTabChange?: string[];
-};
-export type ListComponent = BaseComponent<'listcomponent'>;
-export type ContainerComponent = BaseComponent<'containercomponent'> & {
-    groupFields: RichConfigurations;
-};
-export type DrawerComponent = BaseComponent<'drawercomponent'> & {
-    onOpenRecomputeIds: string[] | undefined;
-    onCloseRecomputeIds: string[] | undefined;
-};
-export type MapComponent = BaseComponent<'mapcomponent'>;
-export type VerticalSplitPanesComponent = BaseComponent<'verticalsplitpanescomponent'> & {
-    panes: number[];
-};
-export type HorizontalSplitPanesComponent = BaseComponent<'horizontalsplitpanescomponent'> & {
-    panes: number[];
-};
-export type PdfComponent = BaseComponent<'pdfcomponent'>;
-export type ModalComponent = BaseComponent<'modalcomponent'> & {
-    onOpenRecomputeIds: string[] | undefined;
-    onCloseRecomputeIds: string[] | undefined;
-};
-export type StepperComponent = BaseComponent<'steppercomponent'> & {
-    tabs: string[];
-    onNext?: string[];
-    onPrevious?: string[];
-};
-export type ConditionalWrapperComponent = BaseComponent<'conditionalwrapper'> & {
-    conditions: RichConfiguration[];
-    onTabChange?: string[];
-};
-export type Schemaformcomponent = BaseComponent<'schemaformcomponent'>;
-export type SelectTabComponent = BaseComponent<'selecttabcomponent'>;
-export type SelectStepComponent = BaseComponent<'selectstepcomponent'>;
-export type CarouselListComponent = BaseComponent<'carousellistcomponent'>;
-export type StatisticCardComponent = BaseComponent<'statcomponent'>;
-export type MenuComponent = BaseComponent<'menucomponent'> & {
-    menuItems: (BaseAppComponent & ButtonComponent & GridItem)[];
-};
-export type DBExplorerComponent = BaseComponent<'dbexplorercomponent'> & {
-    columns: RichConfiguration;
-    actions: TableAction[];
-    actionsOrder: RichConfiguration | undefined;
-};
-export type S3FileInputComponent = BaseComponent<'s3fileinputcomponent'> & {
-    onFileChange?: string[];
-};
-export type DecisionTreeNode = {
-    id: string;
-    label: string;
-    allowed: RichConfiguration | undefined;
-    next: Array<{
-        id: string;
-        condition?: RichConfiguration | undefined;
-    }>;
-};
-export type DecisionTreeComponent = BaseComponent<'decisiontreecomponent'> & {
-    nodes: DecisionTreeNode[];
-};
-export type AlertComponent = BaseComponent<'alertcomponent'>;
-export type NavbarItem = {
-    path: OneOfConfiguration;
-    label: RichConfiguration;
-    caption?: string;
-    disabled: RichConfiguration;
-    hidden: RichConfiguration;
-    icon?: string;
-};
-export type NavBarComponent = BaseComponent<'navbarcomponent'> & {
-    navbarItems: NavbarItem[];
-};
-export type DateSelectComponent = BaseComponent<'dateselectcomponent'>;
-export type RecomputeAllComponent = BaseComponent<'recomputeallcomponent'>;
-export type TypedComponent = DBExplorerComponent | DisplayComponent | LogComponent | JobIdLogComponent | FlowStatusComponent | JobIdFlowStatusComponent | TextInputComponent | QuillComponent | TextareaInputComponent | PasswordInputComponent | EmailInputComponent | DateInputComponent | NumberInputComponent | CurrencyComponent | SliderComponent | RangeComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | CustomComponent | MarkdownComponent | TableComponent | TextComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | SelectComponent | ResourceSelectComponent | MultiSelectComponent | CheckboxComponent | FormComponent | FormButtonComponent | VegaLiteComponent | PlotlyComponent | TabsComponent | ContainerComponent | ListComponent | IconComponent | HorizontalDividerComponent | VerticalDividerComponent | FileInputComponent | ImageComponent | AggridComponent | AggridComponentEe | DrawerComponent | MapComponent | VerticalSplitPanesComponent | HorizontalSplitPanesComponent | PdfComponent | ModalComponent | StepperComponent | Schemaformcomponent | SelectTabComponent | ConditionalWrapperComponent | SelectStepComponent | DownloadComponent | ChartJsComponent | CarouselListComponent | PlotlyComponentV2 | ChartJsComponentV2 | StatisticCardComponent | MenuComponent | DecisionTreeComponent | S3FileInputComponent | AgChartsComponent | AgChartsComponentEe | AlertComponent | DateSliderComponent | TimeInputComponent | DateTimeInputComponent | AggridInfiniteComponent | AggridInfiniteComponentEe | MultiSelectComponentV2 | NavBarComponent | DateSelectComponent | JobIdDisplayComponent | RecomputeAllComponent | ResourceConnectComponent;
-export type AppComponent = BaseAppComponent & TypedComponent;
-export type AppComponentDimensions = `${IntRange<1, typeof NARROW_GRID_COLUMNS>}:${number}-${IntRange<1, typeof WIDE_GRID_COLUMNS>}:${number}`;
-export declare function getRecommendedDimensionsByComponent(componentType: AppComponent['type'], column: number): Size;
-export declare function processDimension(dimension: AppComponentDimensions | undefined, column: number): Size;
-export type Quickstyle = {
-    quickCss?: string[];
-    quickTailwindClasses?: string[];
-};
-export type AppComponentConfig<T extends TypedComponent['type']> = {
-    name: string;
-    icon: any;
-    documentationLink: string;
-    quickstyle?: Record<string, Quickstyle>;
-    /**
-     * Dimensions key formula:
-     * [**mobile width**]:[**mobile height**]-[**desktop width**]:[**desktop height**]
-     */
-    dims: AppComponentDimensions;
-    /**
-     * If `true` then the wrapper will allow items to flow outside of it's borders.
-     *
-     * *For example when the component has a popup like `Select`*
-     */
-    initialData: InitialAppComponent;
-    customCss: ComponentCustomCSS<T>;
-};
-export type PresetComponentConfig = {
-    name: string;
-    icon: any;
-    targetComponent: keyof typeof components;
-    configuration: object;
-    type: string;
-    dims?: AppComponentDimensions;
-};
-export interface InitialAppComponent extends Partial<Aligned> {
-    componentInput?: StaticAppInput | ResultAppInput | EvalV2AppInput | TemplateV2AppInput | undefined;
-    configuration: StaticRichConfigurations;
-    numberOfSubgrids?: number;
-    recomputeIds?: boolean;
-    actionButtons?: boolean;
-    actions?: boolean;
-    menuItems?: boolean;
-    tabs?: string[];
-    panes?: number[];
-    conditions?: AppInputSpec<'boolean', boolean>[];
-    nodes?: DecisionTreeNode[];
-}
-export declare const selectOptions: {
-    buttonColorOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-    tabsKindOptions: string[];
-    buttonSizeOptions: string[];
-    tableSearchOptions: string[];
-    chartThemeOptions: string[];
-    textStyleOptions: string[];
-    currencyOptions: string[];
-    localeOptions: string[];
-    objectFitOptions: string[];
-    splitPanelOptions: string[];
-    formorientationOptions: string[];
-    chartTypeOptions: (keyof import("chart.js").ChartTypeRegistry)[];
-    animationTimingFunctionOptions: string[];
-    prose: string[];
-    imageSourceKind: string[];
-};
-export declare const components: {
-    readonly displaycomponent: {
-        readonly name: "Rich Result";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_result";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly foo: 42;
-                };
-            };
-            readonly configuration: {
-                readonly title: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Result";
-                };
-                readonly hideDetails: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
-                };
-            };
-        };
-    };
-    readonly jobidlogcomponent: {
-        readonly name: "Log by Job Id";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/log_display";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly jobId: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly tooltip: "Job id to display logs from";
-                };
-            };
-        };
-    };
-    readonly logcomponent: {
-        readonly name: "Log";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/log_display";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-        };
-    };
-    readonly flowstatuscomponent: {
-        readonly name: "Flow Status";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/flow_status";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-        };
-    };
-    readonly jobidflowstatuscomponent: {
-        readonly name: "Flow Status by Job Id";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/flow_status";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly jobId: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly tooltip: "Job id to display status from";
-                };
-            };
-        };
-    };
-    readonly containercomponent: {
-        readonly name: "Container";
-        readonly icon: typeof BoxSelect;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/container";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 1;
-        };
-    };
-    readonly listcomponent: {
-        readonly name: "List";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/list";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly width: {
-                    readonly type: "oneOf";
-                    readonly selected: "card";
-                    readonly labels: {
-                        readonly card: "Card";
-                        readonly row: "Full Row";
-                    };
-                    readonly configuration: {
-                        readonly card: {
-                            readonly minWidthPx: {
-                                readonly type: "static";
-                                readonly fieldType: "number";
-                                readonly value: 300;
-                                readonly tooltip: "Min Width in pixels";
-                            };
-                        };
-                        readonly row: {};
-                    };
-                };
-                readonly heightPx: {
-                    readonly type: "static";
-                    readonly fieldType: "number";
-                    readonly value: undefined;
-                    readonly tooltip: "Height in pixels";
-                };
-                readonly pagination: {
-                    readonly type: "oneOf";
-                    readonly selected: "auto";
-                    readonly labels: {
-                        readonly auto: "Managed by component";
-                        readonly manual: "Managed by runnable";
-                    };
-                    readonly tooltip: "Pagination can be managed using two methods: By the component: Based on a specified page size, the component divides the array into several pages. By the runnable: The component shows all items, leaving the task of pagination to the runnable. The current page number is available in the component outputs.";
-                    readonly configuration: {
-                        readonly manual: {
-                            readonly pageCount: {
-                                readonly type: "static";
-                                readonly fieldType: "number";
-                                readonly value: -1;
-                                readonly tooltip: "Number of pages (-1 if you do not know)";
-                            };
-                        };
-                        readonly auto: {
-                            readonly pageSize: {
-                                readonly type: "static";
-                                readonly fieldType: "number";
-                                readonly value: 20;
-                                readonly tooltip: "Number of items per page";
-                            };
-                        };
-                    };
-                };
-                readonly displayBorders: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Display borders between items";
-                };
-            };
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "array";
-                readonly subFieldType: "object";
-                readonly value: object[];
-            };
-            readonly numberOfSubgrids: 1;
-        };
-    };
-    readonly textcomponent: {
-        readonly name: "Text";
-        readonly icon: typeof Type;
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text";
-        readonly customCss: {
-            readonly text: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "left";
-            readonly verticalAlignment: "top";
-            readonly componentInput: {
-                readonly type: "templatev2";
-                readonly fieldType: "template";
-                readonly eval: "Hello ${ctx.username}";
-                readonly connections: InputConnectionEval[];
-            };
-            readonly configuration: {
-                readonly style: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "Title" | "Subtitle" | "Body" | "Label" | "Caption";
-                };
-                readonly copyButton: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly tooltip: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "text";
-                    readonly tooltip: "Tooltip text if not empty";
-                };
-                readonly disableNoText: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "Remove the \"No text\" placeholder";
-                };
-            };
-        };
-    };
-    readonly buttoncomponent: {
-        readonly name: "Button";
-        readonly icon: typeof Inspect;
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/button";
-        readonly customCss: {
-            readonly button: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly container: {
-                readonly style: "";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-            readonly recomputeIds: true;
-            readonly configuration: {
-                readonly label: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Press me";
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly value: "blue";
-                    readonly tooltip: "These presets can be overwritten with custom styles.";
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "xs";
-                };
-                readonly fillContainer: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
-                };
-                readonly disabled: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly triggerOnAppLoad: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly onSuccess: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on success";
-                    readonly selected: "none";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly none: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on success";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly openModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly closeModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly clearFiles: {
-                            readonly id: {
-                                readonly tooltip: "The id of s3 file input to clear";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                    };
-                };
-                readonly onError: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on error";
-                    readonly selected: "errorOverlay";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly errorOverlay: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on error";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendErrorToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "An error occured";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly appendError: {
-                                readonly tooltip: "Append the error message to the toast";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                    };
-                };
-                readonly confirmationModal: {
-                    readonly type: "oneOf";
-                    readonly selected: "none";
-                    readonly tooltip: "If defined, the user will be asked to confirm the action in a modal.";
-                    readonly labels: {
-                        readonly none: "Do nothing";
-                        readonly confirmationModal: "Show confirmation modal";
-                    };
-                    readonly configuration: {
-                        readonly none: {};
-                        readonly confirmationModal: {
-                            readonly title: {
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "Title";
-                                readonly placeholder: "Confirmation modal title";
-                            };
-                            readonly description: {
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "Are you sure?";
-                                readonly placeholder: "Are you sure?";
-                            };
-                            readonly confirmationText: {
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "Confirm";
-                                readonly placeholder: "Confirm";
-                                readonly tooltip: "The text of the button that confirms the action.";
-                            };
-                        };
-                    };
-                };
-            };
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-    readonly downloadcomponent: {
-        readonly name: "Download Button";
-        readonly icon: typeof Download;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/download_button";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly button: {
-                readonly style: "";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly source: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "text";
-                    readonly fileUpload: {
-                        readonly accept: "*";
-                        readonly convertTo: "base64";
-                    };
-                    readonly placeholder: "Enter URL or upload file (base64)";
-                };
-                readonly filename: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "windmill.file";
-                };
-                readonly label: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Press me";
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly value: "blue";
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "xs";
-                };
-                readonly fillContainer: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-            };
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-    readonly formcomponent: {
-        readonly name: "Submit Form";
-        readonly icon: typeof FormInput;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/submit_form";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly button: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-            readonly recomputeIds: true;
-            readonly configuration: {
-                readonly label: {
-                    readonly type: "static";
-                    readonly value: "Submit";
-                    readonly fieldType: "text";
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly value: "dark";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly value: "xs";
-                    readonly selectOptions: string[];
-                };
-                readonly onSuccess: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on success";
-                    readonly selected: "none";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly none: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on success";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly openModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly closeModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly clearFiles: {
-                            readonly id: {
-                                readonly tooltip: "The id of s3 file input to clear";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                    };
-                };
-                readonly onError: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on error";
-                    readonly selected: "errorOverlay";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly errorOverlay: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on error";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendErrorToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "An error occured";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly appendError: {
-                                readonly tooltip: "Append the error message to the toast";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-    readonly formbuttoncomponent: {
-        readonly name: "Modal Form";
-        readonly icon: typeof PlusSquare;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/modal_form";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly button: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly popup: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly verticalAlignment: "center";
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-            readonly recomputeIds: true;
-            readonly configuration: {
-                readonly modalTitle: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Modal title";
-                };
-                readonly label: {
-                    readonly type: "static";
-                    readonly value: "Open popup";
-                    readonly fieldType: "text";
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly value: "dark";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly tooltip: "These presets can be overwritten with custom styles.";
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly value: "xs";
-                    readonly selectOptions: string[];
-                };
-                readonly onSuccess: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on success";
-                    readonly selected: "none";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly none: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on success";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly openModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly closeModal: {
-                            readonly modalId: {
-                                readonly tooltip: "The id of the modal to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly deprecated: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                        readonly clearFiles: {
-                            readonly id: {
-                                readonly tooltip: "The id of s3 file input to clear";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                            };
-                        };
-                    };
-                };
-                readonly onError: {
-                    readonly type: "oneOf";
-                    readonly tooltip: "Action to perform on error";
-                    readonly selected: "errorOverlay";
-                    readonly labels: {
-                        none: string;
-                        errorOverlay: string;
-                        gotoUrl: string;
-                        setTab: string;
-                        sendToast: string;
-                        sendErrorToast: string;
-                        open: string;
-                        close: string;
-                        openModal: string;
-                        closeModal: string;
-                        clearFiles: string;
-                    };
-                    readonly configuration: {
-                        readonly errorOverlay: {};
-                        readonly gotoUrl: {
-                            readonly url: {
-                                readonly tooltip: "Go to the given url, absolute or relative";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly placeholder: "/apps/get/foo";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly newTab: {
-                                readonly tooltip: "Open the url in a new tab";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly setTab: {
-                            readonly setTab: {
-                                readonly type: "static";
-                                readonly value: {
-                                    id: string;
-                                    index: number;
-                                }[];
-                                readonly fieldType: "array";
-                                readonly subFieldType: "tab-select";
-                                readonly tooltip: "Set the tabs id and index to go to on error";
-                                readonly onDemandOnly: true;
-                            };
-                        };
-                        readonly sendErrorToast: {
-                            readonly message: {
-                                readonly tooltip: "The message of the toast to display";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "An error occured";
-                                readonly placeholder: "Hello there";
-                                readonly onDemandOnly: true;
-                            };
-                            readonly appendError: {
-                                readonly tooltip: "Append the error message to the toast";
-                                readonly fieldType: "boolean";
-                                readonly type: "static";
-                                readonly value: true;
-                            };
-                        };
-                        readonly open: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to open";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                        readonly close: {
-                            readonly id: {
-                                readonly tooltip: "The id of the modal or the drawer to close";
-                                readonly fieldType: "text";
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly noVariablePicker: true;
-                            };
-                        };
-                    };
-                };
-                readonly disabled: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-            };
-        };
-    };
-    readonly piechartcomponent: {
-        readonly name: "Pie Chart";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/pie_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly theme: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                    readonly value: "theme1";
-                };
-                readonly doughnutStyle: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly data: readonly [25, 50, 25];
-                    readonly labels: readonly ["Pie", "Charts", "<3"];
-                };
-            };
-        };
-    };
-    readonly chartjscomponent: {
-        readonly name: "ChartJs";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/chartjs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly type: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly selectOptions: (keyof import("chart.js").ChartTypeRegistry)[];
-                    readonly value: "pie";
-                };
-                readonly options: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "ChartJs options object https://www.chartjs.org/docs/latest/general/options.html";
-                };
-            };
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly labels: readonly ["Pie", "Charts", "<3"];
-                    readonly datasets: readonly [{
-                        readonly data: readonly [25, 50, 25];
-                        readonly backgroundColor: readonly ["#FF6384", "#4BC0C0", "#FFCE56"];
-                    }];
-                };
-            };
-        };
-    };
-    readonly chartjscomponentv2: {
-        readonly name: "ChartJs";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/chartjs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly type: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly selectOptions: (keyof import("chart.js").ChartTypeRegistry)[];
-                    readonly value: "pie";
-                };
-                readonly options: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "ChartJs options object https://www.chartjs.org/docs/latest/general/options.html";
-                };
-            };
-            readonly componentInput: undefined;
-        };
-    };
-    readonly barchartcomponent: {
-        readonly name: "Bar/Line Chart";
-        readonly icon: typeof BarChart4;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/bar_line_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly theme: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                    readonly value: "theme1";
-                };
-                readonly line: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly data: readonly [25, 50, 25];
-                    readonly labels: readonly ["Bar", "Charts", "<3"];
-                };
-            };
-        };
-    };
-    readonly agchartscomponent: {
-        readonly name: "AgCharts";
-        readonly icon: typeof BarChart4;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/agcharts";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-        };
-    };
-    readonly agchartscomponentee: {
-        readonly name: "AgCharts EE";
-        readonly icon: typeof BarChart4;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/agcharts";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-        };
-    };
-    readonly htmlcomponent: {
-        readonly name: "HTML";
-        readonly icon: typeof Code2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/html";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "templatev2";
-                readonly fieldType: "template";
-                readonly eval: "<img\nsrc=\"https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80\"\n>\n<h1 class=\"absolute top-4 left-2 text-white\">\nHello ${ctx.username}\n</h1>";
-                readonly connections: InputConnectionEval[];
-            };
-            readonly configuration: {};
-        };
-    };
-    readonly customcomponent: {
-        readonly name: "Custom";
-        readonly icon: typeof Code2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/react_components";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {};
-            };
-            readonly configuration: {};
-        };
-    };
-    readonly mardowncomponent: {
-        readonly name: "Markdown";
-        readonly icon: typeof Heading1;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/html";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "templatev2";
-                readonly fieldType: "template";
-                readonly eval: "# This is a header\n## This is a subheader\t\t\t\t\nThis is a paragraph.\n\t\t\t\t\n* This is a list\n* With two items";
-                readonly connections: InputConnectionEval[];
-            };
-            readonly configuration: {
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "Default";
-                    readonly tooltip: "See Tailwind documentation: https://tailwindcss.com/docs/typography-plugin";
-                };
-            };
-        };
-    };
-    readonly vegalitecomponent: {
-        readonly name: "Vega Lite";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/vega_lite";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {};
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly data: {
-                        readonly values: readonly [{
-                            readonly a: "A";
-                            readonly b: 28;
-                        }, {
-                            readonly a: "B";
-                            readonly b: 55;
-                        }, {
-                            readonly a: "C";
-                            readonly b: 43;
-                        }, {
-                            readonly a: "D";
-                            readonly b: 91;
-                        }];
-                    };
-                    readonly mark: "bar";
-                    readonly encoding: {
-                        readonly x: {
-                            readonly field: "a";
-                            readonly type: "ordinal";
-                        };
-                        readonly y: {
-                            readonly field: "b";
-                            readonly type: "quantitative";
-                        };
-                    };
-                };
-            };
-            readonly configuration: {
-                readonly canvas: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Use the canvas renderer instead of the svg one for more interactive plots";
-                };
-            };
-        };
-    };
-    readonly plotlycomponent: {
-        readonly name: "Plotly";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/plotly";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {};
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "object";
-                readonly value: {
-                    readonly type: "bar";
-                    readonly x: readonly [1, 2, 3, 4];
-                    readonly y: readonly [5, 10, 2, 8];
-                    readonly marker: {
-                        readonly color: "#C8A2C8";
-                        readonly line: {
-                            readonly width: 2.5;
-                        };
-                    };
-                };
-            };
-            readonly configuration: {
-                readonly layout: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "Layout options for the plot. See https://plotly.com/javascript/reference/layout/ for more information";
-                };
-            };
-        };
-    };
-    readonly plotlycomponentv2: {
-        readonly name: "Plotly";
-        readonly icon: typeof PieChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/plotly";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {};
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly layout: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "Layout options for the plot. See https://plotly.com/javascript/reference/layout/ for more information";
-                };
-            };
-        };
-    };
-    readonly timeseriescomponent: {
-        readonly name: "Timeseries";
-        readonly icon: typeof GripHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/timeseries";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly logarithmicScale: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-                readonly zoomable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-                readonly pannable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: StaticAppInput;
-        };
-    };
-    readonly scatterchartcomponent: {
-        readonly name: "Scatter Chart";
-        readonly icon: typeof GripHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/scatter_chart";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly zoomable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-                readonly pannable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: StaticAppInput;
-        };
-    };
-    readonly tablecomponent: {
-        readonly name: "TanStack Table";
-        readonly icon: typeof Table2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly tableHeader: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly tableBody: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly tableFooter: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly columnDefs: StaticAppInput;
-                readonly search: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: string;
-                    readonly tooltip: "Search can be configured in the following ways: Disabled: The search is disabled,By Runnable: The search is done in the backend, or by component: The search is done in the frontend.";
-                };
-                readonly pagination: {
-                    readonly type: "oneOf";
-                    readonly selected: "auto";
-                    readonly labels: {
-                        readonly auto: "Managed by component";
-                        readonly manual: "Managed by runnable";
-                    };
-                    readonly tooltip: "Pagination can be managed using two methods: By the component: Based on a specified page size, the component divides the array into several pages. By the runnable: The component shows all items, leaving the task of pagination to the runnable. The current page number is available in the component outputs.";
-                    readonly configuration: {
-                        readonly auto: {
-                            readonly pageSize: {
-                                readonly type: "static";
-                                readonly fieldType: "number";
-                                readonly value: 20;
-                                readonly tooltip: "Number of rows per page";
-                            };
-                        };
-                        readonly manual: {
-                            readonly pageCount: {
-                                readonly type: "static";
-                                readonly fieldType: "number";
-                                readonly value: -1;
-                                readonly tooltip: "Number of pages (-1 if you do not know)";
-                            };
-                        };
-                    };
-                };
-                readonly downloadButton: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "display a button to download the table as a csv file";
-                };
-                readonly initialState: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to the tanstack table component as initial state (https://tanstack.com/table/v8/docs/api/core/table#initialstate)";
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-            };
-            readonly componentInput: StaticAppInput;
-            readonly actionButtons: true;
-        };
-    };
-    readonly aggridcomponent: {
-        readonly name: "AgGrid Table";
-        readonly icon: typeof Table2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly columnDefs: StaticAppInput;
-                readonly rowIdCol: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly placeholder: "id";
-                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
-                };
-                readonly flex: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
-                };
-                readonly allEditable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Configure all columns as Editable by users";
-                };
-                readonly multipleSelectable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Make multiple rows selectable at once";
-                };
-                readonly rowMultiselectWithClick: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If multiple selectable, allow multiselect with click";
-                };
-                readonly pagination: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean | undefined;
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-                readonly extraConfig: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
-                };
-                readonly compactness: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly value: "normal";
-                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
-                    readonly tooltip: "Change the row height";
-                };
-                readonly wrapActions: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
-                };
-                readonly footer: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Allow visible footer for pagination and download";
-                };
-                readonly customActionsHeader: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: undefined;
-                    readonly tooltip: "Custom header for the actions columns";
-                };
-            };
-            readonly componentInput: StaticAppInput;
-        };
-    };
-    readonly aggridcomponentee: {
-        readonly name: "AgGrid Table EE";
-        readonly icon: typeof Table2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly columnDefs: StaticAppInput;
-                readonly rowIdCol: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly placeholder: "id";
-                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
-                };
-                readonly flex: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
-                };
-                readonly allEditable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Configure all columns as Editable by users";
-                };
-                readonly multipleSelectable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Make multiple rows selectable at once";
-                };
-                readonly rowMultiselectWithClick: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If multiple selectable, allow multiselect with click";
-                };
-                readonly pagination: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean | undefined;
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-                readonly extraConfig: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
-                };
-                readonly compactness: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly value: "normal";
-                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
-                    readonly tooltip: "Change the row height";
-                };
-                readonly wrapActions: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
-                };
-                readonly footer: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Allow visible footer for pagination and download";
-                };
-                readonly customActionsHeader: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: undefined;
-                    readonly tooltip: "Custom header for the actions columns";
-                };
-            };
-            readonly componentInput: StaticAppInput;
-        };
-    };
-    readonly aggridinfinitecomponent: {
-        readonly name: "AgGrid Infinite Table";
-        readonly icon: typeof Table2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly columnDefs: StaticAppInput;
-                readonly rowIdCol: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly placeholder: "id";
-                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
-                };
-                readonly flex: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
-                };
-                readonly allEditable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Configure all columns as Editable by users";
-                };
-                readonly multipleSelectable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Make multiple rows selectable at once";
-                };
-                readonly rowMultiselectWithClick: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If multiple selectable, allow multiselect with click";
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-                readonly extraConfig: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
-                };
-                readonly compactness: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly value: "normal";
-                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
-                    readonly tooltip: "Change the row height";
-                };
-                readonly wrapActions: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
-                };
-                readonly searchEnabled: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Enable search in the table";
-                };
-                readonly footer: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Allow visible footer for pagination and download";
-                };
-                readonly customActionsHeader: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: undefined;
-                    readonly tooltip: "Custom header for the actions columns";
-                };
-            };
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-        };
-    };
-    readonly aggridinfinitecomponentee: {
-        readonly name: "AgGrid Infinite Table EE";
-        readonly icon: typeof Table2;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly columnDefs: StaticAppInput;
-                readonly rowIdCol: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly placeholder: "id";
-                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
-                };
-                readonly flex: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
-                };
-                readonly allEditable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Configure all columns as Editable by users";
-                };
-                readonly multipleSelectable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Make multiple rows selectable at once";
-                };
-                readonly rowMultiselectWithClick: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If multiple selectable, allow multiselect with click";
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-                readonly extraConfig: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
-                };
-                readonly compactness: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly value: "normal";
-                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
-                    readonly tooltip: "Change the row height";
-                };
-                readonly wrapActions: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
-                };
-                readonly searchEnabled: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Enable search in the table";
-                };
-                readonly footer: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Allow visible footer for pagination and download";
-                };
-                readonly customActionsHeader: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: undefined;
-                    readonly tooltip: "Custom header for the actions columns";
-                };
-            };
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-        };
-    };
-    readonly checkboxcomponent: {
-        readonly name: "Toggle";
-        readonly icon: typeof ToggleLeft;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/toggle";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly text: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly onToggle: readonly [];
-            readonly recomputeIds: true;
-            readonly configuration: {
-                readonly label: {
-                    readonly type: "static";
-                    readonly value: "Label";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "boolean";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-            };
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-    readonly textinputcomponent: {
-        readonly name: "Text Input";
-        readonly icon: typeof TextCursorInput;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/text_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Type...";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-            };
-        };
-    };
-    readonly quillcomponent: {
-        readonly name: "Rich Text Editor";
-        readonly icon: typeof TextCursorInput;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_text_editor";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {};
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Type...";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                };
-            };
-        };
-    };
-    readonly textareainputcomponent: {
-        readonly name: "Textarea";
-        readonly icon: typeof TextCursorInput;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/textarea";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Type...";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-            };
-        };
-    };
-    readonly selectcomponent: {
-        readonly name: "Select";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly style: "";
-                readonly tooltip: "https://github.com/rob-balfre/svelte-select/blob/master/docs/theming_variables.md";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly recomputeIds: true;
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly create: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Allows user to manually add new value";
-                    readonly customTitle: "User creatable";
-                };
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Select an item";
-                };
-                readonly disabled: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "object";
-                };
-                readonly preselectFirst: {
-                    readonly type: "static";
-                    readonly value: true;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "Preselect first item in the options if no default value is set";
-                };
-                readonly nativeHtmlSelect: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Use a native html select instead of the Windmill select component";
-                };
-                readonly fullWidth: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Set the width of the options popup to 100% of the select width";
-                };
-            };
-        };
-    };
-    readonly multiselectcomponent: {
-        readonly name: "Multi Select";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/multiselect";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly multiselect: {
-                readonly style: "";
-                readonly tooltip: "See https://multiselect.janosh.dev/#with-css-variables for the available variables";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly verticalAlignment: "center";
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly defaultItems: StaticAppInput;
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Select items";
-                };
-                readonly create: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Allows user to manually add new value";
-                    readonly customTitle: "User creatable";
-                };
-                readonly allowOverflow: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If too many items, the box overflow its container instead of having an internal scroll";
-                };
-            };
-        };
-    };
-    readonly multiselectcomponentv2: {
-        readonly name: "Multi Select";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/multiselect";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly multiselect: {
-                readonly style: "";
-                readonly tooltip: "See https://multiselect.janosh.dev/#with-css-variables for the available variables";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly verticalAlignment: "center";
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly defaultItems: StaticAppInput;
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Select items";
-                };
-                readonly create: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Allows user to manually add new value";
-                    readonly customTitle: "User creatable";
-                };
-                readonly allowOverflow: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If too many items, the box overflow its container instead of having an internal scroll";
-                };
-            };
-        };
-    };
-    readonly resourceselectcomponent: {
-        readonly name: "Static Resource Select";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/resource_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Select an item";
-                };
-                readonly fullWidth: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Set the width of the options popup to 100% of the select width";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-        };
-    };
-    readonly userresourcecomponent: {
-        readonly name: "User Resource Input";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/resource_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly style: "";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly resourceType: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "postgresql";
-                };
-                readonly expressOauthSetup: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "If enabled, skip some steps while adding oauth resources: No scopes to set prior to OAuth sign-in,  and no path to set after OAuth sign-in";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-            };
-        };
-    };
-    readonly numberinputcomponent: {
-        readonly name: "Number";
-        readonly icon: typeof Binary;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/number_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Type...";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "number";
-                };
-                readonly min: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "number";
-                };
-                readonly max: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "number";
-                };
-                readonly step: {
-                    readonly type: "static";
-                    readonly value: 1;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Spread between each number suggestion";
-                };
-            };
-        };
-    };
-    readonly currencycomponent: {
-        readonly name: "Currency";
-        readonly icon: typeof DollarSign;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/currency_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "number";
-                };
-                readonly isNegativeAllowed: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly currency: {
-                    readonly type: "static";
-                    readonly value: "USD";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                };
-                readonly locale: {
-                    readonly type: "static";
-                    readonly value: "en-US";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                    readonly tooltip: "Currency format";
-                };
-            };
-        };
-    };
-    readonly slidercomponent: {
-        readonly name: "Slider";
-        readonly icon: typeof SlidersHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/slider";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly bar: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly handle: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly limits: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly value: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly min: {
-                    readonly type: "static";
-                    readonly value: 0;
-                    readonly fieldType: "number";
-                };
-                readonly max: {
-                    readonly type: "static";
-                    readonly value: 42;
-                    readonly fieldType: "number";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: 20;
-                    readonly fieldType: "number";
-                };
-                readonly step: {
-                    readonly type: "static";
-                    readonly value: 1;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Spread between each number suggestion";
-                };
-                readonly vertical: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly axisStep: {
-                    readonly type: "static";
-                    readonly value: 10;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
-                };
-            };
-        };
-    };
-    readonly dateslidercomponent: {
-        readonly name: "Date Slider";
-        readonly icon: typeof SlidersHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_slider";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly bar: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly handle: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly limits: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly value: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly min: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "date";
-                };
-                readonly max: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "date";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "date";
-                };
-                readonly step: {
-                    readonly type: "static";
-                    readonly value: 1;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Number of days between each date suggestion";
-                };
-                readonly vertical: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly outputFormat: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                    readonly tooltip: "See date-fns format for more information";
-                    readonly documentationLink: "https://date-fns.org/v1.29.0/docs/format";
-                };
-            };
-        };
-    };
-    readonly rangecomponent: {
-        readonly name: "Range";
-        readonly icon: typeof SlidersHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/range";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly handles: {
-                readonly style: "";
-            };
-            readonly bar: {
-                readonly style: "";
-            };
-            readonly limits: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly values: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly min: {
-                    readonly type: "static";
-                    readonly value: 0;
-                    readonly fieldType: "number";
-                };
-                readonly max: {
-                    readonly type: "static";
-                    readonly value: 42;
-                    readonly fieldType: "number";
-                };
-                readonly defaultLow: {
-                    readonly type: "static";
-                    readonly value: 10;
-                    readonly fieldType: "number";
-                };
-                readonly defaultHigh: {
-                    readonly type: "static";
-                    readonly value: 20;
-                    readonly fieldType: "number";
-                };
-                readonly step: {
-                    readonly type: "static";
-                    readonly value: 1;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Spread between each number suggestion";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "Determine if the slider is disabled, or enabled (only disables interactions, and events)";
-                };
-                readonly axisStep: {
-                    readonly type: "static";
-                    readonly value: 10;
-                    readonly fieldType: "number";
-                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
-                };
-            };
-        };
-    };
-    readonly passwordinputcomponent: {
-        readonly name: "Password";
-        readonly icon: typeof Lock;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/password_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Password";
-                    readonly fieldType: "text";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-            };
-        };
-    };
-    readonly emailinputcomponent: {
-        readonly name: "Email Input";
-        readonly icon: typeof AtSignIcon;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/email_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly placeholder: {
-                    readonly type: "static";
-                    readonly value: "Email";
-                    readonly fieldType: "text";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-            };
-        };
-    };
-    readonly dateinputcomponent: {
-        readonly name: "Date";
-        readonly icon: typeof Calendar;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly minDate: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "date";
-                    readonly tooltip: "The minimum date that can be selected. The format is: \"yyyy-MM-dd\"";
-                };
-                readonly maxDate: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "date";
-                    readonly tooltip: "The maximum date that can be selected. The format is: \"yyyy-MM-dd\"";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "date";
-                };
-                readonly outputFormat: {
-                    readonly type: "static";
-                    readonly value: "yyyy-MM-dd";
-                    readonly fieldType: "text";
-                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'yyyy-MM-dd'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n";
-                    readonly documentationLink: "https://date-fns.org/v2.30.0/docs/format";
-                    readonly placeholder: "yyyy-MM-dd";
-                };
-            };
-        };
-    };
-    readonly datetimeinputcomponent: {
-        readonly name: "Date & Time";
-        readonly icon: typeof CalendarClock;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/datetime_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly displayPresets: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "Display presets to select the date for example, in 1 week, in 1 month, etc.";
-                };
-                readonly minDateTime: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "datetime";
-                    readonly tooltip: "The minimum date and time that can be selected. The format is the ISO 8601 format: \"yyyy-MM-ddTHH:mm:ss:SSSZ\", for example \"2021-11-06T23:39:30.000Z\", or toISOString() from a Date";
-                };
-                readonly maxDateTime: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "datetime";
-                    readonly tooltip: "The maximum date and time that can be selected. The format is the ISO 8601 format: \"yyyy-MM-ddTHH:mm:ss:SSSZ\", for example \"2021-11-06T23:39:30.000Z\", or toISOString() from a Date";
-                };
-                readonly outputFormat: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "text";
-                    readonly documentationLink: "https://date-fns.org/v2.30.0/docs/format";
-                    readonly placeholder: "dd.MM.yyyy HH:mm";
-                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n| HH \t\t\t\t| 00, 01, ..., 23 | Hours |\n| mm \t\t\t\t| 00, 01, ..., 59 | Minutes |\n| ss \t\t\t\t| 00, 01, ..., 59 | Seconds |\n\t\t\t\t\t";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "datetime";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-            };
-        };
-    };
-    readonly timeinputcomponent: {
-        readonly name: "Time";
-        readonly icon: typeof Clock;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/time_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly minTime: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "time";
-                    readonly tooltip: "The minimum time that can be selected. If the time provided is not valid, it will set the output \"validity\" to false. The format is: \"HH:mm\"";
-                };
-                readonly maxTime: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "time";
-                    readonly tooltip: "The maximum time that can be selected. If the time provided is not valid, it will set the output \"validity\" to false. The format is: \"HH:mm\"";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "time";
-                };
-                readonly "24hFormat": {
-                    readonly type: "static";
-                    readonly value: true;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "Use 24h format. Will change the format of the output of the component: HH:mm to hh:mm am/pm";
-                };
-            };
-        };
-    };
-    readonly tabscomponent: {
-        readonly name: "Tabs";
-        readonly icon: typeof ListOrdered;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/tabs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly tabRow: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly allTabs: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly selectedTab: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly tabsKind: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: string;
-                    readonly tooltip: "Tabs can be configured to be either horizontal (tabs), vertical (sidebar), or invisible.";
-                };
-            };
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 2;
-            readonly tabs: string[];
-        };
-    };
-    readonly steppercomponent: {
-        readonly name: "Stepper";
-        readonly icon: typeof ListOrdered;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/stepper";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: {
-                readonly type: "runnable";
-                readonly fieldType: "any";
-                readonly fields: {};
-                readonly runnable: undefined;
-            };
-            readonly numberOfSubgrids: 2;
-            readonly tabs: string[];
-        };
-    };
-    readonly carousellistcomponent: {
-        readonly name: "Carousel List";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/carousel";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly timingFunction: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "linear";
-                    readonly tooltip: "Sets how an animation progresses through the duration of each cycle, see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function";
-                };
-            };
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "array";
-                readonly subFieldType: "object";
-                readonly value: object[];
-            };
-            readonly numberOfSubgrids: 1;
-        };
-    };
-    readonly iconcomponent: {
-        readonly name: "Icon";
-        readonly icon: typeof Smile;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/icon";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly icon: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly icon: {
-                    readonly type: "static";
-                    readonly value: "Smile";
-                    readonly fieldType: "icon-select";
-                    readonly tooltip: "The icons can be found at https://lucide.dev/";
-                };
-                readonly color: {
-                    readonly type: "static";
-                    readonly value: "currentColor";
-                    readonly fieldType: "color";
-                    readonly tooltip: "The color of the icon can be overridden by the `background-color` property in the styling menu";
-                };
-                readonly size: {
-                    readonly type: "static";
-                    readonly value: 24;
-                    readonly fieldType: "number";
-                };
-                readonly strokeWidth: {
-                    readonly type: "static";
-                    readonly value: 2;
-                    readonly fieldType: "number";
-                };
-            };
-        };
-    };
-    readonly horizontaldividercomponent: {
-        readonly name: "Divider X";
-        readonly icon: typeof SeparatorHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/divider_x";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly divider: {
-                readonly class: "";
-                readonly style: "";
-                readonly tooltip: "`background-color` and `height` are handled by the component configuration";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly size: {
-                    readonly type: "static";
-                    readonly value: 2;
-                    readonly fieldType: "number";
-                    readonly tooltip: "The height of the divider in pixels can be overridden by the `height` property in the styling menu";
-                };
-                readonly color: {
-                    readonly type: "static";
-                    readonly value: "#00000060";
-                    readonly fieldType: "color";
-                    readonly tooltip: "The color of the divider can be overridden by the `background-color` property in the styling menu";
-                };
-            };
-        };
-    };
-    readonly verticaldividercomponent: {
-        readonly name: "Divider Y";
-        readonly icon: typeof SeparatorVertical;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/divider_y";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly divider: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly size: {
-                    readonly type: "static";
-                    readonly value: 2;
-                    readonly fieldType: "number";
-                    readonly tooltip: "The width of the divider in pixels can be overridden by the `width` property in the styling menu";
-                };
-                readonly color: {
-                    readonly type: "static";
-                    readonly value: "#00000060";
-                    readonly fieldType: "color";
-                    readonly tooltip: "The color of the divider can be overridden by the `background-color` property in the styling menu";
-                };
-            };
-        };
-    };
-    readonly fileinputcomponent: {
-        readonly name: "File Input";
-        readonly icon: typeof Paperclip;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/file_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly acceptedFileTypes: {
-                    readonly type: "static";
-                    readonly value: string[];
-                    readonly fieldType: "array";
-                };
-                readonly allowMultiple: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "If allowed, the user will be able to select more than one file";
-                };
-                readonly text: {
-                    readonly type: "static";
-                    readonly value: "Drag and drop files or click to select them";
-                    readonly fieldType: "text";
-                };
-                readonly includeMimeType: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                    readonly tooltip: "If enabled, the mime type of the file will be included.";
-                };
-                readonly submittedFileText: {
-                    readonly type: "static";
-                    readonly value: "Selected file";
-                    readonly fieldType: "text";
-                };
-                readonly disabled: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-            };
-        };
-    };
-    readonly imagecomponent: {
-        readonly name: "Image";
-        readonly icon: typeof Image;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/image";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly image: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly source: {
-                    readonly type: "static";
-                    readonly value: "/logo.svg";
-                    readonly fieldType: "text";
-                    readonly fileUpload: {
-                        readonly accept: "image/*";
-                        readonly convertTo: "base64";
-                    };
-                };
-                readonly sourceKind: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: string;
-                };
-                readonly imageFit: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "contain";
-                    readonly tooltip: "The image fit property can be overridden by the `object-fit` property in the styling menu";
-                };
-                readonly altText: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "text";
-                    readonly tooltip: "This text will appear if the image can't be loaded for any reason";
-                };
-            };
-        };
-    };
-    readonly drawercomponent: {
-        readonly name: "Drawer";
-        readonly icon: typeof SidebarClose;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/drawer";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly button: {
-                readonly style: "";
-                readonly class: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly drawer: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly verticalAlignment: "center";
-            readonly configuration: {
-                readonly drawerTitle: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Drawer title";
-                };
-                readonly hideButtonOnView: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "Make button invisible when app is used outside of the edit mode";
-                };
-                readonly label: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Press me";
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly value: "blue";
-                    readonly tooltip: "The color of the button can be overridden by the `background-color` property in the styling menu";
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "xs";
-                };
-                readonly fillContainer: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
-                };
-                readonly disabled: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 1;
-        };
-    };
-    readonly mapcomponent: {
-        readonly name: "Map";
-        readonly icon: typeof MapPin;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/map";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly map: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly longitude: {
-                    readonly fieldType: "number";
-                    readonly type: "static";
-                    readonly value: 15;
-                };
-                readonly latitude: {
-                    readonly fieldType: "number";
-                    readonly type: "static";
-                    readonly value: 50;
-                };
-                readonly zoom: {
-                    readonly fieldType: "number";
-                    readonly type: "static";
-                    readonly value: 3;
-                };
-                readonly markers: StaticAppInput;
-                readonly lock: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "Lock the map to prevent user interaction";
-                };
-            };
-        };
-    };
-    readonly verticalsplitpanescomponent: {
-        readonly name: "Vertical Split Panes";
-        readonly icon: typeof FlipHorizontal;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/vertical_split_panes";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-            readonly panes: number[];
-            readonly numberOfSubgrids: 2;
-        };
-    };
-    readonly horizontalsplitpanescomponent: {
-        readonly name: "Horizontal Split Panes";
-        readonly icon: typeof FlipVertical;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/horizontal_split_panes";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-            readonly panes: number[];
-            readonly numberOfSubgrids: 2;
-        };
-    };
-    readonly pdfcomponent: {
-        readonly name: "PDF";
-        readonly icon: typeof FileText;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/pdf";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly source: {
-                    readonly type: "static";
-                    readonly value: "/dummy.pdf";
-                    readonly fieldType: "text";
-                    readonly fileUpload: {
-                        readonly accept: "application/pdf";
-                        readonly convertTo: "base64";
-                    };
-                    readonly placeholder: "Enter URL or upload file (base64)";
-                };
-                readonly zoom: {
-                    readonly fieldType: "number";
-                    readonly type: "static";
-                    readonly value: 100;
-                };
-            };
-        };
-    };
-    readonly modalcomponent: {
-        readonly name: "Modal";
-        readonly icon: typeof SidebarClose;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/modal";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly button: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly buttonContainer: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly popup: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly horizontalAlignment: "center";
-            readonly verticalAlignment: "center";
-            readonly configuration: {
-                readonly modalTitle: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Modal title";
-                };
-                readonly hideButtonOnView: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "Make button invisible when app is used outside of the edit mode";
-                };
-                readonly buttonLabel: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Press me";
-                };
-                readonly buttonColor: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly value: "blue";
-                    readonly tooltip: "These presets can be overwritten with custom styles.";
-                };
-                readonly buttonSize: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "xs";
-                };
-                readonly buttonFillContainer: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "This will make the button fill the container width and height. Height and width can be overwritten with custom styles.";
-                };
-                readonly buttonDisabled: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-            };
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 1;
-        };
-    };
-    readonly schemaformcomponent: {
-        readonly name: "Form";
-        readonly icon: typeof FileText;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/form_input";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly label: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly description: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: {
-                readonly type: "static";
-                readonly fieldType: "schema";
-                readonly value: {
-                    readonly properties: {
-                        readonly first_name: {
-                            readonly type: "string";
-                            readonly description: "your name";
-                            readonly default: "default";
-                        };
-                    };
-                    readonly required: readonly [];
-                };
-            };
-            readonly configuration: {
-                readonly defaultValues: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "This enables setting default form values dynamically using an object: keys are field names, and values are the defaults.";
-                };
-                readonly dynamicEnums: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "This enables setting form enum values dynamically using an object: keys are field names, and values are arrays of strings.";
-                };
-                readonly displayType: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "This will display the type and/or the format on the field next to the label.";
-                };
-                readonly largeGap: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly tooltip: "This will add a large gap between the form elements.";
-                };
-            };
-        };
-    };
-    readonly selecttabcomponent: {
-        readonly name: "Select Tab";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select_tab";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly tabRow: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly allTabs: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly selectedTab: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "object";
-                };
-                readonly tabSize: {
-                    readonly type: "static";
-                    readonly value: "sm";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                    readonly tooltip: "Size of the tabs can be overwritten with custom styles using `font-size` in CSS or using tailwind classes.";
-                };
-            };
-        };
-    };
-    readonly selectstepcomponent: {
-        readonly name: "Select Step";
-        readonly icon: typeof List;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/select_step";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly items: StaticAppInput;
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: any;
-                    readonly fieldType: "object";
-                };
-            };
-        };
-    };
-    readonly conditionalwrapper: {
-        readonly name: "Conditional Tabs";
-        readonly icon: typeof Split;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/conditional_tabs";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 2;
-            readonly conditions: AppInputSpec<"boolean", boolean>[];
-        };
-    };
-    readonly statcomponent: {
-        readonly name: "Statistic Card";
-        readonly icon: typeof FileBarChart;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/statistic_card";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly quickstyle: Record<string, Quickstyle>;
-        readonly customCss: {
-            readonly title: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly value: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly media: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly title: {
-                    readonly type: "static";
-                    readonly value: "Title";
-                    readonly fieldType: "text";
-                };
-                readonly value: {
-                    readonly type: "static";
-                    readonly value: "Value";
-                    readonly fieldType: "text";
-                };
-                readonly progress: {
-                    readonly type: "static";
-                    readonly value: 0;
-                    readonly fieldType: "number";
-                };
-                readonly media: {
-                    readonly type: "oneOf";
-                    readonly selected: "image";
-                    readonly labels: {
-                        readonly icon: "Icon";
-                        readonly image: "Image";
-                    };
-                    readonly configuration: {
-                        readonly icon: {
-                            readonly icon: {
-                                readonly type: "static";
-                                readonly value: undefined;
-                                readonly fieldType: "icon-select";
-                            };
-                        };
-                        readonly image: {
-                            readonly source: {
-                                readonly type: "static";
-                                readonly value: "/logo.svg";
-                                readonly fieldType: "text";
-                                readonly fileUpload: {
-                                    readonly accept: "image/*";
-                                    readonly convertTo: "base64";
-                                };
-                            };
-                            readonly sourceKind: {
-                                readonly fieldType: "select";
-                                readonly type: "static";
-                                readonly selectOptions: string[];
-                                readonly value: string;
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-    readonly menucomponent: {
-        readonly name: "Dropdown Menu";
-        readonly icon: typeof Menu;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/dropdown_menu";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly button: {
-                readonly style: "";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly label: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: string;
-                };
-                readonly color: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly value: "light";
-                };
-                readonly size: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: string[];
-                    readonly value: "xs";
-                };
-                readonly fillContainer: {
-                    readonly fieldType: "boolean";
-                    readonly type: "static";
-                    readonly value: false;
-                };
-                readonly beforeIcon: {
-                    readonly type: "static";
-                    readonly value: "Menu";
-                    readonly fieldType: "icon-select";
-                };
-                readonly afterIcon: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "icon-select";
-                };
-            };
-            readonly menuItems: true;
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-    readonly decisiontreecomponent: {
-        readonly name: "Decision Tree";
-        readonly icon: typeof Network;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/decision_tree";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {};
-            readonly componentInput: undefined;
-            readonly numberOfSubgrids: 1;
-            readonly nodes: DecisionTreeNode[];
-        };
-    };
-    readonly s3fileinputcomponent: {
-        readonly name: "S3 File Uploader";
-        readonly icon: typeof UploadCloud;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/s3fileinput";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly type: {
-                    readonly type: "oneOf";
-                    readonly selected: "s3";
-                    readonly labels: {
-                        readonly s3: "S3";
-                    };
-                    readonly configuration: {
-                        readonly s3: {
-                            readonly resource: StaticAppInput;
-                            readonly acceptedFileTypes: {
-                                readonly type: "static";
-                                readonly value: string[];
-                                readonly fieldType: "array";
-                            };
-                            readonly allowMultiple: {
-                                readonly type: "static";
-                                readonly value: false;
-                                readonly fieldType: "boolean";
-                                readonly tooltip: "If allowed, the user will be able to select more than one file";
-                            };
-                            readonly text: {
-                                readonly type: "static";
-                                readonly value: "Drag and drop files or click to select them";
-                                readonly fieldType: "text";
-                            };
-                            readonly pathTemplate: EvalV2AppInput;
-                            readonly disabled: {
-                                readonly type: "static";
-                                readonly value: false;
-                                readonly fieldType: "boolean";
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-    readonly dbexplorercomponent: {
-        readonly name: "Database Studio Table";
-        readonly icon: typeof Database;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/database_studio";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly type: {
-                    readonly type: "oneOf";
-                    readonly selected: "postgresql";
-                    readonly labels: {
-                        readonly postgresql: "PostgreSQL";
-                        readonly mysql: "MySQL";
-                        readonly ms_sql_server: "MS SQL Server";
-                        readonly snowflake: "Snowflake";
-                        readonly bigquery: "BigQuery";
-                        readonly snowflake_oauth: "Snowflake OAuth";
-                    };
-                    readonly configuration: {
-                        readonly postgresql: {
-                            readonly resource: StaticAppInput;
-                            readonly table: {
-                                readonly fieldType: "select";
-                                readonly subFieldType: "db-table";
-                                readonly type: "static";
-                                readonly selectOptions: readonly [];
-                                readonly value: undefined;
-                                readonly allowTypeChange: false;
-                            };
-                        };
-                        readonly mysql: {
-                            readonly resource: StaticAppInput;
-                            readonly table: {
-                                readonly fieldType: "select";
-                                readonly subFieldType: "db-table";
-                                readonly type: "static";
-                                readonly selectOptions: readonly [];
-                                readonly value: undefined;
-                            };
-                        };
-                        readonly ms_sql_server: {
-                            readonly resource: StaticAppInput;
-                            readonly table: {
-                                readonly fieldType: "select";
-                                readonly subFieldType: "db-table";
-                                readonly type: "static";
-                                readonly selectOptions: readonly [];
-                                readonly value: undefined;
-                            };
-                        };
-                        readonly snowflake: {
-                            readonly resource: StaticAppInput;
-                            readonly table: {
-                                readonly fieldType: "select";
-                                readonly subFieldType: "db-table";
-                                readonly type: "static";
-                                readonly selectOptions: readonly [];
-                                readonly value: undefined;
-                            };
-                        };
-                        readonly bigquery: {
-                            readonly resource: StaticAppInput;
-                            readonly table: {
-                                readonly fieldType: "select";
-                                readonly subFieldType: "db-table";
-                                readonly type: "static";
-                                readonly selectOptions: readonly [];
-                                readonly value: undefined;
-                            };
-                        };
-                    };
-                };
-                readonly columnDefs: StaticAppInput;
-                readonly rowIdCol: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly placeholder: "id";
-                    readonly tooltip: "column id to fetch the row id from (leave empty to use an auto-generated id. Recommended to be set but must be unique to each row)";
-                };
-                readonly whereClause: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly allowTypeChange: false;
-                };
-                readonly flex: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
-                };
-                readonly allEditable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Configure all columns as Editable by users";
-                };
-                readonly allowDelete: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly hide: true;
-                    readonly tooltip: "Allow deleting rows";
-                };
-                readonly multipleSelectable: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Make multiple rows selectable at once";
-                };
-                readonly rowMultiselectWithClick: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "If multiple selectable, allow multiselect with click";
-                };
-                readonly selectFirstRowByDefault: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: boolean;
-                    readonly tooltip: "Select the first row by default on start";
-                };
-                readonly extraConfig: {
-                    readonly type: "static";
-                    readonly fieldType: "object";
-                    readonly value: {};
-                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
-                };
-                readonly hideInsert: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Hide the insert button";
-                };
-                readonly hideSearch: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Hide the search bar";
-                };
-                readonly wrapActions: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
-                };
-                readonly footer: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: true;
-                    readonly tooltip: "Allow visible footer for pagination and download";
-                };
-                readonly customActionsHeader: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: undefined;
-                    readonly tooltip: "Custom header for the actions columns";
-                };
-            };
-            readonly componentInput: undefined;
-        };
-    };
-    readonly alertcomponent: {
-        readonly name: "Alert";
-        readonly icon: typeof AlertTriangle;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/alert";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly background: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly icon: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly title: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly description: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly verticalAlignment: "center";
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly type: {
-                    readonly fieldType: "select";
-                    readonly type: "static";
-                    readonly selectOptions: readonly [{
-                        readonly value: "info";
-                        readonly label: "Info";
-                    }, {
-                        readonly value: "success";
-                        readonly label: "Success";
-                    }, {
-                        readonly value: "warning";
-                        readonly label: "Warning";
-                    }, {
-                        readonly value: "error";
-                        readonly label: "Error";
-                    }];
-                    readonly value: "info";
-                };
-                readonly title: {
-                    readonly type: "static";
-                    readonly value: "Title";
-                    readonly fieldType: "text";
-                };
-                readonly description: {
-                    readonly type: "static";
-                    readonly value: "Description";
-                    readonly fieldType: "text";
-                };
-                readonly notRounded: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly tooltip: {
-                    readonly type: "static";
-                    readonly value: "";
-                    readonly fieldType: "text";
-                };
-                readonly size: {
-                    readonly type: "static";
-                    readonly value: "sm";
-                    readonly fieldType: "select";
-                    readonly selectOptions: readonly [{
-                        readonly value: "xs";
-                        readonly label: "Extra small";
-                    }, {
-                        readonly value: "sm";
-                        readonly label: "Small";
-                    }];
-                };
-                readonly collapsible: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-                readonly initiallyCollapsed: {
-                    readonly type: "static";
-                    readonly value: false;
-                    readonly fieldType: "boolean";
-                };
-            };
-        };
-    };
-    readonly navbarcomponent: {
-        readonly name: "Navbar";
-        readonly icon: typeof AppWindow;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/navbar";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly image: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {
-                readonly title: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Title";
-                };
-                readonly borderColor: {
-                    readonly type: "static";
-                    readonly value: "#555";
-                    readonly fieldType: "color";
-                };
-                readonly logo: {
-                    readonly type: "oneOf";
-                    readonly selected: "no";
-                    readonly labels: {
-                        readonly yes: "Use logo";
-                        readonly no: "No logo";
-                    };
-                    readonly configuration: {
-                        readonly yes: {
-                            readonly source: {
-                                readonly type: "static";
-                                readonly value: "/logo.svg";
-                                readonly fieldType: "text";
-                                readonly fileUpload: {
-                                    readonly accept: "image/*";
-                                    readonly convertTo: "base64";
-                                };
-                            };
-                            readonly sourceKind: {
-                                readonly fieldType: "select";
-                                readonly type: "static";
-                                readonly selectOptions: string[];
-                                readonly value: string;
-                            };
-                            readonly altText: {
-                                readonly type: "static";
-                                readonly value: "";
-                                readonly fieldType: "text";
-                                readonly tooltip: "This text will appear if the image can't be loaded for any reason";
-                            };
-                        };
-                        readonly no: {};
-                    };
-                };
-                readonly orientation: {
-                    readonly type: "static";
-                    readonly fieldType: "select";
-                    readonly value: "horizontal";
-                    readonly selectOptions: readonly [{
-                        readonly value: "horizontal";
-                        readonly label: "Horizontal";
-                    }, {
-                        readonly value: "vertical";
-                        readonly label: "Vertical";
-                    }];
-                };
-            };
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-    readonly dateselectcomponent: {
-        readonly name: "Date Select";
-        readonly icon: typeof Calendar;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_select";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly input: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly verticalAlignment: "center";
-            readonly configuration: {
-                readonly enableDay: {
-                    readonly type: "static";
-                    readonly value: true;
-                    readonly fieldType: "boolean";
-                };
-                readonly enableMonth: {
-                    readonly type: "static";
-                    readonly value: true;
-                    readonly fieldType: "boolean";
-                };
-                readonly enableYear: {
-                    readonly type: "static";
-                    readonly value: true;
-                    readonly fieldType: "boolean";
-                };
-                readonly defaultValue: {
-                    readonly type: "static";
-                    readonly value: undefined;
-                    readonly fieldType: "date";
-                };
-                readonly orientation: {
-                    readonly type: "static";
-                    readonly value: "horizontal";
-                    readonly fieldType: "select";
-                    readonly selectOptions: readonly [{
-                        readonly value: "horizontal";
-                        readonly label: "Horizontal";
-                    }, {
-                        readonly value: "vertical";
-                        readonly label: "Vertical";
-                    }];
-                };
-                readonly locale: {
-                    readonly type: "static";
-                    readonly value: "en-US";
-                    readonly fieldType: "select";
-                    readonly selectOptions: string[];
-                    readonly tooltip: "Format on the month names";
-                };
-            };
-        };
-    };
-    readonly jobiddisplaycomponent: {
-        readonly name: "Rich Result by Job Id";
-        readonly icon: typeof Monitor;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/rich_result_by_job_id";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly header: {
-                readonly class: "";
-                readonly style: "";
-            };
-            readonly container: {
-                readonly class: "";
-                readonly style: "";
-            };
-        };
-        readonly initialData: {
-            readonly configuration: {
-                readonly jobId: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "";
-                    readonly tooltip: "Job id to display result from";
-                };
-                readonly title: {
-                    readonly type: "static";
-                    readonly fieldType: "text";
-                    readonly value: "Result";
-                };
-                readonly hideDetails: {
-                    readonly type: "static";
-                    readonly fieldType: "boolean";
-                    readonly value: false;
-                    readonly tooltip: "Hide the details section: the object keys, the clipboard button and the maximise button";
-                };
-            };
-        };
-    };
-    readonly recomputeallcomponent: {
-        readonly name: "Recompute All";
-        readonly icon: typeof RefreshCw;
-        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/recompute_all";
-        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-        readonly customCss: {
-            readonly container: {
-                readonly style: "";
-                readonly class: "";
-            };
-        };
-        readonly initialData: {
-            readonly componentInput: undefined;
-            readonly configuration: {};
-            readonly menuItems: true;
-            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
-            readonly verticalAlignment: import("../../types").VerticalAlignment;
-        };
-    };
-};
-export declare const presetComponents: {
-    sidebartabscomponent: {
-        name: string;
-        icon: typeof PanelLeft;
-        targetComponent: "tabscomponent";
-        configuration: {
-            tabsKind: {
-                value: string;
-            };
-        };
-        type: string;
-    };
-    invisibletabscomponent: {
-        name: string;
-        icon: typeof PanelTopInactive;
-        targetComponent: "tabscomponent";
-        configuration: {
-            tabsKind: {
-                value: string;
-            };
-        };
-        type: string;
-    };
-    topbarcomponent: {
-        name: string;
-        icon: typeof PanelTop;
-        targetComponent: "containercomponent";
-        configuration: {};
-        type: string;
-        dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-6:${number}` | `1:${number}-5:${number}` | `1:${number}-3:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-7:${number}` | `1:${number}-10:${number}` | `1:${number}-12:${number}` | `1:${number}-11:${number}` | `1:${number}-8:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-6:${number}` | `2:${number}-5:${number}` | `2:${number}-3:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-7:${number}` | `2:${number}-10:${number}` | `2:${number}-12:${number}` | `2:${number}-11:${number}` | `2:${number}-8:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-6:${number}` | `3:${number}-5:${number}` | `3:${number}-3:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-7:${number}` | `3:${number}-10:${number}` | `3:${number}-12:${number}` | `3:${number}-11:${number}` | `3:${number}-8:${number}`;
-    };
-};
-export declare const presets: {
-    [Property in keyof typeof presetComponents]: PresetComponentConfig;
-};
-export declare const ccomponents: {
-    [Property in keyof typeof components]: AppComponentConfig<Property>;
-};