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

@devtable/dashboard 10.44.2 → 10.44.4

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/model/render-model/dashboard/content/views/views.d.ts CHANGED Viewed

@@ -1,14 +1,12 @@
 import { Instance, SnapshotIn } from 'mobx-state-tree';
-import { IDashboardView } from '~/types';
+import { IDashboardView } from '../../../../../types';
 export declare const ViewsRenderModel: 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<import("~/model").EViewComponentType>;
+        type: import("mobx-state-tree").ISimpleType<import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -29,7 +27,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -50,10 +48,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -74,7 +72,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -95,14 +93,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -124,7 +118,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -136,7 +130,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -166,8 +160,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -182,6 +176,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -190,9 +190,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -207,17 +207,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -235,9 +235,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     readonly json: {
         id: string;
         name: string;
-        type: import("~/model").EViewComponentType;
+        type: import('../../../../../model').EViewComponentType;
         config: {
-            _name: import("~/model").EViewComponentType.Modal;
+            _name: import('../../../../../model').EViewComponentType.Modal;
             width: string;
             height: string;
             custom_modal_title: {
@@ -252,28 +252,70 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 color: string;
                 view_id: string;
             }[];
-            _name: import("~/model").EViewComponentType.Modal;
-            variant: "default" | "outline" | "pills";
+            _name: import('../../../../../model').EViewComponentType.Modal;
+            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: import("~/model").EViewComponentType.Division;
+            _name: import('../../../../../model').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]>>;
     }[];
     readonly idMap: Map<string, {
         id: string;
         name: string;
-        type: import("~/model").EViewComponentType;
+        type: import('../../../../../model').EViewComponentType;
         config: ({
-            _name: import("~/model").EViewComponentType.Division;
+            _name: import('../../../../../model').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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -294,7 +336,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -315,10 +357,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -339,7 +381,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -360,14 +402,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -389,7 +427,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -401,7 +439,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -431,8 +469,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -447,60 +485,77 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            _name: import('../../../../../model').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: {
-                    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: {
-                _name: import("~/model").EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -521,7 +576,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -542,10 +597,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -566,7 +621,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -587,14 +642,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -616,7 +667,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -628,7 +679,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -658,8 +709,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -674,73 +725,20 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").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: import('../../../../../model').EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -761,7 +759,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -782,10 +780,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -806,7 +804,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -827,14 +825,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -856,7 +850,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -868,7 +862,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -898,8 +892,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -914,15 +908,21 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').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 & {
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -937,27 +937,25 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & import("mobx-state-tree").IStateTreeNode<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<import("~/model").EViewComponentType>;
+        type: import("mobx-state-tree").ISimpleType<import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -978,7 +976,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -999,10 +997,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1023,7 +1021,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1044,14 +1042,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1073,7 +1067,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1085,7 +1079,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1115,8 +1109,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -1131,15 +1125,21 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     }, {
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1154,43 +1154,85 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     findByID(id: string): ({
         id: string;
         name: string;
-        type: import("~/model").EViewComponentType;
+        type: import('../../../../../model').EViewComponentType;
         config: ({
-            _name: import("~/model").EViewComponentType.Division;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        } & 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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: 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;
+            _name: import('../../../../../model').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: import('../../../../../model').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<import('../../../../../model').EViewComponentType.Modal>;
+            width: import("mobx-state-tree").ISimpleType<string>;
+            height: import("mobx-state-tree").ISimpleType<string>;
+            custom_modal_title: 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;
             } & {
@@ -1202,7 +1244,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1223,10 +1265,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1247,7 +1289,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1268,14 +1310,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1297,7 +1335,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1309,7 +1347,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1339,8 +1377,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -1355,60 +1393,77 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            _name: import('../../../../../model').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: {
-                    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: {
-                _name: import("~/model").EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1429,7 +1484,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1450,10 +1505,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1474,7 +1529,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1495,14 +1550,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1524,7 +1575,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1536,7 +1587,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1566,8 +1617,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -1582,73 +1633,20 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").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: import('../../../../../model').EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1669,7 +1667,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1690,10 +1688,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1714,7 +1712,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1735,14 +1733,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1764,7 +1758,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1776,7 +1770,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1806,8 +1800,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -1822,6 +1816,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').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;
@@ -1829,9 +1829,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -1846,17 +1846,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -1871,11 +1871,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     } & import("mobx-state-tree").IStateTreeNode<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<import("~/model").EViewComponentType>;
+        type: import("mobx-state-tree").ISimpleType<import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1896,7 +1894,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1917,10 +1915,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1941,7 +1939,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -1962,14 +1960,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -1991,7 +1985,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2003,7 +1997,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2033,8 +2027,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -2049,6 +2043,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -2057,9 +2057,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2074,17 +2074,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -2100,17 +2100,59 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     readonly firstVisibleView: ({
         id: string;
         name: string;
-        type: import("~/model").EViewComponentType;
+        type: import('../../../../../model').EViewComponentType;
         config: ({
-            _name: import("~/model").EViewComponentType.Division;
+            _name: import('../../../../../model').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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2131,7 +2173,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2152,10 +2194,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2176,7 +2218,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2197,14 +2239,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2226,7 +2264,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2238,7 +2276,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2268,8 +2306,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -2284,60 +2322,77 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            _name: import('../../../../../model').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: {
-                    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: {
-                _name: import("~/model").EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2358,7 +2413,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2379,10 +2434,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2403,7 +2458,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2424,14 +2479,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2453,7 +2504,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2465,7 +2516,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2495,8 +2546,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -2511,73 +2562,20 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
-        }>>>) | ({
-            _name: import("~/model").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;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
+        }>>>) | ({
+            _name: import('../../../../../model').EViewComponentType.Division;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: {
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2598,7 +2596,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2619,10 +2617,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2643,7 +2641,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2664,14 +2662,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2693,7 +2687,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2705,7 +2699,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2735,8 +2729,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -2751,6 +2745,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').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;
@@ -2758,9 +2758,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2775,17 +2775,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -2800,11 +2800,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     } & import("mobx-state-tree").IStateTreeNode<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<import("~/model").EViewComponentType>;
+        type: import("mobx-state-tree").ISimpleType<import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2825,7 +2823,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2846,10 +2844,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2870,7 +2868,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2891,14 +2889,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -2920,7 +2914,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -2932,7 +2926,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -2962,8 +2956,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -2978,6 +2972,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -2986,9 +2986,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3003,17 +3003,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -3029,17 +3029,59 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     readonly visibleViews: ({
         id: string;
         name: string;
-        type: import("~/model").EViewComponentType;
+        type: import('../../../../../model').EViewComponentType;
         config: ({
-            _name: import("~/model").EViewComponentType.Division;
+            _name: import('../../../../../model').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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3060,7 +3102,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3081,10 +3123,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3105,7 +3147,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3126,14 +3168,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3155,7 +3193,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3167,7 +3205,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3197,8 +3235,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -3213,60 +3251,77 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            _name: import('../../../../../model').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: {
-                    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: {
-                _name: import("~/model").EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
+                grow: boolean;
+                tabs: {
+                    id: string;
+                    name: string;
+                    color: string;
+                    view_id: string;
+                }[];
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3287,7 +3342,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3308,10 +3363,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3332,7 +3387,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3353,14 +3408,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3382,7 +3433,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3394,7 +3445,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3424,8 +3475,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -3440,73 +3491,20 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>>) | ({
-            _name: import("~/model").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: import('../../../../../model').EViewComponentType.Division;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    view_id: string;
-                }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
-                orientation: import("@mantine/core").TabsOrientation;
+                _name: import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3527,7 +3525,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3548,10 +3546,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3572,7 +3570,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3593,14 +3591,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3622,7 +3616,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3634,7 +3628,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3664,8 +3658,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -3680,6 +3674,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').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;
@@ -3687,9 +3687,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3704,17 +3704,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -3729,11 +3729,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     } & import("mobx-state-tree").IStateTreeNode<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<import("~/model").EViewComponentType>;
+        type: import("mobx-state-tree").ISimpleType<import('../../../../../model').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<import("~/model").EViewComponentType.Division>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3754,7 +3752,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3775,10 +3773,10 @@ export declare const ViewsRenderModel: 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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3799,7 +3797,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                 }): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3820,14 +3818,10 @@ export declare const ViewsRenderModel: 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<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
         }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: import("~/model").EViewComponentType.Division;
-            };
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             width: import("mobx-state-tree").ISimpleType<string>;
             height: import("mobx-state-tree").ISimpleType<string>;
             custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
@@ -3849,7 +3843,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
         }, {
             readonly json: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3861,7 +3855,7 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             setWidth(v: string): void;
             setHeight(v: string): void;
         }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<import("~/model").EViewComponentType.Modal>;
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Modal>;
             tabs: 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>;
@@ -3891,8 +3885,8 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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;
             };
         } & {
@@ -3907,6 +3901,12 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
             }>>[]): void;
             addTab(): void;
             removeTab(index: number): void;
+        }> | import("mobx-state-tree").ModelInstanceType<{
+            _name: import("mobx-state-tree").ISimpleType<import('../../../../../model').EViewComponentType.Division>;
+        }, {
+            readonly json: {
+                _name: import('../../../../../model').EViewComponentType.Division;
+            };
         }>>;
         panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     } & {
@@ -3915,9 +3915,9 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
         readonly json: {
             id: string;
             name: string;
-            type: import("~/model").EViewComponentType;
+            type: import('../../../../../model').EViewComponentType;
             config: {
-                _name: import("~/model").EViewComponentType.Modal;
+                _name: import('../../../../../model').EViewComponentType.Modal;
                 width: string;
                 height: string;
                 custom_modal_title: {
@@ -3932,17 +3932,17 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
                     color: string;
                     view_id: string;
                 }[];
-                _name: import("~/model").EViewComponentType.Modal;
-                variant: "default" | "outline" | "pills";
+                _name: import('../../../../../model').EViewComponentType.Modal;
+                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: import("~/model").EViewComponentType.Division;
+                _name: import('../../../../../model').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]>>;
         };
     } & {
         setName(name: string): void;
-        setType(type: import("~/model").EViewComponentType): void;
+        setType(type: import('../../../../../model').EViewComponentType): void;
         appendPanelID(id: string): void;
         removePanelID(id: string): void;
     } & {
@@ -3959,5 +3959,5 @@ export declare const ViewsRenderModel: import("mobx-state-tree").IModelType<{
     appendToVisibles(viewID: string): void;
     rmVisibleViewID(id: string): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export declare type ViewsRenderModelInstance = Instance<typeof ViewsRenderModel>;
+export type ViewsRenderModelInstance = Instance<typeof ViewsRenderModel>;
 export declare function getInitialViewsRenderModel(views: IDashboardView[]): SnapshotIn<Instance<typeof ViewsRenderModel>>;