@jbrowse/app-core 3.7.0 → 4.0.1

package/esm/JBrowseConfig/index.js

@@ -1,5 +1,5 @@
-import { types } from 'mobx-state-tree';
-import RootConfiguration from './RootConfiguration';
+import { types } from '@jbrowse/mobx-state-tree';
+import RootConfiguration from "./RootConfiguration.js";
 export function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
     return types.model('JBrowseConfig', {
         configuration: RootConfiguration({
@@ -7,7 +7,7 @@ export function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
         }),
         plugins: types.array(types.frozen()),
         assemblies: types.array(assemblyConfigSchema),
-        tracks: types.array(pluginManager.pluggableConfigSchemaType('track')),
+        tracks: types.frozen([]),
         internetAccounts: types.array(pluginManager.pluggableConfigSchemaType('internet account')),
         aggregateTextSearchAdapters: types.array(pluginManager.pluggableConfigSchemaType('text search adapter')),
         connections: types.array(pluginManager.pluggableConfigSchemaType('connection')),

package/esm/JBrowseModel/index.d.ts

@@ -4,23 +4,24 @@ import type { BaseAssemblyConfigSchema } from '@jbrowse/core/assemblyManager';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type RpcManager from '@jbrowse/core/rpc/RpcManager';
 export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }: {
+    adminMode?: boolean;
     pluginManager: PluginManager;
     assemblyConfigSchema: BaseAssemblyConfigSchema;
-}): import("mobx-state-tree").IModelType<{
-    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        rpc: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+}): import("@jbrowse/mobx-state-tree").IModelType<{
+    configuration: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
+        rpc: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
             defaultDriver: {
                 type: string;
                 description: string;
                 defaultValue: string;
             };
-            drivers: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IMapType<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> | undefined, import("mobx-state-tree").ModelSnapshotType<Record<string, any>>, ({} & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> & import("mobx-state-tree/dist/internal").NonEmptyObject) | undefined>>, [undefined]>;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            drivers: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").ITypeUnion<import("@jbrowse/mobx-state-tree").ModelCreationType<import("@jbrowse/mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> | undefined, import("@jbrowse/mobx-state-tree").ModelSnapshotType<Record<string, any>>, ({} & Partial<import("@jbrowse/mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject) | undefined>>, [undefined]>;
+        }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
         highResolutionScaling: {
             type: string;
             defaultValue: number;
         };
-        formatDetails: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        formatDetails: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
             feature: {
                 type: string;
                 description: string;
@@ -43,8 +44,8 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                 defaultValue: number;
                 description: string;
             };
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
+        formatAbout: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
             config: {
                 type: string;
                 description: string;
@@ -55,7 +56,7 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                 type: string;
                 defaultValue: boolean;
             };
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
         shareURL: {
             type: string;
             defaultValue: string;
@@ -64,8 +65,8 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
-        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        hierarchical: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
+            sort: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
                 trackNames: {
                     type: string;
                     defaultValue: boolean;
@@ -74,8 +75,8 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                     type: string;
                     defaultValue: boolean;
                 };
-            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
                 categoryNames: {
                     type: string;
                     defaultValue: never[];
@@ -88,8 +89,8 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                     type: string;
                     defaultValue: boolean;
                 };
-            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
         theme: {
             type: string;
             defaultValue: {};
@@ -105,38 +106,55 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                 locationType: string;
             };
         };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-    plugins: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<PluginDefinition, PluginDefinition, PluginDefinition>>;
-    assemblies: import("mobx-state-tree").IArrayType<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
-    tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
-    internetAccounts: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
-    aggregateTextSearchAdapters: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
-    connections: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
-    defaultSession: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
-    preConfiguredSessions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<any, any, any>>;
+    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
+    plugins: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<PluginDefinition, PluginDefinition, PluginDefinition>>;
+    assemblies: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
+    tracks: import("@jbrowse/mobx-state-tree").IType<{
+        [key: string]: unknown;
+        trackId: string;
+    }[] | null | undefined, {
+        [key: string]: unknown;
+        trackId: string;
+    }[], {
+        [key: string]: unknown;
+        trackId: string;
+    }[]>;
+    internetAccounts: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyModelType>;
+    aggregateTextSearchAdapters: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyModelType>;
+    connections: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyModelType>;
+    defaultSession: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IType<any, any, any>, [undefined]>;
+    preConfiguredSessions: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<any, any, any>>;
 }, {
     readonly assemblyNames: string[];
     readonly rpcManager: RpcManager;
 } & {
     addAssemblyConf(conf: AnyConfigurationModel): ({
         [x: string]: any;
-    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+    } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
             [x: string]: any;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                [x: string]: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
-        } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
-    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | undefined;
+        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & any & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+    } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | undefined;
     removeAssemblyConf(assemblyName: string): void;
-    addTrackConf(trackConf: AnyConfigurationModel): any;
+    addTrackConf(trackConf: {
+        trackId: string;
+        type: string;
+    }): {
+        [key: string]: unknown;
+        trackId: string;
+    } | undefined;
     addConnectionConf(connectionConf: AnyConfigurationModel): any;
     deleteConnectionConf(configuration: AnyConfigurationModel): boolean;
-    deleteTrackConf(trackConf: AnyConfigurationModel): boolean;
+    deleteTrackConf(trackConf: AnyConfigurationModel | {
+        trackId: string;
+    }): void;
+    updateTrackConf(trackConf: {
+        trackId: string;
+        [key: string]: unknown;
+    }): void;
     addPlugin(pluginDefinition: PluginDefinition): void;
     removePlugin(pluginDefinition: PluginDefinition): void;
     setDefaultSessionConf(sessionConf: AnyConfigurationModel): void;
     addInternetAccountConf(internetAccountConf: AnyConfigurationModel): any;
     deleteInternetAccountConf(configuration: AnyConfigurationModel): boolean;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;

package/esm/JBrowseModel/index.js

@@ -1,7 +1,7 @@
 import { readConfObject } from '@jbrowse/core/configuration';
+import { cast, getParent, getSnapshot } from '@jbrowse/mobx-state-tree';
 import { toJS } from 'mobx';
-import { cast, getParent, getSnapshot } from 'mobx-state-tree';
-import { JBrowseConfigF } from '../JBrowseConfig';
+import { JBrowseConfigF } from "../JBrowseConfig/index.js";
 export function JBrowseModelF({ pluginManager, assemblyConfigSchema, }) {
     return JBrowseConfigF({ pluginManager, assemblyConfigSchema })
         .views(self => ({
@@ -42,8 +42,8 @@ export function JBrowseModelF({ pluginManager, assemblyConfigSchema, }) {
             if (!type) {
                 throw new Error(`unknown track type ${type}`);
             }
-            const length = self.tracks.push(trackConf);
-            return self.tracks[length - 1];
+            self.tracks = [...self.tracks, trackConf];
+            return self.tracks.at(-1);
         },
         addConnectionConf(connectionConf) {
             const { type } = connectionConf;
@@ -58,8 +58,17 @@ export function JBrowseModelF({ pluginManager, assemblyConfigSchema, }) {
             return self.connections.remove(elt);
         },
         deleteTrackConf(trackConf) {
-            const elt = self.tracks.find(t => t.trackId === trackConf.trackId);
-            return self.tracks.remove(elt);
+            const trackId = trackConf.trackId;
+            self.tracks = self.tracks.filter(t => t.trackId !== trackId);
+        },
+        updateTrackConf(trackConf) {
+            const { trackId } = trackConf;
+            const idx = self.tracks.findIndex(t => t.trackId === trackId);
+            if (idx !== -1) {
+                const newTracks = [...self.tracks];
+                newTracks[idx] = trackConf;
+                self.tracks = newTracks;
+            }
         },
         addPlugin(pluginDefinition) {
             self.plugins.push(pluginDefinition);

package/esm/RootMenu/index.d.ts

@@ -1,6 +1,6 @@
-import type { Menu, MenuAction } from '../menus';
+import type { Menu, MenuAction } from '../menus.ts';
 import type { MenuItem } from '@jbrowse/core/ui/Menu';
-export declare function RootAppMenuMixin(): import("mobx-state-tree").IModelType<{}, {
+export declare function RootAppMenuMixin(): import("@jbrowse/mobx-state-tree").IModelType<{}, {
     mutableMenuActions: MenuAction[];
 } & {
     setMenus(newMenus: Menu[]): void;
@@ -10,4 +10,4 @@ export declare function RootAppMenuMixin(): import("mobx-state-tree").IModelType
     insertInMenu(menuName: string, menuItem: MenuItem, position: number): void;
     appendToSubMenu(menuPath: string[], menuItem: MenuItem): void;
     insertInSubMenu(menuPath: string[], menuItem: MenuItem, position: number): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;

package/esm/RootMenu/index.js

@@ -1,4 +1,4 @@
-import { types } from 'mobx-state-tree';
+import { types } from '@jbrowse/mobx-state-tree';
 export function RootAppMenuMixin() {
     return types
         .model({})

package/esm/index.d.ts

@@ -1,8 +1,9 @@
-export * from './ui';
-export * from './HistoryManagement';
-export * from './AppFocus';
-export * from './JBrowseConfig';
-export * from './JBrowseModel';
-export * from './Assemblies';
-export * from './RootMenu';
-export * from './menus';
+export * from './ui/index.ts';
+export * from './HistoryManagement/index.ts';
+export * from './AppFocus/index.ts';
+export * from './JBrowseConfig/index.ts';
+export * from './JBrowseModel/index.ts';
+export * from './Assemblies/index.ts';
+export * from './RootMenu/index.ts';
+export * from './DockviewLayout/index.ts';
+export * from './menus.ts';

package/esm/index.js

@@ -1,8 +1,9 @@
-export * from './ui';
-export * from './HistoryManagement';
-export * from './AppFocus';
-export * from './JBrowseConfig';
-export * from './JBrowseModel';
-export * from './Assemblies';
-export * from './RootMenu';
-export * from './menus';
+export * from "./ui/index.js";
+export * from "./HistoryManagement/index.js";
+export * from "./AppFocus/index.js";
+export * from "./JBrowseConfig/index.js";
+export * from "./JBrowseModel/index.js";
+export * from "./Assemblies/index.js";
+export * from "./RootMenu/index.js";
+export * from "./DockviewLayout/index.js";
+export * from "./menus.js";

package/esm/ui/App/App.d.ts

@@ -1,4 +1,4 @@
-import type { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu';
+import type { MenuItem as JBMenuItem } from '@jbrowse/core/ui';
 import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
 import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util';
 interface Menu {

package/esm/ui/App/App.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense, lazy } from 'react';
 import Snackbar from '@jbrowse/core/ui/Snackbar';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { AppBar } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import AppFab from './AppFab';
-import AppToolbar from './AppToolbar';
-import DialogQueue from './DialogQueue';
-import ViewsContainer from './ViewsContainer';
-const DrawerWidget = lazy(() => import('./DrawerWidget'));
+import AppFab from "./AppFab.js";
+import AppToolbar from "./AppToolbar.js";
+import DialogQueue from "./DialogQueue.js";
+import ViewsContainer from "./ViewsContainer.js";
+const DrawerWidget = lazy(() => import("./DrawerWidget.js"));
 const useStyles = makeStyles()(theme => ({
     root: {
         display: 'grid',
@@ -27,11 +27,11 @@ const useStyles = makeStyles()(theme => ({
         gridRow: 'menubar',
     },
 }));
-const LazyDrawerWidget = observer(function (props) {
+const LazyDrawerWidget = observer(function LazyDrawerWidget(props) {
     const { session } = props;
     return (_jsx(Suspense, { fallback: null, children: _jsx(DrawerWidget, { session: session }) }));
 });
-const App = observer(function (props) {
+const App = observer(function App(props) {
     const { session } = props;
     const { classes } = useStyles();
     const { minimized, visibleWidget, drawerWidth, drawerPosition } = session;

package/esm/ui/App/AppFab.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import LaunchIcon from '@mui/icons-material/Launch';
 import { Fab, Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     left: {
         zIndex: 10000,
@@ -17,7 +17,7 @@ const useStyles = makeStyles()(theme => ({
         right: theme.spacing(2),
     },
 }));
-const AppFab = observer(function ({ session, }) {
+const AppFab = observer(function AppFab({ session, }) {
     const { minimized, activeWidgets, drawerPosition } = session;
     const { classes } = useStyles();
     return activeWidgets.size > 0 && minimized ? (_jsx(Tooltip, { title: "Open drawer widget", children: _jsx(Fab, { className: drawerPosition === 'right' ? classes.right : classes.left, color: "primary", "data-testid": "drawer-maximize", onClick: () => {

package/esm/ui/App/AppToolbar.d.ts

@@ -3,7 +3,7 @@ import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
 import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
 interface Menu {
     label: string;
-    menuItems: JBMenuItem[];
+    menuItems: JBMenuItem[] | (() => JBMenuItem[]);
 }
 type AppSession = SessionWithDrawerWidgets & {
     menus: () => Menu[];

package/esm/ui/App/AppToolbar.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import AppLogo from '@jbrowse/core/ui/AppLogo';
 import DropDownMenu from '@jbrowse/core/ui/DropDownMenu';
 import EditableTypography from '@jbrowse/core/ui/EditableTypography';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Toolbar, Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     grow: {
         flexGrow: 1,
@@ -22,10 +22,24 @@ const useStyles = makeStyles()(theme => ({
         backgroundColor: theme.palette.primary.light,
     },
 }));
-const AppToolbar = observer(function ({ session, HeaderButtons = _jsx("div", {}), }) {
+const AppToolbar = observer(function AppToolbar({ session, HeaderButtons = _jsx("div", {}), }) {
     const { classes } = useStyles();
     const { name, menus } = session;
-    return (_jsxs(Toolbar, { children: [menus().map(menu => (_jsx(DropDownMenu, { menuTitle: menu.label, menuItems: menu.menuItems, session: session }, menu.label))), _jsx("div", { className: classes.grow }), _jsx(Tooltip, { title: "Rename session", arrow: true, children: _jsx(EditableTypography, { value: name, variant: "body1", classes: {
+    return (_jsxs(Toolbar, { children: [menus().map(menu => (_jsx(DropDownMenu, { menuTitle: menu.label, menuItems: () => {
+                    const items = typeof menu.menuItems === 'function'
+                        ? menu.menuItems()
+                        : menu.menuItems;
+                    return items.map(arg => ({
+                        ...arg,
+                        ...('onClick' in arg
+                            ? {
+                                onClick: () => {
+                                    arg.onClick(session);
+                                },
+                            }
+                            : {}),
+                    }));
+                } }, menu.label))), _jsx("div", { className: classes.grow }), _jsx(Tooltip, { title: "Rename session", arrow: true, children: _jsx(EditableTypography, { value: name, variant: "body1", classes: {
                         inputBase: classes.inputBase,
                         inputRoot: classes.inputRoot,
                         inputFocused: classes.inputFocused,

package/esm/ui/App/ClassicViewsContainer.d.ts

@@ -0,0 +1,12 @@
+import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
+import type { AbstractViewContainer, SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util';
+type SessionType = SessionWithFocusedViewAndDrawerWidgets & AbstractViewContainer & {
+    renameCurrentSession: (arg: string) => void;
+    snackbarMessages: SnackbarMessage[];
+    popSnackbarMessage: () => unknown;
+};
+interface Props {
+    session: SessionType;
+}
+declare const ClassicViewsContainer: ({ session, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ClassicViewsContainer;

package/esm/ui/App/ClassicViewsContainer.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { observer } from 'mobx-react';
+import ViewContainer from "./ViewContainer.js";
+const useStyles = makeStyles()({
+    container: {
+        height: '100%',
+        width: '100%',
+        gridRow: 'components',
+        overflowY: 'auto',
+    },
+    spacer: {
+        height: 300,
+    },
+});
+const ClassicViewsContainer = observer(function ClassicViewsContainer({ session, }) {
+    const { classes } = useStyles();
+    const { views } = session;
+    return (_jsxs("div", { className: classes.container, children: [views.map(view => (_jsx(ViewContainer, { view: view, session: session }, view.id))), _jsx("div", { className: classes.spacer })] }));
+});
+export default ClassicViewsContainer;

package/esm/ui/App/DialogQueue.d.ts

@@ -1,5 +1,5 @@
-import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const DialogQueue: ({ session, }: {
-    session: SessionWithDrawerWidgets;
+    session: AbstractSessionModel;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default DialogQueue;

package/esm/ui/App/DialogQueue.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Suspense } from 'react';
 import { observer } from 'mobx-react';
-const DialogQueue = observer(function ({ session, }) {
+const DialogQueue = observer(function DialogQueue({ session, }) {
     const { DialogComponent, DialogProps } = session;
     return DialogComponent ? (_jsx(Suspense, { fallback: null, children: _jsx(DialogComponent, { ...DialogProps }) })) : null;
 });

package/esm/ui/App/DockviewContext.d.ts

@@ -0,0 +1,15 @@
+import type { DockviewApi, DockviewGroupPanel } from 'dockview-react';
+interface DockviewContextValue {
+    api: DockviewApi | null;
+    rearrangePanels: (arrange: (api: DockviewApi) => void) => void;
+    addEmptyTab: (targetGroup?: DockviewGroupPanel) => void;
+    moveViewToNewTab: (viewId: string) => void;
+    moveViewToSplitRight: (viewId: string) => void;
+}
+export declare function getPendingMoveAction(): {
+    type: "newTab" | "splitRight";
+    viewId: string;
+} | null;
+export declare const DockviewContext: import("react").Context<DockviewContextValue>;
+export declare function useDockview(): DockviewContextValue;
+export {};

package/esm/ui/App/DockviewContext.js

@@ -0,0 +1,21 @@
+import { createContext, useContext } from 'react';
+let pendingMoveAction = null;
+export function getPendingMoveAction() {
+    const action = pendingMoveAction;
+    pendingMoveAction = null;
+    return action;
+}
+export const DockviewContext = createContext({
+    api: null,
+    rearrangePanels: () => { },
+    addEmptyTab: () => { },
+    moveViewToNewTab: (viewId) => {
+        pendingMoveAction = { type: 'newTab', viewId };
+    },
+    moveViewToSplitRight: (viewId) => {
+        pendingMoveAction = { type: 'splitRight', viewId };
+    },
+});
+export function useDockview() {
+    return useContext(DockviewContext);
+}

package/esm/ui/App/DockviewLeftHeaderActions.d.ts

@@ -0,0 +1,2 @@
+import type { IDockviewHeaderActionsProps } from 'dockview-react';
+export default function DockviewLeftHeaderActions({ containerApi, group, }: IDockviewHeaderActionsProps): import("react/jsx-runtime").JSX.Element;

package/esm/ui/App/DockviewLeftHeaderActions.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import AddIcon from '@mui/icons-material/Add';
+import HorizontalSplitIcon from '@mui/icons-material/HorizontalSplit';
+import TabIcon from '@mui/icons-material/Tab';
+import VerticalSplitIcon from '@mui/icons-material/VerticalSplit';
+import { useDockview } from "./DockviewContext.js";
+const useStyles = makeStyles()(theme => ({
+    headerActions: {
+        display: 'flex',
+        alignItems: 'center',
+        height: '100%',
+    },
+    headerButton: {
+        padding: 4,
+        color: theme.palette.primary.contrastText,
+    },
+    headerIcon: {
+        fontSize: 16,
+    },
+}));
+export default function DockviewLeftHeaderActions({ containerApi, group, }) {
+    const { classes } = useStyles();
+    const { addEmptyTab } = useDockview();
+    const handleSplit = (direction) => {
+        const newGroup = containerApi.addGroup({
+            referenceGroup: group,
+            direction,
+        });
+        addEmptyTab(newGroup);
+    };
+    return (_jsx("div", { className: classes.headerActions, children: _jsx(CascadingMenuButton, { menuItems: [
+                {
+                    label: 'New empty tab',
+                    icon: TabIcon,
+                    onClick: () => {
+                        addEmptyTab();
+                    },
+                },
+                {
+                    label: 'New empty split horizontal',
+                    icon: VerticalSplitIcon,
+                    onClick: () => {
+                        handleSplit('right');
+                    },
+                },
+                {
+                    label: 'New empty split vertical',
+                    icon: HorizontalSplitIcon,
+                    onClick: () => {
+                        handleSplit('below');
+                    },
+                },
+            ], size: "small", className: classes.headerButton, onClick: () => {
+                group.api.setActive();
+            }, children: _jsx(AddIcon, { className: classes.headerIcon }) }) }));
+}

package/esm/ui/App/DockviewRightHeaderActions.d.ts

@@ -0,0 +1,2 @@
+import type { IDockviewHeaderActionsProps } from 'dockview-react';
+export default function DockviewRightHeaderActions({ containerApi, group, }: IDockviewHeaderActionsProps): import("react/jsx-runtime").JSX.Element;