@jbrowse/plugin-jobs-management 2.6.3 → 2.7.0

package/dist/JobsListWidget/components/CurrentJobCard.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { NewJob } from '../model';
-declare function CurrentJobCard({ job }: {
+declare const CurrentJobCard: ({ job, }: {
     job: NewJob;
-}): React.JSX.Element;
-declare const _default: typeof CurrentJobCard;
-export default _default;
+}) => React.JSX.Element;
+export default CurrentJobCard;

package/dist/JobsListWidget/components/CurrentJobCard.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
-function CurrentJobCard({ job }) {
+const CurrentJobCard = (0, mobx_react_1.observer)(function CurrentJobCard({ job, }) {
     const [clicked, setClicked] = (0, react_1.useState)(false);
     return (react_1.default.createElement(material_1.Card, { variant: "outlined" },
         react_1.default.createElement(material_1.CardContent, null,
@@ -50,8 +50,9 @@ function CurrentJobCard({ job }) {
                     react_1.default.createElement(material_1.Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
         job.cancelCallback ? (react_1.default.createElement(material_1.CardActions, null,
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
+                    job.setStatusMessage('Aborted via cancel button');
                     job.cancelCallback && job.cancelCallback();
                     setClicked(true);
                 } }, "Cancel"))) : null));
-}
-exports.default = (0, mobx_react_1.observer)(CurrentJobCard);
+});
+exports.default = CurrentJobCard;

package/dist/JobsListWidget/components/JobCard.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { NewJob } from '../model';
-declare function JobCard({ job }: {
+declare const JobCard: ({ job }: {
     job: NewJob;
-}): React.JSX.Element;
-declare const _default: typeof JobCard;
-export default _default;
+}) => React.JSX.Element;
+export default JobCard;

package/dist/JobsListWidget/components/JobCard.js

@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
-function JobCard({ job }) {
+const JobCard = (0, mobx_react_1.observer)(function JobCard({ job }) {
     return (react_1.default.createElement(material_1.Card, { variant: "outlined" },
         react_1.default.createElement(material_1.CardContent, null,
             react_1.default.createElement(material_1.Typography, { variant: "body1" },
                 react_1.default.createElement("strong", null, 'Name: '),
-                job.name))));
-}
-exports.default = (0, mobx_react_1.observer)(JobCard);
+                job.name),
+            job.statusMessage ? (react_1.default.createElement(material_1.Typography, { variant: "body1" },
+                react_1.default.createElement("strong", null, 'Message: '),
+                job.statusMessage)) : null)));
+});
+exports.default = JobCard;

package/dist/JobsListWidget/components/JobsListWidget.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { JobsListModel } from '../model';
-declare function JobsListWidget({ model }: {
+declare const JobsListWidget: ({ model }: {
     model: JobsListModel;
-}): React.JSX.Element;
-declare const _default: typeof JobsListWidget;
-export default _default;
+}) => React.JSX.Element;
+export default JobsListWidget;

package/dist/JobsListWidget/components/JobsListWidget.js

@@ -18,29 +18,17 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     expandIcon: {
         color: theme.palette.tertiary.contrastText,
     },
-    button: {
-        marginTop: theme.spacing(1),
-        marginRight: theme.spacing(1),
-    },
-    adminBadge: {
-        margin: '0.5em',
-        borderRadius: 3,
-        backgroundColor: theme.palette.quaternary.main,
-        padding: '1em',
-        display: 'flex',
-        alignContent: 'center',
-    },
 }));
-function JobsListWidget({ model }) {
+const JobsListWidget = (0, mobx_react_1.observer)(function ({ model }) {
     const { classes } = useStyles();
-    const { jobs, finished, queued } = model;
+    const { jobs, finished, queued, aborted } = model;
     return (react_1.default.createElement("div", { className: classes.root },
         react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
             react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
-                react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Jobs")),
+                react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Running jobs")),
             jobs.length ? (jobs.map((job, index) => (react_1.default.createElement(CurrentJobCard_1.default, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
                 react_1.default.createElement(material_1.CardContent, null,
-                    react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No jobs"))))),
+                    react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No running jobs"))))),
         react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
             react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
                 react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Queued jobs")),
@@ -49,9 +37,15 @@ function JobsListWidget({ model }) {
                     react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No queued jobs"))))),
         react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
             react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
-                react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Jobs completed")),
+                react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Completed jobs")),
             finished.length ? (finished.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
                 react_1.default.createElement(material_1.CardContent, null,
-                    react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No jobs completed")))))));
-}
-exports.default = (0, mobx_react_1.observer)(JobsListWidget);
+                    react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No completed jobs"))))),
+        react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
+            react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
+                react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Aborted jobs")),
+            aborted.length ? (aborted.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
+                react_1.default.createElement(material_1.CardContent, null,
+                    react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No aborted jobs")))))));
+});
+exports.default = JobsListWidget;

package/dist/JobsListWidget/model.d.ts

@@ -13,8 +13,9 @@ export declare const Job: import("mobx-state-tree").IModelType<{
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export interface NewJob extends SnapshotIn<typeof Job> {
     cancelCallback(): void;
+    setStatusMessage(msg?: string): void;
 }
-export default function f(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+export default function f(_pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"JobsListWidget">;
     jobs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
@@ -50,6 +51,17 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
         setStatusMessage(message?: string | undefined): void;
         setProgressPct(pct: number): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    aborted: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
 }, {
     addJob(job: NewJob): {
         name: string;
@@ -135,6 +147,27 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
         setStatusMessage(message?: string | undefined): void;
         setProgressPct(pct: number): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
+    addAbortedJob(job: NewJob): import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     removeQueuedJob(jobName: string): {
         name: string;
         statusMessage: string | undefined;

package/dist/JobsListWidget/model.js

@@ -9,7 +9,7 @@ exports.Job = mobx_state_tree_1.types
     statusMessage: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
     progressPct: mobx_state_tree_1.types.number,
 })
-    .volatile(self => ({
+    .volatile(() => ({
     cancelCallback() { },
 }))
     .actions(self => ({
@@ -23,7 +23,7 @@ exports.Job = mobx_state_tree_1.types
         self.progressPct = pct;
     },
 }));
-function f(pluginManager) {
+function f(_pluginManager) {
     return mobx_state_tree_1.types
         .model('JobsListModel', {
         id: mst_1.ElementId,
@@ -31,6 +31,7 @@ function f(pluginManager) {
         jobs: mobx_state_tree_1.types.array(exports.Job),
         finished: mobx_state_tree_1.types.array(exports.Job),
         queued: mobx_state_tree_1.types.array(exports.Job),
+        aborted: mobx_state_tree_1.types.array(exports.Job),
     })
         .actions(self => ({
         addJob(job) {
@@ -54,6 +55,10 @@ function f(pluginManager) {
             self.queued.push(job);
             return self.finished;
         },
+        addAbortedJob(job) {
+            self.aborted.push(job);
+            return self.aborted;
+        },
         removeQueuedJob(jobName) {
             const indx = self.queued.findIndex(job => job.name === jobName);
             const removed = self.queued[indx];

package/dist/index.js

@@ -42,7 +42,7 @@ class default_1 extends Plugin_1.default {
         pluginManager.addWidgetType(() => {
             return new WidgetType_1.default({
                 name: 'JobsListWidget',
-                heading: 'Running jobs',
+                heading: 'Jobs list',
                 configSchema: JobsListWidget_1.configSchema,
                 stateModel: (0, JobsListWidget_1.stateModelFactory)(pluginManager),
                 ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../../jobs-management/src/JobsListWidget/components/JobsListWidget')))),
@@ -60,6 +60,7 @@ class default_1 extends Plugin_1.default {
                         let jobStatusWidget = widgets.get('JobsList');
                         if (!jobStatusWidget) {
                             jobStatusWidget = session.addWidget('JobsListWidget', 'JobsList');
+                            session.showWidget(jobStatusWidget);
                         }
                         else {
                             session.showWidget(jobStatusWidget);

package/esm/JobsListWidget/components/CurrentJobCard.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { NewJob } from '../model';
-declare function CurrentJobCard({ job }: {
+declare const CurrentJobCard: ({ job, }: {
     job: NewJob;
-}): React.JSX.Element;
-declare const _default: typeof CurrentJobCard;
-export default _default;
+}) => React.JSX.Element;
+export default CurrentJobCard;

package/esm/JobsListWidget/components/CurrentJobCard.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { observer } from 'mobx-react';
 import { Box, Button, Card, CardActions, CardContent, LinearProgress, Typography, } from '@mui/material';
-function CurrentJobCard({ job }) {
+const CurrentJobCard = observer(function CurrentJobCard({ job, }) {
     const [clicked, setClicked] = useState(false);
     return (React.createElement(Card, { variant: "outlined" },
         React.createElement(CardContent, null,
@@ -25,8 +25,9 @@ function CurrentJobCard({ job }) {
                     React.createElement(Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
         job.cancelCallback ? (React.createElement(CardActions, null,
             React.createElement(Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
+                    job.setStatusMessage('Aborted via cancel button');
                     job.cancelCallback && job.cancelCallback();
                     setClicked(true);
                 } }, "Cancel"))) : null));
-}
-export default observer(CurrentJobCard);
+});
+export default CurrentJobCard;

package/esm/JobsListWidget/components/JobCard.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { NewJob } from '../model';
-declare function JobCard({ job }: {
+declare const JobCard: ({ job }: {
     job: NewJob;
-}): React.JSX.Element;
-declare const _default: typeof JobCard;
-export default _default;
+}) => React.JSX.Element;
+export default JobCard;

package/esm/JobsListWidget/components/JobCard.js

@@ -1,11 +1,14 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { Card, CardContent, Typography } from '@mui/material';
-function JobCard({ job }) {
+const JobCard = observer(function JobCard({ job }) {
     return (React.createElement(Card, { variant: "outlined" },
         React.createElement(CardContent, null,
             React.createElement(Typography, { variant: "body1" },
                 React.createElement("strong", null, 'Name: '),
-                job.name))));
-}
-export default observer(JobCard);
+                job.name),
+            job.statusMessage ? (React.createElement(Typography, { variant: "body1" },
+                React.createElement("strong", null, 'Message: '),
+                job.statusMessage)) : null)));
+});
+export default JobCard;

package/esm/JobsListWidget/components/JobsListWidget.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { JobsListModel } from '../model';
-declare function JobsListWidget({ model }: {
+declare const JobsListWidget: ({ model }: {
     model: JobsListModel;
-}): React.JSX.Element;
-declare const _default: typeof JobsListWidget;
-export default _default;
+}) => React.JSX.Element;
+export default JobsListWidget;

package/esm/JobsListWidget/components/JobsListWidget.js

@@ -13,29 +13,17 @@ const useStyles = makeStyles()(theme => ({
     expandIcon: {
         color: theme.palette.tertiary.contrastText,
     },
-    button: {
-        marginTop: theme.spacing(1),
-        marginRight: theme.spacing(1),
-    },
-    adminBadge: {
-        margin: '0.5em',
-        borderRadius: 3,
-        backgroundColor: theme.palette.quaternary.main,
-        padding: '1em',
-        display: 'flex',
-        alignContent: 'center',
-    },
 }));
-function JobsListWidget({ model }) {
+const JobsListWidget = observer(function ({ model }) {
     const { classes } = useStyles();
-    const { jobs, finished, queued } = model;
+    const { jobs, finished, queued, aborted } = model;
     return (React.createElement("div", { className: classes.root },
         React.createElement(Accordion, { defaultExpanded: true },
             React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                React.createElement(Typography, { variant: "h5" }, "Jobs")),
+                React.createElement(Typography, { variant: "h5" }, "Running jobs")),
             jobs.length ? (jobs.map((job, index) => (React.createElement(CurrentJobCard, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (React.createElement(Card, { variant: "outlined" },
                 React.createElement(CardContent, null,
-                    React.createElement(Typography, { variant: "body1" }, "No jobs"))))),
+                    React.createElement(Typography, { variant: "body1" }, "No running jobs"))))),
         React.createElement(Accordion, { defaultExpanded: true },
             React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
                 React.createElement(Typography, { variant: "h5" }, "Queued jobs")),
@@ -44,9 +32,15 @@ function JobsListWidget({ model }) {
                     React.createElement(Typography, { variant: "body1" }, "No queued jobs"))))),
         React.createElement(Accordion, { defaultExpanded: true },
             React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                React.createElement(Typography, { variant: "h5" }, "Jobs completed")),
+                React.createElement(Typography, { variant: "h5" }, "Completed jobs")),
             finished.length ? (finished.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
                 React.createElement(CardContent, null,
-                    React.createElement(Typography, { variant: "body1" }, "No jobs completed")))))));
-}
-export default observer(JobsListWidget);
+                    React.createElement(Typography, { variant: "body1" }, "No completed jobs"))))),
+        React.createElement(Accordion, { defaultExpanded: true },
+            React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
+                React.createElement(Typography, { variant: "h5" }, "Aborted jobs")),
+            aborted.length ? (aborted.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
+                React.createElement(CardContent, null,
+                    React.createElement(Typography, { variant: "body1" }, "No aborted jobs")))))));
+});
+export default JobsListWidget;

package/esm/JobsListWidget/model.d.ts

@@ -13,8 +13,9 @@ export declare const Job: import("mobx-state-tree").IModelType<{
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export interface NewJob extends SnapshotIn<typeof Job> {
     cancelCallback(): void;
+    setStatusMessage(msg?: string): void;
 }
-export default function f(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+export default function f(_pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"JobsListWidget">;
     jobs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
@@ -50,6 +51,17 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
         setStatusMessage(message?: string | undefined): void;
         setProgressPct(pct: number): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    aborted: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
 }, {
     addJob(job: NewJob): {
         name: string;
@@ -135,6 +147,27 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
         setStatusMessage(message?: string | undefined): void;
         setProgressPct(pct: number): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
+    addAbortedJob(job: NewJob): import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        name: import("mobx-state-tree").ISimpleType<string>;
+        statusMessage: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        progressPct: import("mobx-state-tree").ISimpleType<number>;
+    }, {
+        cancelCallback(): void;
+    } & {
+        setCancelCallback(cancelCallback: () => void): void;
+        setStatusMessage(message?: string | undefined): void;
+        setProgressPct(pct: number): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     removeQueuedJob(jobName: string): {
         name: string;
         statusMessage: string | undefined;

package/esm/JobsListWidget/model.js

@@ -6,7 +6,7 @@ export const Job = types
     statusMessage: types.maybe(types.string),
     progressPct: types.number,
 })
-    .volatile(self => ({
+    .volatile(() => ({
     cancelCallback() { },
 }))
     .actions(self => ({
@@ -20,7 +20,7 @@ export const Job = types
         self.progressPct = pct;
     },
 }));
-export default function f(pluginManager) {
+export default function f(_pluginManager) {
     return types
         .model('JobsListModel', {
         id: ElementId,
@@ -28,6 +28,7 @@ export default function f(pluginManager) {
         jobs: types.array(Job),
         finished: types.array(Job),
         queued: types.array(Job),
+        aborted: types.array(Job),
     })
         .actions(self => ({
         addJob(job) {
@@ -51,6 +52,10 @@ export default function f(pluginManager) {
             self.queued.push(job);
             return self.finished;
         },
+        addAbortedJob(job) {
+            self.aborted.push(job);
+            return self.aborted;
+        },
         removeQueuedJob(jobName) {
             const indx = self.queued.findIndex(job => job.name === jobName);
             const removed = self.queued[indx];

package/esm/index.js

@@ -14,7 +14,7 @@ export default class extends Plugin {
         pluginManager.addWidgetType(() => {
             return new WidgetType({
                 name: 'JobsListWidget',
-                heading: 'Running jobs',
+                heading: 'Jobs list',
                 configSchema: JobsListConfigSchema,
                 stateModel: JobsListStateModelFactory(pluginManager),
                 ReactComponent: lazy(() => import('../../jobs-management/src/JobsListWidget/components/JobsListWidget')),
@@ -32,6 +32,7 @@ export default class extends Plugin {
                         let jobStatusWidget = widgets.get('JobsList');
                         if (!jobStatusWidget) {
                             jobStatusWidget = session.addWidget('JobsListWidget', 'JobsList');
+                            session.showWidget(jobStatusWidget);
                         }
                         else {
                             session.showWidget(jobStatusWidget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-jobs-management",
-  "version": "2.6.3",
+  "version": "2.7.0",
   "description": "JBrowse 2 jobs management",
   "keywords": [
     "jbrowse",
@@ -36,14 +36,14 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "@jbrowse/text-indexing": "^2.6.3",
+    "@jbrowse/text-indexing": "^2.7.0",
     "@mui/icons-material": "^5.0.0"
   },
   "peerDependencies": {
     "@jbrowse/core": "^2.0.0",
     "@mui/material": "^5.0.0",
     "mobx": "^6.0.0",
-    "mobx-react": "^7.0.0",
+    "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
     "react": ">=16.8.0",
     "tss-react": "^4.0.0"
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ed402c87efb0904858d602c363bd1757d5742129"
+  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
 }