@jbrowse/app-core 2.6.2 → 2.7.0

package/dist/ui/App/DrawerWidget.js

@@ -28,87 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_error_boundary_1 = require("react-error-boundary");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const util_1 = require("@jbrowse/core/util");
 const LoadingEllipses_1 = __importDefault(require("@jbrowse/core/ui/LoadingEllipses"));
 const ErrorMessage_1 = __importDefault(require("@jbrowse/core/ui/ErrorMessage"));
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 // locals
 const Drawer_1 = __importDefault(require("./Drawer"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    formControl: {
-        margin: 0,
-    },
-    spacer: {
-        flexGrow: 1,
-    },
-    drawerSelect: {
-        margin: 0,
-        color: theme.palette.secondary.contrastText,
-    },
-    dropDownIcon: {
-        color: theme.palette.secondary.contrastText,
-    },
-    header: {
-        background: theme.palette.secondary.main,
-    },
-}));
-const DrawerHeader = (0, mobx_react_1.observer)(function ({ session, setToolbarHeight, }) {
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const { visibleWidget, activeWidgets, drawerPosition } = session;
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return (react_1.default.createElement(material_1.AppBar, { position: "sticky", className: classes.header, ref: ref => setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0) },
-        react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
-            react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-                react_1.default.createElement(material_1.Select, { value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id, "data-testid": "widget-drawer-selects", className: classes.drawerSelect, classes: { icon: classes.dropDownIcon }, renderValue: widgetId => {
-                        const widget = session.activeWidgets.get(widgetId);
-                        if (!widget) {
-                            return (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, "Unknown widget"));
-                        }
-                        const widgetType = pluginManager.getWidgetType(widget.type);
-                        const { HeadingComponent, heading } = widgetType;
-                        return HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading));
-                    }, onChange: e => {
-                        const w = session.activeWidgets.get(e.target.value);
-                        if (w) {
-                            session.showWidget(w);
-                        }
-                        else {
-                            session.notify(`Widget not found ${e.target.value}`, 'warning');
-                        }
-                    } }, [...activeWidgets.values()].map(widget => {
-                    const widgetType = pluginManager.getWidgetType(widget.type);
-                    const { HeadingComponent, heading } = widgetType;
-                    return (react_1.default.createElement(material_1.MenuItem, { "data-testid": `widget-drawer-selects-item-${widget.type}`, key: widget.id, value: widget.id },
-                        HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading)),
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${widget.type}-drawer-delete`, color: "inherit", "aria-label": "Delete", onClick: () => session.hideWidget(widget) },
-                            react_1.default.createElement(Delete_1.default, null))));
-                }))),
-            react_1.default.createElement("div", { className: classes.spacer }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: event => setAnchorEl(event.currentTarget) },
-                    react_1.default.createElement(MoreVert_1.default, null)),
-                react_1.default.createElement(material_1.Tooltip, { title: "Minimize drawer" },
-                    react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-minimize", color: "inherit", onClick: () => {
-                            session.notify(`Drawer minimized, click button on ${drawerPosition} side of screen to re-open`, 'info');
-                            session.minimizeWidgetDrawer();
-                        } },
-                        react_1.default.createElement(Minimize_1.default, null))),
-                react_1.default.createElement(material_1.Tooltip, { title: "Close drawer" },
-                    react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: () => session.hideWidget(visibleWidget) },
-                        react_1.default.createElement(Close_1.default, null))))),
-        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) }, ['left', 'right'].map(option => (react_1.default.createElement(material_1.MenuItem, { key: option, selected: drawerPosition === 'option', onClick: () => {
-                session.setDrawerPosition(option);
-                setAnchorEl(null);
-            } }, option))))));
-});
+const DrawerHeader_1 = __importDefault(require("./DrawerHeader"));
 const DrawerWidget = (0, mobx_react_1.observer)(function ({ session, }) {
     const { visibleWidget } = session;
     const { pluginManager } = (0, util_1.getEnv)(session);
@@ -123,7 +49,7 @@ const DrawerWidget = (0, mobx_react_1.observer)(function ({ session, }) {
     // (the position static/sticky is included in AutoSizer estimates)
     const [toolbarHeight, setToolbarHeight] = (0, react_1.useState)(0);
     return (react_1.default.createElement(Drawer_1.default, { session: session },
-        react_1.default.createElement(DrawerHeader, { session: session, setToolbarHeight: setToolbarHeight }),
+        react_1.default.createElement(DrawerHeader_1.default, { session: session, setToolbarHeight: setToolbarHeight }),
         react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(LoadingEllipses_1.default, null) },
             react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) }, DrawerComponent ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight }),

package/dist/ui/App/ViewContainer.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
-declare const _default: ({ view, onClose, onMinimize, children, }: {
+declare const ViewContainer: ({ view, onClose, onMinimize, children, }: {
     view: IBaseViewModel;
     onClose: () => void;
     onMinimize: () => void;
     children: React.ReactNode;
 }) => React.JSX.Element;
-export default _default;
+export default ViewContainer;

package/dist/ui/App/ViewContainer.js

@@ -31,6 +31,7 @@ const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const util_1 = require("@jbrowse/core/util");
+const clsx_1 = __importDefault(require("clsx"));
 // icons
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
@@ -41,7 +42,6 @@ const ViewContainerTitle_1 = __importDefault(require("./ViewContainerTitle"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     viewContainer: {
         overflow: 'hidden',
-        background: theme.palette.secondary.main,
         margin: theme.spacing(0.5),
         padding: `0 ${theme.spacing(1)} ${theme.spacing(1)}`,
     },
@@ -51,19 +51,43 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     grow: {
         flexGrow: 1,
     },
+    focusedView: {
+        background: theme.palette.secondary.main,
+    },
+    unfocusedView: {
+        background: theme.palette.secondary.dark,
+    },
 }));
-exports.default = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimize, children, }) {
+const ViewContainer = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimize, children, }) {
     const { classes } = useStyles();
     const theme = (0, material_1.useTheme)();
     const ref = (0, util_1.useWidthSetter)(view, theme.spacing(1));
     const scrollRef = (0, react_1.useRef)(null);
+    const session = (0, util_1.getSession)(view);
     // scroll the view into view when first mounted. note: this effect will run
     // only once, because of the empty array second param
     (0, react_1.useEffect)(() => {
         var _a, _b;
         (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, { block: 'center' });
     }, []);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, elevation: 12, className: classes.viewContainer },
+    (0, react_1.useEffect)(() => {
+        function handleSelectView(e) {
+            if (e.target instanceof Element) {
+                if ((ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.contains(e.target)) {
+                    session.setFocusedViewId(view.id);
+                }
+            }
+        }
+        document.addEventListener('mousedown', handleSelectView);
+        document.addEventListener('keydown', handleSelectView);
+        return () => {
+            document.removeEventListener('mousedown', handleSelectView);
+            document.removeEventListener('keydown', handleSelectView);
+        };
+    }, [ref, session, view]);
+    return (react_1.default.createElement(material_1.Paper, { ref: ref, elevation: 12, className: (0, clsx_1.default)(classes.viewContainer, session.focusedViewId === view.id
+            ? classes.focusedView
+            : classes.unfocusedView) },
         react_1.default.createElement("div", { ref: scrollRef, style: { display: 'flex' } },
             react_1.default.createElement(ViewMenu_1.default, { model: view, IconProps: { className: classes.icon } }),
             react_1.default.createElement("div", { className: classes.grow }),
@@ -74,3 +98,4 @@ exports.default = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimi
                 react_1.default.createElement(Close_1.default, { className: classes.icon, fontSize: "small" }))),
         react_1.default.createElement(material_1.Paper, null, children)));
 });
+exports.default = ViewContainer;

package/dist/ui/App/ViewContainerTitle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes';
-declare const _default: ({ view, }: {
+declare const ViewContainerTitle: ({ view, }: {
     view: IBaseViewModel;
 }) => React.JSX.Element;
-export default _default;
+export default ViewContainerTitle;

package/dist/ui/App/ViewContainerTitle.js

@@ -27,7 +27,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         backgroundColor: theme.palette.secondary.light,
     },
 }));
-exports.default = (0, mobx_react_1.observer)(function ViewContainerTitle({ view, }) {
+const ViewContainerTitle = (0, mobx_react_1.observer)(function ({ view, }) {
     var _a;
     const { classes } = useStyles();
     return (react_1.default.createElement(material_1.Tooltip, { title: "Rename view", arrow: true },
@@ -40,3 +40,4 @@ exports.default = (0, mobx_react_1.observer)(function ViewContainerTitle({ view,
                 inputFocused: classes.inputFocused,
             } })));
 });
+exports.default = ViewContainerTitle;

package/dist/ui/App/ViewMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SvgIconProps, IconButtonProps as IconButtonPropsType } from '@mui/material';
 import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
-declare const ViewMenu: ({ model, IconButtonProps, IconProps, }: {
+declare const ViewMenu: ({ model, IconProps, }: {
     model: IBaseViewModel;
     IconButtonProps?: IconButtonPropsType | undefined;
     IconProps: SvgIconProps;

package/dist/ui/App/ViewMenu.js

@@ -11,7 +11,7 @@ const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/Cascadin
 const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
 const ArrowDownward_1 = __importDefault(require("@mui/icons-material/ArrowDownward"));
 const ArrowUpward_1 = __importDefault(require("@mui/icons-material/ArrowUpward"));
-const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconButtonProps, IconProps, }) {
+const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconProps, }) {
     const { menuItems } = model;
     const session = (0, util_1.getSession)(model);
     const items = [

package/esm/AppFocus/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * #stateModel AppFocusMixin
+ * #category session
+ */
+export declare function AppFocusMixin(): import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     * used to keep track of which view is in focus
+     */
+    focusedViewId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+}, {
+    setFocusedViewId(viewId: string): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/AppFocus/index.js

@@ -0,0 +1,20 @@
+import { types } from 'mobx-state-tree';
+/**
+ * #stateModel AppFocusMixin
+ * #category session
+ */
+export function AppFocusMixin() {
+    return types
+        .model({
+        /**
+         * #property
+         * used to keep track of which view is in focus
+         */
+        focusedViewId: types.maybe(types.string),
+    })
+        .actions(self => ({
+        setFocusedViewId(viewId) {
+            self.focusedViewId = viewId;
+        },
+    }));
+}

package/esm/HistoryManagement/index.js

@@ -17,18 +17,21 @@ export function HistoryManagementMixin() {
         .actions(self => ({
         afterCreate() {
             document.addEventListener('keydown', e => {
+                var _a, _b;
                 if (self.history.canRedo &&
                     // ctrl+shift+z or cmd+shift+z
                     (((e.ctrlKey || e.metaKey) && e.shiftKey && e.code === 'KeyZ') ||
                         // ctrl+y
-                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY'))) {
+                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY')) &&
+                    ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.redo();
                 }
                 if (self.history.canUndo &&
                     // ctrl+z or cmd+z
                     (e.ctrlKey || e.metaKey) &&
                     !e.shiftKey &&
-                    e.code === 'KeyZ') {
+                    e.code === 'KeyZ' &&
+                    ((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.undo();
                 }
             });

package/esm/JBrowseConfig/index.d.ts

@@ -17,9 +17,7 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
         rpc: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
             defaultDriver: {
                 type: string;
-                description: string; /**
-                 * #slot configuration.formatDetails.feature
-                 */
+                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]>;
@@ -32,27 +30,18 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             defaultValue: number;
         };
         formatDetails: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatDetails.feature
-             */
             feature: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.subfeatures
-             */
             subfeatures: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.depth
-             */
             depth: {
                 type: string;
                 defaultValue: number;
@@ -60,18 +49,12 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             };
         }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatAbout.config
-             */
             config: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatAbout.hideUris
-             */
             hideUris: {
                 type: string;
                 defaultValue: boolean;
@@ -88,6 +71,34 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
+        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                trackNames: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                categories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                categoryNames: {
+                    type: string;
+                    defaultValue: never[]; /**
+                     * #slot configuration.highResolutionScaling
+                     */
+                };
+                topLevelCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                subCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         /**
          * #slot configuration.theme
          */

package/esm/JBrowseConfig/index.js

@@ -1,5 +1,6 @@
 import { ConfigurationSchema, } from '@jbrowse/core/configuration';
 import RpcManager from '@jbrowse/core/rpc/RpcManager';
+import { FormatAboutConfigSchemaFactory, FormatDetailsConfigSchemaFactory, HierarchicalConfigSchemaFactory, } from '@jbrowse/product-core';
 import { types } from 'mobx-state-tree';
 /**
  * #config JBrowseRootConfig
@@ -20,52 +21,8 @@ export function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
                 type: 'number',
                 defaultValue: 2,
             },
-            formatDetails: ConfigurationSchema('FormatDetails', {
-                /**
-                 * #slot configuration.formatDetails.feature
-                 */
-                feature: {
-                    type: 'frozen',
-                    description: 'adds extra fields to the feature details',
-                    defaultValue: {},
-                    contextVariable: ['feature'],
-                },
-                /**
-                 * #slot configuration.formatDetails.subfeatures
-                 */
-                subfeatures: {
-                    type: 'frozen',
-                    description: 'adds extra fields to the subfeatures of a feature',
-                    defaultValue: {},
-                    contextVariable: ['feature'],
-                },
-                /**
-                 * #slot configuration.formatDetails.depth
-                 */
-                depth: {
-                    type: 'number',
-                    defaultValue: 2,
-                    description: 'depth to iterate on subfeatures',
-                },
-            }),
-            formatAbout: ConfigurationSchema('FormatAbout', {
-                /**
-                 * #slot configuration.formatAbout.config
-                 */
-                config: {
-                    type: 'frozen',
-                    description: 'formats configuration object in about dialog',
-                    defaultValue: {},
-                    contextVariable: ['config'],
-                },
-                /**
-                 * #slot configuration.formatAbout.hideUris
-                 */
-                hideUris: {
-                    type: 'boolean',
-                    defaultValue: false,
-                },
-            }),
+            formatDetails: FormatDetailsConfigSchemaFactory(),
+            formatAbout: FormatAboutConfigSchemaFactory(),
             /*
              * #slot configuration.shareURL
              */
@@ -80,6 +37,7 @@ export function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
                 type: 'boolean',
                 defaultValue: false,
             },
+            hierarchical: HierarchicalConfigSchemaFactory(),
             /**
              * #slot configuration.theme
              */
@@ -90,7 +48,10 @@ export function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
             /**
              * #slot configuration.extraThemes
              */
-            extraThemes: { type: 'frozen', defaultValue: {} },
+            extraThemes: {
+                type: 'frozen',
+                defaultValue: {},
+            },
             /**
              * #slot configuration.logoPath
              */

package/esm/JBrowseModel/index.d.ts

@@ -15,7 +15,9 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
                 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>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>; /**
+         * #getter
+         */
         highResolutionScaling: {
             type: string;
             defaultValue: number;
@@ -59,11 +61,35 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
+        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                trackNames: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                categories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                categoryNames: {
+                    type: string;
+                    defaultValue: never[];
+                };
+                topLevelCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                subCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         theme: {
             type: string;
-            defaultValue: {}; /**
-             * #action
-             */
+            defaultValue: {};
         };
         extraThemes: {
             type: string;
@@ -71,9 +97,6 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
         };
         logoPath: {
             type: string;
-            /**
-             * #action
-             */
             defaultValue: {
                 uri: string;
                 locationType: string;
@@ -133,6 +156,10 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
      * #action
      */
     removePlugin(pluginDefinition: PluginDefinition): void;
+    /**
+     * #action
+     */
+    setDefaultSessionConf(sessionConf: AnyConfigurationModel): void;
     /**
      * #action
      */

package/esm/JBrowseModel/index.js

@@ -1,5 +1,6 @@
-import { cast, getParent } from 'mobx-state-tree';
+import { cast, getParent, getSnapshot } from 'mobx-state-tree';
 import { readConfObject, } from '@jbrowse/core/configuration';
+import { toJS } from 'mobx';
 // locals
 import { JBrowseConfigF } from '../JBrowseConfig';
 export function JBrowseModelF({ pluginManager, assemblyConfigSchema, }) {
@@ -106,6 +107,20 @@ export function JBrowseModelF({ pluginManager, assemblyConfigSchema, }) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             getParent(self).setPluginsUpdated(true);
         },
+        /**
+         * #action
+         */
+        setDefaultSessionConf(sessionConf) {
+            const newDefault = 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            getParent(self).session.name === sessionConf.name
+                ? getSnapshot(sessionConf)
+                : toJS(sessionConf);
+            if (!newDefault.name) {
+                throw new Error(`unable to set default session to ${newDefault.name}`);
+            }
+            self.defaultSession = cast(newDefault);
+        },
         /**
          * #action
          */

package/esm/index.d.ts

@@ -1,5 +1,6 @@
 export * from './ui';
 export * from './HistoryManagement';
+export * from './AppFocus';
 export * from './JBrowseConfig';
 export * from './JBrowseModel';
 export * from './Assemblies';

package/esm/index.js

@@ -1,5 +1,6 @@
 export * from './ui';
 export * from './HistoryManagement';
+export * from './AppFocus';
 export * from './JBrowseConfig';
 export * from './JBrowseModel';
 export * from './Assemblies';

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SessionWithDrawerWidgets } from '@jbrowse/core/util';
+import { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util';
 import { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
 import { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu';
-type Props = {
+interface Props {
     HeaderButtons?: React.ReactElement;
-    session: SessionWithDrawerWidgets & {
+    session: SessionWithFocusedViewAndDrawerWidgets & {
         savedSessionNames: string[];
         menus: {
             label: string;
@@ -14,6 +14,6 @@ type Props = {
         snackbarMessages: SnackbarMessage[];
         popSnackbarMessage: () => unknown;
     };
-};
+}
 declare const App: (props: Props) => React.JSX.Element;
 export { App };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-declare const _default: ({ session, }: {
+declare const AppFab: ({ session, }: {
     session: SessionWithDrawerWidgets;
 }) => React.JSX.Element | null;
-export default _default;
+export default AppFab;

package/esm/ui/App/AppFab.js

@@ -18,10 +18,11 @@ const useStyles = makeStyles()(theme => ({
         right: theme.spacing(2),
     },
 }));
-export default observer(function AppFab({ session, }) {
+const AppFab = observer(function ({ session, }) {
     const { minimized, activeWidgets, drawerPosition } = session;
     const { classes } = useStyles();
     return activeWidgets.size > 0 && minimized ? (React.createElement(Tooltip, { title: "Open drawer widget" },
         React.createElement(Fab, { className: drawerPosition === 'right' ? classes.right : classes.left, color: "primary", "data-testid": "drawer-maximize", onClick: () => session.showWidgetDrawer() },
             React.createElement(LaunchIcon, null)))) : null;
 });
+export default AppFab;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-declare const _default: ({ session, }: {
+declare const DialogQueue: ({ session, }: {
     session: SessionWithDrawerWidgets;
 }) => React.JSX.Element;
-export default _default;
+export default DialogQueue;

package/esm/ui/App/DialogQueue.js

@@ -1,7 +1,8 @@
 import React, { Suspense } from 'react';
 import { observer } from 'mobx-react';
-export default observer(function ({ session, }) {
+const DialogQueue = observer(function ({ session, }) {
     const { DialogComponent, DialogProps } = session;
     return (React.createElement(React.Fragment, null, DialogComponent ? (React.createElement(Suspense, { fallback: React.createElement(React.Fragment, null) },
         React.createElement(DialogComponent, { ...DialogProps }))) : null));
 });
+export default DialogQueue;