npm - @devtable/dashboard - Versions diffs - 10.9.9 → 10.10.0 - Mend

@devtable/dashboard 10.9.9 → 10.10.0

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 (682) hide show

package/dist/model/render-model/dashboard/content/views/views.d.ts ADDED Viewed

@@ -0,0 +1,3889 @@
+import { Instance, SnapshotIn } from 'mobx-state-tree';
+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>;
+        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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>;
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+    visibleViewIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+}, {
+    readonly json: {
+        id: string;
+        name: string;
+        type: import("~/model").EViewComponentType;
+        config: {
+            _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";
+            orientation: import("@mantine/core").TabsOrientation;
+        } | {
+            _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;
+        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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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.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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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 & {
+            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;
+            };
+        } & {
+            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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>);
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        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>;
+        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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>;
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        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;
+        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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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.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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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 & {
+            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;
+            };
+        } & {
+            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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>);
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        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>;
+        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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>;
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
+    readonly firstVisibleView: ({
+        id: string;
+        name: string;
+        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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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.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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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 & {
+            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;
+            };
+        } & {
+            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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>);
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        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>;
+        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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>;
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
+    readonly visibleViews: ({
+        id: string;
+        name: string;
+        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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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.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;
+                };
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>) | ({
+            _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 & {
+            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;
+            };
+        } & {
+            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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>>);
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        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>;
+        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>;
+            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;
+            } & {
+                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").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            _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>;
+                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: 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").ModelSnapshotType<{
+            _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;
+            } & {
+                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").ModelSnapshotType<{
+            _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>;
+                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: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
+            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsOrientation>, [undefined]>;
+            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }>, import("mobx-state-tree").ModelInstanceType<{
+            _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>;
+            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;
+            } & {
+                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]>;
+        }, {
+            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").ModelInstanceType<{
+            _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>;
+                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: 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]>;
+        }, {
+            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;
+            };
+        } & {
+            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;
+        }>>;
+        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;
+            config: {
+                _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";
+                orientation: import("@mantine/core").TabsOrientation;
+            } | {
+                _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;
+        appendPanelID(id: string): void;
+        removePanelID(id: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+} & {
+    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 declare function getInitialViewsRenderModel(views: IDashboardView[]): SnapshotIn<Instance<typeof ViewsRenderModel>>;