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

@devtable/dashboard 10.9.8 → 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/{panels/index.d.ts → render-model/dashboard/content/panels/panels.d.ts} RENAMED Viewed

@@ -1,7 +1,5 @@
 import { Instance } from 'mobx-state-tree';
-import { NavOptionType } from '~/model/editor';
-import { PanelModelInstance, PanelModelSnapshotIn } from './panel';
-export declare const PanelsModel: import("mobx-state-tree").IModelType<{
+export declare const PanelsRenderModel: import("mobx-state-tree").IModelType<{
     list: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         title: import("mobx-state-tree").ISimpleType<string>;
@@ -28,15 +26,15 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
         viz: import("mobx-state-tree").IModelType<{
             type: import("mobx-state-tree").ISimpleType<string>;
-            conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+            conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
         }, {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
         style: import("mobx-state-tree").IModelType<{
             border: import("mobx-state-tree").IModelType<{
@@ -289,152 +287,10 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
     }, {
-        readonly contentModel: any;
-    } & {
-        readonly queryIDSet: Set<string>;
-        readonly queries: ({
-            id: string;
-            name: string;
-            type: import("../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-            pre_process: string;
-            post_process: string;
-            run_by: 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]>>;
-            react_to: 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]>>;
-            state: "error" | "loading" | "idle";
-            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): 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("../queries/types").DataSourceType>;
-            key: import("mobx-state-tree").ISimpleType<string>;
-            sql: import("mobx-state-tree").ISimpleType<string>;
-            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-        } & {
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        readonly data: TPanelData;
-        readonly dataLoading: boolean;
-        readonly queryStateMessages: string[];
-        readonly queryErrors: any[];
-        readonly canRenderViz: boolean;
         readonly json: {
             id: string;
             viz: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
             style: {
@@ -621,11 +477,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             }[];
             description: string;
         };
-        readonly dataFieldOptions: {
-            label: string;
-            value: string;
-            group: string;
-        }[];
+        readonly queryIDSet: Set<string>;
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
@@ -1265,125 +1117,267 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }, {}>>>);
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-        removeSelf(): void;
     } & {
-        moveToView(sourceViewID: string, targetViewID: string): void;
-        refreshData(): void;
-        downloadData(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-}, {
-    readonly json: {
-        id: string;
-        viz: {
-            conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
-            type: string;
-        };
-        style: {
-            border: {
-                enabled: boolean;
-            };
-        };
-        title: string;
-        layout: {
-            h: number;
-            w: number;
-            x: number;
-            y: number;
-            moved: boolean;
-            static: boolean;
-        };
-        queryIDs: string[];
-        variables: {
+        readonly contentModel: any;
+    } & {
+        readonly queries: ({
+            id: string;
             name: string;
-            size: string;
-            color: ({
-                type: "static";
-                staticColor: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>>, import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>, import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }, {}>>>) | ({
-                type: "continuous";
-                valueRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<number>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>>;
-                colorRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>>, import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>, import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }, {}>>>) | ({
-                type: "piecewise";
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>>, import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-            }> | import("mobx-state-tree").ModelSnapshotType<{
-                type: import("mobx-state-tree").ISimpleType<"piecewise">;
-            }>, import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"static">;
-                staticColor: import("mobx-state-tree").ISimpleType<string>;
-            }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                type: import("mobx-state-tree").ISimpleType<"continuous">;
-                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            type: import("../../../..").DataSourceType;
+            key: string;
+            sql: string;
+            pre_process: string;
+            post_process: string;
+            run_by: 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]>>;
+            react_to: 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]>>;
+            state: "error" | "loading" | "idle";
+            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+            error: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): 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("../../../..").DataSourceType>;
+            key: import("mobx-state-tree").ISimpleType<string>;
+            sql: import("mobx-state-tree").ISimpleType<string>;
+            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        } & {
+            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+            error: import("mobx-state-tree").IType<any, any, any>;
+        }, {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+        readonly data: TPanelData;
+        readonly dataLoading: boolean;
+        readonly queryStateMessages: string[];
+        readonly queryErrors: any[];
+        readonly canRenderViz: boolean;
+    } & {
+        refreshData(): void;
+        downloadData(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+}, {
+    readonly json: {
+        id: string;
+        viz: {
+            conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
+            type: string;
+        };
+        style: {
+            border: {
+                enabled: boolean;
+            };
+        };
+        title: string;
+        layout: {
+            h: number;
+            w: number;
+            x: number;
+            y: number;
+            moved: boolean;
+            static: boolean;
+        };
+        queryIDs: string[];
+        variables: {
+            name: string;
+            size: string;
+            color: ({
+                type: "static";
+                staticColor: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "continuous";
+                valueRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<number>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>>;
+                colorRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "piecewise";
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
             }, {}> | import("mobx-state-tree").ModelInstanceType<{
                 type: import("mobx-state-tree").ISimpleType<"piecewise">;
             }, {}>>>);
@@ -1462,7 +1456,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         }[];
         description: string;
     }[];
-    findByID(id: string): ({
+    findByID<T = {
         id: string;
         title: string;
         description: string;
@@ -1506,26 +1500,26 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         queryIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
         viz: {
             type: string;
-            conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+            conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             type: import("mobx-state-tree").ISimpleType<string>;
-            conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+            conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
         }, {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         style: {
             border: {
@@ -2034,152 +2028,10 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        readonly contentModel: any;
-    } & {
-        readonly queryIDSet: Set<string>;
-        readonly queries: ({
-            id: string;
-            name: string;
-            type: import("../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-            pre_process: string;
-            post_process: string;
-            run_by: 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]>>;
-            react_to: 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]>>;
-            state: "error" | "loading" | "idle";
-            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): 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("../queries/types").DataSourceType>;
-            key: import("mobx-state-tree").ISimpleType<string>;
-            sql: import("mobx-state-tree").ISimpleType<string>;
-            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-        } & {
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        readonly data: TPanelData;
-        readonly dataLoading: boolean;
-        readonly queryStateMessages: string[];
-        readonly queryErrors: any[];
-        readonly canRenderViz: boolean;
-        readonly json: {
+        readonly json: {
             id: string;
             viz: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
             style: {
@@ -2366,11 +2218,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             }[];
             description: string;
         };
-        readonly dataFieldOptions: {
-            label: string;
-            value: string;
-            group: string;
-        }[];
+        readonly queryIDSet: Set<string>;
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
@@ -3010,68 +2858,210 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }, {}>>>);
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-        removeSelf(): void;
     } & {
-        moveToView(sourceViewID: string, targetViewID: string): void;
-        refreshData(): void;
-        downloadData(): void;
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-        id: import("mobx-state-tree").ISimpleType<string>;
-        title: import("mobx-state-tree").ISimpleType<string>;
-        description: import("mobx-state-tree").ISimpleType<string>;
-        layout: import("mobx-state-tree").IModelType<{
-            x: import("mobx-state-tree").ISimpleType<number>;
-            y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
-            w: import("mobx-state-tree").ISimpleType<number>;
-            h: import("mobx-state-tree").ISimpleType<number>;
-            moved: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-            static: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }, {
+        readonly contentModel: any;
+    } & {
+        readonly queries: ({
+            id: string;
+            name: string;
+            type: import("../../../..").DataSourceType;
+            key: string;
+            sql: string;
+            pre_process: string;
+            post_process: string;
+            run_by: 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]>>;
+            react_to: 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]>>;
+            state: "error" | "loading" | "idle";
+            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+            error: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly valid: boolean;
             readonly json: {
-                h: number;
-                w: number;
-                x: number;
-                y: number;
-                moved: boolean;
-                static: boolean;
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
             };
         } & {
-            set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-        queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-        viz: import("mobx-state-tree").IModelType<{
-            type: import("mobx-state-tree").ISimpleType<string>;
-            conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
-        }, {
-            readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
-                type: string;
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
             };
         } & {
-            setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-        style: import("mobx-state-tree").IModelType<{
-            border: import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").ISimpleType<boolean>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                };
-            } & {
-                setEnabled(v: boolean): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): 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("../../../..").DataSourceType>;
+            key: import("mobx-state-tree").ISimpleType<string>;
+            sql: import("mobx-state-tree").ISimpleType<string>;
+            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        } & {
+            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+            error: import("mobx-state-tree").IType<any, any, any>;
         }, {
+            readonly valid: boolean;
             readonly json: {
-                border: {
-                    enabled: boolean;
-                };
-            };
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-        variables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-            name: import("mobx-state-tree").ISimpleType<string>;
-            size: import("mobx-state-tree").ISimpleType<string>;
-            weight: import("mobx-state-tree").ISimpleType<string>;
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+        readonly data: TPanelData;
+        readonly dataLoading: boolean;
+        readonly queryStateMessages: string[];
+        readonly queryErrors: any[];
+        readonly canRenderViz: boolean;
+    } & {
+        refreshData(): void;
+        downloadData(): void;
+    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        title: import("mobx-state-tree").ISimpleType<string>;
+        description: import("mobx-state-tree").ISimpleType<string>;
+        layout: import("mobx-state-tree").IModelType<{
+            x: import("mobx-state-tree").ISimpleType<number>;
+            y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
+            w: import("mobx-state-tree").ISimpleType<number>;
+            h: import("mobx-state-tree").ISimpleType<number>;
+            moved: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            static: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        }, {
+            readonly json: {
+                h: number;
+                w: number;
+                x: number;
+                y: number;
+                moved: boolean;
+                static: boolean;
+            };
+        } & {
+            set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+        viz: import("mobx-state-tree").IModelType<{
+            type: import("mobx-state-tree").ISimpleType<string>;
+            conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
+        }, {
+            readonly json: {
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
+                type: string;
+            };
+        } & {
+            setType(type: string): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        style: import("mobx-state-tree").IModelType<{
+            border: import("mobx-state-tree").IModelType<{
+                enabled: import("mobx-state-tree").ISimpleType<boolean>;
+            }, {
+                readonly json: {
+                    enabled: boolean;
+                };
+            } & {
+                setEnabled(v: boolean): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        }, {
+            readonly json: {
+                border: {
+                    enabled: boolean;
+                };
+            };
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        variables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
             color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
                 type: import("mobx-state-tree").ISimpleType<"static">;
                 staticColor: import("mobx-state-tree").ISimpleType<string>;
@@ -3302,152 +3292,10 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
     }, {
-        readonly contentModel: any;
-    } & {
-        readonly queryIDSet: Set<string>;
-        readonly queries: ({
-            id: string;
-            name: string;
-            type: import("../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-            pre_process: string;
-            post_process: string;
-            run_by: 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]>>;
-            react_to: 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]>>;
-            state: "error" | "loading" | "idle";
-            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): 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("../queries/types").DataSourceType>;
-            key: import("mobx-state-tree").ISimpleType<string>;
-            sql: import("mobx-state-tree").ISimpleType<string>;
-            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-        } & {
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        readonly data: TPanelData;
-        readonly dataLoading: boolean;
-        readonly queryStateMessages: string[];
-        readonly queryErrors: any[];
-        readonly canRenderViz: boolean;
         readonly json: {
             id: string;
             viz: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
             style: {
@@ -3634,11 +3482,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             }[];
             description: string;
         };
-        readonly dataFieldOptions: {
-            label: string;
-            value: string;
-            group: string;
-        }[];
+        readonly queryIDSet: Set<string>;
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
@@ -4278,16 +4122,158 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }, {}>>>);
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-        removeSelf(): void;
     } & {
-        moveToView(sourceViewID: string, targetViewID: string): void;
-        refreshData(): void;
-        downloadData(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
-    readonly idMap: Map<string, {
-        id: string;
-        title: string;
-        description: string;
+        readonly contentModel: any;
+    } & {
+        readonly queries: ({
+            id: string;
+            name: string;
+            type: import("../../../..").DataSourceType;
+            key: string;
+            sql: string;
+            pre_process: string;
+            post_process: string;
+            run_by: 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]>>;
+            react_to: 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]>>;
+            state: "error" | "loading" | "idle";
+            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+            error: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): 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("../../../..").DataSourceType>;
+            key: import("mobx-state-tree").ISimpleType<string>;
+            sql: import("mobx-state-tree").ISimpleType<string>;
+            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        } & {
+            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+            error: import("mobx-state-tree").IType<any, any, any>;
+        }, {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+        readonly data: TPanelData;
+        readonly dataLoading: boolean;
+        readonly queryStateMessages: string[];
+        readonly queryErrors: any[];
+        readonly canRenderViz: boolean;
+    } & {
+        refreshData(): void;
+        downloadData(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>(id: string): T | undefined;
+    readonly idMap: Map<string, {
+        id: string;
+        title: string;
+        description: string;
         layout: {
             x: number;
             y: number | null;
@@ -4328,26 +4314,26 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         queryIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
         viz: {
             type: string;
-            conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+            conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             type: import("mobx-state-tree").ISimpleType<string>;
-            conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+            conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
         }, {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         style: {
             border: {
@@ -4856,167 +4842,25 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        readonly contentModel: any;
-    } & {
-        readonly queryIDSet: Set<string>;
-        readonly queries: ({
+        readonly json: {
             id: string;
-            name: string;
-            type: import("../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-            pre_process: string;
-            post_process: string;
-            run_by: 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]>>;
-            react_to: 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]>>;
-            state: "error" | "loading" | "idle";
-            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
+            viz: {
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
+                type: string;
             };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
+            style: {
+                border: {
+                    enabled: boolean;
+                };
             };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): 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("../queries/types").DataSourceType>;
-            key: import("mobx-state-tree").ISimpleType<string>;
-            sql: import("mobx-state-tree").ISimpleType<string>;
-            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-        } & {
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        readonly data: TPanelData;
-        readonly dataLoading: boolean;
-        readonly queryStateMessages: string[];
-        readonly queryErrors: any[];
-        readonly canRenderViz: boolean;
-        readonly json: {
-            id: string;
-            viz: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
-                type: string;
-            };
-            style: {
-                border: {
-                    enabled: boolean;
-                };
-            };
-            title: string;
-            layout: {
-                h: number;
-                w: number;
-                x: number;
-                y: number;
-                moved: boolean;
-                static: boolean;
+            title: string;
+            layout: {
+                h: number;
+                w: number;
+                x: number;
+                y: number;
+                moved: boolean;
+                static: boolean;
             };
             queryIDs: string[];
             variables: {
@@ -5188,11 +5032,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             }[];
             description: string;
         };
-        readonly dataFieldOptions: {
-            label: string;
-            value: string;
-            group: string;
-        }[];
+        readonly queryIDSet: Set<string>;
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
@@ -5832,9 +5672,151 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }, {}>>>);
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-        removeSelf(): void;
     } & {
-        moveToView(sourceViewID: string, targetViewID: string): void;
+        readonly contentModel: any;
+    } & {
+        readonly queries: ({
+            id: string;
+            name: string;
+            type: import("../../../..").DataSourceType;
+            key: string;
+            sql: string;
+            pre_process: string;
+            post_process: string;
+            run_by: 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]>>;
+            react_to: 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]>>;
+            state: "error" | "loading" | "idle";
+            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+            error: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): 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("../../../..").DataSourceType>;
+            key: import("mobx-state-tree").ISimpleType<string>;
+            sql: import("mobx-state-tree").ISimpleType<string>;
+            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        } & {
+            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+            error: import("mobx-state-tree").IType<any, any, any>;
+        }, {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+        readonly data: TPanelData;
+        readonly dataLoading: boolean;
+        readonly queryStateMessages: string[];
+        readonly queryErrors: any[];
+        readonly canRenderViz: boolean;
+    } & {
         refreshData(): void;
         downloadData(): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -5863,15 +5845,15 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
         viz: import("mobx-state-tree").IModelType<{
             type: import("mobx-state-tree").ISimpleType<string>;
-            conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+            conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
         }, {
             readonly json: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                 type: string;
             };
         } & {
             setType(type: string): void;
-            setConf(conf: import("../..").AnyObject): void;
+            setConf(conf: import("../../../../..").AnyObject): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
         style: import("mobx-state-tree").IModelType<{
             border: import("mobx-state-tree").IModelType<{
@@ -6124,158 +6106,16 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
     }, {
-        readonly contentModel: any;
-    } & {
-        readonly queryIDSet: Set<string>;
-        readonly queries: ({
+        readonly json: {
             id: string;
-            name: string;
-            type: import("../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-            pre_process: string;
-            post_process: string;
-            run_by: 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]>>;
-            react_to: 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]>>;
-            state: "error" | "loading" | "idle";
-            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-            error: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
+            viz: {
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
+                type: string;
             };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): 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("../queries/types").DataSourceType>;
-            key: import("mobx-state-tree").ISimpleType<string>;
-            sql: import("mobx-state-tree").ISimpleType<string>;
-            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-        } & {
-            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-            error: import("mobx-state-tree").IType<any, any, any>;
-        }, {
-            readonly valid: boolean;
-            readonly json: {
-                id: string;
-                key: string;
-                sql: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                pre_process: string;
-                post_process: string;
-            };
-            readonly conditionOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
-            readonly unmetRunByConditions: string[];
-        } & {
-            readonly reQueryKey: string;
-            readonly runByConditionsMet: boolean;
-            readonly conditionNames: {
-                context: string[];
-                filters: any[];
-            };
-        } & {
-            setName(name: string): void;
-            setKey(key: string): void;
-            setType(type: import("../queries/types").DataSourceType): void;
-            setSQL(sql: string): void;
-            setRunBy(v: string[]): void;
-            setReactTo(v: string[]): void;
-            setPreProcess(v: string): void;
-            setPostProcess(v: string): void;
-        } & {
-            readonly formattedSQL: any;
-            readonly typedAsSQL: boolean;
-            readonly typedAsHTTP: boolean;
-            readonly datasource: any;
-            readonly httpConfigString: string;
-        } & {
-            readonly stateMessage: string;
-        } & {
-            controller: AbortController;
-        } & {
-            runSQL: () => Promise<void>;
-            runHTTP: () => Promise<void>;
-        } & {
-            fetchData: () => Promise<void>;
-            beforeDestroy(): void;
-        } & {
-            afterCreate(): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        readonly data: TPanelData;
-        readonly dataLoading: boolean;
-        readonly queryStateMessages: string[];
-        readonly queryErrors: any[];
-        readonly canRenderViz: boolean;
-        readonly json: {
-            id: string;
-            viz: {
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
-                type: string;
-            };
-            style: {
-                border: {
-                    enabled: boolean;
-                };
+            style: {
+                border: {
+                    enabled: boolean;
+                };
             };
             title: string;
             layout: {
@@ -6456,11 +6296,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             }[];
             description: string;
         };
-        readonly dataFieldOptions: {
-            label: string;
-            value: string;
-            group: string;
-        }[];
+        readonly queryIDSet: Set<string>;
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
@@ -7100,9 +6936,151 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }, {}>>>);
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-        removeSelf(): void;
     } & {
-        moveToView(sourceViewID: string, targetViewID: string): void;
+        readonly contentModel: any;
+    } & {
+        readonly queries: ({
+            id: string;
+            name: string;
+            type: import("../../../..").DataSourceType;
+            key: string;
+            sql: string;
+            pre_process: string;
+            post_process: string;
+            run_by: 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]>>;
+            react_to: 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]>>;
+            state: "error" | "loading" | "idle";
+            data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+            error: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): 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("../../../..").DataSourceType>;
+            key: import("mobx-state-tree").ISimpleType<string>;
+            sql: import("mobx-state-tree").ISimpleType<string>;
+            pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+        } & {
+            state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+            data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+            error: import("mobx-state-tree").IType<any, any, any>;
+        }, {
+            readonly valid: boolean;
+            readonly json: {
+                id: string;
+                key: string;
+                sql: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                pre_process: string;
+                post_process: string;
+            };
+        } & {
+            setName(name: string): void;
+            setKey(key: string): void;
+            setType(type: import("../../../..").DataSourceType): void;
+            setSQL(sql: string): void;
+            setRunBy(v: string[]): void;
+            setReactTo(v: string[]): void;
+            setPreProcess(v: string): void;
+            setPostProcess(v: string): void;
+        } & {
+            readonly conditionOptions: {
+                label: string;
+                value: string;
+                group: string;
+            }[];
+            readonly unmetRunByConditions: string[];
+        } & {
+            readonly reQueryKey: string;
+            readonly runByConditionsMet: boolean;
+            readonly conditionNames: {
+                context: string[];
+                filters: any[];
+            };
+        } & {
+            readonly formattedSQL: any;
+            readonly typedAsSQL: boolean;
+            readonly typedAsHTTP: boolean;
+            readonly datasource: any;
+            readonly httpConfigString: string;
+        } & {
+            readonly stateMessage: string;
+        } & {
+            controller: AbortController;
+        } & {
+            runSQL: () => Promise<void>;
+            runHTTP: () => Promise<void>;
+        } & {
+            fetchData: () => Promise<void>;
+            beforeDestroy(): void;
+        } & {
+            afterCreate(): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+        readonly data: TPanelData;
+        readonly dataLoading: boolean;
+        readonly queryStateMessages: string[];
+        readonly queryErrors: any[];
+        readonly canRenderViz: boolean;
+    } & {
         refreshData(): void;
         downloadData(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
@@ -7152,26 +7130,26 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             queryIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
             viz: {
                 type: string;
-                conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
                 readonly json: {
-                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                    conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                     type: string;
                 };
             } & {
                 setType(type: string): void;
-                setConf(conf: import("../..").AnyObject): void;
+                setConf(conf: import("../../../../..").AnyObject): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 type: import("mobx-state-tree").ISimpleType<string>;
-                conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+                conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
             }, {
                 readonly json: {
-                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                    conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                     type: string;
                 };
             } & {
                 setType(type: string): void;
-                setConf(conf: import("../..").AnyObject): void;
+                setConf(conf: import("../../../../..").AnyObject): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
             style: {
                 border: {
@@ -7680,153 +7658,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly contentModel: any;
-        } & {
-            readonly queryIDSet: Set<string>;
-            readonly queries: ({
+            readonly json: {
                 id: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-                pre_process: string;
-                post_process: string;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                state: "error" | "loading" | "idle";
-                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-                error: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): 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("../queries/types").DataSourceType>;
-                key: import("mobx-state-tree").ISimpleType<string>;
-                sql: import("mobx-state-tree").ISimpleType<string>;
-                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            } & {
-                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-                error: import("mobx-state-tree").IType<any, any, any>;
-            }, {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-            readonly data: TPanelData;
-            readonly dataLoading: boolean;
-            readonly queryStateMessages: string[];
-            readonly queryErrors: any[];
-            readonly canRenderViz: boolean;
-            readonly json: {
-                id: string;
-                viz: {
-                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
-                    type: string;
+                viz: {
+                    conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
+                    type: string;
                 };
                 style: {
                     border: {
@@ -8012,11 +7848,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }[];
                 description: string;
             };
-            readonly dataFieldOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
+            readonly queryIDSet: Set<string>;
         } & {
             setID(id: string): void;
             setTitle(title: string): void;
@@ -8656,9 +8488,151 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                     }, {}>>>);
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-            removeSelf(): void;
         } & {
-            moveToView(sourceViewID: string, targetViewID: string): void;
+            readonly contentModel: any;
+        } & {
+            readonly queries: ({
+                id: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                key: string;
+                sql: string;
+                pre_process: string;
+                post_process: string;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                state: "error" | "loading" | "idle";
+                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../../..").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../../..").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): 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("../../../..").DataSourceType>;
+                key: import("mobx-state-tree").ISimpleType<string>;
+                sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            } & {
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../../..").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../../..").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+            readonly data: TPanelData;
+            readonly dataLoading: boolean;
+            readonly queryStateMessages: string[];
+            readonly queryErrors: any[];
+            readonly canRenderViz: boolean;
+        } & {
             refreshData(): void;
             downloadData(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -8687,15 +8661,15 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
             viz: import("mobx-state-tree").IModelType<{
                 type: import("mobx-state-tree").ISimpleType<string>;
-                conf: import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>;
+                conf: import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>;
             }, {
                 readonly json: {
-                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                    conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                     type: string;
                 };
             } & {
                 setType(type: string): void;
-                setConf(conf: import("../..").AnyObject): void;
+                setConf(conf: import("../../../../..").AnyObject): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
             style: import("mobx-state-tree").IModelType<{
                 border: import("mobx-state-tree").IModelType<{
@@ -8868,232 +8842,90 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                         staticColor: import("mobx-state-tree").ISimpleType<string>;
                     }, {}> | import("mobx-state-tree").ModelInstanceType<{
                         type: import("mobx-state-tree").ISimpleType<"continuous">;
-                        valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
-                        colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
-                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                        type: import("mobx-state-tree").ISimpleType<"piecewise">;
-                    }, {}>>>);
-                    weight: string;
-                    formatter: {
-                        output: "number" | "percent";
-                        average: boolean;
-                        mantissa: number;
-                        trimMantissa: boolean;
-                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                        output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
-                        average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                        mantissa: import("mobx-state-tree").ISimpleType<number>;
-                        trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                    data_field: string;
-                    aggregation: ({
-                        type: "none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std";
-                        config: any;
-                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }>>, import("mobx-state-tree").ModelSnapshotType<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }> | import("mobx-state-tree").ModelSnapshotType<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }>, import("mobx-state-tree").ModelInstanceType<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }, {}>>>) | ({
-                        type: "quantile";
-                        config: {
-                            p: number;
-                        } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }>>, import("mobx-state-tree").ModelSnapshotType<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }> | import("mobx-state-tree").ModelSnapshotType<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }>, import("mobx-state-tree").ModelInstanceType<{
-                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
-                        config: import("mobx-state-tree").IType<any, any, any>;
-                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
-                        type: import("mobx-state-tree").ISimpleType<"quantile">;
-                        config: import("mobx-state-tree").IModelType<{
-                            p: import("mobx-state-tree").ISimpleType<number>;
-                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-                    }, {}>>>);
-                };
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-        }, {
-            readonly contentModel: any;
-        } & {
-            readonly queryIDSet: Set<string>;
-            readonly queries: ({
-                id: string;
-                name: string;
-                type: import("../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-                pre_process: string;
-                post_process: string;
-                run_by: 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]>>;
-                react_to: 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]>>;
-                state: "error" | "loading" | "idle";
-                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
-                error: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
-                };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): 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("../queries/types").DataSourceType>;
-                key: import("mobx-state-tree").ISimpleType<string>;
-                sql: import("mobx-state-tree").ISimpleType<string>;
-                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-            } & {
-                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
-                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
-                error: import("mobx-state-tree").IType<any, any, any>;
-            }, {
-                readonly valid: boolean;
-                readonly json: {
-                    id: string;
-                    key: string;
-                    sql: string;
-                    name: string;
-                    type: import("../queries/types").DataSourceType;
-                    run_by: 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]>>;
-                    react_to: 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]>>;
-                    pre_process: string;
-                    post_process: string;
-                };
-                readonly conditionOptions: {
-                    label: string;
-                    value: string;
-                    group: string;
-                }[];
-                readonly unmetRunByConditions: string[];
-            } & {
-                readonly reQueryKey: string;
-                readonly runByConditionsMet: boolean;
-                readonly conditionNames: {
-                    context: string[];
-                    filters: any[];
+                        valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                        colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                        type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                    }, {}>>>);
+                    weight: string;
+                    formatter: {
+                        output: "number" | "percent";
+                        average: boolean;
+                        mantissa: number;
+                        trimMantissa: boolean;
+                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                        output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                        average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                        mantissa: import("mobx-state-tree").ISimpleType<number>;
+                        trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+                    data_field: string;
+                    aggregation: ({
+                        type: "none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std";
+                        config: any;
+                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }>>, import("mobx-state-tree").ModelSnapshotType<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }> | import("mobx-state-tree").ModelSnapshotType<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }>, import("mobx-state-tree").ModelInstanceType<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }, {}>>>) | ({
+                        type: "quantile";
+                        config: {
+                            p: number;
+                        } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }>>, import("mobx-state-tree").ModelSnapshotType<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }> | import("mobx-state-tree").ModelSnapshotType<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }>, import("mobx-state-tree").ModelInstanceType<{
+                        type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max" | "CV" | "std">;
+                        config: import("mobx-state-tree").IType<any, any, any>;
+                    }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                        type: import("mobx-state-tree").ISimpleType<"quantile">;
+                        config: import("mobx-state-tree").IModelType<{
+                            p: import("mobx-state-tree").ISimpleType<number>;
+                        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                    }, {}>>>);
                 };
-            } & {
-                setName(name: string): void;
-                setKey(key: string): void;
-                setType(type: import("../queries/types").DataSourceType): void;
-                setSQL(sql: string): void;
-                setRunBy(v: string[]): void;
-                setReactTo(v: string[]): void;
-                setPreProcess(v: string): void;
-                setPostProcess(v: string): void;
-            } & {
-                readonly formattedSQL: any;
-                readonly typedAsSQL: boolean;
-                readonly typedAsHTTP: boolean;
-                readonly datasource: any;
-                readonly httpConfigString: string;
-            } & {
-                readonly stateMessage: string;
-            } & {
-                controller: AbortController;
-            } & {
-                runSQL: () => Promise<void>;
-                runHTTP: () => Promise<void>;
-            } & {
-                fetchData: () => Promise<void>;
-                beforeDestroy(): void;
-            } & {
-                afterCreate(): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-            readonly data: TPanelData;
-            readonly dataLoading: boolean;
-            readonly queryStateMessages: string[];
-            readonly queryErrors: any[];
-            readonly canRenderViz: boolean;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+        }, {
             readonly json: {
                 id: string;
                 viz: {
-                    conf: import("../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../..").AnyObject, import("../..").AnyObject, import("../..").AnyObject>>;
+                    conf: import("../../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../../..").AnyObject, import("../../../../..").AnyObject, import("../../../../..").AnyObject>>;
                     type: string;
                 };
                 style: {
@@ -9280,11 +9112,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                 }[];
                 description: string;
             };
-            readonly dataFieldOptions: {
-                label: string;
-                value: string;
-                group: string;
-            }[];
+            readonly queryIDSet: Set<string>;
         } & {
             setID(id: string): void;
             setTitle(title: string): void;
@@ -9924,9 +9752,151 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
                     }, {}>>>);
                 };
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
-            removeSelf(): void;
         } & {
-            moveToView(sourceViewID: string, targetViewID: string): void;
+            readonly contentModel: any;
+        } & {
+            readonly queries: ({
+                id: string;
+                name: string;
+                type: import("../../../..").DataSourceType;
+                key: string;
+                sql: string;
+                pre_process: string;
+                post_process: string;
+                run_by: 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]>>;
+                react_to: 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]>>;
+                state: "error" | "loading" | "idle";
+                data: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>>;
+                error: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../../..").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../../..").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): 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("../../../..").DataSourceType>;
+                key: import("mobx-state-tree").ISimpleType<string>;
+                sql: import("mobx-state-tree").ISimpleType<string>;
+                pre_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                post_process: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+                run_by: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+                react_to: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+            } & {
+                state: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"error" | "loading" | "idle">, [undefined]>;
+                data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<string[] | number[], string[] | number[], string[] | number[]>>, [undefined]>;
+                error: import("mobx-state-tree").IType<any, any, any>;
+            }, {
+                readonly valid: boolean;
+                readonly json: {
+                    id: string;
+                    key: string;
+                    sql: string;
+                    name: string;
+                    type: import("../../../..").DataSourceType;
+                    run_by: 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]>>;
+                    react_to: 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]>>;
+                    pre_process: string;
+                    post_process: string;
+                };
+            } & {
+                setName(name: string): void;
+                setKey(key: string): void;
+                setType(type: import("../../../..").DataSourceType): void;
+                setSQL(sql: string): void;
+                setRunBy(v: string[]): void;
+                setReactTo(v: string[]): void;
+                setPreProcess(v: string): void;
+                setPostProcess(v: string): void;
+            } & {
+                readonly conditionOptions: {
+                    label: string;
+                    value: string;
+                    group: string;
+                }[];
+                readonly unmetRunByConditions: string[];
+            } & {
+                readonly reQueryKey: string;
+                readonly runByConditionsMet: boolean;
+                readonly conditionNames: {
+                    context: string[];
+                    filters: any[];
+                };
+            } & {
+                readonly formattedSQL: any;
+                readonly typedAsSQL: boolean;
+                readonly typedAsHTTP: boolean;
+                readonly datasource: any;
+                readonly httpConfigString: string;
+            } & {
+                readonly stateMessage: string;
+            } & {
+                controller: AbortController;
+            } & {
+                runSQL: () => Promise<void>;
+                runHTTP: () => Promise<void>;
+            } & {
+                fetchData: () => Promise<void>;
+                beforeDestroy(): void;
+            } & {
+                afterCreate(): void;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+            readonly data: TPanelData;
+            readonly dataLoading: boolean;
+            readonly queryStateMessages: string[];
+            readonly queryErrors: any[];
+            readonly canRenderViz: boolean;
+        } & {
             refreshData(): void;
             downloadData(): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
@@ -9940,15 +9910,5 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             static: boolean;
         }[];
     };
-} & {
-    editorOptions(viewID: string, panelIDs: string[]): NavOptionType[];
-} & {
-    replace(current: Array<PanelModelInstance>): void;
-    append(item: PanelModelSnapshotIn): void;
-    remove(index: number): void;
-    removeByID(id: string): void;
-    duplicateByID(id: string): string | undefined;
-    replaceByIndex(index: number, replacement: PanelModelInstance): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export declare type PanelsModelInstance = Instance<typeof PanelsModel>;
-export * from './panel';
+export declare type PanelsRenderModelInstance = Instance<typeof PanelsRenderModel>;