npm - @devtable/dashboard - Versions diffs - 10.44.2 → 10.44.3 - Mend

@devtable/dashboard 10.44.2 → 10.44.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (383) hide show

package/dist/dashboard-editor/model/views/index.d.ts CHANGED Viewed

@@ -1,15 +1,13 @@
 import { Instance, SnapshotIn } from 'mobx-state-tree';
-import { EViewComponentType, ViewRenderModelInstance } from '~/model';
-import { IDashboardView } from '~/types';
-import { ViewDivisionConfigSnapshotIn, ViewModalConfigSnapshotIn } from '~/model';
+import { EViewComponentType, ViewRenderModelInstance } from '../../../model';
+import { IDashboardView } from '../../../types';
+import { ViewDivisionConfigSnapshotIn, ViewModalConfigSnapshotIn } from '../../../model';
 export declare const ViewsModel: import("mobx-state-tree").IModelType<{
     current: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -52,9 +50,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -97,13 +95,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -169,7 +163,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -184,6 +178,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -210,7 +210,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -257,7 +257,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                 view_id: string;
             }[];
             _name: EViewComponentType.Modal;
-            variant: "default" | "outline" | "pills";
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
             orientation: import("@mantine/core").TabsOrientation;
         } | {
             _name: EViewComponentType.Division;
@@ -269,14 +269,56 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: string;
         type: EViewComponentType;
         config: ({
-            _name: EViewComponentType.Division;
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                _name: EViewComponentType.Division;
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
             };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -319,9 +361,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -364,13 +406,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -436,7 +474,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -451,59 +489,76 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
             _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
                 _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+                orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -546,9 +601,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -591,13 +646,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -663,7 +714,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -678,72 +729,19 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: "default" | "outline" | "pills";
-            orientation: import("@mantine/core").TabsOrientation;
-            grow: boolean;
+            _name: EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: EViewComponentType.Division;
             };
-        } & {
-            setVariant(v: import("@mantine/core").TabsVariant): void;
-            setOrientation(v: import("@mantine/core").TabsOrientation): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -786,9 +784,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -831,13 +829,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -903,7 +897,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -918,6 +912,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>);
         panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
@@ -942,7 +942,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -959,8 +959,6 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1003,9 +1001,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1048,13 +1046,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1120,7 +1114,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -1135,6 +1129,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     }, {
@@ -1159,7 +1159,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -1177,14 +1177,56 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: string;
         type: EViewComponentType;
         config: ({
-            _name: EViewComponentType.Division;
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                _name: EViewComponentType.Division;
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
             };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1227,9 +1269,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1272,13 +1314,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1344,7 +1382,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -1359,59 +1397,76 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
             _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
                 _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+                orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1454,9 +1509,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1499,13 +1554,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1571,7 +1622,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -1586,72 +1637,19 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: "default" | "outline" | "pills";
-            orientation: import("@mantine/core").TabsOrientation;
-            grow: boolean;
+            _name: EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: EViewComponentType.Division;
             };
-        } & {
-            setVariant(v: import("@mantine/core").TabsVariant): void;
-            setOrientation(v: import("@mantine/core").TabsOrientation): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1694,9 +1692,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1739,13 +1737,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1811,7 +1805,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -1826,6 +1820,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>);
         panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
         tab: string;
@@ -1851,7 +1851,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -1877,8 +1877,6 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1921,9 +1919,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -1966,13 +1964,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2038,7 +2032,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -2053,6 +2047,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -2079,7 +2079,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -2106,14 +2106,56 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: string;
         type: EViewComponentType;
         config: ({
-            _name: EViewComponentType.Division;
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                _name: EViewComponentType.Division;
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
             };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2156,9 +2198,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2201,13 +2243,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2273,7 +2311,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -2288,59 +2326,76 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
             _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
                 _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+                orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2383,9 +2438,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2428,13 +2483,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2500,7 +2551,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -2515,72 +2566,19 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: "default" | "outline" | "pills";
-            orientation: import("@mantine/core").TabsOrientation;
-            grow: boolean;
+            _name: EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: EViewComponentType.Division;
             };
-        } & {
-            setVariant(v: import("@mantine/core").TabsVariant): void;
-            setOrientation(v: import("@mantine/core").TabsOrientation): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2623,9 +2621,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2668,13 +2666,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2740,7 +2734,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -2755,6 +2749,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>);
         panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
         tab: string;
@@ -2780,7 +2780,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -2806,8 +2806,6 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2850,9 +2848,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2895,13 +2893,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -2967,7 +2961,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -2982,6 +2976,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -3008,7 +3008,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -3035,14 +3035,56 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: string;
         type: EViewComponentType;
         config: ({
-            _name: EViewComponentType.Division;
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                _name: EViewComponentType.Division;
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
             };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3085,9 +3127,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3130,13 +3172,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3202,7 +3240,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -3217,59 +3255,76 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
             _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
                 _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+                orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3312,9 +3367,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3357,13 +3412,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3429,7 +3480,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -3444,72 +3495,19 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: "default" | "outline" | "pills";
-            orientation: import("@mantine/core").TabsOrientation;
-            grow: boolean;
+            _name: EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: EViewComponentType.Division;
             };
-        } & {
-            setVariant(v: import("@mantine/core").TabsVariant): void;
-            setOrientation(v: import("@mantine/core").TabsOrientation): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3552,9 +3550,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3597,13 +3595,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3669,7 +3663,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -3684,6 +3678,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>);
         panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
         tab: string;
@@ -3709,7 +3709,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -3735,8 +3735,6 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3779,9 +3777,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3824,13 +3822,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -3896,7 +3890,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -3911,6 +3905,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -3937,7 +3937,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -3969,14 +3969,56 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: string;
         type: EViewComponentType;
         config: ({
-            _name: EViewComponentType.Division;
+            _name: EViewComponentType.Modal;
+            width: string;
+            height: string;
+            custom_modal_title: {
+                enabled: boolean;
+                func_content: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                    func_content: string;
+                };
+                readonly value: any;
+            } & {
+                setEnabled(v: boolean): void;
+                setFuncContent(v: string): void;
+                replace({ enabled, func_content }: {
+                    enabled: boolean;
+                    func_content: string;
+                }): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                _name: EViewComponentType.Division;
+                _name: EViewComponentType.Modal;
+                width: string;
+                height: string;
+                custom_modal_title: {
+                    enabled: boolean;
+                    func_content: string;
+                };
             };
+        } & {
+            setWidth(v: string): void;
+            setHeight(v: string): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4019,9 +4061,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4064,13 +4106,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4136,7 +4174,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -4151,59 +4189,76 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
             _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             }, {
                 readonly json: {
-                    enabled: boolean;
-                    func_content: string;
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
                 };
-                readonly value: any;
             } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
+                setName(v: string): void;
+                setViewID(v: string): void;
+                setColor(v: string): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+            variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+            orientation: import("@mantine/core").TabsOrientation;
+            grow: boolean;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
                 _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
+                orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
+            setVariant(v: import("@mantine/core").TabsVariant): void;
+            setOrientation(v: import("@mantine/core").TabsOrientation): void;
+            setGrow(v: boolean): void;
+            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
+                view_id: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            }>>[]): void;
+            addTab(): void;
+            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4246,9 +4301,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4291,13 +4346,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4363,7 +4414,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -4378,72 +4429,19 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string): void;
-                setColor(v: string): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: "default" | "outline" | "pills";
-            orientation: import("@mantine/core").TabsOrientation;
-            grow: boolean;
+            _name: EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: EViewComponentType.Division;
             };
-        } & {
-            setVariant(v: import("@mantine/core").TabsVariant): void;
-            setOrientation(v: import("@mantine/core").TabsOrientation): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(index: number): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4486,9 +4484,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4531,13 +4529,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4603,7 +4597,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -4618,6 +4612,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>>);
         panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
         tab: string;
@@ -4643,7 +4643,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -4669,8 +4669,6 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
         config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4713,9 +4711,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
+        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
+        }>>, import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4758,13 +4756,9 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
             orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
             grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
+        }> | import("mobx-state-tree").ModelSnapshotType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
+        }>, import("mobx-state-tree").ModelInstanceType<{
             _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
@@ -4830,7 +4824,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             };
         } & {
@@ -4845,6 +4839,12 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -4871,7 +4871,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                     view_id: string;
                 }[];
                 _name: EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                variant: "default" | "outline" | "pills" | (string & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>>);
                 orientation: import("@mantine/core").TabsOrientation;
             } | {
                 _name: EViewComponentType.Division;
@@ -4915,5 +4915,5 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
     addARandomNewView(): void;
     removeVIE(): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export declare type ViewsModelInstance = Instance<typeof ViewsModel>;
+export type ViewsModelInstance = Instance<typeof ViewsModel>;
 export declare function getInitialDashboardViewsModel(views: IDashboardView[]): SnapshotIn<Instance<typeof ViewsModel>>;