diff --git a/package.json b/package.json
index ed08a65ea..a18ffb5f9 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,8 @@
     "@emotion/styled": "^11.10.4",
     "@jupyterlab/application": "^4",
     "@jupyterlab/apputils": "^4",
+    "@jupyterlab/codeeditor": "^4",
+    "@jupyterlab/codemirror": "^4",
     "@jupyterlab/coreutils": "^6",
     "@jupyterlab/filebrowser": "^4",
     "@jupyterlab/launcher": "^4",
@@ -72,11 +74,23 @@
     "@mui/icons-material": "^5.10.9",
     "@mui/material": "^5.10.6",
     "@mui/system": "^5.10.6",
+    "@mui/x-date-pickers": "^6.19.3",
     "@types/react-dom": "^18.0.5",
     "cronstrue": "^2.12.0",
+    "elkjs": "^0.9.1",
+    "email-validator": "^2.0.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "nanoid": "^3.3.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tzdata": "^1.0.33"
+    "react-hook-form": "^7.50.1",
+    "react-resizable-panels": "^2.0.9",
+    "react-router-dom": "^6.22.0",
+    "react-show-more-text": "^1.7.1",
+    "reactflow": "^11.10.3",
+    "tzdata": "^1.0.33",
+    "zustand": "^4.5.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -84,6 +98,8 @@
     "@jupyterlab/builder": "^4",
     "@jupyterlab/testutils": "^4",
     "@types/jest": "^29",
+    "@types/lodash": "4.14.192",
+    "@types/react-show-more-text": "^1.4.5",
     "@typescript-eslint/eslint-plugin": "^4.8.1",
     "@typescript-eslint/parser": "^4.8.1",
     "eslint": "^7.14.0",
@@ -100,7 +116,8 @@
     "stylelint-config-standard": "~24.0.0",
     "stylelint-prettier": "^2.0.0",
     "ts-jest": "^29",
-    "typescript": "~4.3.0"
+    "typescript": "~5.1.6",
+    "zustand-types": "^0.1.0"
   },
   "resolutions": {
     "@types/react": "^17.0.1",
diff --git a/schema/plugin.json b/schema/plugin.json
index 381516faa..06243987a 100644
--- a/schema/plugin.json
+++ b/schema/plugin.json
@@ -8,6 +8,11 @@
         "command": "scheduling:create-from-filebrowser",
         "selector": ".jp-DirListing-item[data-file-type=\"notebook\"]",
         "rank": 3.9
+      },
+      {
+        "command": "workflows:create-from-filebrowser",
+        "selector": ".jp-DirListing-item[data-file-type=\"notebook\"]",
+        "rank": 4
       }
     ]
   },
@@ -17,6 +22,11 @@
         "name": "create-job",
         "command": "scheduling:create-from-notebook",
         "rank": 46
+      },
+      {
+        "name": "create-workflow",
+        "command": "workflows:create-from-notebook",
+        "rank": 47
       }
     ]
   },
diff --git a/src/dag-scheduler/components/advanced-table/advanced-table-header.tsx b/src/dag-scheduler/components/advanced-table/advanced-table-header.tsx
new file mode 100644
index 000000000..27a30e879
--- /dev/null
+++ b/src/dag-scheduler/components/advanced-table/advanced-table-header.tsx
@@ -0,0 +1,102 @@
+import React from 'react';
+import { caretDownIcon, caretUpIcon, LabIcon } from '@jupyterlab/ui-components';
+import TableHead from '@mui/material/TableHead';
+import TableCell from '@mui/material/TableCell';
+
+import { AdvancedTableColumn, AdvancedTableQuery } from './advanced-table';
+import { Scheduler } from '../../handler';
+
+type AdvancedTableHeaderProps<Q extends AdvancedTableQuery> = {
+  columns: AdvancedTableColumn[];
+  query: Q;
+  setQuery: React.Dispatch<React.SetStateAction<Q>>;
+};
+
+export function AdvancedTableHeader<Q extends AdvancedTableQuery>(
+  props: AdvancedTableHeaderProps<Q>
+): JSX.Element {
+  return (
+    <TableHead>
+      {props.columns.map((column, idx) => (
+        <AdvancedTableHeaderCell
+          key={idx}
+          column={column}
+          query={props.query}
+          setQuery={props.setQuery}
+        />
+      ))}
+    </TableHead>
+  );
+}
+
+const sortAscendingIcon = (
+  <LabIcon.resolveReact icon={caretUpIcon} tag="span" />
+);
+const sortDescendingIcon = (
+  <LabIcon.resolveReact icon={caretDownIcon} tag="span" />
+);
+
+type AdvancedTableHeaderCellProps<Q extends AdvancedTableQuery> = Pick<
+  AdvancedTableHeaderProps<Q>,
+  'query' | 'setQuery'
+> & {
+  column: AdvancedTableColumn;
+};
+
+function AdvancedTableHeaderCell<Q extends AdvancedTableQuery>(
+  props: AdvancedTableHeaderCellProps<Q>
+): JSX.Element {
+  const sort = props.query.sort_by;
+  const defaultSort = sort?.[0];
+
+  const headerIsDefaultSort =
+    defaultSort && defaultSort.name === props.column.sortField;
+  const isSortedAscending =
+    headerIsDefaultSort &&
+    defaultSort &&
+    defaultSort.direction === Scheduler.SortDirection.ASC;
+  const isSortedDescending =
+    headerIsDefaultSort &&
+    defaultSort &&
+    defaultSort.direction === Scheduler.SortDirection.DESC;
+
+  const sortByThisColumn = () => {
+    // If this field is not sortable, do nothing.
+    if (!props.column.sortField) {
+      return;
+    }
+
+    // Change the sort of this column.
+    // If not sorted at all or if sorted descending, sort ascending. If sorted ascending, sort descending.
+    const newSortDirection = isSortedAscending
+      ? Scheduler.SortDirection.DESC
+      : Scheduler.SortDirection.ASC;
+
+    // Set the new sort direction.
+    const newSort: Scheduler.ISortField = {
+      name: props.column.sortField,
+      direction: newSortDirection
+    };
+
+    // If this field is already present in the sort list, remove it.
+    const oldSortList = sort || [];
+    const newSortList = [
+      newSort,
+      ...oldSortList.filter(item => item.name !== props.column.sortField)
+    ];
+
+    // Sub the new sort list in to the query.
+    props.setQuery(query => ({ ...query, sort_by: newSortList }));
+  };
+
+  return (
+    <TableCell
+      onClick={sortByThisColumn}
+      sx={props.column.sortField ? { cursor: 'pointer' } : {}}
+    >
+      {props.column.name}
+      {isSortedAscending && sortAscendingIcon}
+      {isSortedDescending && sortDescendingIcon}
+    </TableCell>
+  );
+}
diff --git a/src/dag-scheduler/components/advanced-table/advanced-table.tsx b/src/dag-scheduler/components/advanced-table/advanced-table.tsx
new file mode 100644
index 000000000..0011f2a9b
--- /dev/null
+++ b/src/dag-scheduler/components/advanced-table/advanced-table.tsx
@@ -0,0 +1,319 @@
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+
+import { useTheme } from '@mui/material/styles';
+import Table from '@mui/material/Table';
+import TableContainer from '@mui/material/TableContainer';
+import TableBody from '@mui/material/TableBody';
+import TablePagination, {
+  LabelDisplayedRowsArgs
+} from '@mui/material/TablePagination';
+import Paper from '@mui/material/Paper';
+
+import { Scheduler } from '../../handler';
+import { AdvancedTableHeader } from './advanced-table-header';
+import { useTranslator } from '../../hooks';
+import { Alert, TableCell, TableRow } from '@mui/material';
+import { TableFilter } from '../table-filter';
+import LinearProgress from '@mui/material/LinearProgress';
+
+const PAGE_SIZE = 25;
+
+export type AdvancedTableColumn = {
+  sortField: string | null;
+  name: string;
+  filterable?: boolean;
+  field?: string;
+  valueOptions?: any[];
+  valueFormatter?: (value: any) => any;
+  type?: 'string' | 'date' | 'singleSelect';
+};
+
+type AdvancedTablePayload =
+  | {
+      next_token?: string;
+      total_count?: number;
+    }
+  | undefined;
+
+export type AdvancedTableQuery = {
+  max_items?: number;
+  next_token?: string;
+  sort_by?: Scheduler.ISortField[];
+};
+
+/**
+ * P = payload (response) type, Q = query (request) type, R = row type
+ *
+ * Requires `next_token` to be defined in Q to function.
+ */
+type AdvancedTableProps<
+  P extends AdvancedTablePayload,
+  Q extends AdvancedTableQuery,
+  R
+> = {
+  query: Q;
+  setQuery: React.Dispatch<React.SetStateAction<Q>>;
+  request: (query: Q) => Promise<P>;
+  renderRow: (row: R) => JSX.Element;
+  extractRows: (payload: P) => R[];
+  columns: AdvancedTableColumn[];
+  emptyRowMessage: string;
+  rowFilter?: (row: R) => boolean;
+  pageSize?: number;
+  toolbarComponent?: JSX.Element;
+  /**
+   * Height of the table. If set to 'auto', this table automatically expands to
+   * fit the remaining height of the page when wrapped in a flex container with
+   * its height equal to the height of the page. Otherwise the max-height is
+   * manually set to whatever value is provided. Defaults to 'auto'.
+   */
+  height?: 'auto' | string | number;
+};
+
+/**
+ * Advanced table that automatically fills remaining screen width, asynchronous
+ * pagination, and loading states.
+ */
+export function AdvancedTable<
+  P extends AdvancedTablePayload,
+  Q extends AdvancedTableQuery,
+  R
+>(props: AdvancedTableProps<P, Q, R>): JSX.Element {
+  const [rows, setRows] = useState<R[]>();
+  const [filterFuncs, setFilterFuncs] = useState<any[]>();
+  const [filteredRows, setFilteredRows] = useState<R[]>();
+  const [nextToken, setNextToken] = useState<string>();
+  const [totalCount, setTotalCount] = useState<number>();
+  const [page, setPage] = useState<number>(0);
+  const [maxPage, setMaxPage] = useState<number>(0);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [displayError, setDisplayError] = useState<string | null>(null);
+  const trans = useTranslator('jupyterlab');
+  const theme = useTheme();
+
+  const pageSize = props.pageSize ?? PAGE_SIZE;
+
+  const fetchInitialRows = async () => {
+    // reset pagination state
+    setPage(0);
+    setMaxPage(0);
+
+    setLoading(true);
+    setDisplayError(null); // Cancel previous errors
+
+    props
+      .request({
+        ...props.query,
+        max_items: pageSize
+      })
+      .then(payload => {
+        const rows = props.extractRows(payload);
+
+        setLoading(false);
+        setRows(rows);
+        setNextToken(payload?.next_token);
+        setTotalCount(payload?.total_count);
+        setMaxPage(rows.length % pageSize);
+      })
+      .catch((e: Error) => {
+        setDisplayError(e.message);
+      });
+  };
+
+  // Fetch the initial rows asynchronously on component creation
+  // After setJobsQuery is called, force a reload.
+  useEffect(() => {
+    fetchInitialRows();
+  }, [props.query]);
+
+  useEffect(() => {
+    // set filtered rows
+    const filteredRows = rows?.filter(row =>
+      filterFuncs?.length ? filterFuncs?.every(func => func(row)) : true
+    );
+
+    const totalRows = filteredRows?.length || 0;
+
+    setPage(0);
+    setFilteredRows(filteredRows || []);
+    setTotalCount(totalRows);
+    setMaxPage(totalRows % pageSize);
+  }, [rows, filterFuncs]);
+
+  const handelFilterUpdate = (predicates: any[]) => {
+    setFilterFuncs(predicates);
+  };
+
+  const fetchMoreRows = async (newPage: number) => {
+    // Do nothing if the next token is undefined (shouldn't happen, but required for type safety)
+    if (nextToken === undefined) {
+      return false;
+    }
+
+    // Apply the custom token to the existing query parameters
+    setLoading(true);
+    setDisplayError(null); // Cancel previous errors
+
+    props
+      .request({
+        ...props.query,
+        max_items: pageSize,
+        next_token: nextToken
+      })
+      .then(payload => {
+        setLoading(false);
+        const newRows = props.extractRows(payload) || [];
+
+        if (newRows.length === 0) {
+          // no rows in next page -- leave page unchanged, disable next page
+          // button, and show an error banner
+          setNextToken(undefined);
+          setDisplayError(trans.__('Last page reached.'));
+          return;
+        }
+
+        // otherwise, merge the two lists of jobs and keep the next token from
+        // the new response.
+        setRows(rows => [
+          ...(rows || []),
+          ...(props.extractRows(payload) || [])
+        ]);
+        setNextToken(payload?.next_token);
+        setTotalCount(payload?.total_count);
+        setPage(newPage);
+        setMaxPage(newPage);
+      })
+      .catch((e: Error) => {
+        setDisplayError(e.message);
+      });
+  };
+
+  const renderedRows: JSX.Element[] = useMemo(
+    () =>
+      (filteredRows || [])
+        .slice(page * pageSize, (page + 1) * pageSize)
+        .filter(row => (props.rowFilter ? props.rowFilter(row) : true))
+        .map(row => props.renderRow(row)),
+    [filteredRows, props.rowFilter, props.renderRow, page, pageSize]
+  );
+
+  const handlePageChange = async (e: unknown, newPage: number) => {
+    // first clear any display errors
+    setDisplayError(null);
+    // if newPage <= maxPage, no need to fetch more rows
+    if (newPage <= maxPage) {
+      setPage(newPage);
+
+      return;
+    }
+
+    await fetchMoreRows(newPage);
+  };
+
+  const onLastPage = page === maxPage && nextToken === undefined;
+
+  /**
+   * Renders the label to the left of the pagination buttons.
+   */
+  const labelDisplayedRows = useCallback(
+    ({ from, to, count }: LabelDisplayedRowsArgs) => {
+      if (count === -1) {
+        const loadedRows = filteredRows?.length ?? 0;
+        if (onLastPage) {
+          // for some reason `to` is set incorrectly on the last page in
+          // server-side pagination, so we need to build the string differently
+          // in this case.
+          return trans.__('%1–%2 of %3', from, loadedRows, loadedRows);
+        } else {
+          return trans.__(
+            '%1–%2 of %3',
+            from,
+            to,
+            loadedRows + (nextToken === undefined ? '' : '+')
+          );
+        }
+      } else {
+        return trans.__('%1–%2 of %3', from, to, count);
+      }
+    },
+    [filteredRows, onLastPage, trans]
+  );
+
+  const tableDiv = (
+    <div
+      style={{
+        display: 'flex',
+        overflow: 'hidden',
+        flexDirection: 'column',
+        boxSizing: 'border-box'
+      }}
+    >
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        }}
+      >
+        <TableFilter
+          columns={props.columns}
+          onFilterChange={handelFilterUpdate}
+        />
+        {props.toolbarComponent ? props.toolbarComponent : null}
+      </div>
+      <TableContainer
+        component={Paper}
+        style={{
+          ...(loading ? { pointerEvents: 'none', opacity: 0.5 } : {})
+        }}
+      >
+        <Table stickyHeader>
+          <AdvancedTableHeader
+            columns={props.columns}
+            query={props.query}
+            setQuery={props.setQuery}
+          />
+          <TableBody role="presentation">
+            <TableRow>
+              <TableCell
+                sx={{ p: 0, height: 5, border: 'none' }}
+                colSpan={props.columns.length}
+              >
+                {loading ? <LinearProgress /> : null}
+              </TableCell>
+            </TableRow>
+          </TableBody>
+          <TableBody>{renderedRows}</TableBody>
+        </Table>
+        {filteredRows?.length ? (
+          <TablePagination
+            component="div"
+            sx={{
+              position: 'sticky',
+              bottom: 0,
+              backgroundColor: theme.palette.background.paper,
+              borderTop: `1px solid ${theme.palette.divider}`
+            }}
+            count={totalCount ?? -1}
+            labelDisplayedRows={labelDisplayedRows}
+            page={page}
+            onPageChange={handlePageChange}
+            rowsPerPage={pageSize}
+            rowsPerPageOptions={[pageSize]}
+          />
+        ) : (
+          <p className={'jp-notebook-job-list-empty'}>
+            {props.emptyRowMessage}
+          </p>
+        )}
+      </TableContainer>
+    </div>
+  );
+
+  return (
+    <>
+      {displayError && <Alert severity="error">{displayError}</Alert>}
+      {tableDiv}
+    </>
+  );
+}
diff --git a/src/dag-scheduler/components/advanced-table/index.tsx b/src/dag-scheduler/components/advanced-table/index.tsx
new file mode 100644
index 000000000..ceebe535f
--- /dev/null
+++ b/src/dag-scheduler/components/advanced-table/index.tsx
@@ -0,0 +1 @@
+export * from './advanced-table';
diff --git a/src/dag-scheduler/components/async-action-handler.ts b/src/dag-scheduler/components/async-action-handler.ts
new file mode 100644
index 000000000..e049f1b9b
--- /dev/null
+++ b/src/dag-scheduler/components/async-action-handler.ts
@@ -0,0 +1,151 @@
+import { Spinner } from '@jupyterlab/apputils';
+import { closeIcon, trustedIcon } from '@jupyterlab/ui-components';
+import { Widget } from '@lumino/widgets';
+import { errorIcon } from './icons';
+
+type AsyncHandlerArgs<T> = {
+  title: string;
+  tooltip?: string;
+  action: Promise<T>;
+  successMessage?: string;
+  failureMessage?: string | CallableFunction;
+};
+
+type LoaderArgs = {
+  title: string;
+  tooltip?: string;
+  onClose: () => void;
+};
+
+class Loader extends Widget {
+  constructor({ title, tooltip = '', onClose }: LoaderArgs) {
+    super();
+
+    const spinnerIcon = new Spinner();
+    const wrapper = document.createElement('div');
+    const iconContainer = document.createElement('div');
+    const messageContainer = document.createElement('div');
+    const closeButton = document.createElement('button');
+
+    messageContainer.className = 'jp-toast-text';
+    iconContainer.className = 'jp-toast-icon';
+    wrapper.className = 'jp-spinner-container';
+    messageContainer.title = tooltip || title;
+
+    wrapper.appendChild(iconContainer);
+    wrapper.appendChild(messageContainer);
+    wrapper.appendChild(closeButton);
+
+    iconContainer.appendChild(spinnerIcon.node);
+    closeButton.appendChild(closeIcon.element({ className: 'close-icon' }));
+    messageContainer.appendChild(document.createTextNode(title));
+
+    this.icon = iconContainer;
+    this.message = messageContainer;
+    this.node.appendChild(wrapper);
+
+    this.closeBtn = closeButton;
+    this.closeBtn.style.display = 'none';
+    closeButton.addEventListener('click', () => onClose());
+  }
+
+  setSuccessMessage(message: string) {
+    this.icon.innerHTML = '';
+    this.icon.appendChild(
+      trustedIcon
+        .bindprops({
+          width: '24px',
+          fill: 'var(--jp-accent-color2)',
+          stroke: 'var(--jp-accent-color2)'
+        })
+        .element()
+    );
+    this.message.textContent = message;
+    this.closeBtn.style.display = 'block';
+
+    return true;
+  }
+
+  setFailureMessage(message: string) {
+    this.icon.innerHTML = '';
+    this.icon.appendChild(
+      errorIcon
+        .bindprops({
+          width: '20px',
+          stroke: 'transparent',
+          fill: 'var(--jp-error-color2)'
+        })
+        .element()
+    );
+    this.message.textContent = message;
+    this.closeBtn.style.display = 'block';
+
+    return true;
+  }
+
+  private icon: HTMLDivElement;
+  private message: HTMLDivElement;
+  private closeBtn: HTMLButtonElement;
+}
+
+export class AsyncActionHandler<T> extends Widget {
+  constructor(private options: AsyncHandlerArgs<T>) {
+    super();
+
+    const widget = new Widget();
+
+    this.container = document.querySelector('.jp-toast-container');
+
+    if (!this.container) {
+      this.container = document.createElement('div');
+      this.container.classList.add('jp-toast-container');
+      document.body.appendChild(this.container);
+    }
+
+    this.loader = new Loader({
+      title: options.title,
+      tooltip: options.tooltip,
+      onClose: this.close.bind(this)
+    });
+
+    this.addClass('jp-async-toast');
+    widget.addClass('jp-toast-content');
+
+    this.node.appendChild(widget.node);
+    widget.node.appendChild(this.loader.node);
+  }
+
+  start(): Promise<T> {
+    const { action, successMessage, failureMessage } = this.options;
+    const onSuccess = () =>
+      successMessage && this.loader.setSuccessMessage(successMessage);
+
+    let onFailure;
+    if (typeof failureMessage === 'string') {
+      onFailure = () =>
+        failureMessage && this.loader.setFailureMessage(failureMessage);
+    } else {
+      onFailure = () => {
+        if (failureMessage) {
+          return this.loader.setFailureMessage(failureMessage());
+        }
+      };
+    }
+
+    action
+      .then(onSuccess)
+      .catch(onFailure)
+      .then(shouldWait =>
+        shouldWait ? setTimeout(this.close.bind(this), 1500) : this.close()
+      );
+
+    if (this.container) {
+      Widget.attach(this, this.container);
+    }
+
+    return action;
+  }
+
+  private loader: Loader;
+  private container: HTMLDivElement | null;
+}
diff --git a/src/dag-scheduler/components/async-button.tsx b/src/dag-scheduler/components/async-button.tsx
new file mode 100644
index 000000000..4691b5fdf
--- /dev/null
+++ b/src/dag-scheduler/components/async-button.tsx
@@ -0,0 +1,55 @@
+import { Button, ButtonProps, CircularProgress } from '@mui/material';
+import React, { useEffect, useRef, useState } from 'react';
+
+type Props = ButtonProps & {
+  onClick: (...args: any[]) => Promise<void>;
+};
+
+export function AsyncButton(props: Props): JSX.Element {
+  const [isPending, setIsPending] = useState(false);
+  const mountRef = useRef(false);
+
+  const iconProps =
+    props.variant === 'outlined'
+      ? { color: 'primary' }
+      : {
+          style: { color: 'white' }
+        };
+
+  const pendingProps = isPending
+    ? {
+        endIcon: <CircularProgress size={'14px'} {...(iconProps as any)} />
+      }
+    : { startIcon: props.startIcon };
+
+  useEffect(() => {
+    mountRef.current = true;
+
+    return () => {
+      mountRef.current = false;
+    };
+  }, []);
+
+  const handleClick = async () => {
+    try {
+      mountRef.current = true;
+      setIsPending(true);
+      await props.onClick();
+    } catch (error) {
+      console.log(error);
+    }
+
+    if (mountRef.current) {
+      setIsPending(false);
+    }
+  };
+
+  return (
+    <Button
+      {...props}
+      {...pendingProps}
+      onClick={handleClick}
+      disabled={props.disabled || isPending}
+    />
+  );
+}
diff --git a/src/dag-scheduler/components/auto-suggestion/focusable.tsx b/src/dag-scheduler/components/auto-suggestion/focusable.tsx
new file mode 100644
index 000000000..ea519911c
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/focusable.tsx
@@ -0,0 +1,16 @@
+import React, { useEffect, FC, useRef } from 'react';
+
+type Props = {
+  children: React.ReactElement;
+  isSelected: boolean;
+};
+
+export const Focusable: FC<Props> = ({ children, isSelected }) => {
+  const ref = useRef<HTMLLIElement>(null);
+
+  useEffect(() => {
+    isSelected && ref.current?.scrollIntoView();
+  }, [isSelected]);
+
+  return React.cloneElement(children, { ref });
+};
diff --git a/src/dag-scheduler/components/auto-suggestion/index.tsx b/src/dag-scheduler/components/auto-suggestion/index.tsx
new file mode 100644
index 000000000..245a411c0
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/index.tsx
@@ -0,0 +1,295 @@
+import React, { useCallback, useRef, FC } from 'react';
+import { Input, RefHandlers as InputRefHandlers } from './input';
+import { Pills, RefHandlers } from './pills';
+import { NavigableList, RefHandlers as ListRefHander } from './navigable-list';
+import { useOnClickOutside } from '../../hooks/useOnClickOutside';
+import { Contact } from '../../types';
+
+// 50 characters for each name and email should be good enough
+export const REGEX = /^([a-zA-Z][^<>]{1,50})<([^<>]{1,50})>/i;
+
+type Props = {
+  value: Contact[];
+  contacts?: Contact[];
+  onChange: (value: []) => void;
+  onSearch: (value: string) => void;
+};
+
+const AutoSuggestionInput: FC<Props> = ({
+  onChange,
+  onSearch,
+  value: pills,
+  contacts = []
+}) => {
+  const canDelete = useRef(true);
+  const ref = useRef<InputRefHandlers | null>(null);
+  const listRef = useRef<ListRefHander | null>();
+  const nodeRef = useRef<HTMLDivElement | null>(null);
+  const pillsRef = useRef<RefHandlers | null>(null);
+
+  const resetText = useCallback(() => {
+    ref.current?.resetText();
+    onSearch('');
+  }, [ref]);
+
+  const handleEmailAdd = useCallback(
+    (pills: any, ignoreEdits = false) => {
+      const currentIndex = pillsRef.current?.getEditIndex();
+
+      if (!ignoreEdits && currentIndex !== -1) {
+        pills[currentIndex as number] = pills.pop();
+      }
+
+      if (ignoreEdits) {
+        pillsRef.current?.setEditable(-1);
+      } else {
+        pillsRef.current?.reset();
+      }
+
+      resetText();
+      onChange(pills);
+    },
+    [onChange, resetText, pillsRef]
+  );
+
+  const handleClickOutside = useCallback(() => {
+    pillsRef.current?.reset();
+
+    const value = ref.current?.getValue().trim() || '';
+    const [, name, email = value] = value.match(REGEX) || [];
+
+    if (email) {
+      handleEmailAdd([...pills, { email, name }]);
+    }
+  }, [ref, handleEmailAdd, pills]);
+
+  const handleFocus = useCallback(() => {
+    ref.current?.focus();
+    pillsRef.current?.reset();
+  }, [ref, pillsRef]);
+
+  // TODO: Create Keyboard handler map
+  const handleKeyDown = (e: any) => {
+    const { value } = e.target;
+
+    const {
+      getSelectedIndex,
+      getEditIndex,
+      navigate: pillsNavigate,
+      reset: resetInput
+    } = pillsRef.current || ({} as RefHandlers);
+
+    const { getSelectedItem, navigate: listNavigate } =
+      listRef.current || ({} as ListRefHander);
+
+    const index = getSelectedIndex();
+    const editIndex = getEditIndex();
+    const isInRange = index > -1 && index < pills.length;
+
+    switch (e.key) {
+      case 'Tab':
+        if (e.altKey || e.shiftKey) {
+          value ? setValue() : undefined;
+
+          return;
+        }
+
+        value ? setValue() : handlePillRemove(index, true);
+
+        break;
+      case 'Enter':
+        if (value) {
+          return setValue();
+        }
+
+        if (isInRange) {
+          pillsRef.current?.setEditable(index);
+        }
+        break;
+      case 'Backspace':
+        if (value || !canDelete.current) {
+          return;
+        }
+
+        canDelete.current = false;
+        handlePillRemove(pills.length - 1);
+        break;
+      case 'ArrowDown':
+        if (!contacts.length) {
+          return;
+        }
+
+        listNavigate(1);
+        e.preventDefault();
+        break;
+      case 'ArrowUp':
+        if (!contacts.length) {
+          return;
+        }
+
+        listNavigate(-1);
+        e.preventDefault();
+        break;
+      case 'ArrowLeft':
+        if (value || editIndex !== -1) {
+          return;
+        }
+
+        pillsNavigate(-1);
+        ref.current?.focusHidden();
+        break;
+      case 'ArrowRight':
+        if (value || !isInRange || editIndex !== -1) {
+          return;
+        }
+
+        pillsNavigate(1);
+        ref.current?.focusHidden();
+        break;
+      case 'Escape':
+        handleEmailAdd(pills, true);
+
+        break;
+      default:
+        break;
+    }
+
+    function setValue() {
+      const isFunc = listRef.current && typeof getSelectedItem === 'function';
+      const [, name, email = value] = value.trim().match(REGEX) || [];
+      const newEmail = (isFunc ? getSelectedItem() : null) || { name, email };
+
+      if (!newEmail.email.length) {
+        return;
+      }
+
+      resetInput();
+      e.preventDefault();
+      handleEmailAdd([...pills, newEmail]);
+    }
+  };
+
+  // TODO: Create Keyboard handler map and Move handler to child component
+  const handlePillNavigation = (e: any) => {
+    const { getSelectedIndex = () => -1, navigate: pillsNavigate } =
+      pillsRef.current || ({} as RefHandlers);
+
+    const index = getSelectedIndex();
+    const isInRange = index > -1 && index < pills.length;
+
+    switch (e.key) {
+      case 'Backspace':
+        if (!isInRange || !canDelete.current) {
+          return;
+        }
+
+        handlePillRemove(index);
+        canDelete.current = false;
+
+        break;
+      case 'ArrowLeft':
+        pillsNavigate(-1);
+
+        break;
+      case 'ArrowRight':
+        if (getSelectedIndex() < pills.length - 1) {
+          return pillsNavigate(1);
+        }
+
+        pillsRef.current?.reset();
+        setTimeout(() => ref.current?.focus(), 0);
+
+        break;
+      case 'Tab':
+        if (!isInRange) {
+          return;
+        }
+
+        e.preventDefault();
+        pillsRef.current?.reset();
+        setTimeout(() => ref.current?.focus(), 0);
+
+        break;
+      case 'Enter':
+        pillsRef.current?.setEditable(index);
+
+        break;
+      default:
+        break;
+    }
+
+    ref.current?.focusHidden();
+  };
+
+  const handleSuggestionSelect = useCallback(
+    (item: string) => {
+      handleEmailAdd([...pills, item]);
+    },
+    [pills, handleEmailAdd]
+  );
+
+  const handlePillRemove = useCallback(
+    (index: number, ignoreEdits = false) => {
+      const newPills = [...pills];
+
+      newPills.splice(index, 1);
+      handleEmailAdd(newPills, ignoreEdits);
+
+      if (!newPills.length) {
+        setTimeout(() => ref.current?.focus(), 0);
+      }
+    },
+    [ref, pills, handleEmailAdd]
+  );
+
+  const handleHiddenKeyUp = useCallback(
+    (e: KeyboardEvent) => {
+      if (e.key === 'Backspace') {
+        canDelete.current = !!pills.length;
+      }
+    },
+    [pills.length]
+  );
+
+  const handleKeyUp = useCallback(
+    (e: any) => {
+      const { value } = e.target;
+
+      handleHiddenKeyUp(e);
+      onSearch(value);
+    },
+    [handleHiddenKeyUp]
+  );
+
+  useOnClickOutside(nodeRef, handleClickOutside);
+
+  return (
+    <div ref={nodeRef} className="autosuggest" onClick={handleFocus}>
+      <div className="jp-form-group">
+        <div className="jp-form-control">
+          <Pills items={pills} ref={pillsRef} onRemove={handlePillRemove}>
+            <Input
+              ref={ref}
+              onKeyUp={handleKeyUp}
+              onKeyDown={handleKeyDown}
+              showPlaceholder={!pills.length}
+              onHiddenKeyUp={handleHiddenKeyUp}
+              onHiddenKeyDown={handlePillNavigation}
+            />
+          </Pills>
+        </div>
+        <div className="suggestion-wrapper">
+          {ref.current?.getValue().length && contacts.length ? (
+            <NavigableList
+              ref={listRef}
+              items={contacts}
+              onSelect={handleSuggestionSelect}
+            />
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export { AutoSuggestionInput };
diff --git a/src/dag-scheduler/components/auto-suggestion/input.tsx b/src/dag-scheduler/components/auto-suggestion/input.tsx
new file mode 100644
index 000000000..d5dd0414c
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/input.tsx
@@ -0,0 +1,116 @@
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState,
+  FC
+} from 'react';
+
+const MIN_WIDTH = 10;
+const MAX_WIDTH = 250;
+
+type Props = {
+  value: string;
+  onKeyUp: () => void;
+  onFocus: () => void;
+  onKeyDown: () => void;
+  onHiddenKeyUp: () => void;
+  onHiddenKeyDown: () => void;
+  showPlaceholder: boolean;
+};
+
+export type RefHandlers = {
+  focus: () => void;
+  focusHidden: () => void;
+  getValue: () => string;
+  resetText: () => void;
+};
+
+const InputComponent: FC<Props> = (
+  {
+    onKeyUp,
+    onFocus,
+    onKeyDown,
+    value = '',
+    onHiddenKeyUp,
+    onHiddenKeyDown,
+    showPlaceholder = false
+  },
+  ref
+) => {
+  const hiddenRef = useRef<HTMLInputElement | null>(null);
+  const inputRef = useRef<HTMLTextAreaElement | null>(null);
+  const hiddenDivRef = useRef<HTMLDivElement | null>(null);
+  const [currentValue, setCurrentValue] = useState(value);
+
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    focusHidden: () => hiddenRef.current?.focus(),
+    getValue: () => inputRef.current?.value,
+    resetText: () => {
+      setCurrentValue('');
+      inputRef.current?.focus();
+
+      if (hiddenDivRef.current && inputRef.current) {
+        hiddenDivRef.current.innerHTML = '';
+        inputRef.current.style.width = `${MIN_WIDTH}px`;
+      }
+    }
+  }));
+
+  useEffect(() => {
+    if (hiddenDivRef.current) {
+      hiddenDivRef.current.innerText = currentValue;
+    }
+
+    const currentWidth = hiddenDivRef.current?.clientWidth as number;
+    const width =
+      currentWidth <= MAX_WIDTH ? currentWidth + MIN_WIDTH : MAX_WIDTH;
+
+    if (inputRef.current?.value) {
+      inputRef.current.style.width = `${width}px`;
+    }
+  }, [currentValue]);
+
+  useEffect(() => inputRef.current?.select(), [value]);
+
+  const handleChange = (e: any) => {
+    setCurrentValue(e.currentTarget?.value?.replace(/(\r\n|\n|\r)/gm, ''));
+  };
+
+  return (
+    <label htmlFor="input">
+      <div
+        ref={hiddenDivRef}
+        style={{
+          left: '-9999px',
+          position: 'absolute'
+        }}
+      />
+      <textarea
+        rows={1}
+        wrap="off"
+        id="input"
+        ref={inputRef}
+        value={currentValue}
+        onFocus={onFocus}
+        onKeyUp={onKeyUp}
+        onChange={handleChange}
+        onKeyDown={onKeyDown}
+        className={showPlaceholder ? 'placeholder' : ''}
+        placeholder={showPlaceholder ? 'Add people and groups' : ''}
+      />
+      <input
+        tabIndex={-1}
+        ref={hiddenRef}
+        aria-hidden="true"
+        onKeyUp={onHiddenKeyUp}
+        className="hidden-input"
+        onKeyDown={onHiddenKeyDown}
+      />
+    </label>
+  );
+};
+
+export const Input = forwardRef(InputComponent as any) as any;
diff --git a/src/dag-scheduler/components/auto-suggestion/navigable-list.tsx b/src/dag-scheduler/components/auto-suggestion/navigable-list.tsx
new file mode 100644
index 000000000..93da34bd5
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/navigable-list.tsx
@@ -0,0 +1,80 @@
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useState,
+  FC
+} from 'react';
+import { Contact } from '../../types';
+import { Focusable } from './focusable';
+
+type Props = {
+  items: string[];
+  onSelect: (value: string) => void;
+};
+
+export type RefHandlers = {
+  getSelectedItem: () => Contact;
+  navigate: (dir: number) => number;
+};
+
+const getPic = (name: string): string => {
+  const [firstName = '', lastName = ''] = name.split(' ').map(d => d[0]);
+
+  return `${firstName.toUpperCase()}${lastName.toUpperCase()}`;
+};
+
+export const NavigableListComponent: FC<Props> = ({ items, onSelect }, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+
+  const getNextIndex = useCallback(
+    (dir: number) => (index: number) => {
+      const nextIndex = dir + index;
+      const maxIndex = items.length - 1;
+
+      return nextIndex > maxIndex ? 0 : nextIndex < 0 ? maxIndex : nextIndex;
+    },
+    [items]
+  );
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      getSelectedItem: () => items[selectedIndex],
+      navigate: (dir: number) => setSelectedIndex(getNextIndex(dir))
+    }),
+    [items, getNextIndex, selectedIndex]
+  );
+
+  useEffect(() => setSelectedIndex(-1), [items.length]);
+
+  const handleSelect = (d: string, e: any) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    onSelect(d);
+  };
+
+  return (
+    <ul className="suggestions">
+      {items.map((item: any, index) => (
+        <Focusable key={index} isSelected={selectedIndex === index}>
+          <li className={selectedIndex === index ? 'selected' : ''}>
+            <a href="/#" onClick={handleSelect.bind(null, item)}>
+              <div className="profile-pic">
+                {getPic(item.name || item.email)}
+              </div>
+              <div className="suggestion-text">
+                {item.name && <div>{item.name}</div>}
+                <div>{item.email}</div>
+              </div>
+            </a>
+          </li>
+        </Focusable>
+      ))}
+    </ul>
+  );
+};
+
+export const NavigableList = forwardRef(NavigableListComponent as any) as any;
diff --git a/src/dag-scheduler/components/auto-suggestion/pill.tsx b/src/dag-scheduler/components/auto-suggestion/pill.tsx
new file mode 100644
index 000000000..82845d051
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/pill.tsx
@@ -0,0 +1,46 @@
+import React, { FC, useEffect, useState } from 'react';
+import { closeIcon } from '@jupyterlab/ui-components';
+import { validate } from 'email-validator';
+import { Contact } from '../../types';
+import { Focusable } from './focusable';
+
+type Props = {
+  value: Contact;
+  isSelected: boolean;
+  onEdit: () => void;
+  onRemove: () => void;
+  onSelect: () => void;
+};
+
+export const Pill: FC<Props> = ({
+  value,
+  onEdit,
+  onRemove,
+  onSelect,
+  isSelected
+}) => {
+  const [isValid, setIsValid] = useState(true);
+
+  useEffect(() => setIsValid(validate(value.email)), [value.email]);
+
+  const className = [
+    'pill',
+    isValid ? '' : 'invalid',
+    isSelected ? 'selected' : ''
+  ];
+
+  return (
+    <Focusable isSelected={isSelected}>
+      <div
+        onClick={onSelect}
+        onDoubleClick={onEdit}
+        className={className.join(' ')}
+      >
+        <span>{value.name || value.email}</span>
+        <span onClick={onRemove} className="close-icon">
+          <closeIcon.react width={12} height={12} />
+        </span>
+      </div>
+    </Focusable>
+  );
+};
diff --git a/src/dag-scheduler/components/auto-suggestion/pills.tsx b/src/dag-scheduler/components/auto-suggestion/pills.tsx
new file mode 100644
index 000000000..4cfbc7fad
--- /dev/null
+++ b/src/dag-scheduler/components/auto-suggestion/pills.tsx
@@ -0,0 +1,110 @@
+import React, {
+  forwardRef,
+  useEffect,
+  useCallback,
+  useImperativeHandle,
+  useState,
+  FC
+} from 'react';
+import { Pill } from './pill';
+import { usePrevious } from '../../hooks/usePrevious';
+
+type Props = {
+  items: string[];
+  children: React.ReactNode[];
+  onRemove: (index: number) => void;
+};
+
+export type RefHandlers = {
+  reset: () => void;
+  getEditIndex: () => number;
+  getSelectedIndex: () => number;
+  setEditable: (index: number) => void;
+  navigate: (direction: number) => void;
+};
+
+export const PillsComponent: FC<Props> = (
+  { items, children, onRemove },
+  ref
+) => {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const previousLength = usePrevious<number>(items.length);
+  const previousIndex = usePrevious(selectedIndex);
+  const [editIndex, setEditIndex] = useState(-1);
+
+  const getNextIndex = useCallback(
+    (direction: number) => (index: number) => {
+      const nextIndex = direction + index;
+      const maxIndex = items.length - 1;
+
+      return nextIndex < 0
+        ? 0
+        : nextIndex > maxIndex
+        ? maxIndex + 1
+        : nextIndex;
+    },
+    [items]
+  );
+
+  const handleEditPill = useCallback(
+    (index: number) => setEditIndex(index),
+    []
+  );
+  const handlePillSelect = useCallback(
+    (index: number) => setSelectedIndex(index),
+    []
+  );
+
+  useImperativeHandle(ref, () => ({
+    reset: () => {
+      setEditIndex(-1);
+      setSelectedIndex(items.length);
+    },
+    getEditIndex: () => editIndex,
+    getSelectedIndex: () => selectedIndex,
+    setEditable: (index: number) => setEditIndex(index),
+    navigate: (direction: number) => setSelectedIndex(getNextIndex(direction))
+  }));
+
+  useEffect(
+    () =>
+      setSelectedIndex(
+        previousLength > items.length
+          ? Math.max(0, previousIndex - 1)
+          : items.length
+      ),
+    // previousLength & previousIndex are left out intentionally
+    [items.length]
+  );
+
+  return (
+    <ul className="pill-container">
+      {items.map(({ id, name, email }: any, index) => (
+        <li key={index}>
+          {editIndex === index ? (
+            <>
+              {React.cloneElement(
+                // NOTE: Had to cast this to unknown first, then to ReactElement
+                // when we bumped to JupyterLab 4.
+                children as unknown as React.ReactElement,
+                { key: email, value: name ? `${name} <${email}>` : email },
+                null
+              )}
+            </>
+          ) : (
+            <Pill
+              value={{ id, name, email }}
+              onRemove={() => onRemove(index)}
+              isSelected={selectedIndex === index}
+              onEdit={() => handleEditPill(index)}
+              onSelect={() => handlePillSelect(index)}
+            />
+          )}
+        </li>
+      ))}
+      {editIndex === -1 && <li key="child-component">{children}</li>}
+    </ul>
+  );
+};
+
+export const Pills = forwardRef(PillsComponent as any) as any;
diff --git a/src/dag-scheduler/components/badge-chip.tsx b/src/dag-scheduler/components/badge-chip.tsx
new file mode 100644
index 000000000..0ac39506d
--- /dev/null
+++ b/src/dag-scheduler/components/badge-chip.tsx
@@ -0,0 +1,47 @@
+import React, { FC } from 'react';
+
+import { Chip, ChipProps, Theme } from '@mui/material';
+
+import { darken, lighten, useTheme } from '@mui/system';
+
+type ColorProps = Exclude<ChipProps['color'], undefined>;
+
+type BadgeChipProps = {
+  label: string;
+  color: ColorProps;
+};
+
+export const BadgeChip: FC<BadgeChipProps> = ({ label, color }) => {
+  const theme: Theme = useTheme();
+  const contrastFunc = theme.palette.mode === 'light' ? lighten : darken;
+
+  const colotMap: Record<ColorProps, string> = {
+    info: theme.palette.info.light,
+    success: theme.palette.success.light,
+    warning: theme.palette.warning.light,
+    error: theme.palette.error.light,
+    default: theme.palette.grey[400],
+    primary: theme.palette.primary.main,
+    secondary: theme.palette.secondary.light
+  };
+
+  return (
+    <Chip
+      size="small"
+      sx={{
+        '&.MuiChip-root': {
+          height: 20
+        },
+        fontSize: 10,
+        fontWeight: 500,
+        borderRadius: 2,
+        textTransform: 'uppercase',
+        borderColor: contrastFunc(colotMap[color], 0.6),
+        backgroundColor: contrastFunc(colotMap[color], 0.9)
+      }}
+      label={label}
+      color={color}
+      variant="outlined"
+    />
+  );
+};
diff --git a/src/dag-scheduler/components/breadcrumbs.tsx b/src/dag-scheduler/components/breadcrumbs.tsx
new file mode 100644
index 000000000..dfb473653
--- /dev/null
+++ b/src/dag-scheduler/components/breadcrumbs.tsx
@@ -0,0 +1,49 @@
+import { NavigateNextRounded } from '@mui/icons-material';
+import { Link, Breadcrumbs as MuiBreadcrumbs, Typography } from '@mui/material';
+import React, { FC } from 'react';
+import { Link as RouterLink, useLocation } from 'react-router-dom';
+
+const breadcrumbNameMap: { [key: string]: string } = {
+  runs: 'Runs',
+  new: 'Create workflow',
+  'job-definitions': 'Workflows'
+};
+
+export const Breadcrumbs: FC = () => {
+  const location = useLocation();
+  const pathnames = location.pathname.split('/').filter(Boolean);
+
+  if (pathnames.length === 1) {
+    return null;
+  }
+
+  return (
+    <MuiBreadcrumbs
+      sx={{ p: 3 }}
+      aria-label="breadcrumb"
+      separator={<NavigateNextRounded fontSize="small" />}
+    >
+      {pathnames.map((value, index) => {
+        const last = index === pathnames.length - 1;
+        const to = `/${pathnames.slice(0, index + 1).join('/')}`;
+        const displayName = breadcrumbNameMap[value] ?? value;
+
+        return last ? (
+          <Typography color="text.primary" key={to}>
+            {displayName}
+          </Typography>
+        ) : (
+          <Link
+            to={to}
+            key={to}
+            color="primary"
+            underline="hover"
+            component={RouterLink}
+          >
+            {displayName}
+          </Link>
+        );
+      })}
+    </MuiBreadcrumbs>
+  );
+};
diff --git a/src/dag-scheduler/components/confirm-buttons.tsx b/src/dag-scheduler/components/confirm-buttons.tsx
new file mode 100644
index 000000000..dd5e33753
--- /dev/null
+++ b/src/dag-scheduler/components/confirm-buttons.tsx
@@ -0,0 +1,74 @@
+import { Box, Chip, IconButton } from '@mui/material';
+import React, { useState } from 'react';
+import { useTranslator } from '../hooks';
+import CloseIcon from '@mui/icons-material/Close';
+import { AsyncButton } from './async-button';
+
+export function ConfirmButton(props: {
+  onConfirm: () => Promise<void>;
+  confirmationText: string;
+  icon: JSX.Element;
+  name?: string | undefined;
+  remainAfterConfirmation?: boolean;
+  remainText?: string;
+}): JSX.Element | null {
+  const [clicked, setClicked] = useState(false);
+  const [confirmed, setConfirmed] = useState(false);
+
+  const handleClick = async () => {
+    try {
+      if (props.remainAfterConfirmation) {
+        setConfirmed(true);
+      }
+
+      await props.onConfirm();
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  return (
+    <Box sx={{ width: '6em' }}>
+      {clicked ? (
+        props.remainAfterConfirmation && confirmed ? (
+          <Chip label={props.remainText} />
+        ) : (
+          <AsyncButton
+            variant="contained"
+            color="error"
+            title={props.name}
+            onClick={handleClick}
+            onBlur={_ => setClicked(false)}
+            style={{ visibility: clicked ? 'visible' : 'hidden' }}
+          >
+            {props.confirmationText}
+          </AsyncButton>
+        )
+      ) : (
+        <IconButton title={props.name} onClick={_ => setClicked(true)}>
+          {props.icon}
+        </IconButton>
+      )}
+    </Box>
+  );
+}
+
+export function ConfirmDeleteButton(props: {
+  clickHandler: () => Promise<void>;
+  name?: string;
+}): JSX.Element | null {
+  const trans = useTranslator('jupyterlab');
+
+  const buttonTitle = props.name
+    ? trans.__('Delete "%1"', props.name)
+    : trans.__('Delete job');
+
+  return (
+    <ConfirmButton
+      name={buttonTitle}
+      onConfirm={props.clickHandler}
+      confirmationText={trans.__('Delete')}
+      icon={<CloseIcon fontSize="small" />}
+    />
+  );
+}
diff --git a/src/dag-scheduler/components/confirmation-dialog.tsx b/src/dag-scheduler/components/confirmation-dialog.tsx
new file mode 100644
index 000000000..0a0886c40
--- /dev/null
+++ b/src/dag-scheduler/components/confirmation-dialog.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+
+import {
+  Button,
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogContentText,
+  DialogActions
+} from '@mui/material';
+import { useTranslator } from '../hooks';
+
+export const ConfirmDialog = (props: {
+  onConfirm: () => void;
+  onClose: () => void;
+  title: string;
+  dialogText: JSX.Element | string;
+  dialogConfirmText: string;
+  variant?: 'text' | 'contained' | 'outlined';
+  color?: 'error' | 'primary';
+  pendingConfirmText?: string;
+  icon?: JSX.Element;
+  dialogCancelText?: JSX.Element | string;
+}): JSX.Element => {
+  const trans = useTranslator('jupyterlab');
+
+  const handleClose = (_: unknown, reason: string) => {
+    if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
+      return;
+    }
+
+    props.onClose();
+  };
+
+  return (
+    <>
+      <Dialog open onClose={handleClose} fullWidth maxWidth="sm">
+        <DialogTitle>{props.title}</DialogTitle>
+        <DialogContent>
+          <DialogContentText>{props.dialogText}</DialogContentText>
+        </DialogContent>
+        <DialogActions>
+          <Button variant="text" onClick={props.onClose}>
+            {props.dialogCancelText || trans.__('Cancel')}
+          </Button>
+          <Button
+            variant="contained"
+            color={props.color ? props.color : 'primary'}
+            onClick={props.onConfirm}
+          >
+            {props.dialogConfirmText}
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </>
+  );
+};
diff --git a/src/dag-scheduler/components/create-schedule-options.tsx b/src/dag-scheduler/components/create-schedule-options.tsx
new file mode 100644
index 000000000..78f97de98
--- /dev/null
+++ b/src/dag-scheduler/components/create-schedule-options.tsx
@@ -0,0 +1,109 @@
+import React, { useState, useRef } from 'react';
+
+import {
+  FormControlLabel,
+  FormHelperText,
+  InputLabel,
+  Radio,
+  RadioGroup,
+  Typography
+} from '@mui/material';
+import Stack from '@mui/system/Stack';
+
+import { useTranslator } from '../hooks';
+import {
+  defaultScheduleFields,
+  JobSchedule,
+  ModelWithScheduleFields
+} from '../model';
+import { ScheduleInputs } from './schedule-inputs';
+import { Workflows } from '../tokens';
+
+export type CreateScheduleOptionsProps<T extends ModelWithScheduleFields> = {
+  model: T;
+  id: string;
+  label: string;
+  utcOnly?: boolean;
+  required?: boolean;
+  canChangeSchedule?: boolean;
+  errors: Workflows.ErrorsType;
+  handleModelChange: (model: T) => void;
+  handleErrorsChange: (errors: Workflows.ErrorsType) => void;
+};
+
+export function CreateScheduleOptions<T extends ModelWithScheduleFields>(
+  props: CreateScheduleOptionsProps<T>
+): JSX.Element | null {
+  const labelId = `${props.id}-label`;
+  const trans = useTranslator('jupyterlab');
+  const [scheduleOption, setScheduleOption] = useState(
+    props.model.schedule === '@once'
+      ? JobSchedule.RunOnce
+      : JobSchedule.RunOnSchedule
+  );
+  const previousSchedule = useRef(defaultScheduleFields.schedule);
+
+  const handleScheduleOptionsChange = (_: unknown, value: string) => {
+    const schedule =
+      value === JobSchedule.RunOnce ? '@once' : previousSchedule.current;
+
+    const timezone =
+      value === JobSchedule.RunOnce ? 'UTC' : props.model.timezone;
+
+    if (value === JobSchedule.RunOnce) {
+      previousSchedule.current = props.model.schedule;
+    }
+
+    setScheduleOption(value as JobSchedule);
+    props.handleModelChange({ ...props.model, schedule, timezone });
+  };
+
+  return (
+    <Stack spacing={2} mb={2}>
+      <Stack>
+        <InputLabel id={labelId}>
+          {props.label}{' '}
+          {props.required ? null : (
+            <Typography variant="caption">- Optional</Typography>
+          )}
+        </InputLabel>
+        <FormHelperText>
+          *{trans.__('Run once schedule will take few mins to run the job')}
+        </FormHelperText>
+      </Stack>
+      {props.canChangeSchedule ? (
+        <>
+          <RadioGroup
+            value={scheduleOption}
+            aria-labelledby={labelId}
+            onChange={handleScheduleOptionsChange}
+            sx={{
+              mb: 3
+            }}
+          >
+            <FormControlLabel
+              control={<Radio />}
+              value={JobSchedule.RunOnce}
+              label={trans.__('Run once')}
+            />
+            <FormControlLabel
+              control={<Radio />}
+              value={JobSchedule.RunOnSchedule}
+              label={trans.__('Run on a schedule')}
+            />
+          </RadioGroup>
+        </>
+      ) : null}
+      {scheduleOption === JobSchedule.RunOnSchedule && (
+        <ScheduleInputs
+          model={props.model}
+          errors={props.errors}
+          utcOnly={props.utcOnly}
+          idPrefix={`${props.id}-definition-`}
+          handleModelChange={props.handleModelChange}
+          handleErrorsChange={props.handleErrorsChange}
+        />
+      )}
+    </Stack>
+  );
+}
diff --git a/src/dag-scheduler/components/drop-zone.tsx b/src/dag-scheduler/components/drop-zone.tsx
new file mode 100644
index 000000000..16f37e50b
--- /dev/null
+++ b/src/dag-scheduler/components/drop-zone.tsx
@@ -0,0 +1,91 @@
+import { Drag } from '@lumino/dragdrop';
+import React, { FC, useState, useCallback, useEffect, useRef } from 'react';
+
+interface IRootProps {
+  ref: React.RefObject<HTMLDivElement>;
+}
+
+export interface IDropZoneProps {
+  children?: JSX.Element;
+  onDragEnter?: (e: Drag.Event) => any;
+  onDragLeave?: (e: Drag.Event) => any;
+  onDragOver?: (e: Drag.Event) => any;
+  onDrop?: (e: Drag.Event) => any;
+}
+
+interface IReturn {
+  dragHover: boolean;
+  getRootProps: () => IRootProps;
+}
+
+export const useDropzone = (
+  props: Omit<IDropZoneProps, 'children'>
+): IReturn => {
+  const rootRef = useRef<HTMLDivElement>(null);
+  const [dragHover, setDragHover] = useState(false);
+
+  const handleEvent = useCallback(
+    (e: any): void => {
+      e.preventDefault();
+      e.stopPropagation();
+
+      switch (e.type) {
+        case 'lm-dragenter':
+          setDragHover(true);
+          props.onDragEnter?.(e);
+          break;
+        case 'lm-dragleave':
+          setDragHover(false);
+          props.onDragLeave?.(e);
+          break;
+        case 'lm-dragover':
+          setDragHover(true);
+          e.dropAction = e.proposedAction;
+          props.onDragOver?.(e);
+          break;
+        case 'lm-drop':
+          setDragHover(false);
+          props.onDrop?.(e);
+          break;
+      }
+    },
+    [props]
+  );
+
+  useEffect(() => {
+    const node = rootRef.current as HTMLElement;
+
+    node?.addEventListener('lm-dragenter', handleEvent);
+    node?.addEventListener('lm-dragleave', handleEvent);
+    node?.addEventListener('lm-dragover', handleEvent);
+    node?.addEventListener('lm-drop', handleEvent);
+
+    return (): void => {
+      node?.removeEventListener('lm-dragenter', handleEvent);
+      node?.removeEventListener('lm-dragleave', handleEvent);
+      node?.removeEventListener('lm-dragover', handleEvent);
+      node?.removeEventListener('lm-drop', handleEvent);
+    };
+  }, [handleEvent]);
+
+  return {
+    dragHover,
+    getRootProps: (): IRootProps => ({
+      ref: rootRef
+    })
+  };
+};
+
+export const Dropzone: FC<IDropZoneProps> = ({ children, ...rest }) => {
+  const { getRootProps, dragHover } = useDropzone(rest);
+
+  return (
+    <div
+      style={{ height: '100%', width: '100%' }}
+      {...getRootProps()}
+      className={dragHover ? 'draghover' : ''}
+    >
+      {children}
+    </div>
+  );
+};
diff --git a/src/dag-scheduler/components/error-boundary.tsx b/src/dag-scheduler/components/error-boundary.tsx
new file mode 100644
index 000000000..c10ba0d69
--- /dev/null
+++ b/src/dag-scheduler/components/error-boundary.tsx
@@ -0,0 +1,59 @@
+import { Alert, AlertTitle, Stack, Typography } from '@mui/material';
+
+import React from 'react';
+
+interface IErrorBoundaryProps {
+  alertTitle: string;
+  alertMessage: string;
+  detailTitle: string;
+  onClose?: () => void;
+}
+
+interface IErrorBoundaryState {
+  hasError: boolean;
+  error?: unknown;
+}
+
+export class ErrorBoundary extends React.Component<
+  React.PropsWithChildren<IErrorBoundaryProps>,
+  IErrorBoundaryState
+> {
+  constructor(props: IErrorBoundaryProps) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  componentDidCatch(error: unknown, errorInfo: React.ErrorInfo): void {
+    // errorInfo has full stack trace, which we are not using
+    this.setState({ hasError: true, error });
+  }
+
+  render(): React.ReactNode {
+    let errorDetail;
+
+    if (typeof this.state.error === 'string') {
+      errorDetail = this.state.error;
+    } else if (this.state.error instanceof Error) {
+      errorDetail = this.state.error.message;
+    }
+
+    if (this.state.hasError) {
+      return (
+        <Stack spacing={4} p={4}>
+          <Alert severity="error" onClose={this.props.onClose}>
+            <AlertTitle>{this.props.alertTitle}</AlertTitle>
+            {this.props.alertMessage}
+          </Alert>
+          {errorDetail && (
+            <>
+              <Typography variant="h6">{this.props.detailTitle}</Typography>
+              <pre style={{ whiteSpace: 'break-spaces' }}>{errorDetail}</pre>
+            </>
+          )}
+        </Stack>
+      );
+    }
+
+    return this.props.children;
+  }
+}
diff --git a/src/dag-scheduler/components/external-links.tsx b/src/dag-scheduler/components/external-links.tsx
new file mode 100644
index 000000000..964a27b99
--- /dev/null
+++ b/src/dag-scheduler/components/external-links.tsx
@@ -0,0 +1,90 @@
+import React, { FC, useState, useRef } from 'react';
+import { ArrowOutward } from '@mui/icons-material';
+
+import {
+  MenuList,
+  MenuItem,
+  Popper,
+  Paper,
+  Grow,
+  ClickAwayListener,
+  ListItemText,
+  IconButton
+} from '@mui/material';
+
+type ExternalLinksProps<
+  T = { label: string; url: string; description: string }
+> = {
+  label: string;
+  options: T[];
+};
+
+export const ExternalLinks: FC<ExternalLinksProps> = ({ options }) => {
+  const [open, setOpen] = useState(false);
+  const anchorRef = useRef<any>(null);
+
+  const handleToggle = () => {
+    setOpen(prevOpen => !prevOpen);
+  };
+
+  const handleClose = (event: Event) => {
+    if (
+      anchorRef.current &&
+      anchorRef.current.contains(event.target as HTMLElement)
+    ) {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  return (
+    <>
+      <IconButton ref={anchorRef} onClick={handleToggle}>
+        <ArrowOutward fontSize="small" />
+      </IconButton>
+      <Popper
+        sx={{
+          zIndex: 1
+        }}
+        open={open}
+        anchorEl={anchorRef.current}
+        role={undefined}
+        transition
+        disablePortal
+      >
+        {({ TransitionProps, placement }) => (
+          <Grow
+            {...TransitionProps}
+            style={{
+              transformOrigin:
+                placement === 'bottom' ? 'center top' : 'center bottom'
+            }}
+          >
+            <Paper>
+              <ClickAwayListener onClickAway={handleClose}>
+                <MenuList component="div" onClick={() => setOpen(false)}>
+                  {options.map(option => (
+                    <MenuItem
+                      key={option.label}
+                      component="a"
+                      href={option.url}
+                      target="_blank"
+                      title={option.description}
+                    >
+                      <ListItemText
+                        primary={option.label}
+                        style={{ padding: '0 1em' }}
+                      />
+                      <ArrowOutward />
+                    </MenuItem>
+                  ))}
+                </MenuList>
+              </ClickAwayListener>
+            </Paper>
+          </Grow>
+        )}
+      </Popper>
+    </>
+  );
+};
diff --git a/src/dag-scheduler/components/file-preview.tsx b/src/dag-scheduler/components/file-preview.tsx
new file mode 100644
index 000000000..c29204593
--- /dev/null
+++ b/src/dag-scheduler/components/file-preview.tsx
@@ -0,0 +1,95 @@
+import React, { FC, useState } from 'react';
+import { Description, Share, Visibility, Download } from '@mui/icons-material';
+
+import {
+  ListItemText,
+  IconButton,
+  ListItem,
+  ListItemIcon
+} from '@mui/material';
+
+import { useWorkflows } from '../hooks';
+
+type ItemProps = {
+  type: string;
+  fileId: string;
+  fileName: string;
+};
+
+export const FilePreviewItem: FC<ItemProps> = ({ fileId, type, fileName }) => {
+  const { app, api } = useWorkflows();
+  const [hover, setHover] = useState(false);
+
+  const handleOpenPreview = () => {
+    if (!fileId) {
+      return;
+    }
+
+    app.commands.execute('publishing:download', {
+      id: fileId,
+      title: fileName
+    });
+  };
+
+  const handleShare = async () => {
+    if (!fileId) {
+      return;
+    }
+
+    const metadata = await api.getPublishedFileMeta(fileId);
+
+    app.commands.execute('publishing:share', metadata as any);
+  };
+
+  const handleDownload = async () => {
+    if (!fileId) {
+      return;
+    }
+
+    app.commands.execute('workflows:saveFile', { fileId, fileName });
+  };
+
+  return (
+    <ListItem
+      sx={{
+        px: 2,
+        '&:hover': {
+          borderRadius: '2px',
+          backgroundColor: 'var(--jp-border-color2)'
+        }
+      }}
+      disablePadding
+      onMouseEnter={() => setHover(true)}
+      onMouseLeave={() => setHover(false)}
+    >
+      <ListItemIcon sx={{ minWidth: 28 }}>
+        <Description fontSize="medium" />
+      </ListItemIcon>
+      <ListItemText
+        primary={fileName}
+        secondary={type}
+        primaryTypographyProps={{
+          variant: 'subtitle2',
+          style: {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+          }
+        }}
+      />
+      {hover ? (
+        <>
+          <IconButton title="Preview" onClick={handleOpenPreview}>
+            <Visibility fontSize="small" />
+          </IconButton>
+          <IconButton title="Share" onClick={handleShare}>
+            <Share fontSize="small" />
+          </IconButton>
+          <IconButton title="Download" onClick={handleDownload}>
+            <Download fontSize="small" />
+          </IconButton>
+        </>
+      ) : null}
+    </ListItem>
+  );
+};
diff --git a/src/dag-scheduler/components/forms/checkbox-list.tsx b/src/dag-scheduler/components/forms/checkbox-list.tsx
new file mode 100644
index 000000000..f7097f058
--- /dev/null
+++ b/src/dag-scheduler/components/forms/checkbox-list.tsx
@@ -0,0 +1,92 @@
+import React, { FC } from 'react';
+
+import {
+  Checkbox,
+  FormControlLabel,
+  FormHelperText,
+  InputLabel,
+  Stack,
+  Typography
+} from '@mui/material';
+import {
+  Controller,
+  UseControllerProps,
+  useFormContext
+} from 'react-hook-form';
+
+export type CheckboxListProps = {
+  id: string;
+  name: string;
+  label: string;
+  required?: boolean;
+  options: Array<{ value: string; label: string }>;
+} & UseControllerProps;
+
+export const FormInputCheckboxList: FC<CheckboxListProps> = props => {
+  const methods = useFormContext();
+  const { formState } = methods;
+  const isRequired = props.rules?.required || props.rules?.validate;
+
+  // Don't display anything, not even the label, if there are no values
+  if (props.options === null || props.options.length === 0) {
+    return null;
+  }
+
+  return (
+    <Stack>
+      <InputLabel required={props.required}>
+        {props.label}{' '}
+        {isRequired ? null : (
+          <Typography variant="caption">- Optional</Typography>
+        )}
+      </InputLabel>
+      <Stack direction="column" justifyContent="flex-start">
+        {props.options.map((of, idx) => (
+          <FormControlLabel
+            key={idx}
+            label={of.label}
+            sx={{ m: 0 }}
+            control={
+              <Controller
+                {...props}
+                name={props.name}
+                render={({
+                  field: { value, onChange },
+                  fieldState: { error }
+                }) => (
+                  <Checkbox
+                    required={props.required}
+                    id={`${props.id}-${of.value}`}
+                    value={of.value}
+                    sx={{ ml: '-9px' }} // negative margin to ignore the padding for ripple effect animation
+                    onChange={event => {
+                      const currentValue = (value || []) as string[];
+                      const formatName = event.target.value;
+                      const isChecked = event.target.checked;
+
+                      const nextValue = isChecked
+                        ? [...currentValue, formatName]
+                        : currentValue.filter(v => v !== formatName);
+
+                      onChange(nextValue);
+                    }}
+                    style={{ color: error ? 'red' : undefined }}
+                    checked={(value || []).some(
+                      (sof: string) => of.value === sof
+                    )}
+                  />
+                )}
+                control={props.control}
+              />
+            }
+          />
+        ))}
+      </Stack>
+      {formState.errors[props.name] ? (
+        <FormHelperText error>
+          {formState.errors[props.name]?.message as string}
+        </FormHelperText>
+      ) : null}
+    </Stack>
+  );
+};
diff --git a/src/dag-scheduler/components/forms/date-input.tsx b/src/dag-scheduler/components/forms/date-input.tsx
new file mode 100644
index 000000000..7b9a60b99
--- /dev/null
+++ b/src/dag-scheduler/components/forms/date-input.tsx
@@ -0,0 +1,57 @@
+import React, { FC } from 'react';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { Controller, UseControllerProps } from 'react-hook-form';
+import { FormControl, FormLabel, Typography } from '@mui/material';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+
+type FormInputProps = {
+  label: string;
+  required?: boolean;
+  placeholder?: string;
+} & UseControllerProps;
+
+export const FormInputDate: FC<FormInputProps> = ({
+  name,
+  control,
+  label,
+  placeholder,
+  ...rest
+}) => {
+  const isRequired = rest.rules?.required || rest.rules?.validate;
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={'en-us'}>
+      <FormControl
+        component="fieldset"
+        variant="standard"
+        style={{ margin: 0 }}
+      >
+        <FormLabel component="legend" sx={{ mb: 1 }}>
+          {label}{' '}
+          {isRequired ? null : (
+            <Typography variant="caption">- Optional</Typography>
+          )}
+        </FormLabel>
+        <Controller
+          name={name}
+          control={control}
+          render={({ field: { onChange, value } }) => (
+            <DatePicker
+              label={placeholder}
+              value={value}
+              disablePast
+              onChange={onChange}
+              sx={{
+                '& fieldset': { top: 0 },
+                '& legend': { display: 'none' },
+                '& .MuiInputLabel-shrink': { opacity: 0 },
+                '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+              }}
+            />
+          )}
+        />
+      </FormControl>
+    </LocalizationProvider>
+  );
+};
diff --git a/src/dag-scheduler/components/forms/select-box.tsx b/src/dag-scheduler/components/forms/select-box.tsx
new file mode 100644
index 000000000..8c1b03b27
--- /dev/null
+++ b/src/dag-scheduler/components/forms/select-box.tsx
@@ -0,0 +1,140 @@
+import React, { FC } from 'react';
+
+import {
+  FormControl,
+  MenuItem,
+  Select,
+  ListSubheader,
+  SelectChangeEvent,
+  FormHelperText,
+  styled,
+  SelectProps,
+  FormLabel,
+  Typography,
+  InputLabel
+} from '@mui/material';
+import { Controller, UseControllerProps } from 'react-hook-form';
+
+type Option = {
+  value: string;
+  label: string;
+};
+
+type Props = {
+  id: string;
+  name: string;
+  label: string;
+  required?: boolean;
+  readOnly?: boolean;
+  helperText?: string;
+  placeholder?: string;
+  onChange?: (event: SelectChangeEvent<string>) => void;
+} & UseControllerProps &
+  SelectProps<string>;
+
+export type SelectBoxProps = Props & {
+  options: Option[];
+};
+
+export type GroupSelectBoxProps = Props & {
+  options: {
+    groupName: string;
+    items: Option[];
+  }[];
+};
+
+export const CustomSelect = styled(Select as any)<SelectProps<string>>(() => ({
+  '& fieldset': { top: 0 },
+  '& legend': { display: 'none' }
+}));
+
+const SelectComponent: FC<SelectBoxProps | GroupSelectBoxProps> = props => {
+  const labelId = `${props.id}-label`;
+  const isRequired = props.rules?.required || props.rules?.validate;
+
+  return (
+    <FormControl
+      component="fieldset"
+      style={{ margin: 0 }}
+      disabled={props.disabled}
+      sx={{
+        '& .MuiInputLabel-shrink': {
+          display: 'none'
+        }
+      }}
+    >
+      <FormLabel component="legend" focused={false} sx={{ mb: 1 }}>
+        {props.label}{' '}
+        {isRequired ? null : (
+          <Typography variant="caption">- Optional</Typography>
+        )}
+      </FormLabel>
+      <Controller
+        {...props}
+        control={props.control}
+        render={({ field: { onChange, value }, fieldState: { error } }) => (
+          <>
+            <InputLabel sx={{ color: 'var(--jp-border-color0)' }}>
+              {props.placeholder}
+            </InputLabel>
+            <CustomSelect
+              displayEmpty
+              value={value}
+              id={props.id}
+              error={!!error}
+              labelId={labelId}
+              name={props.name}
+              onChange={onChange}
+              placeholder={props.label}
+              readOnly={props.readOnly}
+              // renderValue={(value: string) => {
+              //   // TODO: This is really inconvenient.
+              //   // Figure out a way to show the labels as placeholder
+              //   // and remove this hack
+              //   return value && props.renderValue ? (
+              //     props.renderValue(value)
+              //   ) : (
+              //     <FormLabel error={!!error}>
+              //       {props.placeholder || props.label}
+              //     </FormLabel>
+              //   );
+              // }}
+            >
+              {props.children}
+            </CustomSelect>
+            {error || props.helperText ? (
+              <FormHelperText error={!!error}>
+                {error?.message || props.helperText}
+              </FormHelperText>
+            ) : null}
+          </>
+        )}
+      />
+    </FormControl>
+  );
+};
+
+export const FormInputSelectBox: FC<SelectBoxProps> = props => (
+  <SelectComponent {...props}>
+    {props.options.map((item, idx) => (
+      <MenuItem value={item.value} title={item.label} key={idx}>
+        {item.label}
+      </MenuItem>
+    ))}
+  </SelectComponent>
+);
+
+export const FormInputGroupedSelectBox: FC<GroupSelectBoxProps> = props => (
+  <SelectComponent {...props}>
+    {props.options.map(({ groupName, items }, idx) => {
+      return [
+        <ListSubheader>{groupName}</ListSubheader>,
+        items.map(item => (
+          <MenuItem value={item.value} title={item.label} key={idx}>
+            {item.label}
+          </MenuItem>
+        ))
+      ];
+    })}
+  </SelectComponent>
+);
diff --git a/src/dag-scheduler/components/forms/text-field.tsx b/src/dag-scheduler/components/forms/text-field.tsx
new file mode 100644
index 000000000..2b10351ce
--- /dev/null
+++ b/src/dag-scheduler/components/forms/text-field.tsx
@@ -0,0 +1,66 @@
+import React, { FC } from 'react';
+import { Controller, UseControllerProps } from 'react-hook-form';
+import TextField, { TextFieldProps } from '@mui/material/TextField';
+import { FormControl, FormLabel, Typography, styled } from '@mui/material';
+
+type FormInputProps = TextFieldProps & UseControllerProps;
+
+const CustomTextField = styled(TextField)<TextFieldProps>(({ theme }) => ({
+  '& fieldset': { top: 0 },
+  '& legend': {
+    display: 'none',
+    color: theme.palette.grey,
+    marginBottom: theme.spacing(2)
+  }
+}));
+
+// TODO: Split the props into 2 groups (one for hook-form and one for mui)
+export const FormInputText: FC<FormInputProps> = ({
+  name,
+  label,
+  control,
+  required,
+  helperText,
+  disabled,
+  placeholder,
+  ...rest
+}) => {
+  const isRequired = rest.rules?.required || rest.rules?.validate;
+
+  return (
+    <Controller
+      {...rest}
+      name={name}
+      control={control}
+      render={({ field: { onChange, value }, fieldState: { error } }) => (
+        <FormControl
+          component="fieldset"
+          variant="standard"
+          style={{ margin: 0 }}
+          disabled={disabled}
+          fullWidth={rest.fullWidth}
+        >
+          <FormLabel component="legend" sx={{ mb: 1 }}>
+            {label}{' '}
+            {isRequired ? null : (
+              <Typography variant="caption">- Optional</Typography>
+            )}
+          </FormLabel>
+          <CustomTextField
+            required={required}
+            autoFocus
+            placeholder={placeholder}
+            variant="outlined"
+            onChange={onChange}
+            error={!!error}
+            value={value}
+            name={name}
+            disabled={disabled}
+            helperText={error?.message ?? helperText}
+            {...rest}
+          />
+        </FormControl>
+      )}
+    />
+  );
+};
diff --git a/src/dag-scheduler/components/icons.ts b/src/dag-scheduler/components/icons.ts
new file mode 100644
index 000000000..2a5a69e56
--- /dev/null
+++ b/src/dag-scheduler/components/icons.ts
@@ -0,0 +1,13 @@
+import { LabIcon } from '@jupyterlab/ui-components';
+import workflowsSvgstr from '../../../style/icons/workflows.svg';
+import errorIconSvg from '../../../style/icons/error-icon.svg';
+
+export const workflowsIcon = new LabIcon({
+  name: 'jupyterlab-scheduler:workflows',
+  svgstr: workflowsSvgstr
+});
+
+export const errorIcon = new LabIcon({
+  name: 'failed',
+  svgstr: errorIconSvg
+});
diff --git a/src/dag-scheduler/components/job-definition-row.tsx b/src/dag-scheduler/components/job-definition-row.tsx
new file mode 100644
index 000000000..478b4b76a
--- /dev/null
+++ b/src/dag-scheduler/components/job-definition-row.tsx
@@ -0,0 +1,178 @@
+import React, { useState } from 'react';
+
+import PauseIcon from '@mui/icons-material/Pause';
+import PlayArrowIcon from '@mui/icons-material/PlayArrow';
+import { CircularProgress, IconButton, Link } from '@mui/material';
+import Stack from '@mui/material/Stack';
+import TableRow from '@mui/material/TableRow';
+import TableCell from '@mui/material/TableCell';
+
+import { Scheduler } from '../handler';
+import { useWorkflows, useTranslator } from '../hooks';
+import { ConfirmDeleteButton } from './confirm-buttons';
+import { ExternalLinks } from './external-links';
+import { DeploymentStatus } from '../contants';
+import { ScheduleSummary } from './schedule-summary';
+import { WorkflowStatusBadge } from './status-badge';
+
+function CreatedAt(props: {
+  job: Scheduler.IDescribeJobDefinition;
+}): JSX.Element | null {
+  const create_date: Date | null = props.job.create_time
+    ? new Date(props.job.create_time)
+    : null;
+
+  const create_display_date: string | null = create_date
+    ? create_date.toLocaleString()
+    : null;
+
+  return <>{create_display_date}</>;
+}
+
+// TODO: Refactor Pause/Resume buttons to remove duplicates
+function PauseButton(props: {
+  jobDef: Scheduler.IDescribeJobDefinition;
+  onSuccess: () => void;
+  onFailure: (error: string) => void;
+}): JSX.Element | null {
+  const trans = useTranslator('jupyterlab');
+  const { api } = useWorkflows();
+  const [loading, setLoading] = useState(false);
+  const handleClick = () => {
+    setLoading(true);
+
+    api
+      .pauseJobDefinition(props.jobDef.job_definition_id)
+      .then(() => {
+        setLoading(false);
+        props.onSuccess();
+      })
+      .catch(e => {
+        setLoading(false);
+        props.onFailure(e.message);
+      });
+  };
+
+  if (!props.jobDef.active) {
+    return null;
+  }
+
+  const buttonTitle = props.jobDef.name
+    ? trans.__('Pause "%1"', props.jobDef.name)
+    : trans.__('Pause workflow');
+
+  const isJobDeployed = props.jobDef.status === DeploymentStatus.DEPLOYED;
+
+  return (
+    <IconButton
+      disabled={loading || !isJobDeployed}
+      onClick={handleClick}
+      title={buttonTitle}
+    >
+      {loading ? (
+        <CircularProgress size="17px" />
+      ) : (
+        <PauseIcon fontSize="small" />
+      )}
+    </IconButton>
+  );
+}
+
+function ResumeButton(props: {
+  jobDef: Scheduler.IDescribeJobDefinition;
+  onSuccess: () => void;
+  onFailure: (error: string) => void;
+}): JSX.Element | null {
+  const trans = useTranslator('jupyterlab');
+  const { api } = useWorkflows();
+  const [loading, setLoading] = useState(false);
+  const handleClick = () => {
+    setLoading(true);
+
+    api
+      .resumeJobDefinition(props.jobDef.job_definition_id)
+      .then(() => {
+        setLoading(false);
+        props.onSuccess();
+      })
+      .catch(e => {
+        setLoading(false);
+        props.onFailure(e.message);
+      });
+  };
+
+  if (props.jobDef.active) {
+    return null;
+  }
+
+  const buttonTitle = props.jobDef.name
+    ? trans.__('Resume "%1"', props.jobDef.name)
+    : trans.__('Resume workflow');
+
+  return (
+    <IconButton disabled={loading} onClick={handleClick} title={buttonTitle}>
+      {loading ? (
+        <CircularProgress size="17px" />
+      ) : (
+        <PlayArrowIcon fontSize="small" />
+      )}
+    </IconButton>
+  );
+}
+
+export function buildJobDefinitionRow(
+  jobDef: Scheduler.IDescribeJobDefinition,
+  openJobDefinitionDetail: (jobDefId: string) => unknown,
+  onDelete: (id: string) => Promise<void>,
+  onSuccess: () => void,
+  onFailure: (error: string) => void
+): JSX.Element {
+  const cellContents: React.ReactNode[] = [
+    // name
+    <Link
+      onClick={() => openJobDefinitionDetail(jobDef.job_definition_id)}
+      title={`Open detail view for "${jobDef.name}"`}
+      underline="hover"
+      style={{ minWidth: '150px', maxWidth: '250px' }}
+      className="jp-cell-truncate"
+    >
+      {jobDef.name}
+    </Link>,
+    <span title={jobDef.job_definition_id} className="jp-cell-truncate">
+      {jobDef.job_definition_id}
+    </span>,
+    <WorkflowStatusBadge status={jobDef.status} />,
+    <CreatedAt job={jobDef} />,
+    <ScheduleSummary schedule={jobDef.schedule} />,
+    <ExternalLinks
+      label="External Links"
+      options={jobDef.externalLinks || []}
+    />,
+    <Stack spacing={1} direction="row">
+      <PauseButton
+        jobDef={jobDef}
+        onFailure={onFailure}
+        onSuccess={onSuccess}
+      />
+      <ResumeButton
+        jobDef={jobDef}
+        onFailure={onFailure}
+        onSuccess={onSuccess}
+      />
+      <ConfirmDeleteButton
+        name={jobDef.name}
+        clickHandler={() => onDelete(jobDef.job_definition_id)}
+      />
+    </Stack>
+  ];
+
+  return (
+    <TableRow key={jobDef.job_definition_id} sx={{ cursor: 'pointer' }} hover>
+      {cellContents.map((cellContent, idx) => (
+        <TableCell key={`${jobDef.job_definition_id}-${idx}`}>
+          {cellContent}
+        </TableCell>
+      ))}
+    </TableRow>
+  );
+}
diff --git a/src/dag-scheduler/components/job-row.tsx b/src/dag-scheduler/components/job-row.tsx
new file mode 100644
index 000000000..67eaa4e7e
--- /dev/null
+++ b/src/dag-scheduler/components/job-row.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { Scheduler } from '../handler';
+import { useTranslator } from '../hooks';
+import { Link, TableCell, TableRow } from '@mui/material';
+import { ExternalLinks } from './external-links';
+import { JobStatusBadge } from './status-badge';
+
+function Timestamp(props: { job: Scheduler.IDescribeJob }): JSX.Element | null {
+  const create_date: Date | null = props.job.create_time
+    ? new Date(props.job.create_time)
+    : null;
+
+  const create_display_date: string | null = create_date
+    ? create_date.toLocaleString()
+    : null;
+
+  return <>{create_display_date}</>;
+}
+
+export function buildJobRow(
+  model: Scheduler.IDescribeJob,
+  translateStatus: (status: Scheduler.Status) => string,
+  showDetailView: (jobId: string) => void
+): JSX.Element {
+  const trans = useTranslator('jupyterlab');
+  // TODO: Fix the typings
+  const job = model as any;
+
+  const cellContents: React.ReactNode[] = [
+    <Link
+      underline="hover"
+      onClick={() => showDetailView(job.job_id)}
+      title={trans.__('Open detail view for "%1"', job.name)}
+      style={{ minWidth: '150px', maxWidth: '250px' }}
+    >
+      {job.runId || 'Unknow run'}
+    </Link>,
+    <span title={job.runId} className="jp-cell-truncate">
+      {job.job_id}
+    </span>,
+    <JobStatusBadge status={job.status} />,
+    <Timestamp job={job} />,
+    <ExternalLinks label="External Links" options={job.externalLinks || []} />
+  ];
+
+  return (
+    <TableRow key={job.job_id} sx={{ cursor: 'pointer' }} hover>
+      {cellContents.map((cellContent, idx) => (
+        <TableCell key={`${job.job_id}-${idx}`}>{cellContent}</TableCell>
+      ))}
+    </TableRow>
+  );
+}
diff --git a/src/dag-scheduler/components/json-editor.tsx b/src/dag-scheduler/components/json-editor.tsx
new file mode 100644
index 000000000..029d449cf
--- /dev/null
+++ b/src/dag-scheduler/components/json-editor.tsx
@@ -0,0 +1,112 @@
+import React, { FC, useEffect, useMemo, useRef, useState } from 'react';
+import { Stack, debounce, InputLabel, Typography } from '@mui/material';
+import { CodeEditor } from '@jupyterlab/codeeditor';
+import { Slot } from '@lumino/signaling';
+import { ISharedText, SourceChange } from '@jupyter/ydoc';
+import { tryParse } from '../util';
+import { useWorkflows } from '../hooks';
+
+export type JsonEditorProps = {
+  label?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  initialValue: string;
+  height?: number;
+  width?: number;
+  onChange?: (str: string) => void;
+  onResize?: (width: number, height: number) => void;
+};
+
+export const JsonEditor: FC<JsonEditorProps> = props => {
+  const { editorFactory } = useWorkflows();
+  const editorHostRef = useRef<HTMLDivElement | null>(null);
+  const editorRef = useRef<CodeEditor.IEditor | null>(null);
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const handleResize = useMemo(
+    () =>
+      debounce((width: number, height: number) => {
+        props.onResize?.(width, height);
+      }, 300),
+    []
+  );
+
+  const handleStateChange = useMemo(
+    () =>
+      debounce((input: string) => {
+        setErrorMessage(tryParse(input));
+      }, 300),
+    []
+  );
+
+  useEffect(() => {
+    if (editorHostRef.current && editorFactory) {
+      const editor = editorFactory({
+        config: {
+          lineNumbers: true,
+          smartIndent: true,
+          autoClosingBrackets: true,
+          readOnly: props.readOnly,
+          lineWrap: 'off',
+          lineWrapping: false
+        },
+        host: editorHostRef.current,
+        model: new CodeEditor.Model({ mimeType: 'application/json' })
+      });
+
+      editorRef.current = editor;
+      editor.model.sharedModel.setSource(props.initialValue);
+      handleStateChange(props.initialValue);
+
+      if (props.height && props.width) {
+        editorHostRef.current.style.width = `${props.width}px`;
+        editorHostRef.current.style.height = `${props.height}px`;
+      }
+
+      const resizeObserver = new ResizeObserver(entries => {
+        const height = entries[0].target.clientHeight;
+        const width = entries[0].target.clientWidth;
+
+        handleResize(width, height);
+      });
+
+      resizeObserver.observe(editorHostRef.current);
+    }
+  }, []);
+
+  useEffect(() => {
+    const handler: Slot<ISharedText, SourceChange> = sender => {
+      const newState = sender.getSource();
+
+      props.onChange?.(newState);
+      handleStateChange(newState);
+    };
+
+    const canConnect = editorRef.current && !props.readOnly;
+
+    if (canConnect) {
+      editorRef.current?.model.sharedModel.changed.connect(handler);
+    }
+
+    return () => {
+      canConnect &&
+        editorRef.current?.model.sharedModel.changed.disconnect(handler);
+    };
+  }, [editorRef.current, props.onChange, props.readOnly]);
+
+  const cx = ['jp-scheduler-editor', errorMessage ? 'error' : ''];
+
+  return (
+    <Stack spacing={2}>
+      {props.label ? (
+        <InputLabel>
+          {props.label}{' '}
+          {props.required ? null : (
+            <Typography variant="caption">- Optional</Typography>
+          )}
+        </InputLabel>
+      ) : null}
+      <div ref={editorHostRef} className={cx.join(' ')}></div>
+      {errorMessage ? <span className="error-msg">{errorMessage}</span> : null}
+    </Stack>
+  );
+};
diff --git a/src/dag-scheduler/components/parameters-picker.tsx b/src/dag-scheduler/components/parameters-picker.tsx
new file mode 100644
index 000000000..9bdc9eabe
--- /dev/null
+++ b/src/dag-scheduler/components/parameters-picker.tsx
@@ -0,0 +1,240 @@
+import React, { ChangeEvent } from 'react';
+
+import {
+  Box,
+  Button,
+  IconButton,
+  InputLabel,
+  TextField,
+  Typography
+} from '@mui/material';
+import Stack from '@mui/system/Stack';
+
+import { IJobParameter } from '../model';
+import { useTranslator } from '../hooks';
+import { Workflows } from '../tokens';
+import { Add, Close } from '@mui/icons-material';
+
+export type ParametersPickerProps = {
+  label: string;
+  name: string;
+  id: string;
+  value: IJobParameter[];
+  required?: boolean;
+  errors: Workflows.ErrorsType;
+  options?: string[];
+  onChange: (parameters: IJobParameter[]) => void;
+  handleErrorsChange: (errors: Workflows.ErrorsType) => void;
+};
+
+function parameterNameMatch(elementName: string): number | null {
+  const parameterNameMatch = elementName.match(/^parameter-(\d+)-name$/);
+
+  if (parameterNameMatch === null) {
+    return null;
+  }
+
+  return parseInt(parameterNameMatch[1]);
+}
+
+function parameterValueMatch(elementName: string): number | null {
+  const parameterValueMatch = elementName.match(/^parameter-(\d+)-value$/);
+
+  if (parameterValueMatch === null) {
+    return null;
+  }
+
+  return parseInt(parameterValueMatch[1]);
+}
+
+const FIELD_NAME_REGEX = /^parameter-(\d+)/;
+
+export function ParametersPicker(props: ParametersPickerProps): JSX.Element {
+  const trans = useTranslator('jupyterlab');
+
+  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {
+    const target = event.target;
+    const newParams = props.value || [];
+    const parameterNameIdx = parameterNameMatch(target.name);
+    const parameterValueIdx = parameterValueMatch(target.name);
+
+    if (parameterNameIdx !== null) {
+      newParams[parameterNameIdx].name = target.value;
+    } else if (parameterValueIdx !== null) {
+      newParams[parameterValueIdx].value = target.value;
+    }
+
+    props.onChange(newParams);
+  };
+
+  const updateErrors = (errors: Record<string, string>) => {
+    // Remove all parameter field errors so when a field is deleted,
+    // error associated with it is also removed
+    const existingErrors = Object.keys(props.errors)
+      .filter(key => !FIELD_NAME_REGEX.test(key))
+      .reduce((result, key) => ({ ...result, [key]: props.errors[key] }), {});
+
+    props.handleErrorsChange({
+      ...existingErrors,
+      ...errors
+    });
+  };
+
+  const checkParameterIndex = (idx: number) => {
+    const param = props.value[idx];
+    // If the parameter is not defined (such as if it was just created) then treat it
+    // as invalid.
+    const nameInvalid = param === undefined ? true : param.name === '';
+    const valueInvalid = param === undefined ? true : param.value === '';
+
+    updateErrors({
+      [`parameter-${idx}-name`]: nameInvalid
+        ? trans.__('No name specified for this parameter.')
+        : '',
+      [`parameter-${idx}-value`]: valueInvalid
+        ? trans.__('No value specified for this parameter.')
+        : ''
+    });
+  };
+
+  const checkParameterElement = (
+    e: EventTarget & (HTMLInputElement | HTMLTextAreaElement)
+  ) => {
+    const paramInputName = e.name;
+    const paramMatch = paramInputName.match(/^parameter-(\d+)/);
+
+    if (!paramMatch || paramMatch.length < 2) {
+      return; // Invalid parameter name; should not happen
+    }
+
+    checkParameterIndex(parseInt(paramMatch[1]));
+  };
+
+  const removeParameter = (idx: number) => {
+    const newErrors: Record<string, string> = {};
+    const newParams = props.value || [];
+
+    newParams.splice(idx, 1);
+
+    Object.keys(props.errors).forEach(formKey => {
+      const paramMatch = formKey.match(FIELD_NAME_REGEX);
+      const paramIdx =
+        paramMatch && paramMatch.length >= 2 ? parseInt(paramMatch[1]) : -1;
+
+      if (paramIdx === -1 || paramIdx < idx) {
+        // restore errors associated with params before deleted param and all
+        // other form fields
+        newErrors[formKey] = props.errors[formKey];
+
+        return;
+      }
+
+      if (paramIdx === idx) {
+        // ignore errors associated with deleted param
+        return;
+      }
+
+      // otherwise, restore errors with params after deleted param by offsetting
+      // their index by -1
+      newErrors[`parameter-${paramIdx - 1}-name`] =
+        props.errors[`parameter-${paramIdx}-name`];
+    });
+
+    props.onChange(newParams);
+    updateErrors(newErrors);
+  };
+
+  const addParameter = () => {
+    const newParams = props.value || [];
+
+    newParams.push({ name: '', value: '' });
+    props.onChange(newParams);
+  };
+
+  const anyErrors = Object.keys(props.errors).some(
+    key => key.indexOf('parameter') > -1 && !!props.errors[key]
+  );
+
+  return (
+    <Stack spacing={2}>
+      <InputLabel>
+        {props.label}{' '}
+        {props.required ? null : (
+          <Typography variant="caption">- Optional</Typography>
+        )}
+      </InputLabel>
+      {props.value.map((param, paramIdx) => {
+        const nameHasError = !!props.errors[`parameter-${paramIdx}-name`];
+        const valueHasError = !!props.errors[`parameter-${paramIdx}-value`];
+        return (
+          <Box
+            gap={1}
+            key={paramIdx}
+            display="flex"
+            flexWrap="nowrap"
+            alignItems="flex-start"
+          >
+            <TextField
+              name={`parameter-${paramIdx}-name`}
+              value={param.name}
+              type="text"
+              placeholder={trans.__('Name')}
+              onBlur={e => checkParameterElement(e.target)}
+              error={nameHasError}
+              helperText={props.errors[`parameter-${paramIdx}-name`] ?? ''}
+              onChange={handleInputChange}
+              FormHelperTextProps={{ sx: { maxWidth: 'fit-content' } }}
+              style={{ flexGrow: 1 }}
+            />
+            <TextField
+              name={`parameter-${paramIdx}-value`}
+              value={param.value}
+              type="text"
+              placeholder={trans.__('Value')}
+              onBlur={e => checkParameterElement(e.target)}
+              error={valueHasError}
+              helperText={props.errors[`parameter-${paramIdx}-value`] ?? ''}
+              onChange={handleInputChange}
+              FormHelperTextProps={{ sx: { maxWidth: 'fit-content' } }}
+              style={{ flexGrow: 1 }}
+            />
+            <IconButton
+              aria-label="delete"
+              onClick={() => removeParameter(paramIdx)}
+              title={trans.__('Delete this parameter')}
+              sx={{ lineHeight: 0, mt: 3 }}
+            >
+              <Close />
+            </IconButton>
+          </Box>
+        );
+      })}
+      {/* A one-item cluster to prevent the add-param button from being as wide as the widget */}
+      <Stack
+        direction="row"
+        justifyContent="flex-start"
+        sx={{
+          color: 'text.secondary'
+        }}
+      >
+        <Button
+          variant="text"
+          color="inherit"
+          startIcon={<Add />}
+          disabled={anyErrors}
+          onClick={(e: React.MouseEvent) => {
+            // Assume the parameter will be added at the end.
+            const newParamIdx = props.value.length;
+
+            addParameter();
+            checkParameterIndex(newParamIdx);
+            return false;
+          }}
+          title={trans.__('Add new parameter')}
+        >
+          {trans.__('Add')}
+        </Button>
+      </Stack>
+    </Stack>
+  );
+}
diff --git a/src/dag-scheduler/components/run-status.tsx b/src/dag-scheduler/components/run-status.tsx
new file mode 100644
index 000000000..72a56e5f5
--- /dev/null
+++ b/src/dag-scheduler/components/run-status.tsx
@@ -0,0 +1,31 @@
+import React, { FC } from 'react';
+import { RunStatus } from '../model';
+import {
+  BlockRounded,
+  CheckCircleOutlineRounded,
+  ErrorOutlineRounded,
+  LoopRounded,
+  StopCircleRounded
+} from '@mui/icons-material';
+
+type Props = {
+  status?: RunStatus;
+};
+
+const TaskStatusComponent: FC<Props> = ({ status = RunStatus.RUNNING }) => {
+  switch (status) {
+    case RunStatus.COMPLETED:
+      return <CheckCircleOutlineRounded color="success" />;
+    case RunStatus.FAILED:
+      return <ErrorOutlineRounded color="error" />;
+    case RunStatus.STOPPING:
+      return <StopCircleRounded color="warning" />;
+    case RunStatus.IN_PROGRESS:
+    case RunStatus.RUNNING:
+      return <LoopRounded color="info" />;
+    default:
+      return <BlockRounded color="disabled" />;
+  }
+};
+
+export default TaskStatusComponent;
diff --git a/src/dag-scheduler/components/schedule-inputs.tsx b/src/dag-scheduler/components/schedule-inputs.tsx
new file mode 100644
index 000000000..5b5741cd9
--- /dev/null
+++ b/src/dag-scheduler/components/schedule-inputs.tsx
@@ -0,0 +1,613 @@
+import React, { useEffect, useMemo } from 'react';
+import { TranslationBundle } from '@jupyterlab/translation';
+
+import cronstrue from 'cronstrue';
+
+import {
+  Autocomplete,
+  FormControl,
+  FormHelperText,
+  InputLabel,
+  Link,
+  MenuItem,
+  Select,
+  SelectChangeEvent,
+  Stack,
+  TextField,
+  Typography
+} from '@mui/material';
+
+import { useTranslator } from '../hooks';
+import {
+  ScheduleInterval,
+  ModelWithScheduleFields,
+  defaultScheduleFields
+} from '../model';
+
+export type ErrorsWithScheduleFields = {
+  schedule?: string;
+  scheduleClock?: string;
+  scheduleMinute?: string;
+  scheduleMonthDay?: string;
+  scheduleWeekDay?: string;
+};
+
+export type ScheduleInputsProps<
+  M extends ModelWithScheduleFields,
+  E extends ErrorsWithScheduleFields
+> = {
+  idPrefix: string;
+  model: M;
+  handleModelChange: (model: M) => void;
+  errors: E;
+  handleErrorsChange: (errors: E) => void;
+  utcOnly?: boolean;
+};
+
+const emptyScheduleErrors: Record<keyof ErrorsWithScheduleFields, ''> = {
+  schedule: '',
+  scheduleClock: '',
+  scheduleMinute: '',
+  scheduleMonthDay: '',
+  scheduleWeekDay: ''
+};
+
+const fieldKeys = [
+  'schedule',
+  'scheduleClock',
+  'scheduleMinute',
+  'scheduleMonthDay',
+  'scheduleWeekDay'
+] as const;
+
+/**
+ * Maps schedule field keys to the intervals in which they may appear.
+ */
+const intervalsByFieldKey: Record<
+  keyof ErrorsWithScheduleFields,
+  ScheduleInterval[]
+> = {
+  schedule: ['custom'],
+  scheduleClock: ['day', 'week', 'weekday', 'month'],
+  scheduleMinute: ['hour'],
+  scheduleMonthDay: ['month'],
+  scheduleWeekDay: ['week']
+};
+
+const supportedTimeZones = [
+  'Asia/Kolkata',
+  'Asia/Shanghai',
+  'Asia/Singapore',
+  'Asia/Tel_Aviv',
+  'Australia/Sydney',
+  'Europe/Berlin',
+  'Europe/Dublin',
+  'Europe/London',
+  'Europe/Paris',
+  'US/Central',
+  'US/Eastern',
+  'US/Pacific',
+  'UTC'
+];
+
+export function ScheduleInputs<
+  M extends ModelWithScheduleFields,
+  E extends ErrorsWithScheduleFields
+>(props: ScheduleInputsProps<M, E>): JSX.Element | null {
+  const trans = useTranslator('jupyterlab');
+  const validator = useMemo(() => new ScheduleValidator(trans), [trans]);
+  const timezones = useMemo(() => supportedTimeZones.sort(), []);
+  const timezoneLabel = trans.__('Time zone');
+
+  // maps validator method to each field keys
+  const validatorsByFieldKey = useMemo(
+    () => ({
+      schedule: validator.validateCron.bind(validator),
+      scheduleClock: validator.validateClock.bind(validator),
+      scheduleMinute: validator.validateMinute.bind(validator),
+      scheduleWeekDay: validator.validateWeekDay.bind(validator),
+      scheduleMonthDay: validator.validateMonthDay.bind(validator)
+    }),
+    [validator]
+  );
+
+  // validates all schedule fields
+  const validateScheduleFields = (model: ModelWithScheduleFields) => {
+    const newErrors = { ...props.errors };
+    for (const fieldKey of fieldKeys) {
+      const validator = validatorsByFieldKey[fieldKey];
+
+      // if this field doesn't have a validator, or if the current schedule
+      // interval doesn't render this field, then clear validation errors.
+      if (
+        !validator ||
+        !intervalsByFieldKey[fieldKey].includes(model.scheduleInterval)
+      ) {
+        newErrors[fieldKey] = '';
+        continue;
+      }
+
+      // otherwise validate the current field.
+      newErrors[fieldKey] = validator(model[fieldKey]);
+    }
+
+    props.handleErrorsChange(newErrors);
+  };
+
+  /**
+   * Effect:
+   * - whenever component is mounted, validate all schedule fields
+   * - whenever component is unmounted, remove all schedule fields from errors object
+   */
+  useEffect(() => {
+    validateScheduleFields(props.model);
+
+    return () => {
+      props.handleErrorsChange({
+        ...props.errors,
+        ...emptyScheduleErrors
+      });
+    };
+  }, []);
+
+  /**
+   * Effect: compute derived state on change in fields state
+   * - when using easy scheduling, props.model.schedule is derived from the other fields
+   * - otherwise, the other fields are derived from props.model.schedule
+   */
+  useEffect(() => {
+    if (props.model.scheduleInterval === 'custom') {
+      const [minute, hour, monthDay, , weekDay] = parseCron(
+        props.model.schedule
+      );
+
+      props.handleModelChange({
+        ...props.model,
+        scheduleClock: toClock(hour, minute),
+        scheduleMinute: `${minute}`,
+        scheduleMonthDay: `${monthDay}`,
+        scheduleWeekDay: `${weekDay}`
+      });
+    } else {
+      props.handleModelChange({
+        ...props.model,
+        schedule: toCron(props.model)
+      });
+    }
+  }, [
+    props.model.scheduleInterval,
+    props.model.schedule,
+    props.model.scheduleMinute,
+    props.model.scheduleClock,
+    props.model.scheduleMonthDay,
+    props.model.scheduleWeekDay
+  ]);
+
+  const handleChange = (
+    e:
+      | SelectChangeEvent
+      | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
+    const newModel = {
+      ...props.model,
+      [e.target.name]: e.target.value
+    };
+    props.handleModelChange(newModel);
+    validateScheduleFields(newModel);
+  };
+
+  const handleTimezoneChange = (e: unknown, value: string | null) => {
+    props.handleModelChange({
+      ...props.model,
+      timezone: value ?? defaultScheduleFields.timezone
+    });
+  };
+
+  const intervalLabelId = `${props.idPrefix}interval-label`;
+  const intervalLabelText = trans.__('Interval');
+
+  const dayOfWeekLabelId = `${props.idPrefix}dayofweek-label`;
+  const dayOfWeekText = trans.__('Day of the week');
+
+  const monthDayHelperText = useMemo(() => {
+    const monthDay = parseInt(props.model.scheduleMonthDay);
+
+    return !isNaN(monthDay) && monthDay > 28
+      ? trans.__(
+          'The job will not run in months with fewer than %1 days',
+          props.model.scheduleMonthDay
+        )
+      : '1–31';
+  }, [trans, props.model.scheduleMonthDay]);
+
+  const clockHelperText = useMemo(() => {
+    const [hours, minutes] = parseClock(props.model.scheduleClock);
+
+    if (hours === undefined || minutes === undefined) {
+      return trans.__('00:00-23:59');
+    }
+
+    const displayHours = hours % 12 === 0 ? '12' : hours % 12;
+    const displayMinutes = minutes < 10 ? '0' + minutes : minutes;
+
+    if (hours < 12) {
+      return trans.__('%1:%2 AM', displayHours, displayMinutes);
+    } else {
+      return trans.__('%1:%2 PM', displayHours, displayMinutes);
+    }
+  }, [trans, props.model.scheduleClock]);
+
+  const scheduleHelperText = useMemo(() => {
+    try {
+      return cronstrue.toString(props.model.schedule);
+    } catch (e) {
+      return '';
+    }
+  }, [props.model.schedule]);
+
+  const tzOffsetHours = new Date().getTimezoneOffset() / 60;
+  let tzMessage;
+  if (tzOffsetHours === 0) {
+    tzMessage = trans.__('Specify time in UTC (local time)');
+  } else if (tzOffsetHours === -1) {
+    tzMessage = trans.__(
+      'Specify time in UTC (subtract 1 hour from local time)'
+    );
+  } else if (tzOffsetHours < 0) {
+    tzMessage = trans.__(
+      'Specify time in UTC (subtract %1 hours from local time)',
+      -tzOffsetHours
+    );
+  } else if (tzOffsetHours === 1) {
+    tzMessage = trans.__('Specify time in UTC (add 1 hour to local time)');
+  } else if (tzOffsetHours > 0) {
+    tzMessage = trans.__(
+      'Specify time in UTC (add %1 hours to local time)',
+      tzOffsetHours
+    );
+  }
+
+  const timezonePicker = props.utcOnly ? (
+    <Typography paragraph>
+      {tzMessage}
+      <br />
+      {trans.__(
+        'Schedules in UTC are affected by daylight saving time or summer time changes'
+      )}
+    </Typography>
+  ) : (
+    <Autocomplete
+      id={`${props.idPrefix}timezone`}
+      options={timezones}
+      value={props.model.timezone}
+      onChange={handleTimezoneChange}
+      renderInput={(params: any) => (
+        <TextField
+          {...params}
+          name="timezone"
+          label={timezoneLabel}
+          variant="outlined"
+        />
+      )}
+    />
+  );
+
+  const clockInput = (
+    <TextField
+      label={trans.__('Time')}
+      name="scheduleClock"
+      value={props.model.scheduleClock}
+      onChange={handleChange}
+      error={!!props.errors.scheduleClock}
+      helperText={props.errors.scheduleClock || clockHelperText}
+    />
+  );
+
+  const cronTips = (
+    <Typography paragraph>
+      <Link
+        underline="hover"
+        href="https://www.gnu.org/software/mcron/manual/html_node/Crontab-file.html"
+        target="_blank"
+      >
+        {trans.__('Get help with cron syntax')}
+      </Link>
+    </Typography>
+  );
+
+  return (
+    <Stack gap={2}>
+      <FormControl>
+        <InputLabel id={intervalLabelId}>{intervalLabelText}</InputLabel>
+        <Select
+          labelId={intervalLabelId}
+          label={intervalLabelText}
+          variant="outlined"
+          id={`${props.idPrefix}interval`}
+          name="scheduleInterval"
+          value={props.model.scheduleInterval}
+          onChange={handleChange}
+        >
+          <MenuItem value={'hour'}>{trans.__('Hour')}</MenuItem>
+          <MenuItem value={'day'}>{trans.__('Day')}</MenuItem>
+          <MenuItem value={'week'}>{trans.__('Week')}</MenuItem>
+          <MenuItem value={'weekday'}>{trans.__('Weekday')}</MenuItem>
+          <MenuItem value={'month'}>{trans.__('Month')}</MenuItem>
+          <MenuItem value={'custom'}>{trans.__('Custom schedule')}</MenuItem>
+        </Select>
+      </FormControl>
+      {props.model.scheduleInterval === 'hour' && (
+        <>
+          <TextField
+            label={trans.__('Minutes past the hour')}
+            name="scheduleMinute"
+            value={props.model.scheduleMinute}
+            onChange={handleChange}
+            error={!!props.errors.scheduleMinute}
+            helperText={props.errors.scheduleMinute || trans.__('0–59')}
+          />
+        </>
+      )}
+      {props.model.scheduleInterval === 'week' && (
+        <>
+          <FormControl error={!!props.errors.scheduleWeekDay}>
+            <InputLabel id={dayOfWeekLabelId}>{dayOfWeekText}</InputLabel>
+            <Select
+              labelId={dayOfWeekLabelId}
+              label={dayOfWeekText}
+              variant="outlined"
+              id={`${props.idPrefix}dayOfWeek`}
+              name="scheduleWeekDay"
+              value={props.model.scheduleWeekDay}
+              onChange={handleChange}
+            >
+              <MenuItem value={'1'}>{trans.__('Monday')}</MenuItem>
+              <MenuItem value={'2'}>{trans.__('Tuesday')}</MenuItem>
+              <MenuItem value={'3'}>{trans.__('Wednesday')}</MenuItem>
+              <MenuItem value={'4'}>{trans.__('Thursday')}</MenuItem>
+              <MenuItem value={'5'}>{trans.__('Friday')}</MenuItem>
+              <MenuItem value={'6'}>{trans.__('Saturday')}</MenuItem>
+              <MenuItem value={'0'}>{trans.__('Sunday')}</MenuItem>
+            </Select>
+            <FormHelperText>
+              {props.errors.scheduleWeekDay || ''}
+            </FormHelperText>
+          </FormControl>
+          {clockInput}
+          {timezonePicker}
+        </>
+      )}
+      {(props.model.scheduleInterval === 'weekday' ||
+        props.model.scheduleInterval === 'day') && (
+        <>
+          {clockInput}
+          {timezonePicker}
+        </>
+      )}
+      {props.model.scheduleInterval === 'month' && (
+        <>
+          <TextField
+            label={trans.__('Day of the month')}
+            name="scheduleMonthDay"
+            value={props.model.scheduleMonthDay}
+            onChange={handleChange}
+            error={!!props.errors.scheduleMonthDay}
+            helperText={props.errors.scheduleMonthDay || monthDayHelperText}
+          />
+          {clockInput}
+          {timezonePicker}
+        </>
+      )}
+      {props.model.scheduleInterval === 'custom' && (
+        <>
+          <TextField
+            label={trans.__('cron expression')}
+            variant="outlined"
+            onChange={handleChange}
+            value={props.model.schedule}
+            id={`${props.idPrefix}schedule`}
+            name="schedule"
+            error={!!props.errors.schedule}
+            helperText={props.errors.schedule || scheduleHelperText}
+          />
+          {cronTips}
+          {timezonePicker}
+        </>
+      )}
+    </Stack>
+  );
+}
+
+function parseClock(input: string): [number | undefined, number | undefined] {
+  // Allow h:mm or hh:mm
+  const timeRegex = /^(\d\d?):(\d\d)$/;
+  const timeResult = timeRegex.exec(input);
+
+  let hours: number | undefined = undefined;
+  let minutes: number | undefined = undefined;
+
+  if (timeResult) {
+    hours = parseInt(timeResult[1]);
+    minutes = parseInt(timeResult[2]);
+  }
+
+  return [hours, minutes];
+}
+
+// Converts hours and minutes to hh:mm format
+function toClock(hours: number, minutes: number): string {
+  return (
+    (hours < 10 ? '0' + hours : hours) +
+    ':' +
+    (minutes < 10 ? '0' + minutes : minutes)
+  );
+}
+
+type CronTerms = [number, number, number, number, number];
+
+/**
+ * Extracts cron terms and coerces them into an array of numbers. Ranges are
+ * coerced by their first term, e.g. "12-34" is coerced to 12.
+ */
+function parseCron(schedule: string): CronTerms {
+  // default values are all valid and should match model.ts
+  const parsedTerms: CronTerms = [0, 0, 1, 1, 1];
+
+  const terms = /(\S*) (\S*) (\S*) (\S*) (\S*)/.exec(schedule.trim());
+
+  if (!terms || terms.length < 6) {
+    return parsedTerms;
+  }
+
+  for (let i = 0; i < 5; i++) {
+    const parsed = parseInt(terms[i + 1]);
+    if (!isNaN(parsed)) {
+      parsedTerms[i] = parsed;
+    }
+  }
+
+  return parsedTerms;
+}
+
+export function cronToSchedule(cron: string): ModelWithScheduleFields {
+  const [minute, hour, monthDay, , weekDay] = parseCron(cron);
+
+  return {
+    schedule: cron,
+    scheduleClock: toClock(hour, minute),
+    scheduleMinute: `${minute}`,
+    scheduleMonthDay: `${monthDay}`,
+    scheduleWeekDay: `${weekDay}`,
+    timezone: '',
+    scheduleInterval: 'custom'
+  };
+}
+
+/**
+ * Accepts the model and returns its equivalent cron expression.
+ */
+function toCron(model: ModelWithScheduleFields): string {
+  if (model.scheduleInterval === 'custom') {
+    return model.schedule;
+  }
+
+  if (model.scheduleInterval === 'hour') {
+    const minute = model.scheduleMinute;
+    return `${minute} * * * *`;
+  }
+
+  // other intervals always use clock, so parse it
+  const [hour, minute] = parseClock(model.scheduleClock);
+  // leave schedule untouched if invalid clock; validation errors should prevent
+  // submission anyways.
+  if (hour === undefined || minute === undefined) {
+    return model.schedule;
+  }
+
+  switch (model.scheduleInterval) {
+    case 'day': {
+      return `${minute} ${hour} * * *`;
+    }
+    case 'week': {
+      const weekDay = model.scheduleWeekDay;
+      return `${minute} ${hour} * * ${weekDay}`;
+    }
+    case 'weekday':
+      return `${minute} ${hour} * * MON-FRI`;
+    case 'month': {
+      const monthDay = model.scheduleMonthDay;
+      return `${minute} ${hour} ${monthDay} * *`;
+    }
+  }
+}
+
+/**
+ * Accepts a translation bundle in its constructor and returns the appropriate
+ * error message. If no errors are present, the methods return an empty string.
+ */
+export class ScheduleValidator {
+  trans: TranslationBundle;
+
+  constructor(trans: TranslationBundle) {
+    this.trans = trans;
+  }
+
+  validateClock(input: string): string {
+    const errorMessage = this.trans.__('Time must be in hh:mm format');
+
+    const [hours, minutes] = parseClock(input);
+
+    if (
+      hours === undefined ||
+      minutes === undefined ||
+      hours < 0 ||
+      hours > 23 ||
+      minutes < 0 ||
+      minutes > 59
+    ) {
+      return errorMessage;
+    }
+
+    return '';
+  }
+
+  validateMinute(input: string): string {
+    const errorMessage = this.trans.__('Minute must be between 0 and 59');
+    const minuteRegex = /^(\d\d?)$/;
+    const minuteResult = minuteRegex.exec(input);
+
+    let minutes;
+    if (minuteResult) {
+      minutes = parseInt(minuteResult[1]);
+    }
+
+    if (minutes === undefined || minutes < 0 || minutes > 59) {
+      return errorMessage;
+    }
+
+    return ''; // No error
+  }
+
+  validateMonthDay(input: string): string {
+    const errorMessage = this.trans.__(
+      'Day of the month must be between 1 and 31'
+    );
+
+    const monthDayRegex = /^(\d\d?)$/;
+    const monthDayResult = monthDayRegex.exec(input);
+
+    let monthDay;
+    if (monthDayResult) {
+      monthDay = parseInt(monthDayResult[1]);
+    }
+
+    if (monthDay === undefined || monthDay < 1 || monthDay > 31) {
+      return errorMessage;
+    }
+
+    return ''; // No error
+  }
+
+  validateWeekDay(input: string): string {
+    const errorMessage = this.trans.__(
+      'Day of the week must be between Monday and Sunday'
+    );
+
+    // OK to compare single chars by lexicographical order
+    if (input.length !== 1 || input < '0' || input > '6') {
+      return errorMessage;
+    }
+
+    return '';
+  }
+
+  validateCron(schedule: string): string {
+    try {
+      cronstrue.toString(schedule);
+      // No error
+      return '';
+    } catch {
+      return this.trans.__('You must provide a valid cron expression.');
+    }
+  }
+}
diff --git a/src/dag-scheduler/components/schedule-summary.tsx b/src/dag-scheduler/components/schedule-summary.tsx
new file mode 100644
index 000000000..a6e971e12
--- /dev/null
+++ b/src/dag-scheduler/components/schedule-summary.tsx
@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+
+import cronstrue from 'cronstrue';
+
+type Props = {
+  schedule: string | undefined;
+};
+
+export const ScheduleSummary: FC<Props> = props => {
+  if (props.schedule === undefined) {
+    return null;
+  }
+
+  if (props.schedule.toLocaleLowerCase() === '@once') {
+    return <>{props.schedule}</>;
+  }
+
+  return <>{cronstrue.toString(props.schedule)}</>;
+};
diff --git a/src/dag-scheduler/components/split-button.tsx b/src/dag-scheduler/components/split-button.tsx
new file mode 100644
index 000000000..e891e737f
--- /dev/null
+++ b/src/dag-scheduler/components/split-button.tsx
@@ -0,0 +1,78 @@
+import React, { FC, useState, useRef } from 'react';
+import { ArrowDropDown } from '@mui/icons-material';
+
+import {
+  MenuList,
+  Popper,
+  Paper,
+  Grow,
+  ButtonGroup,
+  ClickAwayListener,
+  Button,
+  useTheme
+} from '@mui/material';
+
+type SplitButtonProps = {
+  defaultAction: JSX.Element;
+  children: JSX.Element[];
+};
+
+export const SplitButton: FC<SplitButtonProps> = props => {
+  const [open, setOpen] = useState(false);
+  const theme = useTheme();
+  const anchorRef = useRef<HTMLDivElement>(null);
+
+  const handleToggle = () => {
+    setOpen(prevOpen => !prevOpen);
+  };
+
+  const handleClose = (event: Event) => {
+    if (
+      anchorRef.current &&
+      anchorRef.current.contains(event.target as HTMLElement)
+    ) {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  return (
+    <>
+      <ButtonGroup size="small" ref={anchorRef}>
+        {props.defaultAction}
+        <Button variant="contained" aria-haspopup="menu" onClick={handleToggle}>
+          <ArrowDropDown />
+        </Button>
+      </ButtonGroup>
+      <Popper
+        sx={{
+          zIndex: theme.zIndex.drawer + 1
+        }}
+        open={open}
+        anchorEl={anchorRef.current}
+        role={undefined}
+        transition
+        placement="bottom-end"
+      >
+        {({ TransitionProps, placement }) => (
+          <Grow
+            {...TransitionProps}
+            style={{
+              transformOrigin:
+                placement === 'bottom' ? 'center top' : 'center bottom'
+            }}
+          >
+            <Paper>
+              <ClickAwayListener onClickAway={handleClose}>
+                <MenuList component="div" onClick={() => setOpen(false)}>
+                  {props.children}
+                </MenuList>
+              </ClickAwayListener>
+            </Paper>
+          </Grow>
+        )}
+      </Popper>
+    </>
+  );
+};
diff --git a/src/dag-scheduler/components/status-badge.tsx b/src/dag-scheduler/components/status-badge.tsx
new file mode 100644
index 000000000..3c3204e29
--- /dev/null
+++ b/src/dag-scheduler/components/status-badge.tsx
@@ -0,0 +1,97 @@
+import React, { FC } from 'react';
+import { getTitleCase } from '../util';
+import { BadgeChip } from './badge-chip';
+
+import { JobStatus, DeploymentStatus } from '../contants';
+import { RunStatus, TaskStatus } from '../model';
+
+export const WorkflowStatusBadge: FC<{
+  status?: DeploymentStatus;
+}> = ({ status = DeploymentStatus.CREATING }) => {
+  // TODO: Refactor this to use a color map instead of switch case
+  switch (status) {
+    case DeploymentStatus.CREATING:
+    case DeploymentStatus.CREATED:
+      return <BadgeChip label={getTitleCase(status)} color="info" />;
+
+    case DeploymentStatus.UPDATED:
+      return <BadgeChip label={getTitleCase(status)} color="secondary" />;
+
+    case DeploymentStatus.DEPLOYING:
+      return <BadgeChip label={getTitleCase(status)} color="warning" />;
+
+    case DeploymentStatus.DEPLOYED:
+      return <BadgeChip label={getTitleCase(status)} color="success" />;
+
+    case DeploymentStatus.FAILED_TO_CREATE:
+    case DeploymentStatus.FAILED_TO_DEPLOY:
+      return <BadgeChip color="error" label={getTitleCase(status)} />;
+
+    default:
+      return (
+        <BadgeChip
+          label={getTitleCase(DeploymentStatus.UNKNOWN)}
+          color="default"
+        />
+      );
+  }
+};
+
+export const JobStatusBadge: FC<{ status: JobStatus }> = ({ status }) => {
+  // TODO: Refactor this to use a color map instead of switch case
+  switch (status) {
+    case JobStatus.RUNNING:
+    case JobStatus.IN_PROGRESS:
+      return <BadgeChip label={getTitleCase(status)} color="info" />;
+
+    case JobStatus.QUEUED:
+      return <BadgeChip label={getTitleCase(status)} color="warning" />;
+
+    case JobStatus.COMPLETED:
+      return <BadgeChip label={getTitleCase(status)} color="success" />;
+
+    case JobStatus.FAILED:
+      return <BadgeChip label={getTitleCase(status)} color="error" />;
+
+    default:
+      return (
+        <BadgeChip label={getTitleCase(JobStatus.UNKNOWN)} color="default" />
+      );
+  }
+};
+
+export const TaskStatusBadge: FC<{ status: TaskStatus }> = ({
+  status = TaskStatus.CREATING
+}) => {
+  switch (status) {
+    case TaskStatus.FAILED_TO_UPDATE:
+    case TaskStatus.FAILED_TO_CREATE:
+      return <BadgeChip label={getTitleCase(status)} color="error" />;
+
+    case TaskStatus.CREATING:
+    case TaskStatus.CREATED:
+      return <BadgeChip label={getTitleCase(status)} color="info" />;
+    case TaskStatus.UPDATED:
+      return <BadgeChip label={getTitleCase(status)} color="primary" />;
+    default:
+      return <BadgeChip label={getTitleCase(status)} color="default" />;
+  }
+};
+
+export const TaskRunStatusBadge: FC<{ status: RunStatus }> = ({
+  status = RunStatus.NOT_STARTED
+}) => {
+  switch (status) {
+    case RunStatus.FAILED:
+      return <BadgeChip label={getTitleCase(status)} color="error" />;
+    case RunStatus.STOPPING:
+      return <BadgeChip label={getTitleCase(status)} color="warning" />;
+    case RunStatus.RUNNING:
+    case RunStatus.IN_PROGRESS:
+      return <BadgeChip label={getTitleCase(status)} color="info" />;
+    case RunStatus.COMPLETED:
+      return <BadgeChip label={getTitleCase(status)} color="success" />;
+    default:
+      return <BadgeChip label={getTitleCase(status)} color="default" />;
+  }
+};
diff --git a/src/dag-scheduler/components/styled/drawer.tsx b/src/dag-scheduler/components/styled/drawer.tsx
new file mode 100644
index 000000000..557157f81
--- /dev/null
+++ b/src/dag-scheduler/components/styled/drawer.tsx
@@ -0,0 +1,41 @@
+import { Alert, Drawer, IconButton, styled } from '@mui/material';
+import { Stack } from '@mui/system';
+
+export const StyledDrawer = styled(Drawer)({
+  '& .MuiDrawer-root': {
+    position: 'absolute',
+    width: '100%'
+  },
+  '& .MuiPaper-root': {
+    width: '100%',
+    position: 'absolute',
+    marginBottom: '2px',
+    boxSizing: 'border-box',
+    border: '1px solid var(--jp-border-color2)',
+    boxShadow: '4px 8px 12px 1px rgba(0,0,0,.12)'
+  }
+});
+
+export const StyledIconButton = styled(IconButton)({
+  borderRadius: 1,
+  background: 'var(--node-bg-color)',
+  color: 'var(--jp-text-editor-icon-color)',
+  boxShadow: '0 0 2px 1px rgba(0, 0, 0, 0.08)',
+  ':hover': {
+    opacity: 0.8,
+    background: 'var(--node-bg-color)'
+  }
+});
+
+export const PageHeader = styled(Stack)({
+  gap: 2,
+  flexDirection: 'row',
+  alignItems: 'center',
+  borderBottom: '1px solid var(--jp-border-color2)'
+});
+
+export const StyledAlert = styled(Alert)({
+  boxShadow: 'none',
+  position: 'relative',
+  boxSizing: 'border-box'
+});
diff --git a/src/dag-scheduler/components/styled/page-header.tsx b/src/dag-scheduler/components/styled/page-header.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/dag-scheduler/components/table-filter.tsx b/src/dag-scheduler/components/table-filter.tsx
new file mode 100644
index 000000000..c98c9bd35
--- /dev/null
+++ b/src/dag-scheduler/components/table-filter.tsx
@@ -0,0 +1,343 @@
+import React, { FC, useEffect, useRef, useState } from 'react';
+import {
+  AddCircle,
+  ClearAll,
+  CloseOutlined,
+  FilterList
+} from '@mui/icons-material';
+import {
+  Badge,
+  Button,
+  Chip,
+  ClickAwayListener,
+  FormControl,
+  IconButton,
+  InputLabel,
+  MenuItem,
+  Paper,
+  Popper,
+  Select
+} from '@mui/material';
+import { Stack } from '@mui/system';
+import { AdvancedTableColumn } from './advanced-table';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+
+import { FilterItem, getFilterFunctions, operators } from '../util/filters';
+import { parseDate } from '../util';
+
+const DEFAULT_ITEM: FilterItem = { field: '', condition: '', value: '' };
+
+type Props = {
+  columns: AdvancedTableColumn[];
+  onFilterChange: (filters: any[]) => void;
+};
+
+export const TableFilter: FC<Props> = ({ onFilterChange, columns }) => {
+  const anchorRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [filters, setFilters] = useState<FilterItem[]>([]);
+  const filterableColumns = columns.filter(c => c.filterable);
+
+  const handleToggle = () => {
+    setOpen(state => !state);
+  };
+
+  const handleApplyFilter = (value: FilterItem[] = []) => {
+    const nextState = value.filter(
+      item => item.condition && item.field && item.value
+    );
+
+    setOpen(false);
+    setFilters(nextState);
+  };
+
+  const handleDelete = (index: number) => {
+    const nextState = filters.slice();
+
+    nextState.splice(index, 1);
+
+    setFilters(nextState);
+  };
+
+  useEffect(() => {
+    onFilterChange(getFilterFunctions(filters));
+  }, [filters]);
+
+  if (!filterableColumns.length) {
+    return null;
+  }
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterMoment}>
+      <Stack spacing={4} direction="row" my={2}>
+        <Button
+          startIcon={
+            <Badge badgeContent={filters.length} color="primary">
+              <FilterList />
+            </Badge>
+          }
+          onClick={handleToggle}
+          ref={anchorRef}
+        >
+          Filter
+        </Button>
+        <Stack spacing={2} direction={'row'} alignItems="center" gap={1}>
+          {filters.map((item, index) => {
+            const Component = (
+              <>
+                <b>{item.field}:</b>&nbsp;{item.condition}&nbsp;{item.value}
+              </>
+            );
+
+            return (
+              <Chip
+                key={index}
+                size="small"
+                label={Component}
+                onClick={handleToggle}
+                onDelete={() => handleDelete(index)}
+              />
+            );
+          })}
+          {filters.length ? (
+            <IconButton
+              size="small"
+              sx={{ height: 28, width: 28 }}
+              title="Clear all"
+              onClick={() => setFilters([])}
+            >
+              <ClearAll />
+            </IconButton>
+          ) : null}
+        </Stack>
+        <Popper
+          open={open}
+          modifiers={[]}
+          placement="bottom-start"
+          anchorEl={anchorRef.current}
+        >
+          <ClickAwayListener onClickAway={handleToggle} mouseEvent="onMouseUp">
+            <Paper
+              elevation={3}
+              sx={{
+                padding: '10px'
+              }}
+            >
+              <FilterForm
+                value={filters}
+                onClose={handleToggle}
+                onSave={handleApplyFilter}
+                columns={filterableColumns}
+              />
+            </Paper>
+          </ClickAwayListener>
+        </Popper>
+      </Stack>
+    </LocalizationProvider>
+  );
+};
+
+type FilterFormProps = {
+  value: FilterItem[];
+  onClose: () => void;
+  columns: AdvancedTableColumn[];
+  onSave: (value: FilterItem[]) => void;
+};
+
+function FilterForm({ value, columns, onSave, onClose }: FilterFormProps) {
+  const [filters, setFilters] = useState<FilterItem[]>(
+    value.length ? [...value] : [{ ...DEFAULT_ITEM }]
+  );
+
+  const handleInputChange = (index: number) => (
+    fieldName: keyof FilterItem,
+    fieldValue: string
+  ) => {
+    const nextState = filters.length ? filters.slice() : [{ ...DEFAULT_ITEM }];
+
+    nextState[index][fieldName] = fieldValue;
+
+    // Reset the filter value, if column is changed and retain the condition if possible
+    if (fieldName === 'field') {
+      const currentColumn = columns.find(c => c.field === fieldValue);
+      const { type } = currentColumn || ({} as AdvancedTableColumn);
+
+      const current = nextState[index]['condition'];
+      const { options } = operators[type || 'string'];
+      const isConditionValid = options.find(o => o === current);
+
+      const defaultOp =
+        (isConditionValid ? current : null) || (fieldValue ? options[0] : '');
+
+      nextState[index]['value'] = '';
+      nextState[index]['condition'] = defaultOp;
+    }
+
+    setFilters(nextState);
+  };
+
+  const handleAddFilter = () => {
+    setFilters([...filters, { ...DEFAULT_ITEM }]);
+  };
+
+  const handleDelete = (index: number) => {
+    const nextState = filters.slice();
+
+    nextState.splice(index, 1);
+
+    if (!nextState.length) {
+      onSave([]);
+    }
+
+    setFilters(nextState);
+  };
+
+  return (
+    <Stack spacing={0}>
+      {filters.map(({ field, condition, value }, index: number) => (
+        <FilterRow
+          value={value}
+          field={field}
+          columns={columns}
+          condition={condition}
+          onChange={handleInputChange(index)}
+          onDelete={() => handleDelete(index)}
+        />
+      ))}
+      <div style={{ marginTop: '8px' }}>
+        <Button
+          startIcon={
+            <AddCircle
+              titleAccess={
+                filters.length === 5 ? 'Only 5 filters are allowed' : ''
+              }
+            />
+          }
+          onClick={handleAddFilter}
+          disabled={filters.length === 5}
+        >
+          Add filter
+        </Button>
+      </div>
+      <Stack justifyContent="flex-end" direction="row" gap={2}>
+        <Button size="small" color="info" onClick={onClose}>
+          Cancel
+        </Button>
+        <Button
+          variant="contained"
+          size="small"
+          color="primary"
+          onClick={() => onSave(filters)}
+        >
+          Apply
+        </Button>
+      </Stack>
+    </Stack>
+  );
+}
+
+type FilterRowProps = {
+  value: string;
+  field: string;
+  condition: string;
+  onDelete: () => void;
+  columns: AdvancedTableColumn[];
+  onChange: (name: keyof FilterItem, value: string) => void;
+};
+
+type ColumnTypeKeys = keyof typeof operators;
+
+function FilterRow({
+  columns,
+  onChange,
+  onDelete,
+  field,
+  value,
+  condition
+}: FilterRowProps) {
+  const opRef = useRef<any>();
+  const valRef = useRef<any>();
+
+  const currentColumn = columns.find(c => c.field === field);
+  const { type: dataType, valueOptions } = currentColumn || {};
+  const [columnType, setColumnType] = useState<ColumnTypeKeys | undefined>(
+    dataType || 'string'
+  );
+
+  const { options, Component, ComponentProps } = operators[
+    columnType || 'string'
+  ];
+
+  const isDateType = columnType === 'date';
+
+  const handleColumnChange = (event: any) => {
+    const { name, value } = event.target;
+    const item = columns.find(c => c.field === value);
+
+    setColumnType(item?.type);
+    onChange(name, value);
+  };
+
+  const handleConditionChange = (event: any) => {
+    onChange('condition', event.target.value);
+  };
+
+  const handleValueChange = (event: any) => {
+    onChange('value', isDateType ? event.format() : event.target.value);
+  };
+
+  return (
+    <Stack direction="row" alignItems="center" gap={1}>
+      <FormControl sx={{ m: 1, minWidth: 120 }}>
+        <InputLabel id="field-selector-label">Columns</InputLabel>
+        <Select
+          labelId="field-selector-label"
+          id="field-selector"
+          label="Columns"
+          name="field"
+          value={field}
+          onChange={handleColumnChange}
+          onClose={() => setTimeout(() => opRef.current?.focus(), 0)}
+        >
+          {columns.map((item, colIndex) => (
+            <MenuItem key={colIndex} value={item.field}>
+              {item.name}
+            </MenuItem>
+          ))}
+        </Select>
+      </FormControl>
+      <FormControl sx={{ m: 1, width: 120 }}>
+        <InputLabel id="condition-selector-label">Operator</InputLabel>
+        <Select
+          labelId="condition-selector-label"
+          id="condition-selector"
+          label="Operator"
+          name="condition"
+          inputRef={opRef}
+          value={condition}
+          onChange={handleConditionChange}
+          onClose={() => setTimeout(() => valRef.current?.focus(), 0)}
+        >
+          {options.map(item => (
+            <MenuItem value={item}>{item}</MenuItem>
+          ))}
+        </Select>
+      </FormControl>
+      <Component
+        name="value"
+        inputRef={valRef}
+        label="Filter value"
+        placeholder="Filter value"
+        sx={{ my: 1, width: 200 }}
+        onChange={handleValueChange}
+        value={isDateType ? parseDate(value) : value}
+        {...ComponentProps}
+        {...{ options: valueOptions }}
+      />
+      <IconButton onClick={onDelete}>
+        <CloseOutlined />
+      </IconButton>
+    </Stack>
+  );
+}
diff --git a/src/dag-scheduler/components/task-dependency.tsx b/src/dag-scheduler/components/task-dependency.tsx
new file mode 100644
index 000000000..1edec3268
--- /dev/null
+++ b/src/dag-scheduler/components/task-dependency.tsx
@@ -0,0 +1,156 @@
+import React, { FC, useCallback, useMemo } from 'react';
+import {
+  Chip,
+  MenuItem,
+  FormControl,
+  OutlinedInput,
+  SelectChangeEvent,
+  FormLabel
+} from '@mui/material';
+import { Box } from '@mui/system';
+
+import { Edge } from 'reactflow';
+import { useWorkflowStore } from '../hooks';
+import { CustomSelect } from './forms/select-box';
+import { Close } from '@mui/icons-material';
+// TODO: tree-shake
+import { uniqBy } from 'lodash';
+
+const getDiff = (previous: string[], current: string[]) => {
+  const added = current
+    .filter(item => !previous.includes(item))
+    .map(item => ({ id: item, type: 'add' }));
+
+  const removed = previous
+    .filter(item => !current.includes(item))
+    .map(item => ({ id: item, type: 'remove' }));
+
+  return { added, removed };
+};
+
+const TaskDependency: FC = () => {
+  const useStore = useWorkflowStore();
+
+  const tasksById = useStore(state => state.tasksById);
+  const onCreateEdge = useStore(state => state.onCreateEdge);
+  const onEdgesDelete = useStore(state => state.onEdgesDelete);
+  const edges = useStore(state => state.edges);
+
+  const model = useStore(state => state.getSelectedNode());
+  const allTasks = useStore(state => state.getAllTasks());
+
+  const otherTasks = useMemo(
+    () =>
+      uniqBy(
+        allTasks.filter(
+          t =>
+            t.nodeId !== model?.nodeId &&
+            model?.nodeId &&
+            !t.dependsOn?.includes(model?.nodeId)
+        ),
+        'nodeId'
+      ),
+    [allTasks, model?.nodeId]
+  );
+
+  const currentSources = useMemo((): string[] => {
+    return edges
+      .filter(e => e.target === model?.nodeId && !e.data?.deleting)
+      .map(e => e.source)
+      .filter(Boolean);
+  }, [edges, model?.nodeId]);
+
+  const handleRemove = useCallback(
+    (removed: { id: string; type: 'remove' }[]) => {
+      const depsToUpdate: Edge[] = removed.map(({ id }) => ({
+        id: `${id}-${model?.nodeId as any}`,
+        source: id,
+        target: (model?.nodeId as any) || ''
+      }));
+
+      onEdgesDelete(depsToUpdate);
+    },
+    [model]
+  );
+
+  const handleChange = useCallback(
+    (event: SelectChangeEvent<any>) => {
+      const { value } = event.target;
+
+      const { added, removed } = getDiff(currentSources || [], value);
+
+      added.forEach(({ id }) => {
+        onCreateEdge({
+          source: id,
+          target: (model?.nodeId as any) || '',
+          sourceHandle: null,
+          targetHandle: null
+        });
+      });
+
+      const depsToUpdate: Edge[] = removed.map(({ id }) => ({
+        id: `${id}-${model?.nodeId as any}`,
+        source: id,
+        target: (model?.nodeId as any) || ''
+      }));
+
+      onEdgesDelete(depsToUpdate);
+    },
+    [model, currentSources]
+  );
+
+  return (
+    <FormControl fullWidth>
+      <FormLabel component="legend" focused={false} sx={{ mb: 2 }}>
+        Depends On
+      </FormLabel>
+      <CustomSelect
+        multiple
+        onChange={handleChange}
+        value={currentSources}
+        input={<OutlinedInput label="Depends On" />}
+        renderValue={(selected: string[]) => (
+          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
+            {selected.map(value =>
+              tasksById[value as any] ? (
+                <Chip
+                  key={value}
+                  clickable
+                  label={tasksById[value as any].name}
+                  onDelete={() => handleRemove([{ id: value, type: 'remove' }])}
+                  sx={{
+                    border: '1px solid var(--jp-border-color1)',
+                    background: 'var(--jp-input-active-background)',
+                    '&:hover': {
+                      background: 'var(--jp-border-color1)'
+                    }
+                  }}
+                  deleteIcon={
+                    <Close
+                      sx={{
+                        '&:hover': {
+                          borderRadius: '50%',
+                          background: 'var(--jp-border-color2)'
+                        }
+                      }}
+                      style={{ fontSize: 12, padding: '1px' }}
+                      onMouseDown={e => e.stopPropagation()}
+                    />
+                  }
+                />
+              ) : null
+            )}
+          </Box>
+        )}
+      >
+        {otherTasks.map((task: any) => (
+          <MenuItem key={task.nodeId as string} value={task.nodeId}>
+            {task.name}
+          </MenuItem>
+        ))}
+      </CustomSelect>
+    </FormControl>
+  );
+};
+
+export default TaskDependency;
diff --git a/src/dag-scheduler/components/task-status.tsx b/src/dag-scheduler/components/task-status.tsx
new file mode 100644
index 000000000..1b80511c1
--- /dev/null
+++ b/src/dag-scheduler/components/task-status.tsx
@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+import { TaskStatus } from '../model';
+import { ErrorOutlineRounded, WarningAmberOutlined } from '@mui/icons-material';
+import { CircularProgress, Tooltip } from '@mui/material';
+
+type Props = {
+  status?: TaskStatus;
+  message?: string;
+};
+
+const TaskStatusComponent: FC<Props> = ({
+  status = TaskStatus.CREATING,
+  message
+}) => {
+  switch (status) {
+    case TaskStatus.FAILED_TO_UPDATE:
+      return (
+        <Tooltip title={message}>
+          <WarningAmberOutlined color="warning" />
+        </Tooltip>
+      );
+    case TaskStatus.FAILED_TO_CREATE:
+      return (
+        <Tooltip title={message}>
+          <ErrorOutlineRounded color="error" />
+        </Tooltip>
+      );
+    case TaskStatus.CREATING:
+      return <CircularProgress size={16} />;
+    default:
+      return null;
+  }
+};
+
+export default TaskStatusComponent;
diff --git a/src/dag-scheduler/components/view-parameters.tsx b/src/dag-scheduler/components/view-parameters.tsx
new file mode 100644
index 000000000..3d1ed5ae2
--- /dev/null
+++ b/src/dag-scheduler/components/view-parameters.tsx
@@ -0,0 +1,168 @@
+import React, { FC, useState, useRef } from 'react';
+import { Close, MoreHoriz } from '@mui/icons-material';
+
+import {
+  Popper,
+  Paper,
+  Grow,
+  IconButton,
+  ClickAwayListener,
+  Box,
+  Stack,
+  Tooltip,
+  Tabs,
+  Tab,
+  useTheme
+} from '@mui/material';
+import { JsonEditor } from './json-editor';
+
+type ViewParametersProps = {
+  values: { label: string; value: string }[];
+};
+
+const arrowStyle = {
+  position: 'absolute',
+  height: '1em',
+  width: '0.71em',
+  boxSizing: 'border-box',
+  right: 0,
+  top: '-2px !important',
+  marginRight: '-0.71em',
+  overflow: 'hidden',
+  color: 'var(--jp-layout-color0)',
+
+  '&::before': {
+    content: '""',
+    margin: 'auto',
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    transformOrigin: '0 0',
+    transform: 'rotate(45deg)',
+    boxShadow: 'var(--jp-elevation-z2)',
+    backgroundColor: 'currentColor'
+  }
+};
+
+export const ViewParameters: FC<ViewParametersProps> = props => {
+  const theme = useTheme();
+  const [index, setIndex] = useState(0);
+  const [open, setOpen] = useState(false);
+  const anchorRef = useRef<HTMLButtonElement>(null);
+  const [arrowRef, setArrowRef] = useState<HTMLElement | null>(null);
+  const [size] = useState({ width: 500, height: 300 });
+
+  const handleToggle = () => {
+    setOpen(prevOpen => !prevOpen);
+  };
+
+  const handleClose = (event: Event) => {
+    if (
+      anchorRef.current &&
+      anchorRef.current.contains(event.target as HTMLElement)
+    ) {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  return (
+    <Box position="relative">
+      <Tooltip title="Click to open Parameters" placement="right">
+        <IconButton aria-haspopup="menu" onClick={handleToggle} ref={anchorRef}>
+          <MoreHoriz />
+        </IconButton>
+      </Tooltip>
+      <Popper
+        open={open}
+        transition
+        role={undefined}
+        placement="left-end"
+        disablePortal={false}
+        anchorEl={anchorRef.current}
+        modifiers={[
+          {
+            name: 'flip',
+            enabled: true,
+            options: {
+              altBoundary: true,
+              rootBoundary: 'document',
+              padding: 8
+            }
+          },
+          {
+            name: 'preventOverflow',
+            enabled: false,
+            options: {
+              altAxis: true,
+              altBoundary: false,
+              tether: true,
+              rootBoundary: 'viewport',
+              padding: 8
+            }
+          },
+          {
+            name: 'arrow',
+            options: {
+              enabled: true,
+              element: arrowRef
+            }
+          }
+        ]}
+        sx={{ zIndex: theme.zIndex.drawer + 1 }}
+      >
+        {({ TransitionProps, placement }) => (
+          <Grow
+            {...TransitionProps}
+            style={{
+              transformOrigin:
+                placement === 'bottom' ? 'center top' : 'center bottom'
+            }}
+          >
+            <Paper>
+              <ClickAwayListener onClickAway={handleClose}>
+                <Paper
+                  className="properties-viewer"
+                  style={{ overflow: 'auto' }}
+                >
+                  <Box component="span" sx={arrowStyle} ref={setArrowRef} />
+                  <Box sx={{ pb: 3, px: 3 }}>
+                    <Stack>
+                      <Stack direction="row" justifyContent="space-between">
+                        <Tabs value={index} sx={{ mb: '1px' }}>
+                          {props.values.map((v, i) => (
+                            <Tab
+                              value={i}
+                              key={v.label}
+                              label={v.label}
+                              onClick={() => setIndex(i)}
+                            />
+                          ))}
+                        </Tabs>
+                        <IconButton
+                          size="small"
+                          onClick={handleToggle}
+                          sx={{ alignSelf: 'center' }}
+                        >
+                          <Close />
+                        </IconButton>
+                      </Stack>
+                      <JsonEditor
+                        readOnly
+                        key={index}
+                        width={size.width}
+                        height={size.height}
+                        initialValue={props.values[index]?.value || ''}
+                      />
+                    </Stack>
+                  </Box>
+                </Paper>
+              </ClickAwayListener>
+            </Paper>
+          </Grow>
+        )}
+      </Popper>
+    </Box>
+  );
+};
diff --git a/src/dag-scheduler/components/workflow-editor/connection-line.tsx b/src/dag-scheduler/components/workflow-editor/connection-line.tsx
new file mode 100644
index 000000000..f1bae0f79
--- /dev/null
+++ b/src/dag-scheduler/components/workflow-editor/connection-line.tsx
@@ -0,0 +1,122 @@
+import React, { FC } from 'react';
+import {
+  ConnectionLineComponentProps,
+  EdgeLabelRenderer,
+  getBezierPath,
+  useStoreApi
+} from 'reactflow';
+import { useWorkflowStore } from '../../hooks';
+import { TaskStatus } from '../../model';
+
+export const ConnectionLine: FC<ConnectionLineComponentProps> = props => {
+  const {
+    toX,
+    toY,
+    connectionStatus,
+    fromX,
+    fromY,
+    fromPosition,
+    toPosition
+  } = props;
+
+  const { getState } = useStoreApi();
+  const useStore = useWorkflowStore();
+  const edges = useStore(state => state.edges);
+  const getNodeData = useStore(state => state.getNodeData);
+  const { connectionEndHandle, connectionNodeId } = getState();
+  const isValid = connectionStatus === 'valid';
+  const showLabel = !isValid && connectionEndHandle?.nodeId;
+
+  const [edgePath, labelX, labelY] = getBezierPath({
+    sourceX: fromX,
+    sourceY: fromY,
+    targetX: toX,
+    targetY: toY,
+    sourcePosition: fromPosition,
+    targetPosition: toPosition
+  });
+
+  const getErrorMessage = () => {
+    if (!connectionNodeId || !connectionEndHandle?.nodeId) {
+      return;
+    }
+
+    if (connectionNodeId === connectionEndHandle.nodeId) {
+      return 'Source & Target cannot be same';
+    }
+
+    const sourceStatus = getNodeData(connectionNodeId)?.status;
+    const targetStatus = getNodeData(connectionEndHandle.nodeId)?.status;
+
+    const isInValidStatus = [
+      TaskStatus.FAILED_TO_CREATE,
+      TaskStatus.CREATING
+    ].some(
+      s =>
+        !sourceStatus ||
+        !targetStatus ||
+        s === sourceStatus ||
+        s === targetStatus
+    );
+
+    if (isInValidStatus) {
+      return 'Invalid source or target task status';
+    }
+
+    const exists = edges.find(
+      edge =>
+        edge.source === connectionNodeId &&
+        edge.target === connectionEndHandle.nodeId
+    );
+
+    if (exists) {
+      return 'Duplicate connection not allowed';
+    }
+
+    return 'Cyclic dependency not allowed';
+  };
+
+  return (
+    <>
+      <g>
+        <path
+          fill="none"
+          d={edgePath}
+          strokeWidth={2}
+          className={'animated'}
+          stroke={isValid ? 'url(#edge-gradient)' : 'url(#edge-gradient-error)'}
+        />
+        <circle
+          r={3}
+          cx={toX}
+          cy={toY}
+          fill="#fff"
+          strokeWidth={3}
+          stroke={isValid ? 'url(#edge-gradient)' : 'url(#edge-gradient-error)'}
+        />
+      </g>
+      {showLabel ? (
+        <EdgeLabelRenderer>
+          <div
+            style={{
+              padding: 10,
+              fontSize: 11,
+              zIndex: 10000,
+              borderRadius: 5,
+              fontWeight: 700,
+              position: 'absolute',
+              background: '#ffcc00',
+              color: '#333',
+              transform: `translate(-50%, -50%) translate(${labelX}px,${
+                labelY + 50
+              }px)`
+            }}
+            className="nodrag nopan"
+          >
+            {getErrorMessage()}
+          </div>
+        </EdgeLabelRenderer>
+      ) : null}
+    </>
+  );
+};
diff --git a/src/dag-scheduler/components/workflow-editor/custom-edge.tsx b/src/dag-scheduler/components/workflow-editor/custom-edge.tsx
new file mode 100644
index 000000000..d60a6b95e
--- /dev/null
+++ b/src/dag-scheduler/components/workflow-editor/custom-edge.tsx
@@ -0,0 +1,118 @@
+import { Close } from '@mui/icons-material';
+import { IconButton } from '@mui/material';
+import React, { FC, useState } from 'react';
+import {
+  BaseEdge,
+  EdgeLabelRenderer,
+  EdgeProps,
+  ReactFlowState,
+  getBezierPath,
+  useStore as useReactflowStore
+} from 'reactflow';
+import { useWorkflowStore } from '../../hooks';
+
+const animation = {
+  strokeDasharray: 5,
+  stroke: 'url(#edge-gradient)',
+  animation: 'dashdraw 0.2s linear infinite'
+};
+
+const connectionNodeIdSelector = (state: ReactFlowState) =>
+  state.connectionNodeId;
+
+export const CustomEdge: FC<EdgeProps> = ({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  style = {},
+  data,
+  selected,
+  markerEnd
+}) => {
+  const xEqual = sourceX === targetX;
+  const yEqual = sourceY === targetY;
+  const [hovered, setHovered] = useState(false);
+  const useStore = useWorkflowStore();
+  const edges = useStore(state => state.edges);
+  const onEdgesDelete = useStore(state => state.onEdgesDelete);
+  const connectionNodeId = useReactflowStore(connectionNodeIdSelector);
+  const isConnecting = !!connectionNodeId;
+
+  const [edgePath, labelX, labelY] = getBezierPath({
+    // we need this little hack in order to display the gradient for a straight line
+    sourceX: xEqual ? sourceX + 0.0001 : sourceX,
+    sourceY: yEqual ? sourceY + 0.0001 : sourceY,
+    sourcePosition,
+    targetX,
+    targetY,
+    targetPosition
+  });
+
+  const handleDeleteEdge = () => {
+    const currentEdge = edges.find(e => e.id === id);
+
+    if (!currentEdge) {
+      return;
+    }
+
+    const { source, target } = currentEdge;
+
+    onEdgesDelete([
+      {
+        id,
+        source,
+        target,
+        sourceHandle: null,
+        targetHandle: null
+      }
+    ]);
+  };
+
+  return (
+    <g
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      <BaseEdge
+        id={id}
+        style={{
+          strokeWidth: 2,
+          strokeOpacity: 0.75,
+          pointerEvents: 'all',
+          ...(data?.pending || data?.deleting ? animation : {}),
+          ...(selected ? { stroke: '#2a8af6', strokeWidth: 4 } : {}),
+          ...(data?.deleting ? { stroke: 'url(#edge-gradient-error)' } : {}),
+          ...style
+        }}
+        path={edgePath}
+        markerEnd={markerEnd}
+        interactionWidth={10}
+      />
+      {hovered && !isConnecting && !data?.hideBtn ? (
+        <EdgeLabelRenderer>
+          <div
+            style={{
+              zIndex: 10000,
+              padding: '2px',
+              color: '#333',
+              position: 'absolute',
+              borderRadius: '100%',
+              pointerEvents: 'all',
+              background: 'var(--jp-border-color2)',
+              transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`
+            }}
+            className="nodrag nopan"
+          >
+            <IconButton className="edgebutton" onClick={handleDeleteEdge}>
+              <Close />
+            </IconButton>
+          </div>
+        </EdgeLabelRenderer>
+      ) : null}
+    </g>
+  );
+};
diff --git a/src/dag-scheduler/components/workflow-editor/custom-node.tsx b/src/dag-scheduler/components/workflow-editor/custom-node.tsx
new file mode 100644
index 000000000..8b6530b87
--- /dev/null
+++ b/src/dag-scheduler/components/workflow-editor/custom-node.tsx
@@ -0,0 +1,138 @@
+import React, { memo, useMemo, useState } from 'react';
+import {
+  Handle,
+  NodeProps,
+  NodeToolbar,
+  Position,
+  ReactFlowState,
+  useStore as useReactflowStore
+} from 'reactflow';
+import { Cloud, Delete, Edit } from '@mui/icons-material';
+import { notebookIcon } from '@jupyterlab/ui-components';
+import { Stack, Typography, Box, IconButton } from '@mui/material';
+import { useWorkflowStore, useWorkflows } from '../../hooks';
+import TaskStatusComponent from '../task-status';
+
+const connectionNodeIdSelector = (state: ReactFlowState) =>
+  state.connectionNodeId;
+
+const connectionStatusSelector = (state: ReactFlowState) =>
+  state.connectionStatus;
+
+const connectionEndHandleSelector = (state: ReactFlowState) =>
+  state.connectionEndHandle;
+
+export const CustomNode = memo(({ id, isConnectable }: NodeProps) => {
+  const useStore = useWorkflowStore();
+  const [hovered, setHovered] = useState(false);
+  const taskData = useStore(state => state.getNodeData(id));
+  // const isValidConnection = useStore(state => state.isValidConnection);
+  const { kernelSpecs } = useWorkflows();
+
+  const connectionNodeId = useReactflowStore(connectionNodeIdSelector);
+  const connectionStatus = useReactflowStore(connectionStatusSelector);
+  const connectionEndHandle = useReactflowStore(connectionEndHandleSelector);
+  const isConnecting = !!connectionNodeId;
+  const isTarget = connectionNodeId && connectionNodeId !== id;
+  const shouldAddClass = connectionEndHandle?.nodeId === id;
+
+  // TODO: Find an optimized way to do this as currently this causes lag in UI
+  // const isValid = useMemo(
+  //   () =>
+  //     isConnecting &&
+  //     isTarget &&
+  //     isValidConnection({
+  //       source: connectionNodeId,
+  //       target: id,
+  //       sourceHandle: null,
+  //       targetHandle: null
+  //     }),
+  //   [id, connectionNodeId, isConnecting]
+  // );
+
+  const kernelSpecsById = useMemo(
+    () => new Map(kernelSpecs.map(item => [item.value, [item.label]])),
+    [kernelSpecs]
+  );
+
+  if (!taskData) {
+    return null;
+  }
+
+  return (
+    <Box
+      position="relative"
+      width="100%"
+      height="100%"
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      <Stack position="relative" className="task-node wrapper">
+        <Box className="inner" bgcolor="error">
+          <Stack spacing={2} maxWidth={200} overflow="hidden">
+            <Stack
+              direction="row"
+              alignItems="center"
+              justifyContent="space-between"
+              style={{
+                marginBottom: '12px',
+                pointerEvents: 'all'
+              }}
+            >
+              <Typography noWrap variant="h6" flexBasis="90%">
+                {taskData.name}
+              </Typography>
+              <TaskStatusComponent
+                status={taskData.status}
+                message={taskData.status_message}
+              />
+            </Stack>
+            <Stack direction="row" alignItems="center" gap={2} mt={1}>
+              <notebookIcon.react width={20} height={20} display="flex" />
+              <Typography noWrap color="text.secondary">
+                {taskData.input_uri || taskData.input_filename}
+              </Typography>
+            </Stack>
+            <Stack direction="row" alignItems="center" gap={2}>
+              <Cloud color="disabled" />
+              <Typography noWrap color="text.secondary">
+                {kernelSpecsById.get(taskData.kernelSpecId)?.[0] ||
+                  taskData.kernelSpecId}
+              </Typography>
+            </Stack>
+          </Stack>
+        </Box>
+        {isConnectable ? (
+          <>
+            <Handle type="target" position={Position.Left} />
+            <Handle type="source" position={Position.Right} />
+          </>
+        ) : null}
+        <NodeToolbar
+          align="start"
+          // TODO: Enable this later
+          isVisible={false}
+          position={Position.Top}
+        >
+          <Stack gap={2} direction="row" className="toolbar-btn-container">
+            <IconButton>
+              <Edit />
+            </IconButton>
+            <IconButton>
+              <Delete />
+            </IconButton>
+          </Stack>
+        </NodeToolbar>
+      </Stack>
+
+      {isConnecting && isTarget ? (
+        <div className={`show-hint ${shouldAddClass ? connectionStatus : ''}`}>
+          +
+        </div>
+      ) : null}
+      {isConnectable && hovered && !isTarget ? (
+        <div className="source show-hint">+</div>
+      ) : null}
+    </Box>
+  );
+});
diff --git a/src/dag-scheduler/components/workflow-editor/task-run-node.tsx b/src/dag-scheduler/components/workflow-editor/task-run-node.tsx
new file mode 100644
index 000000000..227de5af3
--- /dev/null
+++ b/src/dag-scheduler/components/workflow-editor/task-run-node.tsx
@@ -0,0 +1,107 @@
+import React, { memo } from 'react';
+import { Handle, NodeProps, Position } from 'reactflow';
+import { notebookIcon } from '@jupyterlab/ui-components';
+import { Stack, Typography, Box, useTheme, Theme } from '@mui/material';
+import { useWorkflowStore } from '../../hooks';
+import RunStatusComponent from '../run-status';
+import { AccessAlarmRounded } from '@mui/icons-material';
+import { RunStatus } from '../../model';
+import { getTitleCase, humanize } from '../../util';
+
+const getTimeLapsed = (startTime: number, endTime: number) =>
+  humanize(endTime - startTime);
+
+const getStatusColor = (status: RunStatus, theme: Theme) => {
+  switch (status) {
+    case RunStatus.COMPLETED:
+      return theme.palette.success.main;
+    case RunStatus.FAILED:
+      return theme.palette.error.main;
+    case RunStatus.RUNNING:
+      return theme.palette.info.main;
+    case RunStatus.STOPPING:
+      return theme.palette.warning.main;
+    case RunStatus.NOT_STARTED:
+      return theme.palette.grey[400];
+    default:
+      return null;
+  }
+};
+
+export const TaskRunNode = memo(({ id }: NodeProps) => {
+  const theme = useTheme();
+  const useStore = useWorkflowStore();
+  const taskData = useStore(state => state.getNodeData(id));
+  const taskRunData = useStore(state => state.taskRunsById);
+  const taskRun = taskRunData[taskData?.id as keyof typeof taskRunData];
+
+  if (!taskData && !taskRun) {
+    return null;
+  }
+
+  const { name, input_uri, input_filename } = taskData || {};
+
+  const {
+    end_time,
+    start_time,
+    run_count = 1,
+    status = RunStatus.NOT_STARTED
+  } = taskRun || {};
+
+  const color = getStatusColor(status as any, theme);
+
+  return (
+    <Stack
+      position="relative"
+      className={`task-run-node wrapper ${color ? '' : 'pending'}`}
+      style={{
+        ...(color ? { borderTop: `4px solid ${color}` } : {})
+      }}
+    >
+      <Box sx={{ pt: 3, pb: 4, px: 5 }}>
+        <Stack spacing={2} maxWidth={200} overflow="hidden">
+          <Stack
+            direction="row"
+            alignItems="center"
+            justifyContent="space-between"
+          >
+            <Typography noWrap variant="h6" flexBasis="90%">
+              {name}
+            </Typography>
+            <RunStatusComponent status={status as any} />
+          </Stack>
+          <Typography
+            noWrap
+            color="text.secondary"
+            style={{ marginBottom: '12px', marginTop: 0 }}
+          >
+            {getTitleCase(status || '')}
+          </Typography>
+          <Stack direction="row" alignItems="center" gap={2} mt={3}>
+            <AccessAlarmRounded color="disabled" />
+            <Typography color="text.secondary">
+              {start_time && end_time
+                ? getTimeLapsed(start_time, end_time)
+                : 'N/A'}
+            </Typography>
+            {run_count > 1 ? (
+              <Typography color="text.secondary">
+                {' '}
+                - {run_count}
+                {' attempts'}
+              </Typography>
+            ) : null}
+          </Stack>
+          <Stack direction="row" alignItems="center" gap={2} mt={1}>
+            <notebookIcon.react width={20} height={20} display="flex" />
+            <Typography noWrap color="text.secondary">
+              {input_uri || input_filename}
+            </Typography>
+          </Stack>
+        </Stack>
+      </Box>
+      <Handle type="target" position={Position.Left} />
+      <Handle type="source" position={Position.Right} />
+    </Stack>
+  );
+});
diff --git a/src/dag-scheduler/contants.ts b/src/dag-scheduler/contants.ts
new file mode 100644
index 000000000..141cb5d4d
--- /dev/null
+++ b/src/dag-scheduler/contants.ts
@@ -0,0 +1,72 @@
+import { getTitleCase } from './util';
+
+export const EMPTY_VALUE = '\u2014';
+
+/**
+ * The mime type for a rich contents drag object.
+ */
+export const CONTENTS_MIME_RICH = 'application/x-jupyter-icontentsrich';
+
+export enum NotificationEvents {
+  Failure = 'failure',
+  Retry = 'retry',
+  Deploy = 'deploy'
+}
+
+export enum OutputFormats {
+  HTML = 'html',
+  Notebook = 'ipynb'
+}
+
+export enum TriggerRules {
+  ALL_SUCCESS = 'all_success',
+  ALL_FAILED = 'all_failed',
+  ALL_DONE = 'all_done',
+  ONE_FAILED = 'one_failed',
+  ONE_SUCCESS = 'one_success',
+  NONE_FAILED = 'none_failed',
+  NONE_FAILED_OR_SKIPPED = 'none_failed_or_skipped',
+  NONE_SKIPPED = 'none_skipped'
+}
+
+export enum DeploymentStatus {
+  CREATING = 'CREATING',
+  CREATED = 'CREATED',
+  FAILED_TO_CREATE = 'FAILED_TO_CREATE',
+  DEPLOYING = 'DEPLOYING',
+  DEPLOYED = 'DEPLOYED',
+  UPDATED = 'UPDATED',
+  FAILED_TO_DEPLOY = 'FAILED_TO_DEPLOY',
+  FAILED_TO_UPDATE = 'FAILED_TO_UPDATE',
+  DELETED = 'DELETED',
+  UNKNOWN = 'UNKNOWN'
+}
+
+export enum JobStatus {
+  QUEUED = 'QUEUED',
+  FAILED = 'FAILED',
+  RUNNING = 'RUNNING',
+  UNKNOWN = 'UNKNOWN',
+  COMPLETED = 'COMPLETED',
+  IN_PROGRESS = 'IN_PROGRESS'
+}
+
+export enum WorkflowsViewType {
+  Runs = 'Runs',
+  Tasks = 'Tasks'
+}
+
+export const notificationTypes = Object.entries(
+  NotificationEvents
+).map(([label, value]) => ({ value, label }));
+
+export const outputFormatTypes = Object.entries(
+  OutputFormats
+).map(([label, value]) => ({ value, label }));
+
+export const triggerRuleTypes = Object.entries(TriggerRules).map(
+  ([label, value]) => ({
+    value,
+    label: getTitleCase(label)
+  })
+);
diff --git a/src/dag-scheduler/context-provider.tsx b/src/dag-scheduler/context-provider.tsx
new file mode 100644
index 000000000..53ddf0064
--- /dev/null
+++ b/src/dag-scheduler/context-provider.tsx
@@ -0,0 +1,98 @@
+import React, { FC, useMemo, useState, useEffect, useRef } from 'react';
+import { WorkflowStoreContext, WorkflowsContext } from './context';
+import { JupyterFrontEnd } from '@jupyterlab/application';
+import { Scheduler } from './handler';
+import useZustandStore, { StoreType } from './store';
+import { Contents } from '@jupyterlab/services';
+import { CodeEditor } from '@jupyterlab/codeeditor';
+import { MockWorkflowService } from './mocks/handler';
+type Props = {
+  app: JupyterFrontEnd;
+  children: JSX.Element;
+  contents: Contents.IManager;
+  editorFactory: CodeEditor.Factory;
+};
+
+export const WorkflowsContextProvider: FC<Props> = ({
+  app,
+  contents,
+  editorFactory,
+  children
+}) => {
+  const [kernelSpecs, setKernelSpecs] = useState([]);
+  const [namespaces, setNamespaces] = useState([]);
+  const [currentWorkflow, setCurrentWorkflow] =
+    useState<Scheduler.IJobDefinition | null>(null);
+
+  const api = useMemo(() => new MockWorkflowService({}), []);
+
+  useEffect(() => {
+    const getKernelSpecs = async () => {
+      const kernelSpecs = (await api.getKernelSpecs()) as any;
+
+      setKernelSpecs(kernelSpecs);
+    };
+
+    getKernelSpecs();
+  }, []);
+
+  useEffect(() => {
+    const getNamespaces = async () => {
+      const namespaces = await api.getNamespaces();
+
+      setNamespaces(namespaces as any);
+    };
+
+    getNamespaces();
+  }, []);
+
+  const value = useMemo(
+    () => ({
+      app,
+      api,
+      contents,
+      kernelSpecs,
+      namespaces,
+      currentWorkflow,
+      setCurrentWorkflow,
+      editorFactory
+    }),
+    [
+      app,
+      contents,
+      api,
+      kernelSpecs,
+      namespaces,
+      currentWorkflow,
+      editorFactory
+    ]
+  );
+
+  return (
+    <WorkflowsContext.Provider value={value}>
+      {children}
+    </WorkflowsContext.Provider>
+  );
+};
+
+type StoreProps = {
+  initialData?: any;
+  children: JSX.Element;
+};
+
+export const WorkflowStoreProvider: FC<StoreProps> = ({
+  initialData,
+  children
+}) => {
+  const storeRef = useRef<StoreType | null>(null);
+
+  if (!storeRef.current) {
+    storeRef.current = useZustandStore(initialData);
+  }
+
+  return (
+    <WorkflowStoreContext.Provider value={storeRef.current}>
+      {children}
+    </WorkflowStoreContext.Provider>
+  );
+};
diff --git a/src/dag-scheduler/context.ts b/src/dag-scheduler/context.ts
new file mode 100644
index 000000000..2570d2e24
--- /dev/null
+++ b/src/dag-scheduler/context.ts
@@ -0,0 +1,26 @@
+import { JupyterFrontEnd } from '@jupyterlab/application';
+import { ITranslator, nullTranslator } from '@jupyterlab/translation';
+import React from 'react';
+import { WorkflowsService, Namespace, Scheduler } from './handler';
+import { CodeEditor } from '@jupyterlab/codeeditor';
+
+export type WorkflowsContextType = {
+  app: JupyterFrontEnd;
+  api: WorkflowsService;
+  kernelSpecs: Array<{ label: string; value: string }>;
+  namespaces: Namespace[];
+  editorFactory: CodeEditor.Factory;
+  currentWorkflow: Scheduler.IJobDefinition | null;
+  setCurrentWorkflow: (name: Scheduler.IJobDefinition) => void;
+};
+
+// Context to be overridden with JupyterLab context
+const TranslatorContext = React.createContext<ITranslator>(nullTranslator);
+
+export const WorkflowsContext = React.createContext<WorkflowsContextType>(
+  {} as WorkflowsContextType
+);
+
+export default TranslatorContext;
+
+export const WorkflowStoreContext = React.createContext(null as any);
diff --git a/src/dag-scheduler/handler.ts b/src/dag-scheduler/handler.ts
new file mode 100644
index 000000000..b55c980ab
--- /dev/null
+++ b/src/dag-scheduler/handler.ts
@@ -0,0 +1,802 @@
+import { URLExt } from '@jupyterlab/coreutils';
+import { ServerConnection } from '@jupyterlab/services';
+import { Contact, TaskStatus } from './model';
+import { DeploymentStatus } from './contants';
+import { Toast } from './util/toast-decorator';
+
+const API_NAMESPACE = 'v2/scheduler';
+
+export type Namespace = {
+  id: string;
+  name: string;
+  cluster: string;
+  priorityClassName: 'p1' | 'p2' | 'p3' | 'p4';
+};
+
+export type NamespaceResponse = {
+  namespaces: Namespace[];
+};
+
+export class WorkflowsService {
+  constructor(options: SchedulerService.IOptions) {
+    this.serverSettings =
+      options.serverSettings || ServerConnection.makeSettings();
+  }
+
+  /**
+   * Serializes a query object into a URI query string. Assumes the keys and
+   * values of the query object as URI-encodable via `encoderURIComponent()`.
+   */
+  private serializeToQueryString<
+    T extends { sort_by?: Scheduler.ISortField[] }
+  >(jobQuery: T): string {
+    return (
+      '?' +
+      (Object.keys(jobQuery) as (keyof T)[])
+        .map(prop => {
+          if (prop === 'sort_by') {
+            const sortList: T['sort_by'] | undefined = jobQuery.sort_by;
+            if (sortList === undefined) {
+              return null;
+            }
+
+            // Serialize sort_by as a series of parameters in the firm dir(name)
+            // where 'dir' is the direction and 'name' the sort field
+            return sortList
+              .map(
+                sort =>
+                  `sort_by=${encodeURIComponent(
+                    sort.direction
+                  )}(${encodeURIComponent(sort.name)})`
+              )
+              .join('&');
+          }
+
+          const value = jobQuery[prop];
+          return `${encodeURIComponent(prop as any)}=${encodeURIComponent(
+            value as any
+          )}`;
+        })
+        .join('&')
+    );
+  }
+
+  @Toast({
+    pending: 'Creating a Workflow',
+    success: 'Workflow created successfully',
+    failure: 'Failed to create Workflow'
+  })
+  async createJobDefinition(
+    definition: Scheduler.IJobDefinition
+  ): Promise<Scheduler.IJobDefinition> {
+    let data;
+
+    const queryString = definition?.version === 'v1' ? '?migrate=true' : '';
+
+    try {
+      data = await requestAPI(
+        this.serverSettings,
+        'job_definitions' + queryString,
+        {
+          method: 'POST',
+          body: JSON.stringify(definition)
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+    return data as Scheduler.IJobDefinition;
+  }
+
+  async getJobDefinition(
+    definition_id: string
+  ): Promise<Scheduler.IJobDefinition> {
+    let data;
+
+    try {
+      data = (await requestAPI(
+        this.serverSettings,
+        `job_definitions/${definition_id}`,
+        {
+          method: 'GET'
+        }
+      )) as Scheduler.IJobDefinition;
+
+      // TODO: Fix this in backend
+      if (data && data.version === 'v1') {
+        data = {
+          ...data,
+          tasks: (data.tasks || []).map(t => ({
+            ...t,
+            status: TaskStatus.CREATED
+          }))
+        };
+      }
+    } catch (e) {
+      return Promise.reject(e);
+    }
+    return data as Scheduler.IJobDefinition;
+  }
+
+  @Toast({
+    pending: 'Updating Workflow',
+    success: 'Updated workflow successfully',
+    failure: 'Failed to update workflow'
+  })
+  async updateJobDefinition(
+    jobDefId: string,
+    model: Scheduler.IJobDefinition
+  ): Promise<Scheduler.IJobDefinition> {
+    let data;
+
+    try {
+      data = await requestAPI(
+        this.serverSettings,
+        `job_definitions/${jobDefId}`,
+        {
+          method: 'PATCH',
+          body: JSON.stringify(model)
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+
+    return data as Scheduler.IJobDefinition;
+  }
+
+  async getJobDefinitions(
+    jobDefintionsQuery: Scheduler.IListJobDefinitionsQuery,
+    definition_id?: string
+  ): Promise<Scheduler.IListJobDefinitionsResponse> {
+    let data;
+    const query = definition_id
+      ? `/${definition_id}`
+      : this.serializeToQueryString(jobDefintionsQuery);
+    try {
+      data = await requestAPI(this.serverSettings, `job_definitions${query}`, {
+        method: 'GET'
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+
+    return data as Scheduler.IListJobDefinitionsResponse;
+  }
+
+  @Toast({
+    pending: 'Deleting Workflow',
+    success: 'Deleted Workflow successfully',
+    failure: 'Failed to delete Workflow'
+  })
+  async deleteJobDefinition(
+    definition_id: string
+  ): Promise<Scheduler.IDescribeJobDefinition> {
+    let data;
+
+    try {
+      data = await requestAPI(
+        this.serverSettings,
+        `job_definitions/${definition_id}`,
+        {
+          method: 'DELETE'
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+    return data as Scheduler.IDescribeJobDefinition;
+  }
+
+  @Toast({
+    pending: 'Deploying workflow',
+    success: 'Deployed workflow successfully',
+    failure: 'Failed to deploy workflow'
+  })
+  async deployJobDefinition(jobDefId: string): Promise<void> {
+    try {
+      await requestAPI(
+        this.serverSettings,
+        `job_definitions/${jobDefId}/deploy`,
+        {
+          method: 'POST'
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  @Toast({
+    pending: 'Creating Task',
+    success: 'Task created successfully',
+    failure: 'Failed to create Task'
+  })
+  async createTask(
+    model: Scheduler.ITask,
+    definition_id?: string
+  ): Promise<Scheduler.ICreateJobResponse> {
+    let data;
+    try {
+      data = await requestAPI(
+        this.serverSettings,
+        `job_definitions/${definition_id}/tasks`,
+        {
+          method: 'POST',
+          body: JSON.stringify(model)
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+    return data as Scheduler.ICreateJobResponse;
+  }
+
+  @Toast({
+    pending: 'Updating Task',
+    success: 'Task updated successfully',
+    failure: 'Failed to update Task'
+  })
+  async updateTask(
+    model: Scheduler.ITask,
+    definition_id?: string
+  ): Promise<Scheduler.ICreateJobResponse> {
+    let data;
+    try {
+      data = await requestAPI(
+        this.serverSettings,
+        `job_definitions/${definition_id}/tasks/${model.id}`,
+        {
+          method: 'PATCH',
+          body: JSON.stringify(model)
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+    return data as Scheduler.ICreateJobResponse;
+  }
+
+  @Toast({
+    pending: 'Deleting Task',
+    success: 'Task deleted successfully',
+    failure: 'Failed to delete Task'
+  })
+  async deleteTask(taskId: string, definition_id?: string): Promise<void> {
+    try {
+      await requestAPI(
+        this.serverSettings,
+        `job_definitions/${definition_id}/tasks/${taskId}`,
+        {
+          method: 'DELETE'
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async getJob(
+    job_run_id: string,
+    version = 'v2'
+  ): Promise<Scheduler.IJobRunDetail> {
+    let data;
+    let query = '';
+
+    query = `${job_run_id}?version=${version}`;
+
+    try {
+      data = (await request(this.serverSettings, `v2/scheduler/jobs/${query}`, {
+        method: 'GET'
+      })) as Scheduler.IJobRunDetail;
+
+      // TODO: Fix this in backend
+      if (data && version === 'v1') {
+        data = {
+          ...data,
+          tasks: (data.tasks || []).map(t => ({
+            ...t,
+            status: TaskStatus.CREATED
+          }))
+        };
+      }
+    } catch (e) {
+      return Promise.reject(e);
+    }
+
+    return data as Scheduler.IJobRunDetail;
+  }
+
+  async getJobs(
+    jobQuery: Scheduler.IListJobsQuery,
+    job_def_id?: string,
+    version = 'v2'
+  ): Promise<Scheduler.IListJobsResponse> {
+    let data;
+    const query = job_def_id
+      ? `?job_definition_id=${job_def_id}&version=${version}`
+      : this.serializeToQueryString(jobQuery);
+
+    try {
+      // TODO: Revert the endpoint
+      data = await request(this.serverSettings, `v2/scheduler/jobs${query}`, {
+        method: 'GET'
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+
+    return data as Scheduler.IListJobsResponse;
+  }
+
+  @Toast({
+    pending: 'Submitting Job run request',
+    success: 'Job run request submitted successfully',
+    failure: 'Failed to submit Job run request'
+  })
+  async runJob(
+    job_definition_id: string,
+    model: { parameters: Record<string, string> }
+  ): Promise<void> {
+    try {
+      // TODO: Revert the endpoint
+      await request(
+        this.serverSettings,
+        `v2/scheduler/job_definitions/${job_definition_id}/jobs`,
+        {
+          method: 'POST',
+          body: JSON.stringify(model)
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  @Toast({
+    pending: 'Submitting Job re-run request',
+    success: 'Job re-run request submitted successfully',
+    failure: 'Failed to submit Job re-run request'
+  })
+  async rerunJob(job_id: string): Promise<void> {
+    try {
+      // TODO: Revert the endpoint
+      await request(this.serverSettings, `v2/scheduler/jobs/${job_id}`, {
+        method: 'POST'
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async setJobStatus(job_id: string, status: Scheduler.Status): Promise<void> {
+    try {
+      await requestAPI(this.serverSettings, `jobs/${job_id}`, {
+        method: 'PATCH',
+        body: JSON.stringify({ status })
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async pauseJobDefinition(jobDefId: string): Promise<void> {
+    try {
+      await requestAPI(this.serverSettings, `job_definitions/${jobDefId}`, {
+        method: 'PATCH',
+        body: JSON.stringify({ active: false })
+      });
+    } catch (e: unknown) {
+      return Promise.reject(e);
+    }
+  }
+
+  async resumeJobDefinition(jobDefId: string): Promise<void> {
+    try {
+      await requestAPI(this.serverSettings, `job_definitions/${jobDefId}`, {
+        method: 'PATCH',
+        body: JSON.stringify({ active: true })
+      });
+    } catch (e: unknown) {
+      return Promise.reject(e);
+    }
+  }
+
+  async downloadFiles(jobId: string, redownload = false): Promise<void> {
+    try {
+      await requestAPI(
+        this.serverSettings,
+        `jobs/${jobId}/download_files?redownload=${redownload}`,
+        {
+          method: 'GET'
+        }
+      );
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async getKernelSpecs(): Promise<any[]> {
+    try {
+      const { kernelspecs = {} } = await request<{
+        kernelspecs: Record<string, { spec: { display_name: string } }>;
+      }>(this.serverSettings, 'api/kernelspecs', {
+        method: 'GET'
+      });
+
+      return Object.keys(kernelspecs).map(key => ({
+        value: key,
+        label: kernelspecs[key].spec.display_name
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async getNamespaces(): Promise<Namespace[]> {
+    try {
+      try {
+        const { namespaces = [] } = await request<NamespaceResponse>(
+          this.serverSettings,
+          'namespaces',
+          {
+            method: 'GET'
+          }
+        );
+
+        return namespaces.map(ns => ({
+          ...ns,
+          value: ns.id,
+          label: ns.name
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  async getContacts(searchQuery: string): Promise<Contact[]> {
+    try {
+      const url = `publishing/search/users?search_string=${encodeURIComponent(
+        searchQuery
+      )}`;
+
+      return request(this.serverSettings, url);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  @Toast({
+    pending: 'Sharing',
+    failure: 'Failed to share Notebook'
+  })
+  async getPublishedFileMeta(fileId: string): Promise<any> {
+    try {
+      const url = `publishing/${fileId}`;
+
+      return request(this.serverSettings, url);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+
+  @Toast({
+    pending: 'Downloading',
+    success: 'Downloaded file successfully',
+    failure: 'Failed to Download'
+  })
+  download(model: { id: string; path: string }): any {
+    const { id: fileId } = model;
+    const url = URLExt.join('publishing', fileId, 'download');
+
+    return request(this.serverSettings, url, {
+      method: 'POST',
+      body: JSON.stringify(model)
+    });
+  }
+
+  /**
+   * The server settings used to make API requests.
+   */
+  readonly serverSettings: ServerConnection.ISettings;
+}
+
+/**
+ * Call the API extension
+ *
+ * @param endPoint API REST end point for the extension
+ * @param init Initial values for the request
+ * @param expectData Is response data expected
+ * @returns The response body interpreted as JSON
+ */
+async function requestAPI<T>(
+  settings: ServerConnection.ISettings,
+  endPoint = '',
+  init: RequestInit = {},
+  expectData = true
+): Promise<T> {
+  const requestUrl = URLExt.join(API_NAMESPACE, endPoint);
+
+  return request(settings, requestUrl, init, expectData);
+}
+
+async function request<T>(
+  settings: ServerConnection.ISettings,
+  endPoint = '',
+  init: RequestInit = {},
+  expectData = true
+): Promise<T> {
+  // Make request to Jupyter API
+  const requestUrl = URLExt.join(settings.baseUrl, endPoint);
+
+  let response: Response;
+  try {
+    response = await ServerConnection.makeRequest(requestUrl, init, settings);
+  } catch (error: any) {
+    throw new ServerConnection.NetworkError(error);
+  }
+
+  let data: any = await response.text();
+
+  if (expectData && data.length > 0) {
+    try {
+      data = JSON.parse(data);
+    } catch (error) {
+      console.error('Not a JSON response body.', response);
+    }
+  }
+
+  if (!response.ok) {
+    throw new ServerConnection.ResponseError(response, data.message || data);
+  }
+
+  return data;
+}
+
+export namespace SchedulerService {
+  /**
+   * The instantiation options for a data registry handler.
+   */
+  export interface IOptions {
+    serverSettings?: ServerConnection.ISettings;
+  }
+}
+
+export namespace Scheduler {
+  export type RuntimeEnvironmentParameters = Record<
+    string,
+    number | string | boolean
+  >;
+  export type Parameters = Record<string, string>;
+
+  export interface IJobDefinition {
+    id?: string;
+    job_definition_id?: string;
+    name: string;
+    version?: 'v1' | 'v2';
+    schedule?: string;
+    timezone?: string;
+    namespaceId: string;
+    parameters?: Parameters;
+    notebookParameters?: Parameters;
+    active?: boolean;
+    create_time?: number;
+    update_time?: number;
+    deploy_time?: number;
+    notificationEvents?: string[];
+    notificationEmails?: Contact[];
+    scheduleStartDate?: string;
+    externalLinks?: IExternalLink[];
+    status?: string;
+    status_message?: string;
+    slackChannel?: string;
+    tasks: ITask[];
+  }
+
+  export interface IJobRunDetail extends IJobDefinition {
+    job_id?: string;
+    runId: string;
+    task_runs: ITaskRun[];
+  }
+
+  export interface IUpdateJobDefinition {
+    name?: string;
+    schedule?: string;
+    timezone?: string;
+    active?: boolean;
+    input_uri?: string;
+    parameters?: Parameters;
+    runtimeProperties?: string;
+    notificationEmails?: string[];
+    notificationEvents?: string[];
+    output_formats?: string[];
+    input_file_id?: string;
+    kernelSpecId: string;
+    slackChannel?: string;
+    scheduleStartDate?: string;
+    taskTimeout?: string;
+    showOutputInEmail?: boolean;
+  }
+
+  export interface IDescribeJobDefinition {
+    name: string;
+    input_filename: string;
+    output_formats?: string[];
+    parameters?: Parameters;
+    output_filename_template?: string;
+    schedule?: string;
+    timezone?: string;
+    job_definition_id: string;
+    create_time: number;
+    update_time: number;
+    active: boolean;
+    status?: DeploymentStatus;
+    status_message?: string;
+
+    kernelSpecId: string;
+    namespaceId: string;
+    notificationEmails?: string[];
+    notificationEvents?: string[];
+    input_file_id: string;
+    runtimeProperties?: Record<string, string>;
+    externalLinks: IExternalLink[];
+    slackChannel?: string;
+    scheduleStartDate?: string;
+    taskTimeout?: string;
+    showOutputInEmail?: boolean;
+    tasks: any[];
+  }
+
+  export interface IEmailNotifications {
+    on_start?: string[];
+    on_success?: string[];
+    on_failure?: string[];
+    no_alert_for_skipped_rows: boolean;
+  }
+
+  export interface ITask {
+    id?: string;
+    nodeId: string;
+    name: string;
+    parameters?: Parameters;
+    notebookParameters?: Parameters;
+    runtimeProperties?: Record<string, unknown>;
+    output_formats?: string[];
+    input_uri: string;
+    input_file_id?: string;
+    input_file_path?: string;
+    kernelSpecId: string;
+    namespaceId: string;
+    input_filename?: string;
+    notificationEvents?: string[];
+    notificationEmails?: Contact[];
+    slackChannel?: string;
+    showOutputInEmail?: boolean;
+    taskTimeout?: string;
+    triggerRule?: string;
+    dependsOn: string[];
+    status?: TaskStatus;
+    status_message?: string;
+    externalLinks?: IExternalLink[];
+    create_time?: number;
+    update_time?: number;
+  }
+
+  export interface ITaskRun extends ITask {
+    start_time?: number;
+    taskId: string;
+    end_time?: number;
+    run_count?: number;
+    outputPreviewLink?: string;
+    job_files?: IJobFile[];
+    output_file_id: string;
+  }
+
+  export type Status =
+    | 'CREATED'
+    | 'QUEUED'
+    | 'IN_PROGRESS'
+    | 'COMPLETED'
+    | 'FAILED'
+    | 'STOPPING'
+    | 'STOPPED';
+
+  export interface IJobFile {
+    display_name: string;
+    file_format: string;
+    file_path?: string;
+  }
+
+  export interface IDescribeJob {
+    name: string;
+    input_filename: string;
+    runtime_environment_name: string;
+    input_file_id: string;
+    idempotency_token?: string;
+    job_definition_id?: string;
+    parameters?: Parameters;
+    tags?: string[];
+    email_notifications?: IEmailNotifications;
+    timeout_seconds?: number;
+    max_retries?: number;
+    min_retry_interval_millis?: number;
+    retry_on_timeout?: boolean;
+    output_filename_template?: string;
+    output_formats?: string[];
+    compute_type?: string;
+    job_id: string;
+    job_files: IJobFile[];
+    url: string;
+    status: Status;
+    status_message: string;
+    create_time: number;
+    update_time: number;
+    start_time?: number;
+    end_time?: number;
+    downloaded: boolean;
+    externalLinks: IExternalLink[];
+    runtimeProperties: Record<string, any>;
+    outputPreviewLink: string;
+    output_file_id?: string;
+    slackChannel?: string;
+    scheduleStartDate?: string;
+    taskTimeout?: string;
+    showOutputInEmail?: boolean;
+  }
+
+  export interface IExternalLink {
+    label: string;
+    description: string;
+    url: string;
+  }
+
+  export interface ICreateJobResponse {
+    job_id: string;
+  }
+
+  export enum SortDirection {
+    ASC = 'asc',
+    DESC = 'desc'
+  }
+
+  export interface ISortField {
+    name: string;
+    direction: SortDirection;
+  }
+
+  export interface IListJobsQuery {
+    status?: Status;
+    job_definition_id?: string;
+    name?: string;
+    start_time?: number;
+    sort_by?: ISortField[];
+    max_items?: number;
+    next_token?: string;
+    version?: 'v1' | 'v2';
+  }
+
+  export interface IListJobsResponse {
+    jobs: IDescribeJob[];
+    next_token?: string;
+    total_count?: number;
+  }
+
+  export interface IListJobDefinitionsQuery {
+    sort_by?: ISortField[];
+    max_items?: number;
+    next_token?: string;
+  }
+
+  export interface IListJobDefinitionsResponse {
+    job_definitions: IDescribeJobDefinition[];
+    next_token?: string;
+    total_count?: number;
+  }
+
+  export interface IUpdateJob {
+    status?: Status;
+  }
+}
diff --git a/src/dag-scheduler/hooks.ts b/src/dag-scheduler/hooks.ts
new file mode 100644
index 000000000..2267ee663
--- /dev/null
+++ b/src/dag-scheduler/hooks.ts
@@ -0,0 +1,42 @@
+import { useContext } from 'react';
+
+import { TranslationBundle } from '@jupyterlab/translation';
+
+import TranslatorContext, {
+  WorkflowStoreContext,
+  WorkflowsContext,
+  WorkflowsContextType
+} from './context';
+import { StoreType } from './store';
+
+export function useTranslator(bundleId: string): TranslationBundle {
+  const translator = useContext(TranslatorContext);
+
+  if (translator === null) {
+    throw new Error('Please wrap the app with TranslatorContext');
+  }
+
+  return translator.load(bundleId);
+}
+
+export function useWorkflows(): WorkflowsContextType {
+  const context = useContext(WorkflowsContext);
+
+  if (context === null) {
+    throw new Error('Please wrap the app with WorkflowsContext');
+  }
+
+  return context;
+}
+
+export function useWorkflowStore(): StoreType {
+  const store = useContext(WorkflowStoreContext);
+
+  if (!store) {
+    throw new Error(
+      'useWorkflowStore must be used within WorkflowStoreProvider'
+    );
+  }
+
+  return store;
+}
diff --git a/src/dag-scheduler/hooks/useDebounce.ts b/src/dag-scheduler/hooks/useDebounce.ts
new file mode 100644
index 000000000..737d974fa
--- /dev/null
+++ b/src/dag-scheduler/hooks/useDebounce.ts
@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+
+const useDebounce = <T>(value: T, delay: number): T => {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value]);
+
+  return debouncedValue;
+};
+
+export { useDebounce };
diff --git a/src/dag-scheduler/hooks/useOnClickOutside.ts b/src/dag-scheduler/hooks/useOnClickOutside.ts
new file mode 100644
index 000000000..3e5b142eb
--- /dev/null
+++ b/src/dag-scheduler/hooks/useOnClickOutside.ts
@@ -0,0 +1,22 @@
+import { useEffect, MutableRefObject } from 'react';
+
+type UseOnClickOutsideHandler = (
+  ref: MutableRefObject<HTMLElement | null>,
+  handler: (e: Event) => void
+) => void;
+
+export const useOnClickOutside: UseOnClickOutsideHandler = (ref, handler) => {
+  useEffect(() => {
+    const listener = (event: Event) => {
+      if (!ref.current || ref.current.contains(event.target as HTMLElement)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener('mousedown', listener);
+
+    return () => document.removeEventListener('mousedown', listener);
+  }, [ref, handler]);
+};
diff --git a/src/dag-scheduler/hooks/usePrevious.ts b/src/dag-scheduler/hooks/usePrevious.ts
new file mode 100644
index 000000000..581a550b2
--- /dev/null
+++ b/src/dag-scheduler/hooks/usePrevious.ts
@@ -0,0 +1,11 @@
+import { useEffect, useRef } from 'react';
+
+export const usePrevious = <T>(value: T): T => {
+  const ref = useRef<T>(value);
+
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+
+  return ref.current;
+};
diff --git a/src/dag-scheduler/index.ts b/src/dag-scheduler/index.ts
new file mode 100644
index 000000000..1318d3af6
--- /dev/null
+++ b/src/dag-scheduler/index.ts
@@ -0,0 +1,324 @@
+import {
+  ILayoutRestorer,
+  JupyterFrontEnd,
+  JupyterFrontEndPlugin
+} from '@jupyterlab/application';
+import {
+  Dialog,
+  InputDialog,
+  IThemeManager,
+  MainAreaWidget,
+  showDialog,
+  WidgetTracker
+} from '@jupyterlab/apputils';
+import { IEditorServices } from '@jupyterlab/codeeditor';
+import { FileBrowser, IFileBrowserFactory } from '@jupyterlab/filebrowser';
+import { ILauncher } from '@jupyterlab/launcher';
+import { INotebookTracker } from '@jupyterlab/notebook';
+import { Contents, ServerConnection } from '@jupyterlab/services';
+import { ITranslator } from '@jupyterlab/translation';
+import { IDocumentManager } from '@jupyterlab/docmanager';
+import { workflowsIcon } from './components/icons';
+import { WorkflowsService } from './handler';
+import { IJobsModel, JobsView, emptyCreateTaskModel } from './model';
+import { WorkflowsPanel } from './widget';
+import { SERVER_EXTENSION_404_JSX } from './util/errors';
+import { MakeNameValid } from './util/job-name-validation';
+import {
+  PartialJSONObject,
+  ReadonlyPartialJSONObject
+} from '@lumino/coreutils';
+import { generateFileName } from './util';
+import { map } from '@lumino/algorithm';
+
+export { Workflows } from './tokens';
+
+export namespace CommandIDs {
+  export const createJobFileBrowser = 'workflows:create-from-filebrowser';
+  export const createJobCurrentNotebook = 'workflows:create-from-notebook';
+  export const showNotebookWorkflows = 'workflows:show-notebook-workflows';
+}
+
+const PLUGIN_ID = '@jupyterlab/scheduler-workflows:plugin';
+
+export const WorkflowsPanelId = 'workflows-panel';
+
+/**
+ * Initialization data for the jupyterlab-scheduler extension.
+ */
+export const WorkflowsPlugin: JupyterFrontEndPlugin<void> = {
+  id: PLUGIN_ID,
+  requires: [
+    IFileBrowserFactory,
+    INotebookTracker,
+    IDocumentManager,
+    ITranslator,
+    ILayoutRestorer,
+    IEditorServices,
+    IThemeManager
+  ],
+  optional: [ILauncher],
+  autoStart: true,
+  activate: activatePlugin
+};
+
+function getSelectedItem(widget: FileBrowser | null): Contents.IModel | null {
+  if (widget === null) {
+    return null;
+  }
+
+  // Get the first selected item.
+  const firstItem = widget.selectedItems().next();
+
+  if (firstItem === null || firstItem === undefined) {
+    return null;
+  }
+
+  return firstItem.value;
+}
+
+// Get the file name, with all parent directories, of the currently selected file.
+function getSelectedFilePath(widget: FileBrowser | null): string | null {
+  const selectedItem = getSelectedItem(widget);
+  if (selectedItem === null) {
+    return null;
+  }
+  return selectedItem.path;
+}
+
+function removeFileExtension(name: string) {
+  const parts = name.split('.');
+
+  if (parts.length === 1) {
+    // no extension
+    return parts[0];
+  }
+
+  parts.splice(-1); // Remove the extension
+
+  return parts.join('.');
+}
+
+// Get only the file base name, with no parent directories and no extension,
+// of the currently selected file.
+function getSelectedFileBaseName(widget: FileBrowser | null): string | null {
+  const selectedItem = getSelectedItem(widget);
+  if (selectedItem === null) {
+    return null;
+  }
+
+  return removeFileExtension(selectedItem.name);
+}
+
+async function activatePlugin(
+  app: JupyterFrontEnd,
+  browserFactory: IFileBrowserFactory,
+  notebookTracker: INotebookTracker,
+  docManager: IDocumentManager,
+  translator: ITranslator,
+  restorer: ILayoutRestorer,
+  editorService: IEditorServices,
+  themeManager: IThemeManager,
+  launcher: ILauncher | null
+): Promise<void> {
+  const api = new WorkflowsService({});
+  const trans = translator.load('jupyterlab');
+
+  // Call API to verify that the server extension is actually installed
+  try {
+    await api.getJobs({ max_items: 0 });
+  } catch (e: unknown) {
+    // in case of 404, show missing server extension dialog and return
+    if (
+      e instanceof ServerConnection.ResponseError &&
+      e.response.status === 404
+    ) {
+      showDialog({
+        title: trans.__('Jupyter Scheduler server extension not found'),
+        body: SERVER_EXTENSION_404_JSX,
+        buttons: [Dialog.okButton()]
+      }).catch(console.warn);
+      // return;
+    }
+  }
+
+  const { commands } = app;
+  const fileBrowserTracker = browserFactory.tracker;
+  const widgetTracker = new WidgetTracker<MainAreaWidget<WorkflowsPanel>>({
+    namespace: 'jupyterlab-workflows'
+  });
+
+  // Restore only the List view always
+  restorer.restore(widgetTracker, {
+    name: () => 'jupyterlab-workflows',
+    command: CommandIDs.showNotebookWorkflows,
+    args: () =>
+      ({
+        key: Date.now(),
+        createTaskModel: emptyCreateTaskModel(),
+        jobsView: JobsView.ListJobDefinitions
+      } as unknown as PartialJSONObject)
+  });
+
+  let workflowsPanel: WorkflowsPanel | undefined;
+  let mainAreaWidget: MainAreaWidget<WorkflowsPanel> | undefined;
+
+  themeManager.themeChanged.connect(() => {
+    workflowsPanel?.updateTheme();
+    workflowsPanel?.update();
+  });
+
+  const showWorkflowsPanel = async (data: IJobsModel) => {
+    const showMainWidget = () => {
+      if (!mainAreaWidget || mainAreaWidget.isDisposed) {
+        // Create new workflows panel widget
+        workflowsPanel = new WorkflowsPanel({
+          app,
+          translator,
+          key: data.key,
+          jobsView: data.jobsView,
+          contents: docManager.services.contents,
+          editorFactory: editorService.factoryService.newInlineEditor
+        });
+
+        // Create new main area widget
+        mainAreaWidget = new MainAreaWidget<WorkflowsPanel>({
+          content: workflowsPanel
+        });
+
+        mainAreaWidget.id = WorkflowsPanelId;
+        mainAreaWidget.title.closable = true;
+        mainAreaWidget.title.icon = workflowsIcon;
+        mainAreaWidget.title.label = trans.__('Notebook Workflows panel');
+      }
+
+      if (!widgetTracker.has(mainAreaWidget)) {
+        // Track the state of the widget for later restoration
+        widgetTracker.add(mainAreaWidget);
+
+        mainAreaWidget.content.model.stateChanged.connect(() => {
+          void widgetTracker.save(
+            mainAreaWidget as MainAreaWidget<WorkflowsPanel>
+          );
+        });
+      }
+
+      if (!mainAreaWidget.isAttached) {
+        app.shell.add(mainAreaWidget, 'main');
+      }
+
+      mainAreaWidget.content.model.fromJson(data);
+      mainAreaWidget.content.update();
+      app.shell.activateById(mainAreaWidget.id);
+    };
+
+    if (data.createTaskModel?.input_uri) {
+      docManager.services.contents
+        .get(data.createTaskModel.input_uri)
+        .then(({ content }: Contents.IModel['content']) => {
+          const cellParams =
+            content.cells?.flatMap((cell: any) => cell.metadata?.tags || []) ||
+            [];
+
+          data.createTaskModel.kernelSpecId =
+            content.metadata?.kernelspec?.name;
+
+          data.cellParams = cellParams;
+
+          showMainWidget();
+        });
+
+      return;
+    }
+
+    showMainWidget();
+  };
+
+  // Commands
+  commands.addCommand(CommandIDs.showNotebookWorkflows, {
+    execute: async args => showWorkflowsPanel(args as unknown as IJobsModel),
+    label: trans.__('Notebook Workflows'),
+    icon: workflowsIcon
+  });
+
+  commands.addCommand(CommandIDs.createJobFileBrowser, {
+    execute: async () => {
+      const widget = fileBrowserTracker.currentWidget;
+      const filePath = getSelectedFilePath(widget) ?? '';
+
+      // Update the job form inside the notebook jobs widget
+      const newCreateModel = emptyCreateTaskModel();
+
+      newCreateModel.input_uri = filePath;
+      newCreateModel.name = MakeNameValid(
+        getSelectedFileBaseName(widget) ?? ''
+      );
+
+      await showWorkflowsPanel({
+        key: Date.now(),
+        jobsView: JobsView.CreateForm,
+        createTaskModel: newCreateModel
+      });
+    },
+    label: trans.__('Create Notebook Workflow'),
+    icon: workflowsIcon
+  });
+
+  commands.addCommand(CommandIDs.createJobCurrentNotebook, {
+    execute: async () => {
+      // Get the current notebook's name and path
+      const contentsModel =
+        notebookTracker.currentWidget?.context?.contentsModel;
+      const filePath = contentsModel?.path ?? '';
+      const fileName = contentsModel?.name ?? '';
+
+      // Update the job form inside the notebook jobs widget
+      const newCreateModel = emptyCreateTaskModel();
+
+      newCreateModel.input_uri = filePath;
+      newCreateModel.name = MakeNameValid(removeFileExtension(fileName));
+
+      await showWorkflowsPanel({
+        key: Date.now(),
+        jobsView: JobsView.CreateForm,
+        createTaskModel: newCreateModel
+      });
+    },
+    label: trans.__('Create Notebook workflow'),
+    icon: workflowsIcon
+  });
+
+  commands.addCommand('workflows:saveFile', {
+    execute: async (args: ReadonlyPartialJSONObject) => {
+      const { fileId, fileName } = args as any;
+      const defaultBrowser = browserFactory.createFileBrowser(
+        'workflows-file-browser'
+      );
+
+      const tempName = generateFileName(
+        fileName,
+        Array.from(map(defaultBrowser.model.items(), v => v.name))
+      );
+
+      const result = await InputDialog.getText({
+        title: 'Save as',
+        text: tempName
+      });
+
+      if (!result.value) {
+        return null;
+      }
+
+      api.download({ id: fileId, path: result.value });
+    }
+  });
+
+  // Add to launcher
+  if (launcher) {
+    launcher.add({
+      command: CommandIDs.showNotebookWorkflows
+    });
+  }
+}
+
+export { JobsView };
diff --git a/src/dag-scheduler/layout/elkjs.ts b/src/dag-scheduler/layout/elkjs.ts
new file mode 100644
index 000000000..fec0ad4bf
--- /dev/null
+++ b/src/dag-scheduler/layout/elkjs.ts
@@ -0,0 +1,47 @@
+import ELK, { ElkNode } from 'elkjs/lib/elk.bundled.js';
+import { Edge, Node } from 'reactflow';
+
+const elk = new ELK();
+
+const defaultOptions = {
+  'elk.direction': 'RIGHT',
+  'elk.algorithm': 'layered',
+  'elk.spacing.nodeNode': 50,
+  'elk.spacing.componentComponent': 100,
+  'elk.layered.spacing.edgeNodeBetweenLayers': 50,
+  'elk.layered.spacing.nodeNodeBetweenLayers': 100,
+  'elk.layered.mergeEdges': true,
+  'elk.layered.mergeHierarchyEdges': false
+};
+
+export const getLayoutedElements = (
+  nodes: Node[],
+  edges: Edge[],
+  options: Record<string, any> = {}
+): Promise<any[]> => {
+  const layoutOptions = { ...defaultOptions, ...options };
+
+  const graph = {
+    id: 'task-editor',
+    edges: edges,
+    layoutOptions: layoutOptions,
+    children: nodes.map(node => {
+      return {
+        ...node,
+        id: node.id,
+        width: node.width ?? 300,
+        height: node.height ?? 150
+      } as ElkNode;
+    })
+  };
+
+  return elk.layout(graph as any).then(({ children }: any) => {
+    // By mutating the children in-place we saves ourselves from creating a
+    // needless copy of the nodes array.
+    children.forEach((node: any) => {
+      node.position = { x: node.x, y: node.y };
+    });
+
+    return children;
+  });
+};
diff --git a/src/dag-scheduler/mainviews/create-workflow-view.tsx b/src/dag-scheduler/mainviews/create-workflow-view.tsx
new file mode 100644
index 000000000..d6380a583
--- /dev/null
+++ b/src/dag-scheduler/mainviews/create-workflow-view.tsx
@@ -0,0 +1,83 @@
+import React, { useCallback, useState, FC } from 'react';
+import { Stack } from '@mui/system';
+import ReactFlow, { Background, BackgroundVariant } from 'reactflow';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { Box, Typography } from '@mui/material';
+
+import { useTranslator, useWorkflows } from '../hooks';
+import { Scheduler } from '../handler';
+import { CreateWorkflow } from './create-workflow';
+import { emptyCreateJobDefinitionModel } from '../model';
+import { StyledAlert, StyledDrawer } from '../components/styled/drawer';
+
+export const CreateWorkflowView: FC = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const trans = useTranslator('jupyterlab');
+
+  const { api } = useWorkflows();
+  const [displayError, setDisplayError] = useState('');
+  const [jobData, setJobData] = useState<any>({
+    ...emptyCreateJobDefinitionModel(),
+    tasks: location?.state?.task ? [location?.state?.task] : []
+  });
+
+  const handleCreateJobDefinition = useCallback(
+    (jobDefinition: Scheduler.IJobDefinition) => {
+      return api
+        .createJobDefinition(jobDefinition)
+        .then(data =>
+          navigate(`/job-definitions/${data.job_definition_id}`, {
+            state: null // clear the state so the create workflows won't showup again when the app is restored
+          })
+        )
+        .catch(error => setDisplayError(error.message));
+    },
+    [navigate]
+  );
+
+  const ErrorBanner = (
+    <StyledAlert severity="error" onClose={() => setDisplayError('')}>
+      {displayError || 'Unknown error.'}
+    </StyledAlert>
+  );
+
+  return (
+    <>
+      {displayError ? ErrorBanner : null}
+      <Typography variant="h6" color="text.primary" p={3}>
+        {trans.__('Untitled')}
+      </Typography>
+      <ReactFlow>
+        <Background variant={BackgroundVariant.Dots} />
+      </ReactFlow>
+      <Stack
+        direction="row"
+        justifyContent="center"
+        sx={{
+          top: 0,
+          left: '50%',
+          height: '100%',
+          position: 'absolute',
+          transform: 'translateX(-50%)'
+        }}
+      >
+        <Box width={450}>
+          <StyledDrawer
+            open
+            anchor="bottom"
+            variant="persistent"
+            PaperProps={{ style: { transitionDelay: '500ms' } }}
+          >
+            <CreateWorkflow
+              model={jobData}
+              handleModelChange={setJobData}
+              onCreateJob={handleCreateJobDefinition}
+              onCancel={() => navigate('/job-definitions')}
+            />
+          </StyledDrawer>
+        </Box>
+      </Stack>
+    </>
+  );
+};
diff --git a/src/dag-scheduler/mainviews/create-workflow.tsx b/src/dag-scheduler/mainviews/create-workflow.tsx
new file mode 100644
index 000000000..7641718e2
--- /dev/null
+++ b/src/dag-scheduler/mainviews/create-workflow.tsx
@@ -0,0 +1,842 @@
+import React, {
+  useMemo,
+  useState,
+  useRef,
+  useEffect,
+  useCallback
+} from 'react';
+
+import { CreateScheduleOptions } from '../components/create-schedule-options';
+import { ParametersPicker } from '../components/parameters-picker';
+import { useWorkflows, useTranslator } from '../hooks';
+import {
+  Contact,
+  IJobParameter,
+  ModelWithScheduleFields,
+  defaultScheduleFields
+} from '../model';
+import { Workflows as SchedulerTokens } from '../tokens';
+import { taskNameError, WorkflowNameError } from '../util/job-name-validation';
+
+import {
+  Autocomplete,
+  Button,
+  Checkbox,
+  Collapse,
+  FormControl,
+  FormControlLabel,
+  FormHelperText,
+  FormLabel,
+  Grid,
+  IconButton,
+  InputAdornment,
+  InputLabel,
+  Link,
+  Slide,
+  Step,
+  StepLabel,
+  Stepper,
+  TextField,
+  TextFieldProps,
+  Tooltip,
+  Typography,
+  styled
+} from '@mui/material';
+
+import { Box, Stack } from '@mui/system';
+import { parseDate, serializeParameters, tryParseJSON } from '../util';
+import { CONTENTS_MIME_RICH, notificationTypes } from '../contants';
+import { Scheduler } from '../handler';
+import FolderIcon from '@mui/icons-material/Folder';
+import { nanoid } from 'nanoid';
+import {
+  Add,
+  ArrowBack,
+  ArrowForward,
+  CheckCircle,
+  ChevronRight,
+  Close,
+  WarningRounded
+} from '@mui/icons-material';
+import { JsonEditor } from '../components/json-editor';
+import { AutoSuggestionInput } from '../components/auto-suggestion';
+import {
+  convertTaskTimeoutHoursToSeconds,
+  convertTaskTimeoutSecondsToHours
+} from '../util/task-timeout-validation';
+import { debounce } from '@mui/material/utils';
+import { FormInputText } from '../components/forms/text-field';
+import { useForm, Controller, FormProvider } from 'react-hook-form';
+import { FormInputCheckboxList } from '../components/forms/checkbox-list';
+import { FormInputDate } from '../components/forms/date-input';
+import { cronToSchedule } from '../components/schedule-inputs';
+import { useLocation } from 'react-router-dom';
+import { AsyncButton } from '../components/async-button';
+import moment from 'moment';
+import { Dropzone } from '../components/drop-zone';
+
+export interface ICreateWorkflowProps {
+  model: Scheduler.IJobDefinition;
+  onCancel: () => void;
+  onCreateJob: (payload: Scheduler.IJobDefinition) => any;
+  handleModelChange: (model: Scheduler.IJobDefinition) => void;
+}
+
+type FormData = {
+  jobName: string;
+  namespaceId: string;
+  scheduleStartDate: moment.Moment | null; // The default value for creating a start date should always be null.
+  notificationEvents: string[];
+  taskName: string;
+  inputFile: string;
+  kernelSpecId: string;
+  outputFormats: string[];
+  triggerRule: string;
+  parameters: IJobParameter[];
+  notebookParameters: IJobParameter[];
+  runtimeProperties: string;
+  taskTimeout: string;
+  notificationEmails: Contact[];
+  showOutputInEmail: boolean;
+  taskNotificationEvents: string[];
+  slackChannel: string;
+  timezone: string;
+  scheduleInput: ModelWithScheduleFields;
+  workflowNotificationEmails: Contact[];
+};
+
+const CustomTextField = styled(TextField)<TextFieldProps>(({ theme }) => ({
+  '& fieldset': { top: 0 },
+  '& legend': {
+    display: 'none',
+    color: theme.palette.grey,
+    marginBottom: theme.spacing(2)
+  },
+  '& .MuiInputLabel-shrink': { opacity: 0 },
+  '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+}));
+
+export function CreateWorkflow(props: ICreateWorkflowProps): JSX.Element {
+  const trans = useTranslator('jupyterlab');
+  const { api, namespaces, kernelSpecs } = useWorkflows();
+  const location = useLocation();
+  const canSkipTaskCreation = !location.state;
+
+  const [currentStep, setCurrentStep] = useState(0);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [fileUpdated, setFileUpdated] = useState(false);
+  const [contacts, setContacts] = useState<Contact[]>([]);
+  const [canAnimateTaskForm, setCanAnimateTaskForm] = useState(false);
+  const [additionalSettingsOpen, setAdditionalSettingsOpen] = useState(false);
+
+  // A mapping from input names to error messages.
+  // If an error message is "truthy" (i.e., not null or ''), we should display the
+  // input in an error state and block form submission.
+  // TODO: Refactor Parameters picker component so this can be managed by useForms
+  const [jobErrors, setJobErrors] = useState<SchedulerTokens.ErrorsType>({});
+  const [taskErrors, setTaskErrors] = useState<SchedulerTokens.ErrorsType>({});
+
+  const isFirstRender = useRef(true);
+  const componentRef = useRef<HTMLElement | null>(null);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+  const settingsRef = useRef<HTMLInputElement | null>(null);
+
+  // TODO: Remove this once Type definition is fixed
+  const taskData = props.model.tasks[0];
+
+  const methods = useForm<any>({
+    mode: 'all',
+    shouldUnregister: false,
+    defaultValues: {
+      jobName: props.model.name || '',
+      namespaceId: props.model.namespaceId || '',
+      scheduleStartDate: parseDate(props.model.scheduleStartDate), // The default value for creating a start date should always be null.
+      notificationEvents: props.model.notificationEvents || [],
+      taskName: taskData?.name || '',
+      inputFile: taskData?.input_uri || '',
+      kernelSpecId: taskData?.kernelSpecId || '',
+      notebookParameters: [],
+      runtimeProperties: '{}',
+      notificationEmails: [],
+      showOutputInEmail: false,
+      parameters: [],
+      workflowNotificationEmails: [],
+      slackChannel: taskData?.slackChannel || '',
+      outputFormats: taskData?.output_formats,
+      taskNotificationEvents: taskData?.notificationEvents || [],
+      taskTimeout:
+        convertTaskTimeoutSecondsToHours(taskData?.taskTimeout) || '4',
+      scheduleInput: {
+        ...cronToSchedule(
+          props.model.schedule || defaultScheduleFields.schedule
+        ),
+        schedule: props.model.schedule || defaultScheduleFields.schedule,
+        timezone: props.model.timezone || ''
+      }
+    }
+  });
+
+  const namespaceId = methods.watch('namespaceId');
+  const kernelSpecId = methods.watch('kernelSpecId');
+
+  const selectedNamespace = useMemo(
+    () => namespaces.find(n => n.id === namespaceId),
+    [namespaceId]
+  );
+
+  const selectedKernelSpec = useMemo(
+    () => kernelSpecs.find(n => n.value === kernelSpecId),
+    [kernelSpecId]
+  );
+
+  const { handleSubmit, control } = methods;
+  const cantSubmit = trans.__('One or more of the fields has an error.');
+
+  const debouncedSearch = useMemo(() => debounce(setSearchQuery, 300), []);
+
+  useEffect(() => {
+    const stringMatch: (str: string) => boolean = str =>
+      str.toLowerCase().indexOf(searchQuery.toLowerCase()) > -1;
+
+    const getContacts = async () => {
+      const users = await api.getContacts(searchQuery);
+
+      setContacts(
+        users.filter(c => stringMatch(c.email) || stringMatch(c.name))
+      );
+    };
+
+    searchQuery && getContacts();
+  }, [searchQuery]);
+
+  useEffect(() => {
+    // Kernel spec is already available in the selected notebook go to job definition
+    if (isFirstRender.current && !!taskData?.kernelSpecId) {
+      setTimeout(() => setCurrentStep(step => step + 1), 500);
+    }
+
+    // Do this validation only when it's a 2 step process and the first form is not completely filled
+    if (!taskData?.kernelSpecId && !canSkipTaskCreation) {
+      methods.trigger();
+    }
+  }, [methods, taskData?.kernelSpecId]);
+
+  useEffect(() => {
+    isFirstRender.current = false;
+  }, []);
+
+  useEffect(() => {
+    inputRef.current?.focus();
+
+    if (currentStep > 0) {
+      setCanAnimateTaskForm(true);
+    }
+  }, [currentStep]);
+
+  useEffect(() => {
+    if (additionalSettingsOpen) {
+      setTimeout(
+        () => settingsRef.current?.scrollTo({ top: 700, behavior: 'smooth' }),
+        100
+      );
+    }
+  }, [additionalSettingsOpen]);
+
+  useEffect(() => {
+    const { isValid, isSubmitting } = methods.formState;
+
+    if (!isValid && isSubmitting) {
+      handleScrollToTop();
+    }
+  }, [methods.formState]);
+
+  const anyJobErrors = Object.keys(jobErrors).some(key => !!jobErrors[key]);
+  const anyTaskErrors = Object.keys(taskErrors).some(key => !!taskErrors[key]);
+
+  const submitCreateJobDefinitionRequest = async (formData: FormData) => {
+    const { data, error } = tryParseJSON(formData.runtimeProperties || '{}');
+
+    if (error || anyJobErrors) {
+      console.error(
+        'User attempted to submit a createJobDefinition request; button should have been disabled',
+        error,
+        jobErrors
+      );
+
+      handleScrollToTop();
+
+      return;
+    }
+
+    const jobDefinitionOptions: Scheduler.IJobDefinition = {
+      name: formData.jobName,
+      namespaceId: formData.namespaceId,
+      schedule: formData.scheduleInput.schedule,
+      timezone: formData.scheduleInput.timezone,
+      notificationEvents: formData.notificationEvents,
+      parameters: serializeParameters(formData.parameters || []),
+      notebookParameters: serializeParameters(formData.parameters || []),
+      scheduleStartDate: formData.scheduleStartDate?.format('YYYY-MM-DD'),
+      notificationEmails: formData.workflowNotificationEmails.map(
+        c => c.email
+      ) as any,
+      slackChannel: formData.slackChannel || undefined,
+      tasks: [
+        {
+          dependsOn: [],
+          nodeId: nanoid(),
+          name: formData.taskName,
+          runtimeProperties: data,
+          input_uri: formData.inputFile,
+          namespaceId: formData.namespaceId,
+          triggerRule: formData.triggerRule,
+          kernelSpecId: formData.kernelSpecId,
+          output_formats: formData.outputFormats,
+          notebookParameters: serializeParameters(
+            formData.notebookParameters || []
+          ),
+          showOutputInEmail: formData.showOutputInEmail,
+          taskTimeout: convertTaskTimeoutHoursToSeconds(formData.taskTimeout)
+        }
+      ]
+    };
+
+    if (formData.parameters !== undefined) {
+      jobDefinitionOptions.parameters = serializeParameters(
+        formData.parameters
+      );
+    }
+
+    if (canSkipTaskCreation) {
+      jobDefinitionOptions.tasks = [];
+    }
+
+    await props.onCreateJob(jobDefinitionOptions);
+  };
+
+  const handleSetFocusWithDelay = (input: HTMLInputElement | null) => {
+    // This is required so we get nice animation when the form is opened in a drawer component
+    if (isFirstRender.current) {
+      setTimeout(() => input?.focus(), 300);
+    }
+  };
+
+  const handleScrollToTop = () => {
+    // Scroll back to the top of the panel. A short delay is needed to allow for smooth scroll.
+    setTimeout(() => {
+      componentRef.current?.scrollIntoView({
+        behavior: 'smooth'
+      });
+    }, 100);
+  };
+
+  const handleDragOver = useCallback((event: any) => {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+
+  const handleDrop = useCallback((event: any) => {
+    const mimeData = event.mimeData.getData(CONTENTS_MIME_RICH);
+
+    if (mimeData?.model?.type !== 'notebook') {
+      return;
+    }
+
+    methods.setValue('inputFile', mimeData.model.path, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+
+    setFileUpdated(true);
+
+    setTimeout(() => {
+      componentRef.current && setFileUpdated(false);
+    }, 3000);
+  }, []);
+
+  const JobDefinition = (
+    <Slide
+      direction="left"
+      mountOnEnter
+      unmountOnExit
+      in={currentStep === (canSkipTaskCreation ? 0 : 1)}
+    >
+      <Box
+        key="job-definition"
+        display="flex"
+        flexDirection="column"
+        p={3}
+        gap={4}
+        ref={componentRef}
+      >
+        <FormInputText
+          rules={{
+            validate: value => WorkflowNameError(value, trans) || undefined
+          }}
+          name="jobName"
+          control={control}
+          label={trans.__('Name')}
+          placeholder={trans.__('Workflow name')}
+          inputRef={handleSetFocusWithDelay}
+        />
+
+        <Controller
+          name="namespaceId"
+          control={control}
+          rules={{
+            validate: value => (!value ? 'Namespace is required' : undefined)
+          }}
+          render={({ field: { onChange }, fieldState: { error } }) => (
+            <Autocomplete
+              sx={{
+                '& .MuiInputLabel-shrink': { display: 'none' },
+                '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+              }}
+              options={namespaces}
+              value={selectedNamespace}
+              groupBy={option => option.cluster}
+              getOptionLabel={option => option.name}
+              getOptionKey={option => option.id}
+              onChange={(_, v) => onChange(v?.id)}
+              renderInput={(params: any) => (
+                <>
+                  <FormLabel component="legend" focused={false} sx={{ mb: 1 }}>
+                    {trans.__('Namespace')}{' '}
+                  </FormLabel>
+                  <CustomTextField
+                    {...params}
+                    name="namespaceId"
+                    variant="outlined"
+                    error={!!error?.message}
+                    placeholder={trans.__('Select a namespace')}
+                    helperText={error?.message}
+                  />
+                </>
+              )}
+            />
+          )}
+        />
+
+        <Controller
+          name="scheduleInput"
+          control={control}
+          render={({ field: { value, onChange }, fieldState: { error } }) => (
+            <CreateScheduleOptions
+              errors={jobErrors}
+              utcOnly={false}
+              canChangeSchedule
+              model={value}
+              label={trans.__('Schedule')}
+              id={'createType'}
+              handleErrorsChange={setJobErrors}
+              handleModelChange={onChange}
+            />
+          )}
+        />
+
+        <FormInputDate
+          label="Start date"
+          name="scheduleStartDate"
+          control={control}
+          placeholder={trans.__('Schedule start date')}
+        />
+
+        <Link
+          underline="none"
+          sx={{
+            gap: 2,
+            display: 'flex',
+            cursor: 'pointer',
+            alignItems: 'center'
+          }}
+          component="button"
+          onClick={() => setAdditionalSettingsOpen(v => !v)}
+        >
+          <ChevronRight
+            sx={{
+              transform: additionalSettingsOpen ? 'rotate(90deg)' : 'none'
+            }}
+          />{' '}
+          Additional settings
+        </Link>
+
+        <Collapse in={additionalSettingsOpen}>
+          <Stack sx={{ gap: 4 }}>
+            <Controller
+              name={'parameters'}
+              control={control}
+              render={({
+                field: { value, onChange },
+                fieldState: { error }
+              }) => (
+                <ParametersPicker
+                  errors={jobErrors}
+                  name={'parameters'}
+                  label={trans.__('Parameters')}
+                  id={'parameters'}
+                  handleErrorsChange={setJobErrors}
+                  onChange={onChange}
+                  value={value}
+                />
+              )}
+            />
+
+            <FormInputCheckboxList
+              control={control}
+              label={trans.__('Notification events')}
+              name="notificationEvents"
+              id={'notificationEvents'}
+              options={notificationTypes}
+            />
+
+            <Stack spacing={1}>
+              <InputLabel>
+                {trans.__('Notification emails')}{' '}
+                <Typography variant="caption">- Optional</Typography>
+              </InputLabel>
+              <Controller
+                name="workflowNotificationEmails"
+                control={control}
+                render={({ field: { value, onChange } }) => (
+                  <AutoSuggestionInput
+                    value={value}
+                    contacts={contacts}
+                    onSearch={debouncedSearch}
+                    onChange={onChange}
+                  />
+                )}
+              />
+            </Stack>
+
+            <FormInputText
+              control={control}
+              name="slackChannel"
+              label={trans.__('Slack channel')}
+              placeholder={trans.__('channel to notify')}
+              helperText={
+                'e.g. #example-slack-channel (must be a public channel)'
+              }
+            />
+          </Stack>
+        </Collapse>
+
+        {anyJobErrors ? (
+          <FormHelperText error>
+            {trans.__(
+              'The form could not be submitted because some required fields are missing'
+            )}
+          </FormHelperText>
+        ) : null}
+      </Box>
+    </Slide>
+  );
+
+  const TaskDetails = (
+    <Slide
+      mountOnEnter
+      unmountOnExit
+      direction="right"
+      in={currentStep === 0}
+      appear={canAnimateTaskForm}
+    >
+      <Box key="task-details" sx={{ p: 3, height: '100%' }} ref={componentRef}>
+        <Box display="flex" flexDirection="column" pt={0} gap={4}>
+          <FormInputText
+            name="taskName"
+            control={control}
+            margin="none"
+            label={trans.__('Name')}
+            placeholder={trans.__('Task name')}
+            rules={{
+              validate: value => taskNameError(value, trans) || undefined
+            }}
+            inputRef={inputRef}
+          />
+
+          <Dropzone onDrop={handleDrop} onDragOver={handleDragOver}>
+            <FormInputText
+              fullWidth
+              name="inputFile"
+              control={control}
+              margin="none"
+              label={trans.__('Input file snapshot')}
+              rules={{
+                required: 'This field is required'
+              }}
+              InputProps={{
+                readOnly: true,
+                startAdornment: (
+                  <InputAdornment position="start">
+                    <FolderIcon fontSize="small" />
+                    &nbsp;&nbsp;/
+                  </InputAdornment>
+                ),
+                endAdornment: fileUpdated ? (
+                  <InputAdornment position="end">
+                    <CheckCircle color="success" fontSize="small" />
+                  </InputAdornment>
+                ) : null
+              }}
+              helperText="Drag a file from the file browser and drop it here to update the input file snapshot"
+            />
+          </Dropzone>
+
+          <Controller
+            name="kernelSpecId"
+            control={control}
+            rules={{
+              validate: value =>
+                !value ? 'Kernel configuration is required' : undefined
+            }}
+            render={({ field: { onChange }, fieldState: { error } }) => (
+              <Autocomplete
+                sx={{
+                  '& .MuiInputLabel-shrink': { display: 'none' },
+                  '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+                }}
+                options={kernelSpecs}
+                value={selectedKernelSpec}
+                onChange={(_, v) => onChange(v?.value)}
+                renderInput={(params: any) => (
+                  <>
+                    <FormLabel
+                      component="legend"
+                      focused={false}
+                      sx={{ mb: 1 }}
+                    >
+                      {trans.__('Kernel configuration')}{' '}
+                    </FormLabel>
+                    <CustomTextField
+                      {...params}
+                      name="kernelSpecId"
+                      variant="outlined"
+                      error={!!error?.message}
+                      helperText={error?.message}
+                      placeholder={trans.__('Select a kernel configuration')}
+                    />
+                  </>
+                )}
+              />
+            )}
+          />
+
+          <Controller
+            name="notebookParameters"
+            control={control}
+            render={({ field: { value, onChange } }) => (
+              <ParametersPicker
+                errors={taskErrors}
+                name={'parameters'}
+                label={trans.__('Parameters')}
+                id={'notebookParameters'}
+                handleErrorsChange={setTaskErrors}
+                onChange={onChange}
+                value={value}
+              />
+            )}
+          />
+
+          <Controller
+            control={control}
+            name="runtimeProperties"
+            render={({ field: { value, onChange } }) => (
+              <JsonEditor
+                label="Runtime properties"
+                initialValue={value}
+                onChange={onChange}
+              />
+            )}
+          />
+
+          <FormInputText
+            control={control}
+            name="taskTimeout"
+            margin="none"
+            type="number"
+            label={trans.__('Job timeout')}
+            helperText={'Default (and minimum) is 4 hours'}
+            rules={{
+              validate: (value = 0) =>
+                value < 4 ? 'Timeout must be 4 hours or greater.' : undefined
+            }}
+            InputProps={{
+              endAdornment: (
+                <InputAdornment position="end">
+                  {trans.__('hours')}
+                </InputAdornment>
+              )
+            }}
+          />
+
+          <FormControl component="fieldset" variant="standard">
+            <FormLabel component="legend" focused={false}>
+              {trans.__('Notification email settings')}{' '}
+              <Typography variant="caption">- Optional</Typography>
+            </FormLabel>
+            <Controller
+              name="showOutputInEmail"
+              control={control}
+              render={({ field: { value, onChange } }) => (
+                <>
+                  <Tooltip
+                    placement="left"
+                    title={
+                      <Grid
+                        container
+                        direction="row"
+                        alignItems="center"
+                        spacing={1}
+                      >
+                        <Grid item>
+                          <WarningRounded />
+                        </Grid>
+                        <Grid item>
+                          Do not enable if outputs include sensitive
+                          information.
+                        </Grid>
+                      </Grid>
+                    }
+                  >
+                    <FormControlLabel
+                      control={<Checkbox checked={value} onChange={onChange} />}
+                      label={trans.__('Preview outputs')}
+                    />
+                  </Tooltip>
+                  <FormHelperText>
+                    Outputs that execute Javascript will not render in emails.
+                  </FormHelperText>
+                </>
+              )}
+            />
+          </FormControl>
+        </Box>
+      </Box>
+    </Slide>
+  );
+
+  const numberOfSteps = [
+    canSkipTaskCreation ? null : TaskDetails,
+    JobDefinition
+  ].filter(Boolean);
+
+  const actionSteps = [
+    canSkipTaskCreation ? null : (
+      <React.Fragment key="step-1-btn">
+        <Button
+          variant="contained"
+          endIcon={<ArrowForward />}
+          onClick={async () => {
+            if ((await methods.trigger()) && !anyTaskErrors) {
+              setCurrentStep(currentStep + 1);
+
+              return;
+            }
+
+            handleScrollToTop();
+          }}
+        >
+          {trans.__('Proceed to workflow')}
+        </Button>
+      </React.Fragment>
+    ),
+
+    <React.Fragment key="step-2-btn">
+      {canSkipTaskCreation ? null : (
+        <Button
+          variant="text"
+          sx={{ mr: 'auto' }}
+          startIcon={<ArrowBack />}
+          onClick={() => setCurrentStep(currentStep - 1)}
+        >
+          {trans.__('Back to task')}
+        </Button>
+      )}
+
+      <Button variant="text" onClick={e => props.onCancel()}>
+        {trans.__('Cancel')}
+      </Button>
+
+      <AsyncButton
+        variant="contained"
+        startIcon={<Add />}
+        title={anyJobErrors ? cantSubmit : ''}
+        onClick={handleSubmit(submitCreateJobDefinitionRequest)}
+      >
+        {trans.__('Create workflow')}
+      </AsyncButton>
+    </React.Fragment>
+  ].filter(Boolean);
+
+  const taskError = [
+    'taskName',
+    'kernelSpecId',
+    'outputFormats',
+    'taskTimeout'
+  ].some(key => !!methods.formState.errors[key]);
+
+  const workflowError =
+    Object.keys(methods.formState.errors).length && !taskError;
+
+  return (
+    <FormProvider {...methods}>
+      <Stack sx={{ height: '100%', overflow: 'hidden' }}>
+        <Stack gap={5} p={4}>
+          <Box
+            my={2}
+            px={3}
+            display="flex"
+            alignItems="center"
+            justifyContent="space-between"
+          >
+            <Typography variant="h5">{trans.__('Create workflow')}</Typography>
+            <IconButton onClick={props.onCancel}>
+              <Close />
+            </IconButton>
+          </Box>
+          {numberOfSteps.length > 1 ? (
+            <Stepper
+              activeStep={currentStep}
+              sx={{
+                px: 1,
+                '& .MuiStepLabel-root .Mui-completed': {
+                  color: 'success.main'
+                }
+              }}
+            >
+              <Step>
+                <StepLabel error={!!taskError || anyTaskErrors}>
+                  {trans.__('Task details')}
+                </StepLabel>
+              </Step>
+              <Step>
+                <StepLabel error={!!workflowError || anyJobErrors}>
+                  {trans.__('Workflow details')}
+                </StepLabel>
+              </Step>
+            </Stepper>
+          ) : null}
+        </Stack>
+        <Box
+          px={4}
+          height={500}
+          ref={settingsRef}
+          overflow="scroll"
+          className="scroll-shadow"
+        >
+          <form onSubmit={e => e.preventDefault()}>
+            {numberOfSteps.map((Component, idx) =>
+              idx === currentStep ? Component : null
+            )}
+          </form>
+        </Box>
+        <Stack direction="row" gap={3} justifyContent="flex-end" px={7} py={4}>
+          {actionSteps.length
+            ? actionSteps.map((Component, idx) =>
+                idx === currentStep ? Component : null
+              )
+            : actionSteps[0]}
+        </Stack>
+      </Stack>
+    </FormProvider>
+  );
+}
diff --git a/src/dag-scheduler/mainviews/job-definition-detail.tsx b/src/dag-scheduler/mainviews/job-definition-detail.tsx
new file mode 100644
index 000000000..a0db1c8bd
--- /dev/null
+++ b/src/dag-scheduler/mainviews/job-definition-detail.tsx
@@ -0,0 +1,331 @@
+import React, { useMemo, useState, memo } from 'react';
+
+import {
+  Box,
+  Link,
+  Stack,
+  Tooltip,
+  IconButton,
+  Typography,
+  Chip,
+  Avatar
+} from '@mui/material';
+
+import { useTranslator, useWorkflowStore, useWorkflows } from '../hooks';
+import { EMPTY_VALUE } from '../contants';
+import {
+  Edit,
+  InfoOutlined,
+  LinkRounded,
+  NotificationsOutlined,
+  ScheduleRounded,
+  UnfoldMore,
+  Close
+} from '@mui/icons-material';
+import { UpdateWorkflow } from './update-workflow';
+import { formatCronString, getTitleCase, timestampLocalize } from '../util';
+import { ScheduleSummary } from '../components/schedule-summary';
+import { WorkflowStatusBadge } from '../components/status-badge';
+import { darken, lighten, useTheme } from '@mui/system';
+import { ViewParameters } from '../components/view-parameters';
+import { ListTemplate } from '../templates/list';
+import { SidePanelTemplate } from '../templates/side-panel';
+import ReactShowMoreText from 'react-show-more-text';
+
+const State = (color: string, mode: 'light' | 'dark') => {
+  const contrastFunc = mode === 'light' ? lighten : darken;
+
+  return (
+    <Stack
+      width={12}
+      height={12}
+      borderRadius={12}
+      alignItems="center"
+      justifyContent="center"
+      style={{
+        background: contrastFunc(color, 0.7)
+      }}
+    >
+      <Box
+        width={6}
+        height={6}
+        borderRadius={6}
+        style={{
+          background: contrastFunc(color, 0.4)
+        }}
+      />
+    </Stack>
+  );
+};
+
+export const JobDefinition = memo(() => {
+  const theme = useTheme();
+  const useStore = useWorkflowStore();
+  const { namespaces } = useWorkflows();
+  const trans = useTranslator('jupyterlab');
+
+  const [isEditing, setIsEditing] = useState(false);
+
+  const model = useStore(state => state.currentJob);
+  const updateJobDefinition = useStore(state => state.updateJobDefinition);
+
+  const namespaceName = useMemo(() => {
+    const { cluster, name } =
+      namespaces.find(n => n.id === model?.namespaceId) || {};
+    const clustName = cluster ? `(${cluster})` : '';
+
+    return `${name} ${clustName}`;
+  }, [model?.namespaceId, namespaces]);
+
+  if (model === null) {
+    // TODO: Display error page
+    return <></>;
+  }
+
+  // TODO: Move this to store
+  const canEdit = !!model?.job_definition_id && model?.version === 'v2';
+
+  const jobDefinitionFields = [
+    {
+      value: model.name,
+      label: trans.__('Name'),
+      icon: <InfoOutlined />
+    },
+
+    {
+      value: model.create_time
+        ? timestampLocalize(+model.create_time)
+        : EMPTY_VALUE,
+      label: trans.__('Created at')
+    },
+
+    {
+      value: model.update_time
+        ? timestampLocalize(+model.update_time)
+        : EMPTY_VALUE,
+      label: trans.__('Updated at')
+    },
+
+    {
+      value: model.deploy_time
+        ? timestampLocalize(+model.deploy_time)
+        : EMPTY_VALUE,
+      label: trans.__('Last deployed')
+    },
+
+    {
+      value: namespaceName || model.namespaceId,
+      label: trans.__('Namespace')
+    },
+
+    {
+      value: model.active ? (
+        <Stack
+          gap={1}
+          fontSize={11}
+          direction="row"
+          alignItems="center"
+          color={theme.palette.success.light}
+        >
+          {State(theme.palette.success.main, theme.palette.mode)}
+          {trans.__('ACTIVE')}
+        </Stack>
+      ) : (
+        <Stack
+          gap={1}
+          fontSize={11}
+          direction="row"
+          alignItems="center"
+          color={
+            theme.palette.mode === 'light'
+              ? theme.palette.grey[700]
+              : theme.palette.grey[200]
+          }
+        >
+          {State(
+            theme.palette.mode === 'light'
+              ? theme.palette.grey[700]
+              : theme.palette.grey[200],
+            theme.palette.mode
+          )}
+          {trans.__('PAUSED')}
+        </Stack>
+      ),
+      label: trans.__('Status')
+    },
+
+    {
+      value: (
+        <Stack gap={2}>
+          <Box>
+            <WorkflowStatusBadge status={model.status as any} />
+          </Box>
+          {model.status_message ? (
+            <Typography paragraph>
+              <ReactShowMoreText
+                lines={5}
+                more={
+                  <Link component="button" underline="none">
+                    {trans.__('Show more')}
+                  </Link>
+                }
+                less={
+                  <Link component="button" underline="none">
+                    {trans.__('Show less')}
+                  </Link>
+                }
+                className="error-details-collapse"
+              >
+                {model.status_message}
+              </ReactShowMoreText>
+            </Typography>
+          ) : null}
+        </Stack>
+      ),
+      label: trans.__('Deployment status')
+    },
+
+    {
+      value: Object.keys(model.parameters || {}).length ? (
+        <ViewParameters
+          values={[
+            {
+              label: 'Parameters',
+              value: JSON.stringify(model.parameters, null, 2)
+            }
+          ]}
+        />
+      ) : (
+        trans.__('No Parameters configured')
+      ),
+      label: trans.__('Parameters'),
+      icon: <UnfoldMore sx={{ transform: 'rotate(90deg)' }} />
+    },
+
+    {
+      value: model.schedule ? (
+        <ScheduleSummary schedule={model.schedule} />
+      ) : (
+        EMPTY_VALUE
+      ),
+      helperText: formatCronString(model) ?? '',
+      label: trans.__('Schedule'),
+      icon: <ScheduleRounded />
+    },
+
+    {
+      value: model.scheduleStartDate ?? '',
+      label: trans.__('Start date')
+    },
+
+    {
+      value: model.timezone ?? '',
+      label: trans.__('Time zone')
+    },
+
+    {
+      value: (
+        <>
+          {model.notificationEvents?.length
+            ? model.notificationEvents?.map(v => (
+                <Chip
+                  size="small"
+                  sx={{ m: 1 }}
+                  color="default"
+                  label={getTitleCase(v)}
+                />
+              ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Notification events'),
+      icon: <NotificationsOutlined />
+    },
+
+    {
+      value: (
+        <>
+          {model.notificationEmails?.length
+            ? model.notificationEmails.map((v: any) => (
+                <Chip
+                  key={v}
+                  avatar={<Avatar>{v[0].toUpperCase()}</Avatar>}
+                  size="small"
+                  sx={{ m: 1 }}
+                  label={v}
+                  color="default"
+                />
+              ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Notification emails')
+    },
+
+    {
+      value: model.slackChannel ?? '',
+      label: trans.__('Slack channel')
+    },
+
+    {
+      value: model.externalLinks?.length ? (
+        <Stack spacing={2} style={{ margin: 0 }}>
+          {model.externalLinks?.map(link => (
+            <Link
+              key={link.label}
+              href={link.url}
+              target="_blank"
+              title={link.description}
+              style={{ paddingRight: '1em' }}
+            >
+              {link.label}
+            </Link>
+          ))}
+        </Stack>
+      ) : (
+        EMPTY_VALUE
+      ),
+      label: trans.__('External links'),
+      icon: <LinkRounded />
+    }
+  ];
+
+  const HeaderButtons = isEditing ? (
+    <IconButton onClick={() => setIsEditing(false)}>
+      <Close fontSize="small" />
+    </IconButton>
+  ) : (
+    <Tooltip
+      title={
+        <Typography variant="caption">{trans.__('Edit workflow')}</Typography>
+      }
+      placement="top"
+    >
+      <IconButton onClick={() => setIsEditing(true)}>
+        <Edit fontSize="small" />
+      </IconButton>
+    </Tooltip>
+  );
+
+  return (
+    <SidePanelTemplate
+      HeaderComponent={
+        <>
+          <Typography variant="h6">{trans.__('Workflow details')}</Typography>
+          {canEdit ? HeaderButtons : null}
+        </>
+      }
+      ContentComponent={
+        isEditing ? (
+          <UpdateWorkflow
+            model={model as any}
+            onUpdate={updateJobDefinition}
+            onCancel={() => setIsEditing(false)}
+          />
+        ) : (
+          <ListTemplate items={jobDefinitionFields} />
+        )
+      }
+    />
+  );
+});
diff --git a/src/dag-scheduler/mainviews/job-definitions-list.tsx b/src/dag-scheduler/mainviews/job-definitions-list.tsx
new file mode 100644
index 000000000..b1fa58d2c
--- /dev/null
+++ b/src/dag-scheduler/mainviews/job-definitions-list.tsx
@@ -0,0 +1,219 @@
+import React, { useState, useCallback, useMemo, FC } from 'react';
+
+import { Alert, Box, Button, Stack, Typography } from '@mui/material';
+
+import { useWorkflows, useTranslator } from '../hooks';
+import { buildJobDefinitionRow } from '../components/job-definition-row';
+import { Scheduler } from '../handler';
+import {
+  AdvancedTable,
+  AdvancedTableColumn
+} from '../components/advanced-table';
+
+import { DeploymentStatus } from '../contants';
+import { useNavigate } from 'react-router-dom';
+import { Add, Refresh } from '@mui/icons-material';
+
+type JobDefinitionsListProps = {
+  height?: 'auto' | string | number;
+};
+
+export const JobDefinitionsList: FC<JobDefinitionsListProps> = props => {
+  const { api } = useWorkflows();
+  const navigate = useNavigate();
+  const trans = useTranslator('jupyterlab');
+  const workflowsHeader = useMemo(() => trans.__('Workflows'), [trans]);
+
+  const handleNavigate = (id: string) => {
+    navigate(`/job-definitions/${id}`);
+  };
+
+  const handleCreateNew = () => {
+    navigate('/job-definitions/new');
+  };
+
+  const [jobDefsQuery, setJobDefsQuery] =
+    useState<Scheduler.IListJobDefinitionsQuery>({});
+
+  const [deletedRows, setDeletedRows] = useState<
+    Set<Scheduler.IDescribeJobDefinition['job_definition_id']>
+  >(new Set());
+
+  const [displayError, setDisplayError] = useState<React.ReactNode | null>(
+    null
+  );
+
+  const deleteRow = useCallback(
+    (id: Scheduler.IDescribeJobDefinition['job_definition_id']) => {
+      setDeletedRows(deletedRows => new Set([...deletedRows, id]));
+    },
+    []
+  );
+
+  const handleDelete = (id: string) => {
+    setDisplayError(null);
+
+    return api
+      .deleteJobDefinition(id)
+      .then(_ => deleteRow(id))
+      .catch((error: Error) => setDisplayError(error.message));
+  };
+
+  const columns: AdvancedTableColumn[] = [
+    {
+      sortField: 'name',
+      name: trans.__('Name'),
+      field: 'name',
+      filterable: true
+    },
+    {
+      sortField: null,
+      name: trans.__('Id'),
+      field: 'job_definition_id',
+      filterable: true
+    },
+    {
+      sortField: 'status',
+      name: trans.__('Status'),
+      field: 'status',
+      type: 'singleSelect',
+      filterable: true,
+      valueOptions: [
+        {
+          label: 'Creating',
+          value: DeploymentStatus.CREATING
+        },
+        {
+          label: 'Created',
+          value: DeploymentStatus.CREATED
+        },
+        {
+          label: 'Updated',
+          value: DeploymentStatus.UPDATED
+        },
+        {
+          label: 'Deploying',
+          value: DeploymentStatus.DEPLOYING
+        },
+        {
+          label: 'Deployed',
+          value: DeploymentStatus.DEPLOYED
+        },
+        {
+          label: 'Failed to create',
+          value: DeploymentStatus.FAILED_TO_CREATE
+        },
+        {
+          label: 'Failed to deploy',
+          value: DeploymentStatus.FAILED_TO_DEPLOY
+        },
+        {
+          label: 'Failed to update',
+          value: DeploymentStatus.FAILED_TO_UPDATE
+        }
+      ]
+    },
+    {
+      sortField: 'create_time',
+      name: trans.__('Created at'),
+      type: 'date',
+      field: 'create_time',
+      filterable: true
+    },
+    {
+      sortField: null,
+      name: trans.__('Schedule'),
+      field: 'schedule',
+      filterable: true
+    },
+    {
+      sortField: null,
+      name: trans.__('External links')
+    },
+    {
+      sortField: null,
+      name: trans.__('Actions')
+    }
+  ];
+
+  const ToolbarComponent = (
+    <Stack direction="row" gap={2} justifyContent="flex-end">
+      <Button
+        variant="text"
+        size="small"
+        startIcon={<Refresh />}
+        onClick={() => {
+          setDisplayError(null);
+          setJobDefsQuery(query => ({ ...query }));
+        }}
+      >
+        {trans.__('Reload')}
+      </Button>
+      <Button
+        variant="contained"
+        size="small"
+        startIcon={<Add />}
+        onClick={() => handleCreateNew()}
+      >
+        {trans.__('Create workflow')}
+      </Button>
+    </Stack>
+  );
+
+  const renderRow = (jobDef: Scheduler.IDescribeJobDefinition) =>
+    buildJobDefinitionRow(
+      jobDef,
+      handleNavigate,
+      handleDelete,
+      () => setJobDefsQuery({}),
+      setDisplayError
+    );
+
+  const rowFilter = (jobDef: Scheduler.IDescribeJobDefinition) =>
+    !deletedRows.has(jobDef.job_definition_id);
+
+  const emptyRowMessage = useMemo(
+    () =>
+      trans.__(
+        'There are no workflows. ' +
+          'To create a notebook workflow, right-click on a notebook in the file browser and select "Create Notebook Workflow".'
+      ),
+    [trans]
+  );
+
+  return (
+    <Box
+      sx={{
+        p: 4,
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        boxSizing: 'border-box'
+      }}
+    >
+      <Typography variant="h5" mb={4}>
+        {workflowsHeader}
+      </Typography>
+      {displayError && (
+        <Alert severity="error" onClose={() => setDisplayError(null)}>
+          {displayError}
+        </Alert>
+      )}
+
+      <AdvancedTable
+        query={jobDefsQuery}
+        setQuery={setJobDefsQuery}
+        request={api.getJobDefinitions.bind(api)}
+        extractRows={(payload: Scheduler.IListJobDefinitionsResponse) =>
+          payload?.job_definitions || []
+        }
+        renderRow={renderRow}
+        columns={columns}
+        emptyRowMessage={emptyRowMessage}
+        rowFilter={rowFilter}
+        height={'100%'}
+        toolbarComponent={ToolbarComponent}
+      />
+    </Box>
+  );
+};
diff --git a/src/dag-scheduler/mainviews/job-run-detail.tsx b/src/dag-scheduler/mainviews/job-run-detail.tsx
new file mode 100644
index 000000000..7c36af8b4
--- /dev/null
+++ b/src/dag-scheduler/mainviews/job-run-detail.tsx
@@ -0,0 +1,194 @@
+import React, { useState, memo } from 'react';
+
+import {
+  Box,
+  Link,
+  Stack,
+  Alert,
+  Typography,
+  Chip,
+  Avatar
+} from '@mui/material';
+
+import { useTranslator, useWorkflowStore } from '../hooks';
+import { EMPTY_VALUE } from '../contants';
+
+import { timestampLocalize } from '../util';
+import { JobStatusBadge } from '../components/status-badge';
+import {
+  InfoOutlined,
+  LinkRounded,
+  NotificationsOutlined,
+  UnfoldMore
+} from '@mui/icons-material';
+import { ViewParameters } from '../components/view-parameters';
+import { ListTemplate } from '../templates/list';
+import { SidePanelTemplate } from '../templates/side-panel';
+import ReactShowMoreText from 'react-show-more-text';
+
+export const JobRunDetail = memo((): JSX.Element => {
+  const useStore = useWorkflowStore();
+  const trans = useTranslator('jupyterlab');
+  const [displayError] = useState<string | null>(null);
+  const model = useStore(state => state.currentJob);
+
+  const ErrorBanner = displayError && (
+    <Alert severity="error">{displayError}</Alert>
+  );
+
+  if (model === null) {
+    return <>{ErrorBanner}</>;
+  }
+
+  const jobRunFields = [
+    {
+      icon: <InfoOutlined />,
+      value: model.runId,
+      label: trans.__('Run Id')
+    },
+
+    {
+      value: model.name,
+      label: trans.__('Name')
+    },
+
+    {
+      value: model.create_time
+        ? timestampLocalize(+model.create_time)
+        : EMPTY_VALUE,
+      label: trans.__('Created at')
+    },
+
+    {
+      value: model.update_time
+        ? timestampLocalize(+model.update_time)
+        : EMPTY_VALUE,
+      label: trans.__('Updated at')
+    },
+
+    {
+      value: (
+        <Stack gap={2}>
+          <Box>
+            <JobStatusBadge status={model.status as any} />
+          </Box>
+          {model.status_message ? (
+            <Typography paragraph>
+              <ReactShowMoreText
+                lines={5}
+                more={
+                  <Link component="button" underline="none">
+                    {trans.__('Show more')}
+                  </Link>
+                }
+                less={
+                  <Link component="button" underline="none">
+                    {trans.__('Show less')}
+                  </Link>
+                }
+                className="error-details-collapse"
+              >
+                {model.status_message}
+              </ReactShowMoreText>
+            </Typography>
+          ) : null}
+        </Stack>
+      ),
+      label: trans.__('Status')
+    },
+
+    {
+      value: Object.keys(model.parameters || {}).length ? (
+        <ViewParameters
+          values={[
+            {
+              label: 'Parameters',
+              value: JSON.stringify(model.parameters, null, 2)
+            }
+          ]}
+        />
+      ) : (
+        trans.__('No Parameters configured')
+      ),
+      label: trans.__('Parameters'),
+      icon: <UnfoldMore sx={{ transform: 'rotate(90deg)' }} />
+    },
+
+    {
+      value: (
+        <>
+          {model.notificationEvents?.length
+            ? model.notificationEvents?.map(v => (
+                <Chip
+                  key={v}
+                  size="small"
+                  label={v}
+                  sx={{ m: 1 }}
+                  color="default"
+                />
+              ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Notification events'),
+      icon: <NotificationsOutlined />
+    },
+
+    {
+      value: (
+        <>
+          {model.notificationEmails?.length
+            ? model.notificationEmails
+                ?.map(c => c.email)
+                .map(v => (
+                  <Chip
+                    avatar={<Avatar>{v[0].toUpperCase()}</Avatar>}
+                    size="small"
+                    sx={{ m: 1 }}
+                    label={v}
+                    color="default"
+                  />
+                ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Notification emails')
+    },
+
+    {
+      value: model.slackChannel ?? '',
+      label: trans.__('Slack channel')
+    },
+
+    {
+      value: model.externalLinks?.length ? (
+        <Stack spacing={2} style={{ margin: 0 }}>
+          {model.externalLinks?.map(link => (
+            <Link
+              key={link.label}
+              href={link.url}
+              target="_blank"
+              title={link.description}
+              style={{ paddingRight: '1em' }}
+            >
+              {link.label}
+            </Link>
+          ))}
+        </Stack>
+      ) : (
+        EMPTY_VALUE
+      ),
+      label: trans.__('External links'),
+      icon: <LinkRounded />
+    }
+  ];
+
+  return (
+    <SidePanelTemplate
+      HeaderComponent={
+        <Typography variant="h6">{trans.__('Job Run Details')}</Typography>
+      }
+      ContentComponent={<ListTemplate items={jobRunFields} />}
+    />
+  );
+});
diff --git a/src/dag-scheduler/mainviews/job-runs-list.tsx b/src/dag-scheduler/mainviews/job-runs-list.tsx
new file mode 100644
index 000000000..0ece6b7bb
--- /dev/null
+++ b/src/dag-scheduler/mainviews/job-runs-list.tsx
@@ -0,0 +1,243 @@
+import React, { useState, useCallback, useMemo, FC } from 'react';
+
+import {
+  Alert,
+  Box,
+  Button,
+  Stack,
+  Tab,
+  Tabs,
+  Typography,
+  styled
+} from '@mui/material';
+
+import { useWorkflows, useTranslator } from '../hooks';
+import { buildJobRow } from '../components/job-row';
+import { Scheduler } from '../handler';
+import {
+  AdvancedTable,
+  AdvancedTableColumn
+} from '../components/advanced-table';
+import { getJobStatus } from '../util';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Refresh } from '@mui/icons-material';
+import { WorkflowsViewType } from '../contants';
+
+const PageHeader = styled(Stack)({
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  borderBottom: '1px solid var(--jp-border-color2)'
+});
+
+type IListJobsTableProps = {
+  // function that shows job detail view
+  pageSize?: number;
+  jobDefinitionId?: string;
+  emptyRowMessage?: string;
+  height?: 'auto' | string | number;
+  showJobDetail: (jobId: string) => void;
+};
+
+export const ListJobsTable: FC<IListJobsTableProps> = props => {
+  const trans = useTranslator('jupyterlab');
+  const { api, currentWorkflow } = useWorkflows();
+
+  const [jobsQuery, setJobsQuery] = useState<Scheduler.IListJobsQuery>(
+    props.jobDefinitionId
+      ? {
+          job_definition_id: props.jobDefinitionId,
+          version: currentWorkflow?.version
+        }
+      : {}
+  );
+  const [displayError, setDisplayError] = useState<React.ReactNode | null>(
+    null
+  );
+
+  const reload = useCallback(() => {
+    setJobsQuery(query => ({ ...query }));
+  }, []);
+
+  const reloadButton = (
+    <Stack direction="row" justifyContent="flex-end">
+      <Button
+        variant="text"
+        size="small"
+        startIcon={<Refresh />}
+        onClick={reload}
+      >
+        {trans.__('Reload')}
+      </Button>
+    </Stack>
+  );
+
+  const translateStatus = useCallback(
+    (status: Scheduler.Status) => {
+      // This may look inefficient, but it's intended to call the `trans` function
+      // with distinct, static values, so that code analyzers can pick up all the
+      // needed source strings.
+      return getJobStatus(status, trans);
+    },
+    [trans]
+  );
+
+  // Display column headers with sort indicators.
+  const columns: AdvancedTableColumn[] = [
+    {
+      sortField: 'runId',
+      name: trans.__('Run Id'),
+      filterable: true,
+      field: 'runId'
+    },
+    {
+      sortField: null,
+      name: trans.__('Id'),
+      filterable: true,
+      field: 'job_id'
+    },
+    {
+      sortField: 'status', // This will sort on the server status, not localized
+      name: trans.__('Status'),
+      filterable: true,
+      field: 'status',
+      type: 'singleSelect',
+      valueOptions: [
+        {
+          label: 'Not started',
+          value: 'NOT_STARTED'
+        },
+
+        {
+          label: 'In progress',
+          value: 'IN_PROGRESS'
+        },
+
+        {
+          label: 'Running',
+          value: 'RUNNING'
+        },
+
+        {
+          label: 'Completed',
+          value: 'COMPLETED'
+        },
+        {
+          label: 'Failed',
+          value: 'FAILED'
+        },
+
+        {
+          label: 'Stopping',
+          value: 'STOPPING'
+        }
+      ]
+    },
+    {
+      sortField: 'create_time',
+      name: trans.__('Created at'),
+      field: 'create_time',
+      type: 'date',
+      filterable: true
+    },
+
+    {
+      sortField: null,
+      name: trans.__('External links')
+    }
+  ];
+
+  const renderRow = (job: Scheduler.IDescribeJob) =>
+    buildJobRow(job, translateStatus, props.showJobDetail);
+
+  const emptyRowMessage = useMemo(
+    () =>
+      props.emptyRowMessage ??
+      trans.__(
+        'There are no workflow runs. Notebook workflows run files in the background, immediately or on a schedule. '
+      ),
+    [props.emptyRowMessage, trans]
+  );
+
+  // note that root element here must be a JSX fragment for DataGrid to be sized properly
+  return (
+    <>
+      {displayError && (
+        <Alert severity="error" onClose={() => setDisplayError(null)}>
+          {displayError}
+        </Alert>
+      )}
+      <AdvancedTable
+        query={jobsQuery}
+        setQuery={setJobsQuery}
+        request={api.getJobs.bind(api)}
+        extractRows={(payload: Scheduler.IListJobsResponse) =>
+          payload?.jobs || []
+        }
+        renderRow={renderRow}
+        columns={columns}
+        emptyRowMessage={emptyRowMessage}
+        height={props.height}
+        pageSize={props.pageSize}
+        toolbarComponent={reloadButton}
+      />
+    </>
+  );
+};
+
+type Props = { readOnly?: boolean };
+
+const JobRunsList: FC<Props> = props => {
+  const { jobId } = useParams();
+  const navigate = useNavigate();
+  const { currentWorkflow } = useWorkflows();
+  const trans = useTranslator('jupyterlab');
+
+  const handleNavigate = (id: string) => {
+    navigate(
+      `/job-definitions/${jobId}/runs/${id}?version=${
+        currentWorkflow?.version || 'v2'
+      }`
+    );
+  };
+
+  return (
+    <Stack sx={{ height: '100%' }}>
+      <PageHeader sx={{ p: 3 }}>
+        <Typography variant="h6" color="text.primary">
+          {currentWorkflow?.name || 'Untitled'}
+        </Typography>
+        <Stack direction="row" gap={2} ml="auto" />
+      </PageHeader>
+      <Stack sx={{ pb: 4, height: '100%', overflow: 'scroll' }}>
+        <Tabs value={WorkflowsViewType.Runs}>
+          <Tab
+            label={trans.__(WorkflowsViewType.Runs)}
+            value={WorkflowsViewType.Runs}
+          />
+          <Tab
+            label={trans.__(WorkflowsViewType.Tasks)}
+            value={WorkflowsViewType.Tasks}
+            onClick={() => navigate(`/job-definitions/${jobId}`)}
+          />
+        </Tabs>
+        <Box
+          sx={{
+            margin: 0,
+            height: '100%',
+            padding: '12px',
+            overflow: 'hidden'
+          }}
+        >
+          <ListJobsTable
+            height="100%"
+            jobDefinitionId={jobId}
+            showJobDetail={handleNavigate}
+          />
+        </Box>
+      </Stack>
+    </Stack>
+  );
+};
+
+export default JobRunsList;
diff --git a/src/dag-scheduler/mainviews/run-job-form.tsx b/src/dag-scheduler/mainviews/run-job-form.tsx
new file mode 100644
index 000000000..def202a41
--- /dev/null
+++ b/src/dag-scheduler/mainviews/run-job-form.tsx
@@ -0,0 +1,123 @@
+import React, { memo, useCallback, useState } from 'react';
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Typography
+} from '@mui/material';
+import { Stack } from '@mui/system';
+
+import { Workflows as SchedulerTokens } from '../tokens';
+import { ParametersPicker } from '../components/parameters-picker';
+import { useTranslator, useWorkflowStore } from '../hooks';
+import { IJobParameter, convertParameters } from '../model';
+
+export interface ICreateJobFromDefinitionProps {
+  onClose: () => void;
+  jobDefinitionId: string;
+  onSubmit: (data: any) => Promise<void>;
+}
+
+export const RunJobForm = memo(
+  (props: ICreateJobFromDefinitionProps): JSX.Element => {
+    const trans = useTranslator('jupyterlab');
+    const useStore = useWorkflowStore();
+    const currentJob = useStore(state => state.currentJob);
+    const [parameters, setParameters] = useState<IJobParameter[]>(() =>
+      convertParameters(currentJob?.notebookParameters || {})
+    );
+
+    // A mapping from input names to error messages.
+    // If an error message is "truthy" (i.e., not null or ''), we should display the
+    // input in an error state and block form submission.
+    const [errors, setErrors] = useState<SchedulerTokens.ErrorsType>({});
+
+    // Advanced options are not editable; do not block submission on them
+    const anyErrors = Object.keys(errors).some(key => !!errors[key]);
+
+    const handleParametersChange = useCallback((value: IJobParameter[]) => {
+      setParameters(value =>
+        value.map((v, index) => ({
+          ...v,
+          ...value[index]
+        }))
+      );
+    }, []);
+
+    // Convert an array of parameters (as used for display) to an object
+    // (for submission to the API)
+    const serializeParameters = (parameters: IJobParameter[]) => {
+      const jobParameters: { [key: string]: any } = {};
+
+      parameters.forEach(param => {
+        const { name, value } = param;
+        if (jobParameters[name] !== undefined) {
+          console.error(
+            'Parameter ' +
+              name +
+              ' already set to ' +
+              jobParameters[name] +
+              ' and is about to be set again to ' +
+              value
+          );
+        } else {
+          jobParameters[name] = value;
+        }
+      });
+
+      return jobParameters;
+    };
+
+    const handleSubmit = async (event: React.MouseEvent) => {
+      if (anyErrors) {
+        console.error(
+          'User attempted to submit a submitCreateJobRequest request; button should have been disabled'
+        );
+        return;
+      }
+
+      if (!props.jobDefinitionId) {
+        console.error(
+          'User did not provide a Workflow ID to submitCreateJobRequest request'
+        );
+        return;
+      }
+
+      const createJobFromDefinitionModel: any = {};
+
+      createJobFromDefinitionModel.parameters = serializeParameters(parameters);
+
+      return props.onSubmit(createJobFromDefinitionModel);
+    };
+
+    return (
+      <Dialog open fullWidth maxWidth="sm" onClose={props.onClose}>
+        <DialogTitle>{trans.__('Run Now')}</DialogTitle>
+        <DialogContent>
+          <Stack spacing={4}>
+            <Typography variant="body1">
+              This action will run the workflow - {currentJob?.name}
+            </Typography>
+            <ParametersPicker
+              errors={errors}
+              value={parameters}
+              name={'parameters'}
+              label={trans.__('Parameters')}
+              id={'parameters'}
+              handleErrorsChange={setErrors}
+              onChange={handleParametersChange}
+            />
+          </Stack>
+        </DialogContent>
+        <DialogActions sx={{ p: 4 }}>
+          <Button onClick={props.onClose}>{trans.__('Cancel')}</Button>
+          <Button variant="contained" onClick={handleSubmit}>
+            {trans.__('Submit')}
+          </Button>
+        </DialogActions>
+      </Dialog>
+    );
+  }
+);
diff --git a/src/dag-scheduler/mainviews/run-view.tsx b/src/dag-scheduler/mainviews/run-view.tsx
new file mode 100644
index 000000000..73f72ca47
--- /dev/null
+++ b/src/dag-scheduler/mainviews/run-view.tsx
@@ -0,0 +1,407 @@
+import React, {
+  FC,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  useMemo
+} from 'react';
+import {
+  Alert,
+  Button,
+  LinearProgress,
+  List,
+  Stack,
+  Toolbar,
+  Typography,
+  useTheme,
+  ListItem
+} from '@mui/material';
+import { useParams } from 'react-router-dom';
+import { useTranslator, useWorkflowStore, useWorkflows } from '../hooks';
+import ReactFlow, {
+  Background,
+  BackgroundVariant,
+  Controls,
+  FitViewOptions,
+  OnSelectionChangeFunc,
+  Panel,
+  ReactFlowProvider,
+  useReactFlow
+} from 'reactflow';
+import { Poll } from '@lumino/polling';
+import { TaskRunNode } from '../components/workflow-editor/task-run-node';
+import { CustomEdge } from '../components/workflow-editor/custom-edge';
+import { TaskRunDetail } from './task-run-detail';
+import { JobRunDetail } from './job-run-detail';
+import { withStore } from '../store/store-provider';
+import { Refresh, AccountTree } from '@mui/icons-material';
+import { ConfirmDialog } from '../components/confirmation-dialog';
+import { RFState } from '../store';
+import { Scheduler } from '../handler';
+import { JobStatus } from '../contants';
+import { RunStatus } from '../model';
+import { SplitViewTemplate } from '../templates/split-view';
+import {
+  PageHeader,
+  StyledDrawer,
+  StyledIconButton
+} from '../components/styled/drawer';
+
+const nodeTypes = {
+  custom: TaskRunNode
+};
+
+const edgeTypes = {
+  custom: CustomEdge
+};
+
+const defaultEdgeOptions = {
+  type: 'custom',
+  markerEnd: 'edge-circle',
+  data: {
+    hideBtn: true
+  }
+};
+
+const defaultFitView: FitViewOptions = {
+  maxZoom: 0.8,
+  duration: 500
+};
+
+const selector = (state: RFState) => ({
+  nodes: state.nodes,
+  edges: state.edges,
+  currentJob: state.currentJob,
+  selectedNodeId: state.selectedNodeId,
+  setSelectedNode: state.setSelectedNode,
+  onNodesChange: state.onNodesChange,
+  onAutoLayout: state.onAutoLayout
+});
+
+type Props = {
+  onRefresh: () => Promise<void>;
+};
+
+const ReactflowWrapper: FC<Props> = ({ onRefresh }) => {
+  const theme = useTheme();
+  const { fitView } = useReactFlow();
+  const useStore = useWorkflowStore();
+
+  const {
+    nodes,
+    edges,
+    currentJob,
+    onNodesChange,
+    selectedNodeId,
+    setSelectedNode,
+    onAutoLayout
+  } = useStore(selector);
+
+  useEffect(() => {
+    setTimeout(() => fitView({ duration: 500, maxZoom: 0.7 }), 0);
+  }, [nodes.length, edges.length]);
+
+  const handlePaneClick = useCallback(() => {
+    setSelectedNode(null);
+  }, [setSelectedNode]);
+
+  const onSelectionChange = useCallback<OnSelectionChangeFunc>(
+    params => {
+      const [selectedItem] = params.nodes;
+
+      if (params.nodes.length === 1 && selectedItem.id !== selectedNodeId) {
+        setSelectedNode(selectedItem);
+
+        return;
+      }
+
+      if (!selectedItem || params.nodes.length > 1) {
+        setSelectedNode(null);
+      }
+    },
+    [setSelectedNode, selectedNodeId]
+  );
+
+  const isJobSelected = currentJob?.runId && !selectedNodeId;
+  const editorBg = theme.palette.mode === 'light' ? '#daefff' : '#232f38';
+
+  return (
+    <ReactFlow
+      fitView
+      nodes={nodes}
+      edges={edges}
+      nodeTypes={nodeTypes}
+      edgeTypes={edgeTypes}
+      elevateEdgesOnSelect={false}
+      fitViewOptions={defaultFitView}
+      defaultEdgeOptions={defaultEdgeOptions}
+      deleteKeyCode={null}
+      selectionOnDrag={false}
+      multiSelectionKeyCode={null}
+      onNodesChange={onNodesChange}
+      onPaneClick={handlePaneClick}
+      nodesConnectable={false}
+      onSelectionChange={onSelectionChange}
+      className={isJobSelected ? 'focused' : ''}
+    >
+      <Background
+        variant={BackgroundVariant.Dots}
+        style={{
+          background: isJobSelected ? editorBg : 'transparent'
+        }}
+      />
+      <Controls
+        position="bottom-right"
+        style={{ zIndex: 10 }}
+        showInteractive={false}
+      />
+      {currentJob?.runId ? (
+        <Panel position="top-right">
+          <Toolbar disableGutters sx={{ gap: 1, minHeight: 'unset' }}>
+            <StyledIconButton title="Re-arrange nodes" onClick={onAutoLayout}>
+              <AccountTree />
+            </StyledIconButton>
+            <StyledIconButton title="Refresh" onClick={onRefresh}>
+              <Refresh />
+            </StyledIconButton>
+          </Toolbar>
+        </Panel>
+      ) : null}
+      <svg>
+        <defs>
+          <marker
+            refX="0"
+            refY="0"
+            orient="auto"
+            id="edge-circle"
+            markerWidth="10"
+            markerHeight="10"
+            viewBox="-5 -5 10 10"
+            markerUnits="strokeWidth"
+          >
+            <circle
+              r="2"
+              cx="0"
+              cy="0"
+              fill="#b1b1b7"
+              stroke="#b1b1b7"
+              strokeOpacity="0.75"
+            />
+          </marker>
+        </defs>
+      </svg>
+    </ReactFlow>
+  );
+};
+
+const actionsSelector = (state: RFState) => ({
+  syncStore: state.syncStore,
+  currentJob: state.currentJob,
+  updateTask: state.createTask,
+  selectedNodeId: state.selectedNodeId,
+  initializeStore: state.initializeStore,
+  reRunJob: state.reRunJob
+});
+
+export const JobsRunView: FC = () => {
+  const { runId, jobId } = useParams();
+  const { api, currentWorkflow } = useWorkflows();
+  const useStore = useWorkflowStore();
+  const trans = useTranslator('jupyterlab');
+  const [loading, setLoading] = useState(true);
+  const [showRerun, setShowRerun] = useState(false);
+  const [displayError, setDisplayError] = useState('');
+
+  const {
+    reRunJob,
+    syncStore,
+    updateTask,
+    currentJob,
+    selectedNodeId,
+    initializeStore
+  } = useStore(actionsSelector);
+  const taskRuns = useStore(state => state.getTaskRuns());
+
+  const failedTaks = useMemo(
+    () => taskRuns.filter(run => (run.status as any) === RunStatus.FAILED),
+    [taskRuns]
+  );
+
+  const pollRef = useRef(
+    new Poll({
+      auto: false,
+      standby: 'when-hidden',
+      factory: () => fetchJobRun(),
+      frequency: { interval: 30 * 1000 },
+      name: '@jupyterlab/scheduler-workflows:plugin:job_run'
+    })
+  );
+
+  useEffect(() => {
+    if (!runId) {
+      return;
+    }
+
+    const fetchData = async () => {
+      const data = (await api.getJob(
+        runId || '',
+        currentWorkflow?.version
+      )) as any;
+
+      setLoading(false);
+      initializeStore(data);
+      pollRef.current.start();
+    };
+
+    fetchData();
+  }, [runId]);
+
+  useEffect(() => {
+    return () => {
+      pollRef.current.stop();
+      pollRef.current.dispose();
+    };
+  }, []);
+
+  const fetchJobRun = useCallback(async () => {
+    if (!runId) {
+      return;
+    }
+
+    const data = await api.getJob(runId, currentWorkflow?.version);
+
+    syncStore(data);
+  }, [runId]);
+
+  const handleRerunJob = useCallback(() => {
+    setShowRerun(false);
+
+    return reRunJob(runId).catch(error => setDisplayError(error.message));
+  }, [runId]);
+
+  const handleOpenRerunDialog = useCallback(() => {
+    if (currentJob?.status !== JobStatus.FAILED || !failedTaks.length) {
+      setDisplayError('Only failed jobs can be re-run');
+
+      return;
+    }
+
+    setShowRerun(true);
+  }, [currentJob]);
+
+  const handleUpdateTask = useCallback(
+    (taskPayload: Scheduler.ITask) => {
+      if (taskPayload.id) {
+        return updateTask(taskPayload, false).catch(error =>
+          setDisplayError(error.message)
+        );
+      }
+    },
+    [jobId]
+  );
+
+  const ErrorBanner = (
+    <Alert
+      severity="error"
+      style={{
+        boxShadow: 'none',
+        position: 'relative',
+        boxSizing: 'border-box',
+        marginBottom: '8px',
+        borderTop: '1px solid var(--jp-border-color2)'
+      }}
+      onClose={() => setDisplayError('')}
+    >
+      {displayError || 'Unknown error.'}
+    </Alert>
+  );
+
+  if (loading) {
+    return (
+      <Stack alignItems="center" justifyContent="center" height="100%">
+        <LinearProgress sx={{ width: 300 }} />
+        <Typography color="text.primary" variant="body1" sx={{ mt: 2 }}>
+          {trans.__('Loading workflow run...')}
+        </Typography>
+      </Stack>
+    );
+  }
+
+  const isEditable =
+    !!currentJob?.job_definition_id && currentWorkflow?.version === 'v2';
+
+  const showSidePanel = selectedNodeId || (currentJob && currentJob.runId);
+
+  return (
+    <Stack sx={{ height: '100%' }}>
+      <PageHeader sx={{ p: 3 }}>
+        <Typography variant="h6" color="text.primary">
+          {currentJob?.name || 'Untitled'} run
+        </Typography>
+        {isEditable ? (
+          <Stack direction="row" gap={2} ml="auto">
+            <Button
+              variant="outlined"
+              title="Re-run job"
+              onClick={handleOpenRerunDialog}
+            >
+              {trans.__('Re-run job')}
+            </Button>
+          </Stack>
+        ) : null}
+      </PageHeader>
+      {displayError ? ErrorBanner : null}
+      <ReactFlowProvider>
+        <SplitViewTemplate
+          panelWidth={showSidePanel ? 350 : 0}
+          LeftPanel={<ReactflowWrapper onRefresh={fetchJobRun} />}
+          RightPanel={
+            <>
+              <StyledDrawer
+                anchor="right"
+                variant="persistent"
+                open={Boolean(selectedNodeId)}
+              >
+                {selectedNodeId ? (
+                  <TaskRunDetail
+                    taskId={selectedNodeId}
+                    onUpdate={handleUpdateTask}
+                  />
+                ) : null}
+              </StyledDrawer>
+              <StyledDrawer
+                anchor="right"
+                variant="persistent"
+                open={!selectedNodeId}
+              >
+                {!selectedNodeId ? <JobRunDetail /> : null}
+              </StyledDrawer>
+            </>
+          }
+        />
+      </ReactFlowProvider>
+      {showRerun ? (
+        <ConfirmDialog
+          title="Re-run Job"
+          color="primary"
+          dialogConfirmText="Re-run job"
+          dialogText={
+            <Stack gap={4}>
+              <Typography>The following tasks will be re-run</Typography>
+              <List>
+                {failedTaks.map(t => (
+                  <ListItem key={t.id}>{t.name}</ListItem>
+                ))}
+              </List>
+            </Stack>
+          }
+          onConfirm={handleRerunJob}
+          onClose={() => setShowRerun(false)}
+        />
+      ) : null}
+    </Stack>
+  );
+};
+
+export default withStore(JobsRunView);
diff --git a/src/dag-scheduler/mainviews/task-detail.tsx b/src/dag-scheduler/mainviews/task-detail.tsx
new file mode 100644
index 000000000..4c014293e
--- /dev/null
+++ b/src/dag-scheduler/mainviews/task-detail.tsx
@@ -0,0 +1,340 @@
+import React, { useCallback, useMemo, useState, memo } from 'react';
+
+import {
+  Alert,
+  Box,
+  Chip,
+  IconButton,
+  Link,
+  List,
+  Stack,
+  Tooltip,
+  Typography
+} from '@mui/material';
+
+import { useTranslator, useWorkflowStore, useWorkflows } from '../hooks';
+import { EMPTY_VALUE } from '../contants';
+import {
+  convertTaskTimeoutHoursToSeconds,
+  convertTaskTimeoutSecondsToHours
+} from '../util/task-timeout-validation';
+import { UpdateTask } from './update-task';
+import {
+  AttachmentOutlined,
+  CloudQueueOutlined,
+  Delete,
+  Edit,
+  InfoOutlined,
+  Close,
+  UnfoldMore
+} from '@mui/icons-material';
+import { getTitleCase, timestampLocalize } from '../util';
+
+import { TaskStatusBadge } from '../components/status-badge';
+import { useReactFlow } from 'reactflow';
+import { FilePreviewItem } from '../components/file-preview';
+import { ViewParameters } from '../components/view-parameters';
+import { ConfirmDialog } from '../components/confirmation-dialog';
+import { Scheduler } from '../handler';
+import { ListTemplate } from '../templates/list';
+import { SidePanelTemplate } from '../templates/side-panel';
+import ReactShowMoreText from 'react-show-more-text';
+
+type Props = {
+  onDelete: (task: Scheduler.ITask) => Promise<void>;
+  onCreate: (task: Scheduler.ITask) => Promise<void>;
+};
+
+export const TaskDetail = memo(({ onDelete, onCreate }: Props) => {
+  const { fitView } = useReactFlow();
+  const useStore = useWorkflowStore();
+  const { kernelSpecs } = useWorkflows();
+  const trans = useTranslator('jupyterlab');
+
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+
+  const kernelSpecsById = useMemo(
+    () => new Map(kernelSpecs.map(item => [item.value, item.label])),
+    [kernelSpecs]
+  );
+
+  const tasksById = useStore(state => state.tasksById);
+  const currentJob = useStore(state => state.currentJob);
+  const model = useStore(state => state.getSelectedNode());
+
+  const ErrorBanner = (
+    <Alert
+      severity="error"
+      style={{
+        boxShadow: 'none',
+        position: 'relative',
+        boxSizing: 'border-box'
+      }}
+    >
+      {model?.status_message || 'Unknown error.'}
+    </Alert>
+  );
+
+  const handleNodeFocus = useCallback((nodeId: string) => {
+    fitView({ nodes: [{ id: nodeId }], duration: 500 });
+  }, []);
+
+  const handleDelete = () => {
+    if (model) {
+      onDelete(model);
+    }
+
+    setIsDeleting(false);
+  };
+
+  const handleCancel = () => setIsDeleting(false);
+
+  if (!model) {
+    return <>{ErrorBanner}</>;
+  }
+
+  const inputFileName =
+    model.input_filename || model.input_file_id || model.name;
+
+  const hasProperties = Boolean(
+    Object.keys(model.parameters || {}).length ||
+      Object.keys(model.runtimeProperties || {}).length
+  );
+
+  const taskDetailFields = [
+    {
+      value: model.name,
+      label: trans.__('Name'),
+      icon: <InfoOutlined />
+    },
+
+    {
+      value: model.create_time
+        ? timestampLocalize(+model.create_time)
+        : EMPTY_VALUE,
+      label: trans.__('Created at')
+    },
+
+    {
+      value: model.update_time
+        ? timestampLocalize(+model.update_time)
+        : EMPTY_VALUE,
+      label: trans.__('Updated at')
+    },
+
+    {
+      value: model.status ? (
+        <Stack gap={2}>
+          <Box>
+            <TaskStatusBadge status={model.status as any} />
+          </Box>
+          {model.status_message ? (
+            <Typography paragraph>
+              <ReactShowMoreText
+                lines={5}
+                more={
+                  <Link component="button" underline="none">
+                    {trans.__('Show more')}
+                  </Link>
+                }
+                less={
+                  <Link component="button" underline="none">
+                    {trans.__('Show less')}
+                  </Link>
+                }
+                className="error-details-collapse"
+              >
+                {model.status_message}
+              </ReactShowMoreText>
+            </Typography>
+          ) : null}
+        </Stack>
+      ) : (
+        EMPTY_VALUE
+      ),
+      label: trans.__('Status')
+    },
+
+    {
+      value: (
+        <>
+          {model.dependsOn?.length
+            ? model.dependsOn
+                .map(id => tasksById[id])
+                .filter(Boolean)
+                .map(v => (
+                  <Chip
+                    clickable
+                    key={v.nodeId}
+                    size="small"
+                    label={v.name}
+                    color="default"
+                    onClick={() => handleNodeFocus(v.nodeId)}
+                    sx={{
+                      m: 1,
+                      boxShadow: 'var(--jp-elevation-z1)',
+
+                      '&.MuiChip-root:hover': {
+                        boxShadow: 'var(--jp-elevation-z2)'
+                      }
+                    }}
+                  />
+                ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Depends on')
+    },
+
+    {
+      value: model.kernelSpecId
+        ? kernelSpecsById.get(model.kernelSpecId)
+        : EMPTY_VALUE,
+      label: trans.__('Kernel'),
+      icon: <CloudQueueOutlined />
+    },
+
+    {
+      value: (
+        <>
+          {model.triggerRule ? (
+            <Chip
+              size="small"
+              color="default"
+              label={getTitleCase(model.triggerRule)}
+            />
+          ) : (
+            EMPTY_VALUE
+          )}
+        </>
+      ),
+      label: trans.__('Trigger')
+    },
+
+    {
+      value:
+        convertTaskTimeoutSecondsToHours(
+          model.taskTimeout || convertTaskTimeoutHoursToSeconds('4')
+        ) + trans.__(' hours'),
+      label: trans.__('Timeout')
+    },
+
+    {
+      value: hasProperties ? (
+        <ViewParameters
+          values={[
+            {
+              label: 'Parameters',
+              value: JSON.stringify(model.parameters || {}, null, 2)
+            },
+            {
+              label: 'Runtime properties',
+              value: JSON.stringify(model.runtimeProperties || {}, null, 2)
+            }
+          ]}
+        />
+      ) : (
+        trans.__('No properties configured')
+      ),
+      label: trans.__('Properties'),
+      icon: <UnfoldMore sx={{ transform: 'rotate(90deg)' }} />
+    },
+
+    {
+      value: model.showOutputInEmail
+        ? trans.__('ENABLED')
+        : trans.__('DISABLED'),
+      label: trans.__('Email preview')
+    },
+
+    {
+      value: model.input_file_id ? (
+        <List sx={{ p: 0 }}>
+          <FilePreviewItem
+            type="Input file"
+            fileName={inputFileName}
+            fileId={model.input_file_id}
+          />
+        </List>
+      ) : (
+        EMPTY_VALUE
+      ),
+      label: trans.__('Input file snapshot'),
+      icon: <AttachmentOutlined />
+    }
+  ];
+
+  // TODO: Move this to store
+  const canEdit =
+    !!currentJob?.job_definition_id && currentJob?.version === 'v2';
+
+  const HeaderButtons = isEditing ? (
+    <IconButton sx={{ ml: 'auto', mr: 1 }} onClick={() => setIsEditing(false)}>
+      <Close fontSize="small" />
+    </IconButton>
+  ) : (
+    <>
+      <Tooltip
+        title={
+          <Typography variant="caption">{trans.__('Edit task')}</Typography>
+        }
+        placement="top"
+      >
+        <IconButton
+          sx={{ ml: 'auto', mr: 1 }}
+          onClick={() => setIsEditing(true)}
+        >
+          <Edit fontSize="small" />
+        </IconButton>
+      </Tooltip>
+      <Tooltip
+        title={
+          <Typography variant="caption">{trans.__('Delete task')}</Typography>
+        }
+        placement="top"
+      >
+        <IconButton onClick={() => setIsDeleting(true)}>
+          <Delete fontSize="small" />
+        </IconButton>
+      </Tooltip>
+    </>
+  );
+
+  return (
+    <>
+      <SidePanelTemplate
+        HeaderComponent={
+          <>
+            <Typography variant="h6">{trans.__('Task details')}</Typography>
+            {canEdit ? HeaderButtons : null}
+          </>
+        }
+        ContentComponent={
+          isEditing ? (
+            <UpdateTask
+              model={model}
+              onCreate={onCreate}
+              onCancel={() => setIsEditing(false)}
+            />
+          ) : (
+            <ListTemplate items={taskDetailFields} />
+          )
+        }
+      />
+
+      {isDeleting ? (
+        <ConfirmDialog
+          title="Warning"
+          color="error"
+          dialogConfirmText="Delete task"
+          dialogText={trans.__(
+            'The task and all dependency links attached to it will be deleted from the workflow'
+          )}
+          onConfirm={handleDelete}
+          onClose={handleCancel}
+        />
+      ) : null}
+    </>
+  );
+});
diff --git a/src/dag-scheduler/mainviews/task-run-detail.tsx b/src/dag-scheduler/mainviews/task-run-detail.tsx
new file mode 100644
index 000000000..edd78b11a
--- /dev/null
+++ b/src/dag-scheduler/mainviews/task-run-detail.tsx
@@ -0,0 +1,352 @@
+import React, { useCallback, useMemo, useState, memo } from 'react';
+
+import {
+  Alert,
+  Box,
+  Chip,
+  IconButton,
+  Link,
+  List,
+  Stack,
+  Tooltip,
+  Typography
+} from '@mui/material';
+import ReactShowMoreText from 'react-show-more-text';
+
+import { useTranslator, useWorkflowStore, useWorkflows } from '../hooks';
+import { EMPTY_VALUE } from '../contants';
+import {
+  convertTaskTimeoutHoursToSeconds,
+  convertTaskTimeoutSecondsToHours
+} from '../util/task-timeout-validation';
+import { formatTime, timestampLocalize } from '../util';
+import { TaskRunStatusBadge } from '../components/status-badge';
+import { RunStatus } from '../model';
+import { useReactFlow } from 'reactflow';
+import { FilePreviewItem } from '../components/file-preview';
+import { UpdateTask } from './update-task';
+import {
+  ArrowOutward,
+  AttachmentOutlined,
+  CloudQueueOutlined,
+  Edit,
+  InfoOutlined,
+  LinkRounded,
+  Close
+} from '@mui/icons-material';
+import { Scheduler } from '../handler';
+import { ViewParameters } from '../components/view-parameters';
+import { ListTemplate } from '../templates/list';
+import { SidePanelTemplate } from '../templates/side-panel';
+
+export interface ITaskRunProps {
+  taskId: string;
+  onUpdate: (payload: Scheduler.ITask) => any;
+}
+
+export const TaskRunDetail = memo((props: ITaskRunProps): JSX.Element => {
+  const { fitView } = useReactFlow();
+  const useStore = useWorkflowStore();
+  const { kernelSpecs, currentWorkflow } = useWorkflows();
+  const trans = useTranslator('jupyterlab');
+  const [isEditing, setIsEditing] = useState(false);
+  const tasksById = useStore(state => state.tasksById);
+  const taskRunsById = useStore(state => state.taskRunsById);
+  const currentJob = useStore(state => state.currentJob);
+
+  const kernelSpecsById = useMemo(
+    () => new Map(kernelSpecs.map(item => [item.value, item.label])),
+    [kernelSpecs]
+  );
+
+  const taskData = useMemo(() => {
+    return tasksById[props.taskId];
+  }, [tasksById, props.taskId]);
+
+  const model = useMemo(() => {
+    if (!taskData) {
+      return undefined;
+    }
+
+    const taskRun = taskRunsById[taskData.id as keyof typeof taskRunsById];
+
+    // This is to handle cases when task run is not available for a given task
+    // The dependsOn field from task should be used always as the nodeId is only available in task
+    return (taskRun
+      ? {
+          ...taskRun,
+          name: taskData.name,
+          dependsOn: taskData.dependsOn,
+          slackChannel: taskData.slackChannel,
+          kernelSpecsById: taskData.kernelSpecId,
+          notificationEmails: taskData.notificationEmails,
+          notificationEvents: taskData.notificationEvents
+        }
+      : {
+          ...taskData,
+          status: RunStatus.NOT_STARTED
+        }) as unknown as Scheduler.ITaskRun;
+  }, [taskRunsById, taskData]);
+
+  const ErrorBanner = (
+    <Alert
+      severity="error"
+      style={{
+        boxShadow: 'none',
+        position: 'relative',
+        boxSizing: 'border-box'
+      }}
+    >
+      {model?.status_message || 'Unknown error.'}
+    </Alert>
+  );
+
+  if (!model) {
+    return <>{ErrorBanner}</>;
+  }
+
+  const inputFileName =
+    model.input_filename || model.input_file_id || model.name;
+
+  const hasProperties = Boolean(
+    Object.keys(model.parameters || {}).length ||
+      Object.keys(model.runtimeProperties || {}).length
+  );
+
+  const exectime = formatTime(model.create_time);
+
+  const handleNodeFocus = useCallback((nodeId: string) => {
+    fitView({ nodes: [{ id: nodeId }], duration: 500 });
+  }, []);
+
+  const taskDetailFields = [
+    { value: model.name, label: trans.__('Name'), icon: <InfoOutlined /> },
+
+    {
+      value: model.start_time
+        ? timestampLocalize(+model.start_time)
+        : EMPTY_VALUE,
+      label: trans.__('Start time')
+    },
+
+    {
+      value: model.end_time ? timestampLocalize(+model.end_time) : EMPTY_VALUE,
+      label: trans.__('End time')
+    },
+
+    {
+      value: (
+        <Stack gap={2}>
+          <Box>
+            <TaskRunStatusBadge status={model.status as any} />
+          </Box>
+          {model.status_message ? (
+            <Typography paragraph>
+              <ReactShowMoreText
+                lines={5}
+                more={
+                  <Link component="button" underline="none">
+                    {trans.__('Show more')}
+                  </Link>
+                }
+                less={
+                  <Link component="button" underline="none">
+                    {trans.__('Show less')}
+                  </Link>
+                }
+                className="error-details-collapse"
+              >
+                {model.status_message}
+              </ReactShowMoreText>
+            </Typography>
+          ) : null}
+        </Stack>
+      ),
+      label: trans.__('Status')
+    },
+
+    {
+      value: (
+        <>
+          {model.dependsOn?.length
+            ? model.dependsOn
+                .map(id => tasksById[id as keyof typeof tasksById])
+                .filter(Boolean)
+                .map(v => (
+                  <Chip
+                    clickable
+                    size="small"
+                    key={v.nodeId}
+                    label={v.name}
+                    color="default"
+                    onClick={() => handleNodeFocus(v.nodeId)}
+                    sx={{
+                      m: 1,
+                      boxShadow: 'var(--jp-elevation-z1)',
+
+                      '&.MuiChip-root:hover': {
+                        boxShadow: 'var(--jp-elevation-z2)'
+                      }
+                    }}
+                  />
+                ))
+            : EMPTY_VALUE}
+        </>
+      ),
+      label: trans.__('Depends on')
+    },
+
+    {
+      value:
+        model.input_file_id || model.output_file_id ? (
+          <List sx={{ p: 0 }}>
+            {model.input_file_id ? (
+              <FilePreviewItem
+                type="Input file"
+                fileName={inputFileName}
+                fileId={model.input_file_id}
+              />
+            ) : null}
+            {model?.output_file_id ? (
+              <FilePreviewItem
+                type="Output file"
+                fileId={model.output_file_id}
+                fileName={`${inputFileName.replace(
+                  '.ipynb',
+                  ''
+                )}-${exectime}.ipynb`}
+              />
+            ) : null}
+          </List>
+        ) : (
+          EMPTY_VALUE
+        ),
+      label: trans.__('Artifacts'),
+      icon: <AttachmentOutlined />
+    },
+
+    {
+      value: model.kernelSpecId
+        ? kernelSpecsById.get(model.kernelSpecId)
+        : EMPTY_VALUE,
+      label: trans.__('Kernel'),
+      icon: <CloudQueueOutlined />
+    },
+
+    {
+      value: hasProperties ? (
+        <ViewParameters
+          values={[
+            {
+              label: 'Parameters',
+              value: JSON.stringify(model.parameters || {}, null, 2)
+            },
+            {
+              label: 'Runtime Properties',
+              value: JSON.stringify(model.runtimeProperties || {}, null, 2)
+            }
+          ]}
+        />
+      ) : (
+        trans.__('No properties configured')
+      ),
+      label: trans.__('Properties')
+    },
+
+    {
+      value:
+        convertTaskTimeoutSecondsToHours(
+          model.taskTimeout || convertTaskTimeoutHoursToSeconds('4')
+        ) + trans.__(' hours'),
+      label: trans.__('Timeout')
+    },
+
+    {
+      value: model.externalLinks?.length ? (
+        <Stack spacing={2} style={{ margin: 0 }}>
+          {model.externalLinks?.map(link => (
+            <Link
+              underline="hover"
+              key={link.label}
+              href={link.url}
+              target="_blank"
+              title={link.description}
+              style={{
+                display: 'flex',
+                gap: '4px',
+                paddingRight: '1em',
+                alignItems: 'center'
+              }}
+            >
+              {link.label} <ArrowOutward fontSize="small" />
+            </Link>
+          ))}
+        </Stack>
+      ) : (
+        EMPTY_VALUE
+      ),
+      label: trans.__('External links'),
+      icon: <LinkRounded />
+    }
+  ];
+
+  const didTaskFail = (model.status as any) === RunStatus.FAILED;
+
+  const title = isEditing
+    ? trans.__('Task details')
+    : trans.__('Task Run details');
+
+  const canEdit =
+    !!currentJob?.job_definition_id && currentWorkflow?.version === 'v2';
+
+  const HeaderButtons = isEditing ? (
+    <IconButton
+      sx={{ ml: 'auto', mr: 1 }}
+      onClick={() => {
+        setIsEditing(false);
+      }}
+    >
+      <Close fontSize="small" />
+    </IconButton>
+  ) : (
+    <>
+      <Tooltip
+        title={
+          <Typography variant="caption">{trans.__('Edit Task')}</Typography>
+        }
+        placement="top"
+      >
+        <IconButton
+          sx={{ ml: 'auto', mr: 1 }}
+          onClick={() => {
+            didTaskFail && setIsEditing(true);
+          }}
+        >
+          <Edit fontSize="small" />
+        </IconButton>
+      </Tooltip>
+    </>
+  );
+
+  return (
+    <SidePanelTemplate
+      HeaderComponent={
+        <>
+          <Typography variant="h6">{title}</Typography>
+          {didTaskFail && canEdit ? HeaderButtons : null}
+        </>
+      }
+      ContentComponent={
+        didTaskFail && isEditing ? (
+          <UpdateTask
+            model={taskData}
+            onCreate={props.onUpdate}
+            onCancel={() => setIsEditing(false)}
+          />
+        ) : (
+          <ListTemplate items={taskDetailFields} />
+        )
+      }
+    />
+  );
+});
diff --git a/src/dag-scheduler/mainviews/task-view.tsx b/src/dag-scheduler/mainviews/task-view.tsx
new file mode 100644
index 000000000..22d7a389c
--- /dev/null
+++ b/src/dag-scheduler/mainviews/task-view.tsx
@@ -0,0 +1,741 @@
+import { Poll } from '@lumino/polling';
+import React, {
+  useCallback,
+  useRef,
+  useState,
+  FC,
+  useEffect,
+  useMemo
+} from 'react';
+import ReactFlow, {
+  Node,
+  Edge,
+  Controls,
+  getOutgoers,
+  ReactFlowInstance,
+  Background,
+  OnSelectionChangeFunc,
+  NodeMouseHandler,
+  BackgroundVariant,
+  FitViewOptions,
+  EdgeChange,
+  NodeChange,
+  getConnectedEdges,
+  ReactFlowProvider,
+  Panel,
+  useReactFlow
+} from 'reactflow';
+import { Stack, useTheme } from '@mui/system';
+
+import { RFState } from '../store';
+import { CustomNode } from '../components/workflow-editor/custom-node';
+import { CustomEdge } from '../components/workflow-editor/custom-edge';
+import { Dropzone, IDropZoneProps } from '../components/drop-zone';
+import { emptyCreateTaskModel, emptyCreateJobDefinitionModel } from '../model';
+import {
+  Badge,
+  Button,
+  LinearProgress,
+  ListItemIcon,
+  ListItemText,
+  MenuItem,
+  Tab,
+  Tabs,
+  Toolbar,
+  Typography
+} from '@mui/material';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
+import { useBlocker, useBeforeUnload } from 'react-router-dom';
+import { useTranslator, useWorkflowStore, useWorkflows } from '../hooks';
+import { withStore } from '../store/store-provider';
+import { Scheduler } from '../handler';
+import { ConnectionLine } from '../components/workflow-editor/connection-line';
+import { JobDefinition } from './job-definition-detail';
+import { MakeNameValid } from '../util/job-name-validation';
+import { TaskDetail } from './task-detail';
+import {
+  Delete,
+  PlayArrow,
+  Publish,
+  Refresh,
+  Save,
+  AccountTree,
+  Upgrade
+} from '@mui/icons-material';
+import { nanoid } from 'nanoid';
+import { generateUniqueName } from '../util';
+import { RunJobForm } from './run-job-form';
+import { SplitButton } from '../components/split-button';
+import { ConfirmDialog } from '../components/confirmation-dialog';
+import { SplitViewTemplate } from '../templates/split-view';
+import { CONTENTS_MIME_RICH, WorkflowsViewType } from '../contants';
+import {
+  PageHeader,
+  StyledAlert,
+  StyledDrawer,
+  StyledIconButton
+} from '../components/styled/drawer';
+
+const nodeTypes = {
+  custom: CustomNode
+};
+
+const edgeTypes = {
+  custom: CustomEdge
+};
+
+const defaultEdgeOptions = {
+  type: 'custom',
+  markerEnd: 'edge-circle'
+};
+
+const defaultFitView: FitViewOptions = {
+  maxZoom: 0.8,
+  duration: 500
+};
+
+const selector = (state: RFState) => ({
+  nodes: state.nodes,
+  edges: state.edges,
+  currentJob: state.currentJob,
+  updateJobData: state.updateJobData,
+  setSelectedNode: state.setSelectedNode,
+  onCreateEdge: state.onCreateEdge,
+  onCreateNode: state.onCreateNode,
+  onUpdateEdge: state.onUpdateEdge,
+  onNodesChange: state.onNodesChange,
+  onEdgesChange: state.onEdgesChange,
+  onEdgesDelete: state.onEdgesDelete,
+  selectedNodeId: state.selectedNodeId,
+  onAutoLayout: state.onAutoLayout,
+  hasUnsavedChanges: state.hasUnsavedChanges,
+  isValidConnection: state.isValidConnection
+});
+
+type Props = {
+  onUpdate: () => Promise<void>;
+  onRefresh: () => Promise<void>;
+  onError: (message: string) => void;
+  onCreateTask: (payload: Scheduler.ITask) => Promise<unknown>;
+};
+
+const ReactflowWrapper: FC<Props> = ({
+  onCreateTask,
+  onRefresh,
+  onUpdate,
+  onError
+}) => {
+  const theme = useTheme();
+  const { fitView } = useReactFlow();
+  const useStore = useWorkflowStore();
+  const reactFlowInstance = useRef<ReactFlowInstance | null>(null);
+  const editorBg = theme.palette.mode === 'light' ? '#daefff' : '#232f38';
+
+  const {
+    nodes,
+    edges,
+    currentJob,
+    onCreateEdge,
+    onCreateNode,
+    onUpdateEdge,
+    onEdgesChange,
+    onNodesChange,
+    onEdgesDelete,
+    setSelectedNode,
+    isValidConnection,
+    selectedNodeId,
+    onAutoLayout,
+    hasUnsavedChanges
+  } = useStore(selector);
+
+  // Getters should be invoked
+  const getAllTasks = useStore(state => state.getAllTasks);
+
+  useEffect(() => {
+    setTimeout(() => fitView({ duration: 500, maxZoom: 0.7 }), 0);
+  }, [nodes.length, edges.length]);
+
+  const shouldSave = useMemo(hasUnsavedChanges, [nodes, edges]);
+
+  const handleDragOver = useCallback((event: any) => {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+
+  const handleDrop = useCallback(
+    async (event: any) => {
+      if (!currentJob?.job_definition_id) {
+        console.error('The Workflow creation is still in progress.');
+
+        return;
+      }
+
+      event.preventDefault();
+      event.stopPropagation();
+
+      const model = emptyCreateTaskModel();
+      const mimeData = event.mimeData.getData(CONTENTS_MIME_RICH);
+      const response = await mimeData.withContent();
+
+      // check if the dropped element is valid
+      if (!reactFlowInstance.current || !response) {
+        return;
+      }
+
+      const { name, content } = response;
+      const { kernelspec } = content.metadata;
+
+      const currentNames = getAllTasks().map(t => t.name);
+      const fileName = MakeNameValid(name.split('.ipynb').shift());
+
+      model.nodeId = nanoid();
+      model.name = generateUniqueName(currentNames, fileName);
+      model.input_uri = mimeData.model.path ?? '';
+      model.kernelSpecId = kernelspec?.name || '';
+
+      if (!model.kernelSpecId) {
+        onError(
+          `${model.name} is missing kernel spec. Choose a kernel spec and save task`
+        );
+      }
+
+      // reactFlowInstance.project was renamed to reactFlowInstance.screenToFlowPosition
+      // and you don't need to subtract the reactFlowBounds.left/top anymore
+      // details: https://reactflow.dev/whats-new/2023-11-10
+      const position = reactFlowInstance.current.screenToFlowPosition({
+        x: event.clientX,
+        y: event.clientY
+      });
+
+      const newNode = {
+        position,
+        data: model,
+        type: 'custom',
+        id: model.nodeId // The node id should be the same as the data id so we can fetch the same and render later
+      };
+
+      // Create a new entry in the store
+      onCreateNode(newNode);
+
+      if (model.kernelSpecId) {
+        // Save the task to the Backend
+        onCreateTask(model);
+
+        return;
+      }
+    },
+    [onCreateNode, getAllTasks, currentJob]
+  );
+
+  const handleInit = useCallback(
+    (instance: ReactFlowInstance) => (reactFlowInstance.current = instance),
+    []
+  );
+
+  const handlePaneClick = useCallback(() => {
+    setSelectedNode(null);
+  }, [setSelectedNode]);
+
+  const onSelectionChange = useCallback<OnSelectionChangeFunc>(
+    params => {
+      const [selectedItem] = params.nodes;
+
+      if (params.nodes.length === 1 && selectedItem.id !== selectedNodeId) {
+        setSelectedNode(selectedItem);
+
+        return;
+      }
+
+      if (!selectedItem || params.nodes.length > 1) {
+        setSelectedNode(null);
+      }
+    },
+    [setSelectedNode, selectedNodeId]
+  );
+
+  const handleNodeClick: NodeMouseHandler = useCallback(
+    (_: unknown, params) => {
+      setSelectedNode(params);
+    },
+    [setSelectedNode]
+  );
+
+  const handleEdgesDelete = useCallback(
+    (edges: Edge[]) => {
+      onEdgesDelete(edges);
+    },
+    [onEdgesDelete]
+  );
+
+  const handleNodeDoubleClick = useCallback(
+    (_: React.MouseEvent, node: Node) => {
+      const selectedEdges: NodeChange[] = getOutgoers(node, nodes, edges).map(
+        node => ({
+          id: node.id,
+          type: 'select',
+          selected: true,
+          item: node
+        })
+      );
+
+      const connectedEdges: EdgeChange[] = getConnectedEdges([node], edges)
+        .filter(edge => edge.source === node.id)
+        .map(node => ({
+          id: node.id,
+          type: 'select',
+          selected: true,
+          item: node
+        }));
+
+      onNodesChange(selectedEdges);
+      onEdgesChange(connectedEdges);
+    },
+    [nodes, edges]
+  );
+
+  const canAddTasks =
+    !!currentJob?.job_definition_id && currentJob?.version === 'v2';
+
+  const isJobSelected = currentJob?.id && !selectedNodeId;
+
+  const dropzoneProps: IDropZoneProps = canAddTasks
+    ? {
+        onDrop: handleDrop,
+        onDragOver: handleDragOver
+      }
+    : {};
+
+  return (
+    <>
+      <Dropzone {...dropzoneProps}>
+        <ReactFlow
+          fitView
+          nodes={nodes}
+          edges={edges}
+          id="task-editor"
+          onInit={handleInit}
+          elevateEdgesOnSelect
+          nodeTypes={nodeTypes}
+          edgeTypes={edgeTypes}
+          edgeUpdaterRadius={10}
+          onConnect={onCreateEdge}
+          onEdgeUpdate={onUpdateEdge}
+          onPaneClick={handlePaneClick}
+          onNodesChange={onNodesChange}
+          onEdgesChange={onEdgesChange}
+          onNodeClick={handleNodeClick}
+          fitViewOptions={defaultFitView}
+          onEdgesDelete={handleEdgesDelete}
+          defaultEdgeOptions={defaultEdgeOptions}
+          onSelectionChange={onSelectionChange}
+          isValidConnection={isValidConnection}
+          onNodeDoubleClick={handleNodeDoubleClick}
+          connectionLineComponent={ConnectionLine}
+          deleteKeyCode={null}
+          selectionOnDrag={false}
+          multiSelectionKeyCode={null}
+          edgesUpdatable={canAddTasks}
+          nodesConnectable={canAddTasks}
+          className={isJobSelected ? 'focused' : ''}
+        >
+          <Background
+            variant={BackgroundVariant.Dots}
+            style={{
+              background: isJobSelected ? editorBg : 'transparent'
+            }}
+          />
+          <Controls
+            position={'bottom-right'}
+            style={{ zIndex: 10 }}
+            showInteractive={false}
+          />
+          {canAddTasks ? (
+            <Panel position="top-right">
+              <Toolbar disableGutters sx={{ gap: 1, minHeight: 'unset' }}>
+                <StyledIconButton
+                  title="Re-arrange nodes"
+                  onClick={onAutoLayout}
+                >
+                  <AccountTree />
+                </StyledIconButton>
+                <StyledIconButton title="Refresh" onClick={onRefresh}>
+                  <Refresh />
+                </StyledIconButton>
+                <StyledIconButton title="Save" onClick={onUpdate}>
+                  <Badge color="error" variant="dot" invisible={!shouldSave}>
+                    <Save />
+                  </Badge>
+                </StyledIconButton>
+              </Toolbar>
+            </Panel>
+          ) : null}
+          <svg>
+            <defs>
+              <linearGradient id="edge-gradient">
+                <stop offset="0%" stopColor={theme.palette.success.light} />
+                <stop offset="100%" stopColor={theme.palette.info.light} />
+              </linearGradient>
+              <linearGradient id="edge-gradient-error">
+                <stop offset="0%" stopColor={theme.palette.error.light} />
+                <stop offset="100%" stopColor={theme.palette.error.dark} />
+              </linearGradient>
+              <marker
+                refX="0"
+                refY="0"
+                orient="auto"
+                id="edge-circle"
+                markerWidth="10"
+                markerHeight="10"
+                viewBox="-5 -5 10 10"
+                markerUnits="strokeWidth"
+              >
+                <circle
+                  r="2"
+                  cx="0"
+                  cy="0"
+                  fill={theme.palette.grey[400]}
+                  stroke={theme.palette.grey[400]}
+                  strokeOpacity="0.75"
+                />
+              </marker>
+            </defs>
+          </svg>
+        </ReactFlow>
+      </Dropzone>
+    </>
+  );
+};
+
+const actionSelector = (state: RFState) => ({
+  runJob: state.runJob,
+  syncStore: state.syncStore,
+  createTask: state.createTask,
+  deleteTask: state.deleteTask,
+  currentJob: state.currentJob,
+  getAllTasks: state.getAllTasks,
+  selectedNodeId: state.selectedNodeId,
+  initializeStore: state.initializeStore,
+  createJobDefinition: state.createJobDefinition,
+  updateJobDefinition: state.updateJobDefinition,
+  deleteJobDefinition: state.deleteJobDefinition,
+  deployJobDefinition: state.deployJobDefinition,
+  hasUnsavedChanges: state.hasUnsavedChanges
+});
+
+const TaskView: FC = () => {
+  const { jobId } = useParams();
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  const useStore = useWorkflowStore();
+  const trans = useTranslator('jupyterlab');
+  const { api, setCurrentWorkflow } = useWorkflows();
+
+  const [displayError, setDisplayError] = useState('');
+  const [openRunJob, setOpenRunJob] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [jobData, setJobData] = useState<any>({
+    ...emptyCreateJobDefinitionModel(),
+    tasks: location?.state?.task ? [location?.state?.task] : []
+  });
+
+  const {
+    runJob,
+    createTask,
+    deleteTask,
+    syncStore,
+    currentJob,
+    selectedNodeId,
+    initializeStore,
+    getAllTasks,
+    hasUnsavedChanges,
+    createJobDefinition,
+    updateJobDefinition,
+    deleteJobDefinition,
+    deployJobDefinition
+  } = useStore(actionSelector);
+
+  const pollRef = useRef(
+    new Poll({
+      auto: false,
+      standby: 'when-hidden',
+      frequency: { interval: 30 * 1000 },
+      factory: () => fetchJobDefinition(),
+      name: '@jupyterlab/scheduler-workflows:plugin:job_def'
+    })
+  );
+
+  const fetchJobDefinition = useCallback(async () => {
+    if (!jobId) {
+      return;
+    }
+
+    const data = await api.getJobDefinition(jobId);
+
+    // TODO: Fix typing
+    syncStore(data as any);
+    setJobData(data);
+  }, [jobId]);
+
+  useEffect(() => {
+    if (!jobId) {
+      return;
+    }
+
+    const fetchData = async () => {
+      const jobDefinition = await api.getJobDefinition(jobId);
+
+      setJobData(jobDefinition);
+      // TODO: Fix typing
+      initializeStore(jobDefinition as any);
+      setCurrentWorkflow(jobDefinition);
+    };
+
+    fetchData();
+  }, [jobId]);
+
+  useEffect(() => {
+    if (jobId) {
+      pollRef.current.start();
+    }
+
+    return () => {
+      pollRef.current.stop();
+      pollRef.current.dispose();
+    };
+  }, [jobId]);
+
+  const blocker = useBlocker(({ currentLocation, nextLocation }) => {
+    return (
+      hasUnsavedChanges() && currentLocation.pathname !== nextLocation.pathname
+    );
+  });
+
+  useBeforeUnload(
+    useCallback(
+      event => {
+        if (hasUnsavedChanges()) {
+          event.preventDefault();
+          event.returnValue = 'There are unsaved changes';
+        }
+      },
+      [getAllTasks]
+    )
+  );
+
+  const handleCreateJobDefinition = useCallback(
+    (jobDefinition: Scheduler.IJobDefinition) => {
+      return createJobDefinition(jobDefinition)
+        .then(data =>
+          navigate(`/job-definitions/${data.job_definition_id}`, {
+            state: null // clear the state so the create workflows won't showup again when the app is restored
+          })
+        )
+        .catch(error => setDisplayError(error.message));
+    },
+    [navigate]
+  );
+
+  const handleUpdateJobDefinition = useCallback(() => {
+    return updateJobDefinition(currentJob as any).then(() =>
+      pollRef.current?.refresh()
+    );
+  }, [currentJob]);
+
+  const handleDeployJobDefinition = useCallback(() => {
+    return deployJobDefinition()
+      .then(() => pollRef.current?.refresh())
+      .catch(error => setDisplayError(error.message));
+  }, []);
+
+  const handleCreateTask = useCallback((taskPayload: Scheduler.ITask) => {
+    return createTask(taskPayload).catch(error =>
+      setDisplayError(error.message)
+    );
+  }, []);
+
+  const handleDeleteTask = useCallback((task: Scheduler.ITask) => {
+    return deleteTask(task)
+      .then(() => pollRef.current?.refresh())
+      .catch(error => setDisplayError(error.message));
+  }, []);
+
+  const handleDeleteJobDefinition = useCallback(() => {
+    if (jobId) {
+      return deleteJobDefinition(jobId)
+        .then(() => navigate('/job-definitions'))
+        .catch(error => setDisplayError(error.message));
+    }
+
+    return Promise.resolve();
+  }, [navigate]);
+
+  const handleRunJob = useCallback((payload: any) => {
+    setOpenRunJob(false);
+
+    return runJob(payload);
+  }, []);
+
+  const handleMigrateWorkflow = useCallback(() => {
+    handleCreateJobDefinition(jobData);
+  }, [jobData, handleCreateJobDefinition]);
+
+  const ErrorBanner = (
+    <StyledAlert severity="error" onClose={() => setDisplayError('')}>
+      {displayError || 'Unknown error.'}
+    </StyledAlert>
+  );
+
+  const isEditable = !!jobData?.job_definition_id && jobData?.version === 'v2';
+  const showSidePanel = selectedNodeId || (currentJob && currentJob.status);
+
+  if (jobId && !jobData.id) {
+    return (
+      <Stack alignItems="center" justifyContent="center" height="100%">
+        <LinearProgress sx={{ width: 300 }} />
+        <Typography color="text.primary" variant="body1" sx={{ mt: 2 }}>
+          {trans.__('Loading workflow...')}
+        </Typography>
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack sx={{ height: '100%' }}>
+      {jobData?.version === 'v1' ? (
+        <StyledAlert
+          severity="warning"
+          sx={{ mx: 3 }}
+          action={
+            <Button
+              size="small"
+              color="inherit"
+              startIcon={<Upgrade />}
+              onClick={handleMigrateWorkflow}
+            >
+              {trans.__('MIGRATE')}
+            </Button>
+          }
+        >
+          Migrate to workflows to add new tasks, deploy and run as a workflow
+        </StyledAlert>
+      ) : null}
+      <PageHeader sx={{ p: 3 }}>
+        <Typography variant="h6" color="text.primary">
+          {jobData?.name || 'Untitled'}
+        </Typography>
+        {isEditable ? (
+          <Stack direction="row" gap={2} ml="auto">
+            <SplitButton
+              defaultAction={
+                <Button
+                  variant="contained"
+                  startIcon={<Publish />}
+                  onClick={handleDeployJobDefinition}
+                >
+                  {trans.__('Deploy')}
+                </Button>
+              }
+            >
+              <MenuItem onClick={() => setOpenRunJob(true)}>
+                <ListItemIcon>
+                  <PlayArrow />
+                </ListItemIcon>
+                <ListItemText>{trans.__('Run Now')}</ListItemText>
+              </MenuItem>
+              <MenuItem onClick={() => setIsDeleting(true)}>
+                <ListItemIcon>
+                  <Delete />
+                </ListItemIcon>
+                <ListItemText>{trans.__('Delete workflow')}</ListItemText>
+              </MenuItem>
+            </SplitButton>
+          </Stack>
+        ) : null}
+      </PageHeader>
+      {displayError ? ErrorBanner : null}
+      <Tabs value={WorkflowsViewType.Tasks}>
+        <Tab
+          value={WorkflowsViewType.Runs}
+          label={trans.__(WorkflowsViewType.Runs)}
+          onClick={() => navigate(`/job-definitions/${jobId}/runs`)}
+        />
+        <Tab
+          value={WorkflowsViewType.Tasks}
+          label={trans.__(WorkflowsViewType.Tasks)}
+        />
+      </Tabs>
+      <ReactFlowProvider>
+        <SplitViewTemplate
+          panelWidth={showSidePanel ? 450 : 0}
+          LeftPanel={
+            <ReactflowWrapper
+              onError={setDisplayError}
+              onRefresh={fetchJobDefinition}
+              onCreateTask={handleCreateTask}
+              onUpdate={handleUpdateJobDefinition}
+            />
+          }
+          RightPanel={
+            <>
+              <StyledDrawer
+                anchor="right"
+                variant="persistent"
+                open={Boolean(selectedNodeId)}
+              >
+                {selectedNodeId ? (
+                  <TaskDetail
+                    key={selectedNodeId}
+                    onDelete={handleDeleteTask}
+                    onCreate={handleCreateTask as any}
+                  />
+                ) : null}
+              </StyledDrawer>
+              <StyledDrawer
+                anchor="right"
+                variant="persistent"
+                open={!selectedNodeId}
+              >
+                {currentJob && currentJob.status ? <JobDefinition /> : null}
+              </StyledDrawer>
+            </>
+          }
+        />
+      </ReactFlowProvider>
+      {jobId && openRunJob ? (
+        <RunJobForm
+          jobDefinitionId={jobId}
+          onSubmit={handleRunJob}
+          onClose={() => setOpenRunJob(false)}
+        />
+      ) : null}
+      {isDeleting ? (
+        <ConfirmDialog
+          title="Warning"
+          color="error"
+          dialogConfirmText="Delete Workflow"
+          dialogText="The workflow and all tasks in the workflow will be deleted permanently. This action cannot be undone."
+          onConfirm={handleDeleteJobDefinition}
+          onClose={() => setIsDeleting(false)}
+        />
+      ) : null}
+      {blocker.state === 'blocked' ? (
+        <ConfirmDialog
+          title="Warning"
+          dialogConfirmText="Leave"
+          dialogCancelText="Stay"
+          dialogText={
+            <Typography variant="body1">
+              Your changes to the workflow <b>{currentJob?.name}</b> will be
+              lost if you leave before saving.
+            </Typography>
+          }
+          onClose={() => blocker.reset()}
+          onConfirm={() => blocker.proceed()}
+        />
+      ) : null}
+    </Stack>
+  );
+};
+
+export default withStore(TaskView);
diff --git a/src/dag-scheduler/mainviews/update-task.tsx b/src/dag-scheduler/mainviews/update-task.tsx
new file mode 100644
index 000000000..6db9b5417
--- /dev/null
+++ b/src/dag-scheduler/mainviews/update-task.tsx
@@ -0,0 +1,447 @@
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from 'react';
+
+import { ParametersPicker } from '../components/parameters-picker';
+import { useWorkflows, useTranslator } from '../hooks';
+import { convertParameters } from '../model';
+import { taskNameError } from '../util/job-name-validation';
+import FolderIcon from '@mui/icons-material/Folder';
+import {
+  CircularProgress,
+  FormHelperText,
+  InputAdornment,
+  FormControlLabel,
+  FormControl,
+  FormLabel,
+  Tooltip,
+  Grid,
+  Typography,
+  Checkbox,
+  Button,
+  Autocomplete,
+  TextField,
+  styled,
+  TextFieldProps,
+  Stack
+} from '@mui/material';
+import { WarningRounded, CheckCircle } from '@mui/icons-material';
+
+import { Box } from '@mui/system';
+import { JsonEditor } from '../components/json-editor';
+import {
+  triggerRuleTypes,
+  TriggerRules,
+  CONTENTS_MIME_RICH
+} from '../contants';
+import TaskDependency from '../components/task-dependency';
+import { Scheduler } from '../handler';
+import { FormInputText } from '../components/forms/text-field';
+import { Controller } from 'react-hook-form';
+import { FormInputSelectBox } from '../components/forms/select-box';
+
+import {
+  convertTaskTimeoutHoursToSeconds,
+  convertTaskTimeoutSecondsToHours
+} from '../util/task-timeout-validation';
+import { useForm, FormProvider } from 'react-hook-form';
+import { serializeParameters, tryParseJSON } from '../util';
+import { nanoid } from 'nanoid';
+import { Workflows } from '../tokens';
+import { Dropzone } from '../components/drop-zone';
+
+export interface IUpdateTaskProps {
+  model: Scheduler.ITask;
+  onCancel: () => void;
+  onCreate: (payload: Scheduler.ITask) => any;
+}
+
+const CustomTextField = styled(TextField)<TextFieldProps>(({ theme }) => ({
+  '& fieldset': { top: 0 },
+  '& legend': {
+    display: 'none',
+    color: theme.palette.grey,
+    marginBottom: theme.spacing(2)
+  },
+  '& .MuiInputLabel-shrink': { opacity: 0 },
+  '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+}));
+
+// TODO: rename the component & file name
+export function UpdateTask(props: IUpdateTaskProps): JSX.Element {
+  const { model } = props;
+  const trans = useTranslator('jupyterlab');
+  const { kernelSpecs } = useWorkflows();
+  const [errors, setErrors] = useState<Workflows.ErrorsType>({});
+  const [loading, setLoading] = useState(false);
+  const [fileUpdated, setFileUpdated] = useState(false);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+  const componentRef = useRef<HTMLElement | null>(null);
+
+  const methods = useForm<any>({
+    mode: 'all',
+    shouldUnregister: false,
+    defaultValues: {
+      taskName: model?.name || '',
+      inputFile: model?.input_uri || model.input_filename,
+      kernelSpecId: model?.kernelSpecId || '',
+      triggerRule: model?.triggerRule || TriggerRules.ALL_SUCCESS,
+      parameters: convertParameters(props.model.parameters || {}),
+      notebookParameters: convertParameters(
+        props.model.notebookParameters || {}
+      ),
+      runtimeProperties: JSON.stringify(
+        model?.runtimeProperties || {},
+        null,
+        2
+      ),
+      notificationEmails: model?.notificationEmails || [],
+      showOutputInEmail: model?.showOutputInEmail,
+      slackChannel: model?.slackChannel || '',
+      outputFormats: model?.output_formats || [],
+      taskNotificationEvents: model?.notificationEvents || [],
+      taskTimeout: convertTaskTimeoutSecondsToHours(model?.taskTimeout) || '4'
+    }
+  });
+
+  const { handleSubmit, control } = methods;
+
+  const kernelSpecId = methods.watch('kernelSpecId');
+
+  const selectedKernelSpec = useMemo(
+    () => kernelSpecs.find(n => n.value === kernelSpecId),
+    [kernelSpecId]
+  );
+
+  useEffect(() => {
+    inputRef.current?.focus();
+
+    return () => {
+      inputRef.current = null;
+      componentRef.current = null;
+    };
+  }, []);
+
+  useEffect(() => {
+    const { isValid, isSubmitting } = methods.formState;
+
+    if (!isValid && isSubmitting) {
+      handleScrollToTop();
+    }
+  }, [methods.formState]);
+
+  useEffect(() => {
+    if (!model.id) {
+      methods.trigger();
+    }
+  }, [model.id, methods]);
+
+  const submitTaskChange = async (formData: any) => {
+    const { data, error } = tryParseJSON(formData.runtimeProperties || '{}');
+
+    if (error) {
+      console.error(
+        'User attempted to submit a createJobDefinition request; button should have been disabled',
+        error
+      );
+
+      return;
+    }
+
+    const taskDeatil: Scheduler.ITask = {
+      dependsOn: [],
+      id: model?.id,
+      nodeId: model?.nodeId || nanoid(),
+      name: formData.taskName,
+      runtimeProperties: data,
+      input_uri: undefined as any,
+      namespaceId: formData.namespaceId,
+      triggerRule: formData.triggerRule,
+      kernelSpecId: formData.kernelSpecId,
+      output_formats: formData.outputFormats,
+      input_file_id: model?.input_file_id,
+      notebookParameters: serializeParameters(
+        formData.notebookParameters || []
+      ),
+      taskTimeout: convertTaskTimeoutHoursToSeconds(formData.taskTimeout),
+      slackChannel: formData.slackChannel || undefined,
+      showOutputInEmail: formData.showOutputInEmail,
+      notificationEmails: formData.notificationEmails
+    };
+
+    if (formData.parameters !== undefined) {
+      taskDeatil.parameters = serializeParameters(formData.parameters);
+    }
+
+    // Only if the inputFile is updated or same file is used, send the value to backend else do not send file path
+    // This is because if a task is updated from a different server that it was originally created
+    // backend cannot read the file content because the input_uri saved in the task is not a valid path
+    if (
+      !model.id || // If the task is not yet saved, always send the input_uri
+      methods.formState.dirtyFields.inputFile ||
+      methods.formState.touchedFields.inputFile
+    ) {
+      taskDeatil.input_uri = formData.inputFile;
+      taskDeatil.input_file_id = model.input_file_id;
+    }
+
+    try {
+      setLoading(true);
+      await props.onCreate(taskDeatil);
+      props.onCancel();
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDragOver = useCallback((event: any) => {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+
+  const handleDrop = useCallback((event: any) => {
+    const mimeData = event.mimeData.getData(CONTENTS_MIME_RICH);
+
+    if (mimeData?.model?.type !== 'notebook') {
+      return;
+    }
+
+    methods.setValue('inputFile', mimeData.model.path, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+
+    setFileUpdated(true);
+
+    setTimeout(() => {
+      componentRef.current && setFileUpdated(false);
+    }, 3000);
+  }, []);
+
+  const handleScrollToTop = () => {
+    // Scroll back to the top of the panel. A short delay is needed to allow for smooth scroll.
+    setTimeout(() => {
+      componentRef.current?.scrollIntoView({ behavior: 'smooth' });
+    }, 100);
+  };
+
+  return (
+    <FormProvider {...methods}>
+      <form onSubmit={e => e.preventDefault()}>
+        <Box
+          display="flex"
+          flexDirection="column"
+          py={4}
+          gap={4}
+          ref={componentRef}
+        >
+          <FormInputText
+            name="taskName"
+            control={control}
+            margin="none"
+            label={trans.__('Name')}
+            rules={{
+              validate: value => taskNameError(value, trans) || undefined
+            }}
+            inputRef={inputRef}
+          />
+
+          <Dropzone onDrop={handleDrop} onDragOver={handleDragOver}>
+            <FormInputText
+              fullWidth
+              name="inputFile"
+              control={control}
+              margin="none"
+              label={trans.__('Input file snapshot')}
+              rules={{
+                required: 'This field is required'
+              }}
+              InputProps={{
+                readOnly: true,
+                startAdornment: (
+                  <InputAdornment position="start">
+                    <FolderIcon fontSize="small" />
+                    &nbsp;&nbsp;/
+                  </InputAdornment>
+                ),
+                endAdornment: fileUpdated ? (
+                  <InputAdornment position="end">
+                    <CheckCircle color="success" fontSize="small" />
+                  </InputAdornment>
+                ) : null
+              }}
+              helperText="Drag a file from the file browser and drop it here to update the input file snapshot"
+            />
+          </Dropzone>
+
+          <Controller
+            name="kernelSpecId"
+            control={control}
+            rules={{
+              validate: value =>
+                !value ? 'Kernel configuration is required' : undefined
+            }}
+            render={({ field: { onChange }, fieldState: { error } }) => (
+              <Autocomplete
+                sx={{
+                  '& .MuiInputLabel-shrink': { display: 'none' },
+                  '& .MuiInputLabel-root': { color: 'var(--jp-border-color0)' }
+                }}
+                options={kernelSpecs}
+                value={selectedKernelSpec}
+                onChange={(_, v) => onChange(v?.value)}
+                renderInput={(params: any) => (
+                  <>
+                    <FormLabel
+                      component="legend"
+                      focused={false}
+                      sx={{ mb: 1 }}
+                    >
+                      {trans.__('Kernel configuration')}{' '}
+                    </FormLabel>
+                    <CustomTextField
+                      {...params}
+                      name="kernelSpecId"
+                      variant="outlined"
+                      error={!!error?.message}
+                      helperText={error?.message}
+                      placeholder={trans.__('Select a kernel configuration')}
+                    />
+                  </>
+                )}
+              />
+            )}
+          />
+
+          <TaskDependency />
+
+          <FormInputSelectBox
+            variant="standard"
+            control={control}
+            name="triggerRule"
+            id={'triggerRule'}
+            label={trans.__('Trigger rule')}
+            options={triggerRuleTypes}
+            renderValue={v => v}
+          />
+
+          <Controller
+            name="notebookParameters"
+            control={control}
+            render={({ field: { value, onChange } }) => (
+              <ParametersPicker
+                errors={errors}
+                name={'notebookParameters'}
+                label={trans.__('Parameters')}
+                id={'notebookParameters'}
+                handleErrorsChange={setErrors}
+                onChange={onChange}
+                value={value}
+              />
+            )}
+          />
+
+          <Controller
+            control={control}
+            name="runtimeProperties"
+            render={({ field: { value, onChange } }) => (
+              <JsonEditor
+                label="Runtime properties"
+                initialValue={value}
+                onChange={onChange}
+              />
+            )}
+          />
+
+          <FormInputText
+            control={control}
+            name="taskTimeout"
+            margin="none"
+            type="number"
+            label={trans.__('Job timeout')}
+            helperText={'Default (and minimum) is 4 hours'}
+            rules={{
+              validate: (value = 0) =>
+                value < 4 ? 'Timeout must be 4 hours or greater.' : undefined
+            }}
+            InputProps={{
+              endAdornment: (
+                <InputAdornment position="end">
+                  {trans.__('hours')}
+                </InputAdornment>
+              )
+            }}
+          />
+
+          <FormControl component="fieldset" variant="standard">
+            <FormLabel component="legend" focused={false}>
+              {trans.__('Notification email settings')}{' '}
+              <Typography variant="caption">- Optional</Typography>
+            </FormLabel>
+            <Controller
+              name="showOutputInEmail"
+              control={control}
+              render={({ field: { value, onChange } }) => (
+                <>
+                  <Tooltip
+                    title={
+                      <Grid
+                        container
+                        direction="row"
+                        alignItems="center"
+                        spacing={1}
+                      >
+                        <Grid item>
+                          <WarningRounded />
+                        </Grid>
+                        <Grid item>
+                          Do not enable if outputs include sensitive
+                          information.
+                        </Grid>
+                      </Grid>
+                    }
+                    placement="left"
+                  >
+                    <FormControlLabel
+                      control={<Checkbox checked={value} onChange={onChange} />}
+                      label={trans.__('Preview outputs')}
+                    />
+                  </Tooltip>
+                  <FormHelperText>
+                    Outputs that execute Javascript will not render in emails.
+                  </FormHelperText>
+                </>
+              )}
+            />
+          </FormControl>
+
+          <Stack direction="row" gap={3} justifyContent="flex-end">
+            {loading ? (
+              <>
+                {trans.__('Updating task detail …')}
+                <CircularProgress size="20px" />
+              </>
+            ) : (
+              <>
+                <Button variant="text" onClick={props.onCancel}>
+                  {trans.__('Cancel')}
+                </Button>
+
+                <Button
+                  variant="contained"
+                  onClick={handleSubmit(submitTaskChange)}
+                >
+                  {trans.__('Update')}
+                </Button>
+              </>
+            )}
+          </Stack>
+        </Box>
+      </form>
+    </FormProvider>
+  );
+}
diff --git a/src/dag-scheduler/mainviews/update-workflow.tsx b/src/dag-scheduler/mainviews/update-workflow.tsx
new file mode 100644
index 000000000..e560e6b0b
--- /dev/null
+++ b/src/dag-scheduler/mainviews/update-workflow.tsx
@@ -0,0 +1,283 @@
+import React, { useMemo, useState, useRef, useEffect } from 'react';
+import { CreateScheduleOptions } from '../components/create-schedule-options';
+import { ParametersPicker } from '../components/parameters-picker';
+import { useWorkflows, useTranslator } from '../hooks';
+import { Contact, convertParameters, defaultScheduleFields } from '../model';
+import { Workflows as SchedulerTokens } from '../tokens';
+import {
+  Button,
+  CircularProgress,
+  FormHelperText,
+  InputLabel,
+  Typography
+} from '@mui/material';
+import { debounce } from '@mui/material/utils';
+import { AutoSuggestionInput } from '../components/auto-suggestion';
+
+import { Box, Stack } from '@mui/system';
+import { parseDate, serializeParameters } from '../util';
+import { notificationTypes } from '../contants';
+import { Scheduler } from '../handler';
+import { useForm, FormProvider, Controller } from 'react-hook-form';
+import { FormInputText } from '../components/forms/text-field';
+import { FormInputGroupedSelectBox } from '../components/forms/select-box';
+import { cronToSchedule } from '../components/schedule-inputs';
+import { FormInputCheckboxList } from '../components/forms/checkbox-list';
+import { FormInputDate } from '../components/forms/date-input';
+
+export interface IUpdateWorkflowProps {
+  model: Scheduler.IJobDefinition;
+  onCancel: () => void;
+  onUpdate: (payload: Scheduler.IJobDefinition) => any;
+}
+
+// TODO: rename the component & file name
+export function UpdateWorkflow(props: IUpdateWorkflowProps): JSX.Element {
+  const trans = useTranslator('jupyterlab');
+  const { api, namespaces } = useWorkflows();
+
+  const [loading, setLoading] = useState(false);
+  const componentRef = useRef<HTMLElement>(null);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [contacts, setContacts] = useState<Contact[]>([]);
+
+  // A mapping from input names to error messages.
+  // If an error message is "truthy" (i.e., not null or ''), we should display the
+  // input in an error state and block form submission.
+  const [errors, setErrors] = useState<SchedulerTokens.ErrorsType>({});
+
+  const debouncedSearch = useMemo(() => debounce(setSearchQuery, 300), []);
+
+  const namespacesByCluster = useMemo(() => {
+    const groups = namespaces.reduce((result, current) => {
+      result[current.cluster] = result[current.cluster] || [];
+
+      result[current.cluster].push({ ...current });
+
+      return result;
+    }, {} as any);
+
+    return Object.keys(groups).map(k => ({
+      groupName: k,
+      items: groups[k]
+    }));
+  }, [namespaces]);
+
+  const methods = useForm<any>({
+    mode: 'all',
+    shouldUnregister: false,
+    defaultValues: {
+      jobName: props.model.name || '',
+      namespaceId: props.model.namespaceId || '',
+      scheduleStartDate: parseDate(props.model.scheduleStartDate), // The default value for creating a start date should always be null.
+      notificationEvents: props.model.notificationEvents || [],
+      notificationEmails: (props.model.notificationEmails || []).map(email => ({
+        email
+      })),
+      parameters: convertParameters(props.model.parameters || {}),
+      slackChannel: props.model.slackChannel || '',
+      scheduleInput: {
+        ...cronToSchedule(
+          props.model.schedule || defaultScheduleFields.schedule
+        ),
+        schedule: props.model.schedule || defaultScheduleFields.schedule,
+        timezone: props.model.timezone || ''
+      }
+    }
+  });
+
+  const { handleSubmit, control } = methods;
+
+  const namespacesById = useMemo(
+    () => new Map(namespaces.map(item => [item.id, item.name])),
+    [namespaces]
+  );
+
+  useEffect(() => {
+    const stringMatch: (str: string) => boolean = str =>
+      str.toLowerCase().indexOf(searchQuery.toLowerCase()) > -1;
+
+    const getContacts = async () => {
+      const users = await api.getContacts(searchQuery);
+
+      setContacts(
+        users.filter(c => stringMatch(c.email) || stringMatch(c.name))
+      );
+    };
+
+    searchQuery && getContacts();
+  }, [searchQuery]);
+
+  const anyErrors = Object.keys(errors).some(key => !!errors[key]);
+
+  const submitCreateJobDefinitionRequest = async (formData: any) => {
+    const jobDefinitionOptions: Scheduler.IJobDefinition = {
+      id: props.model?.id,
+      job_definition_id: props.model?.job_definition_id,
+      name: props.model.name || '',
+      active: props.model.active,
+      namespaceId: props.model.namespaceId || '',
+      schedule: formData.scheduleInput.schedule,
+      timezone: formData.scheduleInput.timezone,
+      notificationEvents: formData.notificationEvents,
+      notificationEmails: formData.notificationEmails.map(
+        (c: Contact) => c.email
+      ) as any,
+      scheduleStartDate: formData.scheduleStartDate?.format('YYYY-MM-DD'),
+      parameters: serializeParameters(formData.parameters || []),
+      notebookParameters: serializeParameters(formData.parameters || []),
+      slackChannel: formData.slackChannel || undefined,
+      tasks: []
+    };
+
+    try {
+      setLoading(true);
+
+      await props.onUpdate(jobDefinitionOptions);
+
+      props.onCancel();
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <FormProvider {...methods}>
+      <form onSubmit={e => e.preventDefault()}>
+        <Stack spacing={5} py={4}>
+          <Box gap={4} display="flex" ref={componentRef} flexDirection="column">
+            <FormInputText
+              name="jobName"
+              rules={{ required: true }}
+              value={props.model.name}
+              label={trans.__('Name')}
+              disabled // TODO: For now keep it disabled
+              helperText="Workflow name cannot be changed"
+            />
+
+            <FormInputGroupedSelectBox
+              disabled
+              variant="standard"
+              control={control}
+              name={'namespaceId'}
+              rules={{ required: true }}
+              label={trans.__('Namespace')}
+              id={'namespaceId'}
+              options={namespacesByCluster}
+              placeholder="Select a namespace"
+              renderValue={value => namespacesById.get(value) || value}
+              helperText="Namespace cannot be changed"
+            />
+
+            <Controller
+              name="scheduleInput"
+              control={control}
+              render={({ field: { value, onChange } }) => (
+                <CreateScheduleOptions
+                  errors={errors}
+                  utcOnly={false}
+                  canChangeSchedule
+                  model={value}
+                  label={trans.__('Schedule')}
+                  id={'createType'}
+                  handleErrorsChange={setErrors}
+                  handleModelChange={onChange}
+                />
+              )}
+            />
+
+            <FormInputDate
+              label="Start date"
+              name="scheduleStartDate"
+              control={control}
+            />
+
+            <Controller
+              name={'parameters'}
+              control={control}
+              render={({
+                field: { value, onChange },
+                fieldState: { error }
+              }) => (
+                <ParametersPicker
+                  errors={errors}
+                  name={'parameters'}
+                  label={trans.__('Parameters')}
+                  id={'parameters'}
+                  handleErrorsChange={setErrors}
+                  onChange={onChange}
+                  value={value}
+                />
+              )}
+            />
+
+            <FormInputCheckboxList
+              control={control}
+              label={trans.__('Notification events')}
+              name="notificationEvents"
+              id={'notificationEvents'}
+              options={notificationTypes}
+            />
+
+            <Stack spacing={2}>
+              <InputLabel>
+                {trans.__('Notification emails')}{' '}
+                <Typography variant="caption">- Optional</Typography>
+              </InputLabel>
+              <Controller
+                name="notificationEmails"
+                control={control}
+                render={({ field: { value, onChange } }) => (
+                  <AutoSuggestionInput
+                    value={value}
+                    contacts={contacts}
+                    onSearch={debouncedSearch}
+                    onChange={onChange}
+                  />
+                )}
+              />
+            </Stack>
+
+            <FormInputText
+              control={control}
+              name="slackChannel"
+              label={trans.__('Slack channel to notify')}
+              helperText={
+                'e.g. #example-slack-channel (must be a public channel)'
+              }
+            />
+
+            {anyErrors ? (
+              <FormHelperText error>
+                {trans.__(
+                  'The form could not be submitted because some required fields are missing'
+                )}
+              </FormHelperText>
+            ) : null}
+          </Box>
+          <Stack direction="row" gap={3} justifyContent="flex-end">
+            {loading ? (
+              <>
+                {trans.__('Updating workflow …')}
+                <CircularProgress size="20px" />
+              </>
+            ) : (
+              <>
+                <Button variant="text" onClick={props.onCancel}>
+                  {trans.__('Cancel')}
+                </Button>
+
+                <Button
+                  variant="contained"
+                  onClick={handleSubmit(submitCreateJobDefinitionRequest)}
+                >
+                  {trans.__('Update')}
+                </Button>
+              </>
+            )}
+          </Stack>
+        </Stack>
+      </form>
+    </FormProvider>
+  );
+}
diff --git a/src/dag-scheduler/mainviews/workflows.tsx b/src/dag-scheduler/mainviews/workflows.tsx
new file mode 100644
index 000000000..069b130e8
--- /dev/null
+++ b/src/dag-scheduler/mainviews/workflows.tsx
@@ -0,0 +1,100 @@
+import 'reactflow/dist/base.css';
+import React, { FC, useState } from 'react';
+import {
+  RouterProvider,
+  createMemoryRouter,
+  Route,
+  createRoutesFromElements,
+  Navigate,
+  Outlet
+} from 'react-router-dom';
+
+import { JobDefinitionsList } from './job-definitions-list';
+import TaskView from './task-view';
+import { JobsView } from '../model';
+import JobsRunView from './run-view';
+import JobRunsList from './job-runs-list';
+import { Scheduler } from '../handler';
+import { ErrorBoundary } from '../components/error-boundary';
+import { useTranslator } from '../hooks';
+import { Breadcrumbs } from '../components/breadcrumbs';
+import { Stack, useTheme } from '@mui/material';
+import { CreateWorkflowView } from './create-workflow-view';
+
+type IProps = {
+  onRefresh: VoidFunction;
+};
+
+const ErrorBoundaryLayout: FC<IProps> = ({ onRefresh }) => {
+  const trans = useTranslator('jupyterlab');
+  const theme = useTheme();
+
+  return (
+    <ErrorBoundary
+      alertTitle={trans.__('Internal error')}
+      alertMessage={trans.__(
+        'We encountered an internal error. Please try your command again.'
+      )}
+      detailTitle={trans.__('Error details')}
+      onClose={onRefresh}
+    >
+      <Stack
+        sx={{ height: '100%' }}
+        className={`notebook-workflows ${theme.palette.mode}`}
+      >
+        <Breadcrumbs />
+        <Outlet />
+      </Stack>
+    </ErrorBoundary>
+  );
+};
+
+export const NotebookWorkflows: FC<{
+  view?: JobsView;
+  model: Scheduler.ITask;
+}> = ({ view, model }) => {
+  // Having this in state enables us to show list view instead of create screen when we catch any error
+  const [currentView, setCurrentView] = useState(view);
+  // This is to forceUpdate the component on Refresh from Error screen
+  const [state, updateState] = React.useState(Date.now());
+  const forceUpdate = React.useCallback(() => {
+    updateState(Date.now());
+    setCurrentView(JobsView.ListJobDefinitions);
+  }, []);
+
+  if (currentView === JobsView.CreateForm && !model.input_uri) {
+    return null;
+  }
+
+  const routes = (
+    <>
+      <Route element={<ErrorBoundaryLayout onRefresh={forceUpdate} />}>
+        <Route index path="/job-definitions" element={<JobDefinitionsList />} />
+        <Route path="/job-definitions/new" element={<CreateWorkflowView />} />
+        <Route path="/job-definitions/:jobId" element={<TaskView />} />
+        <Route path="/job-definitions/:jobId/runs" element={<JobRunsList />} />
+        <Route
+          path="/job-definitions/:jobId/runs/:runId"
+          element={<JobsRunView />}
+        />
+        <Route
+          path="*"
+          element={
+            <Navigate
+              state={{ task: model }}
+              to={
+                currentView === JobsView.CreateForm
+                  ? '/job-definitions/new'
+                  : '/job-definitions'
+              }
+            />
+          }
+        />
+      </Route>
+    </>
+  );
+
+  const router = createMemoryRouter(createRoutesFromElements(routes), {});
+
+  return <RouterProvider key={state} router={router} />;
+};
diff --git a/src/dag-scheduler/mocks/handler.ts b/src/dag-scheduler/mocks/handler.ts
new file mode 100644
index 000000000..2af3acffd
--- /dev/null
+++ b/src/dag-scheduler/mocks/handler.ts
@@ -0,0 +1,63 @@
+import { Namespace, Scheduler, WorkflowsService } from '../handler';
+import { job_definitions } from './job-definitions';
+import { job_definition } from './job-definition';
+import { job_runs } from './job-runs';
+import { job_run } from './job-run';
+import { Contact } from '../model';
+import { namespaces } from './namespaces';
+import { nanoid } from 'nanoid';
+
+export class MockWorkflowService extends WorkflowsService {
+  public override createJobDefinition(
+    definition: Scheduler.IJobDefinition
+  ): Promise<Scheduler.IJobDefinition> {
+    return Promise.resolve({ job_definition_id: nanoid() }) as any;
+  }
+
+  public override getJobDefinitions(
+    jobDefintionsQuery: Scheduler.IListJobDefinitionsQuery,
+    definition_id?: string | undefined
+  ): Promise<Scheduler.IListJobDefinitionsResponse> {
+    return Promise.resolve(job_definitions as any);
+  }
+
+  public override getJobDefinition(
+    definition_id: string
+  ): Promise<Scheduler.IJobDefinition> {
+    return Promise.resolve(job_definition as any);
+  }
+
+  public override getJobs(
+    jobQuery: Scheduler.IListJobsQuery,
+    job_def_id?: string | undefined,
+    version?: string
+  ): Promise<Scheduler.IListJobsResponse> {
+    return Promise.resolve(job_runs as any);
+  }
+
+  public override getJob(
+    job_run_id: string,
+    version?: string
+  ): Promise<Scheduler.IJobRunDetail> {
+    return Promise.resolve(job_run as any);
+  }
+
+  public override getNamespaces(): Promise<Namespace[]> {
+    return namespaces as any;
+  }
+
+  public override getContacts(searchQuery: string): Promise<Contact[]> {
+    return [
+      { id: '1', name: 'Alice Graham', email: 'alice@yahoo.com' },
+      { id: '2', name: 'Asher Reichert', email: 'asher@yahoo.com' },
+      { id: '3', name: 'James Anderson', email: 'james@yahoo.com' },
+      { id: '4', name: 'Ervin Howell ', email: 'ervin@yahoo.com' },
+      { id: '5', name: 'Barbara Stein', email: 'barbara@yahoo.com' },
+      { id: '6', name: 'Clementine Bauch ', email: 'chris-s@yahoo.com' },
+      { id: '7', name: 'Matthew Hogard', email: 'mat@gmail.com' },
+      { id: '8', name: 'Patricia Lebsack', email: 'patricia@gmail.com' },
+      { id: '9', name: 'Sathish kumar', email: 'sathishlxg@gmail.com' },
+      { id: '10', name: '', email: 'lebron@yahoo.com' }
+    ] as any;
+  }
+}
diff --git a/src/dag-scheduler/mocks/job-definition.ts b/src/dag-scheduler/mocks/job-definition.ts
new file mode 100644
index 000000000..c12f2c531
--- /dev/null
+++ b/src/dag-scheduler/mocks/job-definition.ts
@@ -0,0 +1,226 @@
+export const job_definition = {
+  input_filename: 'fine-tune-LLM.ipynb',
+  runtime_environment_name: null,
+  runtime_environment_parameters: null,
+  output_formats: ['html', 'ipynb'],
+  parameters: {},
+  tags: null,
+  name: 'workflow-demo',
+  output_filename_template: '{{input_filename}}-{{create_time}}',
+  compute_type: null,
+  schedule: '@once',
+  timezone: 'UTC',
+  job_definition_id: 'kisk8hjtqqw8',
+  create_time: 1714572305000,
+  update_time: 1714572363000,
+  active: true,
+  id: 'kisk8hjtqqw8',
+  kernelSpecId: 'python3',
+  namespaceId: '03n79u8lzwae',
+  kernelSpecVersion: null,
+  kernelProfileId: null,
+  kernelProfileVersion: null,
+  runtimeProperties: null,
+  notificationEvents: null,
+  notificationEmails: ['sathishlxg@gmail.com'],
+  slackChannel: '#dev',
+  taskTimeout: null,
+  showOutputInEmail: false,
+  scheduleStartDate: null,
+  status: 'DEPLOYED',
+  statusMessage: null,
+  input_file_id: 'ab803101-862f-42ea-bacb-9b58b81a94ed',
+  input_file_path: null,
+  externalLinks: [
+    {
+      label: 'Data Pipeline Url',
+      description: 'Data Pipeline Url',
+      url: 'https://example.com'
+    },
+    {
+      label: 'Pipeline Runs',
+      description: 'Pipeline Runs Url',
+      url: 'https://example.com'
+    }
+  ],
+  tasks: [
+    {
+      id: 'qoypbi1gdj8r',
+      nodeId: 'SMaVbSyaNDEiKD2jDhSIN',
+      name: 'fine-tune-LLM',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: 'ab803101-862f-42ea-bacb-9b58b81a94ed',
+          name: 'fine-tune-LLM.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'fine-tune-LLM.ipynb',
+      triggerRule: null,
+      dependsOn: ['pzyvr3ntc3kk'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572320000',
+      update_time: '1714572320000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: 'ab803101-862f-42ea-bacb-9b58b81a94ed',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'pzyvr3ntc3kk',
+      nodeId: 'LbbQhZPfKZuSjX7BllnA7',
+      name: 'Spark-Feature-Gen',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: '9c053784-699c-4062-9f7a-9db8fe1bf6cc',
+          name: 'Spark-Feature-Gen.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'Spark-Feature-Gen.ipynb',
+      triggerRule: null,
+      dependsOn: ['7rkmf07or9oj'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572319000',
+      update_time: '1714572319000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: '9c053784-699c-4062-9f7a-9db8fe1bf6cc',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'kc11cuzqyiwz',
+      nodeId: '8YOw8jd5jG9CZLDbEGbRH',
+      name: 'evaluate-LLMs',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: {},
+      inputFiles: [
+        {
+          contents: null,
+          id: '13cc4803-db88-47ec-aa7a-3dd8c0d9991b',
+          name: 'evaluate-LLMs.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: '14400',
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'evaluate-LLMs.ipynb',
+      triggerRule: 'all_success',
+      dependsOn: ['qoypbi1gdj8r', 'g136fpp7bg4a'],
+      parameters: {},
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572322000',
+      update_time: '1714572350000',
+      status: 'UPDATED',
+      status_message: '',
+      input_file_id: '13cc4803-db88-47ec-aa7a-3dd8c0d9991b',
+      notebookParameters: {},
+      notificationEmails: []
+    },
+    {
+      id: '7rkmf07or9oj',
+      nodeId: 'kMxW-rvb-YErMUfc1OHWU',
+      name: 'Spark-Ingest-Data',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: 'e6ddde6b-1ff6-4b77-ad3f-6dc729c66466',
+          name: 'Spark-Ingest-Data.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'Spark-Ingest-Data.ipynb',
+      triggerRule: null,
+      dependsOn: [],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572318000',
+      update_time: '1714572318000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: 'e6ddde6b-1ff6-4b77-ad3f-6dc729c66466',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'g136fpp7bg4a',
+      nodeId: '336TjTrNhZ4ZHyJ-5wKBV',
+      name: 'fine-tune-LLM1',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: '4f9dc2ea-a11b-4e76-9720-1a515622b349',
+          name: 'fine-tune-LLM.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'fine-tune-LLM.ipynb',
+      triggerRule: null,
+      dependsOn: ['pzyvr3ntc3kk'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572328000',
+      update_time: '1714572328000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: '4f9dc2ea-a11b-4e76-9720-1a515622b349',
+      notebookParameters: null,
+      notificationEmails: []
+    }
+  ],
+  version: 'v2',
+  notebookParameters: {},
+  deploy_time: 1714572402000
+} as const;
diff --git a/src/dag-scheduler/mocks/job-definitions.ts b/src/dag-scheduler/mocks/job-definitions.ts
new file mode 100644
index 000000000..b60bf525c
--- /dev/null
+++ b/src/dag-scheduler/mocks/job-definitions.ts
@@ -0,0 +1,256 @@
+export const job_definitions = {
+  job_definitions: [
+    {
+      input_filename: 'build-ml-feature-table.ipynb',
+      output_formats: ['html', 'ipynb'],
+      parameters: {},
+      name: 'workflow-demo',
+      output_filename_template: '{{input_filename}}-{{create_time}}',
+      schedule: '@once',
+      timezone: 'UTC',
+      job_definition_id: '6wjmuwtydym3',
+      create_time: 1712183119000,
+      update_time: 1715981514000,
+      active: true,
+      id: '6wjmuwtydym3',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      notificationEmails: ['sathishlxg@gmail.com'],
+      showOutputInEmail: false,
+      status: 'DEPLOYED',
+      input_file_id: '13d90071-eff8-4d8a-aaf2-1f6e56fcd870',
+      externalLinks: [
+        {
+          label: 'Data Pipeline Url',
+          description: 'Data Pipeline Url',
+          url: 'https://example.com'
+        },
+        {
+          label: 'Pipeline Runs',
+          description: 'Pipeline Runs Url',
+          url: 'https://example.com'
+        }
+      ],
+      tasks: [
+        {
+          id: '8hdqvd6tsp1r',
+          nodeId: 'LNjurr1oRFI9EL1AsJ3Bo',
+          name: 'build-ml-feature-table',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '13d90071-eff8-4d8a-aaf2-1f6e56fcd870',
+              name: 'build-ml-feature-table.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'build-ml-feature-table.ipynb',
+          dependsOn: ['r3p1b7tf5ofo'],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1715981365000',
+          update_time: '1715981365000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: '13d90071-eff8-4d8a-aaf2-1f6e56fcd870',
+          notificationEmails: []
+        },
+        {
+          id: 'd7q7duwockyg',
+          nodeId: 'tLNsAJmnqjNHOiL4rTQIT',
+          name: 'error_file',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '4161515a-9cad-4400-952a-5cef471cd455',
+              name: 'error_file.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'error_file.ipynb',
+          dependsOn: ['r3p1b7tf5ofo'],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1715981362000',
+          update_time: '1715981362000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: '4161515a-9cad-4400-952a-5cef471cd455',
+          notificationEmails: []
+        },
+        {
+          id: 'o7lc09auhxmw',
+          nodeId: 'CRlKpv0NIBEKQZGGXXbAF',
+          name: 'visualize',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          runtimeProperties: {},
+          inputFiles: [
+            {
+              id: 'ad1ec69c-8acc-4d13-8e46-8a1671298690',
+              name: 'visualize.ipynb'
+            }
+          ],
+          taskTimeout: '14400',
+          showOutputInEmail: false,
+          input_filename: 'visualize.ipynb',
+          dependsOn: ['8hdqvd6tsp1r', 'd7q7duwockyg'],
+          parameters: {},
+          output_formats: ['html', 'ipynb'],
+          create_time: '1712183119000',
+          update_time: '1712183119000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: 'ad1ec69c-8acc-4d13-8e46-8a1671298690',
+          notebookParameters: {},
+          notificationEmails: []
+        },
+        {
+          id: 'r3p1b7tf5ofo',
+          nodeId: 'Y0rlnnkoYTO9R9VcwOMtA',
+          name: 'Untitled1',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '316b09eb-96ea-4d44-8b96-644692b85d52',
+              name: 'Untitled1.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'Untitled1.ipynb',
+          dependsOn: [],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1715981361000',
+          update_time: '1715981361000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: '316b09eb-96ea-4d44-8b96-644692b85d52',
+          notificationEmails: []
+        }
+      ],
+      version: 'v2',
+      notebookParameters: {},
+      deploy_time: 1715981918000
+    },
+    {
+      input_filename: 'build-ml-feature-table.ipynb',
+      output_formats: ['html', 'ipynb'],
+      parameters: {},
+      name: 'feature-engineering-demo',
+      output_filename_template: '{{input_filename}}-{{create_time}}',
+      schedule: '@once',
+      timezone: 'UTC',
+      job_definition_id: 'v546iot33iy6',
+      create_time: 1712179842000,
+      update_time: 1712179842000,
+      active: true,
+      id: 'v546iot33iy6',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      notificationEmails: ['sathishlxg@gmail.com'],
+      showOutputInEmail: false,
+      status: 'UPDATED',
+      input_file_id: 'b377f40c-4b86-463d-bdd2-1c40f2d944ba',
+      tasks: [
+        {
+          id: 'soahmnenunyq',
+          nodeId: 'oIluDdpWnMKiGJYNiS46z',
+          name: 'build-ml-feature-table',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: 'b377f40c-4b86-463d-bdd2-1c40f2d944ba',
+              name: 'build-ml-feature-table.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'build-ml-feature-table.ipynb',
+          dependsOn: [],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1712179858000',
+          update_time: '1712179858000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: 'b377f40c-4b86-463d-bdd2-1c40f2d944ba',
+          notificationEmails: []
+        },
+        {
+          id: 'h7ney54y3mkh',
+          nodeId: 'F5iCoL_lVojn0lVtaGktL',
+          name: 'visualize',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '83bef0a3-72e7-4ca8-82db-804b70963d46',
+              name: 'visualize.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'visualize.ipynb',
+          dependsOn: [],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1712179897000',
+          update_time: '1712179897000',
+          status: 'FAILED_TO_CREATE',
+          status_message:
+            'Unexpected Http Response status=500, httpClient=Secrets Service, errorMessage=A server error occurred: there was an error managing secretsConfiguration: ohsdz0b133l8 and the secretsConfiguration was true reverted from the Meta Store, cause: javax.ws.rs.InternalServerErrorException: Communication with Whisper Service failed, errorMessage=received Http Error response code 500, message=Failed to get all secrets in a bucket, exception=Communication with Secret Service failed, errorMessage=received 5xx internal server error, responseBody={"code":500,"message":"HTTP 500 Internal Server Error"} -- javax.ws.rs.InternalServerErrorException: Communication with Secret Service failed, errorMessage=received Http Error response code 500, message=Failed to get all secrets, exception=Communication with Whisper Service failed, errorMessage=received 5xx internal server error, responseBody={"code":500,"message":"HTTP 500 Internal Server Error"}',
+          input_file_id: '83bef0a3-72e7-4ca8-82db-804b70963d46',
+          notificationEmails: []
+        },
+        {
+          id: 'u8rnhq3qutkz',
+          nodeId: 'LsoPU1_fHnGs7tTTyPd0f',
+          name: 'error_file',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '8541a53d-ba3c-4912-bd47-1a0eadd14b20',
+              name: 'error_file.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'error_file.ipynb',
+          dependsOn: [],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1712179859000',
+          update_time: '1712179859000',
+          status: 'CREATED',
+          status_message: '',
+          input_file_id: '8541a53d-ba3c-4912-bd47-1a0eadd14b20',
+          notificationEmails: []
+        },
+        {
+          id: 'rixbiknu5kr4',
+          nodeId: 'IJfFkF_qjSckWrwi2nCvc',
+          name: 'transform-raw-data',
+          kernelSpecId: 'python3',
+          namespaceId: '03n79u8lzwae',
+          inputFiles: [
+            {
+              id: '86f20000-31a9-4750-826c-8ef98b4dc23c',
+              name: 'transform-raw-data.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'transform-raw-data.ipynb',
+          dependsOn: [],
+          output_formats: ['html', 'ipynb'],
+          create_time: '1712179852000',
+          update_time: '1712179852000',
+          status: 'FAILED_TO_CREATE',
+          status_message:
+            'Unexpected Http Response status=500, httpClient=Secrets Service, errorMessage=A server error occurred: there was an error managing secretsConfiguration: c33jkwa5t8x9 and the secretsConfiguration was true reverted from the Meta Store, cause: javax.ws.rs.InternalServerErrorException: Communication with Secret Service failed, errorMessage=received Http Error response code 500, message=Failed to get all secrets in a bucket, exception=Communication with Whisper Service failed, errorMessage=received 5xx internal server error, responseBody={"code":500,"message":"HTTP 500 Internal Server Error"} -- javax.ws.rs.InternalServerErrorException: Communication with Whisper Service failed, errorMessage=received Http Error response code 500, message=Failed to get all secrets, exception=Communication with Whisper Service failed, errorMessage=received 5xx internal server error, responseBody={"code":500,"message":"HTTP 500 Internal Server Error"}',
+          input_file_id: '86f20000-31a9-4750-826c-8ef98b4dc23c',
+          notificationEmails: []
+        }
+      ],
+      version: 'v2',
+      notebookParameters: {}
+    }
+  ],
+  total_count: 23
+} as const;
diff --git a/src/dag-scheduler/mocks/job-run.ts b/src/dag-scheduler/mocks/job-run.ts
new file mode 100644
index 000000000..fbee74e75
--- /dev/null
+++ b/src/dag-scheduler/mocks/job-run.ts
@@ -0,0 +1,272 @@
+export const job_run = {
+  input_filename: 'build-analytical-table.ipynb',
+  runtime_environment_name: null,
+  runtime_environment_parameters: null,
+  output_formats: ['ipynb'],
+  idempotency_token: null,
+  job_definition_id: 'twb9e84r7o40',
+  parameters: {},
+  tags: null,
+  name: 'build-analytical-table',
+  output_filename_template: '{{input_filename}}-{{create_time}}',
+  compute_type: null,
+  job_id: 'vqsrh19klv8r',
+  job_files: [],
+  url: '/jobs/vqsrh19klv8r',
+  create_time: 1711407205000,
+  update_time: 1711407205000,
+  start_time: 1711407205000,
+  end_time: 1711407397000,
+  status: 'FAILED',
+  status_message:
+    'Failed executing notebook file with error: \n---------------------------------------------------------------------------\nException encountered at "In [1]":\n  File "/tmp/ipykernel_43/1960736354.py", line 1\n    1 to 5\n      ^\nSyntaxError: invalid syntax\n\n',
+  downloaded: false,
+  runtimeProperties: {},
+  notificationEvents: null,
+  notificationEmails: null,
+  externalLinks: [
+    {
+      label: 'Data Pipeline Run',
+      description: 'Data Pipeline Run Url',
+      url: 'https://example.com'
+    }
+  ],
+  input_file_id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+  output_file_id: 'd31b98f2-9a05-4fe3-bd4b-f18882d01dab',
+  outputPreviewLink: 'https://example.com',
+  slackChannel: null,
+  scheduleStartDate: null,
+  taskTimeout: null,
+  showOutputInEmail: false,
+  task_runs: [
+    {
+      input_filename: 'build-analytical-table.ipynb',
+      runtime_environment_name: null,
+      runtime_environment_parameters: null,
+      output_formats: [],
+      idempotency_token: null,
+      job_definition_id: null,
+      parameters: null,
+      tags: null,
+      name: null,
+      output_filename_template: '{{input_filename}}-{{create_time}}',
+      compute_type: null,
+      job_id: 'vqsrh19klv8r',
+      job_files: [
+        {
+          display_name: 'Input',
+          file_format: 'input',
+          file_path: null
+        }
+      ],
+      url: '/task_runs/vqsrh19klv8r',
+      create_time: 1711407205000,
+      update_time: 1711407205000,
+      start_time: 1711407205000,
+      end_time: 1711407397000,
+      status: 'FAILED',
+      status_message:
+        'Failed executing notebook file with error: \n---------------------------------------------------------------------------\nException encountered at "In [1]":\n  File "/tmp/ipykernel_43/1960736354.py", line 1\n    1 to 5\n      ^\nSyntaxError: invalid syntax\n\n',
+      downloaded: false,
+      runId: 'vqsrh19klv8r',
+      runtimeProperties: null,
+      notificationEvents: null,
+      notificationEmails: null,
+      externalLinks: [
+        {
+          label: 'Data Pipeline Run',
+          description: 'Data Pipeline Run Url',
+          url: 'https://example.com'
+        }
+      ],
+      input_file_id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+      output_file_id: 'd31b98f2-9a05-4fe3-bd4b-f18882d01dab',
+      outputPreviewLink: 'https://example.com',
+      slackChannel: null,
+      scheduleStartDate: null,
+      taskTimeout: null,
+      showOutputInEmail: false,
+      run_count: 1,
+      taskId: '7rkmf07or9oj',
+      dependsOn: []
+    }
+  ],
+  tasks: [
+    {
+      id: '7rkmf07or9oj',
+      nodeId: '7rkmf07or9oj',
+      name: 'Spark-Ingest-Data',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: 'e6ddde6b-1ff6-4b77-ad3f-6dc729c66466',
+          name: 'Spark-Ingest-Data.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'Spark-Ingest-Data.ipynb',
+      triggerRule: null,
+      dependsOn: [],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572318000',
+      update_time: '1714572318000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: 'e6ddde6b-1ff6-4b77-ad3f-6dc729c66466',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'qoypbi1gdj8r',
+      nodeId: 'SMaVbSyaNDEiKD2jDhSIN',
+      name: 'fine-tune-LLM',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: 'ab803101-862f-42ea-bacb-9b58b81a94ed',
+          name: 'fine-tune-LLM.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'fine-tune-LLM.ipynb',
+      triggerRule: null,
+      dependsOn: ['pzyvr3ntc3kk'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572320000',
+      update_time: '1714572320000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: 'ab803101-862f-42ea-bacb-9b58b81a94ed',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'pzyvr3ntc3kk',
+      nodeId: 'LbbQhZPfKZuSjX7BllnA7',
+      name: 'Spark-Feature-Gen',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: '9c053784-699c-4062-9f7a-9db8fe1bf6cc',
+          name: 'Spark-Feature-Gen.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'Spark-Feature-Gen.ipynb',
+      triggerRule: null,
+      dependsOn: ['7rkmf07or9oj'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572319000',
+      update_time: '1714572319000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: '9c053784-699c-4062-9f7a-9db8fe1bf6cc',
+      notebookParameters: null,
+      notificationEmails: []
+    },
+    {
+      id: 'kc11cuzqyiwz',
+      nodeId: '8YOw8jd5jG9CZLDbEGbRH',
+      name: 'evaluate-LLMs',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: {},
+      inputFiles: [
+        {
+          contents: null,
+          id: '13cc4803-db88-47ec-aa7a-3dd8c0d9991b',
+          name: 'evaluate-LLMs.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: '14400',
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'evaluate-LLMs.ipynb',
+      triggerRule: 'all_success',
+      dependsOn: ['qoypbi1gdj8r', 'g136fpp7bg4a'],
+      parameters: {},
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572322000',
+      update_time: '1714572350000',
+      status: 'UPDATED',
+      status_message: '',
+      input_file_id: '13cc4803-db88-47ec-aa7a-3dd8c0d9991b',
+      notebookParameters: {},
+      notificationEmails: []
+    },
+    {
+      id: 'g136fpp7bg4a',
+      nodeId: '336TjTrNhZ4ZHyJ-5wKBV',
+      name: 'fine-tune-LLM1',
+      kernelSpecId: 'python3',
+      namespaceId: '03n79u8lzwae',
+      kernelSpecVersion: null,
+      kernelProfileId: null,
+      kernelProfileVersion: null,
+      runtimeProperties: null,
+      inputFiles: [
+        {
+          contents: null,
+          id: '4f9dc2ea-a11b-4e76-9720-1a515622b349',
+          name: 'fine-tune-LLM.ipynb',
+          notebook_server: null
+        }
+      ],
+      taskTimeout: null,
+      showOutputInEmail: false,
+      slackChannel: null,
+      input_uri: null,
+      input_filename: 'fine-tune-LLM.ipynb',
+      triggerRule: null,
+      dependsOn: ['pzyvr3ntc3kk'],
+      parameters: null,
+      output_formats: ['html', 'ipynb'],
+      create_time: '1714572328000',
+      update_time: '1714572328000',
+      status: 'CREATED',
+      status_message: '',
+      input_file_id: '4f9dc2ea-a11b-4e76-9720-1a515622b349',
+      notebookParameters: null,
+      notificationEmails: []
+    }
+  ],
+  runId: 'scheduled__1976-04-01T00:00:00+00:00'
+} as const;
diff --git a/src/dag-scheduler/mocks/job-runs.ts b/src/dag-scheduler/mocks/job-runs.ts
new file mode 100644
index 000000000..ee26521be
--- /dev/null
+++ b/src/dag-scheduler/mocks/job-runs.ts
@@ -0,0 +1,102 @@
+export const job_runs = {
+  jobs: [
+    {
+      input_filename: 'build-analytical-table.ipynb',
+      output_formats: ['ipynb'],
+      job_definition_id: 'twb9e84r7o40',
+      parameters: {},
+      name: 'build-analytical-table',
+      output_filename_template: '{{input_filename}}-{{create_time}}',
+      job_id: 'vqsrh19klv8r',
+      job_files: [],
+      url: '/jobs/vqsrh19klv8r',
+      create_time: 1711407205000,
+      update_time: 1711407205000,
+      start_time: 1711407205000,
+      end_time: 1711407397000,
+      status: 'FAILED',
+      status_message:
+        'Failed executing notebook file with error: \n---------------------------------------------------------------------------\nException encountered at "In [1]":\n  File "/tmp/ipykernel_43/1960736354.py", line 1\n    1 to 5\n      ^\nSyntaxError: invalid syntax\n\n',
+      downloaded: false,
+      runtimeProperties: {},
+      externalLinks: [
+        {
+          label: 'Data Pipeline Run',
+          description: 'Data Pipeline Run Url',
+          url: 'https://example.com'
+        }
+      ],
+      input_file_id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+      output_file_id: 'd31b98f2-9a05-4fe3-bd4b-f18882d01dab',
+      outputPreviewLink: 'https://example.com',
+      showOutputInEmail: false,
+      task_runs: [
+        {
+          input_filename: 'build-analytical-table.ipynb',
+          output_formats: [],
+          output_filename_template: '{{input_filename}}-{{create_time}}',
+          job_id: 'vqsrh19klv8r',
+          job_files: [
+            {
+              display_name: 'Input',
+              file_format: 'input'
+            }
+          ],
+          url: '/task_runs/vqsrh19klv8r',
+          create_time: 1711407205000,
+          update_time: 1711407205000,
+          start_time: 1711407205000,
+          end_time: 1711407397000,
+          status: 'FAILED',
+          status_message:
+            'Failed executing notebook file with error: \n---------------------------------------------------------------------------\nException encountered at "In [1]":\n  File "/tmp/ipykernel_43/1960736354.py", line 1\n    1 to 5\n      ^\nSyntaxError: invalid syntax\n\n',
+          downloaded: false,
+          runId: 'vqsrh19klv8r',
+          externalLinks: [
+            {
+              label: 'Data Pipeline Run',
+              description: 'Data Pipeline Run Url',
+              url: 'https://example.com'
+            }
+          ],
+          input_file_id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+          output_file_id: 'd31b98f2-9a05-4fe3-bd4b-f18882d01dab',
+          outputPreviewLink: 'https://example.com',
+          showOutputInEmail: false,
+          run_count: 1,
+          taskId: 'lellpmt5kw7i',
+          dependsOn: []
+        }
+      ],
+      tasks: [
+        {
+          id: 'lellpmt5kw7i',
+          nodeId: 'lellpmt5kw7i',
+          name: 'build-analytical-table',
+          kernelSpecId: 'kipkdwls4p7h',
+          namespaceId: '03n79u8lzwae',
+          runtimeProperties: {},
+          inputFiles: [
+            {
+              id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+              name: 'build-analytical-table.ipynb'
+            }
+          ],
+          showOutputInEmail: false,
+          input_filename: 'build-analytical-table.ipynb',
+          dependsOn: [],
+          parameters: {},
+          output_formats: ['ipynb'],
+          create_time: '1711406900000',
+          update_time: '1715820242000',
+          status: 'UPDATED',
+          input_file_id: 'd4bfa40a-9b2c-4aa8-a5d1-e574b01ab996',
+          notebookParameters: {},
+          notificationEmails: []
+        }
+      ],
+      runId: 'scheduled__1976-04-01T00:00:00+00:00'
+    }
+  ],
+  total_count: 1
+} as const;
diff --git a/src/dag-scheduler/mocks/namespaces.ts b/src/dag-scheduler/mocks/namespaces.ts
new file mode 100644
index 000000000..20eb12844
--- /dev/null
+++ b/src/dag-scheduler/mocks/namespaces.ts
@@ -0,0 +1,14 @@
+export const namespaces = [
+  {
+    id: '03n79u8lzwae',
+    name: 'notebooks-test-west',
+    cluster: 'us-west-2',
+    priorityClassName: null
+  },
+  {
+    id: '06n79u8lzwae',
+    name: 'notebooks-test-east',
+    cluster: 'us-east-1',
+    priorityClassName: null
+  }
+] as const;
diff --git a/src/dag-scheduler/model.ts b/src/dag-scheduler/model.ts
new file mode 100644
index 000000000..5982a5802
--- /dev/null
+++ b/src/dag-scheduler/model.ts
@@ -0,0 +1,257 @@
+import { VDomModel } from '@jupyterlab/apputils';
+import { outputFormatTypes } from './contants';
+import { Scheduler } from './handler';
+
+/**
+ * Top-level models
+ */
+
+export enum JobsView {
+  // assignment ensures any enum value is always truthy
+  CreateForm = 1,
+  ListJobDefinitions
+}
+
+export enum JobSchedule {
+  RunOnce = 'RunOnce',
+  RunOnSchedule = 'RunOnSchedule'
+}
+
+export type IJobParameter = {
+  name: string;
+  value: string | number | boolean | undefined;
+};
+
+export type Contact = {
+  name: string;
+  email: string;
+  id: string;
+};
+
+export type ScheduleInterval =
+  | 'hour'
+  | 'day'
+  | 'week'
+  | 'weekday'
+  | 'month'
+  | 'custom';
+
+/**
+ * Extended by models which back UIs using the <ScheduleInputs /> component.
+ */
+export type ModelWithScheduleFields = {
+  /**
+   * User's scheduling input encoded as a cron expression.
+   */
+  schedule: string;
+  /**
+   * Timezone specified in tz database format.
+   */
+  timezone: string;
+  /**
+   * Easy scheduling interval. 'custom' allows users to manually input a cron
+   * expression.
+   */
+  scheduleInterval: ScheduleInterval;
+  /**
+   * Value of input field for 24-hour time (hh:mm).
+   */
+  scheduleClock: string;
+  /**
+   * Value of input field for day of the week (SUN-SAT).
+   */
+  scheduleWeekDay: string;
+  /**
+   * Value of input field for day of the month (0-31).
+   */
+  scheduleMonthDay: string;
+  /**
+   * Value of input field for past the hour.
+   */
+  scheduleMinute: string;
+};
+
+export enum TaskStatus {
+  CREATING = 'CREATING',
+  CREATED = 'CREATED',
+  UPDATED = 'UPDATED',
+  FAILED_TO_CREATE = 'FAILED_TO_CREATE',
+  FAILED_TO_UPDATE = 'FAILED_TO_UPDATE'
+}
+
+export enum RunStatus {
+  COMPLETED = 'COMPLETED',
+  RUNNING = 'RUNNING',
+  STOPPING = 'STOPPING',
+  FAILED = 'FAILED',
+  NOT_STARTED = 'NOT_STARTED',
+  IN_PROGRESS = 'IN_PROGRESS'
+}
+
+export interface ITaskModel {
+  id: string;
+  nodeId: string;
+  name: string;
+  inputFile: string;
+  outputFileNameTemplate?: string;
+  kernelSpecId: string;
+  namespaceId: string;
+  kernelSpecVersion?: string;
+  kernelProfileId?: string;
+  kernelProfileVersion?: string;
+  notificationEvents: string[];
+  notificationEmails: Contact[];
+  inputFileId?: string;
+  inputFilePath?: string;
+  externalLinks: Array<{ label: string; description: string; url: string }>;
+  runtimeProperties: string;
+  parameters: IJobParameter[];
+  triggerRule: string;
+  dependsOn: string[];
+  slackChannel: string;
+  showOutputInEmail: boolean;
+  taskTimeout: string;
+  outputFormats: string[];
+  createTime?: number;
+  updateTime?: number;
+  status?: TaskStatus;
+  status_message?: string;
+}
+
+export const defaultScheduleFields: ModelWithScheduleFields = {
+  schedule: '0 0 * * MON-FRI',
+  scheduleInterval: 'weekday',
+  scheduleClock: '00:00',
+  scheduleMinute: '0',
+  scheduleMonthDay: '1',
+  scheduleWeekDay: '1',
+  timezone: 'UTC'
+};
+
+export function emptyCreateTaskModel(): Scheduler.ITask {
+  return {
+    id: '',
+    name: '',
+    nodeId: '',
+    input_uri: '',
+    kernelSpecId: '',
+    namespaceId: '',
+    notificationEvents: [],
+    notificationEmails: [],
+    triggerRule: 'all_success',
+    dependsOn: [],
+    slackChannel: '',
+    externalLinks: [],
+    showOutputInEmail: false,
+    output_formats: outputFormatTypes.map(i => i.value.toLocaleLowerCase())
+  };
+}
+
+export function emptyCreateJobDefinitionModel(): Scheduler.IJobRunDetail {
+  return {
+    name: '',
+    runId: '',
+    task_runs: [],
+    namespaceId: '',
+    ...defaultScheduleFields,
+    schedule: '@once',
+    tasks: [emptyCreateTaskModel() as any]
+  };
+}
+
+export interface IJobsModel {
+  key: number;
+  jobsView: JobsView;
+  cellParams?: string[];
+  createTaskModel: Scheduler.ITask;
+}
+
+export class JobsModel extends VDomModel {
+  private _key: number = Math.random();
+  private _jobsView: JobsView = JobsView.ListJobDefinitions;
+  private _createTaskModel: Scheduler.ITask;
+  /**
+   * Callback that gets invoked whenever a model is updated. This should be used
+   * to call `ReactWidget.renderDOM()` to synchronously update the VDOM rather
+   * than triggering an async VDOM update via Lumino. See #34.
+   */
+  private _onModelUpdate?: () => unknown;
+  private _jobCount: number;
+
+  constructor(options: IJobsModelOptions) {
+    super();
+    this._jobCount = 0;
+    this._key = options.key;
+    this._createTaskModel = emptyCreateTaskModel();
+    this._onModelUpdate = options.onModelUpdate;
+    this._jobsView = options.jobsView || JobsView.ListJobDefinitions;
+  }
+
+  get jobsView(): JobsView {
+    return this._jobsView;
+  }
+
+  set jobsView(view: JobsView) {
+    this._jobsView = view;
+    this._onModelUpdate?.();
+    this.stateChanged.emit(void 0);
+  }
+
+  get key(): number {
+    return this._key;
+  }
+
+  get createTaskModel(): Scheduler.ITask {
+    return this._createTaskModel;
+  }
+
+  set createTaskModel(model: Scheduler.ITask) {
+    this._createTaskModel = model;
+    this._onModelUpdate?.();
+    this.stateChanged.emit(void 0);
+  }
+
+  get jobCount(): number {
+    return this._jobCount;
+  }
+
+  set jobCount(count: number) {
+    this._jobCount = count;
+  }
+
+  toJson(): IJobsModel {
+    const data = {
+      key: this._key,
+      jobsView: this.jobsView,
+      createTaskModel: this.createTaskModel
+    };
+
+    return data;
+  }
+
+  fromJson(data: IJobsModel): void {
+    this._key = data.key;
+    this._jobsView = data.jobsView ?? JobsView.ListJobDefinitions;
+    this._createTaskModel = data.createTaskModel ?? emptyCreateTaskModel();
+
+    // emit state changed signal
+    this._onModelUpdate?.();
+    this.stateChanged.emit(void 0);
+  }
+}
+
+export interface IJobsModelOptions {
+  key: number;
+  jobsView: JobsView;
+  onModelUpdate?: () => unknown;
+}
+
+export const convertParameters = (parameters: {
+  [key: string]: any;
+}): IJobParameter[] =>
+  Object.entries(parameters).map(([pName, pValue]) => {
+    return {
+      name: pName,
+      value: pValue
+    };
+  });
diff --git a/src/dag-scheduler/store/index.ts b/src/dag-scheduler/store/index.ts
new file mode 100644
index 000000000..8843e5cfc
--- /dev/null
+++ b/src/dag-scheduler/store/index.ts
@@ -0,0 +1,726 @@
+import {
+  Edge,
+  Node,
+  addEdge,
+  updateEdge,
+  Connection,
+  OnNodesChange,
+  OnEdgesChange,
+  applyNodeChanges,
+  applyEdgeChanges,
+  getOutgoers
+} from 'reactflow';
+
+import {
+  UseBoundStoreWithEqualityFn,
+  createWithEqualityFn
+} from 'zustand/traditional';
+import { shallow } from 'zustand/shallow';
+import { StoreApi } from 'zustand';
+import { RunStatus, TaskStatus, emptyCreateJobDefinitionModel } from '../model';
+import { Scheduler, WorkflowsService } from '../handler';
+import { getLayoutedElements } from '../layout/elkjs';
+import {
+  buildEdges,
+  buildNodes,
+  buildTaskRunMap,
+  buildTasksMap
+} from './utils';
+import { DeploymentStatus } from '../contants';
+
+export type EdgeData = { pending?: boolean; deleting?: boolean };
+
+export type RFState = {
+  nodes: Node[];
+  edges: Edge<EdgeData>[];
+  selectedNodeId: string | null;
+  onNodesChange: OnNodesChange;
+  onEdgesChange: OnEdgesChange;
+  currentJob: Omit<Scheduler.IJobRunDetail, 'tasks' | 'task_runs'> | null;
+  tasksById: Record<string, Scheduler.ITask>;
+  taskRunsById: Record<string, Scheduler.ITaskRun>;
+
+  getAllTasks: () => Scheduler.ITask[];
+  getTaskRuns: () => Scheduler.ITaskRun[];
+  getNodeData: (nodeId: string) => Scheduler.ITask | undefined;
+  getSelectedNode: () => Scheduler.ITask | undefined;
+  getSelectedRunNode: () => Scheduler.ITaskRun | undefined;
+
+  onCreateNode: (node: Node<Scheduler.ITask>) => void;
+  onCreateEdge: (edge: Connection, updateEdge?: boolean) => void;
+  onEdgesDelete: (edges: Edge[]) => void;
+  onUpdateEdge: (oldEdge: Edge, newEdge: Connection) => void;
+  isValidConnection: (connection: Connection) => boolean;
+
+  setSelectedNode: (node: Node<Scheduler.ITask> | null) => void;
+
+  createJobDefinition: (
+    jobDefinition: Scheduler.IJobDefinition
+  ) => Promise<Scheduler.IJobDefinition>;
+
+  updateJobDefinition: (
+    jobDefinition: Scheduler.IJobDefinition
+  ) => Promise<void>;
+
+  deployJobDefinition: () => Promise<void>;
+
+  createTask: (
+    taskPayload: Scheduler.ITask,
+    shouldSync?: boolean
+  ) => Promise<void | Scheduler.ITask>;
+
+  deleteTask: (task: Scheduler.ITask) => Promise<void>;
+
+  deleteJobDefinition: (
+    jobDefId: string
+  ) => Promise<Scheduler.IDescribeJobDefinition>;
+
+  runJob: (parameters: any) => Promise<void>;
+
+  reRunJob: (runId: any) => Promise<void>;
+
+  initializeStore: (initProps: Scheduler.IJobRunDetail) => void;
+
+  syncStore: (initProps: Scheduler.IJobRunDetail) => void;
+
+  hasUnsavedChanges: () => boolean;
+
+  removeTaskNode: (task: Scheduler.ITask) => void;
+
+  updateJobData: (data: Scheduler.IJobRunDetail) => void;
+
+  updateTaskData: (data: Scheduler.ITask) => void;
+
+  onAutoLayout: () => void;
+};
+
+export type StoreType = UseBoundStoreWithEqualityFn<StoreApi<RFState>>;
+
+type StoreCreator = (initProps?: any) => StoreType;
+
+const DEFAULT_PROPS = {
+  nodes: [],
+
+  edges: [],
+
+  tasksById: {},
+
+  taskRunsById: {},
+
+  currentJob: null,
+
+  selectedNodeId: null
+};
+
+const api = new WorkflowsService({});
+
+const convertJob =
+  (currentTasks: Scheduler.ITask[], currentEdges: Edge<EdgeData>[] = []) =>
+  (data: Scheduler.ITask): Scheduler.ITask => {
+    const taskMap = new Map(currentTasks.map(t => [t.nodeId, t]));
+
+    const dependsOn = currentEdges
+      .filter(edge => edge.target === data.nodeId && !edge.data?.deleting)
+      .map(e => taskMap.get(e.source)?.id || '')
+      .filter(Boolean);
+
+    return {
+      id: data.id,
+      name: data.name,
+      nodeId: data.nodeId,
+      notebookParameters: data.notebookParameters,
+      parameters: data.parameters,
+      runtimeProperties: data.runtimeProperties,
+      input_uri: data.input_uri,
+      input_file_id: data.input_file_id,
+      output_formats: data.output_formats,
+      kernelSpecId: data.kernelSpecId,
+      namespaceId: data.namespaceId,
+      notificationEvents: data.notificationEvents,
+      notificationEmails: data.notificationEmails,
+      slackChannel: data.slackChannel || undefined,
+      showOutputInEmail: data.showOutputInEmail,
+      taskTimeout: data.taskTimeout,
+      triggerRule: data.triggerRule,
+      dependsOn
+    };
+  };
+
+// TODO: Split this store into 2 stores, 1 for task view and the other for run view
+const useZustandStore: StoreCreator = () => {
+  return createWithEqualityFn<RFState>()(
+    (set, get) => ({
+      ...DEFAULT_PROPS,
+
+      async onAutoLayout() {
+        const { nodes, edges } = get();
+        const positionedNodes = await getLayoutedElements(nodes, edges);
+
+        set({ nodes: positionedNodes });
+      },
+
+      async initializeStore(initProps = emptyCreateJobDefinitionModel()) {
+        const { tasks = [], task_runs = [], ...job_definition } = initProps;
+        const newNodes = buildNodes(tasks);
+        const newEdges = buildEdges(tasks);
+
+        const positionedNodes = await getLayoutedElements(
+          newNodes as Node[],
+          newEdges
+        );
+
+        set({
+          edges: newEdges,
+          nodes: positionedNodes,
+          currentJob: job_definition,
+          tasksById: buildTasksMap(tasks),
+          taskRunsById: buildTaskRunMap(task_runs)
+        });
+      },
+
+      syncStore(initProps) {
+        const { getAllTasks, tasksById, edges: previousEdges } = get();
+
+        if (!initProps) {
+          console.error('Cannot sync store with empty data', initProps);
+
+          return;
+        }
+
+        const previousTasks = getAllTasks();
+
+        const {
+          tasks: currentTasks = [],
+          task_runs = [],
+          ...job_definition
+        } = initProps;
+        const taskNodeId = new Map(currentTasks.map(t => [t.id, t.nodeId]));
+
+        // For easier lookup create a hashmap with nodeId as key and the task as value
+        // The dependsOn property should be replaced with nodeId so we can easily create edges on the editor
+        // even when a task is not saved to the server
+        const updatedTasks = currentTasks.reduce(
+          (result, task) => ({
+            ...result,
+            [task.nodeId]: {
+              ...task,
+              // Update the dependency graph from the client side tasks to the server response
+              // These dependecies are created after the initial request was already on wire
+              dependsOn: [
+                ...new Set(
+                  task.dependsOn.map(d => taskNodeId.get(d)).filter(Boolean)
+                )
+              ]
+            }
+          }),
+          {}
+        );
+
+        // These are the tasks that are currently in the editor but are not yet saved to the server
+        const unsavedTasks = previousTasks.filter(
+          ({ id, nodeId }) =>
+            !id && !updatedTasks[nodeId as keyof typeof updatedTasks]
+        );
+
+        // Latest edges from server
+        const currentEdges = buildEdges(currentTasks.concat(unsavedTasks));
+        const previousEdgeMap = new Map(previousEdges.map(e => [e.id, e]));
+
+        const filteredEdges = currentEdges.map(currentEdge => {
+          const previousEdge = previousEdgeMap.get(currentEdge.id);
+
+          // If a previous edge with pending attribute matches with current edge's id, then it means
+          // the edge was synced to server so we can ingore the pending attribute
+          if (!previousEdge || previousEdge.data?.pending) {
+            return currentEdge;
+          }
+
+          // If we are here then it must be a deleted or edge with no data attribute
+          // If deleted edges are not yet synced to the server, keep the delete attribute of the edge data
+          return previousEdge;
+        });
+
+        // These are the edges of tasks that are currently in the editor but are not yet saved to the server
+        const unsavedEdges = previousEdges.filter(
+          previous =>
+            previous.data?.pending &&
+            currentEdges.findIndex(current => current.id === previous.id) === -1
+        );
+
+        const nextEdges = filteredEdges.concat(unsavedEdges);
+
+        set({
+          currentJob: job_definition,
+          edges: nextEdges,
+          tasksById: { ...tasksById, ...updatedTasks },
+          taskRunsById: buildTaskRunMap(task_runs)
+        });
+      },
+
+      hasUnsavedChanges() {
+        const { tasksById, edges } = get();
+
+        const unsavedTasks = Object.keys(tasksById)
+          .map(key => tasksById[key as keyof typeof tasksById])
+          .filter(Boolean)
+          .some(t => !t.id);
+
+        const unsavedEdges = edges.some(
+          e => e.data?.pending || e.data?.deleting
+        );
+
+        return unsavedTasks || unsavedEdges;
+      },
+
+      getAllTasks() {
+        const { tasksById } = get();
+
+        return Object.keys(tasksById)
+          .map(key => tasksById[key as keyof typeof tasksById])
+          .filter(Boolean);
+      },
+
+      getTaskRuns() {
+        const { taskRunsById } = get();
+
+        return Object.keys(taskRunsById)
+          .map(key => taskRunsById[key as keyof typeof taskRunsById])
+          .filter(Boolean);
+      },
+
+      getNodeData(nodeId: string) {
+        const { tasksById } = get();
+
+        return tasksById[nodeId as keyof typeof tasksById];
+      },
+
+      getSelectedNode() {
+        const { selectedNodeId, getNodeData } = get();
+
+        return !selectedNodeId ? undefined : getNodeData(selectedNodeId);
+      },
+
+      // TODO: Remove this unused function
+      getSelectedRunNode() {
+        const { selectedNodeId, getNodeData, taskRunsById } = get();
+        const taskData = getNodeData(selectedNodeId || '');
+
+        if (!taskData) {
+          return undefined;
+        }
+
+        const taskRun =
+          taskRunsById[taskData.id as keyof typeof taskRunsById] || {};
+
+        // This is to handle cases when task run is not available for a given task
+        // The dependsOn field from task should be used always as the nodeId is only available in task
+        return (
+          {
+            ...taskRun,
+            name: taskData.name,
+            dependsOn: taskData.dependsOn,
+            slackChannel: taskData.slackChannel,
+            notificationEmails: taskData.notificationEmails,
+            notificationEvents: taskData.notificationEvents
+          } || {
+            ...taskData,
+            status: RunStatus.NOT_STARTED
+          }
+        );
+      },
+
+      updateJobData(formData) {
+        set(({ currentJob = {} }) => ({
+          currentJob: { ...currentJob, ...formData }
+        }));
+      },
+
+      updateTaskData(taskData) {
+        set(({ tasksById }) => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          const { dependsOn: _, ...rest } = taskData;
+
+          const updatedTask = {
+            ...tasksById[taskData.nodeId as keyof typeof tasksById],
+            ...rest
+          };
+
+          return {
+            tasksById: {
+              ...tasksById,
+              [taskData.nodeId as string]: updatedTask
+            }
+          };
+        });
+      },
+
+      async removeTaskNode(task: Scheduler.ITask) {
+        const nodeId = task.nodeId;
+        const { nodes, edges, tasksById } = get();
+
+        const updatedTasksByIdMap = Object.keys(tasksById)
+          .filter(key => key !== nodeId)
+          .reduce(
+            (result, key) => ({
+              ...result,
+              [key]: tasksById[key as keyof typeof tasksById]
+            }),
+            {}
+          );
+
+        const newNodes = nodes.filter(n => n.id !== nodeId);
+        const newEdges = edges.filter(
+          e => !(e.source === task.nodeId || e.target === task.nodeId)
+        );
+
+        const positionedNodes = await getLayoutedElements(newNodes, newEdges);
+
+        set({
+          edges: newEdges,
+          nodes: positionedNodes,
+          tasksById: updatedTasksByIdMap
+        });
+      },
+
+      setSelectedNode(node) {
+        set({ selectedNodeId: node?.id ?? null });
+      },
+
+      onNodesChange: changes => {
+        set(({ nodes }) => ({
+          nodes: applyNodeChanges(changes, nodes)
+        }));
+      },
+
+      async onCreateNode(node) {
+        const { nodes, edges, tasksById } = get();
+        const { data, ...rest } = node;
+
+        const newNode = {
+          ...rest,
+          selected: true
+        };
+
+        const updatedNodes = [
+          ...nodes.map((n: any) => ({ ...n, selected: false })),
+          newNode
+        ];
+
+        const positionedNodes = await getLayoutedElements(updatedNodes, edges);
+
+        set({
+          nodes: positionedNodes,
+          selectedNodeId: node.id,
+          tasksById: { ...tasksById, [node.id]: data }
+        });
+      },
+
+      onEdgesChange: changes => {
+        set(({ edges }) => ({ edges: applyEdgeChanges(changes, edges) }));
+      },
+
+      async onCreateEdge(edge, updateEdge = true) {
+        const { nodes, edges, tasksById, isValidConnection } = get();
+
+        if (!isValidConnection(edge)) {
+          console.error(
+            'Edge cannot be created due to invalid source/target',
+            edge
+          );
+
+          return;
+        }
+
+        const { source = '', target } = edge;
+
+        const id = `${source}-${target}`;
+
+        if (!source) {
+          return;
+        }
+
+        // If we are adding a connection for a previosuly deleted edge, then filter it now
+        // so a new edge with pending data can be added in the next step
+        const previousEdges = edges.filter(
+          e => e.id !== `${edge.source}-${edge.target}`
+        );
+
+        // If a newedge is created on top of a delete edge, first check if the dependecy is already available
+        const isNewEdge = !tasksById[
+          target as keyof typeof tasksById
+        ]?.dependsOn.includes(source || '');
+
+        const newEdges = updateEdge
+          ? addEdge(
+              { ...edge, id, data: { pending: isNewEdge } },
+              previousEdges
+            )
+          : previousEdges;
+
+        const positionedNodes = await getLayoutedElements(nodes, newEdges);
+
+        set({
+          edges: newEdges,
+          nodes: positionedNodes
+        });
+      },
+
+      async onUpdateEdge(oldEdge, newEdge) {
+        const { onCreateEdge, onEdgesDelete, edges } = get();
+
+        // This happens when the action is cancelled or edge is dropped on same source or target
+        if (
+          oldEdge.target === newEdge.target &&
+          oldEdge.source === newEdge.source
+        ) {
+          return;
+        }
+
+        onEdgesDelete([oldEdge]);
+        onCreateEdge(newEdge, false);
+
+        const oldEdgeId = `${oldEdge.source}-${oldEdge.target}`;
+        const newEdgeId = `${newEdge.source}-${newEdge.target}`;
+
+        const updateEdgeId = (edge: Edge) =>
+          edge.id === oldEdgeId ? { ...edge, id: newEdgeId } : edge;
+
+        // When an edge is updated, reactflow will assign a new random Id for the edge by default but we don't
+        // need this as we want the edgeId to match the pattern `source-target` so we can update the dependsOn
+        // field in a Node and control the edge
+        const upadtedEdges = updateEdge(oldEdge, newEdge, edges, {
+          shouldReplaceId: false
+        });
+
+        set({ edges: upadtedEdges.map(updateEdgeId) });
+      },
+
+      onEdgesDelete(edges) {
+        const { edges: previousEdges } = get();
+        // Create different map for edges based on id, source & target for easier lookup later
+        const edgeIdLookup = new Map(edges.map(edge => [edge.id, edge]));
+
+        // Updated existing edge data with delete attribute
+        // If already pending is deleted, then remove the edge completely
+        const newEdges = previousEdges
+          .map(edge =>
+            edgeIdLookup.has(edge.id)
+              ? edge.data?.pending
+                ? null
+                : { ...edge, data: { deleting: true } }
+              : edge
+          )
+          .filter(Boolean);
+
+        // Go through each task and check if it's depends on property needs to be updated because
+        // of a deleted edge. Use the previously created lookup map to check if the current task (target)
+        // has a deleted dependency (source)
+
+        set({ edges: newEdges as Edge[] });
+      },
+
+      isValidConnection(connection: Connection) {
+        // we are using getNodes and getEdges helpers here
+        // to make sure we create isValidConnection function only once
+        const { nodes, edges, getNodeData } = get();
+        const target = nodes.find(node => node.id === connection.target);
+        const source = nodes.find(node => node.id === connection.source);
+        const exists = edges.find(
+          edge =>
+            edge.source === connection.source &&
+            edge.target === connection.target
+        );
+
+        if (!source || !target) {
+          return false;
+        }
+
+        const sourceStatus = getNodeData(source.id)?.status;
+        const targetStatus = getNodeData(target.id)?.status;
+
+        // TODO: Veify if CREATING status should be included or not
+        const isInValidStatus = [TaskStatus.FAILED_TO_CREATE].some(
+          s =>
+            !sourceStatus ||
+            !targetStatus ||
+            s === sourceStatus ||
+            s === targetStatus
+        );
+
+        const hasCycle = (node: Node<Scheduler.ITask>, visited = new Set()) => {
+          if (visited.has(node.id)) {
+            return false;
+          }
+
+          visited.add(node.id);
+
+          for (const outgoer of getOutgoers(node, nodes, edges)) {
+            if (outgoer.id === connection.source) {
+              return true;
+            }
+
+            if (hasCycle(outgoer, visited)) {
+              return true;
+            }
+          }
+        };
+
+        // Allow re-creating edge for a previously deleted edge
+        if (
+          target.id === connection.source ||
+          (exists && !exists.data?.deleting) ||
+          isInValidStatus
+        ) {
+          return false;
+        }
+
+        return !hasCycle(target);
+      },
+
+      createJobDefinition(jobDefinition: Scheduler.IJobDefinition) {
+        const { getAllTasks, updateJobData, edges } = get();
+        const tasks = getAllTasks();
+
+        updateJobData(jobDefinition as any);
+
+        return api.createJobDefinition({
+          ...jobDefinition,
+          tasks: jobDefinition.tasks.map(convertJob(tasks, edges))
+        });
+      },
+
+      updateJobDefinition(jobDefinition: Scheduler.IJobDefinition) {
+        const { getAllTasks, updateJobData, edges, syncStore } = get();
+        const tasks = getAllTasks();
+
+        if (!jobDefinition?.job_definition_id) {
+          return Promise.reject({ message: 'Invalid Job definition status' });
+        }
+
+        updateJobData(jobDefinition as any);
+
+        return api
+          .updateJobDefinition(jobDefinition?.job_definition_id, {
+            ...jobDefinition,
+            tasks: tasks.filter(t => !!t.id).map(convertJob(tasks, edges))
+          })
+          .then(data => data && syncStore(data as any));
+      },
+
+      deployJobDefinition() {
+        const { getAllTasks, currentJob } = get();
+        const tasks = getAllTasks();
+        const { job_definition_id, status } = currentJob || {};
+        const validTaskStatus = [TaskStatus.CREATED, TaskStatus.UPDATED];
+        const validDeployStatus = [
+          DeploymentStatus.CREATED,
+          DeploymentStatus.UPDATED,
+          DeploymentStatus.DEPLOYED,
+          DeploymentStatus.FAILED_TO_DEPLOY
+        ];
+
+        const hasInvalidTask = tasks.some(
+          t => validTaskStatus.indexOf(t.status as TaskStatus) === -1
+        );
+
+        const isWorkflowInValid =
+          validDeployStatus.indexOf(status as DeploymentStatus) === -1;
+
+        if (!job_definition_id) {
+          return Promise.reject({ message: 'Invalid Job definition status' });
+        }
+
+        if (isWorkflowInValid) {
+          return Promise.reject({ message: 'Invalid Job definition status' });
+        }
+
+        if (!tasks.length) {
+          return Promise.reject({
+            message: 'Workflows with no tasks cannot be deployed'
+          });
+        }
+
+        if (hasInvalidTask) {
+          return Promise.reject({
+            message:
+              'Some tasks are in failed state. Please save or remove them from the edtior before deploying'
+          });
+        }
+
+        // TODO: Handle
+        return api.deployJobDefinition(job_definition_id);
+      },
+
+      // TODO: Remove the shouldSync param and refactor this function
+      createTask(taskPayload: Scheduler.ITask, shouldSync = true) {
+        const { getAllTasks, currentJob, edges, syncStore, updateTaskData } =
+          get();
+
+        if (!currentJob?.job_definition_id) {
+          return Promise.reject({ message: 'Invalid Job definition' });
+        }
+
+        const tasks = getAllTasks();
+
+        updateTaskData(taskPayload);
+
+        const payload = convertJob(tasks, edges)(taskPayload);
+
+        if (taskPayload.id) {
+          return api
+            .updateTask(payload, currentJob.job_definition_id)
+            .then(data => (shouldSync ? syncStore(data as any) : undefined));
+        }
+
+        return api
+          .createTask(payload, currentJob.job_definition_id)
+          .then(data => (shouldSync ? syncStore(data as any) : undefined));
+      },
+
+      deleteTask(task: Scheduler.ITask) {
+        const { removeTaskNode, currentJob } = get();
+
+        if (!currentJob?.job_definition_id) {
+          return Promise.reject({ message: 'Invalid Job definition status' });
+        }
+
+        if (!task.id) {
+          removeTaskNode(task);
+
+          return Promise.resolve();
+        }
+
+        return api
+          .deleteTask(task.id, currentJob?.job_definition_id)
+          .then(() => removeTaskNode(task));
+      },
+
+      deleteJobDefinition(jobDefId: string) {
+        return api.deleteJobDefinition(jobDefId);
+      },
+
+      runJob(payload: any) {
+        const { currentJob } = get();
+
+        if (!currentJob?.job_definition_id) {
+          return Promise.reject({ message: 'Invalid Job definition' });
+        }
+
+        return api.runJob(currentJob?.job_definition_id, payload);
+      },
+
+      reRunJob(runId: any) {
+        if (!runId) {
+          return Promise.reject({
+            message: 'Unexpected error: job runId is not found'
+          });
+        }
+
+        return api.rerunJob(runId);
+      }
+    }),
+    shallow
+  );
+};
+
+export default useZustandStore;
diff --git a/src/dag-scheduler/store/store-provider.tsx b/src/dag-scheduler/store/store-provider.tsx
new file mode 100644
index 000000000..bdb1df6ab
--- /dev/null
+++ b/src/dag-scheduler/store/store-provider.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { WorkflowStoreProvider } from '../context-provider';
+
+type WrapperProps = {
+  children?: JSX.Element;
+};
+
+export const withStore = (Component: React.ComponentType<WrapperProps>) => (
+  props: WrapperProps
+): JSX.Element => {
+  return (
+    <WorkflowStoreProvider>
+      <Component {...props} />
+    </WorkflowStoreProvider>
+  );
+};
diff --git a/src/dag-scheduler/store/utils.ts b/src/dag-scheduler/store/utils.ts
new file mode 100644
index 000000000..1e8a4bd08
--- /dev/null
+++ b/src/dag-scheduler/store/utils.ts
@@ -0,0 +1,59 @@
+import { Edge, Node } from 'reactflow';
+import { Scheduler } from '../handler';
+
+export const buildNodes = (tasks: Scheduler.ITask[] = []): Node[] => {
+  return tasks.map((task: Scheduler.ITask, index) => ({
+    data: {},
+    id: task.nodeId || task.id || '',
+    type: 'custom',
+    position: { x: 0, y: 0 }
+  }));
+};
+
+export const buildEdges = (tasks: Scheduler.ITask[]): Edge[] => {
+  // For unsaved nodes id would be empty so use nodeId instead
+  const taskNodeId = new Map(tasks.map(t => [t.id || t.nodeId, t.nodeId]));
+  const getId = (id: string) => (id ? taskNodeId.get(id) : id) || '';
+
+  // Filter out nodes that has incorrect depends on value
+  const edges = tasks.flatMap(t =>
+    [...new Set(t.dependsOn.filter(Boolean))]
+      .map(d => ({
+        source: getId(d),
+        target: t.nodeId,
+        id: `${getId(d)}-${t.nodeId}`
+      }))
+      .filter(e => e.source && e.target)
+  );
+
+  return edges;
+};
+
+export const buildTasksMap = (
+  tasks: Scheduler.ITask[]
+): Record<string, Scheduler.ITask> => {
+  const taskNodeId = new Map(tasks.map(t => [t.id, t.nodeId]));
+
+  return tasks?.reduce(
+    (result, task: Scheduler.ITask) => ({
+      ...result,
+      [task.nodeId || (task.id as string)]: {
+        ...task,
+        dependsOn: task.dependsOn.map(d => taskNodeId.get(d)).filter(Boolean)
+      } as Scheduler.ITask
+    }),
+    {}
+  );
+};
+
+export const buildTaskRunMap = (
+  tasks: Scheduler.ITaskRun[]
+): Record<string, Scheduler.ITaskRun> => {
+  return tasks?.reduce(
+    (result, task: Scheduler.ITaskRun) => ({
+      ...result,
+      [task.taskId]: task
+    }),
+    {}
+  );
+};
diff --git a/src/dag-scheduler/templates/list.tsx b/src/dag-scheduler/templates/list.tsx
new file mode 100644
index 000000000..a97a02715
--- /dev/null
+++ b/src/dag-scheduler/templates/list.tsx
@@ -0,0 +1,52 @@
+import React, { FC, ReactNode } from 'react';
+import {
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  SxProps,
+  Theme,
+  Typography
+} from '@mui/material';
+
+type Props = {
+  items: { label: string; icon?: ReactNode; value: ReactNode }[];
+};
+
+const textStyle: SxProps<Theme> = {
+  textOverflow: 'ellipsis',
+  color: 'text.primary',
+  variant: 'body1',
+  component: 'div'
+};
+
+export const ListTemplate: FC<Props> = ({ items: itemProps }) => {
+  return (
+    <List disablePadding>
+      {itemProps.map(field => (
+        <ListItem
+          key={field.label}
+          alignItems="flex-start"
+          sx={{ py: 1, px: 0, mt: field.icon ? 4 : 0 }}
+        >
+          <ListItemIcon sx={{ minWidth: 32 }}>
+            {field.icon ? field.icon : null}
+          </ListItemIcon>
+          <ListItemText
+            primary={
+              <Typography
+                color="text.secondary"
+                marginBottom={1}
+                variant="body2"
+              >
+                {field.label}
+              </Typography>
+            }
+            secondary={field.value || '-'}
+            secondaryTypographyProps={textStyle}
+          />
+        </ListItem>
+      ))}
+    </List>
+  );
+};
diff --git a/src/dag-scheduler/templates/side-panel.tsx b/src/dag-scheduler/templates/side-panel.tsx
new file mode 100644
index 000000000..195eabc83
--- /dev/null
+++ b/src/dag-scheduler/templates/side-panel.tsx
@@ -0,0 +1,32 @@
+import React, { FC } from 'react';
+import { Stack, SxProps, Theme } from '@mui/material';
+
+type Props = {
+  HeaderComponent: JSX.Element;
+  ContentComponent: JSX.Element;
+};
+
+const style: SxProps<Theme> = {
+  py: 4,
+  px: 6,
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between'
+};
+
+export const SidePanelTemplate: FC<Props> = ({
+  HeaderComponent,
+  ContentComponent
+}) => {
+  return (
+    <Stack overflow="hidden" height="100%">
+      <Stack sx={style}>{HeaderComponent}</Stack>
+      <Stack
+        className="scroll-shadow"
+        sx={{ px: 6, flex: 1, overflow: 'scroll' }}
+      >
+        {ContentComponent}
+      </Stack>
+    </Stack>
+  );
+};
diff --git a/src/dag-scheduler/templates/split-view.tsx b/src/dag-scheduler/templates/split-view.tsx
new file mode 100644
index 000000000..23b3f0519
--- /dev/null
+++ b/src/dag-scheduler/templates/split-view.tsx
@@ -0,0 +1,59 @@
+import React, { FC } from 'react';
+import { Box, Stack, SxProps, Theme } from '@mui/material';
+import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
+
+type Props = {
+  LeftPanel: JSX.Element;
+  RightPanel: JSX.Element;
+  panelWidth: number;
+  showRightPanel?: boolean;
+};
+
+const style: SxProps<Theme> = {
+  margin: 0,
+  height: '100%',
+  padding: '0 12px',
+  overflow: 'hidden',
+  position: 'relative'
+};
+
+export const SplitViewTemplate: FC<Props> = ({
+  LeftPanel,
+  RightPanel,
+  panelWidth = 0
+}) => {
+  return (
+    <Stack sx={{ pb: 4, height: '100%', overflow: 'scroll' }}>
+      <Box sx={style}>
+        <Stack direction="row" spacing={2} height="100%" overflow="hidden">
+          <PanelGroup direction="horizontal" key={panelWidth}>
+            <Panel minSize={65} defaultSize={65}>
+              {LeftPanel}
+            </Panel>
+            <PanelResizeHandle style={{ display: 'flex' }}>
+              <Box
+                style={{
+                  width: '4px',
+                  height: '40px',
+                  margin: 'auto 8px',
+                  borderRadius: '12px',
+                  background: 'var(--jp-border-color2)'
+                }}
+              />
+            </PanelResizeHandle>
+            <Panel
+              collapsible
+              minSize={15}
+              maxSize={35}
+              collapsedSize={0}
+              defaultSize={panelWidth}
+              style={{ position: 'relative' }}
+            >
+              {RightPanel}
+            </Panel>
+          </PanelGroup>
+        </Stack>
+      </Box>
+    </Stack>
+  );
+};
diff --git a/src/dag-scheduler/theme-provider.ts b/src/dag-scheduler/theme-provider.ts
new file mode 100644
index 000000000..f1e8a8ba1
--- /dev/null
+++ b/src/dag-scheduler/theme-provider.ts
@@ -0,0 +1,131 @@
+import { Theme, createTheme } from '@mui/material/styles';
+
+function getCSSVariable(name: string): string {
+  return getComputedStyle(document.body).getPropertyValue(name).trim();
+}
+
+export function getJupyterLabTheme(): Theme {
+  const light = document.body.getAttribute('data-jp-theme-light');
+
+  return createTheme({
+    spacing: 4,
+    components: {
+      MuiButton: {
+        defaultProps: {
+          size: 'small'
+        }
+      },
+      MuiFilledInput: {
+        defaultProps: {
+          margin: 'dense'
+        }
+      },
+      MuiFormControl: {
+        defaultProps: {
+          margin: 'dense',
+          size: 'small'
+        }
+      },
+      MuiFormHelperText: {
+        defaultProps: {
+          margin: 'dense'
+        }
+      },
+      MuiIconButton: {
+        defaultProps: {
+          size: 'small'
+        }
+      },
+      MuiInputBase: {
+        defaultProps: {
+          margin: 'dense',
+          size: 'small'
+        }
+      },
+      MuiInputLabel: {
+        defaultProps: {
+          margin: 'dense'
+        }
+      },
+      MuiListItem: {
+        defaultProps: {
+          dense: true
+        }
+      },
+      MuiOutlinedInput: {
+        defaultProps: {
+          margin: 'dense'
+        }
+      },
+      MuiFab: {
+        defaultProps: {
+          size: 'small'
+        }
+      },
+      MuiTable: {
+        defaultProps: {
+          size: 'small'
+        }
+      },
+      MuiTextField: {
+        defaultProps: {
+          margin: 'dense',
+          size: 'small'
+        }
+      },
+      MuiToolbar: {
+        defaultProps: {
+          variant: 'dense'
+        }
+      }
+    },
+    palette: {
+      background: {
+        paper: getCSSVariable('--jp-layout-color1'),
+        default: getCSSVariable('--jp-layout-color1')
+      },
+      mode: light === 'true' ? 'light' : 'dark',
+      contrastThreshold: 4.5,
+      primary: {
+        main: getCSSVariable('--jp-brand-color1'),
+        light: getCSSVariable('--jp-brand-color2'),
+        dark: getCSSVariable('--jp-brand-color0'),
+        contrastText: '#fff'
+      },
+      error: {
+        main: getCSSVariable('--jp-error-color1'),
+        light: getCSSVariable('--jp-error-color2'),
+        dark: getCSSVariable('--jp-error-color0')
+      },
+      warning: {
+        main: getCSSVariable('--jp-warn-color1'),
+        light: getCSSVariable('--jp-warn-color2'),
+        dark: getCSSVariable('--jp-warn-color0')
+      },
+      success: {
+        main: getCSSVariable('--jp-success-color1'),
+        light: getCSSVariable('--jp-success-color2'),
+        dark: getCSSVariable('--jp-success-color0')
+      },
+      text: {
+        primary: getCSSVariable('--jp-ui-font-color1'),
+        secondary: getCSSVariable('--jp-ui-font-color2'),
+        disabled: getCSSVariable('--jp-ui-font-color3')
+      }
+    },
+    shape: {
+      borderRadius: 2
+    },
+    typography: {
+      fontFamily: getCSSVariable('--jp-ui-font-family'),
+      fontSize: 12,
+      htmlFontSize: 16,
+      button: {
+        textTransform: 'capitalize'
+      },
+      allVariants: {
+        color: getCSSVariable('--jp-ui-font-color1')
+      }
+    }
+  });
+}
diff --git a/src/dag-scheduler/tokens.ts b/src/dag-scheduler/tokens.ts
new file mode 100644
index 000000000..1a0b43446
--- /dev/null
+++ b/src/dag-scheduler/tokens.ts
@@ -0,0 +1,5 @@
+export namespace Workflows {
+  export type EnvironmentParameterValue = string | number | boolean;
+
+  export type ErrorsType = { [key: string]: string };
+}
diff --git a/src/dag-scheduler/types/index.ts b/src/dag-scheduler/types/index.ts
new file mode 100644
index 000000000..eb550fd00
--- /dev/null
+++ b/src/dag-scheduler/types/index.ts
@@ -0,0 +1,12 @@
+export interface ICollaborators {
+  id: string;
+  name: string;
+  email: string;
+  permissions?: Array<string> | null;
+}
+
+export type Contact = {
+  id: string;
+  name: string;
+  email: string;
+};
diff --git a/src/dag-scheduler/util/errors.tsx b/src/dag-scheduler/util/errors.tsx
new file mode 100644
index 000000000..b2d811020
--- /dev/null
+++ b/src/dag-scheduler/util/errors.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+export const SERVER_EXTENSION_404_JSX = (
+  <div>
+    <p>
+      The Jupyter Scheduler extension is installed but it can't be activated. It
+      looks like the required Jupyter Server extension (
+      <code>jupyter_scheduler</code>) is not installed or not enabled in this
+      environment.
+    </p>
+    <h3>Why am I seeing this message?</h3>
+    <p>
+      If you installed the Jupyter Scheduler extension from the Extension
+      Manager in JupyterLab, you might have installed only the client extension
+      and not the server extension. You can install the server extension by
+      running <code>pip install jupyter_scheduler</code> in the same environment
+      in which you run JupyterLab.
+    </p>
+    <h3>How do I check if the extension is installed?</h3>
+    <p>
+      Please ensure that <code>jupyter server extension list</code> includes
+      jupyter_scheduler and that it is enabled. If it is enabled, please restart
+      JupyterLab. If the server extension is installed but not enabled, run{' '}
+      <code>jupyter server extension enable --user --py jupyter_scheduler</code>{' '}
+      and restart JupyterLab.
+    </p>
+  </div>
+);
diff --git a/src/dag-scheduler/util/filters.tsx b/src/dag-scheduler/util/filters.tsx
new file mode 100644
index 000000000..cb4d870d7
--- /dev/null
+++ b/src/dag-scheduler/util/filters.tsx
@@ -0,0 +1,130 @@
+import React, { forwardRef } from 'react';
+import {
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  TextField
+} from '@mui/material';
+import { DateTimePicker } from '@mui/x-date-pickers';
+
+function escapeRegExp(value: string): string {
+  return value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+}
+
+export const operatorFunctions = {
+  eq: (cellValue: string, filterValue: string): boolean => {
+    const collator = new Intl.Collator(undefined, {
+      usage: 'search',
+      sensitivity: 'base'
+    });
+
+    return collator.compare(cellValue.toString().trim(), filterValue) === 0;
+  },
+  neq: (cellValue: string, filterValue: string): boolean => {
+    return !operatorFunctions.eq(cellValue, filterValue);
+  },
+  contains: (cellValue: string, filterValue: string): boolean => {
+    const filterRegex = new RegExp(escapeRegExp(filterValue), 'i');
+
+    return filterRegex.test(cellValue.toString());
+  },
+  notContains: (cellValue: string, filterValue: string): boolean => {
+    return !operatorFunctions.contains(cellValue, filterValue);
+  },
+  startsWith: (cellValue: string, filterValue: string): boolean => {
+    const filterRegex = new RegExp(`^${escapeRegExp(filterValue)}.*`, 'i');
+
+    return filterRegex.test(cellValue.toString());
+  },
+  endsWith: (cellValue: string, filterValue: string): boolean => {
+    const filterRegex = new RegExp(`.*${escapeRegExp(filterValue)}$`, 'i');
+
+    return filterRegex.test(cellValue.toString());
+  },
+  is: (cellValue: string, filterValue: string): boolean => {
+    return operatorFunctions.eq(cellValue, filterValue);
+  },
+  isNot: (cellValue: string, filterValue: string): boolean => {
+    return !operatorFunctions.eq(cellValue, filterValue);
+  },
+  isAfter: (cellValue: string, value: string): boolean => {
+    return new Date(cellValue) > new Date(value);
+  },
+  isBefore: (cellValue: string, value: string): boolean => {
+    return new Date(cellValue) < new Date(value);
+  }
+};
+
+export const operators = {
+  string: {
+    options: ['eq', 'neq', 'startsWith', 'endsWith', 'contains', 'notContains'],
+    ComponentProps: { type: 'text' },
+    Component: forwardRef<any>((props, ref) => (
+      <TextField {...props} ref={ref} />
+    ))
+  },
+  date: {
+    options: ['isAfter', 'isBefore'],
+    Component: DateTimePicker,
+    ComponentProps: { type: 'datetime-local' }
+  },
+  singleSelect: {
+    options: ['is', 'isNot'],
+    ComponentProps: {},
+    Component: forwardRef(
+      (
+        {
+          sx,
+          name,
+          label,
+          value,
+          options,
+          onChange,
+          inputRef,
+          placeholder
+        }: any,
+        _: unknown
+      ) => (
+        <FormControl sx={sx}>
+          <InputLabel id="value-selector-label">{label}</InputLabel>
+          <Select
+            name={name}
+            value={value}
+            label={label}
+            inputRef={inputRef}
+            onChange={onChange}
+            id="value-selector"
+            labelId="value-selector-label"
+          >
+            {options.map(
+              ({ label, value }: { label: string; value: string }) => (
+                <MenuItem value={value}>{label}</MenuItem>
+              )
+            )}
+          </Select>
+        </FormControl>
+      )
+    )
+  }
+};
+
+export type FilterItem = { field: string; condition: string; value: string };
+
+export type OperatorKeys = keyof typeof operatorFunctions;
+
+export type FilterFunction = (
+  row: any
+) => (cellValue: string, filterValue: string) => boolean;
+
+export function getFilterFunctions(filters: FilterItem[]): FilterFunction[] {
+  return filters.map(filterItem => {
+    const func = operatorFunctions[filterItem.condition as OperatorKeys];
+
+    return (row: any) => {
+      const cellValue = row[filterItem.field];
+
+      return cellValue && func(cellValue, filterItem.value);
+    };
+  });
+}
diff --git a/src/dag-scheduler/util/index.ts b/src/dag-scheduler/util/index.ts
new file mode 100644
index 000000000..d0c7b253b
--- /dev/null
+++ b/src/dag-scheduler/util/index.ts
@@ -0,0 +1,246 @@
+// Convert an array of parameters (as used for display) to an object
+
+import { IJobParameter } from '../model';
+import { Scheduler } from '../handler';
+import { TranslationBundle } from '@jupyterlab/translation';
+import moment from 'moment';
+import cronstrue from 'cronstrue';
+import { PathExt } from '@jupyterlab/coreutils';
+
+function isObject(input: string) {
+  return (
+    null !== input &&
+    typeof input === 'object' &&
+    // eslint-disable-next-line no-prototype-builtins
+    Object.getPrototypeOf(input).isPrototypeOf(Object)
+  );
+}
+
+export const stringify = (
+  input: Record<string, unknown>,
+  indent = 2
+): string => {
+  try {
+    return JSON.stringify(input, null, indent);
+  } catch (error: any) {
+    return error.message;
+  }
+};
+
+export const tryParse = (input: string): string | null => {
+  try {
+    if (!isObject(JSON.parse(input))) {
+      return 'Invalid JSON object';
+    }
+  } catch (error: any) {
+    return error.message;
+  }
+
+  return null;
+};
+
+// (for submission to the API)
+export const serializeParameters = (
+  parameters: IJobParameter[]
+): Scheduler.Parameters => {
+  const jobParameters: { [key: string]: any } = {};
+
+  parameters.forEach(param => {
+    const { name, value } = param;
+    if (jobParameters[name] !== undefined) {
+      console.error(
+        'Parameter ' +
+          name +
+          ' already set to ' +
+          jobParameters[name] +
+          ' and is about to be set again to ' +
+          value
+      );
+    } else {
+      jobParameters[name] = value;
+    }
+  });
+
+  return jobParameters;
+};
+
+export function tryParseJSON(input: string): {
+  data?: Record<string, unknown>;
+  error?: Error;
+} {
+  const result = {} as any;
+
+  try {
+    result.data = JSON.parse(input);
+  } catch (error) {
+    result.error = error;
+    console.error(error);
+  }
+
+  return result;
+}
+
+export function getJobStatus(status: string, trans: TranslationBundle): string {
+  switch (status) {
+    case 'CREATED':
+      return trans.__('Created');
+    case 'QUEUED':
+      return trans.__('Queued');
+    case 'COMPLETED':
+      return trans.__('Completed');
+    case 'FAILED':
+      return trans.__('Failed');
+    case 'IN_PROGRESS':
+      return trans.__('In progress');
+    case 'STOPPED':
+      return trans.__('Stopped');
+    case 'STOPPING':
+      return trans.__('Stopping');
+    default:
+      return trans.__('UNKNOWN');
+  }
+}
+
+export class Deferred {
+  constructor() {
+    this._initialie();
+  }
+
+  private _initialie(): void {
+    this._isFullfilled = false;
+    this._promise = new Promise(resolve => {
+      this.resolve = resolve;
+    });
+
+    this._promise.then(() => {
+      this.resolve = undefined;
+      this._isFullfilled = true;
+    });
+  }
+
+  get promise(): Promise<unknown> {
+    if (this._isFullfilled) {
+      this._initialie();
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return this._promise!;
+  }
+
+  private _isFullfilled = false;
+  public resolve?: (v: unknown) => void;
+  private _promise?: Promise<unknown>;
+}
+
+export function parseDate(date?: string | null): moment.Moment | null {
+  try {
+    return date ? moment(date) : null;
+  } catch (e) {
+    console.error(e);
+  }
+
+  return null;
+}
+
+export const timestampLocalize = (time: number | ''): string => {
+  if (time === '') {
+    return '';
+  }
+
+  const display_date = new Date(time);
+
+  return display_date ? display_date.toLocaleString() : '';
+};
+
+export function formatCronString(
+  model: Omit<Scheduler.IJobDefinition, 'tasks'>
+): string {
+  let cronString = '';
+
+  try {
+    if (model.schedule !== undefined) {
+      cronString = cronstrue.toString(model.schedule);
+    }
+  } catch (e) {
+    // Do nothing; let the errors or nothing display instead
+  }
+
+  return cronString;
+}
+
+export function generateUniqueName(
+  names: string[],
+  defaultName = 'task'
+): string {
+  let index = 1;
+  let newName = defaultName;
+
+  for (;;) {
+    const found = names.find(name => name === newName || name === newName);
+
+    if (!found) {
+      return newName;
+    }
+
+    newName = `${defaultName}${index++}`;
+  }
+}
+
+export function generateFileName(
+  fileName: string,
+  existingNames: string[]
+): string {
+  let index = 0;
+  let tempName = '';
+  const baseName = PathExt.basename(fileName, PathExt.extname(fileName));
+
+  do {
+    tempName = `${baseName}${index++ || ''}${PathExt.extname(fileName)}`;
+  } while (existingNames.includes(tempName));
+
+  return tempName;
+}
+
+export const getTitleCase = (input: string): string =>
+  input
+    .toLowerCase()
+    .replace(/^[-_]*(.)/, (_, c) => c.toUpperCase()) // Initial char (after -/_)
+    .replace(/[-_]+(.)/g, (_, c) => ' ' + c.toLowerCase()); // First char after each -/_
+
+export const humanize = (time: number): string => {
+  const result = [];
+  const seconds = Math.floor(time / 1000);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+
+  if (days > 0) {
+    result.push(`${days}d`);
+  }
+
+  if (hours > 0) {
+    result.push(`${hours % 24}h`);
+  }
+
+  if (minutes > 0) {
+    result.push(`${minutes % 60}m`);
+  }
+
+  if (seconds > 0) {
+    result.push(`${seconds % 60}s`);
+  }
+
+  return result.join(' ');
+};
+
+export const formatTime = (time?: number): string => {
+  try {
+    return new Date(time ? +time : Date.now())
+      .toLocaleString()
+      .replace(/([/:\s]|,\s)/g, '-');
+  } catch (e) {
+    console.error(e);
+
+    return 'invalid-date';
+  }
+};
diff --git a/src/dag-scheduler/util/job-name-validation.tsx b/src/dag-scheduler/util/job-name-validation.tsx
new file mode 100644
index 000000000..010b79007
--- /dev/null
+++ b/src/dag-scheduler/util/job-name-validation.tsx
@@ -0,0 +1,105 @@
+// Utilities to validate and sanitize job names (make them valid)
+
+import { TranslationBundle } from '@jupyterlab/translation';
+
+const workflowName = /^[a-zA-Z0-9._][a-zA-Z0-9._-\s]{0,23}$/;
+const taskNameRegex = /^[a-zA-Z0-9._][a-zA-Z0-9._-]{0,23}$/;
+const invalidFirstCharRegex = /^[^a-zA-Z0-9._]/;
+const invalidCharRegex = /[^a-zA-Z0-9._-\s]/g;
+const maxLength = 24;
+
+// Modify an input string to be a valid name
+export function MakeNameValid(name: string): string {
+  if (taskNameRegex.test(name)) {
+    return name;
+  }
+
+  // Clean up first position
+  if (invalidFirstCharRegex.test(name)) {
+    name = name.slice(1);
+  }
+
+  // Truncate length
+  name = name.substring(0, maxLength);
+
+  // Purge invalid characters
+  name = name.replace(invalidCharRegex, '');
+
+  name = name.replace(/\s/g, '_');
+
+  // If nothing's left, put something in so that validation passes
+  if (name === '') {
+    // Deliberately not translated so as not to violate character limits
+    name = 'job';
+  }
+
+  return name;
+}
+
+export function commonNameError(
+  name: string,
+  trans: TranslationBundle
+): string | void {
+  // Check for blank
+  if (name === '') {
+    return trans.__('You must specify a name');
+  }
+
+  // Check for errors in first position
+  if (invalidFirstCharRegex.test(name)) {
+    return trans.__(
+      'Name must start with a letter, number, period, or underscore'
+    );
+  }
+
+  // Check for length.
+  if (name.length > maxLength) {
+    return trans.__('Name may not be longer than %1 characters', maxLength);
+  }
+}
+
+export function taskNameError(name: string, trans: TranslationBundle): string {
+  if (taskNameRegex.test(name)) {
+    return ''; // No errors
+  }
+
+  return (
+    commonNameError(name, trans) || // By process of elimination, incorrect characters must be present
+    trans.__(
+      'Name must contain only letters, numbers, periods, hyphens, and underscores'
+    )
+  );
+}
+
+export function WorkflowNameError(
+  name: string,
+  trans: TranslationBundle
+): string {
+  if (workflowName.test(name)) {
+    return ''; // No errors
+  }
+
+  // By process of elimination, incorrect characters must be present
+  return (
+    commonNameError(name, trans) ||
+    trans.__(
+      'Name must contain only letters, space, numbers, periods, hyphens, and underscores'
+    )
+  );
+}
+
+export function OutputFormatsError(
+  name: string,
+  value: string | string[] | undefined,
+  trans: TranslationBundle
+): string {
+  if (name !== 'outputFormats') {
+    return '';
+  }
+
+  if (!value?.length) {
+    return trans.__('Output formats is required');
+  }
+
+  return '';
+}
diff --git a/src/dag-scheduler/util/task-timeout-validation.tsx b/src/dag-scheduler/util/task-timeout-validation.tsx
new file mode 100644
index 000000000..dc25331d3
--- /dev/null
+++ b/src/dag-scheduler/util/task-timeout-validation.tsx
@@ -0,0 +1,23 @@
+export const convertTaskTimeoutHoursToSeconds = (
+  time: string | undefined
+): string | undefined => {
+  let output: string | undefined;
+
+  if (time) {
+    output = (parseInt(time) * 60 * 60).toString();
+  }
+
+  return output;
+};
+
+export const convertTaskTimeoutSecondsToHours = (
+  time: string | undefined
+): string | undefined => {
+  let output: string | undefined;
+
+  if (time) {
+    output = (parseInt(time) / 60 / 60).toString();
+  }
+
+  return output;
+};
diff --git a/src/dag-scheduler/util/toast-decorator.ts b/src/dag-scheduler/util/toast-decorator.ts
new file mode 100644
index 000000000..7956f0f05
--- /dev/null
+++ b/src/dag-scheduler/util/toast-decorator.ts
@@ -0,0 +1,44 @@
+import { AsyncActionHandler } from '../components/async-action-handler';
+
+export interface IToastOptions {
+  pending: string;
+  success?: string;
+  failure?: string;
+}
+
+export function Toast(options: IToastOptions) {
+  return function (
+    target: unknown,
+    prop: string,
+    descriptor: TypedPropertyDescriptor<(...arg: any[]) => any>
+  ): any {
+    const method = descriptor.value;
+
+    if (target instanceof Function) {
+      // for static methods return function itself
+      return target;
+    }
+
+    descriptor.value = function (...args: any[]) {
+      const returnValue = method?.apply(this, [...args]);
+      const asyncHandler = new AsyncActionHandler({
+        action: returnValue,
+        title: options.pending,
+        successMessage: options.success,
+        failureMessage: options.failure
+      });
+
+      if (returnValue instanceof Promise) {
+        (async () => {
+          try {
+            await Promise.all([returnValue, asyncHandler.start()]);
+          } catch (e) {
+            console.error('e', e);
+          }
+        })();
+      }
+
+      return returnValue;
+    };
+  };
+}
diff --git a/src/dag-scheduler/widget.tsx b/src/dag-scheduler/widget.tsx
new file mode 100644
index 000000000..4fcbda412
--- /dev/null
+++ b/src/dag-scheduler/widget.tsx
@@ -0,0 +1,101 @@
+import React from 'react';
+
+import { ThemeProvider } from '@mui/material/styles';
+
+import { JupyterFrontEnd } from '@jupyterlab/application';
+import { VDomRenderer } from '@jupyterlab/apputils';
+import { ITranslator, TranslationBundle } from '@jupyterlab/translation';
+import { LabIcon } from '@jupyterlab/ui-components';
+import { Contents } from '@jupyterlab/services';
+import { Theme } from '@mui/system';
+import { CodeEditor } from '@jupyterlab/codeeditor';
+
+import { workflowsIcon } from './components/icons';
+
+import TranslatorContext from './context';
+import { JobsModel, JobsView } from './model';
+import { getJupyterLabTheme } from './theme-provider';
+import { WorkflowsContextProvider } from './context-provider';
+import { NotebookWorkflows } from './mainviews/workflows';
+
+export class WorkflowsPanel extends VDomRenderer<JobsModel> {
+  readonly _title?: string;
+  readonly _description?: string;
+  readonly _app: JupyterFrontEnd;
+  readonly _translator: ITranslator;
+  readonly _trans: TranslationBundle;
+  private _theme: Theme;
+  readonly _contents: Contents.IManager;
+  readonly _editorFactory: CodeEditor.Factory;
+
+  constructor(options: NotebookJobsPanel.IOptions) {
+    super(
+      options.model ||
+        new JobsModel({
+          key: options.key,
+          jobsView: options.jobsView,
+          onModelUpdate: () => {
+            // allow us to invoke private parent method
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            this.renderDOM();
+          }
+        })
+    );
+    this.addClass('jp-notebook-workflows-panel');
+
+    const trans = options.translator.load('jupyterlab');
+
+    this._theme = getJupyterLabTheme();
+    this._contents = options.contents;
+    this.title.icon = options.titleIcon ?? workflowsIcon;
+    this.title.caption = options.title ?? trans.__('Workflows');
+    this._description = options.description ?? trans.__('Job Runs');
+    this._app = options.app;
+    this._editorFactory = options.editorFactory;
+    this._translator = options.translator;
+    this._trans = this._translator.load('jupyterlab');
+
+    this.node.setAttribute('role', 'region');
+    this.node.setAttribute('aria-label', trans.__('Workflows'));
+  }
+
+  updateTheme(): void {
+    this._theme = getJupyterLabTheme();
+  }
+
+  render(): JSX.Element {
+    return (
+      <ThemeProvider theme={this._theme}>
+        <WorkflowsContextProvider
+          app={this._app}
+          contents={this._contents}
+          editorFactory={this._editorFactory}
+        >
+          <TranslatorContext.Provider value={this._translator}>
+            <NotebookWorkflows
+              view={this.model.jobsView}
+              model={this.model.createTaskModel}
+              key={this.model.key}
+            />
+          </TranslatorContext.Provider>
+        </WorkflowsContextProvider>
+      </ThemeProvider>
+    );
+  }
+}
+
+namespace NotebookJobsPanel {
+  export interface IOptions {
+    title?: string;
+    titleIcon?: LabIcon;
+    description?: string;
+    app: JupyterFrontEnd;
+    translator: ITranslator;
+    model?: JobsModel;
+    contents: Contents.IManager;
+    jobsView: JobsView;
+    key: number;
+    editorFactory: CodeEditor.Factory;
+  }
+}
diff --git a/src/index.tsx b/src/index.tsx
index 5ab16a57d..e22b92d59 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -27,6 +27,7 @@ import { NotebookJobsPanel } from './notebook-jobs-panel';
 import { Scheduler } from './tokens';
 import { SERVER_EXTENSION_404_JSX } from './util/errors';
 import { MakeNameValid } from './util/job-name-validation';
+import { WorkflowsPlugin } from './dag-scheduler';
 
 export namespace CommandIDs {
   export const deleteJob = 'scheduling:delete-job';
@@ -354,7 +355,8 @@ function activatePlugin(
 const plugins: JupyterFrontEndPlugin<any>[] = [
   schedulerPlugin,
   advancedOptions,
-  telemetry
+  telemetry,
+  WorkflowsPlugin
 ];
 
 export { JobsView };
diff --git a/style/autosuggest.css b/style/autosuggest.css
new file mode 100644
index 000000000..8e85c2c8b
--- /dev/null
+++ b/style/autosuggest.css
@@ -0,0 +1,230 @@
+.jp-publish-notebook.jp-Dialog .lm-Widget {
+  max-width: 600px;
+  overflow: unset !important;
+}
+
+.placeholder {
+  width: 100% !important;
+}
+
+.pill-container {
+  flex: 1;
+  margin: 0;
+  display: flex;
+  padding: 0 10px;
+  overflow: auto;
+  flex-wrap: wrap;
+  max-height: 100px;
+  align-items: center;
+  list-style-type: none;
+}
+
+.pill-container li {
+  position: relative;
+}
+
+.pill {
+  display: flex;
+  font-size: 12px;
+  padding: 4px 8px;
+  margin: 2px 2px 0;
+  user-select: none;
+  border-radius: 10px;
+  align-items: center;
+  color: var(--jp-ui-font-color2);
+  border: 1px solid var(--jp-border-color1);
+  background: var(--jp-input-active-background);
+}
+
+.pill.selected {
+  background: var(--jp-border-color2);
+}
+
+.pill.invalid {
+  color: white;
+  border: none;
+  background: var(--jp-error-color1);
+}
+
+.pill.invalid svg path {
+  fill: white;
+}
+
+.pill.invalid.selected {
+  background: var(--jp-error-color0);
+}
+
+.pill:hover {
+  cursor: pointer;
+  background: var(--jp-border-color1);
+  color: var(--jp-ui-font-color0);
+}
+
+.pill .close-icon {
+  display: inline-block;
+  margin-top: 1px;
+  margin-left: 4px;
+  padding: 1px;
+  height: 12px;
+}
+
+.pill .close-icon:hover {
+  border-radius: 50%;
+  background: var(--jp-border-color2);
+}
+
+.pill-btn {
+  background: #dadcdf;
+}
+
+.pills-list {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+.pills-list li {
+  display: inline-block;
+}
+
+.jp-form-group {
+  display: flex;
+  margin: 16px 0;
+  flex-direction: column;
+}
+
+.jp-form-group .btn {
+  margin-left: 4px;
+  display: inline-block;
+}
+
+.jp-form-control:hover {
+  background: var(--jp-border-color3) !important;
+}
+
+.jp-form-control:focus-within {
+  border-bottom: 2px solid var(--md-blue-700) !important;
+}
+
+.jp-form-group .jp-form-control {
+  display: flex;
+  padding: 10px 0;
+  align-items: center;
+  justify-content: flex-start;
+  background: var(--jp-border-color2);
+  border-bottom: 2px solid var(--jp-border-color0);
+}
+
+.jp-form-group label {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  margin: 0 !important;
+}
+
+.jp-form-group input {
+  outline: none;
+  padding: 8px 0;
+  margin-left: 4px;
+  border: none;
+  flex-grow: 0;
+  flex-shrink: 1;
+  display: inline-block;
+  width: 1px;
+}
+
+.jp-form-group textarea {
+  resize: none;
+  border: none;
+  outline: none;
+  padding: 0 4px;
+  overflow: hidden;
+  line-height: 32px;
+  font-family: inherit;
+  height: 32px !important;
+  background: transparent;
+  color: var(--jp-ui-font-color0);
+}
+
+.hidden-input {
+  opacity: 0;
+  width: 1px;
+  left: -9999px;
+  z-index: -9999;
+  position: absolute;
+}
+
+.subject-container {
+  margin-bottom: 10px;
+  border-bottom: 1px solid rgb(212, 210, 210);
+}
+
+.autosuggest {
+  cursor: text;
+  display: block;
+  position: relative;
+}
+
+.suggestions-wrapper {
+  position: relative;
+}
+
+.suggestions {
+  z-index: 10;
+  width: 100%;
+  margin-top: 0;
+  padding: 8px 0;
+  overflow: auto;
+  max-height: 200px;
+  position: absolute;
+  list-style-type: none;
+  background: var(--jp-layout-color0);
+  box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.2);
+}
+
+.suggestions li {
+  display: flex;
+  min-height: 52px;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.suggestions li a {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+
+.suggestions li.selected,
+.suggestions li:hover {
+  background: var(--jp-layout-color2);
+}
+
+.suggestions li .profile-pic {
+  height: 32px;
+  width: 32px;
+  display: flex;
+  color: white;
+  font-size: 14px;
+  margin-left: 16px;
+  border-radius: 50%;
+  margin-right: 12px;
+  align-items: center;
+  box-sizing: border-box;
+  justify-content: center;
+  background: var(--jp-border-color0);
+  box-shadow: 0 4px 8px var(--jp-shadow-base-lightness);
+}
+
+.suggestions .suggestion-text > div:first-child {
+  font-weight: 500;
+}
+
+.suggestions .suggestion-text > div:last-child {
+  font-weight: 400;
+  line-height: 1rem;
+  font-size: 0.725rem;
+  letter-spacing: 0.025rem;
+  color: var(--jp-content-font-color2);
+}
diff --git a/style/base.css b/style/base.css
index 2b23bf583..400ba3ed8 100644
--- a/style/base.css
+++ b/style/base.css
@@ -13,6 +13,9 @@
 @import './button.css';
 @import './labeled-value.css';
 @import './edit-job-definitions.css';
+@import './autosuggest.css';
+@import './loader.css';
+@import './workflows.css';
 
 .jp-notebook-jobs-panel {
   background: var(--jp-layout-color1);
diff --git a/style/icons/error-icon.svg b/style/icons/error-icon.svg
new file mode 100644
index 000000000..196f73b64
--- /dev/null
+++ b/style/icons/error-icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 50 50">
+  <g class="jp-icon3">
+    <path
+      d="M25,2C12.319,2,2,12.319,2,25s10.319,23,23,23s23-10.319,23-23S37.681,2,25,2z M33.71,32.29c0.39,0.39,0.39,1.03,0,1.42 C33.51,33.9,33.26,34,33,34s-0.51-0.1-0.71-0.29L25,26.42l-7.29,7.29C17.51,33.9,17.26,34,17,34s-0.51-0.1-0.71-0.29 c-0.39-0.39-0.39-1.03,0-1.42L23.58,25l-7.29-7.29c-0.39-0.39-0.39-1.03,0-1.42c0.39-0.39,1.03-0.39,1.42,0L25,23.58l7.29-7.29 c0.39-0.39,1.03-0.39,1.42,0c0.39,0.39,0.39,1.03,0,1.42L26.42,25L33.71,32.29z"
+    />
+  </g>
+</svg>
diff --git a/style/icons/workflows.svg b/style/icons/workflows.svg
new file mode 100644
index 000000000..2b9d8f68f
--- /dev/null
+++ b/style/icons/workflows.svg
@@ -0,0 +1,57 @@
+<svg
+  width="800px"
+  height="800px"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill="#4285f4"
+    d="M19.5,20.06h-.7v-1.5h.7a.76.76,0,0,0,.75-.75V13.5a.76.76,0,0,0-.75-.75H15.89v-1.5H19.5a2.25,2.25,0,0,1,2.25,2.25v4.31A2.25,2.25,0,0,1,19.5,20.06Z"
+  />
+  <path fill="#4285f4" d="M11.55,20.06H6.65v-1.5h4.9Z" />
+  <path
+    fill="#669df6"
+    fill-rule="evenodd"
+    d="M8.12,12.75H4.5A2.25,2.25,0,0,1,2.25,10.5V6.19A2.25,2.25,0,0,1,4.5,3.94h1v1.5h-1a.75.75,0,0,0-.75.75V10.5a.76.76,0,0,0,.75.75H8.12Z"
+  />
+  <path fill="#4285f4" d="M17.3,5.44H11.82V3.94H17.3Z" />
+  <path
+    fill="#aecbfa"
+    d="M8.63,3.94V2.44h-3A1.13,1.13,0,0,0,4.5,3.56V5.81A1.13,1.13,0,0,0,5.63,6.94h3V5.44H6V3.94Z"
+  />
+  <path
+    fill="#669df6"
+    fill-rule="evenodd"
+    d="M12.75,3.56V5.81a1.13,1.13,0,0,1-1.12,1.13h-3V5.44h2.62V3.94H8.63V2.44h3A1.12,1.12,0,0,1,12.75,3.56Z"
+  />
+  <path
+    fill="#aecbfa"
+    d="M19.31,7.13a2.44,2.44,0,1,1,2.44-2.44A2.45,2.45,0,0,1,19.31,7.13Zm0-3.38a.94.94,0,1,0,.94.94A.94.94,0,0,0,19.31,3.75Z"
+  />
+  <path
+    fill="#9aa0a6"
+    d="M4.69,21.75a2.44,2.44,0,1,1,2.43-2.44A2.44,2.44,0,0,1,4.69,21.75Zm0-3.38a.94.94,0,1,0,.93.94A.94.94,0,0,0,4.69,18.37Z"
+  />
+  <path
+    fill="#aecbfa"
+    d="M4.69,21.75a2.44,2.44,0,1,1,2.43-2.44A2.44,2.44,0,0,1,4.69,21.75Zm0-3.38a.94.94,0,1,0,.93.94A.94.94,0,0,0,4.69,18.37Z"
+  />
+  <path
+    fill="#aecbfa"
+    d="M15.36,18.57v-1.5h-3a1.13,1.13,0,0,0-1.12,1.13v2.25a1.12,1.12,0,0,0,1.12,1.12h3v-1.5H12.74v-1.5Z"
+  />
+  <path
+    fill="#669df6"
+    fill-rule="evenodd"
+    d="M19.49,18.2v2.25a1.13,1.13,0,0,1-1.13,1.12h-3v-1.5H18v-1.5H15.36v-1.5h3A1.14,1.14,0,0,1,19.49,18.2Z"
+  />
+  <path
+    fill="#aecbfa"
+    d="M12,11.25V9.75H9a1.13,1.13,0,0,0-1.13,1.12v2.25A1.13,1.13,0,0,0,9,14.25h3v-1.5H9.37v-1.5Z"
+  />
+  <path
+    fill="#669df6"
+    fill-rule="evenodd"
+    d="M16.12,10.87v2.25A1.13,1.13,0,0,1,15,14.25H12v-1.5h2.62v-1.5H12V9.75h3A1.12,1.12,0,0,1,16.12,10.87Z"
+  />
+</svg>
diff --git a/style/loader.css b/style/loader.css
new file mode 100644
index 000000000..e396eee25
--- /dev/null
+++ b/style/loader.css
@@ -0,0 +1,78 @@
+.jp-async-toast .jp-spinner-container {
+  display: flex;
+  height: 32px;
+  align-items: center;
+}
+
+.jp-async-toast .jp-Spinner {
+  width: auto;
+  position: relative;
+  background: var(--jp-inverse-layout-color2);
+}
+
+.jp-async-toast .jp-SpinnerContent {
+  margin: 0;
+  height: 24px;
+  width: 24px;
+  margin-right: 8px;
+}
+
+.jp-async-toast .jp-toast-content {
+  display: flex;
+  padding: 12px;
+  min-width: 200px;
+  margin-right: auto;
+  pointer-events: all;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: 2px;
+  color: var(--jp-layout-color0);
+  font-size: var(--jp-ui-font-size1);
+  box-shadow: var(--jp-elevation-z20);
+  background: var(--jp-inverse-layout-color2);
+}
+
+.jp-async-toast .jp-toast-text {
+  max-width: 250px;
+  min-width: 100px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.jp-async-toast .jp-toast-icon {
+  display: flex;
+  padding-top: 3px;
+  margin-right: 4px;
+  align-items: center;
+}
+
+.jp-async-toast .jp-SpinnerContent:after {
+  background: var(--jp-inverse-layout-color2);
+}
+
+.jp-async-toast button {
+  height: 24px;
+  outline: none;
+  display: flex;
+  cursor: pointer;
+  font-size: 14px;
+  padding: 0px 6px;
+  background: none;
+  text-align: center;
+  align-items: center;
+  margin-left: auto;
+  border: none !important;
+}
+
+.jp-async-toast button > .close-icon {
+  display: flex;
+}
+
+.jp-async-toast button .jp-icon3 {
+  fill: var(--jp-layout-color0);
+}
+
+.jp-async-toast button > .close-icon:hover .jp-icon3 {
+  fill: var(--jp-layout-color4);
+}
diff --git a/style/workflows.css b/style/workflows.css
new file mode 100644
index 000000000..dc13d84ff
--- /dev/null
+++ b/style/workflows.css
@@ -0,0 +1,416 @@
+.react-flow {
+  --node-border-radius: 10px;
+  --bg-color: var(--jp-border-color3);
+  --text-color: var(--jp-ui-font-color1);
+  --node-bg-color: var(--jp-ui-inverse-font-color0);
+  --secondary-text-color: var(--jp-content-font-color2);
+
+  flex: 1;
+  overflow: hidden;
+  margin: 0 !important;
+  box-sizing: border-box;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  border: 2px solid transparent;
+  box-shadow: inset rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
+    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+}
+
+.react-flow.focused {
+  border: 2px solid var(--jp-brand-color2);
+}
+
+.notebook-workflows {
+  --shadow-color: var(--jp-layout-color0);
+}
+
+.notebook-workflows.dark {
+  --shadow-color: var(--jp-border-color3);
+}
+
+.react-flow__controls button {
+  border-radius: 0;
+}
+
+.react-flow__controls-button:hover {
+  background: var(--jp-border-color3);
+}
+
+.react-flow__node-custom {
+  display: flex;
+  min-height: 70px;
+  min-width: 250px;
+  font-weight: 500;
+  letter-spacing: -0.2px;
+  color: var(--text-color);
+  background: var(--node-bg-color);
+  font-family: 'Fira Mono', Monospace;
+  border-radius: var(--node-border-radius);
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
+    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
+}
+
+.react-flow__node-custom:hover {
+  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.25);
+}
+
+.react-flow__node-custom .wrapper {
+  width: 100%;
+  padding: 2px;
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--node-border-radius);
+}
+
+.notebook-workflows .react-flow__edge-path {
+  /* stroke: #f37627; */
+  stroke-width: 1;
+  fill: none;
+}
+
+.wrapper:before {
+  content: '';
+  left: 50%;
+  top: 50%;
+  position: absolute;
+  border-radius: 100%;
+  transform: translate(-50%, -50%);
+  width: calc(100% * 1.41421356237);
+  padding-bottom: calc(100% * 1.41421356237);
+}
+
+.wrapper.pending::after {
+  content: '';
+  height: 20px;
+  width: 100%;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -16px;
+  animation: move 3s ease-in-out infinite;
+  background: linear-gradient(45deg, #a2d6ef, #1a69af 100px);
+}
+
+@keyframes move {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 250px 50px;
+  }
+}
+
+.react-flow__node-custom.selected .wrapper:before {
+  content: '';
+  z-index: -1;
+  background-color: var(--jp-brand-color2);
+}
+
+.react-flow__node-custom .inner {
+  padding: 16px 20px;
+  position: relative;
+  border-radius: var(--node-border-radius);
+}
+
+.react-flow__node-custom .body {
+  overflow: hidden;
+  max-width: 200px;
+}
+
+.react-flow__handle {
+  opacity: 1;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+
+.task-run-node .react-flow__handle.connectionindicator {
+  cursor: grab;
+}
+
+.task-run-node .react-flow__handle {
+  background-color: transparent;
+}
+
+.task-node .react-flow__handle.source {
+  /* right: -10px; */
+  width: 10%;
+  height: 50%;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.task-node .react-flow__handle.target {
+  left: -10px;
+}
+
+.source.show-hint {
+  right: 0 !important;
+  transform: translateX(50%);
+}
+
+.react-flow__node.selected .source.show-hint {
+  background-color: var(--jp-brand-color1);
+}
+
+.show-hint {
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  display: grid;
+  width: 15px;
+  height: 15px;
+  color: white;
+  padding: 2px;
+  z-index: 1000000;
+  position: absolute;
+  border-radius: 100%;
+  align-content: center;
+  justify-content: center;
+  pointer-events: none;
+  background: var(--jp-border-color1);
+  transform: scale(1) translateX(-50%);
+}
+
+.show-hint:not(.source) {
+  left: -15px;
+}
+
+.show-hint::before,
+.show-hint::after {
+  content: '';
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  opacity: 0.7;
+  position: absolute;
+  border-radius: 100%;
+  background: inherit;
+}
+
+.show-hint.valid {
+  background: var(--jp-accent-color2) !important;
+}
+
+.show-hint.invalid {
+  background: var(--jp-error-color2) !important;
+}
+
+.show-hint.invalid::before,
+.show-hint.valid::before {
+  animation: react-flow-handle-pulse 2s ease-out infinite;
+}
+
+.show-hint.invalid::after,
+.show-hint.valid::after {
+  animation: react-flow-handle-pulse 2s 1s ease-out infinite;
+}
+
+@keyframes react-flow-handle-pulse {
+  100% {
+    transform: scale(3);
+    opacity: 0;
+  }
+}
+
+.edgebutton {
+  width: 20px;
+  height: 20px;
+  background: #eee;
+  border: 1px solid #fff;
+  cursor: pointer;
+  border-radius: 50%;
+  font-size: 12px;
+  line-height: 1;
+}
+
+.edgebutton:hover {
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
+}
+
+.react-flow__node:focus {
+  outline: none;
+}
+
+.react-flow__node-toolbar {
+  /* top: -30px; */
+  left: -8px;
+  padding: 0 8px;
+}
+
+.react-flow__node-toolbar .toolbar-btn-container {
+  border-radius: 4px;
+  transform: translateX(50%);
+  background: var(--node-bg-color);
+  box-shadow: 2px 4px 12px 2px var(--jp-shadow-ambient-color);
+}
+
+.react-flow__controls button path {
+  fill: var(--text-color);
+}
+
+.react-flow__controls button {
+  border-bottom: none;
+  background-color: var(--node-bg-color);
+}
+
+.jp-notebook-workflows-panel .react-flow__attribution a {
+  display: none;
+}
+
+.reactflow-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.react-flow__pane {
+  border-width: 2px;
+  border-style: dashed;
+  border-color: transparent;
+}
+
+.draghover .MuiOutlinedInput-root,
+.draghover .react-flow__pane {
+  transition-duration: 150ms;
+  transition-timing-function: ease;
+  border-color: var(--jp-brand-color1);
+  background: rgba(33, 150, 243, 0.1);
+  transition-property: top, left, right, bottom;
+}
+
+.workflow-editor_side-panel {
+  position: relative;
+  max-width: 350px;
+  margin: 0 !important;
+  overflow: scroll;
+  min-width: 200px;
+  box-shadow: 0 2px 4px 6px rgba(229, 228, 228, 0.03),
+    0 4px 8px 12px rgba(204, 203, 203, 0.06);
+}
+
+/* https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/ */
+.notebook-workflows .scroll-shadow {
+  background:
+    /* Shadow Cover TOP */ linear-gradient(
+        var(--shadow-color) 30%,
+        rgba(255, 255, 255, 0)
+      )
+      center top,
+    /* Shadow Cover BOTTOM */
+      linear-gradient(rgba(255, 255, 255, 0), var(--shadow-color) 70%) center
+      bottom,
+    /* Shadow TOP */
+      radial-gradient(
+        farthest-side at 50% 0,
+        rgba(0, 0, 0, 0.2),
+        rgba(0, 0, 0, 0)
+      )
+      center top,
+    /* Shadow BOTTOM */
+      radial-gradient(
+        farthest-side at 50% 100%,
+        rgba(0, 0, 0, 0.2),
+        rgba(0, 0, 0, 0)
+      )
+      center bottom;
+
+  background-repeat: no-repeat;
+  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
+  background-attachment: local, local, scroll, scroll;
+}
+
+/* TODO: This should be fixed in the reusable component */
+.jp-notebook-workflows-panel .jp-form-group {
+  margin: 0;
+}
+
+.jp-notebook-workflows-panel .jp-form-group .jp-form-control {
+  border-width: 1px !important;
+}
+
+.jp-notebook-workflows-panel .jp-form-group .jp-form-control {
+  border-radius: 2px;
+  background-color: unset;
+  border: 1px solid var(--jp-border-color0);
+}
+
+.jp-notebook-workflows-panel .jp-form-group .jp-form-control:hover {
+  background-color: unset !important;
+  border: 1px solid var(--jp-inverse-layout-color1);
+}
+
+.jp-notebook-workflows-panel .jp-form-control:focus-within {
+  border: 1px solid var(--md-blue-700) !important;
+}
+
+.jp-scheduler-editor {
+  height: 260px;
+  border: 1px solid rgba(0, 0, 0, 0.23);
+  border-radius: 2px;
+  overflow: auto;
+}
+
+.jp-scheduler-editor .cm-editor {
+  height: 100%;
+}
+
+.jp-scheduler-editor.error {
+  border-color: var(--jp-error-color1);
+}
+
+.jp-scheduler-editor + span.error-msg {
+  color: var(--jp-error-color0);
+}
+
+.jp-scheduler-editor + span.error-msg::before {
+  content: 'x';
+  width: 18px;
+  height: 18px;
+  background: var(--jp-error-color1);
+  border-radius: 50%;
+  display: inline-block;
+  color: white;
+  text-align: center;
+  font-size: 14px;
+  margin-right: 4px;
+}
+
+.jp-scheduler-editor span.cm-tab {
+  visibility: hidden;
+}
+
+.jp-toast-container {
+  gap: 8px;
+  right: 48px;
+  bottom: 48px;
+  display: flex;
+  z-index: 10000;
+  position: fixed;
+  pointer-events: none;
+  box-sizing: border-box;
+  background: transparent;
+  flex-direction: column-reverse;
+}
+
+.properties-viewer .jp-scheduler-editor {
+  /* resize: both; */
+  max-width: 600px;
+  max-height: 600px;
+  min-width: 300px;
+  min-height: 300px;
+}
+
+.text-line-truncate {
+  display: -webkit-box;
+  max-width: 200px;
+  -webkit-line-clamp: 10;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.error-details-collapse {
+  word-break: break-word;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 3868ca80d..1c4e52021 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,8 +18,9 @@
     "rootDir": "src",
     "strict": true,
     "strictNullChecks": true,
-    "target": "es2017",
-    "types": ["jest"]
+    "target": "es2019",
+    "types": ["jest"],
+    "experimentalDecorators": true
   },
   "include": ["src/**/*"]
 }
diff --git a/yarn.lock b/yarn.lock
index e50f85cf3..753ef93fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,23 +5,13 @@ __metadata:
   version: 6
   cacheKey: 8
 
-"@ampproject/remapping@npm:^2.1.0":
-  version: 2.2.0
-  resolution: "@ampproject/remapping@npm:2.2.0"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.1.0
-    "@jridgewell/trace-mapping": ^0.3.9
-  checksum: d74d170d06468913921d72430259424b7e4c826b5a7d39ff839a29d547efb97dc577caa8ba3fb5cf023624e9af9d09651afc3d4112a45e2050328abc9b3a2292
-  languageName: node
-  linkType: hard
-
 "@ampproject/remapping@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "@ampproject/remapping@npm:2.2.1"
+  version: 2.3.0
+  resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
-    "@jridgewell/gen-mapping": ^0.3.0
-    "@jridgewell/trace-mapping": ^0.3.9
-  checksum: 03c04fd526acc64a1f4df22651186f3e5ef0a9d6d6530ce4482ec9841269cf7a11dbb8af79237c282d721c5312024ff17529cd72cc4768c11e999b58e2302079
+    "@jridgewell/gen-mapping": ^0.3.5
+    "@jridgewell/trace-mapping": ^0.3.24
+  checksum: d3ad7b89d973df059c4e8e6d7c972cbeb1bb2f18f002a3bd04ae0707da214cb06cc06929b65aa2313b9347463df2914772298bae8b1d7973f246bb3f2ab3e8f0
   languageName: node
   linkType: hard
 
@@ -34,275 +24,124 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/code-frame@npm:7.18.6"
-  dependencies:
-    "@babel/highlight": ^7.18.6
-  checksum: 195e2be3172d7684bf95cff69ae3b7a15a9841ea9d27d3c843662d50cdd7d6470fd9c8e64be84d031117e4a4083486effba39f9aef6bbb2c89f7f21bcfba33ba
-  languageName: node
-  linkType: hard
-
-"@babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/code-frame@npm:7.22.5"
-  dependencies:
-    "@babel/highlight": ^7.22.5
-  checksum: cfe804f518f53faaf9a1d3e0f9f74127ab9a004912c3a16fda07fb6a633393ecb9918a053cb71804204c1b7ec3d49e1699604715e2cfb0c9f7bc4933d324ebb6
-  languageName: node
-  linkType: hard
-
-"@babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.23.5":
-  version: 7.23.5
-  resolution: "@babel/code-frame@npm:7.23.5"
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/code-frame@npm:7.24.6"
   dependencies:
-    "@babel/highlight": ^7.23.4
-    chalk: ^2.4.2
-  checksum: d90981fdf56a2824a9b14d19a4c0e8db93633fd488c772624b4e83e0ceac6039a27cd298a247c3214faa952bf803ba23696172ae7e7235f3b97f43ba278c569a
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.18.8, @babel/compat-data@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/compat-data@npm:7.19.0"
-  checksum: f90d25a3779578c230ad0632e12ffd5ee1033614dee2786f7f1567823a78923da7185638eedd7166f31e4771a3398ae6a28ab8e680b96cc25bafb38a3b66ff11
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.22.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9":
-  version: 7.22.9
-  resolution: "@babel/compat-data@npm:7.22.9"
-  checksum: bed77d9044ce948b4327b30dd0de0779fa9f3a7ed1f2d31638714ed00229fa71fc4d1617ae0eb1fad419338d3658d0e9a5a083297451e09e73e078d0347ff808
+    "@babel/highlight": ^7.24.6
+    picocolors: ^1.0.0
+  checksum: 0904514ea7079a9590c1c546cd20b9c1beab9649873f2a0703429860775c1713a8dfb2daacd781a0210bb3930c656c1c436013fb20eaa3644880fb3a2b34541d
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.0.0, @babel/core@npm:^7.12.3":
-  version: 7.19.0
-  resolution: "@babel/core@npm:7.19.0"
-  dependencies:
-    "@ampproject/remapping": ^2.1.0
-    "@babel/code-frame": ^7.18.6
-    "@babel/generator": ^7.19.0
-    "@babel/helper-compilation-targets": ^7.19.0
-    "@babel/helper-module-transforms": ^7.19.0
-    "@babel/helpers": ^7.19.0
-    "@babel/parser": ^7.19.0
-    "@babel/template": ^7.18.10
-    "@babel/traverse": ^7.19.0
-    "@babel/types": ^7.19.0
-    convert-source-map: ^1.7.0
-    debug: ^4.1.0
-    gensync: ^1.0.0-beta.2
-    json5: ^2.2.1
-    semver: ^6.3.0
-  checksum: 0d5b52b552e215802d2fd7b266611c390d90b28dece09db8a142666c32928c5d404eb72a95630b4cb726c4d80a53fcdc2d6464cd7ad28bb26087475f1b2205e2
+"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/compat-data@npm:7.24.6"
+  checksum: 92233c708f7c349923c1f9a2b3c9354875a951ac3afaca0a2c159de1c808f6799ad4433652b90870015281aa466ec6e9aa8922e755cd7ac1413a3a5782cd685d
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.10.2, @babel/core@npm:^7.11.6":
-  version: 7.22.9
-  resolution: "@babel/core@npm:7.22.9"
+"@babel/core@npm:^7.0.0, @babel/core@npm:^7.10.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.23.9":
+  version: 7.24.6
+  resolution: "@babel/core@npm:7.24.6"
   dependencies:
     "@ampproject/remapping": ^2.2.0
-    "@babel/code-frame": ^7.22.5
-    "@babel/generator": ^7.22.9
-    "@babel/helper-compilation-targets": ^7.22.9
-    "@babel/helper-module-transforms": ^7.22.9
-    "@babel/helpers": ^7.22.6
-    "@babel/parser": ^7.22.7
-    "@babel/template": ^7.22.5
-    "@babel/traverse": ^7.22.8
-    "@babel/types": ^7.22.5
-    convert-source-map: ^1.7.0
+    "@babel/code-frame": ^7.24.6
+    "@babel/generator": ^7.24.6
+    "@babel/helper-compilation-targets": ^7.24.6
+    "@babel/helper-module-transforms": ^7.24.6
+    "@babel/helpers": ^7.24.6
+    "@babel/parser": ^7.24.6
+    "@babel/template": ^7.24.6
+    "@babel/traverse": ^7.24.6
+    "@babel/types": ^7.24.6
+    convert-source-map: ^2.0.0
     debug: ^4.1.0
     gensync: ^1.0.0-beta.2
-    json5: ^2.2.2
+    json5: ^2.2.3
     semver: ^6.3.1
-  checksum: 7bf069aeceb417902c4efdaefab1f7b94adb7dea694a9aed1bda2edf4135348a080820529b1a300c6f8605740a00ca00c19b2d5e74b5dd489d99d8c11d5e56d1
-  languageName: node
-  linkType: hard
-
-"@babel/generator@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/generator@npm:7.19.0"
-  dependencies:
-    "@babel/types": ^7.19.0
-    "@jridgewell/gen-mapping": ^0.3.2
-    jsesc: ^2.5.1
-  checksum: aa3d5785cf8f8e81672dcc61aef351188efeadb20d9f66d79113d82cbcf3bbbdeb829989fa14582108572ddbc4e4027bdceb06ccaf5ec40fa93c2dda8fbcd4aa
-  languageName: node
-  linkType: hard
-
-"@babel/generator@npm:^7.22.9, @babel/generator@npm:^7.7.2":
-  version: 7.22.9
-  resolution: "@babel/generator@npm:7.22.9"
-  dependencies:
-    "@babel/types": ^7.22.5
-    "@jridgewell/gen-mapping": ^0.3.2
-    "@jridgewell/trace-mapping": ^0.3.17
-    jsesc: ^2.5.1
-  checksum: 7c9d2c58b8d5ac5e047421a6ab03ec2ff5d9a5ff2c2212130a0055e063ac349e0b19d435537d6886c999771aef394832e4f54cd9fc810100a7f23d982f6af06b
+  checksum: f8af23de19865818c27c2fbe0d87b0834b118386da5ee09b20ae0cf7a5540065054ef2b70f377d025d9feee765db18df39900e4c18e905988b94b54a104c738e
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.23.6":
-  version: 7.23.6
-  resolution: "@babel/generator@npm:7.23.6"
+"@babel/generator@npm:^7.24.6, @babel/generator@npm:^7.7.2":
+  version: 7.24.6
+  resolution: "@babel/generator@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.23.6
-    "@jridgewell/gen-mapping": ^0.3.2
-    "@jridgewell/trace-mapping": ^0.3.17
+    "@babel/types": ^7.24.6
+    "@jridgewell/gen-mapping": ^0.3.5
+    "@jridgewell/trace-mapping": ^0.3.25
     jsesc: ^2.5.1
-  checksum: 1a1a1c4eac210f174cd108d479464d053930a812798e09fee069377de39a893422df5b5b146199ead7239ae6d3a04697b45fc9ac6e38e0f6b76374390f91fc6c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-annotate-as-pure@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-annotate-as-pure@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: 88ccd15ced475ef2243fdd3b2916a29ea54c5db3cd0cfabf9d1d29ff6e63b7f7cd1c27264137d7a40ac2e978b9b9a542c332e78f40eb72abe737a7400788fc1b
-  languageName: node
-  linkType: hard
-
-"@babel/helper-annotate-as-pure@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
-  dependencies:
-    "@babel/types": ^7.22.5
-  checksum: 53da330f1835c46f26b7bf4da31f7a496dee9fd8696cca12366b94ba19d97421ce519a74a837f687749318f94d1a37f8d1abcbf35e8ed22c32d16373b2f6198d
-  languageName: node
-  linkType: hard
-
-"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.18.6":
-  version: 7.18.9
-  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.18.9"
-  dependencies:
-    "@babel/helper-explode-assignable-expression": ^7.18.6
-    "@babel/types": ^7.18.9
-  checksum: b4bc214cb56329daff6cc18a7f7a26aeafb55a1242e5362f3d47fe3808421f8c7cd91fff95d6b9b7ccb67e14e5a67d944e49dbe026942bfcbfda19b1c72a8e72
+  checksum: a477e03129106908f464b195c4f138052d732cfca47506b127edbed6a496371bae821662a8a4e51e6d144ac236a5d05dc2da0e145e29bb8e19d3e7c480ac00fe
   languageName: node
   linkType: hard
 
-"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.22.5"
+"@babel/helper-annotate-as-pure@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-annotate-as-pure@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.22.5
-  checksum: d753acac62399fc6dd354cf1b9441bde0c331c2fe792a4c14904c5e5eafc3cac79478f6aa038e8a51c1148b0af6710a2e619855e4b5d54497ac972eaffed5884
+    "@babel/types": ^7.24.6
+  checksum: 9ddcc2ddfa64213311d71bead56ecccdadca5455dc54528c545a2efc1d8010fb7327aef2d90ac7e71b0d0becfed0ffb00553b1e192ff00596efe4161511891cf
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/helper-compilation-targets@npm:7.19.0"
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.24.6"
   dependencies:
-    "@babel/compat-data": ^7.19.0
-    "@babel/helper-validator-option": ^7.18.6
-    browserslist: ^4.20.2
-    semver: ^6.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 5f1be9811d53a5e43eb4b9b402517dec79bfa3a55e9fbc131a106914a78b435bc08a4b35591e424665c36c2c1eceb864ec2ca2c2f3dcf240a1551a28530428f9
+    "@babel/types": ^7.24.6
+  checksum: aec1792a92331f0d915eaab562ecf7a160d84958e4606425e26795dd848ddab0421190d6e15dbb58cb105caa5b4f53af7179449bc53ca2381866b064e8f8fcc6
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.22.5, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.22.9":
-  version: 7.22.9
-  resolution: "@babel/helper-compilation-targets@npm:7.22.9"
+"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-compilation-targets@npm:7.24.6"
   dependencies:
-    "@babel/compat-data": ^7.22.9
-    "@babel/helper-validator-option": ^7.22.5
-    browserslist: ^4.21.9
+    "@babel/compat-data": ^7.24.6
+    "@babel/helper-validator-option": ^7.24.6
+    browserslist: ^4.22.2
     lru-cache: ^5.1.1
     semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: ea0006c6a93759025f4a35a25228ae260538c9f15023e8aac2a6d45ca68aef4cf86cfc429b19af9a402cbdd54d5de74ad3fbcf6baa7e48184dc079f1a791e178
-  languageName: node
-  linkType: hard
-
-"@babel/helper-create-class-features-plugin@npm:^7.18.6":
-  version: 7.19.0
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.19.0"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-function-name": ^7.19.0
-    "@babel/helper-member-expression-to-functions": ^7.18.9
-    "@babel/helper-optimise-call-expression": ^7.18.6
-    "@babel/helper-replace-supers": ^7.18.9
-    "@babel/helper-split-export-declaration": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: f0c6fb77b6f113d70f308e7093f60dd465b697818badf5df0519d8dd12b6bfb1f4ad300b923207ce9f9c1c940ef58bff12ac4270c0863eadf9e303b7dd6d01b6
+  checksum: c66bf86387fbeefc617db9510de553880ed33dc91308421ee36a7b489d0e8c8eb615e0f467a9ec886eada7c05b03e421e55b2a724ff302402fdd4e0c0b2b0443
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.22.5":
-  version: 7.22.9
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.22.9"
+"@babel/helper-create-class-features-plugin@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.24.6"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-function-name": ^7.22.5
-    "@babel/helper-member-expression-to-functions": ^7.22.5
-    "@babel/helper-optimise-call-expression": ^7.22.5
-    "@babel/helper-replace-supers": ^7.22.9
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
-    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/helper-annotate-as-pure": ^7.24.6
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-function-name": ^7.24.6
+    "@babel/helper-member-expression-to-functions": ^7.24.6
+    "@babel/helper-optimise-call-expression": ^7.24.6
+    "@babel/helper-replace-supers": ^7.24.6
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.24.6
+    "@babel/helper-split-export-declaration": ^7.24.6
     semver: ^6.3.1
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 6c2436d1a5a3f1ff24628d78fa8c6d3120c40285aa3eda7815b1adbf8c5951e0dd73d368cf845825888fa3dc2f207dadce53309825598d7c67953e5ed9dd51d2
+  checksum: 82feb93690cd543fdd9da54d71b950ca4323a99a022e73753dd4c0cd93eed44b25301182a14c626ffbef40afb00c5a4e46f646c1d1f4b501d4badaff0cab3892
   languageName: node
   linkType: hard
 
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.19.0"
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.24.6"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    regexpu-core: ^5.1.0
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 811cc90afe9fc25a74ed37fc0c1361a4a91b0b940235dd3958e3f03b366d40a903b40fc93b51bcb93be774aba573219f8f215664bea1d1301f58797ca6854f3f
-  languageName: node
-  linkType: hard
-
-"@babel/helper-create-regexp-features-plugin@npm:^7.22.5":
-  version: 7.22.9
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.9"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-annotate-as-pure": ^7.24.6
     regexpu-core: ^5.3.1
     semver: ^6.3.1
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 87cb48a7ee898ab205374274364c3adc70b87b08c7bd07f51019ae4562c0170d7148e654d591f825dee14b5fe11666a0e7966872dfdbfa0d1b94b861ecf0e4e1
-  languageName: node
-  linkType: hard
-
-"@babel/helper-define-polyfill-provider@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.2"
-  dependencies:
-    "@babel/helper-compilation-targets": ^7.17.7
-    "@babel/helper-plugin-utils": ^7.16.7
-    debug: ^4.1.1
-    lodash.debounce: ^4.0.8
-    resolve: ^1.14.2
-    semver: ^6.1.2
-  peerDependencies:
-    "@babel/core": ^7.4.0-0
-  checksum: 8f693ab8e9d73873c2e547c7764c7d32d73c14f8dcefdd67fd3a038eb75527e2222aa53412ea673b9bfc01c32a8779a60e77a7381bbdd83452f05c9b7ef69c2c
+  checksum: 606c43600b5c02014f871dc313f06b250b98e0e63fb7d14f1bea56cd8af5737cb7a9c7c28a16dd7712539a19bdac0a877614c9f7427c1fc005181c6a04eda978
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.4.1"
+"@babel/helper-define-polyfill-provider@npm:^0.6.1, @babel/helper-define-polyfill-provider@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.2"
   dependencies:
     "@babel/helper-compilation-targets": ^7.22.6
     "@babel/helper-plugin-utils": ^7.22.5
@@ -310,2020 +149,1090 @@ __metadata:
     lodash.debounce: ^4.0.8
     resolve: ^1.14.2
   peerDependencies:
-    "@babel/core": ^7.4.0-0
-  checksum: 712b440cdd343ac7c4617225f91b0a9db5a7b1c96356b720e011af64ad6c4da9c66889f8d2962a0a2ae2e4ccb6a9b4a210c4a3c8c8ff103846b3d93b61bc6634
-  languageName: node
-  linkType: hard
-
-"@babel/helper-environment-visitor@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-environment-visitor@npm:7.18.9"
-  checksum: b25101f6162ddca2d12da73942c08ad203d7668e06663df685634a8fde54a98bc015f6f62938e8554457a592a024108d45b8f3e651fd6dcdb877275b73cc4420
-  languageName: node
-  linkType: hard
-
-"@babel/helper-environment-visitor@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-environment-visitor@npm:7.22.20"
-  checksum: d80ee98ff66f41e233f36ca1921774c37e88a803b2f7dca3db7c057a5fea0473804db9fb6729e5dbfd07f4bed722d60f7852035c2c739382e84c335661590b69
-  languageName: node
-  linkType: hard
-
-"@babel/helper-environment-visitor@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-environment-visitor@npm:7.22.5"
-  checksum: 248532077d732a34cd0844eb7b078ff917c3a8ec81a7f133593f71a860a582f05b60f818dc5049c2212e5baa12289c27889a4b81d56ef409b4863db49646c4b1
-  languageName: node
-  linkType: hard
-
-"@babel/helper-explode-assignable-expression@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-explode-assignable-expression@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: 225cfcc3376a8799023d15dc95000609e9d4e7547b29528c7f7111a0e05493ffb12c15d70d379a0bb32d42752f340233c4115bded6d299bc0c3ab7a12be3d30f
-  languageName: node
-  linkType: hard
-
-"@babel/helper-function-name@npm:^7.18.9, @babel/helper-function-name@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/helper-function-name@npm:7.19.0"
-  dependencies:
-    "@babel/template": ^7.18.10
-    "@babel/types": ^7.19.0
-  checksum: eac1f5db428ba546270c2b8d750c24eb528b8fcfe50c81de2e0bdebf0e20f24bec688d4331533b782e4a907fad435244621ca2193cfcf80a86731299840e0f6e
-  languageName: node
-  linkType: hard
-
-"@babel/helper-function-name@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-function-name@npm:7.22.5"
-  dependencies:
-    "@babel/template": ^7.22.5
-    "@babel/types": ^7.22.5
-  checksum: 6b1f6ce1b1f4e513bf2c8385a557ea0dd7fa37971b9002ad19268ca4384bbe90c09681fe4c076013f33deabc63a53b341ed91e792de741b4b35e01c00238177a
-  languageName: node
-  linkType: hard
-
-"@babel/helper-function-name@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/helper-function-name@npm:7.23.0"
-  dependencies:
-    "@babel/template": ^7.22.15
-    "@babel/types": ^7.23.0
-  checksum: e44542257b2d4634a1f979244eb2a4ad8e6d75eb6761b4cfceb56b562f7db150d134bc538c8e6adca3783e3bc31be949071527aa8e3aab7867d1ad2d84a26e10
-  languageName: node
-  linkType: hard
-
-"@babel/helper-hoist-variables@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-hoist-variables@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: fd9c35bb435fda802bf9ff7b6f2df06308a21277c6dec2120a35b09f9de68f68a33972e2c15505c1a1a04b36ec64c9ace97d4a9e26d6097b76b4396b7c5fa20f
-  languageName: node
-  linkType: hard
-
-"@babel/helper-hoist-variables@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-hoist-variables@npm:7.22.5"
-  dependencies:
-    "@babel/types": ^7.22.5
-  checksum: 394ca191b4ac908a76e7c50ab52102669efe3a1c277033e49467913c7ed6f7c64d7eacbeabf3bed39ea1f41731e22993f763b1edce0f74ff8563fd1f380d92cc
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 2bba965ea9a4887ddf9c11d51d740ab473bd7597b787d042c325f6a45912dfe908c2d6bb1d837bf82f7e9fa51e6ad5150563c58131d2bb85515e63d971414a9c
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.18.9"
-  dependencies:
-    "@babel/types": ^7.18.9
-  checksum: fcf8184e3b55051c4286b2cbedf0eccc781d0f3c9b5cbaba582eca19bf0e8d87806cdb7efc8554fcb969ceaf2b187d5ea748d40022d06ec7739fbb18c1b19a7a
+"@babel/helper-environment-visitor@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-environment-visitor@npm:7.24.6"
+  checksum: 9c2b3f1ee7ba46b61b0482efab6d37f5c76f0ea4e9d9775df44a89644729c3a50101040a0233543ec6c3f416d8e548d337f310ff3e164f847945507428ee39e5
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.22.5"
+"@babel/helper-function-name@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-function-name@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.22.5
-  checksum: 4bd5791529c280c00743e8bdc669ef0d4cd1620d6e3d35e0d42b862f8262bc2364973e5968007f960780344c539a4b9cf92ab41f5b4f94560a9620f536de2a39
+    "@babel/template": ^7.24.6
+    "@babel/types": ^7.24.6
+  checksum: d7a2198b6bf2cae9767d5b0d6cb5d3cbd9a07640ad4b6798abb7d7242e8f32765a94fd98ab1a039d7607f0ddbeaf9ddc822dd536b856e499f7082899c6f455f0
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-module-imports@npm:7.18.6"
+"@babel/helper-hoist-variables@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-hoist-variables@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.18.6
-  checksum: f393f8a3b3304b1b7a288a38c10989de754f01d29caf62ce7c4e5835daf0a27b81f3ac687d9d2780d39685aae7b55267324b512150e7b2be967b0c493b6a1def
+    "@babel/types": ^7.24.6
+  checksum: 4819b574393a5214aff6ae02a6e5250ace2564f8bcdb28d580ffec57bbb2092425e8f39563d75cfa268940a01fd425bad503c0b92717c12426f15cf6847855d3
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-module-imports@npm:7.22.5"
+"@babel/helper-member-expression-to-functions@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.22.5
-  checksum: 9ac2b0404fa38b80bdf2653fbeaf8e8a43ccb41bd505f9741d820ed95d3c4e037c62a1bcdcb6c9527d7798d2e595924c4d025daed73283badc180ada2c9c49ad
+    "@babel/types": ^7.24.6
+  checksum: 9b027842d50fd4b80213903a97e1addcab7051de76090c3e908377fab31f73371beacefa9dfaf95416e57d3bda0fae83633ea4d206669262dde6267d802ece7b
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.18.6, @babel/helper-module-transforms@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/helper-module-transforms@npm:7.19.0"
+"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-module-imports@npm:7.24.6"
   dependencies:
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-module-imports": ^7.18.6
-    "@babel/helper-simple-access": ^7.18.6
-    "@babel/helper-split-export-declaration": ^7.18.6
-    "@babel/helper-validator-identifier": ^7.18.6
-    "@babel/template": ^7.18.10
-    "@babel/traverse": ^7.19.0
-    "@babel/types": ^7.19.0
-  checksum: 4483276c66f56cf3b5b063634092ad9438c2593725de5c143ba277dda82f1501e6d73b311c1b28036f181dbe36eaeff29f24726cde37a599d4e735af294e5359
+    "@babel/types": ^7.24.6
+  checksum: 3484420c45529aac34cb14111a03c78edab84e5c4419634affe61176d832af82963395ea319f67c7235fd4106d9052a9f3ce012d2d57d56644572d3f7d495231
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.22.9":
-  version: 7.22.9
-  resolution: "@babel/helper-module-transforms@npm:7.22.9"
+"@babel/helper-module-transforms@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-module-transforms@npm:7.24.6"
   dependencies:
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-module-imports": ^7.22.5
-    "@babel/helper-simple-access": ^7.22.5
-    "@babel/helper-split-export-declaration": ^7.22.6
-    "@babel/helper-validator-identifier": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-module-imports": ^7.24.6
+    "@babel/helper-simple-access": ^7.24.6
+    "@babel/helper-split-export-declaration": ^7.24.6
+    "@babel/helper-validator-identifier": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 2751f77660518cf4ff027514d6f4794f04598c6393be7b04b8e46c6e21606e11c19f3f57ab6129a9c21bacdf8b3ffe3af87bb401d972f34af2d0ffde02ac3001
-  languageName: node
-  linkType: hard
-
-"@babel/helper-optimise-call-expression@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-optimise-call-expression@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: e518fe8418571405e21644cfb39cf694f30b6c47b10b006609a92469ae8b8775cbff56f0b19732343e2ea910641091c5a2dc73b56ceba04e116a33b0f8bd2fbd
+  checksum: 904e2a0701eb1eeb84b0d0df5dacdc40291307025b7e3a9a3c6f3eee912c893524f9dc7f5624225a5783a258dec2eb2489a9638bf5f3de26ebfcbcac1b5cc2fc
   languageName: node
   linkType: hard
 
-"@babel/helper-optimise-call-expression@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
+"@babel/helper-optimise-call-expression@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-optimise-call-expression@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.22.5
-  checksum: c70ef6cc6b6ed32eeeec4482127e8be5451d0e5282d5495d5d569d39eb04d7f1d66ec99b327f45d1d5842a9ad8c22d48567e93fc502003a47de78d122e355f7c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.19.0, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
-  version: 7.19.0
-  resolution: "@babel/helper-plugin-utils@npm:7.19.0"
-  checksum: eedc996c633c8c207921c26ec2989eae0976336ecd9b9f1ac526498f52b5d136f7cd03c32b6fdf8d46a426f907c142de28592f383c42e5fba1e904cbffa05345
+    "@babel/types": ^7.24.6
+  checksum: 2f1d37b2491843a60e8d1736d435aee793feb726292367df1dc25e938b93458aeeb384a329f7438b51e50fd420a71149992c1ef09249eba7041229f230c64db7
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-plugin-utils@npm:7.22.5"
-  checksum: c0fc7227076b6041acd2f0e818145d2e8c41968cc52fb5ca70eed48e21b8fe6dd88a0a91cbddf4951e33647336eb5ae184747ca706817ca3bef5e9e905151ff5
-  languageName: node
-  linkType: hard
-
-"@babel/helper-remap-async-to-generator@npm:^7.18.6, @babel/helper-remap-async-to-generator@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.18.9"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-wrap-function": ^7.18.9
-    "@babel/types": ^7.18.9
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 4be6076192308671b046245899b703ba090dbe7ad03e0bea897bb2944ae5b88e5e85853c9d1f83f643474b54c578d8ac0800b80341a86e8538264a725fbbefec
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.6, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+  version: 7.24.6
+  resolution: "@babel/helper-plugin-utils@npm:7.24.6"
+  checksum: d22bb82c75afed0d8c37784876fd6deb9db06ef21526db909ef7986a6050b50beb60a7823c08a1bb7c57c668af2e086d8086e88b6f9140b0d9ade07472f7c748
   languageName: node
   linkType: hard
 
-"@babel/helper-remap-async-to-generator@npm:^7.22.5":
-  version: 7.22.9
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.22.9"
+"@babel/helper-remap-async-to-generator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.24.6"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-wrap-function": ^7.22.9
+    "@babel/helper-annotate-as-pure": ^7.24.6
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-wrap-function": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 05538079447829b13512157491cc77f9cf1ea7e1680e15cff0682c3ed9ee162de0c4862ece20a6d6b2df28177a1520bcfe45993fbeccf2747a81795a7c3f6290
-  languageName: node
-  linkType: hard
-
-"@babel/helper-replace-supers@npm:^7.18.6, @babel/helper-replace-supers@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-replace-supers@npm:7.18.9"
-  dependencies:
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-member-expression-to-functions": ^7.18.9
-    "@babel/helper-optimise-call-expression": ^7.18.6
-    "@babel/traverse": ^7.18.9
-    "@babel/types": ^7.18.9
-  checksum: 2de8b29cc4bfa4e241da2de16abd5571709f6eb394206dc16e3a7816976d1691635dd4bc930881e9d798f44b48a5f1849dc7f51a62946f3e8270452be1ec5352
+  checksum: d34142cdfecb94655730a3903039fd7459f36696a8eeca80be58ebe46d2ca517d46907c389020735d1c4325d44f7cc7581d3f9b995337d8c32c9b0552bc58759
   languageName: node
   linkType: hard
 
-"@babel/helper-replace-supers@npm:^7.22.5, @babel/helper-replace-supers@npm:^7.22.9":
-  version: 7.22.9
-  resolution: "@babel/helper-replace-supers@npm:7.22.9"
+"@babel/helper-replace-supers@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-replace-supers@npm:7.24.6"
   dependencies:
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-member-expression-to-functions": ^7.22.5
-    "@babel/helper-optimise-call-expression": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-member-expression-to-functions": ^7.24.6
+    "@babel/helper-optimise-call-expression": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: d41471f56ff2616459d35a5df1900d5f0756ae78b1027040365325ef332d66e08e3be02a9489756d870887585ff222403a228546e93dd7019e19e59c0c0fe586
-  languageName: node
-  linkType: hard
-
-"@babel/helper-simple-access@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-simple-access@npm:7.18.6"
-  dependencies:
-    "@babel/types": ^7.18.6
-  checksum: 37cd36eef199e0517845763c1e6ff6ea5e7876d6d707a6f59c9267c547a50aa0e84260ba9285d49acfaf2cfa0a74a772d92967f32ac1024c961517d40b6c16a5
-  languageName: node
-  linkType: hard
-
-"@babel/helper-simple-access@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-simple-access@npm:7.22.5"
-  dependencies:
-    "@babel/types": ^7.22.5
-  checksum: fe9686714caf7d70aedb46c3cce090f8b915b206e09225f1e4dbc416786c2fdbbee40b38b23c268b7ccef749dd2db35f255338fb4f2444429874d900dede5ad2
-  languageName: node
-  linkType: hard
-
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.18.9"
-  dependencies:
-    "@babel/types": ^7.18.9
-  checksum: 6e93ccd10248293082606a4b3e30eed32c6f796d378f6b662796c88f462f348aa368aadeb48eb410cfcc8250db93b2d6627c2e55662530f08fc25397e588d68a
-  languageName: node
-  linkType: hard
-
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.22.5"
-  dependencies:
-    "@babel/types": ^7.22.5
-  checksum: 1012ef2295eb12dc073f2b9edf3425661e9b8432a3387e62a8bc27c42963f1f216ab3124228015c748770b2257b4f1fda882ca8fa34c0bf485e929ae5bc45244
+  checksum: f9e32592860733d63cf554e4ade277917af162efb30e75c45fbd35bb4c05f7f0f37042857eb66cec0b5e1aedf199e06e55af6c322bcb17533a20782ec2aaa3a1
   languageName: node
   linkType: hard
 
-"@babel/helper-split-export-declaration@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-split-export-declaration@npm:7.18.6"
+"@babel/helper-simple-access@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-simple-access@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.18.6
-  checksum: c6d3dede53878f6be1d869e03e9ffbbb36f4897c7cc1527dc96c56d127d834ffe4520a6f7e467f5b6f3c2843ea0e81a7819d66ae02f707f6ac057f3d57943a2b
+    "@babel/types": ^7.24.6
+  checksum: 929162e887efc1bcadd4e141ed7782b45fccc6873d5023a744fee9c94d16d3a13dbfb66eb259181613a36c2d35f7d2088ee37e76014223d3b9b6c9ef1094e4b6
   languageName: node
   linkType: hard
 
-"@babel/helper-split-export-declaration@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.24.6"
   dependencies:
-    "@babel/types": ^7.22.5
-  checksum: e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.18.10":
-  version: 7.18.10
-  resolution: "@babel/helper-string-parser@npm:7.18.10"
-  checksum: d554a4393365b624916b5c00a4cc21c990c6617e7f3fe30be7d9731f107f12c33229a7a3db9d829bfa110d2eb9f04790745d421640e3bd245bb412dc0ea123c1
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-string-parser@npm:7.22.5"
-  checksum: 836851ca5ec813077bbb303acc992d75a360267aa3b5de7134d220411c852a6f17de7c0d0b8c8dcc0f567f67874c00f4528672b2a4f1bc978a3ada64c8c78467
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.23.4":
-  version: 7.23.4
-  resolution: "@babel/helper-string-parser@npm:7.23.4"
-  checksum: c0641144cf1a7e7dc93f3d5f16d5327465b6cf5d036b48be61ecba41e1eece161b48f46b7f960951b67f8c3533ce506b16dece576baef4d8b3b49f8c65410f90
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-validator-identifier@npm:7.18.6"
-  checksum: e295254d616bbe26e48c196a198476ab4d42a73b90478c9842536cf910ead887f5af6b5c4df544d3052a25ccb3614866fa808dc1e3a5a4291acd444e243c0648
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-validator-identifier@npm:7.22.20"
-  checksum: 136412784d9428266bcdd4d91c32bcf9ff0e8d25534a9d94b044f77fe76bc50f941a90319b05aafd1ec04f7d127cd57a179a3716009ff7f3412ef835ada95bdc
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-validator-identifier@npm:7.22.5"
-  checksum: 7f0f30113474a28298c12161763b49de5018732290ca4de13cdaefd4fd0d635a6fe3f6686c37a02905fb1e64f21a5ee2b55140cf7b070e729f1bd66866506aea
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-option@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-validator-option@npm:7.18.6"
-  checksum: f9cc6eb7cc5d759c5abf006402180f8d5e4251e9198197428a97e05d65eb2f8ae5a0ce73b1dfd2d35af41d0eb780627a64edf98a4e71f064eeeacef8de58f2cf
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-option@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-validator-option@npm:7.22.5"
-  checksum: bbeca8a85ee86990215c0424997438b388b8d642d69b9f86c375a174d3cdeb270efafd1ff128bc7a1d370923d13b6e45829ba8581c027620e83e3a80c5c414b3
+    "@babel/types": ^7.24.6
+  checksum: dd93d95a7ee815a3784de324d7fd6c495660576ec49ff5e9c608d6409441ebc7764fc0e7b198062784511301f4dc8fdc59263d5c3efcb65fe66b08b008b602f7
   languageName: node
   linkType: hard
 
-"@babel/helper-wrap-function@npm:^7.18.9":
-  version: 7.19.0
-  resolution: "@babel/helper-wrap-function@npm:7.19.0"
+"@babel/helper-split-export-declaration@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-split-export-declaration@npm:7.24.6"
   dependencies:
-    "@babel/helper-function-name": ^7.19.0
-    "@babel/template": ^7.18.10
-    "@babel/traverse": ^7.19.0
-    "@babel/types": ^7.19.0
-  checksum: 2453a6b134f12cc779179188c4358a66252c29b634a8195c0cf626e17f9806c3c4c40e159cd8056c2ec82b69b9056a088014fa43d6ccc1aca67da8d9605da8fd
+    "@babel/types": ^7.24.6
+  checksum: b546fd7e186b4aa69f96e041b6c4c9154115a2579a297b86773719dbed53b938cfc3f6b4996ae410296bb8aa30ea031f9ff31f1255aa25c3af75026c5b7c4059
   languageName: node
   linkType: hard
 
-"@babel/helper-wrap-function@npm:^7.22.9":
-  version: 7.22.9
-  resolution: "@babel/helper-wrap-function@npm:7.22.9"
-  dependencies:
-    "@babel/helper-function-name": ^7.22.5
-    "@babel/template": ^7.22.5
-    "@babel/types": ^7.22.5
-  checksum: 037317dc06dac6593e388738ae1d3e43193bc1d31698f067c0ef3d4dc6f074dbed860ed42aa137b48a67aa7cb87336826c4bdc13189260481bcf67eb7256c789
+"@babel/helper-string-parser@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-string-parser@npm:7.24.6"
+  checksum: c8c614a663928b67c5c65cfea958ed20c858fa2af8c957d301bd852c0ab98adae0861f081fd8f5add16539d9393bd4b10b8c86a97a9d7304f70a6a67b2c2ff07
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/helpers@npm:7.19.0"
-  dependencies:
-    "@babel/template": ^7.18.10
-    "@babel/traverse": ^7.19.0
-    "@babel/types": ^7.19.0
-  checksum: e50e78e0dbb0435075fa3f85021a6bcae529589800bca0292721afd7f7c874bea54508d6dc57eca16e5b8224f8142c6b0e32e3b0140029dc09865da747da4623
+"@babel/helper-validator-identifier@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-validator-identifier@npm:7.24.6"
+  checksum: a265a6fba570332dca63ad7e749b867d29b52da2573dc62bf19b5b8c5387d4f4296af33da9da7c71ffe3d3abecd743418278f56d38b057ad4b53f09b937fe113
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/helpers@npm:7.22.6"
-  dependencies:
-    "@babel/template": ^7.22.5
-    "@babel/traverse": ^7.22.6
-    "@babel/types": ^7.22.5
-  checksum: 5c1f33241fe7bf7709868c2105134a0a86dca26a0fbd508af10a89312b1f77ca38ebae43e50be3b208613c5eacca1559618af4ca236f0abc55d294800faeff30
+"@babel/helper-validator-option@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-validator-option@npm:7.24.6"
+  checksum: 5defb2da74e1cac9497016f4e41698aeed75ec7a5e9dc07e777cdb67ef73cd2e27bd2bf8a3ab8d37e0b93a6a45524a9728f03e263afdef452436cf74794bde87
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.10.4, @babel/highlight@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/highlight@npm:7.18.6"
+"@babel/helper-wrap-function@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helper-wrap-function@npm:7.24.6"
   dependencies:
-    "@babel/helper-validator-identifier": ^7.18.6
-    chalk: ^2.0.0
-    js-tokens: ^4.0.0
-  checksum: 92d8ee61549de5ff5120e945e774728e5ccd57fd3b2ed6eace020ec744823d4a98e242be1453d21764a30a14769ecd62170fba28539b211799bbaf232bbb2789
+    "@babel/helper-function-name": ^7.24.6
+    "@babel/template": ^7.24.6
+    "@babel/types": ^7.24.6
+  checksum: 0cf28533392b994e25590e9060d05bebc882e2a8e22ab77672799d53859f71dc87debd6d5429eeed0eb0de0038708c50576e322e6042cd4e358940939fd9b721
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/highlight@npm:7.22.5"
+"@babel/helpers@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/helpers@npm:7.24.6"
   dependencies:
-    "@babel/helper-validator-identifier": ^7.22.5
-    chalk: ^2.0.0
-    js-tokens: ^4.0.0
-  checksum: f61ae6de6ee0ea8d9b5bcf2a532faec5ab0a1dc0f7c640e5047fc61630a0edb88b18d8c92eb06566d30da7a27db841aca11820ecd3ebe9ce514c9350fbed39c4
+    "@babel/template": ^7.24.6
+    "@babel/types": ^7.24.6
+  checksum: c936058fd5caf7173e157f790fdbe9535237a7b8bc2c3d084bdf16467a034f73bd5d731deb514aa84e356c72de1cc93500a376f9d481f5c1e335f5a563426e58
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.23.4":
-  version: 7.23.4
-  resolution: "@babel/highlight@npm:7.23.4"
+"@babel/highlight@npm:^7.10.4, @babel/highlight@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/highlight@npm:7.24.6"
   dependencies:
-    "@babel/helper-validator-identifier": ^7.22.20
+    "@babel/helper-validator-identifier": ^7.24.6
     chalk: ^2.4.2
     js-tokens: ^4.0.0
-  checksum: 643acecdc235f87d925979a979b539a5d7d1f31ae7db8d89047269082694122d11aa85351304c9c978ceeb6d250591ccadb06c366f358ccee08bb9c122476b89
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.18.10, @babel/parser@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/parser@npm:7.19.0"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: af86d829bfeb60e0dcf54a43489c2514674b6c8d9bb24cf112706772125752fcd517877ad30501d533fa85f70a439d02eebeec3be9c2e95499853367184e0da7
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.20.7, @babel/parser@npm:^7.22.5, @babel/parser@npm:^7.22.7":
-  version: 7.22.7
-  resolution: "@babel/parser@npm:7.22.7"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: 02209ddbd445831ee8bf966fdf7c29d189ed4b14343a68eb2479d940e7e3846340d7cc6bd654a5f3d87d19dc84f49f50a58cf9363bee249dc5409ff3ba3dab54
+    picocolors: ^1.0.0
+  checksum: 2f8f7f060eeccc3ddf03ba12c263995de0e6c0dd31ad224bed58d983b3bb08fe34dfc01440396266456a4cad83226c38ad6814805bc5d0c774a056cac9182eca
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.22.15, @babel/parser@npm:^7.23.6":
-  version: 7.23.6
-  resolution: "@babel/parser@npm:7.23.6"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/parser@npm:7.24.6"
   bin:
-    parser: ./bin/babel-parser.js
-  checksum: 140801c43731a6c41fd193f5c02bc71fd647a0360ca616b23d2db8be4b9739b9f951a03fc7c2db4f9b9214f4b27c1074db0f18bc3fa653783082d5af7c8860d5
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 845bd280c55a6a91d232cfa54eaf9708ec71e594676fe705794f494bb8b711d833b752b59d1a5c154695225880c23dbc9cab0e53af16fd57807976cd3ff41b8d
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 1e353a060fb2cd8f1256d28cd768f16fb02513f905b9b6d656fb0242c96c341a196fa188b27c2701506a6e27515359fbcc1a5ca7fa8b9b530cf88fbd137baefc
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.18.9
-    "@babel/plugin-proposal-optional-chaining": ^7.18.9
-  peerDependencies:
-    "@babel/core": ^7.13.0
-  checksum: 93abb5cb179a13db171bfc2cdf79489598f43c50cc174f97a2b7bb1d44d24ade7109665a20cf4e317ad6c1c730f036f06478f7c7e789b4240be1abdb60d6452f
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
-    "@babel/plugin-transform-optional-chaining": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.13.0
-  checksum: 16e7a5f3bf2f2ac0ca032a70bf0ebd7e886d84dbb712b55c0643c04c495f0f221fbcbca14b5f8f8027fa6c87a3dafae0934022ad2b409384af6c5c356495b7bd
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-async-generator-functions@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.19.0"
-  dependencies:
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-remap-async-to-generator": ^7.18.9
-    "@babel/plugin-syntax-async-generators": ^7.8.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f1876286d608650928f60ac6091b9a6e7839e005941be483df47693b98c90649202aa1793f28f6e9b4ce69bf0773552144fa40f38751f56dc5d02051a8ee0461
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-class-properties@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 49a78a2773ec0db56e915d9797e44fd079ab8a9b2e1716e0df07c92532f2c65d76aeda9543883916b8e0ff13606afeffa67c5b93d05b607bc87653ad18a91422
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-class-static-block@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-class-static-block@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-class-static-block": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.12.0
-  checksum: b8d7ae99ed5ad784f39e7820e3ac03841f91d6ed60ab4a98c61d6112253da36013e12807bae4ffed0ef3cb318e47debac112ed614e03b403fb8b075b09a828ee
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-dynamic-import@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-dynamic-import@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 96b1c8a8ad8171d39e9ab106be33bde37ae09b22fb2c449afee9a5edf3c537933d79d963dcdc2694d10677cb96da739cdf1b53454e6a5deab9801f28a818bb2f
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-export-namespace-from@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-export-namespace-from@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 84ff22bacc5d30918a849bfb7e0e90ae4c5b8d8b65f2ac881803d1cf9068dffbe53bd657b0e4bc4c20b4db301b1c85f1e74183cf29a0dd31e964bd4e97c363ef
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-json-strings@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-json-strings@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-json-strings": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 25ba0e6b9d6115174f51f7c6787e96214c90dd4026e266976b248a2ed417fe50fddae72843ffb3cbe324014a18632ce5648dfac77f089da858022b49fd608cb3
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-logical-assignment-operators@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: dd87fa4a48c6408c5e85dbd6405a65cc8fe909e3090030df46df90df64cdf3e74007381a58ed87608778ee597eff7395d215274009bb3f5d8964b2db5557754f
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 949c9ddcdecdaec766ee610ef98f965f928ccc0361dd87cf9f88cf4896a6ccd62fce063d4494778e50da99dea63d270a1be574a62d6ab81cbe9d85884bf55a7d
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-numeric-separator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-numeric-separator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-numeric-separator": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f370ea584c55bf4040e1f78c80b4eeb1ce2e6aaa74f87d1a48266493c33931d0b6222d8cee3a082383d6bb648ab8d6b7147a06f974d3296ef3bc39c7851683ec
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-object-rest-spread@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.18.9"
-  dependencies:
-    "@babel/compat-data": ^7.18.8
-    "@babel/helper-compilation-targets": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
-    "@babel/plugin-transform-parameters": ^7.18.8
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 66b9bae741d46edf1c96776d26dfe5d335981e57164ec2450583e3d20dfaa08a5137ffebb897e443913207789f9816bfec4ae845f38762c0196a60949eaffdba
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-optional-catch-binding@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-optional-catch-binding@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7b5b39fb5d8d6d14faad6cb68ece5eeb2fd550fb66b5af7d7582402f974f5bc3684641f7c192a5a57e0f59acfae4aada6786be1eba030881ddc590666eff4d1e
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-optional-chaining@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.18.9
-    "@babel/plugin-syntax-optional-chaining": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f2db40e26172f07c50b635cb61e1f36165de3ba868fcf608d967642f0d044b7c6beb0e7ecf17cbd421144b99e1eae7ad6031ded92925343bb0ed1d08707b514f
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-private-methods@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 22d8502ee96bca99ad2c8393e8493e2b8d4507576dd054490fd8201a36824373440106f5b098b6d821b026c7e72b0424ff4aeca69ed5f42e48f029d3a156d5ad
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
-  version: 7.21.0-placeholder-for-preset-env.2
-  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d97745d098b835d55033ff3a7fb2b895b9c5295b08a5759e4f20df325aa385a3e0bc9bd5ad8f2ec554a44d4e6525acfc257b8c5848a1345cb40f26a30e277e91
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c8e56a972930730345f39f2384916fd8e711b3f4b4eae2ca9740e99958980118120d5cc9b6ac150f0965a5a35f825910e2c3013d90be3e9993ab6111df444569
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-unicode-property-regex@npm:^7.18.6, @babel/plugin-proposal-unicode-property-regex@npm:^7.4.4":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-unicode-property-regex@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a8575ecb7ff24bf6c6e94808d5c84bb5a0c6dd7892b54f09f4646711ba0ee1e1668032b3c43e3e1dfec2c5716c302e851ac756c1645e15882d73df6ad21ae951
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-async-generators@npm:^7.8.4":
-  version: 7.8.4
-  resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7ed1c1d9b9e5b64ef028ea5e755c0be2d4e5e4e3d6cf7df757b9a8c4cfa4193d268176d0f1f7fbecdda6fe722885c7fda681f480f3741d8a2d26854736f05367
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-bigint@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-bigint@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 3a10849d83e47aec50f367a9e56a6b22d662ddce643334b087f9828f4c3dd73bdc5909aaeabe123fed78515767f9ca43498a0e621c438d1cd2802d7fae3c9648
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-class-properties@npm:^7.12.13, @babel/plugin-syntax-class-properties@npm:^7.8.3":
-  version: 7.12.13
-  resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.12.13
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 24f34b196d6342f28d4bad303612d7ff566ab0a013ce89e775d98d6f832969462e7235f3e7eaf17678a533d4be0ba45d3ae34ab4e5a9dcbda5d98d49e5efa2fc
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
-  version: 7.14.5
-  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 3e80814b5b6d4fe17826093918680a351c2d34398a914ce6e55d8083d72a9bdde4fbaf6a2dcea0e23a03de26dc2917ae3efd603d27099e2b98380345703bf948
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-dynamic-import@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ce307af83cf433d4ec42932329fad25fa73138ab39c7436882ea28742e1c0066626d224e0ad2988724c82644e41601cef607b36194f695cb78a1fcdc959637bd
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-export-namespace-from@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-export-namespace-from@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 85740478be5b0de185228e7814451d74ab8ce0a26fcca7613955262a26e99e8e15e9da58f60c754b84515d4c679b590dbd3f2148f0f58025f4ae706f1c5a5d4a
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-assertions@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 54918a05375325ba0c60bc81abfb261e6f118bed2de94e4c17dca9a2006fc25e13b1a8b5504b9a881238ea394fd2f098f60b2eb3a392585d6348874565445e7b
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-assertions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 2b8b5572db04a7bef1e6cd20debf447e4eef7cb012616f5eceb8fa3e23ce469b8f76ee74fd6d1e158ba17a8f58b0aec579d092fb67c5a30e83ccfbc5754916c1
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-attributes@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-import-attributes@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 197b3c5ea2a9649347f033342cb222ab47f4645633695205c0250c6bf2af29e643753b8bb24a2db39948bef08e7c540babfd365591eb57fc110cb30b425ffc47
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
-  version: 7.10.4
-  resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 166ac1125d10b9c0c430e4156249a13858c0366d38844883d75d27389621ebe651115cb2ceb6dc011534d5055719fa1727b59f39e1ab3ca97820eef3dcab5b9b
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-json-strings@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-json-strings@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bf5aea1f3188c9a507e16efe030efb996853ca3cadd6512c51db7233cc58f3ac89ff8c6bdfb01d30843b161cfe7d321e1bf28da82f7ab8d7e6bc5464666f354a
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-jsx@npm:^7.17.12":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-jsx@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 6d37ea972970195f1ffe1a54745ce2ae456e0ac6145fae9aa1480f297248b262ea6ebb93010eddb86ebfacb94f57c05a1fc5d232b9a67325b09060299d515c67
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-jsx@npm:^7.7.2":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-jsx@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8829d30c2617ab31393d99cec2978e41f014f4ac6f01a1cecf4c4dd8320c3ec12fdc3ce121126b2d8d32f6887e99ca1a0bad53dedb1e6ad165640b92b24980ce
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
-  version: 7.10.4
-  resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: aff33577037e34e515911255cdbb1fd39efee33658aa00b8a5fd3a4b903585112d037cce1cc9e4632f0487dc554486106b79ccd5ea63a2e00df4363f6d4ff886
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-nullish-coalescing-operator@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-nullish-coalescing-operator@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 87aca4918916020d1fedba54c0e232de408df2644a425d153be368313fdde40d96088feed6c4e5ab72aac89be5d07fef2ddf329a15109c5eb65df006bf2580d1
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-numeric-separator@npm:^7.10.4, @babel/plugin-syntax-numeric-separator@npm:^7.8.3":
-  version: 7.10.4
-  resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.10.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 01ec5547bd0497f76cc903ff4d6b02abc8c05f301c88d2622b6d834e33a5651aa7c7a3d80d8d57656a4588f7276eba357f6b7e006482f5b564b7a6488de493a1
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-object-rest-spread@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: fddcf581a57f77e80eb6b981b10658421bc321ba5f0a5b754118c6a92a5448f12a0c336f77b8abf734841e102e5126d69110a306eadb03ca3e1547cab31f5cbf
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-optional-catch-binding@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-optional-catch-binding@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 910d90e72bc90ea1ce698e89c1027fed8845212d5ab588e35ef91f13b93143845f94e2539d831dc8d8ededc14ec02f04f7bd6a8179edd43a326c784e7ed7f0b9
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-optional-chaining@npm:^7.8.3":
-  version: 7.8.3
-  resolution: "@babel/plugin-syntax-optional-chaining@npm:7.8.3"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.8.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: eef94d53a1453361553c1f98b68d17782861a04a392840341bc91780838dd4e695209c783631cf0de14c635758beafb6a3a65399846ffa4386bff90639347f30
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
-  version: 7.14.5
-  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b317174783e6e96029b743ccff2a67d63d38756876e7e5d0ba53a322e38d9ca452c13354a57de1ad476b4c066dbae699e0ca157441da611117a47af88985ecda
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-top-level-await@npm:^7.14.5, @babel/plugin-syntax-top-level-await@npm:^7.8.3":
-  version: 7.14.5
-  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bbd1a56b095be7820029b209677b194db9b1d26691fe999856462e66b25b281f031f3dfd91b1619e9dcf95bebe336211833b854d0fb8780d618e35667c2d0d7e
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-typescript@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8ab7718fbb026d64da93681a57797d60326097fd7cb930380c8bffd9eb101689e90142c760a14b51e8e69c88a73ba3da956cb4520a3b0c65743aee5c71ef360a
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: a651d700fe63ff0ddfd7186f4ebc24447ca734f114433139e3c027bc94a900d013cf1ef2e2db8430425ba542e39ae160c3b05f06b59fd4656273a3df97679e9c
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-arrow-functions@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-arrow-functions@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 900f5c695755062b91eec74da6f9092f40b8fada099058b92576f1e23c55e9813ec437051893a9b3c05cefe39e8ac06303d4a91b384e1c03dd8dc1581ea11602
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-arrow-functions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-arrow-functions@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 35abb6c57062802c7ce8bd96b2ef2883e3124370c688bbd67609f7d2453802fb73944df8808f893b6c67de978eb2bcf87bbfe325e46d6f39b5fcb09ece11d01a
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-generator-functions@npm:^7.22.7":
-  version: 7.22.7
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.22.7"
-  dependencies:
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-remap-async-to-generator": ^7.22.5
-    "@babel/plugin-syntax-async-generators": ^7.8.4
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 57cd2cce3fb696dadf00e88f168683df69e900b92dadeae07429243c43bc21d5ccdc0c2db61cf5c37bd0fbd893fc455466bef6babe4aa5b79d9cb8ba89f40ae7
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-to-generator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.18.6"
-  dependencies:
-    "@babel/helper-module-imports": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/helper-remap-async-to-generator": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c2cca47468cf1aeefdc7ec35d670e195c86cee4de28a1970648c46a88ce6bd1806ef0bab27251b9e7fb791bb28a64dcd543770efd899f28ee5f7854e64e873d3
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-to-generator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.22.5"
-  dependencies:
-    "@babel/helper-module-imports": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-remap-async-to-generator": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b95f23f99dcb379a9f0a1c2a3bbea3f8dc0e1b16dc1ac8b484fe378370169290a7a63d520959a9ba1232837cf74a80e23f6facbe14fd42a3cda6d3c2d7168e62
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-block-scoped-functions@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 0a0df61f94601e3666bf39f2cc26f5f7b22a94450fb93081edbed967bd752ce3f81d1227fefd3799f5ee2722171b5e28db61379234d1bb85b6ec689589f99d7e
+    parser: ./bin/babel-parser.js
+  checksum: ca3773f5b2a4a065b827990ca0c867e670f01d7a7d7278838bd64d583e68ed52356b5a613303c5aa736d20f024728fec80fc5845fed1eb751ab5f1bfbdc1dd3c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoped-functions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.22.5"
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 416b1341858e8ca4e524dee66044735956ced5f478b2c3b9bc11ec2285b0c25d7dbb96d79887169eb938084c95d0a89338c8b2fe70d473bd9dc92e5d9db1732c
+    "@babel/core": ^7.0.0
+  checksum: fe18f25b8507fec9ccf32f5961cd2f17d09f5695f542271b15a49ae00b8f02bfcb43fe707cd4791217ebe16de4f96898e49a5edced0e54da481f502f9a745388
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.18.9"
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f8064ea431eb7aa349dc5b6be87a650f912b48cd65afde917e8644f6f840d7f9d2ce4795f2aa3955aa5b23a73d4ad38abd03386ae109b4b8702b746c6d35bda3
+    "@babel/core": ^7.0.0
+  checksum: 7530579cd6794ae4d3a53bf388de87fc94a090829eeff15cf01e345bb71db4aff57c28dbe595cef8d185edb1baed6a0107d772a71e919d398346876da4fe1f2c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.22.5"
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.24.6
+    "@babel/plugin-transform-optional-chaining": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 26987002cfe6e24544e60fa35f07052b6557f590c1a1cc5cf35d6dc341d7fea163c1222a2d70d5d2692f0b9860d942fd3ba979848b2995d4debffa387b9b19ae
+    "@babel/core": ^7.13.0
+  checksum: 69d5a725ad755572c9f677d07cc0c48c74cbe538869fd14e91436c4313adf4eab9838bf9ca26caa30998d89a17e86a335c36050d3b93493824788667a6508f21
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-class-properties@npm:7.22.5"
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b830152dfc2ff2f647f0abe76e6251babdfbef54d18c4b2c73a6bf76b1a00050a5d998dac80dc901a48514e95604324943a9dd39317073fe0928b559e0e0c579
+    "@babel/core": ^7.0.0
+  checksum: 6bbd91b0038e54119ae4df594e4c1b2dc0299d2ff9533f20b8fc6870252ba7cfe480151c6dde59d0310ab23348e8556b8ae42267dbdb35b67857649161bca8d0
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-static-block@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-class-static-block@npm:7.22.5"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-class-static-block": ^7.14.5
+"@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
+  version: 7.21.0-placeholder-for-preset-env.2
+  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
   peerDependencies:
-    "@babel/core": ^7.12.0
-  checksum: bc48b92dbaf625a14f2bf62382384eef01e0515802426841636ae9146e27395d068c7a8a45e9e15699491b0a01d990f38f179cbc9dc89274a393f85648772f12
+    "@babel/core": ^7.0.0-0
+  checksum: d97745d098b835d55033ff3a7fb2b895b9c5295b08a5759e4f20df325aa385a3e0bc9bd5ad8f2ec554a44d4e6525acfc257b8c5848a1345cb40f26a30e277e91
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/plugin-transform-classes@npm:7.19.0"
+"@babel/plugin-syntax-async-generators@npm:^7.8.4":
+  version: 7.8.4
+  resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.18.6
-    "@babel/helper-compilation-targets": ^7.19.0
-    "@babel/helper-environment-visitor": ^7.18.9
-    "@babel/helper-function-name": ^7.19.0
-    "@babel/helper-optimise-call-expression": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-replace-supers": ^7.18.9
-    "@babel/helper-split-export-declaration": ^7.18.6
-    globals: ^11.1.0
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 5500953031fc3eae73f717c7b59ef406158a4a710d566a0f78a4944240bcf98f817f07cf1d6af0e749e21f0dfee29c36412b75d57b0a753c3ad823b70c596b79
+  checksum: 7ed1c1d9b9e5b64ef028ea5e755c0be2d4e5e4e3d6cf7df757b9a8c4cfa4193d268176d0f1f7fbecdda6fe722885c7fda681f480f3741d8a2d26854736f05367
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/plugin-transform-classes@npm:7.22.6"
+"@babel/plugin-syntax-bigint@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-bigint@npm:7.8.3"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
-    "@babel/helper-compilation-targets": ^7.22.6
-    "@babel/helper-environment-visitor": ^7.22.5
-    "@babel/helper-function-name": ^7.22.5
-    "@babel/helper-optimise-call-expression": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-replace-supers": ^7.22.5
-    "@babel/helper-split-export-declaration": ^7.22.6
-    globals: ^11.1.0
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 8380e855c01033dbc7460d9acfbc1fc37c880350fa798c2de8c594ef818ade0e4c96173ec72f05f2a4549d8d37135e18cb62548352d51557b45a0fb4388d2f3f
+  checksum: 3a10849d83e47aec50f367a9e56a6b22d662ddce643334b087f9828f4c3dd73bdc5909aaeabe123fed78515767f9ca43498a0e621c438d1cd2802d7fae3c9648
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-computed-properties@npm:7.18.9"
+"@babel/plugin-syntax-class-properties@npm:^7.12.13, @babel/plugin-syntax-class-properties@npm:^7.8.3":
+  version: 7.12.13
+  resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.12.13
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: a6bfbea207827d77592628973c0e8cc3319db636506bdc6e81e21582de2e767890e6975b382d0511e9ec3773b9f43691185df90832883bbf9251f688d27fbc1d
+  checksum: 24f34b196d6342f28d4bad303612d7ff566ab0a013ce89e775d98d6f832969462e7235f3e7eaf17678a533d4be0ba45d3ae34ab4e5a9dcbda5d98d49e5efa2fc
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-computed-properties@npm:7.22.5"
+"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/template": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.14.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: c2a77a0f94ec71efbc569109ec14ea2aa925b333289272ced8b33c6108bdbb02caf01830ffc7e49486b62dec51911924d13f3a76f1149f40daace1898009e131
+  checksum: 3e80814b5b6d4fe17826093918680a351c2d34398a914ce6e55d8083d72a9bdde4fbaf6a2dcea0e23a03de26dc2917ae3efd603d27099e2b98380345703bf948
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.18.13":
-  version: 7.18.13
-  resolution: "@babel/plugin-transform-destructuring@npm:7.18.13"
+"@babel/plugin-syntax-dynamic-import@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 83e44ec93a4cfbf69376db8836d00ec803820081bf0f8b6cea73a9b3cd320b8285768d5b385744af4a27edda4b6502245c52d3ed026ea61356faf57bfe78effb
+  checksum: ce307af83cf433d4ec42932329fad25fa73138ab39c7436882ea28742e1c0066626d224e0ad2988724c82644e41601cef607b36194f695cb78a1fcdc959637bd
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-destructuring@npm:7.22.5"
+"@babel/plugin-syntax-export-namespace-from@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-export-namespace-from@npm:7.8.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 76f6ea2aee1fcfa1c3791eb7a5b89703c6472650b993e8666fff0f1d6e9d737a84134edf89f63c92297f3e75064c1263219463b02dd9bc7434b6e5b9935e3f20
+  checksum: 85740478be5b0de185228e7814451d74ab8ce0a26fcca7613955262a26e99e8e15e9da58f60c754b84515d4c679b590dbd3f2148f0f58025f4ae706f1c5a5d4a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dotall-regex@npm:^7.18.6, @babel/plugin-transform-dotall-regex@npm:^7.4.4":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.18.6"
+"@babel/plugin-syntax-import-assertions@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: cbe5d7063eb8f8cca24cd4827bc97f5641166509e58781a5f8aa47fb3d2d786ce4506a30fca2e01f61f18792783a5cb5d96bf5434c3dd1ad0de8c9cc625a53da
+  checksum: abd640f9e2cd9b17d8f88a4431229429d57369d4fa5cbdab62b7a329812b3e7733e3f9f316dd393addb6db8d9b9b58dbd8ac39685a0c1e07bbb89b6c82445ae9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dotall-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.22.5"
+"@babel/plugin-syntax-import-attributes@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 409b658d11e3082c8f69e9cdef2d96e4d6d11256f005772425fb230cc48fd05945edbfbcb709dab293a1a2f01f9c8a5bb7b4131e632b23264039d9f95864b453
+  checksum: 81d83ad26dddfe0da86a34722ced7f938741fa18afe5b02fbabfa99ae4e14d97be185dbedc746eab2f1c3e6dc5560054c3cb780cb946be4533f648dca593c92b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-duplicate-keys@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.18.9"
+"@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.10.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 220bf4a9fec5c4d4a7b1de38810350260e8ea08481bf78332a464a21256a95f0df8cd56025f346238f09b04f8e86d4158fafc9f4af57abaef31637e3b58bd4fe
+  checksum: 166ac1125d10b9c0c430e4156249a13858c0366d38844883d75d27389621ebe651115cb2ceb6dc011534d5055719fa1727b59f39e1ab3ca97820eef3dcab5b9b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-duplicate-keys@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.22.5"
+"@babel/plugin-syntax-json-strings@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-json-strings@npm:7.8.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: bb1280fbabaab6fab2ede585df34900712698210a3bd413f4df5bae6d8c24be36b496c92722ae676a7a67d060a4624f4d6c23b923485f906bfba8773c69f55b4
+  checksum: bf5aea1f3188c9a507e16efe030efb996853ca3cadd6512c51db7233cc58f3ac89ff8c6bdfb01d30843b161cfe7d321e1bf28da82f7ab8d7e6bc5464666f354a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dynamic-import@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-dynamic-import@npm:7.22.5"
+"@babel/plugin-syntax-jsx@npm:^7.7.2":
+  version: 7.24.6
+  resolution: "@babel/plugin-syntax-jsx@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 186a6d59f36eb3c5824739fc9c22ed0f4ca68e001662aa3a302634346a8b785cb9579b23b0c158f4570604d697d19598ca09b58c60a7fa2894da1163c4eb1907
+  checksum: e288681cab57d059b0b2e132040eb5e21a158c40229c600e77cb0289ba5d32a2102af94e43390d270e0ddd968685e9de8d10dab0291c53b84e2219a7bc4cdb54
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-exponentiation-operator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.18.6"
+"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.10.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 7f70222f6829c82a36005508d34ddbe6fd0974ae190683a8670dd6ff08669aaf51fef2209d7403f9bd543cb2d12b18458016c99a6ed0332ccedb3ea127b01229
+  checksum: aff33577037e34e515911255cdbb1fd39efee33658aa00b8a5fd3a4b903585112d037cce1cc9e4632f0487dc554486106b79ccd5ea63a2e00df4363f6d4ff886
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-exponentiation-operator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.22.5"
+"@babel/plugin-syntax-nullish-coalescing-operator@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-nullish-coalescing-operator@npm:7.8.3"
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f2d660c1b1d51ad5fec1cd5ad426a52187204068c4158f8c4aa977b31535c61b66898d532603eef21c15756827be8277f724c869b888d560f26d7fe848bb5eae
+  checksum: 87aca4918916020d1fedba54c0e232de408df2644a425d153be368313fdde40d96088feed6c4e5ab72aac89be5d07fef2ddf329a15109c5eb65df006bf2580d1
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-export-namespace-from@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.22.5"
+"@babel/plugin-syntax-numeric-separator@npm:^7.10.4, @babel/plugin-syntax-numeric-separator@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+    "@babel/helper-plugin-utils": ^7.10.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3d197b788758044983c96b9c49bed4b456055f35a388521a405968db0f6e2ffb6fd59110e3931f4dcc5e126ae9e5e00e154a0afb47a7ea359d8d0dea79f480d7
+  checksum: 01ec5547bd0497f76cc903ff4d6b02abc8c05f301c88d2622b6d834e33a5651aa7c7a3d80d8d57656a4588f7276eba357f6b7e006482f5b564b7a6488de493a1
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.18.8":
-  version: 7.18.8
-  resolution: "@babel/plugin-transform-for-of@npm:7.18.8"
+"@babel/plugin-syntax-object-rest-spread@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: ca64c623cf0c7a80ab6f07ebd3e6e4ade95e2ae806696f70b43eafe6394fa8ce21f2b1ffdd15df2067f7363d2ecfe26472a97c6c774403d2163fa05f50c98f17
+  checksum: fddcf581a57f77e80eb6b981b10658421bc321ba5f0a5b754118c6a92a5448f12a0c336f77b8abf734841e102e5126d69110a306eadb03ca3e1547cab31f5cbf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-for-of@npm:7.22.5"
+"@babel/plugin-syntax-optional-catch-binding@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-catch-binding@npm:7.8.3"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: d7b8d4db010bce7273674caa95c4e6abd909362866ce297e86a2ecaa9ae636e05d525415811db9b3c942155df7f3651d19b91dd6c41f142f7308a97c7cb06023
+  checksum: 910d90e72bc90ea1ce698e89c1027fed8845212d5ab588e35ef91f13b93143845f94e2539d831dc8d8ededc14ec02f04f7bd6a8179edd43a326c784e7ed7f0b9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-function-name@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-function-name@npm:7.18.9"
+"@babel/plugin-syntax-optional-chaining@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-chaining@npm:7.8.3"
   dependencies:
-    "@babel/helper-compilation-targets": ^7.18.9
-    "@babel/helper-function-name": ^7.18.9
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.8.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 62dd9c6cdc9714704efe15545e782ee52d74dc73916bf954b4d3bee088fb0ec9e3c8f52e751252433656c09f744b27b757fc06ed99bcde28e8a21600a1d8e597
+  checksum: eef94d53a1453361553c1f98b68d17782861a04a392840341bc91780838dd4e695209c783631cf0de14c635758beafb6a3a65399846ffa4386bff90639347f30
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-function-name@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-function-name@npm:7.22.5"
+"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
   dependencies:
-    "@babel/helper-compilation-targets": ^7.22.5
-    "@babel/helper-function-name": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.14.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: cff3b876357999cb8ae30e439c3ec6b0491a53b0aa6f722920a4675a6dd5b53af97a833051df4b34791fe5b3dd326ccf769d5c8e45b322aa50ee11a660b17845
+  checksum: b317174783e6e96029b743ccff2a67d63d38756876e7e5d0ba53a322e38d9ca452c13354a57de1ad476b4c066dbae699e0ca157441da611117a47af88985ecda
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-json-strings@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-json-strings@npm:7.22.5"
+"@babel/plugin-syntax-top-level-await@npm:^7.14.5, @babel/plugin-syntax-top-level-await@npm:^7.8.3":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-json-strings": ^7.8.3
+    "@babel/helper-plugin-utils": ^7.14.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4e00b902487a670b6c8948f33f9108133fd745cf9d1478aca515fb460b9b2f12e137988ebc1663630fb82070a870aed8b0c1aa4d007a841c18004619798f255c
+  checksum: bbd1a56b095be7820029b209677b194db9b1d26691fe999856462e66b25b281f031f3dfd91b1619e9dcf95bebe336211833b854d0fb8780d618e35667c2d0d7e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-literals@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-literals@npm:7.18.9"
+"@babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.24.6
+  resolution: "@babel/plugin-syntax-typescript@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3458dd2f1a47ac51d9d607aa18f3d321cbfa8560a985199185bed5a906bb0c61ba85575d386460bac9aed43fdd98940041fae5a67dff286f6f967707cff489f8
+  checksum: 2fb15b246f7a2334ae5ebbc4c263dc2a66464e65074cbe82204acb42c097601c5ae5933d4c4716cad0a64b41aa999080eeabddbabadd163232d9e2631749f596
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-literals@npm:7.22.5"
+"@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-create-regexp-features-plugin": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.18.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ec37cc2ffb32667af935ab32fe28f00920ec8a1eb999aa6dc6602f2bebd8ba205a558aeedcdccdebf334381d5c57106c61f52332045730393e73410892a9735b
+    "@babel/core": ^7.0.0
+  checksum: a651d700fe63ff0ddfd7186f4ebc24447ca734f114433139e3c027bc94a900d013cf1ef2e2db8430425ba542e39ae160c3b05f06b59fd4656273a3df97679e9c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.22.5"
+"@babel/plugin-transform-arrow-functions@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 18748e953c08f64885f18c224eac58df10a13eac4d845d16b5d9b6276907da7ca2530dfebe6ed41cdc5f8a75d9db3e36d8eb54ddce7cd0364af1cab09b435302
+  checksum: be99f3208d1e828d923ad8d437644e3e62f6cb1b68acb7ec1b1e5cf169d3df8441aa8eaa1ea22fdf2e7d1a37a2d422ce04121829e625d5c56403bb3923226719
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-member-expression-literals@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.18.6"
+"@babel/plugin-transform-async-generator-functions@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-remap-async-to-generator": ^7.24.6
+    "@babel/plugin-syntax-async-generators": ^7.8.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 35a3d04f6693bc6b298c05453d85ee6e41cc806538acb6928427e0e97ae06059f97d2f07d21495fcf5f70d3c13a242e2ecbd09d5c1fcb1b1a73ff528dcb0b695
+  checksum: 9c9a49c7350c330964420dfc1263ed2e7accf53ce9bf4bec556500b99b9a81701497618d755c78924270ee263aad61564dc6ec3d13c634b2be91f8cdbaeea874
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-member-expression-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.22.5"
+"@babel/plugin-transform-async-to-generator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-module-imports": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-remap-async-to-generator": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: ec4b0e07915ddd4fda0142fd104ee61015c208608a84cfa13643a95d18760b1dc1ceb6c6e0548898b8c49e5959a994e46367260176dbabc4467f729b21868504
+  checksum: 3ac6dc52328b81361cce2c77f81f9e3e6deb48086cbb1410282ba27d4eb9aae28386cd33480a607072ce1c17c4b61300520fa1671599a3a21facc7ba2b69cd32
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.18.6"
+"@babel/plugin-transform-block-scoped-functions@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    babel-plugin-dynamic-import-node: ^2.3.3
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f60c4c4e0eaec41e42c003cbab44305da7a8e05b2c9bdfc2b3fe0f9e1d7441c959ff5248aa03e350abe530e354028cbf3aa20bf07067b11510997dad8dd39be0
+  checksum: 77b5dba0b46de2b2e5a62968418bdc76e4245603866e8d53c1f413cdfb2b4a0352893ce1e039a383d8e50617c73f4622dfab1d9d56081e8926672de655361683
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.22.5"
+"@babel/plugin-transform-block-scoping@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 7da4c4ebbbcf7d182abb59b2046b22d86eee340caf8a22a39ef6a727da2d8acfec1f714fcdcd5054110b280e4934f735e80a6848d192b6834c5d4459a014f04d
+  checksum: a8113f1bf2e8fb83de1b608daf3c924f08b54b98e0fb5076379f35ff1b8310e5f2eba510356a425f0c3f027a777777851066acb92d3e72624c37293465b93c5a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.18.6"
+"@babel/plugin-transform-class-properties@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-class-properties@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/helper-simple-access": ^7.18.6
-    babel-plugin-dynamic-import-node: ^2.3.3
+    "@babel/helper-create-class-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 7e356e3df8a6a8542cced7491ec5b1cc1093a88d216a59e63a5d2b9fe9d193cbea864f680a41429e41a4f9ecec930aa5b0b8f57e2b17b3b4d27923bb12ba5d14
+  checksum: 79228c7eade70fed3459426233f6e507ab0c238b91cd53a527005c4e175ad2a20c918f1de09ca869a7bcd920b5452e80a1cfe7c51e4f80602c412865f049153a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.22.5"
+"@babel/plugin-transform-class-static-block@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-simple-access": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 2067aca8f6454d54ffcce69b02c457cfa61428e11372f6a1d99ff4fcfbb55c396ed2ca6ca886bf06c852e38c1a205b8095921b2364fd0243f3e66bc1dda61caa
+    "@babel/core": ^7.12.0
+  checksum: a574d565b6416ae98ce3d918bbbdfdf215440dee5a028f1076a963c90b8d7c64e5f1aae54afe605d3e607b93732a6f87b5fb62177680f895de47e2b4c7d92b78
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.19.0"
+"@babel/plugin-transform-classes@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-classes@npm:7.24.6"
   dependencies:
-    "@babel/helper-hoist-variables": ^7.18.6
-    "@babel/helper-module-transforms": ^7.19.0
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-validator-identifier": ^7.18.6
-    babel-plugin-dynamic-import-node: ^2.3.3
+    "@babel/helper-annotate-as-pure": ^7.24.6
+    "@babel/helper-compilation-targets": ^7.24.6
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-function-name": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-replace-supers": ^7.24.6
+    "@babel/helper-split-export-declaration": ^7.24.6
+    globals: ^11.1.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: a0742deee4a076d6fc303d036c1ea2bea9b7d91af390483fe91fc415f9cb43925bb5dd930fdcb8fcdc9d4c7a22774a3cec521c67f1422a9b473debcb85ee57f9
+  checksum: 2891dfcb1d905df55437f7a29a67b9373f6ca79bb14fadff132e56be1618e02cfd959780f3d49aa2aed9d6daa0b6ea879f5de25118c5c2210b5bb798be291eb8
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.22.5"
+"@babel/plugin-transform-computed-properties@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.24.6"
   dependencies:
-    "@babel/helper-hoist-variables": ^7.22.5
-    "@babel/helper-module-transforms": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-validator-identifier": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/template": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 04f4178589543396b3c24330a67a59c5e69af5e96119c9adda730c0f20122deaff54671ebbc72ad2df6495a5db8a758bd96942de95fba7ad427de9c80b1b38c8
+  checksum: be2d0d193b07a1c7efae2fd67d33f6b71d1a8f7cb1f3f07667717c072aaa4e7164d71b6cdd654a9352a7ddd104bdb7a5c69cb4c10d105128326cb08c792a0658
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-umd@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.18.6"
+"@babel/plugin-transform-destructuring@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-destructuring@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: c3b6796c6f4579f1ba5ab0cdcc73910c1e9c8e1e773c507c8bb4da33072b3ae5df73c6d68f9126dab6e99c24ea8571e1563f8710d7c421fac1cde1e434c20153
+  checksum: b81f74939a949bf366f18efabf560c5aa03aacd5cd561313918dbefbc779fb26a63fc903156deebf859ecf40df8ca23a6bcbfa0c003b64e9082d75dc5a11e79b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-umd@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.22.5"
+"@babel/plugin-transform-dotall-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-module-transforms": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-create-regexp-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 46622834c54c551b231963b867adbc80854881b3e516ff29984a8da989bd81665bd70e8cba6710345248e97166689310f544aee1a5773e262845a8f1b3e5b8b4
+  checksum: bd5cae74e3c5642416bae04985cfe3478315ad48a0f934169253b1eecc1365c6880d350b4077fdee72172602f8dbec32766dfe8f17776d5b2d3b53dd01382713
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.19.0"
+"@babel/plugin-transform-duplicate-keys@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.19.0
-    "@babel/helper-plugin-utils": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 60f7b2c537fa3e8392f19b1f1026ba68844c5dc7942867e7a96a636d8a52d4766629b898e59aa690d3806bf02a7fa52e12d1f7c1ca2ef4fa2b53f3fe0a835117
+    "@babel/core": ^7.0.0-0
+  checksum: 5a1f54aa7731816d722a0627176af0c810061275c22c981e09c0da2648372ca39cf331b6e7a8dad380db09100c1a655dc13307758df9a9bf88f605a99eba4e02
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.22.5"
+"@babel/plugin-transform-dynamic-import@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
   peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 3ee564ddee620c035b928fdc942c5d17e9c4b98329b76f9cefac65c111135d925eb94ed324064cd7556d4f5123beec79abea1d4b97d1c8a2a5c748887a2eb623
+    "@babel/core": ^7.0.0-0
+  checksum: 20360f1147af18c9669742c2ee1a832c4130dce3e73c453692edb16ea920cc4cb8e06e79cbc87ecc39c5db1ccc126bc28994cf6c4ffff59366301cc52cc2cef9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-new-target@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-new-target@npm:7.18.6"
+"@babel/plugin-transform-exponentiation-operator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: bd780e14f46af55d0ae8503b3cb81ca86dcc73ed782f177e74f498fff934754f9e9911df1f8f3bd123777eed7c1c1af4d66abab87c8daae5403e7719a6b845d1
+  checksum: d377fe651677a6dfb2dbfb3ade2e80ece6704b225b463a42cc72330a688a6d85a6c28062d0f0cc2eb6d265e2d9294a14be8f0e144a782996d0acdd86a58e139e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-new-target@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-new-target@npm:7.22.5"
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6b72112773487a881a1d6ffa680afde08bad699252020e86122180ee7a88854d5da3f15d9bca3331cf2e025df045604494a8208a2e63b486266b07c14e2ffbf3
+  checksum: 3e42cac016ce10aaaa66a905e4a1112beafe90c9d1919ba91653758c9f576f2c8f3211e191885e227e2d1dd77c111bb4d31b832876883a115047f6dae9ce1dce
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.22.5"
+"@babel/plugin-transform-for-of@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-for-of@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e6a059169d257fc61322d0708edae423072449b7c33de396261e68dee582aec5396789a1c22bce84e5bd88a169623c2e750b513fc222930979e6accd52a44bf2
+  checksum: 7094f775acc7c7ccb7b5141ced7312f3cd7b1be3a1afda72548a21b8234d70693a6fc26b0c7ef02719f9b3ee7a0702057c3eed6d3caeee2c3631db7f414baaca
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-numeric-separator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.22.5"
+"@babel/plugin-transform-function-name@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-function-name@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+    "@babel/helper-compilation-targets": ^7.24.6
+    "@babel/helper-function-name": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 9e7837d4eae04f211ebaa034fe5003d2927b6bf6d5b9dc09f2b1183c01482cdde5a75b8bd5c7ff195c2abc7b923339eb0b2a9d27cb78359d38248a3b2c2367c4
+  checksum: d9f51a89522f988d45c5b3ef09a1f9efde2122b94f5c1231bc381023738a46808b45645e0708d1ae86be86a9670f29c1b0a24be633c3a2729bcc2b0511521051
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.22.5"
+"@babel/plugin-transform-json-strings@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-json-strings@npm:7.24.6"
   dependencies:
-    "@babel/compat-data": ^7.22.5
-    "@babel/helper-compilation-targets": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
-    "@babel/plugin-transform-parameters": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-json-strings": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3b5e091f0dc67108f2e41ed5a97e15bbe4381a19d9a7eea80b71c7de1d8169fd28784e1e41a3d2ad12709ab212e58fc481282a5bb65d591fae7b443048de3330
+  checksum: fd67fab338687250cb49ac9cd67514a38884013bfc172b834c2862509c40e5b436e716e6cea0ebbfd9d1fad4cae0132da187548c6af6f67717876744c17f5ce4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-super@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-object-super@npm:7.18.6"
+"@babel/plugin-transform-literals@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-literals@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    "@babel/helper-replace-supers": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 0fcb04e15deea96ae047c21cb403607d49f06b23b4589055993365ebd7a7d7541334f06bf9642e90075e66efce6ebaf1eb0ef066fbbab802d21d714f1aac3aef
+  checksum: 128da0047b66bce51b94bf50c2a73727e51c7ac661b641b0e0fc1e700dae11697412fa739cc01183919c427e7f970f384186f246fbab575195217d6a8df97381
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-super@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-object-super@npm:7.22.5"
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-replace-supers": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b71887877d74cb64dbccb5c0324fa67e31171e6a5311991f626650e44a4083e5436a1eaa89da78c0474fb095d4ec322d63ee778b202d33aa2e4194e1ed8e62d7
+  checksum: f2b97be1ff770be1467f172492f5c1fbc074ea60de1f8c515684b49c248bd87ae44626368fc577e5239522cb640f351531ef32a45b2e88a049279f2f28246777
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-catch-binding@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.22.5"
+"@babel/plugin-transform-member-expression-literals@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b0e8b4233ff06b5c9d285257f49c5bd441f883189b24282e6200f9ebdf5db29aeeebbffae57fbbcd5df9f4387b3e66e5d322aaae5652a78e89685ddbae46bbd1
+  checksum: b30bd3df2932af85116a8ea38e040987ea5caf268c634902195e5b9eb0d4c76ee34b01309c2fb28e362f3c2636d4927c19783f3f8eea33ac451885ec29b61a56
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.22.5, @babel/plugin-transform-optional-chaining@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.22.6"
+"@babel/plugin-transform-modules-amd@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
-    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+    "@babel/helper-module-transforms": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 9713f7920ed04090c149fc5ec024dd1638e8b97aa4ae3753b93072d84103b8de380afb96d6cf03e53b285420db4f705f3ac13149c6fd54f322b61dc19e33c54f
+  checksum: 47d85aefb44b85168792266220e184722f96031a40a0d09a2ac026b6997927ea553cfc83bd0a77363873467120140b899fefa8e4c49475d1d21e15c651553086
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.18.8":
-  version: 7.18.8
-  resolution: "@babel/plugin-transform-parameters@npm:7.18.8"
+"@babel/plugin-transform-modules-commonjs@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-module-transforms": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-simple-access": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 2b5863300da60face8a250d91da16294333bd5626e9721b13a3ba2078bd2a5a190e32c6e7a1323d5f547f579aeb2804ff49a62a55fcad2b1d099e55a55b788ea
+  checksum: 8fc772df64d58a431351984f7f34896f61ba8911fde547cd041b6234117e8b84a37f62a4f12c1153df7002d356b8e81944923cc9b37e96face76436cf57ac800
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-parameters@npm:7.22.5"
+"@babel/plugin-transform-modules-systemjs@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-hoist-variables": ^7.24.6
+    "@babel/helper-module-transforms": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-validator-identifier": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b44f89cf97daf23903776ba27c2ab13b439d80d8c8a95be5c476ab65023b1e0c0e94c28d3745f3b60a58edc4e590fa0cd4287a0293e51401ca7d29a2ddb13b8e
+  checksum: cc65e757290924c7a37a9e606801b14f8bc3dc7c4281448ce27d8cf63e17ff5ac0c02a4d864bbe0aa950ae84cef9590347d1231a260a3cf0c3ec1cb6b89d939a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-private-methods@npm:7.22.5"
+"@babel/plugin-transform-modules-umd@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-module-transforms": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 321479b4fcb6d3b3ef622ab22fd24001e43d46e680e8e41324c033d5810c84646e470f81b44cbcbef5c22e99030784f7cac92f1829974da7a47a60a7139082c3
+  checksum: e12f64e4b197b833f2a2923002db810a3e3071be2fc62b201c0b048142a32bbc4709633d346aaa301534c9c447b9e68800f24dcbbd3e1c1f3de04c737379fc24
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-property-in-object@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.5"
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
-    "@babel/helper-create-class-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+    "@babel/helper-create-regexp-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 9ac019fb2772f3af6278a7f4b8b14b0663accb3fd123d87142ceb2fbc57fd1afa07c945d1329029b026b9ee122096ef71a3f34f257a9e04cf4245b87298c38b4
+    "@babel/core": ^7.0.0
+  checksum: a86048c47178af3d752a458b49c8483ceccbb0cff1775a6d0929415734280f42f14d48bf62d327f6fb0f8c0dff496258b59705debdd4ea68a3b247649f945f2f
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-property-literals@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-property-literals@npm:7.18.6"
+"@babel/plugin-transform-new-target@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-new-target@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 1c16e64de554703f4b547541de2edda6c01346dd3031d4d29e881aa7733785cd26d53611a4ccf5353f4d3e69097bb0111c0a93ace9e683edd94fea28c4484144
+  checksum: 9d5de07a334eb9d2521cf7d319b23f8cdf234e4fe003d034de448a506ae3f4756227ce34aafa037c6541ec4d993eb15075bcb3c064d3eaae64eba4f405d6f232
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-property-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-property-literals@npm:7.22.5"
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 796176a3176106f77fcb8cd04eb34a8475ce82d6d03a88db089531b8f0453a2fb8b0c6ec9a52c27948bc0ea478becec449893741fc546dfc3930ab927e3f9f2e
+  checksum: 828b815276153ffa8b53e74a1ff9dd2cd51c2e76f6fbcd8c71c3c21953dcbd14e2fe2e317989c3a93f4896e21205d978773932e414a2ea4b89609a74130a2623
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-regenerator@npm:7.18.6"
+"@babel/plugin-transform-numeric-separator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
-    regenerator-transform: ^0.15.0
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 60bd482cb0343c714f85c3e19a13b3b5fa05ee336c079974091c0b35e263307f4e661f4555dff90707a87d5efe19b1d51835db44455405444ac1813e268ad750
+  checksum: e3d608693d9329704145fb6b8e001dd4e671ddfdbb6770ecebdffae350b16a83b4d01f69ba849d73e4a58cbe802d42be2f883b52b98f9d372020e5d1b1f4f8ed
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-regenerator@npm:7.22.5"
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    regenerator-transform: ^0.15.1
+    "@babel/helper-compilation-targets": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f7c5ca5151321963df777cc02725d10d1ccc3b3b8323da0423aecd9ac6144cbdd2274af5281a5580db2fc2f8b234e318517b5d76b85669118906533a559f2b6a
+  checksum: 5b5d6a3735d1b8fcc768c9acc1191b9dd1964e3454b0195d15346f889fb2134d3a8910a863359620775d5b7d56b3f4534429012eeef6a9c6d0518e6adfe5c552
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-reserved-words@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.18.6"
+"@babel/plugin-transform-object-super@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-object-super@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-replace-supers": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 0738cdc30abdae07c8ec4b233b30c31f68b3ff0eaa40eddb45ae607c066127f5fa99ddad3c0177d8e2832e3a7d3ad115775c62b431ebd6189c40a951b867a80c
+  checksum: 291bb801050d9041a34da81fc68f6465d22a34bb2aef73b5cb0ecd756c0245c0af7e99e8c46d63e3e74e1cf598be1c6624da67f49d7b13e9a16e019634082466
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-reserved-words@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.22.5"
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3ffd7dbc425fe8132bfec118b9817572799cab1473113a635d25ab606c1f5a2341a636c04cf6b22df3813320365ed5a965b5eeb3192320a10e4cc2c137bd8bfc
+  checksum: ab12b52d0007a835242505df0348743c84014e733b534583ddd786aa40dd5145d875606a666255ac823a6ccc65f649c3cebb5e5e76f8bf7b8bdf26450c7b6c8a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.18.6"
+"@babel/plugin-transform-optional-chaining@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.24.6
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b8e4e8acc2700d1e0d7d5dbfd4fdfb935651913de6be36e6afb7e739d8f9ca539a5150075a0f9b79c88be25ddf45abb912fe7abf525f0b80f5b9d9860de685d7
+  checksum: 6a3a363775dc83d6a2812bbbe695fce89a23872ecc71d81484a8bdf8747b7ad53a2559d0a752f412b994b0c043e7379de09b17bff70ea38916e60c7260c91bac
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.22.5"
+"@babel/plugin-transform-parameters@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-parameters@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: a5ac902c56ea8effa99f681340ee61bac21094588f7aef0bc01dff98246651702e677552fa6d10e548c4ac22a3ffad047dd2f8c8f0540b68316c2c203e56818b
+  checksum: e8c70d736cee3752444bd2c047542a82eec81583cb1bf69094608dc50645ca660a85833cc775644d8dac11128d3297e7dc5c2cb964da1c18a96d004ff645149d
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.19.0":
-  version: 7.19.0
-  resolution: "@babel/plugin-transform-spread@npm:7.19.0"
+"@babel/plugin-transform-private-methods@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-private-methods@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.18.9
+    "@babel/helper-create-class-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e73a4deb095999185e70b524d0ff4e35df50fcda58299e700a6149a15bbc1a9b369ef1cef384e15a54b3c3ce316cc0f054dbf249dcd0d1ca59f4281dd4df9718
+  checksum: ee6aae3ec45fc33cc7f02c3092b3bba35bde02c8293e11c87e7549d6afb3dde024a968542fbb5d5204a74aa5b909e717c09d37f4e1be39a8ef3f26466c0391e0
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-spread@npm:7.22.5"
+"@babel/plugin-transform-private-property-in-object@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/helper-annotate-as-pure": ^7.24.6
+    "@babel/helper-create-class-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 5587f0deb60b3dfc9b274e269031cc45ec75facccf1933ea2ea71ced9fd3ce98ed91bb36d6cd26817c14474b90ed998c5078415f0eab531caf301496ce24c95c
+  checksum: a6b0f578a1f9195956fb66686a6e03b03b1293abd5f9b244fc077669ae3365391d61a4107ac9f2f019accfb3f09c19ede4b5811082c116709c7aa6b08efc9ffb
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-sticky-regex@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-sticky-regex@npm:7.18.6"
+"@babel/plugin-transform-property-literals@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-property-literals@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 68ea18884ae9723443ffa975eb736c8c0d751265859cd3955691253f7fee37d7a0f7efea96c8a062876af49a257a18ea0ed5fea0d95a7b3611ce40f7ee23aee3
+  checksum: 003bbec02aaddde04de492ef63cd4aab131ac65bc8ae0f2b49394b93b1c6a3d104ef62b57184569332de0149aa9cb4b2528b40e0ca9c5884117b7c379cd1a017
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-sticky-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-sticky-regex@npm:7.22.5"
+"@babel/plugin-transform-regenerator@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-regenerator@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
+    regenerator-transform: ^0.15.2
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 63b2c575e3e7f96c32d52ed45ee098fb7d354b35c2223b8c8e76840b32cc529ee0c0ceb5742fd082e56e91e3d82842a367ce177e82b05039af3d602c9627a729
+  checksum: 78ee16d3ac5c53d6f4526cc45d66dfd163625c62efb8e75cebbc8fcc2f4f13967b2a7e3464f854b559dcd93c4a21fc139ddcb7c70ada7074b53872a1378632f8
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-template-literals@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-template-literals@npm:7.18.9"
+"@babel/plugin-transform-reserved-words@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 3d2fcd79b7c345917f69b92a85bdc3ddd68ce2c87dc70c7d61a8373546ccd1f5cb8adc8540b49dfba08e1b82bb7b3bbe23a19efdb2b9c994db2db42906ca9fb2
+  checksum: 37097ad5333629d52092bf9e7573e9c5012b3ea6c9148540b9780e754a1bbafa9df6506a054743cd928bd83989bb8c507280e1ebec955de87745bbe11f7dd0be
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-template-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-template-literals@npm:7.22.5"
+"@babel/plugin-transform-shorthand-properties@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 27e9bb030654cb425381c69754be4abe6a7c75b45cd7f962cd8d604b841b2f0fb7b024f2efc1c25cc53f5b16d79d5e8cfc47cacbdaa983895b3aeefa3e7e24ff
+  checksum: 6c7c8a2ef45b3e9d5ddf1e2dcb5fc40a581cf218f2122c5f2104b91d518d2d21d8d30f4c1db7f3c1c6c68283ec86e8a19d3b8478582306f6529388503d04b61f
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typeof-symbol@npm:^7.18.9":
-  version: 7.18.9
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.18.9"
+"@babel/plugin-transform-spread@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-spread@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e754e0d8b8a028c52e10c148088606e3f7a9942c57bd648fc0438e5b4868db73c386a5ed47ab6d6f0594aae29ee5ffc2ffc0f7ebee7fae560a066d6dea811cd4
+  checksum: aa86664134e03f0e2d70522e5634c67a31b8f93abd00755e98f0c5dbcb2411bd1f2745e0b3b4e6ed2d280b48b15136225c457df89b16f1fff1f98eac999f2064
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typeof-symbol@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.22.5"
+"@babel/plugin-transform-sticky-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 82a53a63ffc3010b689ca9a54e5f53b2718b9f4b4a9818f36f9b7dba234f38a01876680553d2716a645a61920b5e6e4aaf8d4a0064add379b27ca0b403049512
+  checksum: 960962195044c0a66c8a12ba59e72271cf2ab5774606018622012bfac7172d1edebb189c91ca2399f610166b9578c769f09f2802eeff1d0866f50642caa15c6d
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.18.10":
-  version: 7.18.10
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.18.10"
+"@babel/plugin-transform-template-literals@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-template-literals@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.9
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: f5baca55cb3c11bc08ec589f5f522d85c1ab509b4d11492437e45027d64ae0b22f0907bd1381e8d7f2a436384bb1f9ad89d19277314242c5c2671a0f91d0f9cd
+  checksum: 9518e4cdf399505645b13a80171199b0b9a8366df5dcc547359430b9a1b9f00260da20cdec7fe0ed8709e5224c67e08e793f85be674e23937650e592d453b8bf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.22.5"
+"@babel/plugin-transform-typeof-symbol@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.24.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: da5e85ab3bb33a75cbf6181bfd236b208dc934702fd304db127232f17b4e0f42c6d3f238de8589470b4190906967eea8ca27adf3ae9d8ee4de2a2eae906ed186
+  checksum: 91af214cffe5b8ae33702beb1f9ad0fa14b7809662118b78bb1a2e8a50e016f4c3d2b1505a3140245161daf988498509ca35b741bab91024dffe128682ac24d6
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-property-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-escapes@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 2495e5f663cb388e3d888b4ba3df419ac436a5012144ac170b622ddfc221f9ea9bdba839fa2bc0185cb776b578030666406452ec7791cbf0e7a3d4c88ae9574c
+  checksum: 905211493c9d97993476d1596c46a18e40aaa4c310b4464e05979f5a16f3d31fcf111d67c1c3912cfc2e3cdf6e6cb51c22fd69aea7a017759c790bfe897871e9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-regex@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-unicode-regex@npm:7.18.6"
+"@babel/plugin-transform-unicode-property-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-create-regexp-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: d9e18d57536a2d317fb0b7c04f8f55347f3cfacb75e636b4c6fa2080ab13a3542771b5120e726b598b815891fc606d1472ac02b749c69fd527b03847f22dc25e
+  checksum: 141df101ffd31f8c1f92c62548020240af71811b1d1bad63f7e41aaf6084ec758715a42eb9f80f00b6a04b6d260ad8e362083372b4106cf5aca304e214c66068
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-create-regexp-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6b5d1404c8c623b0ec9bd436c00d885a17d6a34f3f2597996343ddb9d94f6379705b21582dfd4cec2c47fd34068872e74ab6b9580116c0566b3f9447e2a7fa06
+  checksum: 5f4ba063221f5f4034ee008b15a4f12b8939f47782c5e9aac198b72e4fe1aafa35dd60795eb979ced25ee0d6dbd7656ae424cfd00206cd59c956c5e3a7976e0d
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-sets-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.24.6"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.22.5
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-create-regexp-features-plugin": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: c042070f980b139547f8b0179efbc049ac5930abec7fc26ed7a41d89a048d8ab17d362200e204b6f71c3c20d6991a0e74415e1a412a49adc8131c2a40c04822e
-  languageName: node
-  linkType: hard
-
-"@babel/preset-env@npm:^7.0.0":
-  version: 7.19.0
-  resolution: "@babel/preset-env@npm:7.19.0"
-  dependencies:
-    "@babel/compat-data": ^7.19.0
-    "@babel/helper-compilation-targets": ^7.19.0
-    "@babel/helper-plugin-utils": ^7.19.0
-    "@babel/helper-validator-option": ^7.18.6
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.18.6
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-async-generator-functions": ^7.19.0
-    "@babel/plugin-proposal-class-properties": ^7.18.6
-    "@babel/plugin-proposal-class-static-block": ^7.18.6
-    "@babel/plugin-proposal-dynamic-import": ^7.18.6
-    "@babel/plugin-proposal-export-namespace-from": ^7.18.9
-    "@babel/plugin-proposal-json-strings": ^7.18.6
-    "@babel/plugin-proposal-logical-assignment-operators": ^7.18.9
-    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.18.6
-    "@babel/plugin-proposal-numeric-separator": ^7.18.6
-    "@babel/plugin-proposal-object-rest-spread": ^7.18.9
-    "@babel/plugin-proposal-optional-catch-binding": ^7.18.6
-    "@babel/plugin-proposal-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-private-methods": ^7.18.6
-    "@babel/plugin-proposal-private-property-in-object": ^7.18.6
-    "@babel/plugin-proposal-unicode-property-regex": ^7.18.6
-    "@babel/plugin-syntax-async-generators": ^7.8.4
-    "@babel/plugin-syntax-class-properties": ^7.12.13
-    "@babel/plugin-syntax-class-static-block": ^7.14.5
-    "@babel/plugin-syntax-dynamic-import": ^7.8.3
-    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
-    "@babel/plugin-syntax-import-assertions": ^7.18.6
-    "@babel/plugin-syntax-json-strings": ^7.8.3
-    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
-    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
-    "@babel/plugin-syntax-numeric-separator": ^7.10.4
-    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
-    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
-    "@babel/plugin-syntax-optional-chaining": ^7.8.3
-    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
-    "@babel/plugin-syntax-top-level-await": ^7.14.5
-    "@babel/plugin-transform-arrow-functions": ^7.18.6
-    "@babel/plugin-transform-async-to-generator": ^7.18.6
-    "@babel/plugin-transform-block-scoped-functions": ^7.18.6
-    "@babel/plugin-transform-block-scoping": ^7.18.9
-    "@babel/plugin-transform-classes": ^7.19.0
-    "@babel/plugin-transform-computed-properties": ^7.18.9
-    "@babel/plugin-transform-destructuring": ^7.18.13
-    "@babel/plugin-transform-dotall-regex": ^7.18.6
-    "@babel/plugin-transform-duplicate-keys": ^7.18.9
-    "@babel/plugin-transform-exponentiation-operator": ^7.18.6
-    "@babel/plugin-transform-for-of": ^7.18.8
-    "@babel/plugin-transform-function-name": ^7.18.9
-    "@babel/plugin-transform-literals": ^7.18.9
-    "@babel/plugin-transform-member-expression-literals": ^7.18.6
-    "@babel/plugin-transform-modules-amd": ^7.18.6
-    "@babel/plugin-transform-modules-commonjs": ^7.18.6
-    "@babel/plugin-transform-modules-systemjs": ^7.19.0
-    "@babel/plugin-transform-modules-umd": ^7.18.6
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.19.0
-    "@babel/plugin-transform-new-target": ^7.18.6
-    "@babel/plugin-transform-object-super": ^7.18.6
-    "@babel/plugin-transform-parameters": ^7.18.8
-    "@babel/plugin-transform-property-literals": ^7.18.6
-    "@babel/plugin-transform-regenerator": ^7.18.6
-    "@babel/plugin-transform-reserved-words": ^7.18.6
-    "@babel/plugin-transform-shorthand-properties": ^7.18.6
-    "@babel/plugin-transform-spread": ^7.19.0
-    "@babel/plugin-transform-sticky-regex": ^7.18.6
-    "@babel/plugin-transform-template-literals": ^7.18.9
-    "@babel/plugin-transform-typeof-symbol": ^7.18.9
-    "@babel/plugin-transform-unicode-escapes": ^7.18.10
-    "@babel/plugin-transform-unicode-regex": ^7.18.6
-    "@babel/preset-modules": ^0.1.5
-    "@babel/types": ^7.19.0
-    babel-plugin-polyfill-corejs2: ^0.3.2
-    babel-plugin-polyfill-corejs3: ^0.5.3
-    babel-plugin-polyfill-regenerator: ^0.4.0
-    core-js-compat: ^3.22.1
-    semver: ^6.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ae1866b9a6c9749d52618f39aab8c369e0d6dc88e327341fae932411a0d51db2ec51b882cebc62ff3d49443261a6940e3fc03762ff3925d165884e7990eb612c
+  checksum: a62af3b80f4f89fb30e1735fe4b2b16e00da552c3bd8af1cce2e54ae7c50398286f729b961fcd0caf675c69289620991be90c3628ea76e5a0d15c864e97351d2
   languageName: node
   linkType: hard
 
-"@babel/preset-env@npm:^7.10.2":
-  version: 7.22.9
-  resolution: "@babel/preset-env@npm:7.22.9"
+"@babel/preset-env@npm:^7.0.0, @babel/preset-env@npm:^7.10.2":
+  version: 7.24.6
+  resolution: "@babel/preset-env@npm:7.24.6"
   dependencies:
-    "@babel/compat-data": ^7.22.9
-    "@babel/helper-compilation-targets": ^7.22.9
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-validator-option": ^7.22.5
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.22.5
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.22.5
+    "@babel/compat-data": ^7.24.6
+    "@babel/helper-compilation-targets": ^7.24.6
+    "@babel/helper-plugin-utils": ^7.24.6
+    "@babel/helper-validator-option": ^7.24.6
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": ^7.24.6
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.24.6
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.24.6
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": ^7.24.6
     "@babel/plugin-proposal-private-property-in-object": 7.21.0-placeholder-for-preset-env.2
     "@babel/plugin-syntax-async-generators": ^7.8.4
     "@babel/plugin-syntax-class-properties": ^7.12.13
     "@babel/plugin-syntax-class-static-block": ^7.14.5
     "@babel/plugin-syntax-dynamic-import": ^7.8.3
     "@babel/plugin-syntax-export-namespace-from": ^7.8.3
-    "@babel/plugin-syntax-import-assertions": ^7.22.5
-    "@babel/plugin-syntax-import-attributes": ^7.22.5
+    "@babel/plugin-syntax-import-assertions": ^7.24.6
+    "@babel/plugin-syntax-import-attributes": ^7.24.6
     "@babel/plugin-syntax-import-meta": ^7.10.4
     "@babel/plugin-syntax-json-strings": ^7.8.3
     "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
@@ -2335,179 +1244,132 @@ __metadata:
     "@babel/plugin-syntax-private-property-in-object": ^7.14.5
     "@babel/plugin-syntax-top-level-await": ^7.14.5
     "@babel/plugin-syntax-unicode-sets-regex": ^7.18.6
-    "@babel/plugin-transform-arrow-functions": ^7.22.5
-    "@babel/plugin-transform-async-generator-functions": ^7.22.7
-    "@babel/plugin-transform-async-to-generator": ^7.22.5
-    "@babel/plugin-transform-block-scoped-functions": ^7.22.5
-    "@babel/plugin-transform-block-scoping": ^7.22.5
-    "@babel/plugin-transform-class-properties": ^7.22.5
-    "@babel/plugin-transform-class-static-block": ^7.22.5
-    "@babel/plugin-transform-classes": ^7.22.6
-    "@babel/plugin-transform-computed-properties": ^7.22.5
-    "@babel/plugin-transform-destructuring": ^7.22.5
-    "@babel/plugin-transform-dotall-regex": ^7.22.5
-    "@babel/plugin-transform-duplicate-keys": ^7.22.5
-    "@babel/plugin-transform-dynamic-import": ^7.22.5
-    "@babel/plugin-transform-exponentiation-operator": ^7.22.5
-    "@babel/plugin-transform-export-namespace-from": ^7.22.5
-    "@babel/plugin-transform-for-of": ^7.22.5
-    "@babel/plugin-transform-function-name": ^7.22.5
-    "@babel/plugin-transform-json-strings": ^7.22.5
-    "@babel/plugin-transform-literals": ^7.22.5
-    "@babel/plugin-transform-logical-assignment-operators": ^7.22.5
-    "@babel/plugin-transform-member-expression-literals": ^7.22.5
-    "@babel/plugin-transform-modules-amd": ^7.22.5
-    "@babel/plugin-transform-modules-commonjs": ^7.22.5
-    "@babel/plugin-transform-modules-systemjs": ^7.22.5
-    "@babel/plugin-transform-modules-umd": ^7.22.5
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.22.5
-    "@babel/plugin-transform-new-target": ^7.22.5
-    "@babel/plugin-transform-nullish-coalescing-operator": ^7.22.5
-    "@babel/plugin-transform-numeric-separator": ^7.22.5
-    "@babel/plugin-transform-object-rest-spread": ^7.22.5
-    "@babel/plugin-transform-object-super": ^7.22.5
-    "@babel/plugin-transform-optional-catch-binding": ^7.22.5
-    "@babel/plugin-transform-optional-chaining": ^7.22.6
-    "@babel/plugin-transform-parameters": ^7.22.5
-    "@babel/plugin-transform-private-methods": ^7.22.5
-    "@babel/plugin-transform-private-property-in-object": ^7.22.5
-    "@babel/plugin-transform-property-literals": ^7.22.5
-    "@babel/plugin-transform-regenerator": ^7.22.5
-    "@babel/plugin-transform-reserved-words": ^7.22.5
-    "@babel/plugin-transform-shorthand-properties": ^7.22.5
-    "@babel/plugin-transform-spread": ^7.22.5
-    "@babel/plugin-transform-sticky-regex": ^7.22.5
-    "@babel/plugin-transform-template-literals": ^7.22.5
-    "@babel/plugin-transform-typeof-symbol": ^7.22.5
-    "@babel/plugin-transform-unicode-escapes": ^7.22.5
-    "@babel/plugin-transform-unicode-property-regex": ^7.22.5
-    "@babel/plugin-transform-unicode-regex": ^7.22.5
-    "@babel/plugin-transform-unicode-sets-regex": ^7.22.5
-    "@babel/preset-modules": ^0.1.5
-    "@babel/types": ^7.22.5
-    babel-plugin-polyfill-corejs2: ^0.4.4
-    babel-plugin-polyfill-corejs3: ^0.8.2
-    babel-plugin-polyfill-regenerator: ^0.5.1
+    "@babel/plugin-transform-arrow-functions": ^7.24.6
+    "@babel/plugin-transform-async-generator-functions": ^7.24.6
+    "@babel/plugin-transform-async-to-generator": ^7.24.6
+    "@babel/plugin-transform-block-scoped-functions": ^7.24.6
+    "@babel/plugin-transform-block-scoping": ^7.24.6
+    "@babel/plugin-transform-class-properties": ^7.24.6
+    "@babel/plugin-transform-class-static-block": ^7.24.6
+    "@babel/plugin-transform-classes": ^7.24.6
+    "@babel/plugin-transform-computed-properties": ^7.24.6
+    "@babel/plugin-transform-destructuring": ^7.24.6
+    "@babel/plugin-transform-dotall-regex": ^7.24.6
+    "@babel/plugin-transform-duplicate-keys": ^7.24.6
+    "@babel/plugin-transform-dynamic-import": ^7.24.6
+    "@babel/plugin-transform-exponentiation-operator": ^7.24.6
+    "@babel/plugin-transform-export-namespace-from": ^7.24.6
+    "@babel/plugin-transform-for-of": ^7.24.6
+    "@babel/plugin-transform-function-name": ^7.24.6
+    "@babel/plugin-transform-json-strings": ^7.24.6
+    "@babel/plugin-transform-literals": ^7.24.6
+    "@babel/plugin-transform-logical-assignment-operators": ^7.24.6
+    "@babel/plugin-transform-member-expression-literals": ^7.24.6
+    "@babel/plugin-transform-modules-amd": ^7.24.6
+    "@babel/plugin-transform-modules-commonjs": ^7.24.6
+    "@babel/plugin-transform-modules-systemjs": ^7.24.6
+    "@babel/plugin-transform-modules-umd": ^7.24.6
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.24.6
+    "@babel/plugin-transform-new-target": ^7.24.6
+    "@babel/plugin-transform-nullish-coalescing-operator": ^7.24.6
+    "@babel/plugin-transform-numeric-separator": ^7.24.6
+    "@babel/plugin-transform-object-rest-spread": ^7.24.6
+    "@babel/plugin-transform-object-super": ^7.24.6
+    "@babel/plugin-transform-optional-catch-binding": ^7.24.6
+    "@babel/plugin-transform-optional-chaining": ^7.24.6
+    "@babel/plugin-transform-parameters": ^7.24.6
+    "@babel/plugin-transform-private-methods": ^7.24.6
+    "@babel/plugin-transform-private-property-in-object": ^7.24.6
+    "@babel/plugin-transform-property-literals": ^7.24.6
+    "@babel/plugin-transform-regenerator": ^7.24.6
+    "@babel/plugin-transform-reserved-words": ^7.24.6
+    "@babel/plugin-transform-shorthand-properties": ^7.24.6
+    "@babel/plugin-transform-spread": ^7.24.6
+    "@babel/plugin-transform-sticky-regex": ^7.24.6
+    "@babel/plugin-transform-template-literals": ^7.24.6
+    "@babel/plugin-transform-typeof-symbol": ^7.24.6
+    "@babel/plugin-transform-unicode-escapes": ^7.24.6
+    "@babel/plugin-transform-unicode-property-regex": ^7.24.6
+    "@babel/plugin-transform-unicode-regex": ^7.24.6
+    "@babel/plugin-transform-unicode-sets-regex": ^7.24.6
+    "@babel/preset-modules": 0.1.6-no-external-plugins
+    babel-plugin-polyfill-corejs2: ^0.4.10
+    babel-plugin-polyfill-corejs3: ^0.10.4
+    babel-plugin-polyfill-regenerator: ^0.6.1
     core-js-compat: ^3.31.0
     semver: ^6.3.1
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6caa2897bbda30c6932aed0a03827deb1337c57108050c9f97dc9a857e1533c7125b168b6d70b9d191965bf05f9f233f0ad20303080505dff7ce39740aaa759d
+  checksum: 3467171641b0e38dcddef9b16f11676585bbfe32eab3674a881b6437eee330211c01cecd608d3d4e01607b1faf168184db041782ce90fe437f5a635e6bd7676c
   languageName: node
   linkType: hard
 
-"@babel/preset-modules@npm:^0.1.5":
-  version: 0.1.5
-  resolution: "@babel/preset-modules@npm:0.1.5"
+"@babel/preset-modules@npm:0.1.6-no-external-plugins":
+  version: 0.1.6-no-external-plugins
+  resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
   dependencies:
     "@babel/helper-plugin-utils": ^7.0.0
-    "@babel/plugin-proposal-unicode-property-regex": ^7.4.4
-    "@babel/plugin-transform-dotall-regex": ^7.4.4
     "@babel/types": ^7.4.4
     esutils: ^2.0.2
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8430e0e9e9d520b53e22e8c4c6a5a080a12b63af6eabe559c2310b187bd62ae113f3da82ba33e9d1d0f3230930ca702843aae9dd226dec51f7d7114dc1f51c10
-  languageName: node
-  linkType: hard
-
-"@babel/regjsgen@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@babel/regjsgen@npm:0.8.0"
-  checksum: 89c338fee774770e5a487382170711014d49a68eb281e74f2b5eac88f38300a4ad545516a7786a8dd5702e9cf009c94c2f582d200f077ac5decd74c56b973730
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.19.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
-  version: 7.19.0
-  resolution: "@babel/runtime@npm:7.19.0"
-  dependencies:
-    regenerator-runtime: ^0.13.4
-  checksum: fa69c351bb05e1db3ceb9a02fdcf620c234180af68cdda02152d3561015f6d55277265d3109815992f96d910f3db709458cae4f8df1c3def66f32e0867d82294
-  languageName: node
-  linkType: hard
-
-"@babel/template@npm:^7.18.10, @babel/template@npm:^7.3.3":
-  version: 7.18.10
-  resolution: "@babel/template@npm:7.18.10"
-  dependencies:
-    "@babel/code-frame": ^7.18.6
-    "@babel/parser": ^7.18.10
-    "@babel/types": ^7.18.10
-  checksum: 93a6aa094af5f355a72bd55f67fa1828a046c70e46f01b1606e6118fa1802b6df535ca06be83cc5a5e834022be95c7b714f0a268b5f20af984465a71e28f1473
-  languageName: node
-  linkType: hard
-
-"@babel/template@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/template@npm:7.22.15"
-  dependencies:
-    "@babel/code-frame": ^7.22.13
-    "@babel/parser": ^7.22.15
-    "@babel/types": ^7.22.15
-  checksum: 1f3e7dcd6c44f5904c184b3f7fe280394b191f2fed819919ffa1e529c259d5b197da8981b6ca491c235aee8dbad4a50b7e31304aa531271cb823a4a24a0dd8fd
+    "@babel/core": ^7.0.0-0 || ^8.0.0-0 <8.0.0
+  checksum: 4855e799bc50f2449fb5210f78ea9e8fd46cf4f242243f1e2ed838e2bd702e25e73e822e7f8447722a5f4baa5e67a8f7a0e403f3e7ce04540ff743a9c411c375
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/template@npm:7.22.5"
-  dependencies:
-    "@babel/code-frame": ^7.22.5
-    "@babel/parser": ^7.22.5
-    "@babel/types": ^7.22.5
-  checksum: c5746410164039aca61829cdb42e9a55410f43cace6f51ca443313f3d0bdfa9a5a330d0b0df73dc17ef885c72104234ae05efede37c1cc8a72dc9f93425977a3
+"@babel/regjsgen@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@babel/regjsgen@npm:0.8.0"
+  checksum: 89c338fee774770e5a487382170711014d49a68eb281e74f2b5eac88f38300a4ad545516a7786a8dd5702e9cf009c94c2f582d200f077ac5decd74c56b973730
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8":
-  version: 7.23.7
-  resolution: "@babel/traverse@npm:7.23.7"
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.9, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
+  version: 7.24.6
+  resolution: "@babel/runtime@npm:7.24.6"
   dependencies:
-    "@babel/code-frame": ^7.23.5
-    "@babel/generator": ^7.23.6
-    "@babel/helper-environment-visitor": ^7.22.20
-    "@babel/helper-function-name": ^7.23.0
-    "@babel/helper-hoist-variables": ^7.22.5
-    "@babel/helper-split-export-declaration": ^7.22.6
-    "@babel/parser": ^7.23.6
-    "@babel/types": ^7.23.6
-    debug: ^4.3.1
-    globals: ^11.1.0
-  checksum: d4a7afb922361f710efc97b1e25ec343fab8b2a4ddc81ca84f9a153f22d4482112cba8f263774be8d297918b6c4767c7a98988ab4e53ac73686c986711dd002e
+    regenerator-runtime: ^0.14.0
+  checksum: 44d95ca743898fed31b4cefef31de6fd3cf7906e94493368e9d6538289cc52c6c46185205d9c01d38466a5b3f673550f80892d30b1ed02a2c13e704863a8cc48
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
-  version: 7.19.0
-  resolution: "@babel/types@npm:7.19.0"
+"@babel/template@npm:^7.24.6, @babel/template@npm:^7.3.3":
+  version: 7.24.6
+  resolution: "@babel/template@npm:7.24.6"
   dependencies:
-    "@babel/helper-string-parser": ^7.18.10
-    "@babel/helper-validator-identifier": ^7.18.6
-    to-fast-properties: ^2.0.0
-  checksum: 9b346715a68aeede70ba9c685a144b0b26c53bcd595d448e24c8fa8df4d5956a5712e56ebadb7c85dcc32f218ee42788e37b93d50d3295c992072224cb3ef3fe
+    "@babel/code-frame": ^7.24.6
+    "@babel/parser": ^7.24.6
+    "@babel/types": ^7.24.6
+  checksum: 8e532ebdd5e1398c030af16881061bad43b9c3b758a193a6289dc5be5988cc543f7aa56a360e15b755258c0b3d387f3cd78b505835b040a2729d0261d0ff1711
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.8.3":
-  version: 7.22.5
-  resolution: "@babel/types@npm:7.22.5"
+"@babel/traverse@npm:^7.24.6":
+  version: 7.24.6
+  resolution: "@babel/traverse@npm:7.24.6"
   dependencies:
-    "@babel/helper-string-parser": ^7.22.5
-    "@babel/helper-validator-identifier": ^7.22.5
-    to-fast-properties: ^2.0.0
-  checksum: c13a9c1dc7d2d1a241a2f8363540cb9af1d66e978e8984b400a20c4f38ba38ca29f06e26a0f2d49a70bad9e57615dac09c35accfddf1bb90d23cd3e0a0bab892
+    "@babel/code-frame": ^7.24.6
+    "@babel/generator": ^7.24.6
+    "@babel/helper-environment-visitor": ^7.24.6
+    "@babel/helper-function-name": ^7.24.6
+    "@babel/helper-hoist-variables": ^7.24.6
+    "@babel/helper-split-export-declaration": ^7.24.6
+    "@babel/parser": ^7.24.6
+    "@babel/types": ^7.24.6
+    debug: ^4.3.1
+    globals: ^11.1.0
+  checksum: 654151b2ab5c9d5031c274cf197f707b8a27a1c70b38fcb8d1bf5ad2d8848f38675ab9c2a86aeb804657c5817124ac5be4cb6f5defa8ef7ac40596e1220697aa
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.22.15, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.6":
-  version: 7.23.6
-  resolution: "@babel/types@npm:7.23.6"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.24.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+  version: 7.24.6
+  resolution: "@babel/types@npm:7.24.6"
   dependencies:
-    "@babel/helper-string-parser": ^7.23.4
-    "@babel/helper-validator-identifier": ^7.22.20
+    "@babel/helper-string-parser": ^7.24.6
+    "@babel/helper-validator-identifier": ^7.24.6
     to-fast-properties: ^2.0.0
-  checksum: 68187dbec0d637f79bc96263ac95ec8b06d424396678e7e225492be866414ce28ebc918a75354d4c28659be6efe30020b4f0f6df81cc418a2d30645b690a8de0
+  checksum: 58d798dd37e6b14f818730b4536795d68d28ccd5dc2a105fd977104789b20602be11d92cdd47cdbd48d8cce3cc0e14c7773813357ad9d5d6e94d70587eb45bf5
   languageName: node
   linkType: hard
 
@@ -2518,32 +1380,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/autocomplete@npm:^6.0.0, @codemirror/autocomplete@npm:^6.3.2, @codemirror/autocomplete@npm:^6.5.1, @codemirror/autocomplete@npm:^6.7.1":
-  version: 6.9.0
-  resolution: "@codemirror/autocomplete@npm:6.9.0"
+"@codemirror/autocomplete@npm:^6.0.0, @codemirror/autocomplete@npm:^6.15.0, @codemirror/autocomplete@npm:^6.3.2, @codemirror/autocomplete@npm:^6.7.1":
+  version: 6.16.2
+  resolution: "@codemirror/autocomplete@npm:6.16.2"
   dependencies:
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.6.0
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
   peerDependencies:
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
     "@lezer/common": ^1.0.0
-  checksum: a5f661944c75f40b02c90a193c9a459c0fd7e335c0ac5973420c19157dfb46010f573c2b70731591fe477e7a2ad10121ff3ae394a72d450946d7b886c28b0368
+  checksum: ece600c23503879c490665de01631d6c03097b77c244b091f01ba39fde9d0429059bdcb97c280806366b33be4a7eb6eb60358245b9ab6c12ae23331dfb27217c
   languageName: node
   linkType: hard
 
-"@codemirror/commands@npm:^6.2.3":
-  version: 6.2.4
-  resolution: "@codemirror/commands@npm:6.2.4"
+"@codemirror/commands@npm:^6.3.3":
+  version: 6.6.0
+  resolution: "@codemirror/commands@npm:6.6.0"
   dependencies:
     "@codemirror/language": ^6.0.0
-    "@codemirror/state": ^6.2.0
-    "@codemirror/view": ^6.0.0
-    "@lezer/common": ^1.0.0
-  checksum: 468895fa19ff0554181b698c81f850820de5c0289cab92c44392fb127286f09ca72b921d6ea4353b70b616a4fd0c3667d86b6f917202a3ad2e196eb7b581f7b6
+    "@codemirror/state": ^6.4.0
+    "@codemirror/view": ^6.27.0
+    "@lezer/common": ^1.1.0
+  checksum: 53bb29f11f4453b7409836c41a9c13c0a8cb300e05ecc4928217330cf6e6735b1e5fb7fb831a2b1b8636593d6f3da42d016196ee1c8bb424f9cb73d55b8cb884
   languageName: node
   linkType: hard
 
@@ -2557,33 +1419,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/lang-css@npm:^6.0.0, @codemirror/lang-css@npm:^6.1.1":
-  version: 6.2.0
-  resolution: "@codemirror/lang-css@npm:6.2.0"
+"@codemirror/lang-css@npm:^6.0.0, @codemirror/lang-css@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "@codemirror/lang-css@npm:6.2.1"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
     "@lezer/common": ^1.0.2
     "@lezer/css": ^1.0.0
-  checksum: d824f169083613b63f04992c24d3fecd45c718cd3deb9da3f332dd3a889a762d05ea812e31ddf7ee4b661722f8c8b49676515cb98609067c53e25ac8b469a5e4
+  checksum: 5a8457ee8a4310030a969f2d3128429f549c4dc9b7907ee8888b42119c80b65af99093801432efdf659b8ec36a147d2a947bc1ecbbf69a759395214e3f4834a8
   languageName: node
   linkType: hard
 
-"@codemirror/lang-html@npm:^6.0.0, @codemirror/lang-html@npm:^6.4.3":
-  version: 6.4.5
-  resolution: "@codemirror/lang-html@npm:6.4.5"
+"@codemirror/lang-html@npm:^6.0.0, @codemirror/lang-html@npm:^6.4.8":
+  version: 6.4.9
+  resolution: "@codemirror/lang-html@npm:6.4.9"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/lang-css": ^6.0.0
     "@codemirror/lang-javascript": ^6.0.0
     "@codemirror/language": ^6.4.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.2.2
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
     "@lezer/css": ^1.1.0
     "@lezer/html": ^1.3.0
-  checksum: 08c6a55557f5491059f1b20d7788e64dcc37c488d4c97c00fa1c21af599ab48cdd7f839f3ffc6814480b9756c7a96845a36b578427b3c8d5efbfe123bf4553b9
+  checksum: ac8c3ceb0396f2e032752c5079bd950124dca708bc64e96fc147dc5fe7133e5cee0814fe951abdb953ec1d11fa540e4b30a712b5149d9a36016a197a28de45d7
   languageName: node
   linkType: hard
 
@@ -2597,18 +1459,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/lang-javascript@npm:^6.0.0, @codemirror/lang-javascript@npm:^6.1.7":
-  version: 6.1.9
-  resolution: "@codemirror/lang-javascript@npm:6.1.9"
+"@codemirror/lang-javascript@npm:^6.0.0, @codemirror/lang-javascript@npm:^6.2.2":
+  version: 6.2.2
+  resolution: "@codemirror/lang-javascript@npm:6.2.2"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/language": ^6.6.0
     "@codemirror/lint": ^6.0.0
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.0.0
+    "@codemirror/view": ^6.17.0
     "@lezer/common": ^1.0.0
     "@lezer/javascript": ^1.0.0
-  checksum: 6c79b51c61d37b3f4dde6312df02183045c31f055e5cf8550b497f39798b823b4e380a641a2cfc97f3f26fd4e89194258d8ef741c42acd72b3f2e18257b427a5
+  checksum: 66379942a8347dff2bd76d10ed7cf313bca83872f8336fdd3e14accfef23e7b690cd913c9d11a3854fba2b32299da07fc3275995327642c9ee43c2a8e538c19d
   languageName: node
   linkType: hard
 
@@ -2622,18 +1484,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/lang-markdown@npm:^6.1.1":
-  version: 6.2.0
-  resolution: "@codemirror/lang-markdown@npm:6.2.0"
+"@codemirror/lang-markdown@npm:^6.2.4":
+  version: 6.2.5
+  resolution: "@codemirror/lang-markdown@npm:6.2.5"
   dependencies:
     "@codemirror/autocomplete": ^6.7.1
     "@codemirror/lang-html": ^6.0.0
     "@codemirror/language": ^6.3.0
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
-    "@lezer/common": ^1.0.0
+    "@lezer/common": ^1.2.1
     "@lezer/markdown": ^1.0.0
-  checksum: 0b2b5334abc8bb46fdaf0723fcddb9565b89c58d245ee0cced2c62c9c5de8430ad8bd73ab92d8a6bd67130173b59006bec2922e614e0277aa2b2d62f308113cf
+  checksum: 3d9e0817f888eddcb6d05ec8f0d8dacbde7b9ef7650303bc4ab8b08a550a986c60c65b1565212e06af389c31590330f1f5ed65e619a9446dc2979ff3dac0e874
   languageName: node
   linkType: hard
 
@@ -2650,14 +1512,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/lang-python@npm:^6.1.3":
-  version: 6.1.3
-  resolution: "@codemirror/lang-python@npm:6.1.3"
+"@codemirror/lang-python@npm:^6.1.4":
+  version: 6.1.6
+  resolution: "@codemirror/lang-python@npm:6.1.6"
   dependencies:
     "@codemirror/autocomplete": ^6.3.2
     "@codemirror/language": ^6.8.0
+    "@codemirror/state": ^6.0.0
+    "@lezer/common": ^1.2.1
     "@lezer/python": ^1.1.4
-  checksum: 65a0276a4503e4e3b70dd28d1c93ef472632b6d2c4bf3ae92d305d14ee8cf60b0bbbf62d5ceb51294de9598d9e2d42eafcde26f317ee7b90d0a11dfa863c1d1a
+  checksum: eb1faabd332bb95d0f3e227eb19ac5a31140cf238905bbe73e061040999f5680a012f9145fb3688bc2fcbb1908c957511edc8eeb8a9aa88d27d4fa55ad451e95
   languageName: node
   linkType: hard
 
@@ -2671,113 +1535,115 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codemirror/lang-sql@npm:^6.4.1":
-  version: 6.5.2
-  resolution: "@codemirror/lang-sql@npm:6.5.2"
+"@codemirror/lang-sql@npm:^6.6.1":
+  version: 6.6.4
+  resolution: "@codemirror/lang-sql@npm:6.6.4"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/language": ^6.0.0
     "@codemirror/state": ^6.0.0
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: 29c7f3245271e50707939946e0aa3bae36d2fc392281c5a44bed38c886a5709611a8c68494d1f21c854dd70771ddb2cff2f0f26221b031653278ba2d5678a2b8
+  checksum: ae7c498d08c118d8f1751c28d12c54f45cacd589f6adb56216d44eb14abc0e436dcefe675d50bd02a242426327384cbcafa8c35098aa63384570a33c4cf27038
   languageName: node
   linkType: hard
 
-"@codemirror/lang-wast@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "@codemirror/lang-wast@npm:6.0.1"
+"@codemirror/lang-wast@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "@codemirror/lang-wast@npm:6.0.2"
   dependencies:
     "@codemirror/language": ^6.0.0
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: 600d98d3ea6a4e99292244ed707e39a2abd9f3abf62cfeff5c819a0cc0c7e86b8c5b91e91c1b7ea21233d9ea09c41abe61d8a40b2547bb5db74239c6df857934
+  checksum: 72119d4a7d726c54167aa227c982ae9fa785c8ad97a158d8350ae95eecfbd8028a803eef939f7e6c5c6e626fcecda1dc37e9dffc6d5d6ec105f686aeda6b2c24
   languageName: node
   linkType: hard
 
-"@codemirror/lang-xml@npm:^6.0.2":
-  version: 6.0.2
-  resolution: "@codemirror/lang-xml@npm:6.0.2"
+"@codemirror/lang-xml@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "@codemirror/lang-xml@npm:6.1.0"
   dependencies:
     "@codemirror/autocomplete": ^6.0.0
     "@codemirror/language": ^6.4.0
     "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
     "@lezer/common": ^1.0.0
     "@lezer/xml": ^1.0.0
-  checksum: e156ecafaa87e9b6ef4ab6812ccd00d8f3c6cb81f232837636b36336d80513b61936dfee6f4f6800574f236208b61e95a2abcb997cdcd7366585a6b796e0e13b
+  checksum: 3a1b7af07b29ad7e53b77bf584245580b613bc92256059f175f2b1d7c28c4e39b75654fe169b9a8a330a60164b53ff5254bdb5b8ee8c6e6766427ee115c4e229
   languageName: node
   linkType: hard
 
-"@codemirror/language@npm:^6.0.0, @codemirror/language@npm:^6.3.0, @codemirror/language@npm:^6.4.0, @codemirror/language@npm:^6.6.0, @codemirror/language@npm:^6.8.0":
-  version: 6.8.0
-  resolution: "@codemirror/language@npm:6.8.0"
+"@codemirror/language@npm:^6.0.0, @codemirror/language@npm:^6.10.1, @codemirror/language@npm:^6.3.0, @codemirror/language@npm:^6.4.0, @codemirror/language@npm:^6.6.0, @codemirror/language@npm:^6.8.0":
+  version: 6.10.2
+  resolution: "@codemirror/language@npm:6.10.2"
   dependencies:
     "@codemirror/state": ^6.0.0
-    "@codemirror/view": ^6.0.0
-    "@lezer/common": ^1.0.0
+    "@codemirror/view": ^6.23.0
+    "@lezer/common": ^1.1.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
     style-mod: ^4.0.0
-  checksum: 64408d996641931fa4c6b892e17ee1fdaee0f63d3d84c019a6ea7b1e6d1c774f92357b95c2ebaed60545062b795b72d0a058c03578b2bf4023c87726e97b5d2f
+  checksum: 4e60afb75fb56519f59d9d85e0aa03f0c8d017e0da0f3f8f321baf35a776801fcec9787f3d0c029eba12aa766fba98b0fe86fc3111b43e0812b554184c0e8d67
   languageName: node
   linkType: hard
 
-"@codemirror/legacy-modes@npm:^6.3.2":
-  version: 6.3.2
-  resolution: "@codemirror/legacy-modes@npm:6.3.2"
+"@codemirror/legacy-modes@npm:^6.3.3":
+  version: 6.4.0
+  resolution: "@codemirror/legacy-modes@npm:6.4.0"
   dependencies:
     "@codemirror/language": ^6.0.0
-  checksum: fa5f5477fb9e19267251e2ecd3de8c1a4c2512813555bb60111dce3951f2c3f6080a2985a573b7542534ba1d2c34115f7e39ee23fdf8f6f81db6f8ce447c1efc
+  checksum: d382aa6f640a67418bd209e1e4b395340f96aac1b0cf185927fc2c7f98b62cfd0c59ef0f7048148ce8771622003ca844c78c2d18548235ecc57d0bcbfbbfe091
   languageName: node
   linkType: hard
 
 "@codemirror/lint@npm:^6.0.0":
-  version: 6.4.0
-  resolution: "@codemirror/lint@npm:6.4.0"
+  version: 6.8.0
+  resolution: "@codemirror/lint@npm:6.8.0"
   dependencies:
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
     crelt: ^1.0.5
-  checksum: ba15f7dd87afbceafaa0b68f94b0d53727e4aacca7a81a4ed3278706df5787fdf18cd3f0d807a136f902b2fc2296bf3490462fd543d1d4ced17a0d8c171820fd
+  checksum: 233adfc8a72906ec504ad35ebaff32dc2458b9f435219febbfc8504eee842032895fcdcb33ad6dd45cc36509456d5db06618602f14dfe1052aaa2b0e08765ee5
   languageName: node
   linkType: hard
 
-"@codemirror/search@npm:^6.3.0":
-  version: 6.5.0
-  resolution: "@codemirror/search@npm:6.5.0"
+"@codemirror/search@npm:^6.5.6":
+  version: 6.5.6
+  resolution: "@codemirror/search@npm:6.5.6"
   dependencies:
     "@codemirror/state": ^6.0.0
     "@codemirror/view": ^6.0.0
     crelt: ^1.0.5
-  checksum: 2e9f2344b7dbd4bad79058c105d8cbd02b2bf94c27495310f0e3b6e999010aa080dceea47ef46e35439cc9e131b47c46f7d2eda700ef491b5f2f34bbc8e145ab
+  checksum: 19dc88d09fc750563347001e83c6194bbb2a25c874bd919d2d81809e1f98d6330222ddbd284aa9758a09eeb41fd153ec7c2cf810b2ee51452c25963d7f5833d5
   languageName: node
   linkType: hard
 
-"@codemirror/state@npm:^6.0.0, @codemirror/state@npm:^6.1.4, @codemirror/state@npm:^6.2.0":
-  version: 6.2.1
-  resolution: "@codemirror/state@npm:6.2.1"
-  checksum: d12a321d0471b264b9d3259042bff913a8b939e8d28d408ff452004538a71ca9d5329df3f8a1d8a9183f5b42a7ef5b200737bcab1065714f5ae8e0a5ba9d59d3
+"@codemirror/state@npm:^6.0.0, @codemirror/state@npm:^6.4.0, @codemirror/state@npm:^6.4.1":
+  version: 6.4.1
+  resolution: "@codemirror/state@npm:6.4.1"
+  checksum: b81b55574091349eed4d32fc0eadb0c9688f1f7c98b681318f59138ee0f527cb4c4a97831b70547c0640f02f3127647838ae6730782de4a3dd2cc58836125d01
   languageName: node
   linkType: hard
 
-"@codemirror/view@npm:^6.0.0, @codemirror/view@npm:^6.2.2, @codemirror/view@npm:^6.6.0, @codemirror/view@npm:^6.9.6":
-  version: 6.15.3
-  resolution: "@codemirror/view@npm:6.15.3"
+"@codemirror/view@npm:^6.0.0, @codemirror/view@npm:^6.17.0, @codemirror/view@npm:^6.23.0, @codemirror/view@npm:^6.26.0, @codemirror/view@npm:^6.27.0":
+  version: 6.27.0
+  resolution: "@codemirror/view@npm:6.27.0"
   dependencies:
-    "@codemirror/state": ^6.1.4
-    style-mod: ^4.0.0
+    "@codemirror/state": ^6.4.0
+    style-mod: ^4.1.0
     w3c-keyname: ^2.2.4
-  checksum: 048949b1b493a962904a7f77661a939f7c1893a7381022756a135f5dd8daf667f498be1b81da9c37c0e8de85b078ad987c2f75318385c520ed83c95da6313e95
+  checksum: 8d250d24e0a3eed773d7ad0a613a6ddc0be4f78d708c19e143ca7eacdec7f30490bfcd63fb936c31a4387d186298dca6cff654a66cd34952b60a1f6c181cc61a
   languageName: node
   linkType: hard
 
 "@csstools/selector-specificity@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "@csstools/selector-specificity@npm:2.0.2"
+  version: 2.2.0
+  resolution: "@csstools/selector-specificity@npm:2.2.0"
   peerDependencies:
-    postcss: ^8.2
     postcss-selector-parser: ^6.0.10
-  checksum: a2045a27276a6cfe645b6e212afc217d9a43174ea7a1fa1ab8918d5a0ace72380fbd9837fe1920c547985c11a9070dc48c5c80d483d3f581ddf7aa688204d44f
+  checksum: 97c89f23b3b527d7bd51ed299969ed2b9fbb219a367948b44aefec228b8eda6ae0ad74fe8a82f9aac8ff32cfd00bb6d0c98d1daeab2e8fc6d5c4af25e5be5673
   languageName: node
   linkType: hard
 
@@ -2788,158 +1654,149 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/babel-plugin@npm:^11.10.0":
-  version: 11.10.2
-  resolution: "@emotion/babel-plugin@npm:11.10.2"
+"@emotion/babel-plugin@npm:^11.11.0":
+  version: 11.11.0
+  resolution: "@emotion/babel-plugin@npm:11.11.0"
   dependencies:
     "@babel/helper-module-imports": ^7.16.7
-    "@babel/plugin-syntax-jsx": ^7.17.12
     "@babel/runtime": ^7.18.3
-    "@emotion/hash": ^0.9.0
-    "@emotion/memoize": ^0.8.0
-    "@emotion/serialize": ^1.1.0
+    "@emotion/hash": ^0.9.1
+    "@emotion/memoize": ^0.8.1
+    "@emotion/serialize": ^1.1.2
     babel-plugin-macros: ^3.1.0
     convert-source-map: ^1.5.0
     escape-string-regexp: ^4.0.0
     find-root: ^1.1.0
     source-map: ^0.5.7
-    stylis: 4.0.13
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 7f9e84b3c00b4db5a829c6880549c6a816b3defcaf828cb37808737f3c17b22a45a06e48334f38f5729b218812252857ced27d3a12dd8ca1e260e4b1d0045dfd
+    stylis: 4.2.0
+  checksum: 6b363edccc10290f7a23242c06f88e451b5feb2ab94152b18bb8883033db5934fb0e421e2d67d09907c13837c21218a3ac28c51707778a54d6cd3706c0c2f3f9
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.10.0, @emotion/cache@npm:^11.10.3":
-  version: 11.10.3
-  resolution: "@emotion/cache@npm:11.10.3"
+"@emotion/cache@npm:^11.11.0":
+  version: 11.11.0
+  resolution: "@emotion/cache@npm:11.11.0"
   dependencies:
-    "@emotion/memoize": ^0.8.0
-    "@emotion/sheet": ^1.2.0
-    "@emotion/utils": ^1.2.0
-    "@emotion/weak-memoize": ^0.3.0
-    stylis: 4.0.13
-  checksum: d31291eff1b270d8db6f471b2b9b3bc5d786c296838631f101837747ff5afa8e8890655279457c68ce2cee23256ab02a25c177f5487b5061da82c7354c1bdce5
+    "@emotion/memoize": ^0.8.1
+    "@emotion/sheet": ^1.2.2
+    "@emotion/utils": ^1.2.1
+    "@emotion/weak-memoize": ^0.3.1
+    stylis: 4.2.0
+  checksum: 8eb1dc22beaa20c21a2e04c284d5a2630a018a9d51fb190e52de348c8d27f4e8ca4bbab003d68b4f6cd9cc1c569ca747a997797e0f76d6c734a660dc29decf08
   languageName: node
   linkType: hard
 
-"@emotion/hash@npm:^0.9.0":
-  version: 0.9.0
-  resolution: "@emotion/hash@npm:0.9.0"
-  checksum: b63428f7c8186607acdca5d003700cecf0ded519d0b5c5cc3b3154eafcad6ff433f8361bd2bac8882715b557e6f06945694aeb6ba8b25c6095d7a88570e2e0bb
+"@emotion/hash@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "@emotion/hash@npm:0.9.1"
+  checksum: 716e17e48bf9047bf9383982c071de49f2615310fb4e986738931776f5a823bc1f29c84501abe0d3df91a3803c80122d24e28b57351bca9e01356ebb33d89876
   languageName: node
   linkType: hard
 
-"@emotion/is-prop-valid@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@emotion/is-prop-valid@npm:1.2.0"
+"@emotion/is-prop-valid@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "@emotion/is-prop-valid@npm:1.2.2"
   dependencies:
-    "@emotion/memoize": ^0.8.0
-  checksum: cc7a19850a4c5b24f1514665289442c8c641709e6f7711067ad550e05df331da0692a16148e85eda6f47e31b3261b64d74c5e25194d053223be16231f969d633
+    "@emotion/memoize": ^0.8.1
+  checksum: 61f6b128ea62b9f76b47955057d5d86fcbe2a6989d2cd1e583daac592901a950475a37d049b9f7a7c6aa8758a33b408735db759fdedfd1f629df0f85ab60ea25
   languageName: node
   linkType: hard
 
-"@emotion/memoize@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@emotion/memoize@npm:0.8.0"
-  checksum: c87bb110b829edd8e1c13b90a6bc37cebc39af29c7599a1e66a48e06f9bec43e8e53495ba86278cc52e7589549492c8dfdc81d19f4fdec0cee6ba13d2ad2c928
+"@emotion/memoize@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "@emotion/memoize@npm:0.8.1"
+  checksum: a19cc01a29fcc97514948eaab4dc34d8272e934466ed87c07f157887406bc318000c69ae6f813a9001c6a225364df04249842a50e692ef7a9873335fbcc141b0
   languageName: node
   linkType: hard
 
 "@emotion/react@npm:^11.10.4":
-  version: 11.10.4
-  resolution: "@emotion/react@npm:11.10.4"
+  version: 11.11.4
+  resolution: "@emotion/react@npm:11.11.4"
   dependencies:
     "@babel/runtime": ^7.18.3
-    "@emotion/babel-plugin": ^11.10.0
-    "@emotion/cache": ^11.10.0
-    "@emotion/serialize": ^1.1.0
-    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
-    "@emotion/utils": ^1.2.0
-    "@emotion/weak-memoize": ^0.3.0
+    "@emotion/babel-plugin": ^11.11.0
+    "@emotion/cache": ^11.11.0
+    "@emotion/serialize": ^1.1.3
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.1
+    "@emotion/utils": ^1.2.1
+    "@emotion/weak-memoize": ^0.3.1
     hoist-non-react-statics: ^3.3.1
   peerDependencies:
-    "@babel/core": ^7.0.0
     react: ">=16.8.0"
   peerDependenciesMeta:
-    "@babel/core":
-      optional: true
     "@types/react":
       optional: true
-  checksum: 7555f6a1840c71d841386be2ec98ebfd6399923bd6a61247c7b07283f9a056f57e83c4fdd9ea7a7fcc3d88e5e04bb03168b4f0557934bcd501c88af4db16e1e0
+  checksum: 6abaa7a05c5e1db31bffca7ac79169f5456990022cbb3794e6903221536609a60420f2b4888dd3f84e9634a304e394130cb88dc32c243a1dedc263e50da329f8
   languageName: node
   linkType: hard
 
-"@emotion/serialize@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@emotion/serialize@npm:1.1.0"
+"@emotion/serialize@npm:^1.1.2, @emotion/serialize@npm:^1.1.3, @emotion/serialize@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "@emotion/serialize@npm:1.1.4"
   dependencies:
-    "@emotion/hash": ^0.9.0
-    "@emotion/memoize": ^0.8.0
-    "@emotion/unitless": ^0.8.0
-    "@emotion/utils": ^1.2.0
+    "@emotion/hash": ^0.9.1
+    "@emotion/memoize": ^0.8.1
+    "@emotion/unitless": ^0.8.1
+    "@emotion/utils": ^1.2.1
     csstype: ^3.0.2
-  checksum: 8f22f83194ad76cb3bbee481daa57fdc65ca3078a5db9e219c04151341ef93af80c7057aea17b64446682d275918f7ecc0c20e977c1af153c79a1485503fe717
+  checksum: 71b99f816a9c1d61a87c62cf4928da3894bb62213f3aff38b1ea9790b3368f084af98a3e5453b5055c2f36a7d70318d2fa9955b7b5676c2065b868062375df39
   languageName: node
   linkType: hard
 
-"@emotion/sheet@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@emotion/sheet@npm:1.2.0"
-  checksum: b3771e47963d36c179f9a1119055d7e5d18e2718e73ebe2b4b1c56f4bbf4ea6b12c50bbc52cd502f03f7981beb2fbb3fee2638b6f5ef6c5f223b06f8bf88ec7b
+"@emotion/sheet@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "@emotion/sheet@npm:1.2.2"
+  checksum: d973273c9c15f1c291ca2269728bf044bd3e92a67bca87943fa9ec6c3cd2b034f9a6bfe95ef1b5d983351d128c75b547b43ff196a00a3875f7e1d269793cecfe
   languageName: node
   linkType: hard
 
 "@emotion/styled@npm:^11.10.4":
-  version: 11.10.4
-  resolution: "@emotion/styled@npm:11.10.4"
+  version: 11.11.5
+  resolution: "@emotion/styled@npm:11.11.5"
   dependencies:
     "@babel/runtime": ^7.18.3
-    "@emotion/babel-plugin": ^11.10.0
-    "@emotion/is-prop-valid": ^1.2.0
-    "@emotion/serialize": ^1.1.0
-    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
-    "@emotion/utils": ^1.2.0
+    "@emotion/babel-plugin": ^11.11.0
+    "@emotion/is-prop-valid": ^1.2.2
+    "@emotion/serialize": ^1.1.4
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.1
+    "@emotion/utils": ^1.2.1
   peerDependencies:
-    "@babel/core": ^7.0.0
     "@emotion/react": ^11.0.0-rc.0
     react: ">=16.8.0"
   peerDependenciesMeta:
-    "@babel/core":
-      optional: true
     "@types/react":
       optional: true
-  checksum: d56cbf48f30c5a36d618adf2c4d7d9440b5059373a96964fa2a6e832ce9b9ae8cee11b5292b444264b3acbfdd6a8f6c9050e197a35c8dea7e9b9cc78f55ac31c
+  checksum: ad5fc42d00e8aa9597f6d9665986036d5ebe0e8f8155af6d95831c5e8fb2319fb837724e6c5cd59e5346f14c3263711b7ce7271d34688e974d1f32ffeecb37ba
   languageName: node
   linkType: hard
 
-"@emotion/unitless@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@emotion/unitless@npm:0.8.0"
-  checksum: 176141117ed23c0eb6e53a054a69c63e17ae532ec4210907a20b2208f91771821835f1c63dd2ec63e30e22fcc984026d7f933773ee6526dd038e0850919fae7a
+"@emotion/unitless@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "@emotion/unitless@npm:0.8.1"
+  checksum: 385e21d184d27853bb350999471f00e1429fa4e83182f46cd2c164985999d9b46d558dc8b9cc89975cb337831ce50c31ac2f33b15502e85c299892e67e7b4a88
   languageName: node
   linkType: hard
 
-"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.0"
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1"
   peerDependencies:
     react: ">=16.8.0"
-  checksum: 4f06a3b48258c832aa8022a262572061a31ff078d377e9164cccc99951309d70f4466e774fe704461b2f8715007a82ed625a54a5c7a127c89017d3ce3187d4f1
+  checksum: 700b6e5bbb37a9231f203bb3af11295eed01d73b2293abece0bc2a2237015e944d7b5114d4887ad9a79776504aa51ed2a8b0ddbc117c54495dd01a6b22f93786
   languageName: node
   linkType: hard
 
-"@emotion/utils@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@emotion/utils@npm:1.2.0"
-  checksum: 55457a49ddd4db6a014ea0454dc09eaa23eedfb837095c8ff90470cb26a303f7ceb5fcc1e2190ef64683e64cfd33d3ba3ca3109cd87d12bc9e379e4195c9a4dd
+"@emotion/utils@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@emotion/utils@npm:1.2.1"
+  checksum: e0b44be0705b56b079c55faff93952150be69e79b660ae70ddd5b6e09fc40eb1319654315a9f34bb479d7f4ec94be6068c061abbb9e18b9778ae180ad5d97c73
   languageName: node
   linkType: hard
 
-"@emotion/weak-memoize@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "@emotion/weak-memoize@npm:0.3.0"
-  checksum: f43ef4c8b7de70d9fa5eb3105921724651e4188e895beb71f0c5919dc899a7b8743e1fdd99d38b9092dd5722c7be2312ebb47fbdad0c4e38bea58f6df5885cc0
+"@emotion/weak-memoize@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "@emotion/weak-memoize@npm:0.3.1"
+  checksum: b2be47caa24a8122622ea18cd2d650dbb4f8ad37b636dc41ed420c2e082f7f1e564ecdea68122b546df7f305b159bf5ab9ffee872abd0f052e687428459af594
   languageName: node
   linkType: hard
 
@@ -2960,6 +1817,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/core@npm:^1.0.0":
+  version: 1.6.2
+  resolution: "@floating-ui/core@npm:1.6.2"
+  dependencies:
+    "@floating-ui/utils": ^0.2.0
+  checksum: a161b2c8e14b6e185960ec19398f4b893ef3cd6620d535c348c1dc877fb4ffc9f701eb7156f6a30a89b7826093ba28ea223fc2fd1996c0b2464741208725ac8f
+  languageName: node
+  linkType: hard
+
+"@floating-ui/dom@npm:^1.0.0":
+  version: 1.6.5
+  resolution: "@floating-ui/dom@npm:1.6.5"
+  dependencies:
+    "@floating-ui/core": ^1.0.0
+    "@floating-ui/utils": ^0.2.0
+  checksum: 767295173cfc9024b2187b65d3c1a0c8d8596a1f827d57c86288e52edf91b41508b3679643e24e0ef9f522d86aab59ef97354b456b39be4f6f5159d819cc807d
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react-dom@npm:^2.0.8":
+  version: 2.1.0
+  resolution: "@floating-ui/react-dom@npm:2.1.0"
+  dependencies:
+    "@floating-ui/dom": ^1.0.0
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 371ab3b14627026c637f4a2b8ca3dbfb7f67f1d51e74af5448b8e5bc76b8ccf30fed5e66d855f1ac1a6de28d79acc6dffcbcca4744a327a5e8d47f3515b0b52a
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.0":
+  version: 0.2.2
+  resolution: "@floating-ui/utils@npm:0.2.2"
+  checksum: 3d8d46fd1b071c98e10d374e2dcf54d1eb9de0aa75ed2b994c9132ebf6f783f896f979053be71450bdb6d60021120cfc24d25a5c84ebb3db0994080e13d9762f
+  languageName: node
+  linkType: hard
+
 "@fortawesome/fontawesome-free@npm:^5.12.0":
   version: 5.15.4
   resolution: "@fortawesome/fontawesome-free@npm:5.15.4"
@@ -3012,57 +1907,57 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@istanbuljs/schema@npm:^0.1.2":
+"@istanbuljs/schema@npm:^0.1.2, @istanbuljs/schema@npm:^0.1.3":
   version: 0.1.3
   resolution: "@istanbuljs/schema@npm:0.1.3"
   checksum: 5282759d961d61350f33d9118d16bcaed914ebf8061a52f4fa474b2cb08720c9c81d165e13b82f2e5a8a212cc5af482f0c6fc1ac27b9e067e5394c9a6ed186c9
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/console@npm:29.6.1"
+"@jest/console@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/console@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
-  checksum: d0ab23a00947bfb4bff8c0a7e5a7afd16519de16dde3fe7e77b9f13e794c6df7043ecf7fcdde66ac0d2b5fb3262e9cab3d92eaf61f89a12d3b8e3602e06a9902
+  checksum: 0e3624e32c5a8e7361e889db70b170876401b7d70f509a2538c31d5cd50deb0c1ae4b92dc63fe18a0902e0a48c590c21d53787a0df41a52b34fa7cab96c384d6
   languageName: node
   linkType: hard
 
-"@jest/core@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/core@npm:29.6.1"
+"@jest/core@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/core@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/reporters": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/reporters": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     ci-info: ^3.2.0
     exit: ^0.1.2
     graceful-fs: ^4.2.9
-    jest-changed-files: ^29.5.0
-    jest-config: ^29.6.1
-    jest-haste-map: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-resolve-dependencies: ^29.6.1
-    jest-runner: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
-    jest-watcher: ^29.6.1
+    jest-changed-files: ^29.7.0
+    jest-config: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-resolve-dependencies: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
+    jest-watcher: ^29.7.0
     micromatch: ^4.0.4
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-ansi: ^6.0.0
   peerDependencies:
@@ -3070,76 +1965,76 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: 736dcc90c6c58dd9e1d2da122103b851187719ce3b3d4167689c63e68252632cd817712955b52ddaa648eba9c6f98f86cd58677325f0db4185f76899c64d7dac
+  checksum: af759c9781cfc914553320446ce4e47775ae42779e73621c438feb1e4231a5d4862f84b1d8565926f2d1aab29b3ec3dcfdc84db28608bdf5f29867124ebcfc0d
   languageName: node
   linkType: hard
 
-"@jest/environment@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/environment@npm:29.6.1"
+"@jest/environment@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/environment@npm:29.7.0"
   dependencies:
-    "@jest/fake-timers": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-mock: ^29.6.1
-  checksum: fb671f91f27e7aa1ba04983ef87a83f0794a597aba0a57d08cbb1fcb484c2aedc2201e99f85fafe27aec9be78af6f2d1d7e6ea88267938992a1d0f9d4615f5b2
+    jest-mock: ^29.7.0
+  checksum: 6fb398143b2543d4b9b8d1c6dbce83fa5247f84f550330604be744e24c2bd2178bb893657d62d1b97cf2f24baf85c450223f8237cccb71192c36a38ea2272934
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/expect-utils@npm:29.6.1"
+"@jest/expect-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect-utils@npm:29.7.0"
   dependencies:
-    jest-get-type: ^29.4.3
-  checksum: 037ee017eca62f7b45e1465fb5c6f9e92d5709a9ac716b8bff0bd294240a54de734e8f968fb69309cc4aef6c83b9552d5a821f3b18371af394bf04783859d706
+    jest-get-type: ^29.6.3
+  checksum: 75eb177f3d00b6331bcaa057e07c0ccb0733a1d0a1943e1d8db346779039cb7f103789f16e502f888a3096fb58c2300c38d1f3748b36a7fa762eb6f6d1b160ed
   languageName: node
   linkType: hard
 
-"@jest/expect@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/expect@npm:29.6.1"
+"@jest/expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect@npm:29.7.0"
   dependencies:
-    expect: ^29.6.1
-    jest-snapshot: ^29.6.1
-  checksum: 5c56977b3cc8489744d97d9dc2dcb196c1dfecc83a058a7ef0fd4f63d68cf120a23d27669272d1e1b184fb4337b85e4ac1fc7f886e3988fdf243d42d73973eac
+    expect: ^29.7.0
+    jest-snapshot: ^29.7.0
+  checksum: a01cb85fd9401bab3370618f4b9013b90c93536562222d920e702a0b575d239d74cecfe98010aaec7ad464f67cf534a353d92d181646a4b792acaa7e912ae55e
   languageName: node
   linkType: hard
 
-"@jest/fake-timers@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/fake-timers@npm:29.6.1"
+"@jest/fake-timers@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/fake-timers@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@sinonjs/fake-timers": ^10.0.2
     "@types/node": "*"
-    jest-message-util: ^29.6.1
-    jest-mock: ^29.6.1
-    jest-util: ^29.6.1
-  checksum: 86991276944b7d6c2ada3703a272517f5f8f2f4e2af1fe26065f6db1dac4dc6299729a88c46bcb781dcc1b20504c1d4bbd8119fd8a0838ac81a9a4b5d2c8e429
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: caf2bbd11f71c9241b458d1b5a66cbe95debc5a15d96442444b5d5c7ba774f523c76627c6931cca5e10e76f0d08761f6f1f01a608898f4751a0eee54fc3d8d00
   languageName: node
   linkType: hard
 
-"@jest/globals@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/globals@npm:29.6.1"
+"@jest/globals@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/globals@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/expect": ^29.6.1
-    "@jest/types": ^29.6.1
-    jest-mock: ^29.6.1
-  checksum: fcca0b970a8b4894a1cdff0f500a86b45609e72c0a4319875e9504237b839df1a46c44d2f1362c6d87fdc7a05928edcc4b5a3751c9e6648dd70a761cdab64c94
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/types": ^29.6.3
+    jest-mock: ^29.7.0
+  checksum: 97dbb9459135693ad3a422e65ca1c250f03d82b2a77f6207e7fa0edd2c9d2015fbe4346f3dc9ebff1678b9d8da74754d4d440b7837497f8927059c0642a22123
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/reporters@npm:29.6.1"
+"@jest/reporters@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/reporters@npm:29.7.0"
   dependencies:
     "@bcoe/v8-coverage": ^0.2.3
-    "@jest/console": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@jridgewell/trace-mapping": ^0.3.18
     "@types/node": "*"
     chalk: ^4.0.0
@@ -3148,13 +2043,13 @@ __metadata:
     glob: ^7.1.3
     graceful-fs: ^4.2.9
     istanbul-lib-coverage: ^3.0.0
-    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-instrument: ^6.0.0
     istanbul-lib-report: ^3.0.0
     istanbul-lib-source-maps: ^4.0.0
     istanbul-reports: ^3.1.3
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
-    jest-worker: ^29.6.1
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
     slash: ^3.0.0
     string-length: ^4.0.1
     strip-ansi: ^6.0.0
@@ -3164,166 +2059,169 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: b7dae415f3f6342b4db2671261bbee29af20a829f42135316c3dd548b9ef85290c9bb64a0e3aec4a55486596be1257ac8216a0f8d9794acd43f8b8fb686fc7e3
+  checksum: 7eadabd62cc344f629024b8a268ecc8367dba756152b761bdcb7b7e570a3864fc51b2a9810cd310d85e0a0173ef002ba4528d5ea0329fbf66ee2a3ada9c40455
   languageName: node
   linkType: hard
 
-"@jest/schemas@npm:^29.6.0":
-  version: 29.6.0
-  resolution: "@jest/schemas@npm:29.6.0"
+"@jest/schemas@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/schemas@npm:29.6.3"
   dependencies:
     "@sinclair/typebox": ^0.27.8
-  checksum: c00511c69cf89138a7d974404d3a5060af375b5a52b9c87215d91873129b382ca11c1ff25bd6d605951404bb381ddce5f8091004a61e76457da35db1f5c51365
+  checksum: 910040425f0fc93cd13e68c750b7885590b8839066dfa0cd78e7def07bbb708ad869381f725945d66f2284de5663bbecf63e8fdd856e2ae6e261ba30b1687e93
   languageName: node
   linkType: hard
 
-"@jest/source-map@npm:^29.6.0":
-  version: 29.6.0
-  resolution: "@jest/source-map@npm:29.6.0"
+"@jest/source-map@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/source-map@npm:29.6.3"
   dependencies:
     "@jridgewell/trace-mapping": ^0.3.18
     callsites: ^3.0.0
     graceful-fs: ^4.2.9
-  checksum: 9c6c40387410bb70b2fae8124287fc28f6bdd1b2d7f24348e8611e1bb638b404518228a4ce64a582365b589c536ae8e7ebab0126cef59a87874b71061d19783b
+  checksum: bcc5a8697d471396c0003b0bfa09722c3cd879ad697eb9c431e6164e2ea7008238a01a07193dfe3cbb48b1d258eb7251f6efcea36f64e1ebc464ea3c03ae2deb
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/test-result@npm:29.6.1"
+"@jest/test-result@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-result@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/istanbul-lib-coverage": ^2.0.0
     collect-v8-coverage: ^1.0.0
-  checksum: 9397a3a3410c5df564e79297b1be4fe33807a6157a017a1f74b54a6ef14de1530f12b922299e822e66a82c53269da16661772bffde3d883a78c5eefd2cd6d1cc
+  checksum: 67b6317d526e335212e5da0e768e3b8ab8a53df110361b80761353ad23b6aea4432b7c5665bdeb87658ea373b90fb1afe02ed3611ef6c858c7fba377505057fa
   languageName: node
   linkType: hard
 
-"@jest/test-sequencer@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/test-sequencer@npm:29.6.1"
+"@jest/test-sequencer@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-sequencer@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.6.1
+    "@jest/test-result": ^29.7.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
+    jest-haste-map: ^29.7.0
     slash: ^3.0.0
-  checksum: f3437178b5dca0401ed2e990d8b69161442351856d56f5725e009a487f5232b51039f8829673884b9bea61c861120d08a53a36432f4a4b8aab38915a68f7000d
+  checksum: 73f43599017946be85c0b6357993b038f875b796e2f0950487a82f4ebcb115fa12131932dd9904026b4ad8be131fe6e28bd8d0aa93b1563705185f9804bff8bd
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/transform@npm:29.6.1"
+"@jest/transform@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/transform@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@jridgewell/trace-mapping": ^0.3.18
     babel-plugin-istanbul: ^6.1.1
     chalk: ^4.0.0
     convert-source-map: ^2.0.0
     fast-json-stable-stringify: ^2.1.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.6.1
+    jest-haste-map: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
     micromatch: ^4.0.4
     pirates: ^4.0.4
     slash: ^3.0.0
     write-file-atomic: ^4.0.2
-  checksum: 1635cd66e4b3dbba0689ecefabc6137301756c9c12d1d23e25124dd0dd9b4a6a38653d51e825e90f74faa022152ac1eaf200591fb50417aa7e1f7d1d1c2bc11d
+  checksum: 0f8ac9f413903b3cb6d240102db848f2a354f63971ab885833799a9964999dd51c388162106a807f810071f864302cdd8e3f0c241c29ce02d85a36f18f3f40ab
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/types@npm:29.6.1"
+"@jest/types@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/types@npm:29.6.3"
   dependencies:
-    "@jest/schemas": ^29.6.0
+    "@jest/schemas": ^29.6.3
     "@types/istanbul-lib-coverage": ^2.0.0
     "@types/istanbul-reports": ^3.0.0
     "@types/node": "*"
     "@types/yargs": ^17.0.8
     chalk: ^4.0.0
-  checksum: 89fc1ccf71a84fe0da643e0675b1cfe6a6f19ea72e935b2ab1dbdb56ec547e94433fb59b3536d3832a6e156c077865b7176fe9dae707dab9c3d2f9405ba6233c
+  checksum: a0bcf15dbb0eca6bdd8ce61a3fb055349d40268622a7670a3b2eb3c3dbafe9eb26af59938366d520b86907b9505b0f9b29b85cec11579a9e580694b87cd90fcc
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.1.0":
-  version: 0.1.1
-  resolution: "@jridgewell/gen-mapping@npm:0.1.1"
+"@jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
   dependencies:
-    "@jridgewell/set-array": ^1.0.0
+    "@jridgewell/set-array": ^1.2.1
     "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: 3bcc21fe786de6ffbf35c399a174faab05eb23ce6a03e8769569de28abbf4facc2db36a9ddb0150545ae23a8d35a7cf7237b2aa9e9356a7c626fb4698287d5cc
+    "@jridgewell/trace-mapping": ^0.3.24
+  checksum: ff7a1764ebd76a5e129c8890aa3e2f46045109dabde62b0b6c6a250152227647178ff2069ea234753a690d8f3c4ac8b5e7b267bbee272bffb7f3b0a370ab6e52
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "@jridgewell/gen-mapping@npm:0.3.2"
-  dependencies:
-    "@jridgewell/set-array": ^1.0.1
-    "@jridgewell/sourcemap-codec": ^1.4.10
-    "@jridgewell/trace-mapping": ^0.3.9
-  checksum: 1832707a1c476afebe4d0fbbd4b9434fdb51a4c3e009ab1e9938648e21b7a97049fa6009393bdf05cab7504108413441df26d8a3c12193996e65493a4efb6882
+"@jridgewell/resolve-uri@npm:^3.1.0":
+  version: 3.1.2
+  resolution: "@jridgewell/resolve-uri@npm:3.1.2"
+  checksum: 83b85f72c59d1c080b4cbec0fef84528963a1b5db34e4370fa4bd1e3ff64a0d80e0cee7369d11d73c704e0286fb2865b530acac7a871088fbe92b5edf1000870
   languageName: node
   linkType: hard
 
-"@jridgewell/resolve-uri@npm:3.1.0, @jridgewell/resolve-uri@npm:^3.0.3":
-  version: 3.1.0
-  resolution: "@jridgewell/resolve-uri@npm:3.1.0"
-  checksum: b5ceaaf9a110fcb2780d1d8f8d4a0bfd216702f31c988d8042e5f8fbe353c55d9b0f55a1733afdc64806f8e79c485d2464680ac48a0d9fcadb9548ee6b81d267
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 832e513a85a588f8ed4f27d1279420d8547743cc37fcad5a5a76fc74bb895b013dfe614d0eed9cb860048e6546b798f8f2652020b4b2ba0561b05caa8c654b10
   languageName: node
   linkType: hard
 
-"@jridgewell/set-array@npm:^1.0.0, @jridgewell/set-array@npm:^1.0.1":
-  version: 1.1.2
-  resolution: "@jridgewell/set-array@npm:1.1.2"
-  checksum: 69a84d5980385f396ff60a175f7177af0b8da4ddb81824cb7016a9ef914eee9806c72b6b65942003c63f7983d4f39a5c6c27185bbca88eb4690b62075602e28e
+"@jridgewell/source-map@npm:^0.3.3":
+  version: 0.3.6
+  resolution: "@jridgewell/source-map@npm:0.3.6"
+  dependencies:
+    "@jridgewell/gen-mapping": ^0.3.5
+    "@jridgewell/trace-mapping": ^0.3.25
+  checksum: c9dc7d899397df95e3c9ec287b93c0b56f8e4453cd20743e2b9c8e779b1949bc3cccf6c01bb302779e46560eb45f62ea38d19fedd25370d814734268450a9f30
   languageName: node
   linkType: hard
 
-"@jridgewell/source-map@npm:^0.3.3":
-  version: 0.3.5
-  resolution: "@jridgewell/source-map@npm:0.3.5"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.3.0
-    "@jridgewell/trace-mapping": ^0.3.9
-  checksum: 1ad4dec0bdafbade57920a50acec6634f88a0eb735851e0dda906fa9894e7f0549c492678aad1a10f8e144bfe87f238307bf2a914a1bc85b7781d345417e9f6f
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14":
+  version: 1.4.15
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
+  checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.10":
-  version: 1.4.14
-  resolution: "@jridgewell/sourcemap-codec@npm:1.4.14"
-  checksum: 61100637b6d173d3ba786a5dff019e1a74b1f394f323c1fee337ff390239f053b87266c7a948777f4b1ee68c01a8ad0ab61e5ff4abb5a012a0b091bec391ab97
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+  version: 0.3.25
+  resolution: "@jridgewell/trace-mapping@npm:0.3.25"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.1.0
+    "@jridgewell/sourcemap-codec": ^1.4.14
+  checksum: 9d3c40d225e139987b50c48988f8717a54a8c994d8a948ee42e1412e08988761d0754d7d10b803061cc3aebf35f92a5dbbab493bd0e1a9ef9e89a2130e83ba34
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18":
-  version: 0.3.18
-  resolution: "@jridgewell/trace-mapping@npm:0.3.18"
+"@jupyter/react-components@npm:^0.15.3":
+  version: 0.15.3
+  resolution: "@jupyter/react-components@npm:0.15.3"
   dependencies:
-    "@jridgewell/resolve-uri": 3.1.0
-    "@jridgewell/sourcemap-codec": 1.4.14
-  checksum: 0572669f855260808c16fe8f78f5f1b4356463b11d3f2c7c0b5580c8ba1cbf4ae53efe9f627595830856e57dbac2325ac17eb0c3dd0ec42102e6f227cc289c02
+    "@jupyter/web-components": ^0.15.3
+    "@microsoft/fast-react-wrapper": ^0.3.22
+    react: ">=17.0.0 <19.0.0"
+  checksum: 1a6b256314259c6465c4b6d958575710536b82234a7bf0fba3e889a07e1f19ff8ab321450be354359876f92c45dbcc9d21a840237ff4a619806d9de696f55496
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.15
-  resolution: "@jridgewell/trace-mapping@npm:0.3.15"
+"@jupyter/web-components@npm:^0.15.3":
+  version: 0.15.3
+  resolution: "@jupyter/web-components@npm:0.15.3"
   dependencies:
-    "@jridgewell/resolve-uri": ^3.0.3
-    "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: 38917e9c2b014d469a9f51c016ed506acbe44dd16ec2f6f99b553ebf3764d22abadbf992f2367b6d2b3511f3eae8ed3a8963f6c1030093fda23efd35ecab2bae
+    "@microsoft/fast-colors": ^5.3.1
+    "@microsoft/fast-element": ^1.12.0
+    "@microsoft/fast-foundation": ^2.49.4
+    "@microsoft/fast-web-utilities": ^5.4.1
+  checksum: a0980af934157bfdbdb6cc169c0816c1b2e57602d524c56bdcef746a4c25dfeb8f505150d83207c8695ed89b5486cf53d35a3382584d25ef64db666e4e16e45b
   languageName: node
   linkType: hard
 
-"@jupyter/ydoc@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@jupyter/ydoc@npm:1.0.2"
+"@jupyter/ydoc@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@jupyter/ydoc@npm:2.0.1"
   dependencies:
     "@jupyterlab/nbformat": ^3.0.0 || ^4.0.0-alpha.21 || ^4.0.0
     "@lumino/coreutils": ^1.11.0 || ^2.0.0
@@ -3331,97 +2229,97 @@ __metadata:
     "@lumino/signaling": ^1.10.0 || ^2.0.0
     y-protocols: ^1.0.5
     yjs: ^13.5.40
-  checksum: 739f9630940466b3cfcd7b742dd06479f81772ca13f863d057af0bbb5e318829506969066ab72977e7c721644982b5c8f88cf44e1ae81955ed1c27e87632d1f2
+  checksum: f5f29e1ff3327ebc1cf326f53634e03c4c7bf7733d235087fe26975c16eebd404f23c2f3ba88b6e04b1927846be7162b09b8b8719a4b29e51d0299c745018cbb
   languageName: node
   linkType: hard
 
-"@jupyterlab/application@npm:^4, @jupyterlab/application@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/application@npm:4.0.3"
+"@jupyterlab/application@npm:^4, @jupyterlab/application@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/application@npm:4.2.1"
   dependencies:
     "@fortawesome/fontawesome-free": ^5.12.0
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/application": ^2.1.1
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/polling": ^2.1.1
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
-  checksum: 25443512d8df22bc87899ed944c9d7ea6c233501173ddd6316d9f0fda0faa523b38b9973f98aeb519a138649839d1d61e19d54f28b229e20485f90d11495eaae
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/apputils@npm:^4, @jupyterlab/apputils@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "@jupyterlab/apputils@npm:4.1.3"
-  dependencies:
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/settingregistry": ^4.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@jupyterlab/statusbar": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/application": ^2.3.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
+  checksum: cc4b97fcfe81f31ffe437cd53370352e38ada94c39c9d60b595b0c0c4f195411653fd02af65717982d83084b18b2039dfc63d2d43f7ccda3fa0041294beeca44
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/apputils@npm:^4, @jupyterlab/apputils@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "@jupyterlab/apputils@npm:4.3.1"
+  dependencies:
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/settingregistry": ^4.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@jupyterlab/statusbar": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     "@types/react": ^18.0.26
     react: ^18.2.0
-    sanitize-html: ~2.7.3
-  checksum: c67b42e665edc71faf2e8c3eee2a90b6b80d6c1f06100802abec0ccb8ca8ba141b5705e5f186e73f03467ad1aeede71e9c9c77dbff8f316c7d1cd5f8ba39672e
+    sanitize-html: ~2.12.1
+  checksum: 380d9059dd14ee47bb50a821515e0b4a92a2b60b6fed2bf15fb73b9192a2e95d1e6c97337f11d0c26870dba2dc89ee19604f068483df505e78d798510a61bf01
   languageName: node
   linkType: hard
 
-"@jupyterlab/attachments@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/attachments@npm:4.0.3"
+"@jupyterlab/attachments@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/attachments@npm:4.2.1"
   dependencies:
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-  checksum: 389b73436a258829ec559d8112f7ce50afa74041c67d30613a9ccabb6fb2af1bf0cf12f840780c31dff1627aae788bd23be06c77e6c63c0d641537989615169d
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+  checksum: 4fcf71a9c7846b2adcfd541a564043cda3169a0b47feb22b1fc3e0b22f0db55d81f2016f9fecbb97c2333292439ce3fd19b9f56fe3a4d3feb220884bb09c1e32
   languageName: node
   linkType: hard
 
 "@jupyterlab/builder@npm:^4":
-  version: 4.0.3
-  resolution: "@jupyterlab/builder@npm:4.0.3"
-  dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/application": ^2.1.1
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/dragdrop": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+  version: 4.2.1
+  resolution: "@jupyterlab/builder@npm:4.2.1"
+  dependencies:
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/application": ^2.3.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/messaging": ^2.0.1
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     ajv: ^8.12.0
     commander: ^9.4.1
     css-loader: ^6.7.1
@@ -3443,365 +2341,374 @@ __metadata:
     worker-loader: ^3.0.2
   bin:
     build-labextension: lib/build-labextension.js
-  checksum: 7d6402f859bc43cf7baa90893e57bd8d421716256c51fe72b1f80f4b471446e918d77912babe9bfac87a4edcc2ae3d6434334688f13414d293ff340266607b46
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/cells@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/cells@npm:4.0.3"
-  dependencies:
-    "@codemirror/state": ^6.2.0
-    "@codemirror/view": ^6.9.6
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/attachments": ^4.0.3
-    "@jupyterlab/codeeditor": ^4.0.3
-    "@jupyterlab/codemirror": ^4.0.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/documentsearch": ^4.0.3
-    "@jupyterlab/filebrowser": ^4.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/outputarea": ^4.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/toc": ^6.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/dragdrop": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/polling": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+  checksum: d8ea62deab2866be6fd0147470bd2ebd4970d1f628428e3354f86e8b8121a83ce3074eeead65427f09042eec8d88b4d1f1c2830972fc529ba5a084ada6be63b0
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/cells@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/cells@npm:4.2.1"
+  dependencies:
+    "@codemirror/state": ^6.4.1
+    "@codemirror/view": ^6.26.0
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/attachments": ^4.2.1
+    "@jupyterlab/codeeditor": ^4.2.1
+    "@jupyterlab/codemirror": ^4.2.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/documentsearch": ^4.2.1
+    "@jupyterlab/filebrowser": ^4.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/outputarea": ^4.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/toc": ^6.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 48b835ba839f3cf565de0b7181e2404ddf928fc20ec966039fa7680fe6b9d72a66a612da31a62f7821312f11ac571790293b10488e4946e69448ac1be32c3433
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/codeeditor@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/codeeditor@npm:4.0.3"
-  dependencies:
-    "@codemirror/state": ^6.2.0
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/statusbar": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/dragdrop": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+  checksum: b7aa834255ffdc3dcf2fa5a4f7deaa92f71d337088eda9b8b648f6d68df9a27e341e3b1f55e497ccd0328adee00378aa303698d0530395bf2a6f1ba2b4184cbd
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/codeeditor@npm:^4, @jupyterlab/codeeditor@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/codeeditor@npm:4.2.1"
+  dependencies:
+    "@codemirror/state": ^6.4.1
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/statusbar": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 9e2da69f4bc579ff3d66a863f805b0a2edf1de8590139874767d349aff3e29e50a490fba92242a9c593f33144b6349c1d5a03eee4894ba7ed448593b12bb90eb
+  checksum: c5c78558d950ff7b07902c68e550f44570503179c4e3e23f04b39fb87cf522b61202b8331e465388545e14bda2f15542c55da95bc86d4a4b26e0f74d8bd49aa8
   languageName: node
   linkType: hard
 
-"@jupyterlab/codemirror@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/codemirror@npm:4.0.3"
+"@jupyterlab/codemirror@npm:^4, @jupyterlab/codemirror@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/codemirror@npm:4.2.1"
   dependencies:
-    "@codemirror/autocomplete": ^6.5.1
-    "@codemirror/commands": ^6.2.3
+    "@codemirror/autocomplete": ^6.15.0
+    "@codemirror/commands": ^6.3.3
     "@codemirror/lang-cpp": ^6.0.2
-    "@codemirror/lang-css": ^6.1.1
-    "@codemirror/lang-html": ^6.4.3
+    "@codemirror/lang-css": ^6.2.1
+    "@codemirror/lang-html": ^6.4.8
     "@codemirror/lang-java": ^6.0.1
-    "@codemirror/lang-javascript": ^6.1.7
+    "@codemirror/lang-javascript": ^6.2.2
     "@codemirror/lang-json": ^6.0.1
-    "@codemirror/lang-markdown": ^6.1.1
+    "@codemirror/lang-markdown": ^6.2.4
     "@codemirror/lang-php": ^6.0.1
-    "@codemirror/lang-python": ^6.1.3
+    "@codemirror/lang-python": ^6.1.4
     "@codemirror/lang-rust": ^6.0.1
-    "@codemirror/lang-sql": ^6.4.1
-    "@codemirror/lang-wast": ^6.0.1
-    "@codemirror/lang-xml": ^6.0.2
-    "@codemirror/language": ^6.6.0
-    "@codemirror/legacy-modes": ^6.3.2
-    "@codemirror/search": ^6.3.0
-    "@codemirror/state": ^6.2.0
-    "@codemirror/view": ^6.9.6
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/codeeditor": ^4.0.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/documentsearch": ^4.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@lezer/common": ^1.0.2
-    "@lezer/generator": ^1.2.2
-    "@lezer/highlight": ^1.1.4
-    "@lezer/markdown": ^1.0.2
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
+    "@codemirror/lang-sql": ^6.6.1
+    "@codemirror/lang-wast": ^6.0.2
+    "@codemirror/lang-xml": ^6.1.0
+    "@codemirror/language": ^6.10.1
+    "@codemirror/legacy-modes": ^6.3.3
+    "@codemirror/search": ^6.5.6
+    "@codemirror/state": ^6.4.1
+    "@codemirror/view": ^6.26.0
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/codeeditor": ^4.2.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/documentsearch": ^4.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@lezer/common": ^1.2.1
+    "@lezer/generator": ^1.7.0
+    "@lezer/highlight": ^1.2.0
+    "@lezer/markdown": ^1.2.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
     yjs: ^13.5.40
-  checksum: 6c68d49f515a32df8a13a258d30dca01dfd7a77086d0df729d825bac618c4805bb210f2b9b672cde027c20543dc7384c514c12c4a5aedc66dd8b56f638b51569
+  checksum: b037409146ec5225664d29f17d3cd5abf1868ba83f17e61c3f9a87dfaa8112045819de5ede97e820867d7dcc19ffc3f09dddd9cd7ec5cf434ac48adef0ad6e5e
   languageName: node
   linkType: hard
 
-"@jupyterlab/coreutils@npm:^6, @jupyterlab/coreutils@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "@jupyterlab/coreutils@npm:6.0.3"
+"@jupyterlab/coreutils@npm:^6, @jupyterlab/coreutils@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "@jupyterlab/coreutils@npm:6.2.1"
   dependencies:
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
     minimist: ~1.2.0
     path-browserify: ^1.0.0
     url-parse: ~1.5.4
-  checksum: c151b724f283477a92676520fd8009765d772c0bd2716d8648d0c79a56c402b6832609c870dd8ba683218d25a8c05ef769801e4699cedb989caadd99dff1ffe8
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/docmanager@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/docmanager@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/statusbar": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+  checksum: c8167bd8d4472471297e5669d6b3ee7c9d5c1246e8413680713b15f8a81926d2c97bc6a3c0b26c16603b197b412e01b443cc74b02a3676adea5690aac41964be
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/docmanager@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/docmanager@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@jupyterlab/statusbar": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 2ce21005c918275e5bbd63a54d6cb89a4b2bbf6d9aa8ec0a3b172c48cce98a31d83bbd10c8a2211394ec41c60b782ab73b7dc3481de23bfc89be631cfa43cb5e
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/docregistry@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/docregistry@npm:4.0.3"
-  dependencies:
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/codeeditor": ^4.0.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
-  checksum: 3b3256c4b4755c58b3f290403ef49e3ebc6bebb8c17f882a2cc58dfd40a596bc427ba41e60a610ce6c90fc5b4cbd552502ce56a6654b85fb35283bdaed58b861
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/documentsearch@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/documentsearch@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/polling": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+  checksum: 4ab2cc30f7537e338514d33705d76785ca0dae519a5772a2ff51291de6482b11cfca4154f6d92f604094fa12c132bcdbede8c167c2ce4e251517c87662e1c034
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/docregistry@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/docregistry@npm:4.2.1"
+  dependencies:
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/codeeditor": ^4.2.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: fcf8c50a60e2b265901b27749f63b52f17467950da863f8b766d30038a63aa896de4352ea5eb1221f82ec0abf11be424c13f17d0b912e758e456e596e2927b1f
+  checksum: 9564d072ec62e40366f3b56bdec9e5d15fe56713f26c84d47e24aa64ce86994b424fb462ea44df1a3906bbd77c26ae6b791651ca152b0905ee323388814bdd37
   languageName: node
   linkType: hard
 
-"@jupyterlab/filebrowser@npm:^4, @jupyterlab/filebrowser@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/filebrowser@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docmanager": ^4.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@jupyterlab/statusbar": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/dragdrop": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/polling": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+"@jupyterlab/documentsearch@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/documentsearch@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
+    react: ^18.2.0
+  checksum: e29db3b9c04ff1e2dccf11499a0b7d6752aca17ecd2be4383b25864cac4e6e3b027bcb35dd7e81a1906484555ac0f882b96a89695ca226fb861e64105d7e71ba
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/filebrowser@npm:^4, @jupyterlab/filebrowser@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/filebrowser@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docmanager": ^4.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@jupyterlab/statusbar": ^4.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 30c2447cfe76fb2d1c3d1c88136b842f8d0f46451d4082ecc1a26496e35f5309a956468af18b2b0ac42a72c9bd14a1ddd050d434c6d9740b468956a6bb989086
+  checksum: 9ca327638b3ed10343439ae0f160b3af486f3db5e6f97f971497d9f75e8e0e0328fcba649e2a4078ab3255bc4246cade85228374a1bd2c88b76ad5bb87d4b567
   languageName: node
   linkType: hard
 
 "@jupyterlab/launcher@npm:^4":
-  version: 4.0.3
-  resolution: "@jupyterlab/launcher@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/properties": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+  version: 4.2.1
+  resolution: "@jupyterlab/launcher@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 4e490ba74fcd9f42dadb4de5f31234b320be916b4754093b595b36bc234cf4562cca3503d170941e2c09a54f4505639b5efd4288558084db90b1424f38300af1
+  checksum: cb376579427da1e6be1f2d5aa159430df5c984421e61abe167244da384c8598bfe96523150e3a303a200e5e3a1bbb1c2e176d81aa0425ecb5cfda20764b604a8
   languageName: node
   linkType: hard
 
-"@jupyterlab/lsp@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/lsp@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/codeeditor": ^4.0.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
+"@jupyterlab/lsp@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/lsp@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/codeeditor": ^4.2.1
+    "@jupyterlab/codemirror": ^4.2.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     lodash.mergewith: ^4.6.1
     vscode-jsonrpc: ^6.0.0
     vscode-languageserver-protocol: ^3.17.0
     vscode-ws-jsonrpc: ~1.0.2
-  checksum: f80084ef6a5337d768281d6d9029e303c0867ced6449301708be76d32a411de7e4d41ca290b92596ef206456533e8132d1221cd1d2feee7ad341b2b998ddc766
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/nbformat@npm:^3.0.0 || ^4.0.0-alpha.21 || ^4.0.0, @jupyterlab/nbformat@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/nbformat@npm:4.0.3"
-  dependencies:
-    "@lumino/coreutils": ^2.1.1
-  checksum: e7c3fc81fdd934d66b4b92aa44b82e40dff73248b54772d0a4501a7dd5e1ea76754931548f8e591e7f03bfad2f4409a34838424bd34f9abb0be11d213f2e129a
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/notebook@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/notebook@npm:4.0.3"
-  dependencies:
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/cells": ^4.0.3
-    "@jupyterlab/codeeditor": ^4.0.3
-    "@jupyterlab/codemirror": ^4.0.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/documentsearch": ^4.0.3
-    "@jupyterlab/lsp": ^4.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/settingregistry": ^4.0.3
-    "@jupyterlab/statusbar": ^4.0.3
-    "@jupyterlab/toc": ^6.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/dragdrop": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
+  checksum: d522c157acf5dd314626096a3e9fc802f83d9b232a269862e3c0fba7424e0595992bee9a9e74e997a61c101ba2a6e50ee9657cf9f4e5a17ba19cfa06a73098a3
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/nbformat@npm:^3.0.0 || ^4.0.0-alpha.21 || ^4.0.0, @jupyterlab/nbformat@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/nbformat@npm:4.2.1"
+  dependencies:
+    "@lumino/coreutils": ^2.1.2
+  checksum: 192167e2a9019bf91e1e7088c9eaaae7b1037f5e7b5db15b97687b052323e6e75913b301ca7a9783d0e59aa36f18ddff90fc71a90a8153e0c89e32fd92b2519c
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/notebook@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/notebook@npm:4.2.1"
+  dependencies:
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/cells": ^4.2.1
+    "@jupyterlab/codeeditor": ^4.2.1
+    "@jupyterlab/codemirror": ^4.2.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/documentsearch": ^4.2.1
+    "@jupyterlab/lsp": ^4.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/settingregistry": ^4.2.1
+    "@jupyterlab/statusbar": ^4.2.1
+    "@jupyterlab/toc": ^6.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 1388bea973c093b82ac110bf115f342fb5e2cae9c855f0704f08882df8a3714566fccefbb3d85903fdb30170bae4fdfd29b3785473850bb3e91e8cdfc3658265
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/observables@npm:^5.0.3":
-  version: 5.0.3
-  resolution: "@jupyterlab/observables@npm:5.0.3"
-  dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-  checksum: fe1283852967092dfdf95407135e723c107ba1e4ce502f6b0c10bed575f8e11d08190a6f078f5e2b937e5f4f1996351df8ee9b2bd523fb106b728dd6b3dc15ac
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/outputarea@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/outputarea@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
-  checksum: bd4a60ea43cd3117c8cc6b6aee094f0a4e37c3635051fbf13857669547847ce52f6e186cb2c329893e333e6113998899a9d5fa90727926a73223d5082c936471
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/rendermime-interfaces@npm:^3.8.3":
-  version: 3.8.3
-  resolution: "@jupyterlab/rendermime-interfaces@npm:3.8.3"
-  dependencies:
-    "@lumino/coreutils": ^1.11.0 || ^2.1.1
-    "@lumino/widgets": ^1.37.2 || ^2.1.1
-  checksum: aeb055196099e29eff78e98e904e3dac10255ac4693ed0d99022d08fe3de4dd792e66c06f6e11f110be2276e9ba36ae15b8a08e6fb1b4c25e774d5525199b5d3
+  checksum: bfdc7b45886444ef09d25a1ec98b9eb5fe0fe050b495844cac8c5f85f59cc891204fad59263e71256d0c8c0af9d52ddc0e7ed475f6414843c373e61067e055a2
   languageName: node
   linkType: hard
 
-"@jupyterlab/rendermime@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/rendermime@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+"@jupyterlab/observables@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "@jupyterlab/observables@npm:5.2.1"
+  dependencies:
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+  checksum: 3833d3ad0640a6160fdc5254ec08a600e628e235103e311ca8ee90ade11b73e045ab78b82282153da700f9ae796a99ef36da223baad6c21ad7af0ea84b9514b6
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/outputarea@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/outputarea@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
+  checksum: 62de3a2bdd54bcb9fab6930b161ff0829c66c5a73783f9901e38b1aae566a2f903414292d035c2a72ea35f25772d7c8256367df3d24adb8b4e480702248efc9e
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/rendermime-interfaces@npm:^3.10.1":
+  version: 3.10.1
+  resolution: "@jupyterlab/rendermime-interfaces@npm:3.10.1"
+  dependencies:
+    "@lumino/coreutils": ^1.11.0 || ^2.1.2
+    "@lumino/widgets": ^1.37.2 || ^2.3.2
+  checksum: 537fe7d96f8e157d89de0035149bf98bfaf1b9fde92d4f58c1e879ce87cab586311aa18dfb02a218bd24aa3cd1f24122e256a70cb2a0a437cc4fea1c9a3f2fa1
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/rendermime@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/rendermime@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/translation": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     lodash.escape: ^4.0.1
-  checksum: 8e5d390ee84eb0f2017b80c2ccf4dc318ef53c3ebb52e84056d76b2bccbcb755190b7712e99936ad0610f03fe4b0a9a0f2f5ed854e21856c0cc39371ce1fad01
+  checksum: 780534260b40ee3a60248cf58d92014e3eb717cabe9380b929f311a8cabffafe6d56f82aa35be62d06d38b3b2fbf1f23285c0abaac8e5a08c5c4be73dc114f07
   languageName: node
   linkType: hard
 
@@ -3816,6 +2723,8 @@ __metadata:
     "@jupyterlab/application": ^4
     "@jupyterlab/apputils": ^4
     "@jupyterlab/builder": ^4
+    "@jupyterlab/codeeditor": ^4
+    "@jupyterlab/codemirror": ^4
     "@jupyterlab/coreutils": ^6
     "@jupyterlab/filebrowser": ^4
     "@jupyterlab/launcher": ^4
@@ -3830,20 +2739,33 @@ __metadata:
     "@mui/icons-material": ^5.10.9
     "@mui/material": ^5.10.6
     "@mui/system": ^5.10.6
+    "@mui/x-date-pickers": ^6.19.3
     "@types/jest": ^29
+    "@types/lodash": 4.14.192
     "@types/react-dom": ^18.0.5
+    "@types/react-show-more-text": ^1.4.5
     "@typescript-eslint/eslint-plugin": ^4.8.1
     "@typescript-eslint/parser": ^4.8.1
     cronstrue: ^2.12.0
+    elkjs: ^0.9.1
+    email-validator: ^2.0.4
     eslint: ^7.14.0
     eslint-config-prettier: ^6.15.0
     eslint-plugin-prettier: ^3.1.4
     jest: ^29
+    lodash: ^4.17.21
     mkdirp: ^1.0.3
+    moment: ^2.30.1
+    nanoid: ^3.3.7
     npm-run-all: ^4.1.5
     prettier: ^2.1.1
     react: ^18.2.0
     react-dom: ^18.2.0
+    react-hook-form: ^7.50.1
+    react-resizable-panels: ^2.0.9
+    react-router-dom: ^6.22.0
+    react-show-more-text: ^1.7.1
+    reactflow: ^11.10.3
     rimraf: ^3.0.2
     stylelint: ^14.3.0
     stylelint-config-prettier: ^9.0.3
@@ -3851,487 +2773,545 @@ __metadata:
     stylelint-config-standard: ~24.0.0
     stylelint-prettier: ^2.0.0
     ts-jest: ^29
-    typescript: ~4.3.0
+    typescript: ~5.1.6
     tzdata: ^1.0.33
+    zustand: ^4.5.0
+    zustand-types: ^0.1.0
   languageName: unknown
   linkType: soft
 
-"@jupyterlab/services@npm:^7, @jupyterlab/services@npm:^7.0.3":
-  version: 7.0.3
-  resolution: "@jupyterlab/services@npm:7.0.3"
-  dependencies:
-    "@jupyter/ydoc": ^1.0.2
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/settingregistry": ^4.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/polling": ^2.1.1
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
+"@jupyterlab/services@npm:^7, @jupyterlab/services@npm:^7.2.1":
+  version: 7.2.1
+  resolution: "@jupyterlab/services@npm:7.2.1"
+  dependencies:
+    "@jupyter/ydoc": ^2.0.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/settingregistry": ^4.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/polling": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
     ws: ^8.11.0
-  checksum: 94277bdf4c6645145c09dcf41fbcf49528cb4c0e283fc7b596184615d7a0127b9129097f877455af85bf26e2110aee61f664e3cce9497f573c00a5dd90e5d0fd
+  checksum: f07be2f3a174466c17ab5c22f8ef622fc623e8c61f2220b8bfb465a263971313cb9129e84bba32606e6ab7d1e0be3a9754b97f98e173e9c95eaf0b1c6cd8110a
   languageName: node
   linkType: hard
 
-"@jupyterlab/settingregistry@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/settingregistry@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/nbformat": ^4.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-    "@rjsf/utils": ^5.1.0
+"@jupyterlab/settingregistry@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/settingregistry@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/nbformat": ^4.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+    "@rjsf/utils": ^5.13.4
     ajv: ^8.12.0
     json5: ^2.2.3
   peerDependencies:
     react: ">=16"
-  checksum: 3874fa5a318c1301dc152c569a43de846ec3157fb1083b22a92571e5632749317361e5caaba513359db6fb8e8e3804b7d7ccff5058eb25dcc55af59d76c03d20
+  checksum: 794e5ecde19a40e1b95c0d636eed7b56bbdc46857c8f3b4ef446c1bc90e8ea660c2ccf8f36a238bc312002f106a5a8522bb057742d9c0d674b2974ef21a786d7
   languageName: node
   linkType: hard
 
-"@jupyterlab/statedb@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/statedb@npm:4.0.3"
+"@jupyterlab/statedb@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/statedb@npm:4.2.1"
   dependencies:
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-  checksum: 07f625988489565704e5b90069111dee255ed62bec2784f1a1ea57192b850beab733b8f19d0f0ebfc83fbad2a3479e6180f00554f1560bd6bb641b019356961f
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+  checksum: 51e07db85269883bcd58fc5ba890db122e260e8d1ce4046f0b188453726694c2d909f27ca069ee3cd6944a93d70fcb8360074f87cdb13d611af2e24f6b14af30
   languageName: node
   linkType: hard
 
-"@jupyterlab/statusbar@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/statusbar@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+"@jupyterlab/statusbar@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/statusbar@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 41319c4b7f22ecef701fc006b83de0963f65c7fab98a3d0020861df2c76cc6832dc044500f01bbc8a20f85d025573d3850d6edcf412be2fcb9091bbe7debd04e
+  checksum: 65a0e4e0fa29ddd088d8dd2ee007a5166f783aa2852acd4217f2ed52fa04f492119c6e5b6e4f83884766fe7cfed3135ddd8c89b564ac3cc34ed6559457994885
   languageName: node
   linkType: hard
 
-"@jupyterlab/testing@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/testing@npm:4.0.3"
+"@jupyterlab/testing@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/testing@npm:4.2.1"
   dependencies:
     "@babel/core": ^7.10.2
     "@babel/preset-env": ^7.10.2
-    "@jupyterlab/coreutils": ^6.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-    child_process: ~1.0.2
+    "@jupyterlab/coreutils": ^6.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/signaling": ^2.1.2
     deepmerge: ^4.2.2
     fs-extra: ^10.1.0
     identity-obj-proxy: ^3.0.0
     jest: ^29.2.0
     jest-environment-jsdom: ^29.3.0
     jest-junit: ^15.0.0
-    node-fetch: ^2.6.0
     simulate-event: ~1.4.0
     ts-jest: ^29.1.0
   peerDependencies:
     typescript: ">=4.3"
-  checksum: a69e405d9faa36f48d58b2dc08ad7961adf043d33b834180afe6fb4ced3fa917418c831b3fc233c65f7ec92666828a418fe3135d4502980122763189b103a007
+  checksum: c6dfacb08faa013450ac2d3f0cef36c2392689a0e3fcbc3c717bb36a257939efd74218f2f52f795732e4a09ec124ea68c49761003d94912c773d6d8b93076a11
   languageName: node
   linkType: hard
 
 "@jupyterlab/testutils@npm:^4":
-  version: 4.0.3
-  resolution: "@jupyterlab/testutils@npm:4.0.3"
+  version: 4.2.1
+  resolution: "@jupyterlab/testutils@npm:4.2.1"
   dependencies:
-    "@jupyterlab/application": ^4.0.3
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/notebook": ^4.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/testing": ^4.0.3
-  checksum: 8194b2551d7c921aa53c18f24d53e0a29fb8a60e4b4c66cd5873da15bf7c36910874de39f4750f42c0340419548cb8917cdfa9f69fa7cce55e6d604e85244dab
+    "@jupyterlab/application": ^4.2.1
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/notebook": ^4.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/testing": ^4.2.1
+  checksum: b3f34b74f1ae5755fbc00aae43c82473b5bfc17482b3c84d77bf3bb36b3401d66ff8f10e1f56a39e5d4ee57011dee3166d208fe0b0db7f4589a916990b8cf449
   languageName: node
   linkType: hard
 
-"@jupyterlab/toc@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "@jupyterlab/toc@npm:6.0.3"
-  dependencies:
-    "@jupyterlab/apputils": ^4.1.3
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/docregistry": ^4.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime": ^4.0.3
-    "@jupyterlab/translation": ^4.0.3
-    "@jupyterlab/ui-components": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/widgets": ^2.1.1
+"@jupyterlab/toc@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "@jupyterlab/toc@npm:6.2.1"
+  dependencies:
+    "@jupyterlab/apputils": ^4.3.1
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/docregistry": ^4.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime": ^4.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/translation": ^4.2.1
+    "@jupyterlab/ui-components": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/widgets": ^2.3.2
     react: ^18.2.0
-  checksum: 8098824692a3e5ac786d476b7c14abc4adbef0db3f0f38143969594dd4fd3069f92335ac417fc45d42d1577d3555791c6aecdf2361acb22d3902b93b899b31f0
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/translation@npm:^4, @jupyterlab/translation@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/translation@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/services": ^7.0.3
-    "@jupyterlab/statedb": ^4.0.3
-    "@lumino/coreutils": ^2.1.1
-  checksum: 255868017c500e32e97bdfcff02ded6352f03bc64928b77c0d34ae9c735093c6c0d6e448501cb14466996ff5ebdaaa6071d262a6f49ba6b06ea58cfac122c95d
-  languageName: node
-  linkType: hard
-
-"@jupyterlab/ui-components@npm:^4, @jupyterlab/ui-components@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@jupyterlab/ui-components@npm:4.0.3"
-  dependencies:
-    "@jupyterlab/coreutils": ^6.0.3
-    "@jupyterlab/observables": ^5.0.3
-    "@jupyterlab/rendermime-interfaces": ^3.8.3
-    "@jupyterlab/translation": ^4.0.3
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/commands": ^2.1.1
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/messaging": ^2.0.0
-    "@lumino/polling": ^2.1.1
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-    "@lumino/widgets": ^2.1.1
-    "@rjsf/core": ^5.1.0
-    "@rjsf/utils": ^5.1.0
+  checksum: 6592dac4abf8a809b93d0ba6335d2011c85fb1c515a8f9a207858477c7269d2041a02fb86ae6dff23b36eefce832f0a099a201e1d715c4c1f8b92f08ac939a35
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/translation@npm:^4, @jupyterlab/translation@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/translation@npm:4.2.1"
+  dependencies:
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/services": ^7.2.1
+    "@jupyterlab/statedb": ^4.2.1
+    "@lumino/coreutils": ^2.1.2
+  checksum: 509c9fd8790f852faaa7f956c2ac660247a8d1610cb9f08fd5a357f784a7f32f838ac388a47626da66ee207769253d16ea72235d608112d560dbc10417d9b8e4
+  languageName: node
+  linkType: hard
+
+"@jupyterlab/ui-components@npm:^4, @jupyterlab/ui-components@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "@jupyterlab/ui-components@npm:4.2.1"
+  dependencies:
+    "@jupyter/react-components": ^0.15.3
+    "@jupyter/web-components": ^0.15.3
+    "@jupyterlab/coreutils": ^6.2.1
+    "@jupyterlab/observables": ^5.2.1
+    "@jupyterlab/rendermime-interfaces": ^3.10.1
+    "@jupyterlab/translation": ^4.2.1
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/messaging": ^2.0.1
+    "@lumino/polling": ^2.1.2
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+    "@lumino/widgets": ^2.3.2
+    "@rjsf/core": ^5.13.4
+    "@rjsf/utils": ^5.13.4
     react: ^18.2.0
     react-dom: ^18.2.0
     typestyle: ^2.0.4
   peerDependencies:
     react: ^18.2.0
-  checksum: c64afe7a0c932e42d4a00f874d499c52b4bac9794965f6146307922c086ea88e245bdcd346211f808f60ba3985f30c01138cfa6f5b1acc290d07ef04404f91a7
+  checksum: 7032d7755a7b69e98acc6378d9dedcc56d016cd0d4d6091bda3593baf89876a5e00f84116ab2a5ab5cc68439e07c2194eb7d211b6b3cff0a03cdfd11b03951bd
   languageName: node
   linkType: hard
 
-"@lezer/common@npm:^1.0.0, @lezer/common@npm:^1.0.2":
-  version: 1.0.3
-  resolution: "@lezer/common@npm:1.0.3"
-  checksum: cc90dc2f0aeaebeb3fe886cbd27f8b1e8bee817d8c2efff178604807debd68c5db820fd23afb830962780063d21891afbdf564420221faca2822e77bc6327184
+"@lezer/common@npm:^1.0.0, @lezer/common@npm:^1.0.2, @lezer/common@npm:^1.1.0, @lezer/common@npm:^1.2.0, @lezer/common@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@lezer/common@npm:1.2.1"
+  checksum: 0bd092e293a509ce334f4aaf9a4d4a25528f743cd9d7e7948c697e34ac703b805b288b62ad01563488fb206fc34ff05084f7fc5d864be775924b3d0d53ea5dd2
   languageName: node
   linkType: hard
 
 "@lezer/cpp@npm:^1.0.0":
-  version: 1.1.1
-  resolution: "@lezer/cpp@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@lezer/cpp@npm:1.1.2"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: c9e1db19776eafbfe0c3b8448d46c94d9a1d30f7fef630292e63bab82e6d5d6903a043ee8cf341bcbf84c00ee0d79b8c255bab8fd8e0a91355ae912b53c78935
+  checksum: a319cd46fd32affc07c9432e9b2b9954becf7766be0361176c525d03474bb794cc051aad9932f48c9df33833eee1d6bfdccab12e571f2b137b4ca765c60c75de
   languageName: node
   linkType: hard
 
 "@lezer/css@npm:^1.0.0, @lezer/css@npm:^1.1.0":
-  version: 1.1.3
-  resolution: "@lezer/css@npm:1.1.3"
+  version: 1.1.8
+  resolution: "@lezer/css@npm:1.1.8"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: c8069ef0a6751441d2dc9180f7ebfd7aeb35df0ca2f1a748a2f26203a9ef6cc30f17f3074e2b49520453eb39329dadfdbbb901c6d9d067dc955ceb58c1f8cc6a
+  checksum: 1f5968360dbac7ba27f0c2a194143769f7b01824715274dd8507dacf13cc790bb8c48ce95de355e9c58be93bb3e271bf98b9fc51213f79e4ce918e7c7ebbef04
   languageName: node
   linkType: hard
 
-"@lezer/generator@npm:^1.2.2":
-  version: 1.3.0
-  resolution: "@lezer/generator@npm:1.3.0"
+"@lezer/generator@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "@lezer/generator@npm:1.7.0"
   dependencies:
-    "@lezer/common": ^1.0.2
+    "@lezer/common": ^1.1.0
     "@lezer/lr": ^1.3.0
   bin:
-    lezer-generator: dist/lezer-generator.cjs
-  checksum: 114df33679b44e86d0801473088bd1d52c208e3b3beb16cc923efac88280fc897bc2b79fd1a7bf2c04579a315898f4029127e5f15dc9557ff3c0ba0e710987eb
+    lezer-generator: src/lezer-generator.cjs
+  checksum: 69f4c6625446cb65adaa509480ec67502f27651707a8e45e99373e682d7f66f8842205669f174bcb138eade72c64ded0b54d6de6aa5af995ac1f1e805ef021fd
   languageName: node
   linkType: hard
 
-"@lezer/highlight@npm:^1.0.0, @lezer/highlight@npm:^1.1.3, @lezer/highlight@npm:^1.1.4":
-  version: 1.1.6
-  resolution: "@lezer/highlight@npm:1.1.6"
+"@lezer/highlight@npm:^1.0.0, @lezer/highlight@npm:^1.1.3, @lezer/highlight@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@lezer/highlight@npm:1.2.0"
   dependencies:
     "@lezer/common": ^1.0.0
-  checksum: 411a702394c4c996b7d7f145a38f3a85a8cc698b3918acc7121c629255bb76d4ab383753f69009e011dc415210c6acbbb5b27bde613259ab67e600b29397b03b
+  checksum: 5b9dfe741f95db13f6124cb9556a43011cb8041ecf490be98d44a86b04d926a66e912bcd3a766f6a3d79e064410f1a2f60ab240b50b645a12c56987bf4870086
   languageName: node
   linkType: hard
 
 "@lezer/html@npm:^1.3.0":
-  version: 1.3.6
-  resolution: "@lezer/html@npm:1.3.6"
+  version: 1.3.10
+  resolution: "@lezer/html@npm:1.3.10"
   dependencies:
-    "@lezer/common": ^1.0.0
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: 1d3af781660968505e5083a34f31ea3549fd5f3949227fa93cc318bca61bce76ffe977bd875624ba938a2039834ec1a33df5d365e94c48131c85dd26f980d92c
+  checksum: cce391aab9259704ae3079b3209f74b2f248594dd8b851c28aaff26765e00ebb890a5ff1fe600f2d03aaf4ade0e36de8048d9632b12bfbccd47b3e649c3b0ecd
   languageName: node
   linkType: hard
 
 "@lezer/java@npm:^1.0.0":
-  version: 1.0.4
-  resolution: "@lezer/java@npm:1.0.4"
+  version: 1.1.2
+  resolution: "@lezer/java@npm:1.1.2"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: 97f5a2c2d733afba5dc57a0da9a97515b19b5e63bb5937717dac4e8c9baed74d15c0cb5c1580858b678931f11d517c56d89f903968fa48931f9c62e2ea67a107
+  checksum: 752e8c9b99cccf022669a702016e0c3a793d8326e043b1d053159f5de4d222cd188e8e31e1427cbe6a8ed8e53de3977ab551c64cbd5a76a12eb3a1da5e18b6a5
   languageName: node
   linkType: hard
 
 "@lezer/javascript@npm:^1.0.0":
-  version: 1.4.4
-  resolution: "@lezer/javascript@npm:1.4.4"
+  version: 1.4.16
+  resolution: "@lezer/javascript@npm:1.4.16"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.1.3
     "@lezer/lr": ^1.3.0
-  checksum: 29797dbb4c0632718cc5a3d0c6baeefe4240562f8b1ef1f60c58d0481c53ac4bbbac354369aa95e4131dfe0bbc4464bc025620f58f01739bd896974bb08dbad5
+  checksum: 20fcf5ad95d3cf0155af8a060045d1c14609e1178669e087f246854d1ef7e7326e512cc05f90db1bcbd58ce229fcc7aa8600c7f757580c5f980c420835a2cd3c
   languageName: node
   linkType: hard
 
 "@lezer/json@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@lezer/json@npm:1.0.1"
+  version: 1.0.2
+  resolution: "@lezer/json@npm:1.0.2"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: fcd17178f6a58e71c83e08fdc047e3708528b28591ba8f08ed35268f370d1ec9b63af0afa9d82a77fec26e9eb477ab3cfdc31c951e080d118ef607f9f9bb52e3
+  checksum: f899d13765d95599c9199fc3404cb57969031dc40ce07de30f4e648979153966581f0bee02e2f8f70463b0a5322206a97c2fe8d5d14f218888c72a6dcedf90ef
   languageName: node
   linkType: hard
 
 "@lezer/lr@npm:^1.0.0, @lezer/lr@npm:^1.1.0, @lezer/lr@npm:^1.3.0":
-  version: 1.3.9
-  resolution: "@lezer/lr@npm:1.3.9"
+  version: 1.4.1
+  resolution: "@lezer/lr@npm:1.4.1"
   dependencies:
     "@lezer/common": ^1.0.0
-  checksum: d10982bae6c0b2f5a3ab8710a41dc689a4f9e81afafd3d2de4f0bec169f5c3fc9a321c0e90010a51682d41a6755ae90e1f3199134ff194b3ff4058ea5bcdf353
+  checksum: 65ae107a14619b1c514040eec2c48470e921895bb10a80d0b90e7735e121138c50e8207e2e0d9339e7cc42a716cdb367ae08f282c452934c89860093b26c40c2
   languageName: node
   linkType: hard
 
-"@lezer/markdown@npm:^1.0.0, @lezer/markdown@npm:^1.0.2":
-  version: 1.0.5
-  resolution: "@lezer/markdown@npm:1.0.5"
+"@lezer/markdown@npm:^1.0.0, @lezer/markdown@npm:^1.2.0":
+  version: 1.3.0
+  resolution: "@lezer/markdown@npm:1.3.0"
   dependencies:
     "@lezer/common": ^1.0.0
     "@lezer/highlight": ^1.0.0
-  checksum: e862d7362faab54a4536c9913171580d0062ae5ffa9d46d6dcb4850b2b8f2fb6f2f28f98a30232640bfcd980682673ccb051230b06422814db89abea5f07d99e
+  checksum: 13eb2720e4cb84278349bad8af116f748813094f99fad02680010c3a8c5985e0358c344487990f87a31ef0d6c1a2be582301f914c0e4a6e9cfa22647b6cd6545
   languageName: node
   linkType: hard
 
 "@lezer/php@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@lezer/php@npm:1.0.1"
+  version: 1.0.2
+  resolution: "@lezer/php@npm:1.0.2"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.1.0
-  checksum: a847c255c030b4d38913ddf1d5bd7324d83be7ef8d1d244542870be03b9bf7dc71283afeb2415c40dfd188cb99f0cc44bad760b5f3b7c35c3b8e5e00253848fc
+  checksum: c85ef18571d37826b687dd141a0fe110f5814adaf9d1a391e7e482020d7f81df189ca89ec0dd141c1433d48eff4c6e53648b46f008dea8ad2dc574f35f1d4d79
   languageName: node
   linkType: hard
 
 "@lezer/python@npm:^1.1.4":
-  version: 1.1.8
-  resolution: "@lezer/python@npm:1.1.8"
+  version: 1.1.14
+  resolution: "@lezer/python@npm:1.1.14"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: e4a4e0b0fd871acff25111d4f767944b5015479776504b85c4431859c8a2859fdfa6362f204f3027cf9858c7ea907fd57244852a18b67da9eba3b2fe38d31b03
+  checksum: 1608187f698e972d11b340dfdfd79e15b1359641e386e386befd37d5e5839620b45a5a39c5616792a24da29ef1d99d11ea0dad52b9617f1767e7ea6a11c2fed3
   languageName: node
   linkType: hard
 
 "@lezer/rust@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@lezer/rust@npm:1.0.1"
+  version: 1.0.2
+  resolution: "@lezer/rust@npm:1.0.2"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: 1e02fdf09206979e7d4f87b020589f410c4c5e452a7b7b0296f6772ce3571c1bd7ed37495fbeeecf3d4423000f2efdabd462ba8a949c2b351fd35550327a7613
+  checksum: fc5e97852b42beeb44a0ebe316dc64e3cc49ff481c22e3e67d6003fc4a5c257fcd94959cfcc76cd154fa172db9b3b4b28de5c09f10550d6e5f14869ddc274e5b
   languageName: node
   linkType: hard
 
 "@lezer/xml@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "@lezer/xml@npm:1.0.2"
+  version: 1.0.5
+  resolution: "@lezer/xml@npm:1.0.5"
   dependencies:
+    "@lezer/common": ^1.2.0
     "@lezer/highlight": ^1.0.0
     "@lezer/lr": ^1.0.0
-  checksum: e834bcc5c0dee3eecb5362b3f10187e80908b6a293ebacf5750547a64b57ec710a068497334f109ecf4e5ea05e09e7e9c00e48ebbd30050673ea67b0929e5398
+  checksum: a0a077b9e455b03593b93a7fdff2a4eab2cb7b230c8e1b878a8bebe80184632b9cc75ca018f1f9e2acb3a26e1386f4777385ab6e87aea70ccf479cde5ca268ee
   languageName: node
   linkType: hard
 
-"@lumino/algorithm@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/algorithm@npm:2.0.0"
-  checksum: 663edf536e94397b449c6a2643a735e602fbb396dec86b56ad1193a768dce27c6e7da5ad0384aa90086ea44cbb64dde3f9d565e9fd81858f1eb0c6b4253f3b94
+"@lumino/algorithm@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/algorithm@npm:2.0.1"
+  checksum: cbf7fcf6ee6b785ea502cdfddc53d61f9d353dcb9659343511d5cd4b4030be2ff2ca4c08daec42f84417ab0318a3d9972a17319fa5231693e109ab112dcf8000
   languageName: node
   linkType: hard
 
-"@lumino/application@npm:^2.1.1":
-  version: 2.2.0
-  resolution: "@lumino/application@npm:2.2.0"
+"@lumino/application@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "@lumino/application@npm:2.3.1"
   dependencies:
-    "@lumino/commands": ^2.1.2
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/widgets": ^2.2.0
-  checksum: b62da44b21d110c5d3478a49549326974b59325b8c60a58905d8e5ef08210273cd013cb60387d1f082fb79377a230278e2cf63e345491b0a54c75fdcc6164a68
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/widgets": ^2.3.2
+  checksum: c112789d99baf62e5c2cee98834bc3efb5027bbca1aac81f10ea8855c0cd2538ec0a7c56c3f5dd42dce244e6892ef5bf8ef356f97e1cd4c161b99eb2068c195c
   languageName: node
   linkType: hard
 
-"@lumino/collections@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/collections@npm:2.0.0"
+"@lumino/collections@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/collections@npm:2.0.1"
+  dependencies:
+    "@lumino/algorithm": ^2.0.1
+  checksum: 8a29b7973a388a33c5beda0819dcd2dc2aad51a8406dcfd4581b055a9f77a39dc5800f7a8b4ae3c0bb97ae7b56a7a869e2560ffb7a920a28e93b477ba05907d6
+  languageName: node
+  linkType: hard
+
+"@lumino/commands@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@lumino/commands@npm:2.3.0"
   dependencies:
-    "@lumino/algorithm": ^2.0.0
-  checksum: 4a7fc3571e92a1368a1ef01300ad7b6e0d4ff13cb78b89533d5962eea66d4a7550e15d8b80fa3ab1816b1a89382f35015f9dddf72ab04654c17e5b516b845d8f
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/keyboard": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+  checksum: a9b83bbfcc0421ff501e818dd234c65db438a8abb450628db0dea9ee05e8077d10b2275e7e2289f6df9c20dc26d2af458b1db88ccf43ec69f185eb207dbad419
+  languageName: node
+  linkType: hard
+
+"@lumino/coreutils@npm:^1.11.0 || ^2.0.0, @lumino/coreutils@npm:^1.11.0 || ^2.1.2, @lumino/coreutils@npm:^2, @lumino/coreutils@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@lumino/coreutils@npm:2.1.2"
+  checksum: 7865317ac0676b448d108eb57ab5d8b2a17c101995c0f7a7106662d9fe6c859570104525f83ee3cda12ae2e326803372206d6f4c1f415a5b59e4158a7b81066f
   languageName: node
   linkType: hard
 
-"@lumino/commands@npm:^2.1.1, @lumino/commands@npm:^2.1.2":
+"@lumino/disposable@npm:^1.10.0 || ^2.0.0, @lumino/disposable@npm:^2.1.2":
   version: 2.1.2
-  resolution: "@lumino/commands@npm:2.1.2"
+  resolution: "@lumino/disposable@npm:2.1.2"
   dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/keyboard": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-  checksum: c0b5ce8c5e1a86a98a90f54bb07b74742748110cf3362b86ff8328c1b5475c4dc05f1c4c9f50bf79e51c4e2ddc5cd69d6194f3d39dd5b58f357b0f30758bf35b
+    "@lumino/signaling": ^2.1.2
+  checksum: ac2fb2bf18d0b2939fda454f3db248a0ff6e8a77b401e586d1caa9293b3318f808b93a117c9c3ac27cd17aab545aea83b49108d099b9b2f5503ae2a012fbc6e2
   languageName: node
   linkType: hard
 
-"@lumino/coreutils@npm:^1.11.0 || ^2.0.0, @lumino/coreutils@npm:^1.11.0 || ^2.1.1, @lumino/coreutils@npm:^2, @lumino/coreutils@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@lumino/coreutils@npm:2.1.1"
-  checksum: dfdeb2b0282caae17b6c3edfebadf4ce7c75fc879fa60cacfef9b154412f4b35e4ffd95b1833b99d8dacb99aaaa04513570129ae2024c3f33e2677a01f0576ce
+"@lumino/domutils@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/domutils@npm:2.0.1"
+  checksum: 61fa0ab226869dfbb763fc426790cf5a43b7d6f4cea1364c6dd56d61c44bff05eea188d33ff847449608ef58ed343161bee15c19b96f35410e4ee35815dc611a
   languageName: node
   linkType: hard
 
-"@lumino/disposable@npm:^1.10.0 || ^2.0.0, @lumino/disposable@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@lumino/disposable@npm:2.1.1"
+"@lumino/dragdrop@npm:^2.1.4":
+  version: 2.1.4
+  resolution: "@lumino/dragdrop@npm:2.1.4"
   dependencies:
-    "@lumino/signaling": ^2.1.1
-  checksum: ed6cdfe13f3346178a087690d4e7baeccaed7e73ca23cb239765202409f5c01b4729a4058b4717f963462ee9ef2e5cb14ad1974e3163741267290edc3715c85c
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+  checksum: 43d82484b13b38b612e7dfb424a840ed6a38d0db778af10655c4ba235c67b5b12db1683929b35a36ab2845f77466066dfd1ee25c1c273e8e175677eba9dc560d
   languageName: node
   linkType: hard
 
-"@lumino/domutils@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/domutils@npm:2.0.0"
-  checksum: 4a146bfc1006d5fd00ccecc61d9803965d269c15c48c892fd87216336ce967f0db91f31203c5616c83d260224cddf25af4abb6704a6770757d19e44068f690bf
+"@lumino/keyboard@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/keyboard@npm:2.0.1"
+  checksum: cf33f13427a418efd7cc91061233321e860d5404f3d86397781028309bef86c8ad2d88276ffe335c1db0fe619bd9d1e60641c81f881696957a58703ee4652c3e
+  languageName: node
+  linkType: hard
+
+"@lumino/messaging@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/messaging@npm:2.0.1"
+  dependencies:
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/collections": ^2.0.1
+  checksum: 964c4651c374b17452b4252b7d71500b32d2ecd87c192fc5bcf5d3bd1070661d78d07edcac8eca7d1d6fd50aa25992505485e1296d6dd995691b8e349b652045
   languageName: node
   linkType: hard
 
-"@lumino/dragdrop@npm:^2.1.1, @lumino/dragdrop@npm:^2.1.2":
+"@lumino/polling@npm:^2, @lumino/polling@npm:^2.1.2":
   version: 2.1.2
-  resolution: "@lumino/dragdrop@npm:2.1.2"
+  resolution: "@lumino/polling@npm:2.1.2"
   dependencies:
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-  checksum: 7ac64ec11423ec89fea937aa6c9ca818933ee98e775e500018a0a948f32171932033a1e302a48395cbe9bfeaa635acde2393fd935db14d7b1d569ca6a1daaa77
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/signaling": ^2.1.2
+  checksum: fa9b401e6dbeb8f31d7e3ba485e8ef1e0c92b3f2da086239c0ed49931026f5d3528709193c93e031e35ac624fb4bbbfcdcbaa0e25eb797f36e2952e5cd91e9e3
   languageName: node
   linkType: hard
 
-"@lumino/keyboard@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/keyboard@npm:2.0.0"
-  checksum: 3852ba51f437b1c1d7e552a0f844592a05e04dd5012070dc6e4384c58965d1ebf536c6875c1b7bae03cde3c715ddc36cd290992fcefc1a8c39094194f4689fdd
+"@lumino/properties@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/properties@npm:2.0.1"
+  checksum: c50173a935148cc4148fdaea119df1d323ee004ae16ab666800388d27e9730345629662d85f25591683329b39f0cdae60ee8c94e8943b4d0ef7d7370a38128d6
   languageName: node
   linkType: hard
 
-"@lumino/messaging@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/messaging@npm:2.0.0"
+"@lumino/signaling@npm:^1.10.0 || ^2.0.0, @lumino/signaling@npm:^2, @lumino/signaling@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@lumino/signaling@npm:2.1.2"
   dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/collections": ^2.0.0
-  checksum: 1e82dcf9b110834d4342dc63dfeac0ee780880fb99051bd82d00a1f83afd91b276c1cea5af85a414d92c527adc365d54f20ec780123b562f89c5a2cd3e96bf81
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/coreutils": ^2.1.2
+  checksum: ad7d7153db57980da899c43e412e6130316ef30b231a70250e7af49058db16cadb018c1417a2ea8083d83c48623cfe6b705fa82bf10216b1a8949aed9f4aca4e
   languageName: node
   linkType: hard
 
-"@lumino/polling@npm:^2, @lumino/polling@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@lumino/polling@npm:2.1.1"
+"@lumino/virtualdom@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@lumino/virtualdom@npm:2.0.1"
   dependencies:
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/signaling": ^2.1.1
-  checksum: 69177b26d5fc541e72533cbe7d7f7999eea541d392f1082d20dbd9e1797e7d46fba47bae9c65c06f9ccb2780cbae636e9354d9bf4423b5e1020754d4b07d4f6b
+    "@lumino/algorithm": ^2.0.1
+  checksum: cf59b6f15b430e13e9e657b7a0619b9056cd9ea7b2a87f407391d071c501b77403c302b6a66dca510382045e75b2e3fe551630bb391f1c6b33678057d4bec164
   languageName: node
   linkType: hard
 
-"@lumino/properties@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/properties@npm:2.0.0"
-  checksum: 81187a11a779eed4e20ff0035e77dee99bd271b0cf649096c4e8809dd6bdd06955b1a974bc1a115e536f8d2840b30183bb78a362b2c6991824477df6d17e6c59
+"@lumino/widgets@npm:^1.37.2 || ^2.3.2, @lumino/widgets@npm:^2, @lumino/widgets@npm:^2.3.2":
+  version: 2.3.2
+  resolution: "@lumino/widgets@npm:2.3.2"
+  dependencies:
+    "@lumino/algorithm": ^2.0.1
+    "@lumino/commands": ^2.3.0
+    "@lumino/coreutils": ^2.1.2
+    "@lumino/disposable": ^2.1.2
+    "@lumino/domutils": ^2.0.1
+    "@lumino/dragdrop": ^2.1.4
+    "@lumino/keyboard": ^2.0.1
+    "@lumino/messaging": ^2.0.1
+    "@lumino/properties": ^2.0.1
+    "@lumino/signaling": ^2.1.2
+    "@lumino/virtualdom": ^2.0.1
+  checksum: 954fe066b0826cf00c019731bb3f70e635c63be4a0ce27f7573dbe6bd59e2154f511594b50e8f58f44877cf514084128c1e894ecbbbfd6e20d937e5cfb69ca8b
   languageName: node
   linkType: hard
 
-"@lumino/signaling@npm:^1.10.0 || ^2.0.0, @lumino/signaling@npm:^2, @lumino/signaling@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@lumino/signaling@npm:2.1.1"
+"@microsoft/fast-colors@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "@microsoft/fast-colors@npm:5.3.1"
+  checksum: ff87f402faadb4b5aeee3d27762566c11807f927cd4012b8bbc7f073ca68de0e2197f95330ff5dfd7038f4b4f0e2f51b11feb64c5d570f5c598d37850a5daf60
+  languageName: node
+  linkType: hard
+
+"@microsoft/fast-element@npm:^1.12.0, @microsoft/fast-element@npm:^1.13.0":
+  version: 1.13.0
+  resolution: "@microsoft/fast-element@npm:1.13.0"
+  checksum: 1cb7b4cfb7531116a3542d3f59bf1dd35106194f5764205403590250aaff744de79e35a5a1f36b4941c4eda9edc088148d4d629fb80be15fdf25f6be01770f3a
+  languageName: node
+  linkType: hard
+
+"@microsoft/fast-foundation@npm:^2.49.4, @microsoft/fast-foundation@npm:^2.49.6":
+  version: 2.49.6
+  resolution: "@microsoft/fast-foundation@npm:2.49.6"
   dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/coreutils": ^2.1.1
-  checksum: 283ad4239b8577f68aca3d0b2606f73cc1c775f84cab25cf49aa6cd195f0d87949ef43fdff03b38b5a49ebbf2468581c6786d5f8b6159a04b2051260be5eab86
+    "@microsoft/fast-element": ^1.13.0
+    "@microsoft/fast-web-utilities": ^5.4.1
+    tabbable: ^5.2.0
+    tslib: ^1.13.0
+  checksum: 15fdf9dd0b910a72a9cff140f765d522304df11f8a78d5a97a815e2bbae25027c2b336e94f89ca31e650d6aabe17b590b7453acc0d2cb7340c219eb76350a942
   languageName: node
   linkType: hard
 
-"@lumino/virtualdom@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@lumino/virtualdom@npm:2.0.0"
+"@microsoft/fast-react-wrapper@npm:^0.3.22":
+  version: 0.3.24
+  resolution: "@microsoft/fast-react-wrapper@npm:0.3.24"
   dependencies:
-    "@lumino/algorithm": ^2.0.0
-  checksum: 6fc1d88e7d4a656be7664ccfc5745eb1d4e3d2034db0b11ad6abefcc642f22d265003eef0e1d02bca2e42b6da127123118c631369006f78e88a08885a6f36c25
+    "@microsoft/fast-element": ^1.13.0
+    "@microsoft/fast-foundation": ^2.49.6
+  peerDependencies:
+    react: ">=16.9.0"
+  checksum: 1d7a87509c22872bafc9b5c64f66659e52ba0cfdff484d7204125e503dafdea143f5e1bd2a643e2f3fbba6cc7567d916393369433f19dab9f0adcbe7a88b7d98
   languageName: node
   linkType: hard
 
-"@lumino/widgets@npm:^1.37.2 || ^2.1.1, @lumino/widgets@npm:^2, @lumino/widgets@npm:^2.1.1, @lumino/widgets@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "@lumino/widgets@npm:2.2.0"
-  dependencies:
-    "@lumino/algorithm": ^2.0.0
-    "@lumino/commands": ^2.1.2
-    "@lumino/coreutils": ^2.1.1
-    "@lumino/disposable": ^2.1.1
-    "@lumino/domutils": ^2.0.0
-    "@lumino/dragdrop": ^2.1.2
-    "@lumino/keyboard": ^2.0.0
-    "@lumino/messaging": ^2.0.0
-    "@lumino/properties": ^2.0.0
-    "@lumino/signaling": ^2.1.1
-    "@lumino/virtualdom": ^2.0.0
-  checksum: 963c0e54102b786a9cbf3467041c9f6f5c275af751afc311ebeba30d56516767c463c425e321bb389eaa66726dfc4420119a9a58573dcbf3110aba9515c80606
-  languageName: node
-  linkType: hard
-
-"@mui/base@npm:5.0.0-alpha.98":
-  version: 5.0.0-alpha.98
-  resolution: "@mui/base@npm:5.0.0-alpha.98"
-  dependencies:
-    "@babel/runtime": ^7.19.0
-    "@emotion/is-prop-valid": ^1.2.0
-    "@mui/types": ^7.2.0
-    "@mui/utils": ^5.10.6
-    "@popperjs/core": ^2.11.6
-    clsx: ^1.2.1
+"@microsoft/fast-web-utilities@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "@microsoft/fast-web-utilities@npm:5.4.1"
+  dependencies:
+    exenv-es6: ^1.1.1
+  checksum: 303e87847f962944f474e3716c3eb305668243916ca9e0719e26bb9a32346144bc958d915c103776b3e552cea0f0f6233f839fad66adfdf96a8436b947288ca7
+  languageName: node
+  linkType: hard
+
+"@mui/base@npm:5.0.0-beta.40, @mui/base@npm:^5.0.0-beta.22":
+  version: 5.0.0-beta.40
+  resolution: "@mui/base@npm:5.0.0-beta.40"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@floating-ui/react-dom": ^2.0.8
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    "@popperjs/core": ^2.11.8
+    clsx: ^2.1.0
     prop-types: ^15.8.1
-    react-is: ^18.2.0
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
     react: ^17.0.0 || ^18.0.0
@@ -4339,22 +3319,22 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 31c5e590620bd57a63f9dad688a4e73f011036722e5063252506c2680ef5fa2f137cb9415596f6af5348683c66e12d17a24af3126ddda0f3405a37f2e208bb5e
+  checksum: 9c084ee67de372411a71af5eca9a5367db9f5bce57bb43973629c522760fe64fa2a43d2934dccd24d6dcbcd0ed399c5fc5c461226c86104f5767de1c9b8deba2
   languageName: node
   linkType: hard
 
-"@mui/core-downloads-tracker@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/core-downloads-tracker@npm:5.10.6"
-  checksum: 59ad1c3c77847054c1d82af2836a6390185e015f02bb44050dff43e42f7d642b60451116a1d93be8f06f1afb83753b1bdc144e58d341c70d4ca28f56373fbc44
+"@mui/core-downloads-tracker@npm:^5.15.19":
+  version: 5.15.19
+  resolution: "@mui/core-downloads-tracker@npm:5.15.19"
+  checksum: 32dd442d72a4cf4abea0e5c0a325707c3f8aba16b7b40ed674da2c068ed10d686f1941240e527407d685e00ed12931c331d99265e1ed570630c856ffbe291c23
   languageName: node
   linkType: hard
 
 "@mui/icons-material@npm:^5.10.9":
-  version: 5.10.9
-  resolution: "@mui/icons-material@npm:5.10.9"
+  version: 5.15.19
+  resolution: "@mui/icons-material@npm:5.15.19"
   dependencies:
-    "@babel/runtime": ^7.19.0
+    "@babel/runtime": ^7.23.9
   peerDependencies:
     "@mui/material": ^5.0.0
     "@types/react": ^17.0.0 || ^18.0.0
@@ -4362,23 +3342,23 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 8d2f66c094c39ed66b4d2581e8cc9e97a89e15793d0a768869a4b8d01ee6ff2adbbd10761bcafc14dad640c7a51a550a85cdf5f195373afb317afb5e82dce6e5
+  checksum: 365d9e93bef6cd19b7c8862ee926e2afd96c815df0c777670cca6e9c348f1fc0178ad0e060684c34f6953bb8a1a5f87648ff0a129ec23a9664964dbe0a8d2026
   languageName: node
   linkType: hard
 
 "@mui/material@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/material@npm:5.10.6"
-  dependencies:
-    "@babel/runtime": ^7.19.0
-    "@mui/base": 5.0.0-alpha.98
-    "@mui/core-downloads-tracker": ^5.10.6
-    "@mui/system": ^5.10.6
-    "@mui/types": ^7.2.0
-    "@mui/utils": ^5.10.6
-    "@types/react-transition-group": ^4.4.5
-    clsx: ^1.2.1
-    csstype: ^3.1.0
+  version: 5.15.19
+  resolution: "@mui/material@npm:5.15.19"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@mui/base": 5.0.0-beta.40
+    "@mui/core-downloads-tracker": ^5.15.19
+    "@mui/system": ^5.15.15
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    "@types/react-transition-group": ^4.4.10
+    clsx: ^2.1.0
+    csstype: ^3.1.3
     prop-types: ^15.8.1
     react-is: ^18.2.0
     react-transition-group: ^4.4.5
@@ -4395,16 +3375,16 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: c89e674093dcd0137f94f191b0ad7142651a69cc6ee5ee9eb9a85307411e5d913782581b1a38548bf9b6525c83e266687c43c2814c3b15cda993cef2615af147
+  checksum: 001095973c5d8581c97b05bca888d9aae51876684c9bcf7e1841635287c225ac9af94ca13a8baaa410f60b16b1ebb3003efa85a008d7338e23c12272cbf29ecb
   languageName: node
   linkType: hard
 
-"@mui/private-theming@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/private-theming@npm:5.10.6"
+"@mui/private-theming@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/private-theming@npm:5.15.14"
   dependencies:
-    "@babel/runtime": ^7.19.0
-    "@mui/utils": ^5.10.6
+    "@babel/runtime": ^7.23.9
+    "@mui/utils": ^5.15.14
     prop-types: ^15.8.1
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
@@ -4412,17 +3392,17 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 2095e9f1dbe04815c17488d54bb81aa909c840c281a41f15b07325e182e317b7f8439532b51cf88123847a6ee92c67761ca91819da916794dd32a29f5767f4ef
+  checksum: 1b1ef54e8281c9b13fcc58f4c39682efc610946a68402283c19fcfbce8a7d7a231d61b536d6df9bf7a59a1426591bd403a453a59eb8efb9689437fb58554dc8c
   languageName: node
   linkType: hard
 
-"@mui/styled-engine@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/styled-engine@npm:5.10.6"
+"@mui/styled-engine@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/styled-engine@npm:5.15.14"
   dependencies:
-    "@babel/runtime": ^7.19.0
-    "@emotion/cache": ^11.10.3
-    csstype: ^3.1.0
+    "@babel/runtime": ^7.23.9
+    "@emotion/cache": ^11.11.0
+    csstype: ^3.1.3
     prop-types: ^15.8.1
   peerDependencies:
     "@emotion/react": ^11.4.1
@@ -4433,21 +3413,21 @@ __metadata:
       optional: true
     "@emotion/styled":
       optional: true
-  checksum: b2d84bc37a7fa0baa380485a4bcfbed7c750ee73f3e65a5987866a52c8122e2d560b464078942be03f7fe334ee8e09f7eb98675a404b5091cc152a5f1626652a
+  checksum: 23b45c859a4f0d2b10933d06a6082c0ff093f7b6d8d32a2bfe3a6e515fe46d7a38ca9e7150d45c025a2e98d963bae9a5991d131cf4748b62670075ef0fa321ed
   languageName: node
   linkType: hard
 
-"@mui/system@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/system@npm:5.10.6"
+"@mui/system@npm:^5.10.6, @mui/system@npm:^5.15.15":
+  version: 5.15.15
+  resolution: "@mui/system@npm:5.15.15"
   dependencies:
-    "@babel/runtime": ^7.19.0
-    "@mui/private-theming": ^5.10.6
-    "@mui/styled-engine": ^5.10.6
-    "@mui/types": ^7.2.0
-    "@mui/utils": ^5.10.6
-    clsx: ^1.2.1
-    csstype: ^3.1.0
+    "@babel/runtime": ^7.23.9
+    "@mui/private-theming": ^5.15.14
+    "@mui/styled-engine": ^5.15.14
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    clsx: ^2.1.0
+    csstype: ^3.1.3
     prop-types: ^15.8.1
   peerDependencies:
     "@emotion/react": ^11.5.0
@@ -4461,43 +3441,85 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: b52e94e8d35e397d5a13c22145348608777da103b34aaa57cd2e7f76e6254426ad34c89a844d7bc964e899239f434ad533e91c825d40615d854b054fcd408c3e
+  checksum: 9ca96d5f66b2a9d6471909cc98c671eea5ec0a6d58a7ec071073b9e5200b95c3f017f0ca5cc946abc7f83074bd11830ca18f5e30bc98e25cd6ca217bd1b3a26f
   languageName: node
   linkType: hard
 
-"@mui/types@npm:^7.2.0":
-  version: 7.2.0
-  resolution: "@mui/types@npm:7.2.0"
+"@mui/types@npm:^7.2.14":
+  version: 7.2.14
+  resolution: "@mui/types@npm:7.2.14"
   peerDependencies:
-    "@types/react": "*"
+    "@types/react": ^17.0.0 || ^18.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: a863140f2039c33fab7651e024f6ba277b282930b5b43e8a68c2339508a74fcedf15af2f0f46bafe276fb65ae0b44cd8a880e1f9a870d957f61457b59709ecba
+  checksum: 615c9f9110933157f5d3c4fee69d6e70b98fc0d9ebc3b63079b6a1e23e6b389748687a25ab4ac15b56166fc228885da87c3929503b41fa322cfdee0f6d411206
   languageName: node
   linkType: hard
 
-"@mui/utils@npm:^5.10.6":
-  version: 5.10.6
-  resolution: "@mui/utils@npm:5.10.6"
+"@mui/utils@npm:^5.14.16, @mui/utils@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/utils@npm:5.15.14"
   dependencies:
-    "@babel/runtime": ^7.19.0
-    "@types/prop-types": ^15.7.5
-    "@types/react-is": ^16.7.1 || ^17.0.0
+    "@babel/runtime": ^7.23.9
+    "@types/prop-types": ^15.7.11
     prop-types: ^15.8.1
     react-is: ^18.2.0
   peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0
     react: ^17.0.0 || ^18.0.0
-  checksum: 794d856b820d3b65f74af32f479fc3ace9693473ae19c54c4d64d655fd162e8e6a16b7429a87d9fa81081bacb70e1c488851599692644124b4b312bbbcaacba4
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 36543ba7e3b65fb3219ed27e8f1455aff15b47a74c9b642c63e60774e22baa6492a196079e72bcfa5a570421dab32160398f892110bd444428bcf8b266b11893
   languageName: node
   linkType: hard
 
-"@nicolo-ribaudo/semver-v6@npm:^6.3.3":
-  version: 6.3.3
-  resolution: "@nicolo-ribaudo/semver-v6@npm:6.3.3"
-  bin:
-    semver: bin/semver.js
-  checksum: 8290855b1591477d2298364541fda64fafd4acc110b387067a71c9b05f4105c0a4ac079857ae9cd107c42ee884e8724a406b5116f069575e02d7ab87a35a5272
+"@mui/x-date-pickers@npm:^6.19.3":
+  version: 6.20.0
+  resolution: "@mui/x-date-pickers@npm:6.20.0"
+  dependencies:
+    "@babel/runtime": ^7.23.2
+    "@mui/base": ^5.0.0-beta.22
+    "@mui/utils": ^5.14.16
+    "@types/react-transition-group": ^4.4.8
+    clsx: ^2.0.0
+    prop-types: ^15.8.1
+    react-transition-group: ^4.4.5
+  peerDependencies:
+    "@emotion/react": ^11.9.0
+    "@emotion/styled": ^11.8.1
+    "@mui/material": ^5.8.6
+    "@mui/system": ^5.8.0
+    date-fns: ^2.25.0 || ^3.2.0
+    date-fns-jalali: ^2.13.0-0
+    dayjs: ^1.10.7
+    luxon: ^3.0.2
+    moment: ^2.29.4
+    moment-hijri: ^2.1.2
+    moment-jalaali: ^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0
+    react: ^17.0.0 || ^18.0.0
+    react-dom: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+    date-fns:
+      optional: true
+    date-fns-jalali:
+      optional: true
+    dayjs:
+      optional: true
+    luxon:
+      optional: true
+    moment:
+      optional: true
+    moment-hijri:
+      optional: true
+    moment-jalaali:
+      optional: true
+  checksum: b5c4eb739973211436d3e1ab5829121c80e5f5ae656713d9ab51d66a7f875a53b8d2172a1b571216981041271a398405900ddb05eccf5717adbf64b42e1434f0
   languageName: node
   linkType: hard
 
@@ -4528,12 +3550,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@npmcli/agent@npm:^2.0.0":
+  version: 2.2.2
+  resolution: "@npmcli/agent@npm:2.2.2"
+  dependencies:
+    agent-base: ^7.1.0
+    http-proxy-agent: ^7.0.0
+    https-proxy-agent: ^7.0.1
+    lru-cache: ^10.0.1
+    socks-proxy-agent: ^8.0.3
+  checksum: 67de7b88cc627a79743c88bab35e023e23daf13831a8aa4e15f998b92f5507b644d8ffc3788afc8e64423c612e0785a6a92b74782ce368f49a6746084b50d874
+  languageName: node
+  linkType: hard
+
 "@npmcli/fs@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@npmcli/fs@npm:3.1.0"
+  version: 3.1.1
+  resolution: "@npmcli/fs@npm:3.1.1"
   dependencies:
     semver: ^7.3.5
-  checksum: a50a6818de5fc557d0b0e6f50ec780a7a02ab8ad07e5ac8b16bf519e0ad60a144ac64f97d05c443c3367235d337182e1d012bbac0eb8dbae8dc7b40b193efd0e
+  checksum: d960cab4b93adcb31ce223bfb75c5714edbd55747342efb67dcc2f25e023d930a7af6ece3e75f2f459b6f38fc14d031c766f116cd124fdc937fd33112579e820
   languageName: node
   linkType: hard
 
@@ -4544,32 +3579,135 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@popperjs/core@npm:^2.11.6":
-  version: 2.11.6
-  resolution: "@popperjs/core@npm:2.11.6"
-  checksum: 47fb328cec1924559d759b48235c78574f2d71a8a6c4c03edb6de5d7074078371633b91e39bbf3f901b32aa8af9b9d8f82834856d2f5737a23475036b16817f0
+"@popperjs/core@npm:^2.11.8":
+  version: 2.11.8
+  resolution: "@popperjs/core@npm:2.11.8"
+  checksum: e5c69fdebf52a4012f6a1f14817ca8e9599cb1be73dd1387e1785e2ed5e5f0862ff817f420a87c7fc532add1f88a12e25aeb010ffcbdc98eace3d55ce2139cf0
   languageName: node
   linkType: hard
 
-"@rjsf/core@npm:^5.1.0":
-  version: 5.10.0
-  resolution: "@rjsf/core@npm:5.10.0"
+"@reactflow/background@npm:11.3.13":
+  version: 11.3.13
+  resolution: "@reactflow/background@npm:11.3.13"
+  dependencies:
+    "@reactflow/core": 11.11.3
+    classcat: ^5.0.3
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 8ef090f43f30a912f3a8212a44db410aab6c65211f0b5aa4fd45d0d8e0c36620bbe4d65a9ed3fa3d08529e9622d638040f548470f46e8ffa44b42680915c8b5a
+  languageName: node
+  linkType: hard
+
+"@reactflow/controls@npm:11.2.13":
+  version: 11.2.13
+  resolution: "@reactflow/controls@npm:11.2.13"
+  dependencies:
+    "@reactflow/core": 11.11.3
+    classcat: ^5.0.3
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: a94448c1e13707832b5ac7c93519d339344366a842c531e9f96fa321feea2a0538369e4ff59f892a05611d9dd97f34711bbfc2097795e232e086a4f18a340897
+  languageName: node
+  linkType: hard
+
+"@reactflow/core@npm:11.11.3":
+  version: 11.11.3
+  resolution: "@reactflow/core@npm:11.11.3"
+  dependencies:
+    "@types/d3": ^7.4.0
+    "@types/d3-drag": ^3.0.1
+    "@types/d3-selection": ^3.0.3
+    "@types/d3-zoom": ^3.0.1
+    classcat: ^5.0.3
+    d3-drag: ^3.0.0
+    d3-selection: ^3.0.0
+    d3-zoom: ^3.0.0
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 18b95ae479e4e6aad92b11208677e3ed3346482d67b1cd0641ce15c406103d0e277b7cd20cf643d85d9ad692409c2ba38e221c87b3a72174a9e3ea4b656a0ac3
+  languageName: node
+  linkType: hard
+
+"@reactflow/minimap@npm:11.7.13":
+  version: 11.7.13
+  resolution: "@reactflow/minimap@npm:11.7.13"
+  dependencies:
+    "@reactflow/core": 11.11.3
+    "@types/d3-selection": ^3.0.3
+    "@types/d3-zoom": ^3.0.1
+    classcat: ^5.0.3
+    d3-selection: ^3.0.0
+    d3-zoom: ^3.0.0
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 623b2e5704058358b3eaa11f46a369cd48520e37d47ef829444240fafd8ccde61fbff38bd22d6c4d32bb4c00bb6db6827303818b5c97130b0d6dc8237de3cfd1
+  languageName: node
+  linkType: hard
+
+"@reactflow/node-resizer@npm:2.2.13":
+  version: 2.2.13
+  resolution: "@reactflow/node-resizer@npm:2.2.13"
+  dependencies:
+    "@reactflow/core": 11.11.3
+    classcat: ^5.0.4
+    d3-drag: ^3.0.0
+    d3-selection: ^3.0.0
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 623c91e3c8017a5891aa7af819af5752ebfc177dc30f7cb177bb2040ef88bd99d55a9dd2e4bb5130c7f3a4994dc44b682072da4a7e85892f53a1b4d8bee02a2a
+  languageName: node
+  linkType: hard
+
+"@reactflow/node-toolbar@npm:1.3.13":
+  version: 1.3.13
+  resolution: "@reactflow/node-toolbar@npm:1.3.13"
+  dependencies:
+    "@reactflow/core": 11.11.3
+    classcat: ^5.0.3
+    zustand: ^4.4.1
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 9acb0f45a06326782c6fa08bfffbe7728423998a4d395e2c45968ce4ad691ff02f69f1f35a04900868f9e116b2c15a196cfa10ba4f86885657b97a95fc09b1bd
+  languageName: node
+  linkType: hard
+
+"@remix-run/router@npm:1.16.1":
+  version: 1.16.1
+  resolution: "@remix-run/router@npm:1.16.1"
+  checksum: 69068815832b30d2a5c063ac1c75365c45cf5b484dab65e1b3129fdbb3c2a7b866401733f766e550dbca1eaf0b84bc772a9c55310f4dd21eb53e62eb1b4625d0
+  languageName: node
+  linkType: hard
+
+"@rjsf/core@npm:^5.13.4":
+  version: 5.18.4
+  resolution: "@rjsf/core@npm:5.18.4"
   dependencies:
     lodash: ^4.17.21
     lodash-es: ^4.17.21
-    markdown-to-jsx: ^7.2.1
-    nanoid: ^3.3.6
+    markdown-to-jsx: ^7.4.1
+    nanoid: ^3.3.7
     prop-types: ^15.8.1
   peerDependencies:
-    "@rjsf/utils": ^5.8.x
+    "@rjsf/utils": ^5.18.x
     react: ^16.14.0 || >=17
-  checksum: 11ff7f07e31ba13c1c6cb5e9aee94c4a5916a3f0013cb19fdeaea9254a77b50acee05d531a70adf92ee8a2024525916b20bb1af79d7afaadbd212a6124a57e5a
+  checksum: 8c3f49914be396595ce67dc4c36ac25c5cb6673917ec82c47f79321f5bb78d02741e8dca39287d0435270e7c9ccb06f7d40e396bdf71a3e9eb1371ef16954817
   languageName: node
   linkType: hard
 
-"@rjsf/utils@npm:^5.1.0":
-  version: 5.10.0
-  resolution: "@rjsf/utils@npm:5.10.0"
+"@rjsf/utils@npm:^5.13.4":
+  version: 5.18.4
+  resolution: "@rjsf/utils@npm:5.18.4"
   dependencies:
     json-schema-merge-allof: ^0.8.1
     jsonpointer: ^5.0.1
@@ -4578,7 +3716,7 @@ __metadata:
     react-is: ^18.2.0
   peerDependencies:
     react: ^16.14.0 || >=17
-  checksum: 5f44334598cfee3c2bf9a9561680e9c91abce9240ddf54cdb800fbbbb69b182fa7cc1839127558b3661aadbb185fba676eb3189352c8a8b5eea83d0b46987fa7
+  checksum: d7cf514527ec50a94751c5ec1f9e5eafd89d0c56441a22ae28a4e667aaa7c60447e1e1ccf8355c5be5b97e9a1163853c116816b13307e3463433d50f6b89bb3e
   languageName: node
   linkType: hard
 
@@ -4590,11 +3728,11 @@ __metadata:
   linkType: hard
 
 "@sinonjs/commons@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@sinonjs/commons@npm:3.0.0"
+  version: 3.0.1
+  resolution: "@sinonjs/commons@npm:3.0.1"
   dependencies:
     type-detect: 4.0.8
-  checksum: b4b5b73d4df4560fb8c0c7b38c7ad4aeabedd362f3373859d804c988c725889cde33550e4bcc7cd316a30f5152a2d1d43db71b6d0c38f5feef71fd8d016763f8
+  checksum: a7c3e7cc612352f4004873747d9d8b2d4d90b13a6d483f685598c945a70e734e255f1ca5dc49702515533c403b32725defff148177453b3f3915bcb60e9d4601
   languageName: node
   linkType: hard
 
@@ -4615,121 +3753,393 @@ __metadata:
   linkType: hard
 
 "@types/babel__core@npm:^7.1.14":
-  version: 7.20.1
-  resolution: "@types/babel__core@npm:7.20.1"
+  version: 7.20.5
+  resolution: "@types/babel__core@npm:7.20.5"
   dependencies:
     "@babel/parser": ^7.20.7
     "@babel/types": ^7.20.7
     "@types/babel__generator": "*"
     "@types/babel__template": "*"
     "@types/babel__traverse": "*"
-  checksum: 9fcd9691a33074802d9057ff70b0e3ff3778f52470475b68698a0f6714fbe2ccb36c16b43dc924eb978cd8a81c1f845e5ff4699e7a47606043b539eb8c6331a8
+  checksum: a3226f7930b635ee7a5e72c8d51a357e799d19cbf9d445710fa39ab13804f79ab1a54b72ea7d8e504659c7dfc50675db974b526142c754398d7413aa4bc30845
   languageName: node
   linkType: hard
 
 "@types/babel__generator@npm:*":
-  version: 7.6.4
-  resolution: "@types/babel__generator@npm:7.6.4"
+  version: 7.6.8
+  resolution: "@types/babel__generator@npm:7.6.8"
   dependencies:
     "@babel/types": ^7.0.0
-  checksum: 20effbbb5f8a3a0211e95959d06ae70c097fb6191011b73b38fe86deebefad8e09ee014605e0fd3cdaedc73d158be555866810e9166e1f09e4cfd880b874dcb0
+  checksum: 5b332ea336a2efffbdeedb92b6781949b73498606ddd4205462f7d96dafd45ff3618770b41de04c4881e333dd84388bfb8afbdf6f2764cbd98be550d85c6bb48
   languageName: node
   linkType: hard
 
 "@types/babel__template@npm:*":
-  version: 7.4.1
-  resolution: "@types/babel__template@npm:7.4.1"
+  version: 7.4.4
+  resolution: "@types/babel__template@npm:7.4.4"
   dependencies:
     "@babel/parser": ^7.1.0
     "@babel/types": ^7.0.0
-  checksum: 649fe8b42c2876be1fd28c6ed9b276f78152d5904ec290b6c861d9ef324206e0a5c242e8305c421ac52ecf6358fa7e32ab7a692f55370484825c1df29b1596ee
+  checksum: d7a02d2a9b67e822694d8e6a7ddb8f2b71a1d6962dfd266554d2513eefbb205b33ca71a0d163b1caea3981ccf849211f9964d8bd0727124d18ace45aa6c9ae29
   languageName: node
   linkType: hard
 
 "@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.6":
-  version: 7.18.1
-  resolution: "@types/babel__traverse@npm:7.18.1"
+  version: 7.20.6
+  resolution: "@types/babel__traverse@npm:7.20.6"
+  dependencies:
+    "@babel/types": ^7.20.7
+  checksum: 2bdc65eb62232c2d5c1086adeb0c31e7980e6fd7e50a3483b4a724a1a1029c84d9cb59749cf8de612f9afa2bc14c85b8f50e64e21f8a4398fa77eb9059a4283c
+  languageName: node
+  linkType: hard
+
+"@types/d3-array@npm:*":
+  version: 3.2.1
+  resolution: "@types/d3-array@npm:3.2.1"
+  checksum: 8a41cee0969e53bab3f56cc15c4e6c9d76868d6daecb2b7d8c9ce71e0ececccc5a8239697cc52dadf5c665f287426de5c8ef31a49e7ad0f36e8846889a383df4
+  languageName: node
+  linkType: hard
+
+"@types/d3-axis@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-axis@npm:3.0.6"
+  dependencies:
+    "@types/d3-selection": "*"
+  checksum: ea1065d9e6d134c04427763603cbe9d549b8b5785b8ae0d002b5b14a362619d5b8f5ee3c2fda8b36b7e5a413cbcd387e1a2d89898b919a9f0cc91ad4e67b5ab5
+  languageName: node
+  linkType: hard
+
+"@types/d3-brush@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-brush@npm:3.0.6"
+  dependencies:
+    "@types/d3-selection": "*"
+  checksum: e5166bc53e5c914b1fed0a6ce55ca14d76ae11c5afd16b724b8ae47989e977c4af02bb07496d1ccd0a77f4ccd9a2ca7345e1d289bcfce16490fe4b39a9e0d170
+  languageName: node
+  linkType: hard
+
+"@types/d3-chord@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-chord@npm:3.0.6"
+  checksum: b511cf372ed8a0086d37a715c0d4aca811b614454e1f7c1561fbcd46863beaccdb115d274a7a992a30a8218393fbc3e1fdd7ca6e9d572e729a4570002c327083
+  languageName: node
+  linkType: hard
+
+"@types/d3-color@npm:*":
+  version: 3.1.3
+  resolution: "@types/d3-color@npm:3.1.3"
+  checksum: 8a0e79a709929502ec4effcee2c786465b9aec51b653ba0b5d05dbfec3e84f418270dd603002d94021885061ff592f614979193bd7a02ad76317f5608560e357
+  languageName: node
+  linkType: hard
+
+"@types/d3-contour@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-contour@npm:3.0.6"
+  dependencies:
+    "@types/d3-array": "*"
+    "@types/geojson": "*"
+  checksum: 83c13eb0567e95d6675d6d81cbeab38d0899c5af70a7c69354e23e0860ddb2f3e911d2cacd33a8baa60ce7846b38785a337b2d7c8d2763a1340bfb999b4bd2ab
+  languageName: node
+  linkType: hard
+
+"@types/d3-delaunay@npm:*":
+  version: 6.0.4
+  resolution: "@types/d3-delaunay@npm:6.0.4"
+  checksum: 502fe0eb91f7d05b0f57904d68028c24348a54b1e5458009caf662de995d0e59bd82cd701b4af0087d614ee9e456d415fe32d63c25272ca753bf12b3f27b2d77
+  languageName: node
+  linkType: hard
+
+"@types/d3-dispatch@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-dispatch@npm:3.0.6"
+  checksum: f82076c7d205885480d363c92c19b8e0d6b9e529a3a78ce772f96a7cc4cce01f7941141f148828337035fac9676b13e7440565530491d560fdf12e562cb56573
+  languageName: node
+  linkType: hard
+
+"@types/d3-drag@npm:*, @types/d3-drag@npm:^3.0.1":
+  version: 3.0.7
+  resolution: "@types/d3-drag@npm:3.0.7"
+  dependencies:
+    "@types/d3-selection": "*"
+  checksum: 1107cb1667ead79073741c06ea4a9e8e4551698f6c9c60821e327a6aa30ca2ba0b31a6fe767af85a2e38a22d2305f6c45b714df15c2bba68adf58978223a5fc5
+  languageName: node
+  linkType: hard
+
+"@types/d3-dsv@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-dsv@npm:3.0.7"
+  checksum: 5025e01459827d09d14e0d00281995a04042ce9e3e76444c5a65466c1d29649d82cbfaa9251e33837bf576f5c587525d8d8ff5aacc6bd3b831824d54449261b9
+  languageName: node
+  linkType: hard
+
+"@types/d3-ease@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-ease@npm:3.0.2"
+  checksum: 0885219966294bfc99548f37297e1c75e75da812a5f3ec941977ebb57dcab0a25acec5b2bbd82d09a49d387daafca08521ca269b7e4c27ddca7768189e987b54
+  languageName: node
+  linkType: hard
+
+"@types/d3-fetch@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-fetch@npm:3.0.7"
+  dependencies:
+    "@types/d3-dsv": "*"
+  checksum: e60cf60b25cbc49b2066ac2a3638f610c7379000562b0f499dd90fd57a8cb9740c24667a70496c2a66456d42867afeffb1722a75b26d95e7d7ee8667d96b0b36
+  languageName: node
+  linkType: hard
+
+"@types/d3-force@npm:*":
+  version: 3.0.9
+  resolution: "@types/d3-force@npm:3.0.9"
+  checksum: 6ec16109b5048cda0877931b5e60565436fee697ccbc223eae1562c4a8401dddacb25b0137da2babca2a810ad0471114444e08c8e395ce90758d768a05a23b4f
+  languageName: node
+  linkType: hard
+
+"@types/d3-format@npm:*":
+  version: 3.0.4
+  resolution: "@types/d3-format@npm:3.0.4"
+  checksum: e69421cd93861a0c080084b0b23d4a5d6a427497559e46898189002fb756dae2c7c858b465308f6bcede7272b90e39ce8adab810bded2309035a5d9556c59134
+  languageName: node
+  linkType: hard
+
+"@types/d3-geo@npm:*":
+  version: 3.1.0
+  resolution: "@types/d3-geo@npm:3.1.0"
+  dependencies:
+    "@types/geojson": "*"
+  checksum: a4b2daa8a64012912ce7186891e8554af123925dca344c111b771e168a37477e02d504c6c94ee698440380e8c4f3f373d6755be97935da30eae0904f6745ce40
+  languageName: node
+  linkType: hard
+
+"@types/d3-hierarchy@npm:*":
+  version: 3.1.7
+  resolution: "@types/d3-hierarchy@npm:3.1.7"
+  checksum: 69746b3a65e0fe0ceb3ffcb1a8840a61e271eadb32eccb5034f0fce036d24801aef924ee45b99246580c9f7c81839ab0555f776a11773d82e860d522a2ff1c0e
+  languageName: node
+  linkType: hard
+
+"@types/d3-interpolate@npm:*":
+  version: 3.0.4
+  resolution: "@types/d3-interpolate@npm:3.0.4"
+  dependencies:
+    "@types/d3-color": "*"
+  checksum: efd2770e174e84fc7316fdafe03cf3688451f767dde1fa6211610137f495be7f3923db7e1723a6961a0e0e9ae0ed969f4f47c038189fa0beb1d556b447922622
+  languageName: node
+  linkType: hard
+
+"@types/d3-path@npm:*":
+  version: 3.1.0
+  resolution: "@types/d3-path@npm:3.1.0"
+  checksum: 1e81b56ed33ba1ac954a8c42c78c3fcf2716927fe5d01b2003591193ad3b639572a3dfcedd9bf78b6b73215a5cfb01cede8f25c936e95ac18fbe3858f9b62f5c
+  languageName: node
+  linkType: hard
+
+"@types/d3-polygon@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-polygon@npm:3.0.2"
+  checksum: 7cf1eadb54f02dd3617512b558f4c0f3811f8a6a8c887d9886981c3cc251db28b68329b2b0707d9f517231a72060adbb08855227f89bef6ef30caedc0a67cab2
+  languageName: node
+  linkType: hard
+
+"@types/d3-quadtree@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-quadtree@npm:3.0.6"
+  checksum: 631fb1a50dbe4fb0c97574891b180ec3d6a0f524bbd8aee8dfd44eda405e7ed1ca2b03d5568a35f697d09e5e4b598117e149236874b0c8764979a3d6242bb0bc
+  languageName: node
+  linkType: hard
+
+"@types/d3-random@npm:*":
+  version: 3.0.3
+  resolution: "@types/d3-random@npm:3.0.3"
+  checksum: 33285b57768a724d2466ac1deec002432805c9df3e475ffb7f7fec66681cfe3e18d2f68b7f8ba45f400b274907bbebfe8adff14c9a97ef1987e476135e784925
+  languageName: node
+  linkType: hard
+
+"@types/d3-scale-chromatic@npm:*":
+  version: 3.0.3
+  resolution: "@types/d3-scale-chromatic@npm:3.0.3"
+  checksum: a465d126a00a71d3824957283580b4b404fe6f6bb52eb2b7303047fffed2bec6e31aeb34bfb30313e72ee1d75243c50ec5a45824eaf547f9c0849a1379527662
+  languageName: node
+  linkType: hard
+
+"@types/d3-scale@npm:*":
+  version: 4.0.8
+  resolution: "@types/d3-scale@npm:4.0.8"
+  dependencies:
+    "@types/d3-time": "*"
+  checksum: 3b1906da895564f73bb3d0415033d9a8aefe7c4f516f970176d5b2ff7a417bd27ae98486e9a9aa0472001dc9885a9204279a1973a985553bdb3ee9bbc1b94018
+  languageName: node
+  linkType: hard
+
+"@types/d3-selection@npm:*, @types/d3-selection@npm:^3.0.3":
+  version: 3.0.10
+  resolution: "@types/d3-selection@npm:3.0.10"
+  checksum: 8a1b0940eca565d754c1898b9e4f86e2778e4135878b76b3b8a89d497e37675d423ec3376f248577a502bccb55c1218cc9f6b5688a29a3b500973de8fc5f1c5c
+  languageName: node
+  linkType: hard
+
+"@types/d3-shape@npm:*":
+  version: 3.1.6
+  resolution: "@types/d3-shape@npm:3.1.6"
+  dependencies:
+    "@types/d3-path": "*"
+  checksum: bd765be021019c43c8dca066a798a1de28a051d1213db6ca25f76c9e577da7ec40a592e3bda7628383ab48cb87164fe60b95eb5ec23761b2012bd0adb30c549a
+  languageName: node
+  linkType: hard
+
+"@types/d3-time-format@npm:*":
+  version: 4.0.3
+  resolution: "@types/d3-time-format@npm:4.0.3"
+  checksum: e981fc9780697a9d8c5d1ddf1167d9c6bc28e4e610afddff1384fe55e6eb52cb65309b2a0a1d4cf817413b0a80b9f1a652fe0b2cb8054ace4eafff80a6093aa5
+  languageName: node
+  linkType: hard
+
+"@types/d3-time@npm:*":
+  version: 3.0.3
+  resolution: "@types/d3-time@npm:3.0.3"
+  checksum: a071826c80efdb1999e6406fef2db516d45f3906da3a9a4da8517fa863bae53c4c1056ca5347a20921660607d21ec874fd2febe0e961adb7be6954255587d08f
+  languageName: node
+  linkType: hard
+
+"@types/d3-timer@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-timer@npm:3.0.2"
+  checksum: 1643eebfa5f4ae3eb00b556bbc509444d88078208ec2589ddd8e4a24f230dd4cf2301e9365947e70b1bee33f63aaefab84cd907822aae812b9bc4871b98ab0e1
+  languageName: node
+  linkType: hard
+
+"@types/d3-transition@npm:*":
+  version: 3.0.8
+  resolution: "@types/d3-transition@npm:3.0.8"
   dependencies:
-    "@babel/types": ^7.3.0
-  checksum: a7158b13e5e4b844565217d04a0a09c1cf04e67de90972318960028effbd5e7400f2567b72c5f790acffdab9b4adce8d68f435a2f0c2b16e2c9c45994ace98f2
+    "@types/d3-selection": "*"
+  checksum: 4ff2727f0f2305cbe4fed1ef860a6cac44393607db42e4d0975eb6348338c2c3091b25bc5a1bddd31d7f3e10d1028187f7d271f6e4239d67f485f28c4f076a8b
+  languageName: node
+  linkType: hard
+
+"@types/d3-zoom@npm:*, @types/d3-zoom@npm:^3.0.1":
+  version: 3.0.8
+  resolution: "@types/d3-zoom@npm:3.0.8"
+  dependencies:
+    "@types/d3-interpolate": "*"
+    "@types/d3-selection": "*"
+  checksum: a1685728949ed39faf8ce162cc13338639c57bc2fd4d55fc7902b2632cad2bc2a808941263e57ce6685647e8a6a0a556e173386a52d6bb74c9ed6195b68be3de
+  languageName: node
+  linkType: hard
+
+"@types/d3@npm:^7.4.0":
+  version: 7.4.3
+  resolution: "@types/d3@npm:7.4.3"
+  dependencies:
+    "@types/d3-array": "*"
+    "@types/d3-axis": "*"
+    "@types/d3-brush": "*"
+    "@types/d3-chord": "*"
+    "@types/d3-color": "*"
+    "@types/d3-contour": "*"
+    "@types/d3-delaunay": "*"
+    "@types/d3-dispatch": "*"
+    "@types/d3-drag": "*"
+    "@types/d3-dsv": "*"
+    "@types/d3-ease": "*"
+    "@types/d3-fetch": "*"
+    "@types/d3-force": "*"
+    "@types/d3-format": "*"
+    "@types/d3-geo": "*"
+    "@types/d3-hierarchy": "*"
+    "@types/d3-interpolate": "*"
+    "@types/d3-path": "*"
+    "@types/d3-polygon": "*"
+    "@types/d3-quadtree": "*"
+    "@types/d3-random": "*"
+    "@types/d3-scale": "*"
+    "@types/d3-scale-chromatic": "*"
+    "@types/d3-selection": "*"
+    "@types/d3-shape": "*"
+    "@types/d3-time": "*"
+    "@types/d3-time-format": "*"
+    "@types/d3-timer": "*"
+    "@types/d3-transition": "*"
+    "@types/d3-zoom": "*"
+  checksum: 12234aa093c8661546168becdd8956e892b276f525d96f65a7b32fed886fc6a569fe5a1171bff26fef2a5663960635f460c9504a6f2d242ba281a2b6c8c6465c
   languageName: node
   linkType: hard
 
 "@types/eslint-scope@npm:^3.7.3":
-  version: 3.7.4
-  resolution: "@types/eslint-scope@npm:3.7.4"
+  version: 3.7.7
+  resolution: "@types/eslint-scope@npm:3.7.7"
   dependencies:
     "@types/eslint": "*"
     "@types/estree": "*"
-  checksum: ea6a9363e92f301cd3888194469f9ec9d0021fe0a397a97a6dd689e7545c75de0bd2153dfb13d3ab532853a278b6572c6f678ce846980669e41029d205653460
+  checksum: e2889a124aaab0b89af1bab5959847c5bec09809209255de0e63b9f54c629a94781daa04adb66bffcdd742f5e25a17614fb933965093c0eea64aacda4309380e
   languageName: node
   linkType: hard
 
 "@types/eslint@npm:*":
-  version: 8.4.6
-  resolution: "@types/eslint@npm:8.4.6"
+  version: 8.56.10
+  resolution: "@types/eslint@npm:8.56.10"
   dependencies:
     "@types/estree": "*"
     "@types/json-schema": "*"
-  checksum: bfaf27b00031b2238139003965475d023306119e467947f7a43a41e380918e365618e2ae6a6ae638697f6421a6bb1571db078695ff5e548f23618000b38acd23
+  checksum: fb7137dd263ce1130b42d14452bdd0266ef81f52cb55ba1a5e9750e65da1f0596dc598c88bffc7e415458b6cb611a876dcc132bcf40ea48701c6d05b40c57be5
   languageName: node
   linkType: hard
 
-"@types/estree@npm:*":
-  version: 1.0.0
-  resolution: "@types/estree@npm:1.0.0"
-  checksum: 910d97fb7092c6738d30a7430ae4786a38542023c6302b95d46f49420b797f21619cdde11fa92b338366268795884111c2eb10356e4bd2c8ad5b92941e9e6443
+"@types/estree@npm:*, @types/estree@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@types/estree@npm:1.0.5"
+  checksum: dd8b5bed28e6213b7acd0fb665a84e693554d850b0df423ac8076cc3ad5823a6bc26b0251d080bdc545af83179ede51dd3f6fa78cad2c46ed1f29624ddf3e41a
   languageName: node
   linkType: hard
 
-"@types/estree@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@types/estree@npm:1.0.1"
-  checksum: e9aa175eacb797216fafce4d41e8202c7a75555bc55232dee0f9903d7171f8f19f0ae7d5191bb1a88cb90e65468be508c0df850a9fb81b4433b293a5a749899d
+"@types/geojson@npm:*":
+  version: 7946.0.14
+  resolution: "@types/geojson@npm:7946.0.14"
+  checksum: ae511bee6488ae3bd5a3a3347aedb0371e997b14225b8983679284e22fa4ebd88627c6e3ff8b08bf4cc35068cb29310c89427311ffc9322c255615821a922e71
   languageName: node
   linkType: hard
 
 "@types/graceful-fs@npm:^4.1.3":
-  version: 4.1.6
-  resolution: "@types/graceful-fs@npm:4.1.6"
+  version: 4.1.9
+  resolution: "@types/graceful-fs@npm:4.1.9"
   dependencies:
     "@types/node": "*"
-  checksum: c3070ccdc9ca0f40df747bced1c96c71a61992d6f7c767e8fd24bb6a3c2de26e8b84135ede000b7e79db530a23e7e88dcd9db60eee6395d0f4ce1dae91369dd4
+  checksum: 79d746a8f053954bba36bd3d94a90c78de995d126289d656fb3271dd9f1229d33f678da04d10bce6be440494a5a73438e2e363e92802d16b8315b051036c5256
   languageName: node
   linkType: hard
 
 "@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
-  version: 2.0.4
-  resolution: "@types/istanbul-lib-coverage@npm:2.0.4"
-  checksum: a25d7589ee65c94d31464c16b72a9dc81dfa0bea9d3e105ae03882d616e2a0712a9c101a599ec482d297c3591e16336962878cb3eb1a0a62d5b76d277a890ce7
+  version: 2.0.6
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
+  checksum: 3feac423fd3e5449485afac999dcfcb3d44a37c830af898b689fadc65d26526460bedb889db278e0d4d815a670331796494d073a10ee6e3a6526301fe7415778
   languageName: node
   linkType: hard
 
 "@types/istanbul-lib-report@npm:*":
-  version: 3.0.0
-  resolution: "@types/istanbul-lib-report@npm:3.0.0"
+  version: 3.0.3
+  resolution: "@types/istanbul-lib-report@npm:3.0.3"
   dependencies:
     "@types/istanbul-lib-coverage": "*"
-  checksum: 656398b62dc288e1b5226f8880af98087233cdb90100655c989a09f3052b5775bf98ba58a16c5ae642fb66c61aba402e07a9f2bff1d1569e3b306026c59f3f36
+  checksum: b91e9b60f865ff08cb35667a427b70f6c2c63e88105eadd29a112582942af47ed99c60610180aa8dcc22382fa405033f141c119c69b95db78c4c709fbadfeeb4
   languageName: node
   linkType: hard
 
 "@types/istanbul-reports@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "@types/istanbul-reports@npm:3.0.1"
+  version: 3.0.4
+  resolution: "@types/istanbul-reports@npm:3.0.4"
   dependencies:
     "@types/istanbul-lib-report": "*"
-  checksum: f1ad54bc68f37f60b30c7915886b92f86b847033e597f9b34f2415acdbe5ed742fa559a0a40050d74cdba3b6a63c342cac1f3a64dba5b68b66a6941f4abd7903
+  checksum: 93eb18835770b3431f68ae9ac1ca91741ab85f7606f310a34b3586b5a34450ec038c3eed7ab19266635499594de52ff73723a54a72a75b9f7d6a956f01edee95
   languageName: node
   linkType: hard
 
 "@types/jest@npm:^29":
-  version: 29.5.3
-  resolution: "@types/jest@npm:29.5.3"
+  version: 29.5.12
+  resolution: "@types/jest@npm:29.5.12"
   dependencies:
     expect: ^29.0.0
     pretty-format: ^29.0.0
-  checksum: e36bb92e0b9e5ea7d6f8832baa42f087fc1697f6cd30ec309a07ea4c268e06ec460f1f0cfd2581daf5eff5763475190ec1ad8ac6520c49ccfe4f5c0a48bfa676
+  checksum: 19b1efdeed9d9a60a81edc8226cdeae5af7479e493eaed273e01243891c9651f7b8b4c08fc633a7d0d1d379b091c4179bbaa0807af62542325fd72f2dd17ce1c
   languageName: node
   linkType: hard
 
@@ -4744,152 +4154,147 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.5, @types/json-schema@npm:^7.0.7, @types/json-schema@npm:^7.0.8":
-  version: 7.0.11
-  resolution: "@types/json-schema@npm:7.0.11"
-  checksum: 527bddfe62db9012fccd7627794bd4c71beb77601861055d87e3ee464f2217c85fca7a4b56ae677478367bbd248dbde13553312b7d4dbc702a2f2bbf60c4018d
+"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.5, @types/json-schema@npm:^7.0.7, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.9":
-  version: 7.0.12
-  resolution: "@types/json-schema@npm:7.0.12"
-  checksum: 00239e97234eeb5ceefb0c1875d98ade6e922bfec39dd365ec6bd360b5c2f825e612ac4f6e5f1d13601b8b30f378f15e6faa805a3a732f4a1bbe61915163d293
+"@types/lodash@npm:4.14.192":
+  version: 4.14.192
+  resolution: "@types/lodash@npm:4.14.192"
+  checksum: 31e1f0543a04158d2c429c45efd7c77882736630d0652f82eb337d6159ec0c249c5d175c0af731537b53271e665ff8d76f43221d75d03646d31cb4bd6f0056b1
   languageName: node
   linkType: hard
 
 "@types/minimist@npm:^1.2.0":
-  version: 1.2.2
-  resolution: "@types/minimist@npm:1.2.2"
-  checksum: b8da83c66eb4aac0440e64674b19564d9d86c80ae273144db9681e5eeff66f238ade9515f5006ffbfa955ceff8b89ad2bd8ec577d7caee74ba101431fb07045d
+  version: 1.2.5
+  resolution: "@types/minimist@npm:1.2.5"
+  checksum: 477047b606005058ab0263c4f58097136268007f320003c348794f74adedc3166ffc47c80ec3e94687787f2ab7f4e72c468223946e79892cf0fd9e25e9970a90
   languageName: node
   linkType: hard
 
 "@types/node@npm:*":
-  version: 18.7.16
-  resolution: "@types/node@npm:18.7.16"
-  checksum: 01a3d35c764a3f0e7370b56e1ad4203731131883c65784e020009014171b3f53c4649cde6c7aa4f1026b907ee87ef6ae6ece2bc518151dc7b81100fe8b1db3ad
+  version: 20.14.1
+  resolution: "@types/node@npm:20.14.1"
+  dependencies:
+    undici-types: ~5.26.4
+  checksum: 268d8ca09ce2bd6106af5eca118b06ec4c781be5b43ed1865371d0d09c5f4892353d2069bfcaf4cecc3d68a2016d730e44d9793a574c7e49bec2ba68871b94c8
   languageName: node
   linkType: hard
 
 "@types/normalize-package-data@npm:^2.4.0":
-  version: 2.4.1
-  resolution: "@types/normalize-package-data@npm:2.4.1"
-  checksum: e87bccbf11f95035c89a132b52b79ce69a1e3652fe55962363063c9c0dae0fe2477ebc585e03a9652adc6f381d24ba5589cc5e51849df4ced3d3e004a7d40ed5
+  version: 2.4.4
+  resolution: "@types/normalize-package-data@npm:2.4.4"
+  checksum: 65dff72b543997b7be8b0265eca7ace0e34b75c3e5fee31de11179d08fa7124a7a5587265d53d0409532ecb7f7fba662c2012807963e1f9b059653ec2c83ee05
   languageName: node
   linkType: hard
 
 "@types/parse-json@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@types/parse-json@npm:4.0.0"
-  checksum: fd6bce2b674b6efc3db4c7c3d336bd70c90838e8439de639b909ce22f3720d21344f52427f1d9e57b265fcb7f6c018699b99e5e0c208a1a4823014269a6bf35b
-  languageName: node
-  linkType: hard
-
-"@types/prettier@npm:^2.1.5":
-  version: 2.7.3
-  resolution: "@types/prettier@npm:2.7.3"
-  checksum: 705384209cea6d1433ff6c187c80dcc0b95d99d5c5ce21a46a9a58060c527973506822e428789d842761e0280d25e3359300f017fbe77b9755bc772ab3dc2f83
+  version: 4.0.2
+  resolution: "@types/parse-json@npm:4.0.2"
+  checksum: 5bf62eec37c332ad10059252fc0dab7e7da730764869c980b0714777ad3d065e490627be9f40fc52f238ffa3ac4199b19de4127196910576c2fe34dd47c7a470
   languageName: node
   linkType: hard
 
-"@types/prop-types@npm:*, @types/prop-types@npm:^15.7.5":
-  version: 15.7.5
-  resolution: "@types/prop-types@npm:15.7.5"
-  checksum: 5b43b8b15415e1f298243165f1d44390403bb2bd42e662bca3b5b5633fdd39c938e91b7fce3a9483699db0f7a715d08cef220c121f723a634972fdf596aec980
+"@types/prop-types@npm:*, @types/prop-types@npm:^15.7.11":
+  version: 15.7.12
+  resolution: "@types/prop-types@npm:15.7.12"
+  checksum: ac16cc3d0a84431ffa5cfdf89579ad1e2269549f32ce0c769321fdd078f84db4fbe1b461ed5a1a496caf09e637c0e367d600c541435716a55b1d9713f5035dfe
   languageName: node
   linkType: hard
 
 "@types/react-dom@npm:^18.0.5":
-  version: 18.0.6
-  resolution: "@types/react-dom@npm:18.0.6"
+  version: 18.3.0
+  resolution: "@types/react-dom@npm:18.3.0"
   dependencies:
     "@types/react": "*"
-  checksum: db571047af1a567631758700b9f7d143e566df939cfe5fbf7535347cc0c726a1cdbb5e3f8566d076e54cf708b6c1166689de194a9ba09ee35efc9e1d45911685
+  checksum: a0cd9b1b815a6abd2a367a9eabdd8df8dd8f13f95897b2f9e1359ea3ac6619f957c1432ece004af7d95e2a7caddbba19faa045f831f32d6263483fc5404a7596
   languageName: node
   linkType: hard
 
-"@types/react-is@npm:^16.7.1 || ^17.0.0":
-  version: 17.0.3
-  resolution: "@types/react-is@npm:17.0.3"
+"@types/react-show-more-text@npm:^1.4.5":
+  version: 1.4.5
+  resolution: "@types/react-show-more-text@npm:1.4.5"
   dependencies:
     "@types/react": "*"
-  checksum: 6abb7c47d54f012272650df8a962a28bd82f219291e5ef8b4dfa7fe0bb98ae243b060bf9fbe8ceff6213141794855a006db194b490b00ffd15842ae19d0ce1f0
+  checksum: 9b70bf744e58512da4182f1e92a73039b09f778f21279c671764fd8be09a8d01e01d61b95069a0f8f983e7f9002fbf8b7abdee9110465f75c251f1d03aec73c7
   languageName: node
   linkType: hard
 
-"@types/react-transition-group@npm:^4.4.5":
-  version: 4.4.5
-  resolution: "@types/react-transition-group@npm:4.4.5"
+"@types/react-transition-group@npm:^4.4.10, @types/react-transition-group@npm:^4.4.8":
+  version: 4.4.10
+  resolution: "@types/react-transition-group@npm:4.4.10"
   dependencies:
     "@types/react": "*"
-  checksum: 265f1c74061556708ffe8d15559e35c60d6c11478c9950d3735575d2c116ca69f461d85effa06d73a613eb8b73c84fd32682feb57cf7c5f9e4284021dbca25b0
+  checksum: fe2ea11f70251e9f79f368e198c18fd469b1d4f1e1d44e4365845b44e15974b0ec925100036f449b023b0ca3480a82725c5f0a73040e282ad32ec7b0def9b57c
   languageName: node
   linkType: hard
 
 "@types/react@npm:^17.0.1":
-  version: 17.0.50
-  resolution: "@types/react@npm:17.0.50"
+  version: 17.0.80
+  resolution: "@types/react@npm:17.0.80"
   dependencies:
     "@types/prop-types": "*"
-    "@types/scheduler": "*"
+    "@types/scheduler": ^0.16
     csstype: ^3.0.2
-  checksum: b5629dff7c2f3e9fcba95a19b2b3bfd78d7cacc33ba5fc26413dba653d34afcac3b93ddabe563e8062382688a1eac7db68e93739bb8e712d27637a03aaafbbb8
+  checksum: 1c27bfc42305d77ef0da55f8f6d4c4a3471aa02b294fcf29ea0f2cfb0bf02892e5a0a3bc7559fa4a5ba50697b2e31076cb5aa5987f69cfc2e880f6426edb8bdf
   languageName: node
   linkType: hard
 
-"@types/scheduler@npm:*":
-  version: 0.16.2
-  resolution: "@types/scheduler@npm:0.16.2"
-  checksum: b6b4dcfeae6deba2e06a70941860fb1435730576d3689225a421280b7742318d1548b3d22c1f66ab68e414f346a9542f29240bc955b6332c5b11e561077583bc
+"@types/scheduler@npm:^0.16":
+  version: 0.16.8
+  resolution: "@types/scheduler@npm:0.16.8"
+  checksum: 6c091b096daa490093bf30dd7947cd28e5b2cd612ec93448432b33f724b162587fed9309a0acc104d97b69b1d49a0f3fc755a62282054d62975d53d7fd13472d
   languageName: node
   linkType: hard
 
 "@types/source-list-map@npm:*":
-  version: 0.1.2
-  resolution: "@types/source-list-map@npm:0.1.2"
-  checksum: fda8f37537aca9d3ed860d559289ab1dddb6897e642e6f53e909bbd18a7ac3129a8faa2a7d093847c91346cf09c86ef36e350c715406fba1f2271759b449adf6
+  version: 0.1.6
+  resolution: "@types/source-list-map@npm:0.1.6"
+  checksum: 9cd294c121f1562062de5d241fe4d10780b1131b01c57434845fe50968e9dcf67ede444591c2b1ad6d3f9b6bc646ac02cc8f51a3577c795f9c64cf4573dcc6b1
   languageName: node
   linkType: hard
 
 "@types/stack-utils@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "@types/stack-utils@npm:2.0.1"
-  checksum: 205fdbe3326b7046d7eaf5e494d8084f2659086a266f3f9cf00bccc549c8e36e407f88168ad4383c8b07099957ad669f75f2532ed4bc70be2b037330f7bae019
+  version: 2.0.3
+  resolution: "@types/stack-utils@npm:2.0.3"
+  checksum: 72576cc1522090fe497337c2b99d9838e320659ac57fa5560fcbdcbafcf5d0216c6b3a0a8a4ee4fdb3b1f5e3420aa4f6223ab57b82fef3578bec3206425c6cf5
   languageName: node
   linkType: hard
 
 "@types/tough-cookie@npm:*":
-  version: 4.0.2
-  resolution: "@types/tough-cookie@npm:4.0.2"
-  checksum: e055556ffdaa39ad85ede0af192c93f93f986f4bd9e9426efdc2948e3e2632db3a4a584d4937dbf6d7620527419bc99e6182d3daf2b08685e710f2eda5291905
+  version: 4.0.5
+  resolution: "@types/tough-cookie@npm:4.0.5"
+  checksum: f19409d0190b179331586365912920d192733112a195e870c7f18d20ac8adb7ad0b0ff69dad430dba8bc2be09593453a719cfea92dc3bda19748fd158fe1498d
   languageName: node
   linkType: hard
 
 "@types/webpack-sources@npm:^0.1.5":
-  version: 0.1.9
-  resolution: "@types/webpack-sources@npm:0.1.9"
+  version: 0.1.12
+  resolution: "@types/webpack-sources@npm:0.1.12"
   dependencies:
     "@types/node": "*"
     "@types/source-list-map": "*"
     source-map: ^0.6.1
-  checksum: bc09c584c7047e8aed29801a3981787dee3898e9e7a99891a362df114fcac3879eea5a00932314866a01b25220391839be09fe1487b16d4970ff4a7afd5b9725
+  checksum: 75342659a9889478969f7bb7360b998aa084ba11ab523c172ded6a807dac43ab2a9e1212078ef8bbf0f33e4fadd2c8a91b75d38184d8030d96a32fe819c9bb57
   languageName: node
   linkType: hard
 
 "@types/yargs-parser@npm:*":
-  version: 21.0.0
-  resolution: "@types/yargs-parser@npm:21.0.0"
-  checksum: b2f4c8d12ac18a567440379909127cf2cec393daffb73f246d0a25df36ea983b93b7e9e824251f959e9f928cbc7c1aab6728d0a0ff15d6145f66cec2be67d9a2
+  version: 21.0.3
+  resolution: "@types/yargs-parser@npm:21.0.3"
+  checksum: ef236c27f9432983e91432d974243e6c4cdae227cb673740320eff32d04d853eed59c92ca6f1142a335cfdc0e17cccafa62e95886a8154ca8891cc2dec4ee6fc
   languageName: node
   linkType: hard
 
 "@types/yargs@npm:^17.0.8":
-  version: 17.0.24
-  resolution: "@types/yargs@npm:17.0.24"
+  version: 17.0.32
+  resolution: "@types/yargs@npm:17.0.32"
   dependencies:
     "@types/yargs-parser": "*"
-  checksum: 5f3ac4dc4f6e211c1627340160fbe2fd247ceba002190da6cf9155af1798450501d628c9165a183f30a224fc68fa5e700490d740ff4c73e2cdef95bc4e8ba7bf
+  checksum: 4505bdebe8716ff383640c6e928f855b5d337cb3c68c81f7249fc6b983d0aa48de3eee26062b84f37e0d75a5797bc745e0c6e76f42f81771252a758c638f36ba
   languageName: node
   linkType: hard
 
@@ -4993,13 +4398,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@webassemblyjs/ast@npm:1.11.6, @webassemblyjs/ast@npm:^1.11.5":
-  version: 1.11.6
-  resolution: "@webassemblyjs/ast@npm:1.11.6"
+"@webassemblyjs/ast@npm:1.12.1, @webassemblyjs/ast@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/ast@npm:1.12.1"
   dependencies:
     "@webassemblyjs/helper-numbers": 1.11.6
     "@webassemblyjs/helper-wasm-bytecode": 1.11.6
-  checksum: 38ef1b526ca47c210f30975b06df2faf1a8170b1636ce239fc5738fc231ce28389dd61ecedd1bacfc03cbe95b16d1af848c805652080cb60982836eb4ed2c6cf
+  checksum: 31bcc64147236bd7b1b6d29d1f419c1f5845c785e1e42dc9e3f8ca2e05a029e9393a271b84f3a5bff2a32d35f51ff59e2181a6e5f953fe88576acd6750506202
   languageName: node
   linkType: hard
 
@@ -5017,10 +4422,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@webassemblyjs/helper-buffer@npm:1.11.6":
-  version: 1.11.6
-  resolution: "@webassemblyjs/helper-buffer@npm:1.11.6"
-  checksum: b14d0573bf680d22b2522e8a341ec451fddd645d1f9c6bd9012ccb7e587a2973b86ab7b89fe91e1c79939ba96095f503af04369a3b356c8023c13a5893221644
+"@webassemblyjs/helper-buffer@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/helper-buffer@npm:1.12.1"
+  checksum: c3ffb723024130308db608e86e2bdccd4868bbb62dffb0a9a1530606496f79c87f8565bd8e02805ce64912b71f1a70ee5fb00307258b0c082c3abf961d097eca
   languageName: node
   linkType: hard
 
@@ -5042,15 +4447,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@webassemblyjs/helper-wasm-section@npm:1.11.6":
-  version: 1.11.6
-  resolution: "@webassemblyjs/helper-wasm-section@npm:1.11.6"
+"@webassemblyjs/helper-wasm-section@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/helper-wasm-section@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
-    "@webassemblyjs/helper-buffer": 1.11.6
+    "@webassemblyjs/ast": 1.12.1
+    "@webassemblyjs/helper-buffer": 1.12.1
     "@webassemblyjs/helper-wasm-bytecode": 1.11.6
-    "@webassemblyjs/wasm-gen": 1.11.6
-  checksum: b2cf751bf4552b5b9999d27bbb7692d0aca75260140195cb58ea6374d7b9c2dc69b61e10b211a0e773f66209c3ddd612137ed66097e3684d7816f854997682e9
+    "@webassemblyjs/wasm-gen": 1.12.1
+  checksum: c19810cdd2c90ff574139b6d8c0dda254d42d168a9e5b3d353d1bc085f1d7164ccd1b3c05592a45a939c47f7e403dc8d03572bb686642f06a3d02932f6f0bc8f
   languageName: node
   linkType: hard
 
@@ -5079,68 +4484,68 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@webassemblyjs/wasm-edit@npm:^1.11.5":
-  version: 1.11.6
-  resolution: "@webassemblyjs/wasm-edit@npm:1.11.6"
+"@webassemblyjs/wasm-edit@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-edit@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
-    "@webassemblyjs/helper-buffer": 1.11.6
+    "@webassemblyjs/ast": 1.12.1
+    "@webassemblyjs/helper-buffer": 1.12.1
     "@webassemblyjs/helper-wasm-bytecode": 1.11.6
-    "@webassemblyjs/helper-wasm-section": 1.11.6
-    "@webassemblyjs/wasm-gen": 1.11.6
-    "@webassemblyjs/wasm-opt": 1.11.6
-    "@webassemblyjs/wasm-parser": 1.11.6
-    "@webassemblyjs/wast-printer": 1.11.6
-  checksum: 29ce75870496d6fad864d815ebb072395a8a3a04dc9c3f4e1ffdc63fc5fa58b1f34304a1117296d8240054cfdbc38aca88e71fb51483cf29ffab0a61ef27b481
+    "@webassemblyjs/helper-wasm-section": 1.12.1
+    "@webassemblyjs/wasm-gen": 1.12.1
+    "@webassemblyjs/wasm-opt": 1.12.1
+    "@webassemblyjs/wasm-parser": 1.12.1
+    "@webassemblyjs/wast-printer": 1.12.1
+  checksum: ae23642303f030af888d30c4ef37b08dfec7eab6851a9575a616e65d1219f880d9223913a39056dd654e49049d76e97555b285d1f7e56935047abf578cce0692
   languageName: node
   linkType: hard
 
-"@webassemblyjs/wasm-gen@npm:1.11.6":
-  version: 1.11.6
-  resolution: "@webassemblyjs/wasm-gen@npm:1.11.6"
+"@webassemblyjs/wasm-gen@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-gen@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
+    "@webassemblyjs/ast": 1.12.1
     "@webassemblyjs/helper-wasm-bytecode": 1.11.6
     "@webassemblyjs/ieee754": 1.11.6
     "@webassemblyjs/leb128": 1.11.6
     "@webassemblyjs/utf8": 1.11.6
-  checksum: a645a2eecbea24833c3260a249704a7f554ef4a94c6000984728e94bb2bc9140a68dfd6fd21d5e0bbb09f6dfc98e083a45760a83ae0417b41a0196ff6d45a23a
+  checksum: 5787626bb7f0b033044471ddd00ce0c9fe1ee4584e8b73e232051e3a4c99ba1a102700d75337151c8b6055bae77eefa4548960c610a5e4a504e356bd872138ff
   languageName: node
   linkType: hard
 
-"@webassemblyjs/wasm-opt@npm:1.11.6":
-  version: 1.11.6
-  resolution: "@webassemblyjs/wasm-opt@npm:1.11.6"
+"@webassemblyjs/wasm-opt@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-opt@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
-    "@webassemblyjs/helper-buffer": 1.11.6
-    "@webassemblyjs/wasm-gen": 1.11.6
-    "@webassemblyjs/wasm-parser": 1.11.6
-  checksum: b4557f195487f8e97336ddf79f7bef40d788239169aac707f6eaa2fa5fe243557c2d74e550a8e57f2788e70c7ae4e7d32f7be16101afe183d597b747a3bdd528
+    "@webassemblyjs/ast": 1.12.1
+    "@webassemblyjs/helper-buffer": 1.12.1
+    "@webassemblyjs/wasm-gen": 1.12.1
+    "@webassemblyjs/wasm-parser": 1.12.1
+  checksum: 0e8fa8a0645304a1e18ff40d3db5a2e9233ebaa169b19fcc651d6fc9fe2cac0ce092ddee927318015ae735d9cd9c5d97c0cafb6a51dcd2932ac73587b62df991
   languageName: node
   linkType: hard
 
-"@webassemblyjs/wasm-parser@npm:1.11.6, @webassemblyjs/wasm-parser@npm:^1.11.5":
-  version: 1.11.6
-  resolution: "@webassemblyjs/wasm-parser@npm:1.11.6"
+"@webassemblyjs/wasm-parser@npm:1.12.1, @webassemblyjs/wasm-parser@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-parser@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
+    "@webassemblyjs/ast": 1.12.1
     "@webassemblyjs/helper-api-error": 1.11.6
     "@webassemblyjs/helper-wasm-bytecode": 1.11.6
     "@webassemblyjs/ieee754": 1.11.6
     "@webassemblyjs/leb128": 1.11.6
     "@webassemblyjs/utf8": 1.11.6
-  checksum: 8200a8d77c15621724a23fdabe58d5571415cda98a7058f542e670ea965dd75499f5e34a48675184947c66f3df23adf55df060312e6d72d57908e3f049620d8a
+  checksum: 176015de3551ac068cd4505d837414f258d9ade7442bd71efb1232fa26c9f6d7d4e11a5c816caeed389943f409af7ebff6899289a992d7a70343cb47009d21a8
   languageName: node
   linkType: hard
 
-"@webassemblyjs/wast-printer@npm:1.11.6":
-  version: 1.11.6
-  resolution: "@webassemblyjs/wast-printer@npm:1.11.6"
+"@webassemblyjs/wast-printer@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wast-printer@npm:1.12.1"
   dependencies:
-    "@webassemblyjs/ast": 1.11.6
+    "@webassemblyjs/ast": 1.12.1
     "@xtuc/long": 4.2.2
-  checksum: d2fa6a4c427325ec81463e9c809aa6572af6d47f619f3091bf4c4a6fc34f1da3df7caddaac50b8e7a457f8784c62cd58c6311b6cb69b0162ccd8d4c072f79cf8
+  checksum: 2974b5dda8d769145ba0efd886ea94a601e61fb37114c14f9a9a7606afc23456799af652ac3052f284909bd42edc3665a76bc9b50f95f0794c053a8a1757b713
   languageName: node
   linkType: hard
 
@@ -5198,10 +4603,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"abbrev@npm:^1.0.0":
-  version: 1.1.1
-  resolution: "abbrev@npm:1.1.1"
-  checksum: a4a97ec07d7ea112c517036882b2ac22f3109b7b19077dc656316d07d308438aac28e4d9746dc4d84bf6b1e75b4a7b0a5f3cb30592419f128ca9a8cee3bcfa17
+"abbrev@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "abbrev@npm:2.0.0"
+  checksum: 0e994ad2aa6575f94670d8a2149afe94465de9cedaaaac364e7fb43a40c3691c980ff74899f682f4ca58fa96b4cbd7421a015d3a6defe43a442117d7821a2f36
   languageName: node
   linkType: hard
 
@@ -5234,9 +4639,9 @@ __metadata:
   linkType: hard
 
 "acorn-walk@npm:^8.0.2":
-  version: 8.2.0
-  resolution: "acorn-walk@npm:8.2.0"
-  checksum: 1715e76c01dd7b2d4ca472f9c58968516a4899378a63ad5b6c2d668bba8da21a71976c14ec5f5b75f887b6317c4ae0b897ab141c831d741dc76024d8745f1ad1
+  version: 8.3.2
+  resolution: "acorn-walk@npm:8.3.2"
+  checksum: 3626b9d26a37b1b427796feaa5261faf712307a8920392c8dce9a5739fb31077667f4ad2ec71c7ac6aaf9f61f04a9d3d67ff56f459587206fc04aa31c27ef392
   languageName: node
   linkType: hard
 
@@ -5249,25 +4654,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.1.0, acorn@npm:^8.8.1, acorn@npm:^8.8.2":
-  version: 8.10.0
-  resolution: "acorn@npm:8.10.0"
-  bin:
-    acorn: bin/acorn
-  checksum: 538ba38af0cc9e5ef983aee196c4b8b4d87c0c94532334fa7e065b2c8a1f85863467bb774231aae91613fcda5e68740c15d97b1967ae3394d20faddddd8af61d
-  languageName: node
-  linkType: hard
-
-"acorn@npm:^8.7.1":
-  version: 8.8.0
-  resolution: "acorn@npm:8.8.0"
+"acorn@npm:^8.1.0, acorn@npm:^8.7.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2":
+  version: 8.11.3
+  resolution: "acorn@npm:8.11.3"
   bin:
     acorn: bin/acorn
-  checksum: 7270ca82b242eafe5687a11fea6e088c960af712683756abf0791b68855ea9cace3057bd5e998ffcef50c944810c1e0ca1da526d02b32110e13c722aa959afdc
+  checksum: 76d8e7d559512566b43ab4aadc374f11f563f0a9e21626dd59cb2888444e9445923ae9f3699972767f18af61df89cd89f5eaaf772d1327b055b45cb829b4a88c
   languageName: node
   linkType: hard
 
-"agent-base@npm:6, agent-base@npm:^6.0.2":
+"agent-base@npm:6":
   version: 6.0.2
   resolution: "agent-base@npm:6.0.2"
   dependencies:
@@ -5276,14 +4672,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"agentkeepalive@npm:^4.2.1":
-  version: 4.3.0
-  resolution: "agentkeepalive@npm:4.3.0"
+"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "agent-base@npm:7.1.1"
   dependencies:
-    debug: ^4.1.0
-    depd: ^2.0.0
-    humanize-ms: ^1.2.1
-  checksum: 982453aa44c11a06826c836025e5162c846e1200adb56f2d075400da7d32d87021b3b0a58768d949d824811f5654223d5a8a3dad120921a2439625eb847c6260
+    debug: ^4.3.4
+  checksum: 51c158769c5c051482f9ca2e6e1ec085ac72b5a418a9b31b4e82fe6c0a6699adb94c1c42d246699a587b3335215037091c79e0de512c516f73b6ea844202f037
   languageName: node
   linkType: hard
 
@@ -5343,27 +4737,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ajv@npm:^8.0.0, ajv@npm:^8.12.0, ajv@npm:^8.9.0":
-  version: 8.12.0
-  resolution: "ajv@npm:8.12.0"
-  dependencies:
-    fast-deep-equal: ^3.1.1
-    json-schema-traverse: ^1.0.0
-    require-from-string: ^2.0.2
-    uri-js: ^4.2.2
-  checksum: 4dc13714e316e67537c8b31bc063f99a1d9d9a497eb4bbd55191ac0dcd5e4985bbb71570352ad6f1e76684fb6d790928f96ba3b2d4fd6e10024be9612fe3f001
-  languageName: node
-  linkType: hard
-
-"ajv@npm:^8.0.1":
-  version: 8.11.0
-  resolution: "ajv@npm:8.11.0"
+"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.12.0, ajv@npm:^8.9.0":
+  version: 8.16.0
+  resolution: "ajv@npm:8.16.0"
   dependencies:
-    fast-deep-equal: ^3.1.1
+    fast-deep-equal: ^3.1.3
     json-schema-traverse: ^1.0.0
     require-from-string: ^2.0.2
-    uri-js: ^4.2.2
-  checksum: 5e0ff226806763be73e93dd7805b634f6f5921e3e90ca04acdf8db81eed9d8d3f0d4c5f1213047f45ebbf8047ffe0c840fa1ef2ec42c3a644899f69aa72b5bef
+    uri-js: ^4.4.1
+  checksum: bdf3d4c9f1d11e220850051ef4cd89346e951cfb933d6d41be36d45053c1092af1523ee6c62525cce567355caf0a4f4c19a08a93851649c1fa32b4a39b7c4858
   languageName: node
   linkType: hard
 
@@ -5430,29 +4812,12 @@ __metadata:
   linkType: hard
 
 "anymatch@npm:^3.0.3":
-  version: 3.1.2
-  resolution: "anymatch@npm:3.1.2"
+  version: 3.1.3
+  resolution: "anymatch@npm:3.1.3"
   dependencies:
     normalize-path: ^3.0.0
-    picomatch: ^2.0.4
-  checksum: 985163db2292fac9e5a1e072bf99f1b5baccf196e4de25a0b0b81865ebddeb3b3eb4480734ef0a2ac8c002845396b91aa89121f5b84f93981a4658164a9ec6e9
-  languageName: node
-  linkType: hard
-
-"aproba@npm:^1.0.3 || ^2.0.0":
-  version: 2.0.0
-  resolution: "aproba@npm:2.0.0"
-  checksum: 5615cadcfb45289eea63f8afd064ab656006361020e1735112e346593856f87435e02d8dcc7ff0d11928bc7d425f27bc7c2a84f6c0b35ab0ff659c814c138a24
-  languageName: node
-  linkType: hard
-
-"are-we-there-yet@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "are-we-there-yet@npm:3.0.1"
-  dependencies:
-    delegates: ^1.0.0
-    readable-stream: ^3.6.0
-  checksum: 52590c24860fa7173bedeb69a4c05fb573473e860197f618b9a28432ee4379049336727ae3a1f9c4cb083114601c1140cee578376164d0e651217a9843f9fe83
+    picomatch: ^2.0.4
+  checksum: 3e044fd6d1d26545f235a9fe4d7a534e2029d8e59fa7fd9f2a6eb21230f6b5380ea1eaf55136e60cbf8e613544b3b766e7a6fa2102e2a3a117505466e3025dc2
   languageName: node
   linkType: hard
 
@@ -5465,6 +4830,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array-buffer-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "array-buffer-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.5
+    is-array-buffer: ^3.0.4
+  checksum: 53524e08f40867f6a9f35318fafe467c32e45e9c682ba67b11943e167344d2febc0f6977a17e699b05699e805c3e8f073d876f8bbf1b559ed494ad2cd0fae09e
+  languageName: node
+  linkType: hard
+
 "array-union@npm:^2.1.0":
   version: 2.1.0
   resolution: "array-union@npm:2.1.0"
@@ -5472,6 +4847,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"arraybuffer.prototype.slice@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "arraybuffer.prototype.slice@npm:1.0.3"
+  dependencies:
+    array-buffer-byte-length: ^1.0.1
+    call-bind: ^1.0.5
+    define-properties: ^1.2.1
+    es-abstract: ^1.22.3
+    es-errors: ^1.2.1
+    get-intrinsic: ^1.2.3
+    is-array-buffer: ^3.0.4
+    is-shared-array-buffer: ^1.0.2
+  checksum: 352259cba534dcdd969c92ab002efd2ba5025b2e3b9bead3973150edbdf0696c629d7f4b3f061c5931511e8207bdc2306da614703c820b45dabce39e3daf7e3e
+  languageName: node
+  linkType: hard
+
 "arrify@npm:^1.0.1":
   version: 1.0.1
   resolution: "arrify@npm:1.0.1"
@@ -5493,29 +4884,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-jest@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "babel-jest@npm:29.6.1"
+"available-typed-arrays@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "available-typed-arrays@npm:1.0.7"
+  dependencies:
+    possible-typed-array-names: ^1.0.0
+  checksum: 1aa3ffbfe6578276996de660848b6e95669d9a95ad149e3dd0c0cda77db6ee1dbd9d1dd723b65b6d277b882dd0c4b91a654ae9d3cf9e1254b7e93e4908d78fd3
+  languageName: node
+  linkType: hard
+
+"babel-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "babel-jest@npm:29.7.0"
   dependencies:
-    "@jest/transform": ^29.6.1
+    "@jest/transform": ^29.7.0
     "@types/babel__core": ^7.1.14
     babel-plugin-istanbul: ^6.1.1
-    babel-preset-jest: ^29.5.0
+    babel-preset-jest: ^29.6.3
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
     slash: ^3.0.0
   peerDependencies:
     "@babel/core": ^7.8.0
-  checksum: bc46cfba468edde91f34a8292501d4448a39fab72d80d7d95f4349feb114fa21becb01def007d6166de7933ab9633bf5b5e1b72ba6ffeaa991f7abf014a2f61d
-  languageName: node
-  linkType: hard
-
-"babel-plugin-dynamic-import-node@npm:^2.3.3":
-  version: 2.3.3
-  resolution: "babel-plugin-dynamic-import-node@npm:2.3.3"
-  dependencies:
-    object.assign: ^4.1.0
-  checksum: c9d24415bcc608d0db7d4c8540d8002ac2f94e2573d2eadced137a29d9eab7e25d2cbb4bc6b9db65cf6ee7430f7dd011d19c911a9a778f0533b4a05ce8292c9b
+  checksum: ee6f8e0495afee07cac5e4ee167be705c711a8cc8a737e05a587a131fdae2b3c8f9aa55dfd4d9c03009ac2d27f2de63d8ba96d3e8460da4d00e8af19ef9a83f7
   languageName: node
   linkType: hard
 
@@ -5532,15 +4923,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-jest-hoist@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-plugin-jest-hoist@npm:29.5.0"
+"babel-plugin-jest-hoist@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-plugin-jest-hoist@npm:29.6.3"
   dependencies:
     "@babel/template": ^7.3.3
     "@babel/types": ^7.3.3
     "@types/babel__core": ^7.1.14
     "@types/babel__traverse": ^7.0.6
-  checksum: 099b5254073b6bc985b6d2d045ad26fb8ed30ff8ae6404c4fe8ee7cd0e98a820f69e3dfb871c7c65aae0f4b65af77046244c07bb92d49ef9005c90eedf681539
+  checksum: 51250f22815a7318f17214a9d44650ba89551e6d4f47a2dc259128428324b52f5a73979d010cefd921fd5a720d8c1d55ad74ff601cd94c7bd44d5f6292fde2d1
   languageName: node
   linkType: hard
 
@@ -5555,75 +4946,39 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs2@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.2"
-  dependencies:
-    "@babel/compat-data": ^7.17.7
-    "@babel/helper-define-polyfill-provider": ^0.3.2
-    semver: ^6.1.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a76e7bb1a5cc0a4507baa523c23f9efd75764069a25845beba92290386e5e48ed85b894005ece3b527e13c3d2d9c6589cc0a23befb72ea6fc7aa8711f231bb4d
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs2@npm:^0.4.4":
-  version: 0.4.4
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.4"
+"babel-plugin-polyfill-corejs2@npm:^0.4.10":
+  version: 0.4.11
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.11"
   dependencies:
     "@babel/compat-data": ^7.22.6
-    "@babel/helper-define-polyfill-provider": ^0.4.1
-    "@nicolo-ribaudo/semver-v6": ^6.3.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 0273f3d74ccbf78086a3b14bb11b1fb94933830f51c576a24229d75b3b91c8b357c3a381d4ab3146abf9b052fa4c33ec9368dd010ada9ee355e1d03ff64e1ff0
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs3@npm:^0.5.3":
-  version: 0.5.3
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.5.3"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.3.2
-    core-js-compat: ^3.21.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 9c6644a1b0afbe59e402827fdafc6f44994ff92c5b2f258659cbbfd228f7075dea49e95114af10e66d70f36cbde12ff1d81263eb67be749b3ef0e2c18cf3c16d
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs3@npm:^0.8.2":
-  version: 0.8.2
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.8.2"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.4.1
-    core-js-compat: ^3.31.0
+    "@babel/helper-define-polyfill-provider": ^0.6.2
+    semver: ^6.3.1
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 0bc3e9e0114eba18f4fea8a9ff5a6016cae73b74cb091290c3f75fd7b9e34e712ee26f95b52d796f283970d7c6256fb01196e3608e8db03f620e3389d56d37c6
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: f098353ce7c7dde1a1d2710858e01b471e85689110c9e37813e009072347eb8c55d5f84d20d3bf1cab31755f20078ba90f8855fdc4686a9daa826a95ff280bd7
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.4.0":
-  version: 0.4.0
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.4.0"
+"babel-plugin-polyfill-corejs3@npm:^0.10.4":
+  version: 0.10.4
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.10.4"
   dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.3.2
+    "@babel/helper-define-polyfill-provider": ^0.6.1
+    core-js-compat: ^3.36.1
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 699aa9c0dc5a2259d7fa52b26613fa1e782439eee54cd98506991f87fddf0c00eec6c5b1917edf586c170731d9e318903bc41210225a691e7bb8087652bbda94
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: b96a54495f7cc8b3797251c8c15f5ed015edddc3110fc122f6b32c94bec33af1e8bc56fa99091808f500bde0cccaaa266889cdc5935d9e6e9cf09898214f02dd
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.5.1":
-  version: 0.5.1
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.5.1"
+"babel-plugin-polyfill-regenerator@npm:^0.6.1":
+  version: 0.6.2
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.2"
   dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.4.1
+    "@babel/helper-define-polyfill-provider": ^0.6.2
   peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 85a56d28b34586fbe482225fb6a9592fc793a459c5eea987a3427fb723c7aa2f76916348a9fc5e9ca48754ebf6086cfbb9226f4cd0cf9c6257f94553622562ed
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 150233571072b6b3dfe946242da39cba8587b7f908d1c006f7545fc88b0e3c3018d445739beb61e7a75835f0c2751dbe884a94ff9b245ec42369d9267e0e1b3f
   languageName: node
   linkType: hard
 
@@ -5649,15 +5004,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-preset-jest@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-preset-jest@npm:29.5.0"
+"babel-preset-jest@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-preset-jest@npm:29.6.3"
   dependencies:
-    babel-plugin-jest-hoist: ^29.5.0
+    babel-plugin-jest-hoist: ^29.6.3
     babel-preset-current-node-syntax: ^1.0.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 5566ca2762766c9319b4973d018d2fa08c0fcf6415c72cc54f4c8e7199e851ea8f5e6c6730f03ed7ed44fc8beefa959dd15911f2647dee47c615ff4faeddb1ad
+  checksum: aa4ff2a8a728d9d698ed521e3461a109a1e66202b13d3494e41eea30729a5e7cc03b3a2d56c594423a135429c37bf63a9fa8b0b9ce275298be3095a88c69f6fb
   languageName: node
   linkType: hard
 
@@ -5701,40 +5056,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "braces@npm:3.0.2"
-  dependencies:
-    fill-range: ^7.0.1
-  checksum: e2a8e769a863f3d4ee887b5fe21f63193a891c68b612ddb4b68d82d1b5f3ff9073af066c343e9867a393fe4c2555dcb33e89b937195feb9c1613d259edfcd459
-  languageName: node
-  linkType: hard
-
-"browserslist@npm:^4.14.5, browserslist@npm:^4.20.2, browserslist@npm:^4.21.3":
-  version: 4.21.3
-  resolution: "browserslist@npm:4.21.3"
+"braces@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "braces@npm:3.0.3"
   dependencies:
-    caniuse-lite: ^1.0.30001370
-    electron-to-chromium: ^1.4.202
-    node-releases: ^2.0.6
-    update-browserslist-db: ^1.0.5
-  bin:
-    browserslist: cli.js
-  checksum: ff512a7bcca1c530e2854bbdfc7be2791d0fb524097a6340e56e1d5924164c7e4e0a9b070de04cdc4c149d15cb4d4275cb7c626ebbce954278a2823aaad2452a
+    fill-range: ^7.1.1
+  checksum: b95aa0b3bd909f6cd1720ffcf031aeaf46154dd88b4da01f9a1d3f7ea866a79eba76a6d01cbc3c422b2ee5cdc39a4f02491058d5df0d7bf6e6a162a832df1f69
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.21.9":
-  version: 4.21.9
-  resolution: "browserslist@npm:4.21.9"
+"browserslist@npm:^4.21.10, browserslist@npm:^4.22.2, browserslist@npm:^4.23.0":
+  version: 4.23.0
+  resolution: "browserslist@npm:4.23.0"
   dependencies:
-    caniuse-lite: ^1.0.30001503
-    electron-to-chromium: ^1.4.431
-    node-releases: ^2.0.12
-    update-browserslist-db: ^1.0.11
+    caniuse-lite: ^1.0.30001587
+    electron-to-chromium: ^1.4.668
+    node-releases: ^2.0.14
+    update-browserslist-db: ^1.0.13
   bin:
     browserslist: cli.js
-  checksum: 80d3820584e211484ad1b1a5cfdeca1dd00442f47be87e117e1dda34b628c87e18b81ae7986fa5977b3e6a03154f6d13cd763baa6b8bf5dd9dd19f4926603698
+  checksum: 436f49e796782ca751ebab7edc010cfc9c29f68536f387666cd70ea22f7105563f04dd62c6ff89cb24cc3254d17cba385f979eeeb3484d43e012412ff7e75def
   languageName: node
   linkType: hard
 
@@ -5763,33 +5104,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacache@npm:^17.0.0":
-  version: 17.1.3
-  resolution: "cacache@npm:17.1.3"
+"cacache@npm:^18.0.0":
+  version: 18.0.3
+  resolution: "cacache@npm:18.0.3"
   dependencies:
     "@npmcli/fs": ^3.1.0
     fs-minipass: ^3.0.0
     glob: ^10.2.2
-    lru-cache: ^7.7.1
-    minipass: ^5.0.0
-    minipass-collect: ^1.0.2
+    lru-cache: ^10.0.1
+    minipass: ^7.0.3
+    minipass-collect: ^2.0.1
     minipass-flush: ^1.0.5
     minipass-pipeline: ^1.2.4
     p-map: ^4.0.0
     ssri: ^10.0.0
     tar: ^6.1.11
     unique-filename: ^3.0.0
-  checksum: 385756781e1e21af089160d89d7462b7ed9883c978e848c7075b90b73cb823680e66092d61513050164588387d2ca87dd6d910e28d64bc13a9ac82cd8580c796
+  checksum: b717fd9b36e9c3279bfde4545c3a8f6d5a539b084ee26a9504d48f83694beb724057d26e090b97540f9cc62bea18b9f6cf671c50e18fb7dac60eda9db691714f
   languageName: node
   linkType: hard
 
-"call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "call-bind@npm:1.0.2"
+"call-bind@npm:^1.0.2, call-bind@npm:^1.0.5, call-bind@npm:^1.0.6, call-bind@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "call-bind@npm:1.0.7"
   dependencies:
-    function-bind: ^1.1.1
-    get-intrinsic: ^1.0.2
-  checksum: f8e31de9d19988a4b80f3e704788c4a2d6b6f3d17cfec4f57dc29ced450c53a49270dc66bf0fbd693329ee948dd33e6c90a329519aef17474a4d961e8d6426b0
+    es-define-property: ^1.0.0
+    es-errors: ^1.3.0
+    function-bind: ^1.1.2
+    get-intrinsic: ^1.2.4
+    set-function-length: ^1.2.1
+  checksum: 295c0c62b90dd6522e6db3b0ab1ce26bdf9e7404215bda13cfee25b626b5ff1a7761324d58d38b1ef1607fc65aca2d06e44d2e18d0dfc6c14b465b00d8660029
   languageName: node
   linkType: hard
 
@@ -5825,21 +5169,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001370":
-  version: 1.0.30001393
-  resolution: "caniuse-lite@npm:1.0.30001393"
-  checksum: 72b7cd81c51f41965f2fbdbb20729d71f2bd5e376d9b4effa22616dd2707640b8676862e8db3db83b76c3bcf2aaefc9ebd5991a10eeb483b460322de5548b98e
+"caniuse-lite@npm:^1.0.30001587":
+  version: 1.0.30001627
+  resolution: "caniuse-lite@npm:1.0.30001627"
+  checksum: 0808fd8c91c44a3671b343af50d936ac0aef95325c05550ac2e16b273b69f2f1347c2e6405c824ee8b91b04da596eb71adf37a0761d8ae1ed3774e7733fd233d
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001503":
-  version: 1.0.30001516
-  resolution: "caniuse-lite@npm:1.0.30001516"
-  checksum: 044adf3493b734a356a2922445a30095a0f6de6b9194695cdf74deafe7bef658e85858a31177762c2813f6e1ed2722d832d59eee0ecb2151e93a611ee18cb21f
-  languageName: node
-  linkType: hard
-
-"chalk@npm:^2.0.0, chalk@npm:^2.3.0, chalk@npm:^2.4.1, chalk@npm:^2.4.2":
+"chalk@npm:^2.3.0, chalk@npm:^2.4.1, chalk@npm:^2.4.2":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
   dependencies:
@@ -5867,13 +5204,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"child_process@npm:~1.0.2":
-  version: 1.0.2
-  resolution: "child_process@npm:1.0.2"
-  checksum: bd814d82bc8c6e85ed6fb157878978121cd03b5296c09f6135fa3d081fd9a6a617a6d509c50397711df713af403331241a9c0397a7fad30672051485e156c2a1
-  languageName: node
-  linkType: hard
-
 "chownr@npm:^2.0.0":
   version: 2.0.0
   resolution: "chownr@npm:2.0.0"
@@ -5882,23 +5212,30 @@ __metadata:
   linkType: hard
 
 "chrome-trace-event@npm:^1.0.2":
-  version: 1.0.3
-  resolution: "chrome-trace-event@npm:1.0.3"
-  checksum: cb8b1fc7e881aaef973bd0c4a43cd353c2ad8323fb471a041e64f7c2dd849cde4aad15f8b753331a32dda45c973f032c8a03b8177fc85d60eaa75e91e08bfb97
+  version: 1.0.4
+  resolution: "chrome-trace-event@npm:1.0.4"
+  checksum: fcbbd9dd0cd5b48444319007cc0c15870fd8612cc0df320908aa9d5e8a244084d48571eb28bf3c58c19327d2c5838f354c2d89fac3956d8e992273437401ac19
   languageName: node
   linkType: hard
 
 "ci-info@npm:^3.2.0":
-  version: 3.8.0
-  resolution: "ci-info@npm:3.8.0"
-  checksum: d0a4d3160497cae54294974a7246202244fff031b0a6ea20dd57b10ec510aa17399c41a1b0982142c105f3255aff2173e5c0dd7302ee1b2f28ba3debda375098
+  version: 3.9.0
+  resolution: "ci-info@npm:3.9.0"
+  checksum: 6b19dc9b2966d1f8c2041a838217299718f15d6c4b63ae36e4674edd2bee48f780e94761286a56aa59eb305a85fbea4ddffb7630ec063e7ec7e7e5ad42549a87
   languageName: node
   linkType: hard
 
 "cjs-module-lexer@npm:^1.0.0":
-  version: 1.2.3
-  resolution: "cjs-module-lexer@npm:1.2.3"
-  checksum: 5ea3cb867a9bb609b6d476cd86590d105f3cfd6514db38ff71f63992ab40939c2feb68967faa15a6d2b1f90daa6416b79ea2de486e9e2485a6f8b66a21b4fb0a
+  version: 1.3.1
+  resolution: "cjs-module-lexer@npm:1.3.1"
+  checksum: 75f20ac264a397ea5c63f9c2343a51ab878043666468f275e94862f7180ec1d764a400ec0c09085dcf0db3193c74a8b571519abd2bf4be0d2be510d1377c8d4b
+  languageName: node
+  linkType: hard
+
+"classcat@npm:^5.0.3, classcat@npm:^5.0.4":
+  version: 5.0.5
+  resolution: "classcat@npm:5.0.5"
+  checksum: 19bdeb99b8923b47f9df978b6ef2c5a4cc3bcaa8fb6be16244e31fad619b291b366429747331903ac2ea27560ffd6066d14089a99c95535ce0f1e897525fa63d
   languageName: node
   linkType: hard
 
@@ -5931,10 +5268,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "clsx@npm:1.2.1"
-  checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12
+"clsx@npm:^2.0.0, clsx@npm:^2.1.0":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: acd3e1ab9d8a433ecb3cc2f6a05ab95fe50b4a3cfc5ba47abb6cbf3754585fcb87b84e90c822a1f256c4198e3b41c7f6c391577ffc8678ad587fc0976b24fd57
   languageName: node
   linkType: hard
 
@@ -5946,9 +5283,9 @@ __metadata:
   linkType: hard
 
 "collect-v8-coverage@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "collect-v8-coverage@npm:1.0.1"
-  checksum: 4efe0a1fccd517b65478a2364b33dadd0a43fc92a56f59aaece9b6186fe5177b2de471253587de7c91516f07c7268c2f6770b6cbcffc0e0ece353b766ec87e55
+  version: 1.0.2
+  resolution: "collect-v8-coverage@npm:1.0.2"
+  checksum: c10f41c39ab84629d16f9f6137bc8a63d332244383fc368caf2d2052b5e04c20cd1fd70f66fcf4e2422b84c8226598b776d39d5f2d2a51867cc1ed5d1982b4da
   languageName: node
   linkType: hard
 
@@ -5984,15 +5321,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-support@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "color-support@npm:1.1.3"
-  bin:
-    color-support: bin.js
-  checksum: 9b7356817670b9a13a26ca5af1c21615463b500783b739b7634a0c2047c16cef4b2865d7576875c31c3cddf9dd621fa19285e628f20198b233a5cfdda6d0793b
-  languageName: node
-  linkType: hard
-
 "colord@npm:^2.9.3":
   version: 2.9.3
   resolution: "colord@npm:2.9.3"
@@ -6001,9 +5329,9 @@ __metadata:
   linkType: hard
 
 "colorette@npm:^2.0.14":
-  version: 2.0.19
-  resolution: "colorette@npm:2.0.19"
-  checksum: 888cf5493f781e5fcf54ce4d49e9d7d698f96ea2b2ef67906834bb319a392c667f9ec69f4a10e268d2946d13a9503d2d19b3abaaaf174e3451bfe91fb9d82427
+  version: 2.0.20
+  resolution: "colorette@npm:2.0.20"
+  checksum: 0c016fea2b91b733eb9f4bcdb580018f52c0bc0979443dad930e5037a968237ac53d9beb98e218d2e9235834f8eebce7f8e080422d6194e957454255bde71d3d
   languageName: node
   linkType: hard
 
@@ -6067,19 +5395,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"console-control-strings@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "console-control-strings@npm:1.1.0"
-  checksum: 8755d76787f94e6cf79ce4666f0c5519906d7f5b02d4b884cf41e11dcd759ed69c57da0670afd9236d229a46e0f9cf519db0cd829c6dca820bb5a5c3def584ed
-  languageName: node
-  linkType: hard
-
-"convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
-  version: 1.8.0
-  resolution: "convert-source-map@npm:1.8.0"
-  dependencies:
-    safe-buffer: ~5.1.1
-  checksum: 985d974a2d33e1a2543ada51c93e1ba2f73eaed608dc39f229afc78f71dcc4c8b7d7c684aa647e3c6a3a204027444d69e53e169ce94e8d1fa8d7dee80c9c8fed
+"convert-source-map@npm:^1.5.0":
+  version: 1.9.0
+  resolution: "convert-source-map@npm:1.9.0"
+  checksum: dc55a1f28ddd0e9485ef13565f8f756b342f9a46c4ae18b843fe3c30c675d058d6a4823eff86d472f187b176f0adf51ea7b69ea38be34be4a63cbbf91b0593c8
   languageName: node
   linkType: hard
 
@@ -6090,34 +5409,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.21.0, core-js-compat@npm:^3.22.1":
-  version: 3.25.1
-  resolution: "core-js-compat@npm:3.25.1"
-  dependencies:
-    browserslist: ^4.21.3
-  checksum: 34dbec657adc2f660f4cd701709c9c5e27cbd608211c65df09458f80f3e357b9492ba1c5173e17cca72d889dcc6da01268cadf88fb407cf1726e76d301c6143e
-  languageName: node
-  linkType: hard
-
-"core-js-compat@npm:^3.31.0":
-  version: 3.31.1
-  resolution: "core-js-compat@npm:3.31.1"
+"core-js-compat@npm:^3.31.0, core-js-compat@npm:^3.36.1":
+  version: 3.37.1
+  resolution: "core-js-compat@npm:3.37.1"
   dependencies:
-    browserslist: ^4.21.9
-  checksum: 9a16d6992621f4e099169297381a28d5712cdef7df1fa85352a7c285a5885d5d7a117ec2eae9ad715ed88c7cc774787a22cdb8aceababf6775fbc8b0cbeccdb7
+    browserslist: ^4.23.0
+  checksum: 5e7430329358bced08c30950512d2081aea0a5652b4c5892cbb3c4a6db05b0d3893a191a955162a07fdb5f4fe74e61b6429fdb503f54e062336d76e43c9555d9
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "cosmiconfig@npm:7.0.1"
+"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "cosmiconfig@npm:7.1.0"
   dependencies:
     "@types/parse-json": ^4.0.0
     import-fresh: ^3.2.1
     parse-json: ^5.0.0
     path-type: ^4.0.0
     yaml: ^1.10.0
-  checksum: 4be63e7117955fd88333d7460e4c466a90f556df6ef34efd59034d2463484e339666c41f02b523d574a797ec61f4a91918c5b89a316db2ea2f834e0d2d09465b
+  checksum: c53bf7befc1591b2651a22414a5e786cd5f2eeaa87f3678a3d49d6069835a9d8d1aef223728e98aa8fec9a95bf831120d245096db12abe019fecb51f5696c96f
+  languageName: node
+  linkType: hard
+
+"create-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "create-jest@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    chalk: ^4.0.0
+    exit: ^0.1.2
+    graceful-fs: ^4.2.9
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    prompts: ^2.0.1
+  bin:
+    create-jest: bin/create-jest.js
+  checksum: 1427d49458adcd88547ef6fa39041e1fe9033a661293aa8d2c3aa1b4967cb5bf4f0c00436c7a61816558f28ba2ba81a94d5c962e8022ea9a883978fc8e1f2945
   languageName: node
   linkType: hard
 
@@ -6129,9 +5456,11 @@ __metadata:
   linkType: hard
 
 "cronstrue@npm:^2.12.0":
-  version: 2.12.0
-  resolution: "cronstrue@npm:2.12.0"
-  checksum: 8f671a918c63d1fb349a5a5b04b71369fe04ead1fd0c78bf7ee99a8ad179ef26eefbb985e588522f9867438cc7472527fe321b728bfee0205ed1d5c824c317af
+  version: 2.50.0
+  resolution: "cronstrue@npm:2.50.0"
+  bin:
+    cronstrue: bin/cli.js
+  checksum: bf6e51c4b9ab28d7ba928a392a76b7d97bd3c3dc8da5618db8424480dc6213cafed658ea835925675767fe5497931d1325e51634eeb8e2556f0630a62eb29cc3
   languageName: node
   linkType: hard
 
@@ -6160,27 +5489,33 @@ __metadata:
   linkType: hard
 
 "css-functions-list@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "css-functions-list@npm:3.1.0"
-  checksum: 8a7c9d4ae57cb2f01500263e65a21372048d359ca7aa6430a32a736fe2a421decfebe45e579124b9a158ec68aba2eadcd733e568495a7698240d9607d31f681b
+  version: 3.2.2
+  resolution: "css-functions-list@npm:3.2.2"
+  checksum: b8a564118b93b87b63236a57132a3ef581416896a70c1d0df73360a9ec43dc582f7c2a586b578feb8476179518e557c6657570a8b6185b16300c7232a84d43e3
   languageName: node
   linkType: hard
 
 "css-loader@npm:^6.7.1":
-  version: 6.8.1
-  resolution: "css-loader@npm:6.8.1"
+  version: 6.11.0
+  resolution: "css-loader@npm:6.11.0"
   dependencies:
     icss-utils: ^5.1.0
-    postcss: ^8.4.21
-    postcss-modules-extract-imports: ^3.0.0
-    postcss-modules-local-by-default: ^4.0.3
-    postcss-modules-scope: ^3.0.0
+    postcss: ^8.4.33
+    postcss-modules-extract-imports: ^3.1.0
+    postcss-modules-local-by-default: ^4.0.5
+    postcss-modules-scope: ^3.2.0
     postcss-modules-values: ^4.0.0
     postcss-value-parser: ^4.2.0
-    semver: ^7.3.8
+    semver: ^7.5.4
   peerDependencies:
+    "@rspack/core": 0.x || 1.x
     webpack: ^5.0.0
-  checksum: 7c1784247bdbe76dc5c55fb1ac84f1d4177a74c47259942c9cfdb7a8e6baef11967a0bc85ac285f26bd26d5059decb848af8154a03fdb4f4894f41212f45eef3
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 5c8d35975a7121334905394e88e28f05df72f037dbed2fb8fec4be5f0b313ae73a13894ba791867d4a4190c35896da84a7fd0c54fb426db55d85ba5e714edbe3
   languageName: node
   linkType: hard
 
@@ -6223,17 +5558,92 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2":
+"csstype@npm:^3.0.2, csstype@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 8db785cc92d259102725b3c694ec0c823f5619a84741b5c7991b8ad135dfaa66093038a1cc63e03361a6cd28d122be48f2106ae72334e067dd619a51f49eddf7
+  languageName: node
+  linkType: hard
+
+"d3-color@npm:1 - 3":
   version: 3.1.0
-  resolution: "csstype@npm:3.1.0"
-  checksum: 644e986cefab86525f0b674a06889cfdbb1f117e5b7d1ce0fc55b0423ecc58807a1ea42ecc75c4f18999d14fc42d1d255f84662a45003a52bb5840e977eb2ffd
+  resolution: "d3-color@npm:3.1.0"
+  checksum: 4931fbfda5d7c4b5cfa283a13c91a954f86e3b69d75ce588d06cde6c3628cebfc3af2069ccf225e982e8987c612aa7948b3932163ce15eb3c11cd7c003f3ee3b
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "csstype@npm:3.1.1"
-  checksum: 1f7b4f5fdd955b7444b18ebdddf3f5c699159f13e9cf8ac9027ae4a60ae226aef9bbb14a6e12ca7dba3358b007cee6354b116e720262867c398de6c955ea451d
+"d3-dispatch@npm:1 - 3":
+  version: 3.0.1
+  resolution: "d3-dispatch@npm:3.0.1"
+  checksum: fdfd4a230f46463e28e5b22a45dd76d03be9345b605e1b5dc7d18bd7ebf504e6c00ae123fd6d03e23d9e2711e01f0e14ea89cd0632545b9f0c00b924ba4be223
+  languageName: node
+  linkType: hard
+
+"d3-drag@npm:2 - 3, d3-drag@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "d3-drag@npm:3.0.0"
+  dependencies:
+    d3-dispatch: 1 - 3
+    d3-selection: 3
+  checksum: d297231e60ecd633b0d076a63b4052b436ddeb48b5a3a11ff68c7e41a6774565473a6b064c5e9256e88eca6439a917ab9cea76032c52d944ddbf4fd289e31111
+  languageName: node
+  linkType: hard
+
+"d3-ease@npm:1 - 3":
+  version: 3.0.1
+  resolution: "d3-ease@npm:3.0.1"
+  checksum: 06e2ee5326d1e3545eab4e2c0f84046a123dcd3b612e68858219aa034da1160333d9ce3da20a1d3486d98cb5c2a06f7d233eee1bc19ce42d1533458bd85dedcd
+  languageName: node
+  linkType: hard
+
+"d3-interpolate@npm:1 - 3":
+  version: 3.0.1
+  resolution: "d3-interpolate@npm:3.0.1"
+  dependencies:
+    d3-color: 1 - 3
+  checksum: a42ba314e295e95e5365eff0f604834e67e4a3b3c7102458781c477bd67e9b24b6bb9d8e41ff5521050a3f2c7c0c4bbbb6e187fd586daa3980943095b267e78b
+  languageName: node
+  linkType: hard
+
+"d3-selection@npm:2 - 3, d3-selection@npm:3, d3-selection@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "d3-selection@npm:3.0.0"
+  checksum: f4e60e133309115b99f5b36a79ae0a19d71ee6e2d5e3c7216ef3e75ebd2cb1e778c2ed2fa4c01bef35e0dcbd96c5428f5bd6ca2184fe2957ed582fde6841cbc5
+  languageName: node
+  linkType: hard
+
+"d3-timer@npm:1 - 3":
+  version: 3.0.1
+  resolution: "d3-timer@npm:3.0.1"
+  checksum: 1cfddf86d7bca22f73f2c427f52dfa35c49f50d64e187eb788dcad6e927625c636aa18ae4edd44d084eb9d1f81d8ca4ec305dae7f733c15846a824575b789d73
+  languageName: node
+  linkType: hard
+
+"d3-transition@npm:2 - 3":
+  version: 3.0.1
+  resolution: "d3-transition@npm:3.0.1"
+  dependencies:
+    d3-color: 1 - 3
+    d3-dispatch: 1 - 3
+    d3-ease: 1 - 3
+    d3-interpolate: 1 - 3
+    d3-timer: 1 - 3
+  peerDependencies:
+    d3-selection: 2 - 3
+  checksum: cb1e6e018c3abf0502fe9ff7b631ad058efb197b5e14b973a410d3935aead6e3c07c67d726cfab258e4936ef2667c2c3d1cd2037feb0765f0b4e1d3b8788c0ea
+  languageName: node
+  linkType: hard
+
+"d3-zoom@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "d3-zoom@npm:3.0.0"
+  dependencies:
+    d3-dispatch: 1 - 3
+    d3-drag: 2 - 3
+    d3-interpolate: 1 - 3
+    d3-selection: 2 - 3
+    d3-transition: 2 - 3
+  checksum: 8056e3527281cfd1ccbcbc458408f86973b0583e9dac00e51204026d1d36803ca437f970b5736f02fafed9f2b78f145f72a5dbc66397e02d4d95d4c594b8ff54
   languageName: node
   linkType: hard
 
@@ -6259,25 +5669,58 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.3, debug@npm:^4.3.4":
-  version: 4.3.4
-  resolution: "debug@npm:4.3.4"
+"data-view-buffer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-buffer@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.6
+    es-errors: ^1.3.0
+    is-data-view: ^1.0.1
+  checksum: ce24348f3c6231223b216da92e7e6a57a12b4af81a23f27eff8feabdf06acfb16c00639c8b705ca4d167f761cfc756e27e5f065d0a1f840c10b907fdaf8b988c
+  languageName: node
+  linkType: hard
+
+"data-view-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.7
+    es-errors: ^1.3.0
+    is-data-view: ^1.0.1
+  checksum: dbb3200edcb7c1ef0d68979834f81d64fd8cab2f7691b3a4c6b97e67f22182f3ec2c8602efd7b76997b55af6ff8bce485829c1feda4fa2165a6b71fb7baa4269
+  languageName: node
+  linkType: hard
+
+"data-view-byte-offset@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "data-view-byte-offset@npm:1.0.0"
+  dependencies:
+    call-bind: ^1.0.6
+    es-errors: ^1.3.0
+    is-data-view: ^1.0.1
+  checksum: 7f0bf8720b7414ca719eedf1846aeec392f2054d7af707c5dc9a753cc77eb8625f067fa901e0b5127e831f9da9056138d894b9c2be79c27a21f6db5824f009c2
+  languageName: node
+  linkType: hard
+
+"debug@npm:4, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.4":
+  version: 4.3.5
+  resolution: "debug@npm:4.3.5"
   dependencies:
     ms: 2.1.2
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 3dbad3f94ea64f34431a9cbf0bafb61853eda57bff2880036153438f50fb5a84f27683ba0d8e5426bf41a8c6ff03879488120cf5b3a761e77953169c0600a708
+  checksum: 7c002b51e256257f936dda09eb37167df952758c57badf6bf44bdc40b89a4bcb8e5a0a2e4c7b53f97c69e2970dd5272d33a757378a12c8f8e64ea7bf99e8e86e
   languageName: node
   linkType: hard
 
 "decamelize-keys@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "decamelize-keys@npm:1.1.0"
+  version: 1.1.1
+  resolution: "decamelize-keys@npm:1.1.1"
   dependencies:
     decamelize: ^1.1.0
     map-obj: ^1.0.0
-  checksum: 8bc5d32e035a072f5dffc1f1f3d26ca7ab1fb44a9cade34c97ab6cd1e62c81a87e718101e96de07d78cecda20a3fdb955df958e46671ccad01bb8dcf0de2e298
+  checksum: fc645fe20b7bda2680bbf9481a3477257a7f9304b1691036092b97ab04c0ab53e3bf9fcc2d2ae382536568e402ec41fb11e1d4c3836a9abe2d813dd9ef4311e0
   languageName: node
   linkType: hard
 
@@ -6295,14 +5738,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dedent@npm:^0.7.0":
-  version: 0.7.0
-  resolution: "dedent@npm:0.7.0"
-  checksum: 87de191050d9a40dd70cad01159a0bcf05ecb59750951242070b6abf9569088684880d00ba92a955b4058804f16eeaf91d604f283929b4f614d181cd7ae633d2
+"dedent@npm:^1.0.0":
+  version: 1.5.3
+  resolution: "dedent@npm:1.5.3"
+  peerDependencies:
+    babel-plugin-macros: ^3.1.0
+  peerDependenciesMeta:
+    babel-plugin-macros:
+      optional: true
+  checksum: 045b595557b2a8ea2eb9b0b4623d764e9a87326486fe2b61191b4342ed93dc01245644d8a09f3108a50c0ee7965f1eedd92e4a3a503ed89ea8e810566ea27f9a
   languageName: node
   linkType: hard
 
-"deep-is@npm:^0.1.3, deep-is@npm:~0.1.3":
+"deep-is@npm:^0.1.3":
   version: 0.1.4
   resolution: "deep-is@npm:0.1.4"
   checksum: edb65dd0d7d1b9c40b2f50219aef30e116cedd6fc79290e740972c132c09106d2e80aa0bc8826673dd5a00222d4179c84b36a790eef63a4c4bca75a37ef90804
@@ -6310,19 +5758,31 @@ __metadata:
   linkType: hard
 
 "deepmerge@npm:^4.2.2":
-  version: 4.2.2
-  resolution: "deepmerge@npm:4.2.2"
-  checksum: a8c43a1ed8d6d1ed2b5bf569fa4c8eb9f0924034baf75d5d406e47e157a451075c4db353efea7b6bcc56ec48116a8ce72fccf867b6e078e7c561904b5897530b
+  version: 4.3.1
+  resolution: "deepmerge@npm:4.3.1"
+  checksum: 2024c6a980a1b7128084170c4cf56b0fd58a63f2da1660dcfe977415f27b17dbe5888668b59d0b063753f3220719d5e400b7f113609489c90160bb9a5518d052
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.3, define-properties@npm:^1.1.4":
+"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4":
   version: 1.1.4
-  resolution: "define-properties@npm:1.1.4"
+  resolution: "define-data-property@npm:1.1.4"
+  dependencies:
+    es-define-property: ^1.0.0
+    es-errors: ^1.3.0
+    gopd: ^1.0.1
+  checksum: 8068ee6cab694d409ac25936eb861eea704b7763f7f342adbdfe337fc27c78d7ae0eff2364b2917b58c508d723c7a074326d068eef2e45c4edcd85cf94d0313b
+  languageName: node
+  linkType: hard
+
+"define-properties@npm:^1.2.0, define-properties@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "define-properties@npm:1.2.1"
   dependencies:
+    define-data-property: ^1.0.1
     has-property-descriptors: ^1.0.0
     object-keys: ^1.1.1
-  checksum: ce0aef3f9eb193562b5cfb79b2d2c86b6a109dfc9fdcb5f45d680631a1a908c06824ddcdb72b7573b54e26ace07f0a23420aaba0d5c627b34d2c1de8ef527e2b
+  checksum: b4ccd00597dd46cb2d4a379398f5b19fca84a16f3374e2249201992f36b30f6835949a9429669ee6b41b6e837205a163eadd745e472069e70dfc10f03e5fcc12
   languageName: node
   linkType: hard
 
@@ -6333,20 +5793,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"delegates@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "delegates@npm:1.0.0"
-  checksum: a51744d9b53c164ba9c0492471a1a2ffa0b6727451bdc89e31627fdf4adda9d51277cfcbfb20f0a6f08ccb3c436f341df3e92631a3440226d93a8971724771fd
-  languageName: node
-  linkType: hard
-
-"depd@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "depd@npm:2.0.0"
-  checksum: abbe19c768c97ee2eed6282d8ce3031126662252c58d711f646921c9623f9052e3e1906443066beec1095832f534e57c523b7333f8e7e0d93051ab6baef5ab3a
-  languageName: node
-  linkType: hard
-
 "detect-newline@npm:^3.0.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
@@ -6354,10 +5800,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "diff-sequences@npm:29.4.3"
-  checksum: 28b265e04fdddcf7f9f814effe102cc95a9dec0564a579b5aed140edb24fc345c611ca52d76d725a3cab55d3888b915b5e8a4702e0f6058968a90fa5f41fcde7
+"diff-sequences@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "diff-sequences@npm:29.6.3"
+  checksum: f4914158e1f2276343d98ff5b31fc004e7304f5470bf0f1adb2ac6955d85a531a6458d33e87667f98f6ae52ebd3891bb47d420bb48a5bd8b7a27ee25b20e33aa
   languageName: node
   linkType: hard
 
@@ -6389,18 +5835,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-serializer@npm:^1.0.1":
-  version: 1.4.1
-  resolution: "dom-serializer@npm:1.4.1"
+"dom-serializer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "dom-serializer@npm:2.0.0"
   dependencies:
-    domelementtype: ^2.0.1
-    domhandler: ^4.2.0
-    entities: ^2.0.0
-  checksum: fbb0b01f87a8a2d18e6e5a388ad0f7ec4a5c05c06d219377da1abc7bb0f674d804f4a8a94e3f71ff15f6cb7dcfc75704a54b261db672b9b3ab03da6b758b0b22
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.2
+    entities: ^4.2.0
+  checksum: cd1810544fd8cdfbd51fa2c0c1128ec3a13ba92f14e61b7650b5de421b88205fd2e3f0cc6ace82f13334114addb90ed1c2f23074a51770a8e9c1273acbc7f3e6
   languageName: node
   linkType: hard
 
-"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0":
+"domelementtype@npm:^2.3.0":
   version: 2.3.0
   resolution: "domelementtype@npm:2.3.0"
   checksum: ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
@@ -6416,23 +5862,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"domhandler@npm:^4.0.0, domhandler@npm:^4.2.0":
-  version: 4.3.1
-  resolution: "domhandler@npm:4.3.1"
+"domhandler@npm:^5.0.2, domhandler@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "domhandler@npm:5.0.3"
   dependencies:
-    domelementtype: ^2.2.0
-  checksum: 4c665ceed016e1911bf7d1dadc09dc888090b64dee7851cccd2fcf5442747ec39c647bb1cb8c8919f8bbdd0f0c625a6bafeeed4b2d656bbecdbae893f43ffaaa
+    domelementtype: ^2.3.0
+  checksum: 0f58f4a6af63e6f3a4320aa446d28b5790a009018707bce2859dcb1d21144c7876482b5188395a188dfa974238c019e0a1e610d2fc269a12b2c192ea2b0b131c
   languageName: node
   linkType: hard
 
-"domutils@npm:^2.5.2":
-  version: 2.8.0
-  resolution: "domutils@npm:2.8.0"
+"domutils@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "domutils@npm:3.1.0"
   dependencies:
-    dom-serializer: ^1.0.1
-    domelementtype: ^2.2.0
-    domhandler: ^4.2.0
-  checksum: abf7434315283e9aadc2a24bac0e00eab07ae4313b40cc239f89d84d7315ebdfd2fb1b5bf750a96bc1b4403d7237c7b2ebf60459be394d625ead4ca89b934391
+    dom-serializer: ^2.0.0
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.3
+  checksum: e5757456ddd173caa411cfc02c2bb64133c65546d2c4081381a3bafc8a57411a41eed70494551aa58030be9e58574fcc489828bebd673863d39924fb4878f416
   languageName: node
   linkType: hard
 
@@ -6455,17 +5901,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.4.202":
-  version: 1.4.246
-  resolution: "electron-to-chromium@npm:1.4.246"
-  checksum: 0e616e657d97de9d250a2415e5bded0ee8085345c652a30c08bf4e93398aca303ce69743c72f244400f679539e5f89f283875118b88299703539ccace071f450
+"electron-to-chromium@npm:^1.4.668":
+  version: 1.4.789
+  resolution: "electron-to-chromium@npm:1.4.789"
+  checksum: 63b04e187b21f32f4ed054ef4b2e3cfcaaacd502a76834a01fec6e0aab5d50201fa33b1d6db8ed11b539b9f06566f733b889942efc91b730437b541d07ee8b78
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.4.431":
-  version: 1.4.463
-  resolution: "electron-to-chromium@npm:1.4.463"
-  checksum: 0f8d9b7ac7bcd48ae1963827a752d8c1d1f36d84e778e818a8027ea708f81b58faa0b599c964777e8245277f06ac45828515975fc7e1e08ed20e360571600c2c
+"elkjs@npm:^0.9.1":
+  version: 0.9.3
+  resolution: "elkjs@npm:0.9.3"
+  checksum: 1293e42e0ea034b39d3719f3816b7b3cbaceb52a3114f2c1bd5ddd969bb1e36ae0afef58e77864fff7a1018dc5e96c177e9b0a40c16e4aaac26eb87f5785be4b
+  languageName: node
+  linkType: hard
+
+"email-validator@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "email-validator@npm:2.0.4"
+  checksum: e702fee24e1b9efb7e6a84abb309bebdb4ddde137fdb99a61e24bd82ac0b605be34e191b1c4d04fbc855be7b94cad967f932a456c0def2240303881f4e388f2d
   languageName: node
   linkType: hard
 
@@ -6506,33 +5959,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.15.0":
-  version: 5.15.0
-  resolution: "enhanced-resolve@npm:5.15.0"
+"enhanced-resolve@npm:^5.16.0":
+  version: 5.17.0
+  resolution: "enhanced-resolve@npm:5.17.0"
   dependencies:
     graceful-fs: ^4.2.4
     tapable: ^2.2.0
-  checksum: fbd8cdc9263be71cc737aa8a7d6c57b43d6aa38f6cc75dde6fcd3598a130cc465f979d2f4d01bb3bf475acb43817749c79f8eef9be048683602ca91ab52e4f11
+  checksum: 1066000454da6a7aeabdbe1f433d912d1e39e6892142a78a37b6577aab27e0436091fa1399d857ad87085b1c3b73a0f811c8874da3dbdc40fbd5ebe89a5568e6
   languageName: node
   linkType: hard
 
 "enquirer@npm:^2.3.5":
-  version: 2.3.6
-  resolution: "enquirer@npm:2.3.6"
+  version: 2.4.1
+  resolution: "enquirer@npm:2.4.1"
   dependencies:
     ansi-colors: ^4.1.1
-  checksum: 1c0911e14a6f8d26721c91e01db06092a5f7675159f0261d69c403396a385afd13dd76825e7678f66daffa930cfaa8d45f506fb35f818a2788463d022af1b884
-  languageName: node
-  linkType: hard
-
-"entities@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "entities@npm:2.2.0"
-  checksum: 19010dacaf0912c895ea262b4f6128574f9ccf8d4b3b65c7e8334ad0079b3706376360e28d8843ff50a78aabcb8f08f0a32dbfacdc77e47ed77ca08b713669b3
+    strip-ansi: ^6.0.1
+  checksum: f080f11a74209647dbf347a7c6a83c8a47ae1ebf1e75073a808bc1088eb780aa54075bfecd1bcdb3e3c724520edb8e6ee05da031529436b421b71066fcc48cb5
   languageName: node
   linkType: hard
 
-"entities@npm:^4.4.0":
+"entities@npm:^4.2.0, entities@npm:^4.4.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
@@ -6547,11 +5994,11 @@ __metadata:
   linkType: hard
 
 "envinfo@npm:^7.7.3":
-  version: 7.8.1
-  resolution: "envinfo@npm:7.8.1"
+  version: 7.13.0
+  resolution: "envinfo@npm:7.13.0"
   bin:
     envinfo: dist/cli.js
-  checksum: de736c98d6311c78523628ff127af138451b162e57af5293c1b984ca821d0aeb9c849537d2fde0434011bed33f6bca5310ca2aab8a51a3f28fc719e89045d648
+  checksum: 822fc30f53bd0be67f0e25be96eb6a2562b8062f3058846bbd7ec471bd4b7835fca6436ee72c4029c8ae4a3d8f8cddbe2ee725b22291f015232d20a682bee732
   languageName: node
   linkType: hard
 
@@ -6571,41 +6018,100 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.5":
-  version: 1.20.2
-  resolution: "es-abstract@npm:1.20.2"
+"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.2":
+  version: 1.23.3
+  resolution: "es-abstract@npm:1.23.3"
   dependencies:
-    call-bind: ^1.0.2
+    array-buffer-byte-length: ^1.0.1
+    arraybuffer.prototype.slice: ^1.0.3
+    available-typed-arrays: ^1.0.7
+    call-bind: ^1.0.7
+    data-view-buffer: ^1.0.1
+    data-view-byte-length: ^1.0.1
+    data-view-byte-offset: ^1.0.0
+    es-define-property: ^1.0.0
+    es-errors: ^1.3.0
+    es-object-atoms: ^1.0.0
+    es-set-tostringtag: ^2.0.3
     es-to-primitive: ^1.2.1
-    function-bind: ^1.1.1
-    function.prototype.name: ^1.1.5
-    get-intrinsic: ^1.1.2
-    get-symbol-description: ^1.0.0
-    has: ^1.0.3
-    has-property-descriptors: ^1.0.0
+    function.prototype.name: ^1.1.6
+    get-intrinsic: ^1.2.4
+    get-symbol-description: ^1.0.2
+    globalthis: ^1.0.3
+    gopd: ^1.0.1
+    has-property-descriptors: ^1.0.2
+    has-proto: ^1.0.3
     has-symbols: ^1.0.3
-    internal-slot: ^1.0.3
-    is-callable: ^1.2.4
-    is-negative-zero: ^2.0.2
+    hasown: ^2.0.2
+    internal-slot: ^1.0.7
+    is-array-buffer: ^3.0.4
+    is-callable: ^1.2.7
+    is-data-view: ^1.0.1
+    is-negative-zero: ^2.0.3
     is-regex: ^1.1.4
-    is-shared-array-buffer: ^1.0.2
+    is-shared-array-buffer: ^1.0.3
     is-string: ^1.0.7
+    is-typed-array: ^1.1.13
     is-weakref: ^1.0.2
-    object-inspect: ^1.12.2
+    object-inspect: ^1.13.1
     object-keys: ^1.1.1
-    object.assign: ^4.1.4
-    regexp.prototype.flags: ^1.4.3
-    string.prototype.trimend: ^1.0.5
-    string.prototype.trimstart: ^1.0.5
+    object.assign: ^4.1.5
+    regexp.prototype.flags: ^1.5.2
+    safe-array-concat: ^1.1.2
+    safe-regex-test: ^1.0.3
+    string.prototype.trim: ^1.2.9
+    string.prototype.trimend: ^1.0.8
+    string.prototype.trimstart: ^1.0.8
+    typed-array-buffer: ^1.0.2
+    typed-array-byte-length: ^1.0.1
+    typed-array-byte-offset: ^1.0.2
+    typed-array-length: ^1.0.6
     unbox-primitive: ^1.0.2
-  checksum: ab893dd1f849250f5a2da82656b4e21b511f76429b25a4aea5c8b2a3007ff01cb8e112987d0dd7693b9ad9e6399f8f7be133285d6196a5ebd1b13a4ee2258f70
+    which-typed-array: ^1.1.15
+  checksum: f840cf161224252512f9527306b57117192696571e07920f777cb893454e32999206198b4f075516112af6459daca282826d1735c450528470356d09eff3a9ae
   languageName: node
   linkType: hard
 
-"es-module-lexer@npm:^1.2.1":
+"es-define-property@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-define-property@npm:1.0.0"
+  dependencies:
+    get-intrinsic: ^1.2.4
+  checksum: f66ece0a887b6dca71848fa71f70461357c0e4e7249696f81bad0a1f347eed7b31262af4a29f5d726dc026426f085483b6b90301855e647aa8e21936f07293c6
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.2.1, es-errors@npm:^1.3.0":
   version: 1.3.0
-  resolution: "es-module-lexer@npm:1.3.0"
-  checksum: 48fd9f504a9d2a894126f75c8b7ccc6273a289983e9b67255f165bfd9ae765d50100218251e94e702ca567826905ea2f7b3b4a0c4d74d3ce99cce3a2a606a238
+  resolution: "es-errors@npm:1.3.0"
+  checksum: ec1414527a0ccacd7f15f4a3bc66e215f04f595ba23ca75cdae0927af099b5ec865f9f4d33e9d7e86f512f252876ac77d4281a7871531a50678132429b1271b5
+  languageName: node
+  linkType: hard
+
+"es-module-lexer@npm:^1.2.1":
+  version: 1.5.3
+  resolution: "es-module-lexer@npm:1.5.3"
+  checksum: 2e0a0936fb49ca072d438128f588d5b46974035f7a1362bdb26447868016243cfd1c5ec8f12e80d273749e8c603f5aba5a828d5c2d95c07f61fbe77ab4fce4af
+  languageName: node
+  linkType: hard
+
+"es-object-atoms@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-object-atoms@npm:1.0.0"
+  dependencies:
+    es-errors: ^1.3.0
+  checksum: 26f0ff78ab93b63394e8403c353842b2272836968de4eafe97656adfb8a7c84b9099bf0fe96ed58f4a4cddc860f6e34c77f91649a58a5daa4a9c40b902744e3c
+  languageName: node
+  linkType: hard
+
+"es-set-tostringtag@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "es-set-tostringtag@npm:2.0.3"
+  dependencies:
+    get-intrinsic: ^1.2.4
+    has-tostringtag: ^1.0.2
+    hasown: ^2.0.1
+  checksum: 7227fa48a41c0ce83e0377b11130d324ac797390688135b8da5c28994c0165be8b252e15cd1de41e1325e5a5412511586960213e88f9ab4a5e7d028895db5129
   languageName: node
   linkType: hard
 
@@ -6620,10 +6126,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escalade@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "escalade@npm:3.1.1"
-  checksum: a3e2a99f07acb74b3ad4989c48ca0c3140f69f923e56d0cba0526240ee470b91010f9d39001f2a4a313841d237ede70a729e92125191ba5d21e74b106800b133
+"escalade@npm:^3.1.1, escalade@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "escalade@npm:3.1.2"
+  checksum: 1ec0977aa2772075493002bdbd549d595ff6e9393b1cb0d7d6fcaf78c750da0c158f180938365486f75cb69fba20294351caddfce1b46552a7b6c3cde52eaa02
   languageName: node
   linkType: hard
 
@@ -6649,13 +6155,12 @@ __metadata:
   linkType: hard
 
 "escodegen@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "escodegen@npm:2.0.0"
+  version: 2.1.0
+  resolution: "escodegen@npm:2.1.0"
   dependencies:
     esprima: ^4.0.1
     estraverse: ^5.2.0
     esutils: ^2.0.2
-    optionator: ^0.8.1
     source-map: ~0.6.1
   dependenciesMeta:
     source-map:
@@ -6663,7 +6168,7 @@ __metadata:
   bin:
     escodegen: bin/escodegen.js
     esgenerate: bin/esgenerate.js
-  checksum: 5aa6b2966fafe0545e4e77936300cc94ad57cfe4dc4ebff9950492eaba83eef634503f12d7e3cbd644ecc1bab388ad0e92b06fd32222c9281a75d1cf02ec6cef
+  checksum: 096696407e161305cd05aebb95134ad176708bc5cb13d0dcc89a5fcbb959b8ed757e7f2591a5f8036f8f4952d4a724de0df14cd419e29212729fa6df5ce16bf6
   languageName: node
   linkType: hard
 
@@ -6811,11 +6316,11 @@ __metadata:
   linkType: hard
 
 "esquery@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "esquery@npm:1.4.0"
+  version: 1.5.0
+  resolution: "esquery@npm:1.5.0"
   dependencies:
     estraverse: ^5.1.0
-  checksum: a0807e17abd7fbe5fbd4fab673038d6d8a50675cdae6b04fbaa520c34581be0c5fa24582990e8acd8854f671dd291c78bb2efb9e0ed5b62f33bac4f9cf820210
+  checksum: aefb0d2596c230118656cd4ec7532d447333a410a48834d80ea648b1e7b5c9bc9ed8b5e33a89cb04e487b60d622f44cf5713bf4abed7c97343edefdc84a35900
   languageName: node
   linkType: hard
 
@@ -6873,6 +6378,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"exenv-es6@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "exenv-es6@npm:1.1.1"
+  checksum: 7f2aa12025e6f06c48dc286f380cf3183bb19c6017b36d91695034a3e5124a7235c4f8ff24ca2eb88ae801322f0f99605cedfcfd996a5fcbba7669320e2a448e
+  languageName: node
+  linkType: hard
+
 "exit@npm:^0.1.2":
   version: 0.1.2
   resolution: "exit@npm:0.1.2"
@@ -6880,17 +6392,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.0.0, expect@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "expect@npm:29.6.1"
+"expect@npm:^29.0.0, expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "expect@npm:29.7.0"
   dependencies:
-    "@jest/expect-utils": ^29.6.1
-    "@types/node": "*"
-    jest-get-type: ^29.4.3
-    jest-matcher-utils: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
-  checksum: 4e712e52c90f6c54e748fd2876be33c43ada6a59088ddf6a1acb08b18b3b97b3a672124684abe32599986d2f2a438d5afad148837ee06ea386d2a4bf0348de78
+    "@jest/expect-utils": ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 9257f10288e149b81254a0fda8ffe8d54a7061cd61d7515779998b012579d2b8c22354b0eb901daf0145f347403da582f75f359f4810c007182ad3fb318b5c0c
   languageName: node
   linkType: hard
 
@@ -6909,22 +6420,22 @@ __metadata:
   linkType: hard
 
 "fast-diff@npm:^1.1.2":
-  version: 1.2.0
-  resolution: "fast-diff@npm:1.2.0"
-  checksum: 1b5306eaa9e826564d9e5ffcd6ebd881eb5f770b3f977fcbf38f05c824e42172b53c79920e8429c54eb742ce15a0caf268b0fdd5b38f6de52234c4a8368131ae
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: d22d371b994fdc8cce9ff510d7b8dc4da70ac327bcba20df607dd5b9cae9f908f4d1028f5fe467650f058d1e7270235ae0b8230809a262b4df587a3b3aa216c3
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.9":
-  version: 3.2.12
-  resolution: "fast-glob@npm:3.2.12"
+"fast-glob@npm:^3.2.12, fast-glob@npm:^3.2.9":
+  version: 3.3.2
+  resolution: "fast-glob@npm:3.3.2"
   dependencies:
     "@nodelib/fs.stat": ^2.0.2
     "@nodelib/fs.walk": ^1.2.3
     glob-parent: ^5.1.2
     merge2: ^1.3.0
     micromatch: ^4.0.4
-  checksum: 0b1990f6ce831c7e28c4d505edcdaad8e27e88ab9fa65eedadb730438cfc7cde4910d6c975d6b7b8dc8a73da4773702ebcfcd6e3518e73938bb1383badfe01c2
+  checksum: 900e4979f4dbc3313840078419245621259f349950411ca2fa445a2f9a1a6d98c3b5e7e0660c5ccd563aa61abe133a21765c6c0dec8e57da1ba71d8000b05ec1
   languageName: node
   linkType: hard
 
@@ -6935,7 +6446,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-levenshtein@npm:^2.0.6, fast-levenshtein@npm:~2.0.6":
+"fast-levenshtein@npm:^2.0.6":
   version: 2.0.6
   resolution: "fast-levenshtein@npm:2.0.6"
   checksum: 92cfec0a8dfafd9c7a15fba8f2cc29cd0b62b85f056d99ce448bbcd9f708e18ab2764bda4dd5158364f4145a7c72788538994f0d1787b956ef0d1062b0f7c24c
@@ -6950,20 +6461,20 @@ __metadata:
   linkType: hard
 
 "fastq@npm:^1.6.0":
-  version: 1.13.0
-  resolution: "fastq@npm:1.13.0"
+  version: 1.17.1
+  resolution: "fastq@npm:1.17.1"
   dependencies:
     reusify: ^1.0.4
-  checksum: 32cf15c29afe622af187d12fc9cd93e160a0cb7c31a3bb6ace86b7dea3b28e7b72acde89c882663f307b2184e14782c6c664fa315973c03626c7d4bff070bb0b
+  checksum: a8c5b26788d5a1763f88bae56a8ddeee579f935a831c5fe7a8268cea5b0a91fbfe705f612209e02d639b881d7b48e461a50da4a10cfaa40da5ca7cc9da098d88
   languageName: node
   linkType: hard
 
 "fb-watchman@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "fb-watchman@npm:2.0.1"
+  version: 2.0.2
+  resolution: "fb-watchman@npm:2.0.2"
   dependencies:
     bser: 2.1.1
-  checksum: 8510230778ab3a51c27dffb1b76ef2c24fab672a42742d3c0a45c2e9d1e5f20210b1fbca33486088da4a9a3958bde96b5aec0a63aac9894b4e9df65c88b2cbd6
+  checksum: b15a124cef28916fe07b400eb87cbc73ca082c142abf7ca8e8de6af43eca79ca7bd13eb4d4d48240b3bd3136eaac40d16e42d6edf87a8e5d1dd8070626860c78
   languageName: node
   linkType: hard
 
@@ -6976,12 +6487,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fill-range@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "fill-range@npm:7.0.1"
+"fill-range@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "fill-range@npm:7.1.1"
   dependencies:
     to-regex-range: ^5.0.1
-  checksum: cc283f4e65b504259e64fd969bcf4def4eb08d85565e906b7d36516e87819db52029a76b6363d0f02d0d532f0033c9603b9e2d943d56ee3b0d4f7ad3328ff917
+  checksum: b4abfbca3839a3d55e4ae5ec62e131e2e356bf4859ce8480c64c4876100f4df292a63e5bb1618e1d7460282ca2b305653064f01654474aa35c68000980f17798
   languageName: node
   linkType: hard
 
@@ -7003,19 +6514,38 @@ __metadata:
   linkType: hard
 
 "flat-cache@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "flat-cache@npm:3.0.4"
+  version: 3.2.0
+  resolution: "flat-cache@npm:3.2.0"
   dependencies:
-    flatted: ^3.1.0
+    flatted: ^3.2.9
+    keyv: ^4.5.3
     rimraf: ^3.0.2
-  checksum: 4fdd10ecbcbf7d520f9040dd1340eb5dfe951e6f0ecf2252edeec03ee68d989ec8b9a20f4434270e71bcfd57800dc09b3344fca3966b2eb8f613072c7d9a2365
+  checksum: e7e0f59801e288b54bee5cb9681e9ee21ee28ef309f886b312c9d08415b79fc0f24ac842f84356ce80f47d6a53de62197ce0e6e148dc42d5db005992e2a756ec
   languageName: node
   linkType: hard
 
-"flatted@npm:^3.1.0":
-  version: 3.2.7
-  resolution: "flatted@npm:3.2.7"
-  checksum: 427633049d55bdb80201c68f7eb1cbd533e03eac541f97d3aecab8c5526f12a20ccecaeede08b57503e772c769e7f8680b37e8d482d1e5f8d7e2194687f9ea35
+"flat@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "flat@npm:5.0.2"
+  bin:
+    flat: cli.js
+  checksum: 12a1536ac746db74881316a181499a78ef953632ddd28050b7a3a43c62ef5462e3357c8c29d76072bb635f147f7a9a1f0c02efef6b4be28f8db62ceb3d5c7f5d
+  languageName: node
+  linkType: hard
+
+"flatted@npm:^3.2.9":
+  version: 3.3.1
+  resolution: "flatted@npm:3.3.1"
+  checksum: 85ae7181650bb728c221e7644cbc9f4bf28bc556f2fc89bb21266962bdf0ce1029cc7acc44bb646cd469d9baac7c317f64e841c4c4c00516afa97320cdac7f94
+  languageName: node
+  linkType: hard
+
+"for-each@npm:^0.3.3":
+  version: 0.3.3
+  resolution: "for-each@npm:0.3.3"
+  dependencies:
+    is-callable: ^1.1.3
+  checksum: 6c48ff2bc63362319c65e2edca4a8e1e3483a2fabc72fbe7feaf8c73db94fc7861bd53bc02c8a66a0c1dd709da6b04eec42e0abdd6b40ce47305ae92a25e5d28
   languageName: node
   linkType: hard
 
@@ -7068,11 +6598,11 @@ __metadata:
   linkType: hard
 
 "fs-minipass@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "fs-minipass@npm:3.0.2"
+  version: 3.0.3
+  resolution: "fs-minipass@npm:3.0.3"
   dependencies:
-    minipass: ^5.0.0
-  checksum: e9cc0e1f2d01c6f6f62f567aee59530aba65c6c7b2ae88c5027bc34c711ebcfcfaefd0caf254afa6adfe7d1fba16bc2537508a6235196bac7276747d078aef0a
+    minipass: ^7.0.3
+  checksum: 8722a41109130851d979222d3ec88aabaceeaaf8f57b2a8f744ef8bd2d1ce95453b04a61daa0078822bc5cd21e008814f06fe6586f56fef511e71b8d2394d802
   languageName: node
   linkType: hard
 
@@ -7084,40 +6614,40 @@ __metadata:
   linkType: hard
 
 "fsevents@npm:^2.3.2":
-  version: 2.3.2
-  resolution: "fsevents@npm:2.3.2"
+  version: 2.3.3
+  resolution: "fsevents@npm:2.3.3"
   dependencies:
     node-gyp: latest
-  checksum: 97ade64e75091afee5265e6956cb72ba34db7819b4c3e94c431d4be2b19b8bb7a2d4116da417950c3425f17c8fe693d25e20212cac583ac1521ad066b77ae31f
+  checksum: 11e6ea6fea15e42461fc55b4b0e4a0a3c654faa567f1877dbd353f39156f69def97a69936d1746619d656c4b93de2238bf731f6085a03a50cabf287c9d024317
   conditions: os=darwin
   languageName: node
   linkType: hard
 
 "fsevents@patch:fsevents@^2.3.2#~builtin<compat/fsevents>":
-  version: 2.3.2
-  resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=df0bf1"
+  version: 2.3.3
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#~builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
   dependencies:
     node-gyp: latest
   conditions: os=darwin
   languageName: node
   linkType: hard
 
-"function-bind@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "function-bind@npm:1.1.1"
-  checksum: b32fbaebb3f8ec4969f033073b43f5c8befbb58f1a79e12f1d7490358150359ebd92f49e72ff0144f65f2c48ea2a605bff2d07965f548f6474fd8efd95bf361a
+"function-bind@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "function-bind@npm:1.1.2"
+  checksum: 2b0ff4ce708d99715ad14a6d1f894e2a83242e4a52ccfcefaee5e40050562e5f6dafc1adbb4ce2d4ab47279a45dc736ab91ea5042d843c3c092820dfe032efb1
   languageName: node
   linkType: hard
 
-"function.prototype.name@npm:^1.1.5":
-  version: 1.1.5
-  resolution: "function.prototype.name@npm:1.1.5"
+"function.prototype.name@npm:^1.1.6":
+  version: 1.1.6
+  resolution: "function.prototype.name@npm:1.1.6"
   dependencies:
     call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.0
-    functions-have-names: ^1.2.2
-  checksum: acd21d733a9b649c2c442f067567743214af5fa248dbeee69d8278ce7df3329ea5abac572be9f7470b4ec1cd4d8f1040e3c5caccf98ebf2bf861a0deab735c27
+    define-properties: ^1.2.0
+    es-abstract: ^1.22.1
+    functions-have-names: ^1.2.3
+  checksum: 7a3f9bd98adab09a07f6e1f03da03d3f7c26abbdeaeee15223f6c04a9fb5674792bdf5e689dac19b97ac71de6aad2027ba3048a9b883aa1b3173eed6ab07f479
   languageName: node
   linkType: hard
 
@@ -7128,29 +6658,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"functions-have-names@npm:^1.2.2":
+"functions-have-names@npm:^1.2.3":
   version: 1.2.3
   resolution: "functions-have-names@npm:1.2.3"
   checksum: c3f1f5ba20f4e962efb71344ce0a40722163e85bee2101ce25f88214e78182d2d2476aa85ef37950c579eb6cf6ee811c17b3101bb84004bb75655f3e33f3fdb5
   languageName: node
   linkType: hard
 
-"gauge@npm:^4.0.3":
-  version: 4.0.4
-  resolution: "gauge@npm:4.0.4"
-  dependencies:
-    aproba: ^1.0.3 || ^2.0.0
-    color-support: ^1.1.3
-    console-control-strings: ^1.1.0
-    has-unicode: ^2.0.1
-    signal-exit: ^3.0.7
-    string-width: ^4.2.3
-    strip-ansi: ^6.0.1
-    wide-align: ^1.1.5
-  checksum: 788b6bfe52f1dd8e263cda800c26ac0ca2ff6de0b6eee2fe0d9e3abf15e149b651bd27bf5226be10e6e3edb5c4e5d5985a5a1a98137e7a892f75eff76467ad2d
-  languageName: node
-  linkType: hard
-
 "gensync@npm:^1.0.0-beta.2":
   version: 1.0.0-beta.2
   resolution: "gensync@npm:1.0.0-beta.2"
@@ -7165,14 +6679,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.0, get-intrinsic@npm:^1.1.1, get-intrinsic@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "get-intrinsic@npm:1.1.2"
+"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "get-intrinsic@npm:1.2.4"
   dependencies:
-    function-bind: ^1.1.1
-    has: ^1.0.3
+    es-errors: ^1.3.0
+    function-bind: ^1.1.2
+    has-proto: ^1.0.1
     has-symbols: ^1.0.3
-  checksum: 252f45491f2ba88ebf5b38018020c7cc3279de54b1d67ffb70c0cdf1dfa8ab31cd56467b5d117a8b4275b7a4dde91f86766b163a17a850f036528a7b2faafb2b
+    hasown: ^2.0.0
+  checksum: 414e3cdf2c203d1b9d7d33111df746a4512a1aa622770b361dadddf8ed0b5aeb26c560f49ca077e24bfafb0acb55ca908d1f709216ccba33ffc548ec8a79a951
   languageName: node
   linkType: hard
 
@@ -7197,13 +6713,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-symbol-description@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "get-symbol-description@npm:1.0.0"
+"get-symbol-description@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "get-symbol-description@npm:1.0.2"
   dependencies:
-    call-bind: ^1.0.2
-    get-intrinsic: ^1.1.1
-  checksum: 9ceff8fe968f9270a37a1f73bf3f1f7bda69ca80f4f80850670e0e7b9444ff99323f7ac52f96567f8b5f5fbe7ac717a0d81d3407c7313e82810c6199446a5247
+    call-bind: ^1.0.5
+    es-errors: ^1.3.0
+    get-intrinsic: ^1.2.4
+  checksum: e1cb53bc211f9dbe9691a4f97a46837a553c4e7caadd0488dc24ac694db8a390b93edd412b48dcdd0b4bbb4c595de1709effc75fc87c0839deedc6968f5bd973
   languageName: node
   linkType: hard
 
@@ -7223,18 +6740,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^10.2.2":
-  version: 10.3.3
-  resolution: "glob@npm:10.3.3"
+"glob@npm:^10.2.2, glob@npm:^10.3.10":
+  version: 10.4.1
+  resolution: "glob@npm:10.4.1"
   dependencies:
     foreground-child: ^3.1.0
-    jackspeak: ^2.0.3
-    minimatch: ^9.0.1
-    minipass: ^5.0.0 || ^6.0.2 || ^7.0.0
-    path-scurry: ^1.10.1
+    jackspeak: ^3.1.2
+    minimatch: ^9.0.4
+    minipass: ^7.1.2
+    path-scurry: ^1.11.1
   bin:
-    glob: dist/cjs/src/bin.js
-  checksum: 29190d3291f422da0cb40b77a72fc8d2c51a36524e99b8bf412548b7676a6627489528b57250429612b6eec2e6fe7826d328451d3e694a9d15e575389308ec53
+    glob: dist/esm/bin.mjs
+  checksum: 5d33c686c80bf6877f4284adf99a8c3cbb2a6eccbc92342943fe5d4b42c01d78c1881f2223d950c92a938d0f857e12e37b86a8e5483ab2141822e053b67d0dde
   languageName: node
   linkType: hard
 
@@ -7294,11 +6811,21 @@ __metadata:
   linkType: hard
 
 "globals@npm:^13.6.0, globals@npm:^13.9.0":
-  version: 13.17.0
-  resolution: "globals@npm:13.17.0"
+  version: 13.24.0
+  resolution: "globals@npm:13.24.0"
   dependencies:
     type-fest: ^0.20.2
-  checksum: fbaf4112e59b92c9f5575e85ce65e9e17c0b82711196ec5f58beb08599bbd92fd72703d6dfc9b080381fd35b644e1b11dcf25b38cc2341ec21df942594cbc8ce
+  checksum: 56066ef058f6867c04ff203b8a44c15b038346a62efbc3060052a1016be9f56f4cf0b2cd45b74b22b81e521a889fc7786c73691b0549c2f3a6e825b3d394f43c
+  languageName: node
+  linkType: hard
+
+"globalthis@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "globalthis@npm:1.0.4"
+  dependencies:
+    define-properties: ^1.2.1
+    gopd: ^1.0.1
+  checksum: 39ad667ad9f01476474633a1834a70842041f70a55571e8dcef5fb957980a92da5022db5430fca8aecc5d47704ae30618c0bc877a579c70710c904e9ef06108a
   languageName: node
   linkType: hard
 
@@ -7323,14 +6850,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.9":
-  version: 4.2.10
-  resolution: "graceful-fs@npm:4.2.10"
-  checksum: 3f109d70ae123951905d85032ebeae3c2a5a7a997430df00ea30df0e3a6c60cf6689b109654d6fdacd28810a053348c4d14642da1d075049e6be1ba5216218da
+"gopd@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "gopd@npm:1.0.1"
+  dependencies:
+    get-intrinsic: ^1.1.3
+  checksum: a5ccfb8806e0917a94e0b3de2af2ea4979c1da920bc381667c260e00e7cafdbe844e2cb9c5bcfef4e5412e8bf73bab837285bc35c7ba73aaaf0134d4583393a6
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.2.6":
+"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: ac85f94da92d8eb6b7f5a8b20ce65e43d66761c55ce85ac96df6865308390da45a8d3f0296dd3a663de65d30ba497bd46c696cc1e248c72b13d6d567138a4fc7
@@ -7372,12 +6901,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-property-descriptors@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "has-property-descriptors@npm:1.0.0"
+"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-property-descriptors@npm:1.0.2"
   dependencies:
-    get-intrinsic: ^1.1.1
-  checksum: a6d3f0a266d0294d972e354782e872e2fe1b6495b321e6ef678c9b7a06a40408a6891817350c62e752adced73a94ac903c54734fee05bf65b1905ee1368194bb
+    es-define-property: ^1.0.0
+  checksum: fcbb246ea2838058be39887935231c6d5788babed499d0e9d0cc5737494c48aba4fe17ba1449e0d0fbbb1e36175442faa37f9c427ae357d6ccb1d895fbcd3de3
+  languageName: node
+  linkType: hard
+
+"has-proto@npm:^1.0.1, has-proto@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "has-proto@npm:1.0.3"
+  checksum: fe7c3d50b33f50f3933a04413ed1f69441d21d2d2944f81036276d30635cad9279f6b43bc8f32036c31ebdfcf6e731150f46c1907ad90c669ffe9b066c3ba5c4
   languageName: node
   linkType: hard
 
@@ -7388,28 +6924,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-tostringtag@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "has-tostringtag@npm:1.0.0"
+"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
   dependencies:
-    has-symbols: ^1.0.2
-  checksum: cc12eb28cb6ae22369ebaad3a8ab0799ed61270991be88f208d508076a1e99abe4198c965935ce85ea90b60c94ddda73693b0920b58e7ead048b4a391b502c1c
-  languageName: node
-  linkType: hard
-
-"has-unicode@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "has-unicode@npm:2.0.1"
-  checksum: 1eab07a7436512db0be40a710b29b5dc21fa04880b7f63c9980b706683127e3c1b57cb80ea96d47991bdae2dfe479604f6a1ba410106ee1046a41d1bd0814400
+    has-symbols: ^1.0.3
+  checksum: 999d60bb753ad714356b2c6c87b7fb74f32463b8426e159397da4bde5bca7e598ab1073f4d8d4deafac297f2eb311484cd177af242776bf05f0d11565680468d
   languageName: node
   linkType: hard
 
-"has@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "has@npm:1.0.3"
+"hasown@npm:^2.0.0, hasown@npm:^2.0.1, hasown@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "hasown@npm:2.0.2"
   dependencies:
-    function-bind: ^1.1.1
-  checksum: b9ad53d53be4af90ce5d1c38331e712522417d017d5ef1ebd0507e07c2fbad8686fffb8e12ddecd4c39ca9b9b47431afbb975b8abf7f3c3b82c98e9aad052792
+    function-bind: ^1.1.2
+  checksum: e8516f776a15149ca6c6ed2ae3110c417a00b62260e222590e54aa367cbcd6ed99122020b37b7fbdf05748df57b265e70095d7bf35a47660587619b15ffb93db
   languageName: node
   linkType: hard
 
@@ -7455,21 +6984,21 @@ __metadata:
   linkType: hard
 
 "html-tags@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "html-tags@npm:3.2.0"
-  checksum: a0c9e96ac26c84adad9cc66d15d6711a17f60acda8d987218f1d4cbaacd52864939b230e635cce5a1179f3ddab2a12b9231355617dfbae7945fcfec5e96d2041
+  version: 3.3.1
+  resolution: "html-tags@npm:3.3.1"
+  checksum: b4ef1d5a76b678e43cce46e3783d563607b1d550cab30b4f511211564574770aa8c658a400b100e588bc60b8234e59b35ff72c7851cc28f3b5403b13a2c6cbce
   languageName: node
   linkType: hard
 
-"htmlparser2@npm:^6.0.0":
-  version: 6.1.0
-  resolution: "htmlparser2@npm:6.1.0"
+"htmlparser2@npm:^8.0.0":
+  version: 8.0.2
+  resolution: "htmlparser2@npm:8.0.2"
   dependencies:
-    domelementtype: ^2.0.1
-    domhandler: ^4.0.0
-    domutils: ^2.5.2
-    entities: ^2.0.0
-  checksum: 81a7b3d9c3bb9acb568a02fc9b1b81ffbfa55eae7f1c41ae0bf840006d1dbf54cb3aa245b2553e2c94db674840a9f0fdad7027c9a9d01a062065314039058c4e
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.3
+    domutils: ^3.0.1
+    entities: ^4.4.0
+  checksum: 29167a0f9282f181da8a6d0311b76820c8a59bc9e3c87009e21968264c2987d2723d6fde5a964d4b7b6cba663fca96ffb373c06d8223a85f52a6089ced942700
   languageName: node
   linkType: hard
 
@@ -7491,7 +7020,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"https-proxy-agent@npm:^5.0.0, https-proxy-agent@npm:^5.0.1":
+"http-proxy-agent@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "http-proxy-agent@npm:7.0.2"
+  dependencies:
+    agent-base: ^7.1.0
+    debug: ^4.3.4
+  checksum: 670858c8f8f3146db5889e1fa117630910101db601fff7d5a8aa637da0abedf68c899f03d3451cac2f83bcc4c3d2dabf339b3aa00ff8080571cceb02c3ce02f3
+  languageName: node
+  linkType: hard
+
+"https-proxy-agent@npm:^5.0.1":
   version: 5.0.1
   resolution: "https-proxy-agent@npm:5.0.1"
   dependencies:
@@ -7501,6 +7040,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"https-proxy-agent@npm:^7.0.1":
+  version: 7.0.4
+  resolution: "https-proxy-agent@npm:7.0.4"
+  dependencies:
+    agent-base: ^7.0.2
+    debug: 4
+  checksum: daaab857a967a2519ddc724f91edbbd388d766ff141b9025b629f92b9408fc83cee8a27e11a907aede392938e9c398e240d643e178408a59e4073539cde8cfe9
+  languageName: node
+  linkType: hard
+
 "human-signals@npm:^2.1.0":
   version: 2.1.0
   resolution: "human-signals@npm:2.1.0"
@@ -7508,15 +7057,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"humanize-ms@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "humanize-ms@npm:1.2.1"
-  dependencies:
-    ms: ^2.0.0
-  checksum: 9c7a74a2827f9294c009266c82031030eae811ca87b0da3dceb8d6071b9bde22c9f3daef0469c3c533cc67a97d8a167cd9fc0389350e5f415f61a79b171ded16
-  languageName: node
-  linkType: hard
-
 "iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
@@ -7551,10 +7091,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.1.8, ignore@npm:^5.2.0":
-  version: 5.2.0
-  resolution: "ignore@npm:5.2.0"
-  checksum: 6b1f926792d614f64c6c83da3a1f9c83f6196c2839aa41e1e32dd7b8d174cef2e329d75caabb62cb61ce9dc432f75e67d07d122a037312db7caa73166a1bdb77
+"ignore@npm:^5.1.8, ignore@npm:^5.2.0, ignore@npm:^5.2.1":
+  version: 5.3.1
+  resolution: "ignore@npm:5.3.1"
+  checksum: 71d7bb4c1dbe020f915fd881108cbe85a0db3d636a0ea3ba911393c53946711d13a9b1143c7e70db06d571a5822c0a324a6bcde5c9904e7ca5047f01f1bf8cd3
   languageName: node
   linkType: hard
 
@@ -7611,7 +7151,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:^2.0.3":
+"inherits@npm:2":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
@@ -7625,14 +7165,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "internal-slot@npm:1.0.3"
+"internal-slot@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "internal-slot@npm:1.0.7"
   dependencies:
-    get-intrinsic: ^1.1.0
-    has: ^1.0.3
+    es-errors: ^1.3.0
+    hasown: ^2.0.0
     side-channel: ^1.0.4
-  checksum: 1944f92e981e47aebc98a88ff0db579fd90543d937806104d0b96557b10c1f170c51fb777b97740a8b6ddeec585fca8c39ae99fd08a8e058dfc8ab70937238bf
+  checksum: cadc5eea5d7d9bc2342e93aae9f31f04c196afebb11bde97448327049f492cd7081e18623ae71388aac9cd237b692ca3a105be9c68ac39c1dec679d7409e33eb
   languageName: node
   linkType: hard
 
@@ -7643,10 +7183,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ip@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "ip@npm:2.0.1"
-  checksum: d765c9fd212b8a99023a4cde6a558a054c298d640fec1020567494d257afd78ca77e37126b1a3ef0e053646ced79a816bf50621d38d5e768cdde0431fa3b0d35
+"ip-address@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "ip-address@npm:9.0.5"
+  dependencies:
+    jsbn: 1.1.0
+    sprintf-js: ^1.1.3
+  checksum: aa15f12cfd0ef5e38349744e3654bae649a34c3b10c77a674a167e99925d1549486c5b14730eebce9fea26f6db9d5e42097b00aa4f9f612e68c79121c71652dc
+  languageName: node
+  linkType: hard
+
+"is-array-buffer@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "is-array-buffer@npm:3.0.4"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.2.1
+  checksum: e4e3e6ef0ff2239e75371d221f74bc3c26a03564a22efb39f6bb02609b598917ddeecef4e8c877df2a25888f247a98198959842a5e73236bc7f22cabdf6351a7
   languageName: node
   linkType: hard
 
@@ -7676,19 +7229,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-callable@npm:^1.1.4, is-callable@npm:^1.2.4":
-  version: 1.2.4
-  resolution: "is-callable@npm:1.2.4"
-  checksum: 1a28d57dc435797dae04b173b65d6d1e77d4f16276e9eff973f994eadcfdc30a017e6a597f092752a083c1103cceb56c91e3dadc6692fedb9898dfaba701575f
+"is-callable@npm:^1.1.3, is-callable@npm:^1.1.4, is-callable@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "is-callable@npm:1.2.7"
+  checksum: 61fd57d03b0d984e2ed3720fb1c7a897827ea174bd44402878e059542ea8c4aeedee0ea0985998aa5cc2736b2fa6e271c08587addb5b3959ac52cf665173d1ac
+  languageName: node
+  linkType: hard
+
+"is-core-module@npm:^2.13.0, is-core-module@npm:^2.5.0":
+  version: 2.13.1
+  resolution: "is-core-module@npm:2.13.1"
+  dependencies:
+    hasown: ^2.0.0
+  checksum: 256559ee8a9488af90e4bad16f5583c6d59e92f0742e9e8bb4331e758521ee86b810b93bae44f390766ffbc518a0488b18d9dab7da9a5ff997d499efc9403f7c
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.5.0, is-core-module@npm:^2.9.0":
-  version: 2.10.0
-  resolution: "is-core-module@npm:2.10.0"
+"is-data-view@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-data-view@npm:1.0.1"
   dependencies:
-    has: ^1.0.3
-  checksum: 0f3f77811f430af3256fa7bbc806f9639534b140f8ee69476f632c3e1eb4e28a38be0b9d1b8ecf596179c841b53576129279df95e7051d694dac4ceb6f967593
+    is-typed-array: ^1.1.13
+  checksum: 4ba4562ac2b2ec005fefe48269d6bd0152785458cd253c746154ffb8a8ab506a29d0cfb3b74af87513843776a88e4981ae25c89457bf640a33748eab1a7216b5
   languageName: node
   linkType: hard
 
@@ -7738,10 +7300,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-negative-zero@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "is-negative-zero@npm:2.0.2"
-  checksum: f3232194c47a549da60c3d509c9a09be442507616b69454716692e37ae9f37c4dea264fb208ad0c9f3efd15a796a46b79df07c7e53c6227c32170608b809149a
+"is-negative-zero@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-negative-zero@npm:2.0.3"
+  checksum: c1e6b23d2070c0539d7b36022d5a94407132411d01aba39ec549af824231f3804b1aea90b5e4e58e807a65d23ceb538ed6e355ce76b267bdd86edb757ffcbdcd
   languageName: node
   linkType: hard
 
@@ -7801,12 +7363,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-shared-array-buffer@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "is-shared-array-buffer@npm:1.0.2"
+"is-shared-array-buffer@npm:^1.0.2, is-shared-array-buffer@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "is-shared-array-buffer@npm:1.0.3"
   dependencies:
-    call-bind: ^1.0.2
-  checksum: 9508929cf14fdc1afc9d61d723c6e8d34f5e117f0bffda4d97e7a5d88c3a8681f633a74f8e3ad1fe92d5113f9b921dc5ca44356492079612f9a247efbce7032a
+    call-bind: ^1.0.7
+  checksum: a4fff602c309e64ccaa83b859255a43bb011145a42d3f56f67d9268b55bc7e6d98a5981a1d834186ad3105d6739d21547083fe7259c76c0468483fc538e716d8
   languageName: node
   linkType: hard
 
@@ -7835,6 +7397,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-typed-array@npm:^1.1.13":
+  version: 1.1.13
+  resolution: "is-typed-array@npm:1.1.13"
+  dependencies:
+    which-typed-array: ^1.1.14
+  checksum: 150f9ada183a61554c91e1c4290086d2c100b0dff45f60b028519be72a8db964da403c48760723bf5253979b8dffe7b544246e0e5351dcd05c5fdb1dcc1dc0f0
+  languageName: node
+  linkType: hard
+
 "is-weakref@npm:^1.0.2":
   version: 1.0.2
   resolution: "is-weakref@npm:1.0.2"
@@ -7844,6 +7415,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isarray@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "isarray@npm:2.0.5"
+  checksum: bd5bbe4104438c4196ba58a54650116007fa0262eccef13a4c55b2e09a5b36b59f1e75b9fcc49883dd9d4953892e6fc007eef9e9155648ceea036e184b0f930a
+  languageName: node
+  linkType: hard
+
 "isexe@npm:^2.0.0":
   version: 2.0.0
   resolution: "isexe@npm:2.0.0"
@@ -7851,6 +7429,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isexe@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "isexe@npm:3.1.1"
+  checksum: 7fe1931ee4e88eb5aa524cd3ceb8c882537bc3a81b02e438b240e47012eef49c86904d0f0e593ea7c3a9996d18d0f1f3be8d3eaa92333977b0c3a9d353d5563e
+  languageName: node
+  linkType: hard
+
 "isobject@npm:^3.0.1":
   version: 3.0.1
   resolution: "isobject@npm:3.0.1"
@@ -7866,46 +7451,46 @@ __metadata:
   linkType: hard
 
 "istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "istanbul-lib-coverage@npm:3.2.0"
-  checksum: a2a545033b9d56da04a8571ed05c8120bf10e9bce01cf8633a3a2b0d1d83dff4ac4fe78d6d5673c27fc29b7f21a41d75f83a36be09f82a61c367b56aa73c1ff9
+  version: 3.2.2
+  resolution: "istanbul-lib-coverage@npm:3.2.2"
+  checksum: 2367407a8d13982d8f7a859a35e7f8dd5d8f75aae4bb5484ede3a9ea1b426dc245aff28b976a2af48ee759fdd9be374ce2bd2669b644f31e76c5f46a2e29a831
   languageName: node
   linkType: hard
 
 "istanbul-lib-instrument@npm:^5.0.4":
-  version: 5.2.0
-  resolution: "istanbul-lib-instrument@npm:5.2.0"
+  version: 5.2.1
+  resolution: "istanbul-lib-instrument@npm:5.2.1"
   dependencies:
     "@babel/core": ^7.12.3
     "@babel/parser": ^7.14.7
     "@istanbuljs/schema": ^0.1.2
     istanbul-lib-coverage: ^3.2.0
     semver: ^6.3.0
-  checksum: 7c242ed782b6bf7b655656576afae8b6bd23dcc020e5fdc1472cca3dfb6ddb196a478385206d0df5219b9babf46ac4f21fea5d8ea9a431848b6cca6007012353
+  checksum: bf16f1803ba5e51b28bbd49ed955a736488381e09375d830e42ddeb403855b2006f850711d95ad726f2ba3f1ae8e7366de7e51d2b9ac67dc4d80191ef7ddf272
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.1.0":
-  version: 5.2.1
-  resolution: "istanbul-lib-instrument@npm:5.2.1"
+"istanbul-lib-instrument@npm:^6.0.0":
+  version: 6.0.2
+  resolution: "istanbul-lib-instrument@npm:6.0.2"
   dependencies:
-    "@babel/core": ^7.12.3
-    "@babel/parser": ^7.14.7
-    "@istanbuljs/schema": ^0.1.2
+    "@babel/core": ^7.23.9
+    "@babel/parser": ^7.23.9
+    "@istanbuljs/schema": ^0.1.3
     istanbul-lib-coverage: ^3.2.0
-    semver: ^6.3.0
-  checksum: bf16f1803ba5e51b28bbd49ed955a736488381e09375d830e42ddeb403855b2006f850711d95ad726f2ba3f1ae8e7366de7e51d2b9ac67dc4d80191ef7ddf272
+    semver: ^7.5.4
+  checksum: c10aa1e93a022f9767d7f41e6c07d244cc0a5c090fbb5522d70a5f21fcb98c52b7038850276c6fd1a7a17d1868c14a9d4eb8a24efe58a0ebb9a06f3da68131fe
   languageName: node
   linkType: hard
 
 "istanbul-lib-report@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "istanbul-lib-report@npm:3.0.0"
+  version: 3.0.1
+  resolution: "istanbul-lib-report@npm:3.0.1"
   dependencies:
     istanbul-lib-coverage: ^3.0.0
-    make-dir: ^3.0.0
+    make-dir: ^4.0.0
     supports-color: ^7.1.0
-  checksum: 3f29eb3f53c59b987386e07fe772d24c7f58c6897f34c9d7a296f4000de7ae3de9eb95c3de3df91dc65b134c84dee35c54eee572a56243e8907c48064e34ff1b
+  checksum: fd17a1b879e7faf9bb1dc8f80b2a16e9f5b7b8498fe6ed580a618c34df0bfe53d2abd35bf8a0a00e628fb7405462576427c7df20bbe4148d19c14b431c974b21
   languageName: node
   linkType: hard
 
@@ -7921,81 +7506,81 @@ __metadata:
   linkType: hard
 
 "istanbul-reports@npm:^3.1.3":
-  version: 3.1.5
-  resolution: "istanbul-reports@npm:3.1.5"
+  version: 3.1.7
+  resolution: "istanbul-reports@npm:3.1.7"
   dependencies:
     html-escaper: ^2.0.0
     istanbul-lib-report: ^3.0.0
-  checksum: 7867228f83ed39477b188ea07e7ccb9b4f5320b6f73d1db93a0981b7414fa4ef72d3f80c4692c442f90fc250d9406e71d8d7ab65bb615cb334e6292b73192b89
+  checksum: 2072db6e07bfbb4d0eb30e2700250636182398c1af811aea5032acb219d2080f7586923c09fa194029efd6b92361afb3dcbe1ebcc3ee6651d13340f7c6c4ed95
   languageName: node
   linkType: hard
 
-"jackspeak@npm:^2.0.3":
-  version: 2.2.1
-  resolution: "jackspeak@npm:2.2.1"
+"jackspeak@npm:^3.1.2":
+  version: 3.2.5
+  resolution: "jackspeak@npm:3.2.5"
   dependencies:
     "@isaacs/cliui": ^8.0.2
     "@pkgjs/parseargs": ^0.11.0
   dependenciesMeta:
     "@pkgjs/parseargs":
       optional: true
-  checksum: e29291c0d0f280a063fa18fbd1e891ab8c2d7519fd34052c0ebde38538a15c603140d60c2c7f432375ff7ee4c5f1c10daa8b2ae19a97c3d4affe308c8360c1df
+  checksum: 8e3dac7c69dd6395a0d83c3873416d6dc90913802c0752d3b88b76f2319f2714dd9aadc91bb82088c1b513b68c4a5ed2839d6571db57c6cdffdcbb17001bff7a
   languageName: node
   linkType: hard
 
-"jest-changed-files@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-changed-files@npm:29.5.0"
+"jest-changed-files@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-changed-files@npm:29.7.0"
   dependencies:
     execa: ^5.0.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-  checksum: a67a7cb3c11f8f92bd1b7c79e84f724cbd11a9ad51f3cdadafe3ce7ee3c79ee50dbea128f920f5fddc807e9e4e83f5462143094391feedd959a77dd20ab96cf3
+  checksum: 963e203893c396c5dfc75e00a49426688efea7361b0f0e040035809cecd2d46b3c01c02be2d9e8d38b1138357d2de7719ea5b5be21f66c10f2e9685a5a73bb99
   languageName: node
   linkType: hard
 
-"jest-circus@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-circus@npm:29.6.1"
+"jest-circus@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-circus@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/expect": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     co: ^4.6.0
-    dedent: ^0.7.0
+    dedent: ^1.0.0
     is-generator-fn: ^2.0.0
-    jest-each: ^29.6.1
-    jest-matcher-utils: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
+    jest-each: ^29.7.0
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     pure-rand: ^6.0.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
-  checksum: f3e39a74b601929448df92037f0599978d4d7a4b8f636f64e8020533d2d2b2f669d6729c80c6efed69341ca26753e5061e9787a0acd6c70af2127a94375ebb76
+  checksum: 349437148924a5a109c9b8aad6d393a9591b4dac1918fc97d81b7fc515bc905af9918495055071404af1fab4e48e4b04ac3593477b1d5dcf48c4e71b527c70a7
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-cli@npm:29.6.1"
+"jest-cli@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-cli@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/core": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
+    create-jest: ^29.7.0
     exit: ^0.1.2
-    graceful-fs: ^4.2.9
     import-local: ^3.0.2
-    jest-config: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
-    prompts: ^2.0.1
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     yargs: ^17.3.1
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
@@ -8004,34 +7589,34 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: f5854ffea977b9a12520ea71f8d0cc8a626cbb93d7e1e6eea18a2a1f2b25f70f1b6b08a89f11b4dc7dd36a1776a9ac2cf8ec5c7998086f913ee690c06c07c949
+  checksum: 664901277a3f5007ea4870632ed6e7889db9da35b2434e7cb488443e6bf5513889b344b7fddf15112135495b9875892b156faeb2d7391ddb9e2a849dcb7b6c36
   languageName: node
   linkType: hard
 
-"jest-config@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-config@npm:29.6.1"
+"jest-config@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-config@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/test-sequencer": ^29.6.1
-    "@jest/types": ^29.6.1
-    babel-jest: ^29.6.1
+    "@jest/test-sequencer": ^29.7.0
+    "@jest/types": ^29.6.3
+    babel-jest: ^29.7.0
     chalk: ^4.0.0
     ci-info: ^3.2.0
     deepmerge: ^4.2.2
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-circus: ^29.6.1
-    jest-environment-node: ^29.6.1
-    jest-get-type: ^29.4.3
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-runner: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
+    jest-circus: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     micromatch: ^4.0.4
     parse-json: ^5.2.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-json-comments: ^3.1.1
   peerDependencies:
@@ -8042,106 +7627,106 @@ __metadata:
       optional: true
     ts-node:
       optional: true
-  checksum: 3a30afeb28cc5658ef9cd95f2551ab8a29641bb6d377eb239cba8e7522eb4611c9a98cdcf173d87f5ad7b5e1ad242c3cd5434a260107bd3c7e8305d05023e05c
+  checksum: 4cabf8f894c180cac80b7df1038912a3fc88f96f2622de33832f4b3314f83e22b08fb751da570c0ab2b7988f21604bdabade95e3c0c041068ac578c085cf7dff
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-diff@npm:29.6.1"
+"jest-diff@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-diff@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
-    diff-sequences: ^29.4.3
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.6.1
-  checksum: c6350178ca27d92c7fd879790fb2525470c1ff1c5d29b1834a240fecd26c6904fb470ebddb98dc96dd85389c56c3b50e6965a1f5203e9236d213886ed9806219
+    diff-sequences: ^29.6.3
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: 08e24a9dd43bfba1ef07a6374e5af138f53137b79ec3d5cc71a2303515335898888fa5409959172e1e05de966c9e714368d15e8994b0af7441f0721ee8e1bb77
   languageName: node
   linkType: hard
 
-"jest-docblock@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-docblock@npm:29.4.3"
+"jest-docblock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-docblock@npm:29.7.0"
   dependencies:
     detect-newline: ^3.0.0
-  checksum: e0e9df1485bb8926e5b33478cdf84b3387d9caf3658e7dc1eaa6dc34cb93dea0d2d74797f6e940f0233a88f3dadd60957f2288eb8f95506361f85b84bf8661df
+  checksum: 66390c3e9451f8d96c5da62f577a1dad701180cfa9b071c5025acab2f94d7a3efc2515cfa1654ebe707213241541ce9c5530232cdc8017c91ed64eea1bd3b192
   languageName: node
   linkType: hard
 
-"jest-each@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-each@npm:29.6.1"
+"jest-each@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-each@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
-    jest-util: ^29.6.1
-    pretty-format: ^29.6.1
-  checksum: 9d2ea7ed5326ee8c22523b22c66c85fe73754ea39f9b389881956508ee441392c61072a5fbf673e39beddd31d011bb94acae3edc77053ba4f9aa5c060114a5c8
+    jest-get-type: ^29.6.3
+    jest-util: ^29.7.0
+    pretty-format: ^29.7.0
+  checksum: e88f99f0184000fc8813f2a0aa79e29deeb63700a3b9b7928b8a418d7d93cd24933608591dbbdea732b473eb2021c72991b5cc51a17966842841c6e28e6f691c
   languageName: node
   linkType: hard
 
 "jest-environment-jsdom@npm:^29.3.0":
-  version: 29.6.1
-  resolution: "jest-environment-jsdom@npm:29.6.1"
+  version: 29.7.0
+  resolution: "jest-environment-jsdom@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/fake-timers": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/jsdom": ^20.0.0
     "@types/node": "*"
-    jest-mock: ^29.6.1
-    jest-util: ^29.6.1
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
     jsdom: ^20.0.0
   peerDependencies:
     canvas: ^2.5.0
   peerDependenciesMeta:
     canvas:
       optional: true
-  checksum: e8a9bff00a011235b004699f34bc85b18fdac82049513410cbf2dc1c2dd332bc1b4f108976412df1d29f2fa8bf0360aaf84eb0f5b4db1db2fb7fc7155dc14be7
+  checksum: 559aac134c196fccc1dfc794d8fc87377e9f78e894bb13012b0831d88dec0abd7ece99abec69da564b8073803be4f04a9eb4f4d1bb80e29eec0cb252c254deb8
   languageName: node
   linkType: hard
 
-"jest-environment-node@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-environment-node@npm:29.6.1"
+"jest-environment-node@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-node@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/fake-timers": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-mock: ^29.6.1
-    jest-util: ^29.6.1
-  checksum: a50287e1ff29d131646bd09acc3222ac6ea0ad61e86bf73851d318ef2be0633a421b8558c4a15ddc67e0ffcfc32da7f6a0d8a2ddbfa85453837899dec88d256c
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 501a9966292cbe0ca3f40057a37587cb6def25e1e0c5e39ac6c650fe78d3c70a2428304341d084ac0cced5041483acef41c477abac47e9a290d5545fd2f15646
   languageName: node
   linkType: hard
 
-"jest-get-type@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-get-type@npm:29.4.3"
-  checksum: 6ac7f2dde1c65e292e4355b6c63b3a4897d7e92cb4c8afcf6d397f2682f8080e094c8b0b68205a74d269882ec06bf696a9de6cd3e1b7333531e5ed7b112605ce
+"jest-get-type@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-get-type@npm:29.6.3"
+  checksum: 88ac9102d4679d768accae29f1e75f592b760b44277df288ad76ce5bf038c3f5ce3719dea8aa0f035dac30e9eb034b848ce716b9183ad7cc222d029f03e92205
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-haste-map@npm:29.6.1"
+"jest-haste-map@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-haste-map@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/graceful-fs": ^4.1.3
     "@types/node": "*"
     anymatch: ^3.0.3
     fb-watchman: ^2.0.0
     fsevents: ^2.3.2
     graceful-fs: ^4.2.9
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.6.1
-    jest-worker: ^29.6.1
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
     micromatch: ^4.0.4
     walker: ^1.0.8
   dependenciesMeta:
     fsevents:
       optional: true
-  checksum: 7c74d5a0f6aafa9f4e60fae7949d4774770c0243fb529c24f2f4c81229db479fa318dc8b81e8d226865aef1d600af10bd8404dd208e802318434b46f75d5d869
+  checksum: c2c8f2d3e792a963940fbdfa563ce14ef9e14d4d86da645b96d3cd346b8d35c5ce0b992ee08593939b5f718cf0a1f5a90011a056548a1dbf58397d4356786f01
   languageName: node
   linkType: hard
 
@@ -8157,231 +7742,230 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-leak-detector@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-leak-detector@npm:29.6.1"
+"jest-leak-detector@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-leak-detector@npm:29.7.0"
   dependencies:
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.6.1
-  checksum: 5122d40c248effaede4c9ee3a99046a3f30088fef7bfc4af534678b432455161399357af46deb6423de7e05c6597920d6ee8cd570e26048886a90d541334f8c8
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: e3950e3ddd71e1d0c22924c51a300a1c2db6cf69ec1e51f95ccf424bcc070f78664813bef7aed4b16b96dfbdeea53fe358f8aeaaea84346ae15c3735758f1605
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-matcher-utils@npm:29.6.1"
+"jest-matcher-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-matcher-utils@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
-    jest-diff: ^29.6.1
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.6.1
-  checksum: d2efa6aed6e4820758b732b9fefd315c7fa4508ee690da656e1c5ac4c1a0f4cee5b04c9719ee1fda9aeb883b4209186c145089ced521e715b9fa70afdfa4a9c6
+    jest-diff: ^29.7.0
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: d7259e5f995d915e8a37a8fd494cb7d6af24cd2a287b200f831717ba0d015190375f9f5dc35393b8ba2aae9b2ebd60984635269c7f8cff7d85b077543b7744cd
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-message-util@npm:29.6.1"
+"jest-message-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-message-util@npm:29.7.0"
   dependencies:
     "@babel/code-frame": ^7.12.13
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/stack-utils": ^2.0.0
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
     micromatch: ^4.0.4
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
-  checksum: 3e7cb2ff087fe72255292e151d24e4fbb4cd6134885c0a67a4b302f233fe4110bf7580b176f427f05ad7550eb878ed94237209785d09d659a7d171ffa59c068f
+  checksum: a9d025b1c6726a2ff17d54cc694de088b0489456c69106be6b615db7a51b7beb66788bea7a59991a019d924fbf20f67d085a445aedb9a4d6760363f4d7d09930
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-mock@npm:29.6.1"
+"jest-mock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-mock@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-util: ^29.6.1
-  checksum: 5e902f1a7eba1eb1a64eb6c19947fe1316834359d9869d0e2644d8979b9cad0465885dc4c9909c471888cddeea835c938cec6263d386d3d1aad720fc74e52ea1
+    jest-util: ^29.7.0
+  checksum: 81ba9b68689a60be1482212878973700347cb72833c5e5af09895882b9eb5c4e02843a1bbdf23f94c52d42708bab53a30c45a3482952c9eec173d1eaac5b86c5
   languageName: node
   linkType: hard
 
 "jest-pnp-resolver@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "jest-pnp-resolver@npm:1.2.2"
+  version: 1.2.3
+  resolution: "jest-pnp-resolver@npm:1.2.3"
   peerDependencies:
     jest-resolve: "*"
   peerDependenciesMeta:
     jest-resolve:
       optional: true
-  checksum: bd85dcc0e76e0eb0c3d56382ec140f08d25ff4068cda9d0e360bb78fb176cb726d0beab82dc0e8694cafd09f55fee7622b8bcb240afa5fad301f4ed3eebb4f47
+  checksum: db1a8ab2cb97ca19c01b1cfa9a9c8c69a143fde833c14df1fab0766f411b1148ff0df878adea09007ac6a2085ec116ba9a996a6ad104b1e58c20adbf88eed9b2
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-regex-util@npm:29.4.3"
-  checksum: 96fc7fc28cd4dd73a63c13a526202c4bd8b351d4e5b68b1a2a2c88da3308c2a16e26feaa593083eb0bac38cca1aa9dd05025412e7de013ba963fb8e66af22b8a
+"jest-regex-util@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-regex-util@npm:29.6.3"
+  checksum: 0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
   languageName: node
   linkType: hard
 
-"jest-resolve-dependencies@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-resolve-dependencies@npm:29.6.1"
+"jest-resolve-dependencies@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve-dependencies@npm:29.7.0"
   dependencies:
-    jest-regex-util: ^29.4.3
-    jest-snapshot: ^29.6.1
-  checksum: cee0a0fe53fd4531492a526b6ccd32377baad1eff6e6c124f04e9dc920219fd23fd39be88bb9551ee68d5fe92a3af627b423c9bc65a2aa0ac8a223c0e74dbbbb
+    jest-regex-util: ^29.6.3
+    jest-snapshot: ^29.7.0
+  checksum: aeb75d8150aaae60ca2bb345a0d198f23496494677cd6aefa26fc005faf354061f073982175daaf32b4b9d86b26ca928586344516e3e6969aa614cb13b883984
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-resolve@npm:29.6.1"
+"jest-resolve@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
+    jest-haste-map: ^29.7.0
     jest-pnp-resolver: ^1.2.2
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     resolve: ^1.20.0
     resolve.exports: ^2.0.0
     slash: ^3.0.0
-  checksum: 9ce979a0f4a751bea58caea76415112df2a3f4d58e294019872244728aadd001f0ec20c873a3c805dd8f7c762143b3c14d00f87d124ed87c9981fbf8723090ef
+  checksum: 0ca218e10731aa17920526ec39deaec59ab9b966237905ffc4545444481112cd422f01581230eceb7e82d86f44a543d520a71391ec66e1b4ef1a578bd5c73487
   languageName: node
   linkType: hard
 
-"jest-runner@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-runner@npm:29.6.1"
+"jest-runner@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runner@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/environment": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/environment": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     emittery: ^0.13.1
     graceful-fs: ^4.2.9
-    jest-docblock: ^29.4.3
-    jest-environment-node: ^29.6.1
-    jest-haste-map: ^29.6.1
-    jest-leak-detector: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-resolve: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-util: ^29.6.1
-    jest-watcher: ^29.6.1
-    jest-worker: ^29.6.1
+    jest-docblock: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-leak-detector: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-resolve: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-util: ^29.7.0
+    jest-watcher: ^29.7.0
+    jest-worker: ^29.7.0
     p-limit: ^3.1.0
     source-map-support: 0.5.13
-  checksum: 0e4dbda26669ae31fee32f8a62b3119bba510f2d17a098d6157b48a73ed2fc9842405bf893f3045c12b3632c7c0e3399fb22684b18ab5566aff4905b26c79a9a
+  checksum: f0405778ea64812bf9b5c50b598850d94ccf95d7ba21f090c64827b41decd680ee19fcbb494007cdd7f5d0d8906bfc9eceddd8fa583e753e736ecd462d4682fb
   languageName: node
   linkType: hard
 
-"jest-runtime@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-runtime@npm:29.6.1"
+"jest-runtime@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runtime@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/fake-timers": ^29.6.1
-    "@jest/globals": ^29.6.1
-    "@jest/source-map": ^29.6.0
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/globals": ^29.7.0
+    "@jest/source-map": ^29.6.3
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     cjs-module-lexer: ^1.0.0
     collect-v8-coverage: ^1.0.0
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-mock: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
     strip-bom: ^4.0.0
-  checksum: 7c360c9694467d996f3d6d914fefa0e7bda554adda8c2b9fba31546dba663d71a64eda103ff68120a2422f3c16db8f0bc2c445923fe8fb934f37e53ef74fb429
+  checksum: d19f113d013e80691e07047f68e1e3448ef024ff2c6b586ce4f90cd7d4c62a2cd1d460110491019719f3c59bfebe16f0e201ed005ef9f80e2cf798c374eed54e
   languageName: node
   linkType: hard
 
-"jest-snapshot@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-snapshot@npm:29.6.1"
+"jest-snapshot@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-snapshot@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
     "@babel/generator": ^7.7.2
     "@babel/plugin-syntax-jsx": ^7.7.2
     "@babel/plugin-syntax-typescript": ^7.7.2
     "@babel/types": ^7.3.3
-    "@jest/expect-utils": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
-    "@types/prettier": ^2.1.5
+    "@jest/expect-utils": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     babel-preset-current-node-syntax: ^1.0.0
     chalk: ^4.0.0
-    expect: ^29.6.1
+    expect: ^29.7.0
     graceful-fs: ^4.2.9
-    jest-diff: ^29.6.1
-    jest-get-type: ^29.4.3
-    jest-matcher-utils: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
+    jest-diff: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     natural-compare: ^1.4.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     semver: ^7.5.3
-  checksum: e8f69d1fd4a29d354d4dca9eb2a22674b300f8ef509e4f1e75337c880414a00d2bdc9d3849a6855dbb5a76bfbe74603f33435378a3877e69f0838e4cc2244350
+  checksum: 86821c3ad0b6899521ce75ee1ae7b01b17e6dfeff9166f2cf17f012e0c5d8c798f30f9e4f8f7f5bed01ea7b55a6bc159f5eda778311162cbfa48785447c237ad
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.0.0, jest-util@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-util@npm:29.6.1"
+"jest-util@npm:^29.0.0, jest-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-util@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: fc553556c1350c443449cadaba5fb9d604628e8b5ceb6ceaf4e7e08975b24277d0a14bf2e0f956024e03c23e556fcb074659423422a06fbedf2ab52978697ac7
+  checksum: 042ab4980f4ccd4d50226e01e5c7376a8556b472442ca6091a8f102488c0f22e6e8b89ea874111d2328a2080083bf3225c86f3788c52af0bd0345a00eb57a3ca
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-validate@npm:29.6.1"
+"jest-validate@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-validate@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     camelcase: ^6.2.0
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
+    jest-get-type: ^29.6.3
     leven: ^3.1.0
-    pretty-format: ^29.6.1
-  checksum: d2491f3f33d9bbc2dcaaa6acbff26f257b59c5eeceb65a52a9c1cec2f679b836ec2a4658b7004c0ef9d90cd0d9bd664e41d5ed6900f932bea742dd8e6b85e7f1
+    pretty-format: ^29.7.0
+  checksum: 191fcdc980f8a0de4dbdd879fa276435d00eb157a48683af7b3b1b98b0f7d9de7ffe12689b617779097ff1ed77601b9f7126b0871bba4f776e222c40f62e9dae
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-watcher@npm:29.6.1"
+"jest-watcher@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-watcher@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     emittery: ^0.13.1
-    jest-util: ^29.6.1
+    jest-util: ^29.7.0
     string-length: ^4.0.1
-  checksum: 69bd5a602284fdce6eba5486c5c57aca6b511d91cb0907c34c104d6dd931e18ce67baa7f8e280fa473e5d81ea3e7b9e7d94f712c37ab0b3b8cc2aec30676955d
+  checksum: 67e6e7fe695416deff96b93a14a561a6db69389a0667e9489f24485bb85e5b54e12f3b2ba511ec0b777eca1e727235b073e3ebcdd473d68888650489f88df92f
   languageName: node
   linkType: hard
 
@@ -8396,26 +7980,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-worker@npm:29.6.1"
+"jest-worker@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-worker@npm:29.7.0"
   dependencies:
     "@types/node": "*"
-    jest-util: ^29.6.1
+    jest-util: ^29.7.0
     merge-stream: ^2.0.0
     supports-color: ^8.0.0
-  checksum: 0af309ea4db17c4c47e84a9246f907960a15577683c005fdeafc8f3c06bc455136f95a6f28fa2a3e924b767eb4dacd9b40915a7707305f88586f099af3ac27a8
+  checksum: 30fff60af49675273644d408b650fc2eb4b5dcafc5a0a455f238322a8f9d8a98d847baca9d51ff197b6747f54c7901daa2287799230b856a0f48287d131f8c13
   languageName: node
   linkType: hard
 
 "jest@npm:^29, jest@npm:^29.2.0":
-  version: 29.6.1
-  resolution: "jest@npm:29.6.1"
+  version: 29.7.0
+  resolution: "jest@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/core": ^29.7.0
+    "@jest/types": ^29.6.3
     import-local: ^3.0.2
-    jest-cli: ^29.6.1
+    jest-cli: ^29.7.0
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
   peerDependenciesMeta:
@@ -8423,7 +8007,7 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: 7b8c0ca72f483e00ec19dcf9549f9a9af8ae468ab62925b148d714b58eb52d5fea9a082625193bc833d2d9b64cf65a11f3d37857636c5551af05c10aec4ce71b
+  checksum: 17ca8d67504a7dbb1998cf3c3077ec9031ba3eb512da8d71cb91bcabb2b8995c4e4b292b740cb9bf1cbff5ce3e110b3f7c777b0cefb6f41ab05445f248d0ee0b
   languageName: node
   linkType: hard
 
@@ -8446,6 +8030,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsbn@npm:1.1.0":
+  version: 1.1.0
+  resolution: "jsbn@npm:1.1.0"
+  checksum: 944f924f2bd67ad533b3850eee47603eed0f6ae425fd1ee8c760f477e8c34a05f144c1bd4f5a5dd1963141dc79a2c55f89ccc5ab77d039e7077f3ad196b64965
+  languageName: node
+  linkType: hard
+
 "jsdom@npm:^20.0.0":
   version: 20.0.3
   resolution: "jsdom@npm:20.0.3"
@@ -8503,6 +8094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-buffer@npm:3.0.1":
+  version: 3.0.1
+  resolution: "json-buffer@npm:3.0.1"
+  checksum: 9026b03edc2847eefa2e37646c579300a1f3a4586cfb62bf857832b60c852042d0d6ae55d1afb8926163fa54c2b01d83ae24705f34990348bdac6273a29d4581
+  languageName: node
+  linkType: hard
+
 "json-parse-better-errors@npm:^1.0.1":
   version: 1.0.2
   resolution: "json-parse-better-errors@npm:1.0.2"
@@ -8558,7 +8156,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^2.1.2, json5@npm:^2.2.1, json5@npm:^2.2.2, json5@npm:^2.2.3":
+"json5@npm:^2.1.2, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
   bin:
@@ -8587,6 +8185,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"keyv@npm:^4.5.3":
+  version: 4.5.4
+  resolution: "keyv@npm:4.5.4"
+  dependencies:
+    json-buffer: 3.0.1
+  checksum: 74a24395b1c34bd44ad5cb2b49140d087553e170625240b86755a6604cd65aa16efdbdeae5cdb17ba1284a0fbb25ad06263755dbc71b8d8b06f74232ce3cdd72
+  languageName: node
+  linkType: hard
+
 "kind-of@npm:^6.0.2, kind-of@npm:^6.0.3":
   version: 6.0.3
   resolution: "kind-of@npm:6.0.3"
@@ -8601,10 +8208,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"known-css-properties@npm:^0.25.0":
-  version: 0.25.0
-  resolution: "known-css-properties@npm:0.25.0"
-  checksum: 1e6860b9cb8f671fc913f0a94a04c278769d9d8ac69f7975986440ef19825bdc26d8833e59ef7ef7ec3d4984e28e4f73e7bf99b9deb24803841d39135c26a1e6
+"known-css-properties@npm:^0.26.0":
+  version: 0.26.0
+  resolution: "known-css-properties@npm:0.26.0"
+  checksum: e706f4af9d2683202df9f717e7d713f0f8c3330f155842c40d8f3b2a5837956c34aeb7ba08760977ccde1afce8b5377e29b40eb3e5c0b42bef28ddd108543cfb
   languageName: node
   linkType: hard
 
@@ -8625,34 +8232,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"levn@npm:~0.3.0":
-  version: 0.3.0
-  resolution: "levn@npm:0.3.0"
-  dependencies:
-    prelude-ls: ~1.1.2
-    type-check: ~0.3.2
-  checksum: 0d084a524231a8246bb10fec48cdbb35282099f6954838604f3c7fc66f2e16fa66fd9cc2f3f20a541a113c4dafdf181e822c887c8a319c9195444e6c64ac395e
-  languageName: node
-  linkType: hard
-
-"lib0@npm:^0.2.42":
-  version: 0.2.52
-  resolution: "lib0@npm:0.2.52"
-  dependencies:
-    isomorphic.js: ^0.2.4
-  checksum: fac805fffc49e3b37e65737b7c4a2a8b70037b5615837023517ca2ef07bca165a1c653252d7a03232a82e92673e033c17b7b6e49c3fcacc0272312cb47a1e876
-  languageName: node
-  linkType: hard
-
-"lib0@npm:^0.2.74":
-  version: 0.2.78
-  resolution: "lib0@npm:0.2.78"
+"lib0@npm:^0.2.85, lib0@npm:^0.2.86":
+  version: 0.2.94
+  resolution: "lib0@npm:0.2.94"
   dependencies:
     isomorphic.js: ^0.2.4
   bin:
+    0ecdsa-generate-keypair: bin/0ecdsa-generate-keypair.js
     0gentesthtml: bin/gentesthtml.js
     0serve: bin/0serve.js
-  checksum: a9c90a9228e10e581bf416f4ecade967687d67e6ea3e822ef69e2628a77a2a0254ef7e2eb7e555d412f9e9467049b7fb760c079878f9a934dd85d2646a53d172
+  checksum: b091c7b39875a58d92ae6dcb014a42b56caf1336e03d310403c47a2fcea079eba92ffb43da90eaff9d010f08bcd20de35fffed7c655c83312ff4e3477f5dc261
   languageName: node
   linkType: hard
 
@@ -8782,6 +8371,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
+  version: 10.2.2
+  resolution: "lru-cache@npm:10.2.2"
+  checksum: 98e8fc93691c546f719a76103ef2bee5a3ac823955c755a47641ec41f8c7fafa1baeaba466937cc1cbfa9cfd47e03536d10e2db3158a64ad91ff3a58a32c893e
+  languageName: node
+  linkType: hard
+
 "lru-cache@npm:^5.1.1":
   version: 5.1.1
   resolution: "lru-cache@npm:5.1.1"
@@ -8800,26 +8396,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^7.7.1":
-  version: 7.18.3
-  resolution: "lru-cache@npm:7.18.3"
-  checksum: e550d772384709deea3f141af34b6d4fa392e2e418c1498c078de0ee63670f1f46f5eee746e8ef7e69e1c895af0d4224e62ee33e66a543a14763b0f2e74c1356
-  languageName: node
-  linkType: hard
-
-"lru-cache@npm:^9.1.1 || ^10.0.0":
-  version: 10.0.0
-  resolution: "lru-cache@npm:10.0.0"
-  checksum: 18f101675fe283bc09cda0ef1e3cc83781aeb8373b439f086f758d1d91b28730950db785999cd060d3c825a8571c03073e8c14512b6655af2188d623031baf50
-  languageName: node
-  linkType: hard
-
-"make-dir@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "make-dir@npm:3.1.0"
+"make-dir@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "make-dir@npm:4.0.0"
   dependencies:
-    semver: ^6.0.0
-  checksum: 484200020ab5a1fdf12f393fe5f385fc8e4378824c940fba1729dcd198ae4ff24867bc7a5646331e50cead8abff5d9270c456314386e629acec6dff4b8016b78
+    semver: ^7.5.3
+  checksum: bf0731a2dd3aab4db6f3de1585cea0b746bb73eb5a02e3d8d72757e376e64e6ada190b1eddcde5b2f24a81b688a9897efd5018737d05e02e2a671dda9cff8a8a
   languageName: node
   linkType: hard
 
@@ -8830,26 +8412,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-fetch-happen@npm:^11.0.3":
-  version: 11.1.1
-  resolution: "make-fetch-happen@npm:11.1.1"
+"make-fetch-happen@npm:^13.0.0":
+  version: 13.0.1
+  resolution: "make-fetch-happen@npm:13.0.1"
   dependencies:
-    agentkeepalive: ^4.2.1
-    cacache: ^17.0.0
+    "@npmcli/agent": ^2.0.0
+    cacache: ^18.0.0
     http-cache-semantics: ^4.1.1
-    http-proxy-agent: ^5.0.0
-    https-proxy-agent: ^5.0.0
     is-lambda: ^1.0.1
-    lru-cache: ^7.7.1
-    minipass: ^5.0.0
+    minipass: ^7.0.2
     minipass-fetch: ^3.0.0
     minipass-flush: ^1.0.5
     minipass-pipeline: ^1.2.4
     negotiator: ^0.6.3
+    proc-log: ^4.2.0
     promise-retry: ^2.0.1
-    socks-proxy-agent: ^7.0.0
     ssri: ^10.0.0
-  checksum: 7268bf274a0f6dcf0343829489a4506603ff34bd0649c12058753900b0eb29191dce5dba12680719a5d0a983d3e57810f594a12f3c18494e93a1fbc6348a4540
+  checksum: 5c9fad695579b79488fa100da05777213dd9365222f85e4757630f8dd2a21a79ddd3206c78cfd6f9b37346819681782b67900ac847a57cf04190f52dda5343fd
   languageName: node
   linkType: hard
 
@@ -8876,12 +8455,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"markdown-to-jsx@npm:^7.2.1":
-  version: 7.2.1
-  resolution: "markdown-to-jsx@npm:7.2.1"
+"markdown-to-jsx@npm:^7.4.1":
+  version: 7.4.7
+  resolution: "markdown-to-jsx@npm:7.4.7"
   peerDependencies:
     react: ">= 0.14.0"
-  checksum: 0c8c715229044401ea48c2fc26c2554464100074959dafacdd9e4a0e849f0a190b02f39edb373bbdd95e38b8f910074b83b63d08752b8ae6be6ddcfb40ea50a0
+  checksum: bb8a696c8a95dd67ac1eb44255f31cf17e60b6c2ff03bfcd51b5e28da17856c57d7a16da59fda7f3a4eedb01d7e92eeef57a10ff3abd5431e5c80059d4565016
   languageName: node
   linkType: hard
 
@@ -8934,12 +8513,12 @@ __metadata:
   linkType: hard
 
 "micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
-  version: 4.0.5
-  resolution: "micromatch@npm:4.0.5"
+  version: 4.0.7
+  resolution: "micromatch@npm:4.0.7"
   dependencies:
-    braces: ^3.0.2
+    braces: ^3.0.3
     picomatch: ^2.3.1
-  checksum: 02a17b671c06e8fefeeb6ef996119c1e597c942e632a21ef589154f23898c9c6a9858526246abb14f8bca6e77734aa9dcf65476fca47cedfb80d9577d52843fc
+  checksum: 3cde047d70ad80cf60c787b77198d680db3b8c25b23feb01de5e2652205d9c19f43bd81882f69a0fd1f0cde6a7a122d774998aad3271ddb1b8accf8a0f480cf7
   languageName: node
   linkType: hard
 
@@ -8974,13 +8553,14 @@ __metadata:
   linkType: hard
 
 "mini-css-extract-plugin@npm:^2.7.0":
-  version: 2.7.6
-  resolution: "mini-css-extract-plugin@npm:2.7.6"
+  version: 2.9.0
+  resolution: "mini-css-extract-plugin@npm:2.9.0"
   dependencies:
     schema-utils: ^4.0.0
+    tapable: ^2.2.1
   peerDependencies:
     webpack: ^5.0.0
-  checksum: be6f7cefc6275168eb0a6b8fe977083a18c743c9612c9f00e6c1a62c3393ca7960e93fba1a7ebb09b75f36a0204ad087d772c1ef574bc29c90c0e8175a3c0b83
+  checksum: ae192c67ba85ac8bffeab66774635bf90181f00d5dd6cf95412426192599ddf5506fb4b1550acbd7a5476476e39db53c770dd40f8378f7baf5de96e3fec4e6e9
   languageName: node
   linkType: hard
 
@@ -9002,12 +8582,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.1":
-  version: 9.0.3
-  resolution: "minimatch@npm:9.0.3"
+"minimatch@npm:^9.0.4":
+  version: 9.0.4
+  resolution: "minimatch@npm:9.0.4"
   dependencies:
     brace-expansion: ^2.0.1
-  checksum: 253487976bf485b612f16bf57463520a14f512662e592e95c571afdab1442a6a6864b6c88f248ce6fc4ff0b6de04ac7aa6c8bb51e868e99d1d65eb0658a708b5
+  checksum: cf717f597ec3eed7dabc33153482a2e8d49f4fd3c26e58fd9c71a94c5029a0838728841b93f46bf1263b65a8010e2ee800d0dc9b004ab8ba8b6d1ec07cc115b5
   languageName: node
   linkType: hard
 
@@ -9023,33 +8603,33 @@ __metadata:
   linkType: hard
 
 "minimist@npm:~1.2.0":
-  version: 1.2.6
-  resolution: "minimist@npm:1.2.6"
-  checksum: d15428cd1e11eb14e1233bcfb88ae07ed7a147de251441d61158619dfb32c4d7e9061d09cab4825fdee18ecd6fce323228c8c47b5ba7cd20af378ca4048fb3fb
+  version: 1.2.8
+  resolution: "minimist@npm:1.2.8"
+  checksum: 75a6d645fb122dad29c06a7597bddea977258957ed88d7a6df59b5cd3fe4a527e253e9bbf2e783e4b73657f9098b96a5fe96ab8a113655d4109108577ecf85b0
   languageName: node
   linkType: hard
 
-"minipass-collect@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "minipass-collect@npm:1.0.2"
+"minipass-collect@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "minipass-collect@npm:2.0.1"
   dependencies:
-    minipass: ^3.0.0
-  checksum: 14df761028f3e47293aee72888f2657695ec66bd7d09cae7ad558da30415fdc4752bbfee66287dcc6fd5e6a2fa3466d6c484dc1cbd986525d9393b9523d97f10
+    minipass: ^7.0.3
+  checksum: b251bceea62090f67a6cced7a446a36f4cd61ee2d5cea9aee7fff79ba8030e416327a1c5aa2908dc22629d06214b46d88fdab8c51ac76bacbf5703851b5ad342
   languageName: node
   linkType: hard
 
 "minipass-fetch@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "minipass-fetch@npm:3.0.3"
+  version: 3.0.5
+  resolution: "minipass-fetch@npm:3.0.5"
   dependencies:
     encoding: ^0.1.13
-    minipass: ^5.0.0
+    minipass: ^7.0.3
     minipass-sized: ^1.0.3
     minizlib: ^2.1.2
   dependenciesMeta:
     encoding:
       optional: true
-  checksum: af5ab2552a16fcf505d35fd7ffb84b57f4a0eeb269e6e1d9a2a75824dda48b36e527083250b7cca4a4def21d9544e2ade441e4730e233c0bc2133f6abda31e18
+  checksum: 8047d273236157aab27ab7cd8eab7ea79e6ecd63e8f80c3366ec076cb9a0fed550a6935bab51764369027c414647fd8256c2a20c5445fb250c483de43350de83
   languageName: node
   linkType: hard
 
@@ -9081,11 +8661,11 @@ __metadata:
   linkType: hard
 
 "minipass@npm:^3.0.0":
-  version: 3.3.4
-  resolution: "minipass@npm:3.3.4"
+  version: 3.3.6
+  resolution: "minipass@npm:3.3.6"
   dependencies:
     yallist: ^4.0.0
-  checksum: 5d95a7738c54852ba78d484141e850c792e062666a2d0c681a5ac1021275beb7e1acb077e59f9523ff1defb80901aea4e30fac10ded9a20a25d819a42916ef1b
+  checksum: a30d083c8054cee83cdcdc97f97e4641a3f58ae743970457b1489ce38ee1167b3aaf7d815cd39ec7a99b9c40397fd4f686e83750e73e652b21cb516f6d845e48
   languageName: node
   linkType: hard
 
@@ -9096,10 +8676,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0":
-  version: 7.0.2
-  resolution: "minipass@npm:7.0.2"
-  checksum: 46776de732eb7cef2c7404a15fb28c41f5c54a22be50d47b03c605bf21f5c18d61a173c0a20b49a97e7a65f78d887245066410642551e45fffe04e9ac9e325bc
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 2bfd325b95c555f2b4d2814d49325691c7bee937d753814861b0b49d5edcda55cbbf22b6b6a60bb91eddac8668771f03c5ff647dcd9d0f798e9548b9cdc46ee3
   languageName: node
   linkType: hard
 
@@ -9122,6 +8702,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"moment@npm:^2.30.1":
+  version: 2.30.1
+  resolution: "moment@npm:2.30.1"
+  checksum: 859236bab1e88c3e5802afcf797fc801acdbd0ee509d34ea3df6eea21eb6bcc2abd4ae4e4e64aa7c986aa6cba563c6e62806218e6412a765010712e5fa121ba6
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.1.2":
   version: 2.1.2
   resolution: "ms@npm:2.1.2"
@@ -9129,19 +8716,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:^2.0.0":
-  version: 2.1.3
-  resolution: "ms@npm:2.1.3"
-  checksum: aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
-  languageName: node
-  linkType: hard
-
-"nanoid@npm:^3.3.6":
-  version: 3.3.6
-  resolution: "nanoid@npm:3.3.6"
+"nanoid@npm:^3.3.7":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
   bin:
     nanoid: bin/nanoid.cjs
-  checksum: 7d0eda657002738aa5206107bd0580aead6c95c460ef1bdd0b1a87a9c7ae6277ac2e9b945306aaa5b32c6dcb7feaf462d0f552e7f8b5718abfc6ead5c94a71b3
+  checksum: d36c427e530713e4ac6567d488b489a36582ef89da1d6d4e3b87eded11eb10d7042a877958c6f104929809b2ab0bafa17652b076cdf84324aa75b30b722204f2
   languageName: node
   linkType: hard
 
@@ -9173,38 +8753,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:^2.6.0":
-  version: 2.6.7
-  resolution: "node-fetch@npm:2.6.7"
-  dependencies:
-    whatwg-url: ^5.0.0
-  peerDependencies:
-    encoding: ^0.1.0
-  peerDependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 8d816ffd1ee22cab8301c7756ef04f3437f18dace86a1dae22cf81db8ef29c0bf6655f3215cb0cdb22b420b6fe141e64b26905e7f33f9377a7fa59135ea3e10b
-  languageName: node
-  linkType: hard
-
 "node-gyp@npm:latest":
-  version: 9.4.0
-  resolution: "node-gyp@npm:9.4.0"
+  version: 10.1.0
+  resolution: "node-gyp@npm:10.1.0"
   dependencies:
     env-paths: ^2.2.0
     exponential-backoff: ^3.1.1
-    glob: ^7.1.4
+    glob: ^10.3.10
     graceful-fs: ^4.2.6
-    make-fetch-happen: ^11.0.3
-    nopt: ^6.0.0
-    npmlog: ^6.0.0
-    rimraf: ^3.0.2
+    make-fetch-happen: ^13.0.0
+    nopt: ^7.0.0
+    proc-log: ^3.0.0
     semver: ^7.3.5
     tar: ^6.1.2
-    which: ^2.0.2
+    which: ^4.0.0
   bin:
     node-gyp: bin/node-gyp.js
-  checksum: 78b404e2e0639d64e145845f7f5a3cb20c0520cdaf6dda2f6e025e9b644077202ea7de1232396ba5bde3fee84cdc79604feebe6ba3ec84d464c85d407bb5da99
+  checksum: 72e2ab4b23fc32007a763da94018f58069fc0694bf36115d49a2b195c8831e12cf5dd1e7a3718fa85c06969aedf8fc126722d3b672ec1cb27e06ed33caee3c60
   languageName: node
   linkType: hard
 
@@ -9215,28 +8780,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-releases@npm:^2.0.12":
-  version: 2.0.13
-  resolution: "node-releases@npm:2.0.13"
-  checksum: 17ec8f315dba62710cae71a8dad3cd0288ba943d2ece43504b3b1aa8625bf138637798ab470b1d9035b0545996f63000a8a926e0f6d35d0996424f8b6d36dda3
-  languageName: node
-  linkType: hard
-
-"node-releases@npm:^2.0.6":
-  version: 2.0.6
-  resolution: "node-releases@npm:2.0.6"
-  checksum: e86a926dc9fbb3b41b4c4a89d998afdf140e20a4e8dbe6c0a807f7b2948b42ea97d7fd3ad4868041487b6e9ee98409829c6e4d84a734a4215dff060a7fbeb4bf
+"node-releases@npm:^2.0.14":
+  version: 2.0.14
+  resolution: "node-releases@npm:2.0.14"
+  checksum: 59443a2f77acac854c42d321bf1b43dea0aef55cd544c6a686e9816a697300458d4e82239e2d794ea05f7bbbc8a94500332e2d3ac3f11f52e4b16cbe638b3c41
   languageName: node
   linkType: hard
 
-"nopt@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "nopt@npm:6.0.0"
+"nopt@npm:^7.0.0":
+  version: 7.2.1
+  resolution: "nopt@npm:7.2.1"
   dependencies:
-    abbrev: ^1.0.0
+    abbrev: ^2.0.0
   bin:
     nopt: bin/nopt.js
-  checksum: 82149371f8be0c4b9ec2f863cc6509a7fd0fa729929c009f3a58e4eb0c9e4cae9920e8f1f8eb46e7d032fec8fb01bede7f0f41a67eb3553b7b8e14fa53de1dac
+  checksum: 6fa729cc77ce4162cfad8abbc9ba31d4a0ff6850c3af61d59b505653bef4781ec059f8890ecfe93ee8aa0c511093369cca88bfc998101616a2904e715bbbb7c9
   languageName: node
   linkType: hard
 
@@ -9301,22 +8859,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npmlog@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "npmlog@npm:6.0.2"
-  dependencies:
-    are-we-there-yet: ^3.0.0
-    console-control-strings: ^1.1.0
-    gauge: ^4.0.3
-    set-blocking: ^2.0.0
-  checksum: ae238cd264a1c3f22091cdd9e2b106f684297d3c184f1146984ecbe18aaa86343953f26b9520dedd1b1372bc0316905b736c1932d778dbeb1fcf5a1001390e2a
-  languageName: node
-  linkType: hard
-
 "nwsapi@npm:^2.2.2":
-  version: 2.2.7
-  resolution: "nwsapi@npm:2.2.7"
-  checksum: cab25f7983acec7e23490fec3ef7be608041b460504229770e3bfcf9977c41d6fe58f518994d3bd9aa3a101f501089a3d4a63536f4ff8ae4b8c4ca23bdbfda4e
+  version: 2.2.10
+  resolution: "nwsapi@npm:2.2.10"
+  checksum: 5f1d361b38c47ab49727d5ea8bbfeb5867ae6de0e538eec9a8b77c88005ddde36d8b930e0730b50ee5e5dda949112c0f9ffed1bf15e7e1b3cd9cfa319f5a9b6f
   languageName: node
   linkType: hard
 
@@ -9327,10 +8873,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:^1.12.2, object-inspect@npm:^1.9.0":
-  version: 1.12.2
-  resolution: "object-inspect@npm:1.12.2"
-  checksum: a534fc1b8534284ed71f25ce3a496013b7ea030f3d1b77118f6b7b1713829262be9e6243acbcb3ef8c626e2b64186112cb7f6db74e37b2789b9c789ca23048b2
+"object-inspect@npm:^1.13.1":
+  version: 1.13.1
+  resolution: "object-inspect@npm:1.13.1"
+  checksum: 7d9fa9221de3311dcb5c7c307ee5dc011cdd31dc43624b7c184b3840514e118e05ef0002be5388304c416c0eb592feb46e983db12577fc47e47d5752fbbfb61f
   languageName: node
   linkType: hard
 
@@ -9341,15 +8887,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.1.0, object.assign@npm:^4.1.4":
-  version: 4.1.4
-  resolution: "object.assign@npm:4.1.4"
+"object.assign@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "object.assign@npm:4.1.5"
   dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.4
+    call-bind: ^1.0.5
+    define-properties: ^1.2.1
     has-symbols: ^1.0.3
     object-keys: ^1.1.1
-  checksum: 76cab513a5999acbfe0ff355f15a6a125e71805fcf53de4e9d4e082e1989bdb81d1e329291e1e4e0ae7719f0e4ef80e88fb2d367ae60500d79d25a6224ac8864
+  checksum: f9aeac0541661370a1fc86e6a8065eb1668d3e771f7dbb33ee54578201336c057b21ee61207a186dd42db0c62201d91aac703d20d12a79fc79c353eed44d4e25
   languageName: node
   linkType: hard
 
@@ -9371,31 +8917,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"optionator@npm:^0.8.1":
-  version: 0.8.3
-  resolution: "optionator@npm:0.8.3"
-  dependencies:
-    deep-is: ~0.1.3
-    fast-levenshtein: ~2.0.6
-    levn: ~0.3.0
-    prelude-ls: ~1.1.2
-    type-check: ~0.3.2
-    word-wrap: ~1.2.3
-  checksum: b8695ddf3d593203e25ab0900e265d860038486c943ff8b774f596a310f8ceebdb30c6832407a8198ba3ec9debe1abe1f51d4aad94843612db3b76d690c61d34
-  languageName: node
-  linkType: hard
-
 "optionator@npm:^0.9.1":
-  version: 0.9.1
-  resolution: "optionator@npm:0.9.1"
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
   dependencies:
     deep-is: ^0.1.3
     fast-levenshtein: ^2.0.6
     levn: ^0.4.1
     prelude-ls: ^1.2.1
     type-check: ^0.4.0
-    word-wrap: ^1.2.3
-  checksum: dbc6fa065604b24ea57d734261914e697bd73b69eff7f18e967e8912aa2a40a19a9f599a507fa805be6c13c24c4eae8c71306c239d517d42d4c041c942f508a0
+    word-wrap: ^1.2.5
+  checksum: ecbd010e3dc73e05d239976422d9ef54a82a13f37c11ca5911dff41c98a6c7f0f163b27f922c37e7f8340af9d36febd3b6e9cef508f3339d4c393d7276d716bb
   languageName: node
   linkType: hard
 
@@ -9531,13 +9063,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-scurry@npm:^1.10.1":
-  version: 1.10.1
-  resolution: "path-scurry@npm:1.10.1"
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
   dependencies:
-    lru-cache: ^9.1.1 || ^10.0.0
+    lru-cache: ^10.2.0
     minipass: ^5.0.0 || ^6.0.2 || ^7.0.0
-  checksum: e2557cff3a8fb8bc07afdd6ab163a92587884f9969b05bbbaf6fe7379348bfb09af9ed292af12ed32398b15fb443e81692047b786d1eeb6d898a51eb17ed7d90
+  checksum: 890d5abcd593a7912dcce7cf7c6bf7a0b5648e3dee6caf0712c126ca0a65c7f3d7b9d769072a4d1baf370f61ce493ab5b038d59988688e0c5f3f646ee3c69023
   languageName: node
   linkType: hard
 
@@ -9557,10 +9089,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "picocolors@npm:1.0.0"
-  checksum: a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "picocolors@npm:1.0.1"
+  checksum: fa68166d1f56009fc02a34cdfd112b0dd3cf1ef57667ac57281f714065558c01828cdf4f18600ad6851cbe0093952ed0660b1e0156bddf2184b6aaf5817553a5
   languageName: node
   linkType: hard
 
@@ -9603,6 +9135,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"possible-typed-array-names@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "possible-typed-array-names@npm:1.0.0"
+  checksum: b32d403ece71e042385cc7856385cecf1cd8e144fa74d2f1de40d1e16035dba097bc189715925e79b67bdd1472796ff168d3a90d296356c9c94d272d5b95f3ae
+  languageName: node
+  linkType: hard
+
 "postcss-media-query-parser@npm:^0.2.3":
   version: 0.2.3
   resolution: "postcss-media-query-parser@npm:0.2.3"
@@ -9610,36 +9149,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-modules-extract-imports@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "postcss-modules-extract-imports@npm:3.0.0"
+"postcss-modules-extract-imports@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "postcss-modules-extract-imports@npm:3.1.0"
   peerDependencies:
     postcss: ^8.1.0
-  checksum: 4b65f2f1382d89c4bc3c0a1bdc5942f52f3cb19c110c57bd591ffab3a5fee03fcf831604168205b0c1b631a3dce2255c70b61aaae3ef39d69cd7eb450c2552d2
+  checksum: b9192e0f4fb3d19431558be6f8af7ca45fc92baaad9b2778d1732a5880cd25c3df2074ce5484ae491e224f0d21345ffc2d419bd51c25b019af76d7a7af88c17f
   languageName: node
   linkType: hard
 
-"postcss-modules-local-by-default@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "postcss-modules-local-by-default@npm:4.0.3"
+"postcss-modules-local-by-default@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "postcss-modules-local-by-default@npm:4.0.5"
   dependencies:
     icss-utils: ^5.0.0
     postcss-selector-parser: ^6.0.2
     postcss-value-parser: ^4.1.0
   peerDependencies:
     postcss: ^8.1.0
-  checksum: 2f8083687f3d6067885f8863dd32dbbb4f779cfcc7e52c17abede9311d84faf6d3ed8760e7c54c6380281732ae1f78e5e56a28baf3c271b33f450a11c9e30485
+  checksum: ca9b01f4a0a3dfb33e016299e2dfb7e85c3123292f7aec2efc0c6771b9955648598bfb4c1561f7ee9732fb27fb073681233661b32eef98baab43743f96735452
   languageName: node
   linkType: hard
 
-"postcss-modules-scope@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "postcss-modules-scope@npm:3.0.0"
+"postcss-modules-scope@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "postcss-modules-scope@npm:3.2.0"
   dependencies:
     postcss-selector-parser: ^6.0.4
   peerDependencies:
     postcss: ^8.1.0
-  checksum: 330b9398dbd44c992c92b0dc612c0626135e2cc840fee41841eb61247a6cfed95af2bd6f67ead9dd9d0bb41f5b0367129d93c6e434fa3e9c58ade391d9a5a138
+  checksum: 2ffe7e98c1fa993192a39c8dd8ade93fc4f59fbd1336ce34fcedaee0ee3bafb29e2e23fb49189256895b30e4f21af661c6a6a16ef7b17ae2c859301e4a4459ae
   languageName: node
   linkType: hard
 
@@ -9670,13 +9209,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4":
-  version: 6.0.10
-  resolution: "postcss-selector-parser@npm:6.0.10"
+"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4":
+  version: 6.1.0
+  resolution: "postcss-selector-parser@npm:6.1.0"
   dependencies:
     cssesc: ^3.0.0
     util-deprecate: ^1.0.2
-  checksum: 46afaa60e3d1998bd7adf6caa374baf857cc58d3ff944e29459c9a9e4680a7fe41597bd5b755fc81d7c388357e9bf67c0251d047c640a09f148e13606b8a8608
+  checksum: 449f614e6706421be307d8638183c61ba45bc3b460fe3815df8971dbb4d59c4087181940d879daee4a7a2daf3d86e915db1cce0c006dd68ca75b4087079273bd
   languageName: node
   linkType: hard
 
@@ -9687,14 +9226,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.3.11, postcss@npm:^8.4.16, postcss@npm:^8.4.21":
-  version: 8.4.31
-  resolution: "postcss@npm:8.4.31"
+"postcss@npm:^8.3.11, postcss@npm:^8.4.19, postcss@npm:^8.4.33":
+  version: 8.4.38
+  resolution: "postcss@npm:8.4.38"
   dependencies:
-    nanoid: ^3.3.6
+    nanoid: ^3.3.7
     picocolors: ^1.0.0
-    source-map-js: ^1.0.2
-  checksum: 1d8611341b073143ad90486fcdfeab49edd243377b1f51834dc4f6d028e82ce5190e4f11bb2633276864503654fb7cab28e67abdc0fbf9d1f88cad4a0ff0beea
+    source-map-js: ^1.2.0
+  checksum: 649f9e60a763ca4b5a7bbec446a069edf07f057f6d780a5a0070576b841538d1ecf7dd888f2fbfd1f76200e26c969e405aeeae66332e6927dbdc8bdcb90b9451
   languageName: node
   linkType: hard
 
@@ -9705,13 +9244,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prelude-ls@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "prelude-ls@npm:1.1.2"
-  checksum: c4867c87488e4a0c233e158e4d0d5565b609b105d75e4c05dc760840475f06b731332eb93cc8c9cecb840aa8ec323ca3c9a56ad7820ad2e63f0261dadcb154e4
-  languageName: node
-  linkType: hard
-
 "prettier-linter-helpers@npm:^1.0.0":
   version: 1.0.0
   resolution: "prettier-linter-helpers@npm:1.0.0"
@@ -9722,22 +9254,36 @@ __metadata:
   linkType: hard
 
 "prettier@npm:^2.1.1":
-  version: 2.7.1
-  resolution: "prettier@npm:2.7.1"
+  version: 2.8.8
+  resolution: "prettier@npm:2.8.8"
   bin:
     prettier: bin-prettier.js
-  checksum: 55a4409182260866ab31284d929b3cb961e5fdb91fe0d2e099dac92eaecec890f36e524b4c19e6ceae839c99c6d7195817579cdffc8e2c80da0cb794463a748b
+  checksum: b49e409431bf129dd89238d64299ba80717b57ff5a6d1c1a8b1a28b590d998a34e083fa13573bc732bb8d2305becb4c9a4407f8486c81fa7d55100eb08263cf8
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^29.0.0, pretty-format@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "pretty-format@npm:29.6.1"
+"pretty-format@npm:^29.0.0, pretty-format@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "pretty-format@npm:29.7.0"
   dependencies:
-    "@jest/schemas": ^29.6.0
+    "@jest/schemas": ^29.6.3
     ansi-styles: ^5.0.0
     react-is: ^18.0.0
-  checksum: 6f923a2379a37a425241dc223d76f671c73c4f37dba158050575a54095867d565c068b441843afdf3d7c37bed9df4bbadf46297976e60d4149972b779474203a
+  checksum: 032c1602383e71e9c0c02a01bbd25d6759d60e9c7cf21937dde8357aa753da348fcec5def5d1002c9678a8524d5fe099ad98861286550ef44de8808cc61e43b6
+  languageName: node
+  linkType: hard
+
+"proc-log@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "proc-log@npm:3.0.0"
+  checksum: 02b64e1b3919e63df06f836b98d3af002b5cd92655cab18b5746e37374bfb73e03b84fe305454614b34c25b485cc687a9eebdccf0242cda8fda2475dd2c97e02
+  languageName: node
+  linkType: hard
+
+"proc-log@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 98f6cd012d54b5334144c5255ecb941ee171744f45fca8b43b58ae5a0c1af07352475f481cadd9848e7f0250376ee584f6aa0951a856ff8f021bdfbff4eb33fc
   languageName: node
   linkType: hard
 
@@ -9775,7 +9321,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -9794,16 +9340,16 @@ __metadata:
   linkType: hard
 
 "punycode@npm:^2.1.0, punycode@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "punycode@npm:2.1.1"
-  checksum: 823bf443c6dd14f669984dea25757b37993f67e8d94698996064035edd43bed8a5a17a9f12e439c2b35df1078c6bec05a6c86e336209eb1061e8025c481168e8
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: bb0a0ceedca4c3c57a9b981b90601579058903c62be23c5e8e843d2c2d4148a3ecf029d5133486fb0e1822b098ba8bba09e89d6b21742d02fa26bda6441a6fb2
   languageName: node
   linkType: hard
 
 "pure-rand@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "pure-rand@npm:6.0.2"
-  checksum: 79de33876a4f515d759c48e98d00756bbd916b4ea260cc572d7adfa4b62cace9952e89f0241d0410214554503d25061140fe325c66f845213d2b1728ba8d413e
+  version: 6.1.0
+  resolution: "pure-rand@npm:6.1.0"
+  checksum: 8d53bc02bed99eca0b65b505090152ee7e9bd67dd74f8ff32ba1c883b87234067c5bf68d2614759fb217d82594d7a92919e6df80f97885e7b12b42af4bd3316a
   languageName: node
   linkType: hard
 
@@ -9828,38 +9374,92 @@ __metadata:
   languageName: node
   linkType: hard
 
-"randombytes@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "randombytes@npm:2.1.0"
-  dependencies:
-    safe-buffer: ^5.1.0
-  checksum: d779499376bd4cbb435ef3ab9a957006c8682f343f14089ed5f27764e4645114196e75b7f6abf1cbd84fd247c0cb0651698444df8c9bf30e62120fbbc52269d6
+"randombytes@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "randombytes@npm:2.1.0"
+  dependencies:
+    safe-buffer: ^5.1.0
+  checksum: d779499376bd4cbb435ef3ab9a957006c8682f343f14089ed5f27764e4645114196e75b7f6abf1cbd84fd247c0cb0651698444df8c9bf30e62120fbbc52269d6
+  languageName: node
+  linkType: hard
+
+"react-dom@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react-dom@npm:18.3.1"
+  dependencies:
+    loose-envify: ^1.1.0
+    scheduler: ^0.23.2
+  peerDependencies:
+    react: ^18.3.1
+  checksum: 298954ecd8f78288dcaece05e88b570014d8f6dce5db6f66e6ee91448debeb59dcd31561dddb354eee47e6c1bb234669459060deb238ed0213497146e555a0b9
+  languageName: node
+  linkType: hard
+
+"react-hook-form@npm:^7.50.1":
+  version: 7.51.5
+  resolution: "react-hook-form@npm:7.51.5"
+  peerDependencies:
+    react: ^16.8.0 || ^17 || ^18
+  checksum: 6b6a56b6520ddb68d491e2f07791538aa611c13fcd76052a499ba10bdaf7f77f4a5f7191e6ca9d9ab0af739bf07171c6e8d97f6c4da06f576aa74caed71828f1
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^16.13.1, react-is@npm:^16.7.0":
+  version: 16.13.1
+  resolution: "react-is@npm:16.13.1"
+  checksum: f7a19ac3496de32ca9ae12aa030f00f14a3d45374f1ceca0af707c831b2a6098ef0d6bdae51bd437b0a306d7f01d4677fcc8de7c0d331eb47ad0f46130e53c5f
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^18.0.0, react-is@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: e20fe84c86ff172fc8d898251b7cc2c43645d108bf96d0b8edf39b98f9a2cae97b40520ee7ed8ee0085ccc94736c4886294456033304151c3f94978cec03df21
+  languageName: node
+  linkType: hard
+
+"react-resizable-panels@npm:^2.0.9":
+  version: 2.0.19
+  resolution: "react-resizable-panels@npm:2.0.19"
+  peerDependencies:
+    react: ^16.14.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0
+  checksum: d09e07bf2514fb8bb60b6150708943bb784ca1827c4c45dfe8354fb33e4edde795292789b56383886e974d381503333112194679d606808fbc9bab7ec232430e
   languageName: node
   linkType: hard
 
-"react-dom@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react-dom@npm:18.2.0"
+"react-router-dom@npm:^6.22.0":
+  version: 6.23.1
+  resolution: "react-router-dom@npm:6.23.1"
   dependencies:
-    loose-envify: ^1.1.0
-    scheduler: ^0.23.0
+    "@remix-run/router": 1.16.1
+    react-router: 6.23.1
   peerDependencies:
-    react: ^18.2.0
-  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
+    react: ">=16.8"
+    react-dom: ">=16.8"
+  checksum: e87b5cf85019496f499286d466a4ad9cf5efe729f1420502fc5d16093d525462803253538418ea5b0da7ab5671a16caefee67848b373008e567629c2d667dc44
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.13.1, react-is@npm:^16.7.0":
-  version: 16.13.1
-  resolution: "react-is@npm:16.13.1"
-  checksum: f7a19ac3496de32ca9ae12aa030f00f14a3d45374f1ceca0af707c831b2a6098ef0d6bdae51bd437b0a306d7f01d4677fcc8de7c0d331eb47ad0f46130e53c5f
+"react-router@npm:6.23.1":
+  version: 6.23.1
+  resolution: "react-router@npm:6.23.1"
+  dependencies:
+    "@remix-run/router": 1.16.1
+  peerDependencies:
+    react: ">=16.8"
+  checksum: d5d43ccb908a95d2b7345f2a13315c38bf094e25bcf97d5a6c3f353b1ea88602de15726c3570cd7f07c53b19a3519af2b6739bf6929ec355012795611d739cff
   languageName: node
   linkType: hard
 
-"react-is@npm:^18.0.0, react-is@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react-is@npm:18.2.0"
-  checksum: e72d0ba81b5922759e4aff17e0252bd29988f9642ed817f56b25a3e217e13eea8a7f2322af99a06edb779da12d5d636e9fda473d620df9a3da0df2a74141d53e
+"react-show-more-text@npm:^1.7.1":
+  version: 1.7.1
+  resolution: "react-show-more-text@npm:1.7.1"
+  dependencies:
+    prop-types: ^15.7.2
+  peerDependencies:
+    react: 16 - 18.x
+  checksum: dfb4d671f6dbba82ea4702678562dd7ea3dd4ebd35c43a4991b0a1f412ccc6314b2103816c14104f95bcb162a75e60de29a670253787abc467f9374d546a3ae1
   languageName: node
   linkType: hard
 
@@ -9878,12 +9478,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react@npm:18.2.0"
+"react@npm:>=17.0.0 <19.0.0, react@npm:^18.2.0":
+  version: 18.3.1
+  resolution: "react@npm:18.3.1"
   dependencies:
     loose-envify: ^1.1.0
-  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
+  checksum: a27bcfa8ff7c15a1e50244ad0d0c1cb2ad4375eeffefd266a64889beea6f6b64c4966c9b37d14ee32d6c9fcd5aa6ba183b6988167ab4d127d13e7cb5b386a376
+  languageName: node
+  linkType: hard
+
+"reactflow@npm:^11.10.3":
+  version: 11.11.3
+  resolution: "reactflow@npm:11.11.3"
+  dependencies:
+    "@reactflow/background": 11.3.13
+    "@reactflow/controls": 11.2.13
+    "@reactflow/core": 11.11.3
+    "@reactflow/minimap": 11.7.13
+    "@reactflow/node-resizer": 2.2.13
+    "@reactflow/node-toolbar": 1.3.13
+  peerDependencies:
+    react: ">=17"
+    react-dom: ">=17"
+  checksum: 69ac1d2ad1bd0b3e139413444cfaea18f6f6bd6db5baf16ce463521cd81eedc05444b3a35c3ed195dc3312192c7dd02a8ab5c3d0f82246d91ede41eabb0c1f09
   languageName: node
   linkType: hard
 
@@ -9921,17 +9538,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:^3.6.0":
-  version: 3.6.2
-  resolution: "readable-stream@npm:3.6.2"
-  dependencies:
-    inherits: ^2.0.3
-    string_decoder: ^1.1.1
-    util-deprecate: ^1.0.1
-  checksum: bdcbe6c22e846b6af075e32cf8f4751c2576238c5043169a1c221c92ee2878458a816a4ea33f4c67623c0b6827c8a400409bfb3cf0bf3381392d0b1dfb52ac8d
-  languageName: node
-  linkType: hard
-
 "rechoir@npm:^0.8.0":
   version: 0.8.0
   resolution: "rechoir@npm:0.8.0"
@@ -9951,21 +9557,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerate-unicode-properties@npm:^10.0.1":
-  version: 10.0.1
-  resolution: "regenerate-unicode-properties@npm:10.0.1"
-  dependencies:
-    regenerate: ^1.4.2
-  checksum: 1b638b7087d8143e5be3e20e2cda197ea0440fa0bc2cc49646b2f50c5a2b1acdc54b21e4215805a5a2dd487c686b2291accd5ad00619534098d2667e76247754
-  languageName: node
-  linkType: hard
-
 "regenerate-unicode-properties@npm:^10.1.0":
-  version: 10.1.0
-  resolution: "regenerate-unicode-properties@npm:10.1.0"
+  version: 10.1.1
+  resolution: "regenerate-unicode-properties@npm:10.1.1"
   dependencies:
     regenerate: ^1.4.2
-  checksum: b1a8929588433ab8b9dc1a34cf3665b3b472f79f2af6ceae00d905fc496b332b9af09c6718fb28c730918f19a00dc1d7310adbaa9b72a2ec7ad2f435da8ace17
+  checksum: b80958ef40f125275824c2c47d5081dfaefebd80bff26c76761e9236767c748a4a95a69c053fe29d2df881177f2ca85df4a71fe70a82360388b31159ef19adcf
   languageName: node
   linkType: hard
 
@@ -9976,39 +9573,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerator-runtime@npm:^0.13.4":
-  version: 0.13.9
-  resolution: "regenerator-runtime@npm:0.13.9"
-  checksum: 65ed455fe5afd799e2897baf691ca21c2772e1a969d19bb0c4695757c2d96249eb74ee3553ea34a91062b2a676beedf630b4c1551cc6299afb937be1426ec55e
-  languageName: node
-  linkType: hard
-
-"regenerator-transform@npm:^0.15.0":
-  version: 0.15.0
-  resolution: "regenerator-transform@npm:0.15.0"
-  dependencies:
-    "@babel/runtime": ^7.8.4
-  checksum: 86e54849ab1167618d28bb56d214c52a983daf29b0d115c976d79840511420049b6b42c9ebdf187defa8e7129bdd74b6dd266420d0d3868c9fa7f793b5d15d49
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 9f57c93277b5585d3c83b0cf76be47b473ae8c6d9142a46ce8b0291a04bb2cf902059f0f8445dcabb3fb7378e5fe4bb4ea1e008876343d42e46d3b484534ce38
   languageName: node
   linkType: hard
 
-"regenerator-transform@npm:^0.15.1":
-  version: 0.15.1
-  resolution: "regenerator-transform@npm:0.15.1"
+"regenerator-transform@npm:^0.15.2":
+  version: 0.15.2
+  resolution: "regenerator-transform@npm:0.15.2"
   dependencies:
     "@babel/runtime": ^7.8.4
-  checksum: 2d15bdeadbbfb1d12c93f5775493d85874dbe1d405bec323da5c61ec6e701bc9eea36167483e1a5e752de9b2df59ab9a2dfff6bf3784f2b28af2279a673d29a4
+  checksum: 20b6f9377d65954980fe044cfdd160de98df415b4bff38fbade67b3337efaf078308c4fed943067cd759827cc8cfeca9cb28ccda1f08333b85d6a2acbd022c27
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "regexp.prototype.flags@npm:1.4.3"
+"regexp.prototype.flags@npm:^1.5.2":
+  version: 1.5.2
+  resolution: "regexp.prototype.flags@npm:1.5.2"
   dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    functions-have-names: ^1.2.2
-  checksum: 51228bae732592adb3ededd5e15426be25f289e9c4ef15212f4da73f4ec3919b6140806374b8894036a86020d054a8d2657d3fee6bb9b4d35d8939c20030b7a6
+    call-bind: ^1.0.6
+    define-properties: ^1.2.1
+    es-errors: ^1.3.0
+    set-function-name: ^2.0.1
+  checksum: d7f333667d5c564e2d7a97c56c3075d64c722c9bb51b2b4df6822b2e8096d623a5e63088fb4c83df919b6951ef8113841de8b47de7224872fa6838bc5d8a7d64
   languageName: node
   linkType: hard
 
@@ -10019,20 +9608,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexpu-core@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "regexpu-core@npm:5.1.0"
-  dependencies:
-    regenerate: ^1.4.2
-    regenerate-unicode-properties: ^10.0.1
-    regjsgen: ^0.6.0
-    regjsparser: ^0.8.2
-    unicode-match-property-ecmascript: ^2.0.0
-    unicode-match-property-value-ecmascript: ^2.0.0
-  checksum: 7b4eb8d182d9d10537a220a93138df5bc7eaf4ed53e36b95e8427d33ed8a2b081468f1a15d3e5fcee66517e1df7f5ca180b999e046d060badd97150f2ffe87b2
-  languageName: node
-  linkType: hard
-
 "regexpu-core@npm:^5.3.1":
   version: 5.3.2
   resolution: "regexpu-core@npm:5.3.2"
@@ -10047,24 +9622,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regjsgen@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "regjsgen@npm:0.6.0"
-  checksum: c5158ebd735e75074e41292ade1ff05d85566d205426cc61501e360c450a63baced8512ee3ae238e5c0a0e42969563c7875b08fa69d6f0402daf36bcb3e4d348
-  languageName: node
-  linkType: hard
-
-"regjsparser@npm:^0.8.2":
-  version: 0.8.4
-  resolution: "regjsparser@npm:0.8.4"
-  dependencies:
-    jsesc: ~0.5.0
-  bin:
-    regjsparser: bin/parser
-  checksum: d069b932491761cda127ce11f6bd2729c3b1b394a35200ec33f1199e937423db28ceb86cf33f0a97c76ecd7c0f8db996476579eaf0d80a1f74c1934f4ca8b27a
-  languageName: node
-  linkType: hard
-
 "regjsparser@npm:^0.9.1":
   version: 0.9.1
   resolution: "regjsparser@npm:0.9.1"
@@ -10128,28 +9685,28 @@ __metadata:
   linkType: hard
 
 "resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.20.0":
-  version: 1.22.1
-  resolution: "resolve@npm:1.22.1"
+  version: 1.22.8
+  resolution: "resolve@npm:1.22.8"
   dependencies:
-    is-core-module: ^2.9.0
+    is-core-module: ^2.13.0
     path-parse: ^1.0.7
     supports-preserve-symlinks-flag: ^1.0.0
   bin:
     resolve: bin/resolve
-  checksum: 07af5fc1e81aa1d866cbc9e9460fbb67318a10fa3c4deadc35c3ad8a898ee9a71a86a65e4755ac3195e0ea0cfbe201eb323ebe655ce90526fd61917313a34e4e
+  checksum: f8a26958aa572c9b064562750b52131a37c29d072478ea32e129063e2da7f83e31f7f11e7087a18225a8561cfe8d2f0df9dbea7c9d331a897571c0a2527dbb4c
   languageName: node
   linkType: hard
 
 "resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>":
-  version: 1.22.1
-  resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin<compat/resolve>::version=1.22.1&hash=c3c19d"
+  version: 1.22.8
+  resolution: "resolve@patch:resolve@npm%3A1.22.8#~builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
   dependencies:
-    is-core-module: ^2.9.0
+    is-core-module: ^2.13.0
     path-parse: ^1.0.7
     supports-preserve-symlinks-flag: ^1.0.0
   bin:
     resolve: bin/resolve
-  checksum: 5656f4d0bedcf8eb52685c1abdf8fbe73a1603bb1160a24d716e27a57f6cecbe2432ff9c89c2bd57542c3a7b9d14b1882b73bfe2e9d7849c9a4c0b8b39f02b8b
+  checksum: 5479b7d431cacd5185f8db64bfcb7286ae5e31eb299f4c4f404ad8aa6098b77599563ac4257cb2c37a42f59dfc06a1bec2bcf283bb448f319e37f0feb9a09847
   languageName: node
   linkType: hard
 
@@ -10187,17 +9744,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:^5.1.0, safe-buffer@npm:~5.2.0":
+"safe-array-concat@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "safe-array-concat@npm:1.1.2"
+  dependencies:
+    call-bind: ^1.0.7
+    get-intrinsic: ^1.2.4
+    has-symbols: ^1.0.3
+    isarray: ^2.0.5
+  checksum: a3b259694754ddfb73ae0663829e396977b99ff21cbe8607f35a469655656da8e271753497e59da8a7575baa94d2e684bea3e10ddd74ba046c0c9b4418ffa0c4
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:^5.1.0":
   version: 5.2.1
   resolution: "safe-buffer@npm:5.2.1"
   checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:~5.1.1":
-  version: 5.1.2
-  resolution: "safe-buffer@npm:5.1.2"
-  checksum: f2f1f7943ca44a594893a852894055cf619c1fbcb611237fc39e461ae751187e7baf4dc391a72125e0ac4fb2d8c5c0b3c71529622e6a58f46b960211e704903c
+"safe-regex-test@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "safe-regex-test@npm:1.0.3"
+  dependencies:
+    call-bind: ^1.0.6
+    es-errors: ^1.3.0
+    is-regex: ^1.1.4
+  checksum: 6c7d392ff1ae7a3ae85273450ed02d1d131f1d2c76e177d6b03eb88e6df8fa062639070e7d311802c1615f351f18dc58f9454501c58e28d5ffd9b8f502ba6489
   languageName: node
   linkType: hard
 
@@ -10208,17 +9781,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sanitize-html@npm:~2.7.3":
-  version: 2.7.3
-  resolution: "sanitize-html@npm:2.7.3"
+"sanitize-html@npm:~2.12.1":
+  version: 2.12.1
+  resolution: "sanitize-html@npm:2.12.1"
   dependencies:
     deepmerge: ^4.2.2
     escape-string-regexp: ^4.0.0
-    htmlparser2: ^6.0.0
+    htmlparser2: ^8.0.0
     is-plain-object: ^5.0.0
     parse-srcset: ^1.0.2
     postcss: ^8.3.11
-  checksum: 2399d1fdbbc3a263fb413c1fe1971b3dc2b51abc6cc5cb49490624539d1c57a8fe31e2b21408c118e2a957f4e673e3169b1f9a5807654408f17b130a9d78aed7
+  checksum: fb96ea7170d51b5af2607f5cfd84464c78fc6f47e339407f55783e781c6a0288a8d40bbf97ea6a8758924ba9b2d33dcc4846bb94caacacd90d7f2de10ed8541a
   languageName: node
   linkType: hard
 
@@ -10231,12 +9804,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.23.0":
-  version: 0.23.0
-  resolution: "scheduler@npm:0.23.0"
+"scheduler@npm:^0.23.2":
+  version: 0.23.2
+  resolution: "scheduler@npm:0.23.2"
   dependencies:
     loose-envify: ^1.1.0
-  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
+  checksum: 3e82d1f419e240ef6219d794ff29c7ee415fbdc19e038f680a10c067108e06284f1847450a210b29bbaf97b9d8a97ced5f624c31c681248ac84c80d56ad5a2c4
   languageName: node
   linkType: hard
 
@@ -10251,18 +9824,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"schema-utils@npm:^3.0.0, schema-utils@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "schema-utils@npm:3.1.1"
-  dependencies:
-    "@types/json-schema": ^7.0.8
-    ajv: ^6.12.5
-    ajv-keywords: ^3.5.2
-  checksum: fb73f3d759d43ba033c877628fe9751620a26879f6301d3dbeeb48cf2a65baec5cdf99da65d1bf3b4ff5444b2e59cbe4f81c2456b5e0d2ba7d7fd4aed5da29ce
-  languageName: node
-  linkType: hard
-
-"schema-utils@npm:^3.2.0":
+"schema-utils@npm:^3.0.0, schema-utils@npm:^3.1.1, schema-utils@npm:^3.2.0":
   version: 3.3.0
   resolution: "schema-utils@npm:3.3.0"
   dependencies:
@@ -10289,21 +9851,12 @@ __metadata:
   version: 5.7.2
   resolution: "semver@npm:5.7.2"
   bin:
-    semver: ./bin/semver
+    semver: bin/semver
   checksum: fb4ab5e0dd1c22ce0c937ea390b4a822147a9c53dbd2a9a0132f12fe382902beef4fbf12cf51bb955248d8d15874ce8cd89532569756384f994309825f10b686
   languageName: node
   linkType: hard
 
-"semver@npm:^6.0.0, semver@npm:^6.1.1, semver@npm:^6.1.2, semver@npm:^6.3.0":
-  version: 6.3.0
-  resolution: "semver@npm:6.3.0"
-  bin:
-    semver: ./bin/semver.js
-  checksum: 1b26ecf6db9e8292dd90df4e781d91875c0dcc1b1909e70f5d12959a23c7eebb8f01ea581c00783bbee72ceeaad9505797c381756326073850dc36ed284b21b9
-  languageName: node
-  linkType: hard
-
-"semver@npm:^6.3.1":
+"semver@npm:^6.3.0, semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
   bin:
@@ -10312,41 +9865,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.2.1, semver@npm:^7.3.4, semver@npm:^7.3.5":
-  version: 7.3.7
-  resolution: "semver@npm:7.3.7"
-  dependencies:
-    lru-cache: ^6.0.0
+"semver@npm:^7.2.1, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.5.3, semver@npm:^7.5.4":
+  version: 7.6.2
+  resolution: "semver@npm:7.6.2"
   bin:
     semver: bin/semver.js
-  checksum: 2fa3e877568cd6ce769c75c211beaed1f9fce80b28338cadd9d0b6c40f2e2862bafd62c19a6cff42f3d54292b7c623277bcab8816a2b5521cf15210d43e75232
+  checksum: 40f6a95101e8d854357a644da1b8dd9d93ce786d5c6a77227bc69dbb17bea83d0d1d1d7c4cd5920a6df909f48e8bd8a5909869535007f90278289f2451d0292d
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.8, semver@npm:^7.5.3":
-  version: 7.5.4
-  resolution: "semver@npm:7.5.4"
+"serialize-javascript@npm:^6.0.1":
+  version: 6.0.2
+  resolution: "serialize-javascript@npm:6.0.2"
   dependencies:
-    lru-cache: ^6.0.0
-  bin:
-    semver: bin/semver.js
-  checksum: 12d8ad952fa353b0995bf180cdac205a4068b759a140e5d3c608317098b3575ac2f1e09182206bf2eb26120e1c0ed8fb92c48c592f6099680de56bb071423ca3
+    randombytes: ^2.1.0
+  checksum: c4839c6206c1d143c0f80763997a361310305751171dd95e4b57efee69b8f6edd8960a0b7fbfc45042aadff98b206d55428aee0dc276efe54f100899c7fa8ab7
   languageName: node
   linkType: hard
 
-"serialize-javascript@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "serialize-javascript@npm:6.0.1"
+"set-function-length@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "set-function-length@npm:1.2.2"
   dependencies:
-    randombytes: ^2.1.0
-  checksum: 3c4f4cb61d0893b988415bdb67243637333f3f574e9e9cc9a006a2ced0b390b0b3b44aef8d51c951272a9002ec50885eefdc0298891bc27eb2fe7510ea87dc4f
+    define-data-property: ^1.1.4
+    es-errors: ^1.3.0
+    function-bind: ^1.1.2
+    get-intrinsic: ^1.2.4
+    gopd: ^1.0.1
+    has-property-descriptors: ^1.0.2
+  checksum: a8248bdacdf84cb0fab4637774d9fb3c7a8e6089866d04c817583ff48e14149c87044ce683d7f50759a8c50fb87c7a7e173535b06169c87ef76f5fb276dfff72
   languageName: node
   linkType: hard
 
-"set-blocking@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "set-blocking@npm:2.0.0"
-  checksum: 6e65a05f7cf7ebdf8b7c75b101e18c0b7e3dff4940d480efed8aad3a36a4005140b660fa1d804cb8bce911cac290441dc728084a30504d3516ac2ff7ad607b02
+"set-function-name@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "set-function-name@npm:2.0.2"
+  dependencies:
+    define-data-property: ^1.1.4
+    es-errors: ^1.3.0
+    functions-have-names: ^1.2.3
+    has-property-descriptors: ^1.0.2
+  checksum: d6229a71527fd0404399fc6227e0ff0652800362510822a291925c9d7b48a1ca1a468b11b281471c34cd5a2da0db4f5d7ff315a61d26655e77f6e971e6d0c80f
   languageName: node
   linkType: hard
 
@@ -10392,20 +9951,21 @@ __metadata:
   linkType: hard
 
 "shell-quote@npm:^1.6.1":
-  version: 1.7.3
-  resolution: "shell-quote@npm:1.7.3"
-  checksum: aca58e73a3a5d933d02e0bdddedc53ee14f7c2ec264f97ac915b9d4482d077a38e422aa664631d60a672cd3cdb4054eb2e6c0303f54882453dacb6483e482d34
+  version: 1.8.1
+  resolution: "shell-quote@npm:1.8.1"
+  checksum: 5f01201f4ef504d4c6a9d0d283fa17075f6770bfbe4c5850b074974c68062f37929ca61700d95ad2ac8822e14e8c4b990ca0e6e9272e64befd74ce5e19f0736b
   languageName: node
   linkType: hard
 
 "side-channel@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "side-channel@npm:1.0.4"
+  version: 1.0.6
+  resolution: "side-channel@npm:1.0.6"
   dependencies:
-    call-bind: ^1.0.0
-    get-intrinsic: ^1.0.2
-    object-inspect: ^1.9.0
-  checksum: 351e41b947079c10bd0858364f32bb3a7379514c399edb64ab3dce683933483fc63fb5e4efe0a15a2e8a7e3c436b6a91736ddb8d8c6591b0460a24bb4a1ee245
+    call-bind: ^1.0.7
+    es-errors: ^1.3.0
+    get-intrinsic: ^1.2.4
+    object-inspect: ^1.13.1
+  checksum: bfc1afc1827d712271453e91b7cd3878ac0efd767495fd4e594c4c2afaa7963b7b510e249572bfd54b0527e66e4a12b61b80c061389e129755f34c493aad9b97
   languageName: node
   linkType: hard
 
@@ -10417,9 +9977,9 @@ __metadata:
   linkType: hard
 
 "signal-exit@npm:^4.0.1":
-  version: 4.0.2
-  resolution: "signal-exit@npm:4.0.2"
-  checksum: 41f5928431cc6e91087bf0343db786a6313dd7c6fd7e551dbc141c95bb5fb26663444fd9df8ea47c5d7fc202f60aa7468c3162a9365cbb0615fc5e1b1328fe31
+  version: 4.1.0
+  resolution: "signal-exit@npm:4.1.0"
+  checksum: 64c757b498cb8629ffa5f75485340594d2f8189e9b08700e69199069c8e3070fb3e255f7ab873c05dc0b3cec412aea7402e10a5990cb6a050bd33ba062a6c549
   languageName: node
   linkType: hard
 
@@ -10464,24 +10024,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "socks-proxy-agent@npm:7.0.0"
+"socks-proxy-agent@npm:^8.0.3":
+  version: 8.0.3
+  resolution: "socks-proxy-agent@npm:8.0.3"
   dependencies:
-    agent-base: ^6.0.2
-    debug: ^4.3.3
-    socks: ^2.6.2
-  checksum: 720554370154cbc979e2e9ce6a6ec6ced205d02757d8f5d93fe95adae454fc187a5cbfc6b022afab850a5ce9b4c7d73e0f98e381879cf45f66317a4895953846
+    agent-base: ^7.1.1
+    debug: ^4.3.4
+    socks: ^2.7.1
+  checksum: 8fab38821c327c190c28f1658087bc520eb065d55bc07b4a0fdf8d1e0e7ad5d115abbb22a95f94f944723ea969dd771ad6416b1e3cde9060c4c71f705c8b85c5
   languageName: node
   linkType: hard
 
-"socks@npm:^2.6.2":
-  version: 2.7.1
-  resolution: "socks@npm:2.7.1"
+"socks@npm:^2.7.1":
+  version: 2.8.3
+  resolution: "socks@npm:2.8.3"
   dependencies:
-    ip: ^2.0.0
+    ip-address: ^9.0.5
     smart-buffer: ^4.2.0
-  checksum: 259d9e3e8e1c9809a7f5c32238c3d4d2a36b39b83851d0f573bfde5f21c4b1288417ce1af06af1452569cd1eb0841169afd4998f0e04ba04656f6b7f0e46d748
+  checksum: 7a6b7f6eedf7482b9e4597d9a20e09505824208006ea8f2c49b71657427f3c137ca2ae662089baa73e1971c62322d535d9d0cf1c9235cf6f55e315c18203eadd
   languageName: node
   linkType: hard
 
@@ -10492,10 +10052,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "source-map-js@npm:1.0.2"
-  checksum: c049a7fc4deb9a7e9b481ae3d424cc793cb4845daa690bc5a05d428bf41bf231ced49b4cf0c9e77f9d42fdb3d20d6187619fc586605f5eabe995a316da8d377c
+"source-map-js@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "source-map-js@npm:1.2.0"
+  checksum: 791a43306d9223792e84293b00458bf102a8946e7188f3db0e4e22d8d530b5f80a4ce468eb5ec0bf585443ad55ebbd630bf379c98db0b1f317fd902500217f97
   languageName: node
   linkType: hard
 
@@ -10549,19 +10109,19 @@ __metadata:
   linkType: hard
 
 "spdx-correct@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "spdx-correct@npm:3.1.1"
+  version: 3.2.0
+  resolution: "spdx-correct@npm:3.2.0"
   dependencies:
     spdx-expression-parse: ^3.0.0
     spdx-license-ids: ^3.0.0
-  checksum: 77ce438344a34f9930feffa61be0eddcda5b55fc592906ef75621d4b52c07400a97084d8701557b13f7d2aae0cb64f808431f469e566ef3fe0a3a131dcb775a6
+  checksum: e9ae98d22f69c88e7aff5b8778dc01c361ef635580e82d29e5c60a6533cc8f4d820803e67d7432581af0cc4fb49973125076ee3b90df191d153e223c004193b2
   languageName: node
   linkType: hard
 
 "spdx-exceptions@npm:^2.1.0":
-  version: 2.3.0
-  resolution: "spdx-exceptions@npm:2.3.0"
-  checksum: cb69a26fa3b46305637123cd37c85f75610e8c477b6476fa7354eb67c08128d159f1d36715f19be6f9daf4b680337deb8c65acdcae7f2608ba51931540687ac0
+  version: 2.5.0
+  resolution: "spdx-exceptions@npm:2.5.0"
+  checksum: bb127d6e2532de65b912f7c99fc66097cdea7d64c10d3ec9b5e96524dbbd7d20e01cba818a6ddb2ae75e62bb0c63d5e277a7e555a85cbc8ab40044984fa4ae15
   languageName: node
   linkType: hard
 
@@ -10576,9 +10136,16 @@ __metadata:
   linkType: hard
 
 "spdx-license-ids@npm:^3.0.0":
-  version: 3.0.12
-  resolution: "spdx-license-ids@npm:3.0.12"
-  checksum: 92a4dddce62ce1db6fe54a7a839cf85e06abc308fc83b776a55b44e4f1906f02e7ebd506120847039e976bbbad359ea8bdfafb7925eae5cd7e73255f02e0b7d6
+  version: 3.0.18
+  resolution: "spdx-license-ids@npm:3.0.18"
+  checksum: 457825df5dd1fc0135b0bb848c896143f70945cc2da148afc71c73ed0837d1d651f809006e406d82109c9dd71a8cb39785a3604815fe46bc0548e9d3976f6b69
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "sprintf-js@npm:1.1.3"
+  checksum: a3fdac7b49643875b70864a9d9b469d87a40dfeaf5d34d9d0c5b1cda5fd7d065531fcb43c76357d62254c57184a7b151954156563a4d6a747015cfb41021cad0
   languageName: node
   linkType: hard
 
@@ -10590,11 +10157,11 @@ __metadata:
   linkType: hard
 
 "ssri@npm:^10.0.0":
-  version: 10.0.4
-  resolution: "ssri@npm:10.0.4"
+  version: 10.0.6
+  resolution: "ssri@npm:10.0.6"
   dependencies:
-    minipass: ^5.0.0
-  checksum: fb14da9f8a72b04eab163eb13a9dda11d5962cd2317f85457c4e0b575e9a6e0e3a6a87b5bf122c75cb36565830cd5f263fb457571bf6f1587eb5f95d095d6165
+    minipass: ^7.0.3
+  checksum: 4603d53a05bcd44188747d38f1cc43833b9951b5a1ee43ba50535bdfc5fe4a0897472dbe69837570a5417c3c073377ef4f8c1a272683b401857f72738ee57299
   languageName: node
   linkType: hard
 
@@ -10617,7 +10184,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
   dependencies:
@@ -10640,44 +10207,48 @@ __metadata:
   linkType: hard
 
 "string.prototype.padend@npm:^3.0.0":
-  version: 3.1.3
-  resolution: "string.prototype.padend@npm:3.1.3"
+  version: 3.1.6
+  resolution: "string.prototype.padend@npm:3.1.6"
   dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.1
-  checksum: ef9ee0542c17975629bc6d21497e8faaa142d873e9f07fb65de2a955df402a1eac45cbed375045a759501e9d4ef80e589e11f0e12103c20df0770e47f6b59bc7
+    call-bind: ^1.0.7
+    define-properties: ^1.2.1
+    es-abstract: ^1.23.2
+    es-object-atoms: ^1.0.0
+  checksum: d9fc23c21bdfb6850756002ef09cebc420882003f29eafbd8322df77a90726bc2a64892d01f94f1fc9fc6f809414fbcbd8615610bb3cddd33512c12b6b3643a2
   languageName: node
   linkType: hard
 
-"string.prototype.trimend@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "string.prototype.trimend@npm:1.0.5"
+"string.prototype.trim@npm:^1.2.9":
+  version: 1.2.9
+  resolution: "string.prototype.trim@npm:1.2.9"
   dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.4
-    es-abstract: ^1.19.5
-  checksum: d44f543833112f57224e79182debadc9f4f3bf9d48a0414d6f0cbd2a86f2b3e8c0ca1f95c3f8e5b32ae83e91554d79d932fc746b411895f03f93d89ed3dfb6bc
+    call-bind: ^1.0.7
+    define-properties: ^1.2.1
+    es-abstract: ^1.23.0
+    es-object-atoms: ^1.0.0
+  checksum: ea2df6ec1e914c9d4e2dc856fa08228e8b1be59b59e50b17578c94a66a176888f417264bb763d4aac638ad3b3dad56e7a03d9317086a178078d131aa293ba193
   languageName: node
   linkType: hard
 
-"string.prototype.trimstart@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "string.prototype.trimstart@npm:1.0.5"
+"string.prototype.trimend@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "string.prototype.trimend@npm:1.0.8"
   dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.1.4
-    es-abstract: ^1.19.5
-  checksum: a4857c5399ad709d159a77371eeaa8f9cc284469a0b5e1bfe405de16f1fd4166a8ea6f4180e55032f348d1b679b1599fd4301fbc7a8b72bdb3e795e43f7b1048
+    call-bind: ^1.0.7
+    define-properties: ^1.2.1
+    es-object-atoms: ^1.0.0
+  checksum: cc3bd2de08d8968a28787deba9a3cb3f17ca5f9f770c91e7e8fa3e7d47f079bad70fadce16f05dda9f261788be2c6e84a942f618c3bed31e42abc5c1084f8dfd
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.1.1":
-  version: 1.3.0
-  resolution: "string_decoder@npm:1.3.0"
+"string.prototype.trimstart@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "string.prototype.trimstart@npm:1.0.8"
   dependencies:
-    safe-buffer: ~5.2.0
-  checksum: 8417646695a66e73aefc4420eb3b84cc9ffd89572861fe004e6aeb13c7bc00e2f616247505d2dbbef24247c372f70268f594af7126f43548565c68c117bdeb56
+    call-bind: ^1.0.7
+    define-properties: ^1.2.1
+    es-object-atoms: ^1.0.0
+  checksum: df1007a7f580a49d692375d996521dc14fd103acda7f3034b3c558a60b82beeed3a64fa91e494e164581793a8ab0ae2f59578a49896a7af6583c1f20472bce96
   languageName: node
   linkType: hard
 
@@ -10737,18 +10308,18 @@ __metadata:
   linkType: hard
 
 "style-loader@npm:~3.3.1":
-  version: 3.3.3
-  resolution: "style-loader@npm:3.3.3"
+  version: 3.3.4
+  resolution: "style-loader@npm:3.3.4"
   peerDependencies:
     webpack: ^5.0.0
-  checksum: f59c953f56f6a935bd6a1dfa409f1128fed2b66b48ce4a7a75b85862a7156e5e90ab163878962762f528ec4d510903d828da645e143fbffd26f055dc1c094078
+  checksum: caac3f2fe2c3c89e49b7a2a9329e1cfa515ecf5f36b9c4885f9b218019fda207a9029939b2c35821dec177a264a007e7c391ccdd3ff7401881ce6287b9c8f38b
   languageName: node
   linkType: hard
 
-"style-mod@npm:^4.0.0":
-  version: 4.0.3
-  resolution: "style-mod@npm:4.0.3"
-  checksum: 934556e720bd29026ff8fef43a1a35b58957813025b91f996d886e9405acf934ddb1934def4400b174bd7784c9263eb9c71f07ae83925af9271b7d921d546854
+"style-mod@npm:^4.0.0, style-mod@npm:^4.1.0":
+  version: 4.1.2
+  resolution: "style-mod@npm:4.1.2"
+  checksum: 7c5c3e82747f9bcf5f288d8d07f50848e4630fe5ff7bfe4d94cc87d6b6a2588227cbf21b4c792ac6406e5852293300a75e710714479a5c59a06af677f0825ef8
   languageName: node
   linkType: hard
 
@@ -10760,14 +10331,14 @@ __metadata:
   linkType: hard
 
 "stylelint-config-prettier@npm:^9.0.3":
-  version: 9.0.3
-  resolution: "stylelint-config-prettier@npm:9.0.3"
+  version: 9.0.5
+  resolution: "stylelint-config-prettier@npm:9.0.5"
   peerDependencies:
-    stylelint: ">=11.0.0"
+    stylelint: ">= 11.x < 15"
   bin:
     stylelint-config-prettier: bin/check.js
     stylelint-config-prettier-check: bin/check.js
-  checksum: 9ff3f719daf3865878615ba52c31de6ef0a0d25d41cb58c41afe2f1c459a838997ff912cc4a5b4d401f92e2193667ff4d140b6d303cf8192e894b5cb454c41b9
+  checksum: 3d04e463e0bb7e42a5ddec49eea6ef4ea07705d887e8a3ff1fcb82278a5e2bec1a36b8498ea7ed2d24878de29d7c94ac75b1d3ac4f8b19c3a84970595b29261f
   languageName: node
   linkType: hard
 
@@ -10804,57 +10375,57 @@ __metadata:
   linkType: hard
 
 "stylelint@npm:^14.3.0":
-  version: 14.11.0
-  resolution: "stylelint@npm:14.11.0"
+  version: 14.16.1
+  resolution: "stylelint@npm:14.16.1"
   dependencies:
     "@csstools/selector-specificity": ^2.0.2
     balanced-match: ^2.0.0
     colord: ^2.9.3
-    cosmiconfig: ^7.0.1
+    cosmiconfig: ^7.1.0
     css-functions-list: ^3.1.0
     debug: ^4.3.4
-    fast-glob: ^3.2.11
+    fast-glob: ^3.2.12
     fastest-levenshtein: ^1.0.16
     file-entry-cache: ^6.0.1
     global-modules: ^2.0.0
     globby: ^11.1.0
     globjoin: ^0.1.4
     html-tags: ^3.2.0
-    ignore: ^5.2.0
+    ignore: ^5.2.1
     import-lazy: ^4.0.0
     imurmurhash: ^0.1.4
     is-plain-object: ^5.0.0
-    known-css-properties: ^0.25.0
+    known-css-properties: ^0.26.0
     mathml-tag-names: ^2.1.3
     meow: ^9.0.0
     micromatch: ^4.0.5
     normalize-path: ^3.0.0
     picocolors: ^1.0.0
-    postcss: ^8.4.16
+    postcss: ^8.4.19
     postcss-media-query-parser: ^0.2.3
     postcss-resolve-nested-selector: ^0.1.1
     postcss-safe-parser: ^6.0.0
-    postcss-selector-parser: ^6.0.10
+    postcss-selector-parser: ^6.0.11
     postcss-value-parser: ^4.2.0
     resolve-from: ^5.0.0
     string-width: ^4.2.3
     strip-ansi: ^6.0.1
     style-search: ^0.1.0
-    supports-hyperlinks: ^2.2.0
+    supports-hyperlinks: ^2.3.0
     svg-tags: ^1.0.0
-    table: ^6.8.0
+    table: ^6.8.1
     v8-compile-cache: ^2.3.0
     write-file-atomic: ^4.0.2
   bin:
     stylelint: bin/stylelint.js
-  checksum: 23fe2cb55453551f004b01a732e0aff82d8d98d0ac1f4c95c1d605f0fbd0f09d9079fc8d07c9da2796d6287985167a6c59791d7b1af2c4e8a1caa08dd591b980
+  checksum: bc24050415e3c357a76d8ca2799e74ce31f33c9158b4086462512b0191db5d6a161b81ef35b064039c6eacf98a5553e45fca4c5f21eb4d45e7f1d44b2d226e9b
   languageName: node
   linkType: hard
 
-"stylis@npm:4.0.13":
-  version: 4.0.13
-  resolution: "stylis@npm:4.0.13"
-  checksum: 8ea7a87028b6383c6a982231c4b5b6150031ce028e0fdaf7b2ace82253d28a8af50cc5a9da8a421d3c7c4441592f393086e332795add672aa4a825f0fe3713a3
+"stylis@npm:4.2.0":
+  version: 4.2.0
+  resolution: "stylis@npm:4.2.0"
+  checksum: 0eb6cc1b866dc17a6037d0a82ac7fa877eba6a757443e79e7c4f35bacedbf6421fadcab4363b39667b43355cbaaa570a3cde850f776498e5450f32ed2f9b7584
   languageName: node
   linkType: hard
 
@@ -10885,7 +10456,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-hyperlinks@npm:^2.2.0":
+"supports-hyperlinks@npm:^2.3.0":
   version: 2.3.0
   resolution: "supports-hyperlinks@npm:2.3.0"
   dependencies:
@@ -10916,20 +10487,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"table@npm:^6.0.9, table@npm:^6.8.0":
-  version: 6.8.0
-  resolution: "table@npm:6.8.0"
+"tabbable@npm:^5.2.0":
+  version: 5.3.3
+  resolution: "tabbable@npm:5.3.3"
+  checksum: 1aa56e1bb617cc10616c407f4e756f0607f3e2d30f9803664d70b85db037ca27e75918ed1c71443f3dc902e21dc9f991ce4b52d63a538c9b69b3218d3babcd70
+  languageName: node
+  linkType: hard
+
+"table@npm:^6.0.9, table@npm:^6.8.1":
+  version: 6.8.2
+  resolution: "table@npm:6.8.2"
   dependencies:
     ajv: ^8.0.1
     lodash.truncate: ^4.4.2
     slice-ansi: ^4.0.0
     string-width: ^4.2.3
     strip-ansi: ^6.0.1
-  checksum: 5b07fe462ee03d2e1fac02cbb578efd2e0b55ac07e3d3db2e950aa9570ade5a4a2b8d3c15e9f25c89e4e50b646bc4269934601ee1eef4ca7968ad31960977690
+  checksum: 61188652f53a980d1759ca460ca8dea5c5322aece3210457e7084882f053c2b6a870041295e08a82cb1d676e31b056406845d94b0abf3c79a4b104777bec413b
   languageName: node
   linkType: hard
 
-"tapable@npm:^2.1.1, tapable@npm:^2.2.0":
+"tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
   version: 2.2.1
   resolution: "tapable@npm:2.2.1"
   checksum: 3b7a1b4d86fa940aad46d9e73d1e8739335efd4c48322cb37d073eb6f80f5281889bf0320c6d8ffcfa1a0dd5bfdbd0f9d037e252ef972aca595330538aac4d51
@@ -10937,8 +10515,8 @@ __metadata:
   linkType: hard
 
 "tar@npm:^6.1.11, tar@npm:^6.1.2":
-  version: 6.1.15
-  resolution: "tar@npm:6.1.15"
+  version: 6.2.1
+  resolution: "tar@npm:6.2.1"
   dependencies:
     chownr: ^2.0.0
     fs-minipass: ^2.0.0
@@ -10946,19 +10524,19 @@ __metadata:
     minizlib: ^2.1.1
     mkdirp: ^1.0.3
     yallist: ^4.0.0
-  checksum: f23832fceeba7578bf31907aac744ae21e74a66f4a17a9e94507acf460e48f6db598c7023882db33bab75b80e027c21f276d405e4a0322d58f51c7088d428268
+  checksum: f1322768c9741a25356c11373bce918483f40fa9a25c69c59410c8a1247632487edef5fe76c5f12ac51a6356d2f1829e96d2bc34098668a2fc34d76050ac2b6c
   languageName: node
   linkType: hard
 
-"terser-webpack-plugin@npm:^5.3.7":
-  version: 5.3.9
-  resolution: "terser-webpack-plugin@npm:5.3.9"
+"terser-webpack-plugin@npm:^5.3.10, terser-webpack-plugin@npm:^5.3.7":
+  version: 5.3.10
+  resolution: "terser-webpack-plugin@npm:5.3.10"
   dependencies:
-    "@jridgewell/trace-mapping": ^0.3.17
+    "@jridgewell/trace-mapping": ^0.3.20
     jest-worker: ^27.4.5
     schema-utils: ^3.1.1
     serialize-javascript: ^6.0.1
-    terser: ^5.16.8
+    terser: ^5.26.0
   peerDependencies:
     webpack: ^5.1.0
   peerDependenciesMeta:
@@ -10968,13 +10546,13 @@ __metadata:
       optional: true
     uglify-js:
       optional: true
-  checksum: 41705713d6f9cb83287936b21e27c658891c78c4392159f5148b5623f0e8c48559869779619b058382a4c9758e7820ea034695e57dc7c474b4962b79f553bc5f
+  checksum: bd6e7596cf815f3353e2a53e79cbdec959a1b0276f5e5d4e63e9d7c3c5bb5306df567729da287d1c7b39d79093e56863c569c42c6c24cc34c76aa313bd2cbcea
   languageName: node
   linkType: hard
 
-"terser@npm:^5.16.8":
-  version: 5.19.1
-  resolution: "terser@npm:5.19.1"
+"terser@npm:^5.26.0":
+  version: 5.31.0
+  resolution: "terser@npm:5.31.0"
   dependencies:
     "@jridgewell/source-map": ^0.3.3
     acorn: ^8.8.2
@@ -10982,7 +10560,7 @@ __metadata:
     source-map-support: ~0.5.20
   bin:
     terser: bin/terser
-  checksum: 18657b2a282238a1ca9c825efa966f4dd043a33196b2f8a7a2cba406a2006e14f55295b9d9cf6380a18599b697e9579e4092c99b9f40c7871ceec01cc98e3606
+  checksum: 48f14229618866bba8a9464e9d0e7fdcb6b6488b3a6c4690fcf4d48df65bf45959d5ae8c02f1a0b3f3dd035a9ae340b715e1e547645b112dc3963daa3564699a
   languageName: node
   linkType: hard
 
@@ -11028,14 +10606,14 @@ __metadata:
   linkType: hard
 
 "tough-cookie@npm:^4.1.2":
-  version: 4.1.3
-  resolution: "tough-cookie@npm:4.1.3"
+  version: 4.1.4
+  resolution: "tough-cookie@npm:4.1.4"
   dependencies:
     psl: ^1.1.33
     punycode: ^2.1.1
     universalify: ^0.2.0
     url-parse: ^1.5.3
-  checksum: c9226afff36492a52118432611af083d1d8493a53ff41ec4ea48e5b583aec744b989e4280bcf476c910ec1525a89a4a0f1cae81c08b18fb2ec3a9b3a72b91dcc
+  checksum: 5815059f014c31179a303c673f753f7899a6fce94ac93712c88ea5f3c26e0c042b5f0c7a599a00f8e0feeca4615dba75c3dffc54f3c1a489978aa8205e09307c
   languageName: node
   linkType: hard
 
@@ -11057,13 +10635,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tr46@npm:~0.0.3":
-  version: 0.0.3
-  resolution: "tr46@npm:0.0.3"
-  checksum: 726321c5eaf41b5002e17ffbd1fb7245999a073e8979085dacd47c4b4e8068ff5777142fc6726d6ca1fd2ff16921b48788b87225cbc57c72636f6efa8efbffe3
-  languageName: node
-  linkType: hard
-
 "trim-newlines@npm:^3.0.0":
   version: 3.0.1
   resolution: "trim-newlines@npm:3.0.1"
@@ -11072,8 +10643,8 @@ __metadata:
   linkType: hard
 
 "ts-jest@npm:^29, ts-jest@npm:^29.1.0":
-  version: 29.1.1
-  resolution: "ts-jest@npm:29.1.1"
+  version: 29.1.4
+  resolution: "ts-jest@npm:29.1.4"
   dependencies:
     bs-logger: 0.x
     fast-json-stable-stringify: 2.x
@@ -11085,6 +10656,7 @@ __metadata:
     yargs-parser: ^21.0.1
   peerDependencies:
     "@babel/core": ">=7.0.0-beta.0 <8"
+    "@jest/transform": ^29.0.0
     "@jest/types": ^29.0.0
     babel-jest: ^29.0.0
     jest: ^29.0.0
@@ -11092,6 +10664,8 @@ __metadata:
   peerDependenciesMeta:
     "@babel/core":
       optional: true
+    "@jest/transform":
+      optional: true
     "@jest/types":
       optional: true
     babel-jest:
@@ -11100,11 +10674,11 @@ __metadata:
       optional: true
   bin:
     ts-jest: cli.js
-  checksum: a8c9e284ed4f819526749f6e4dc6421ec666f20ab44d31b0f02b4ed979975f7580b18aea4813172d43e39b29464a71899f8893dd29b06b4a351a3af8ba47b402
+  checksum: e36cba389adbb3700b46422e883c8d25e76febcc01c4a39c801ef15e6edbd6da1695bdd144100153e992f98a754aea4099906955b1b9a83c3c72d77009c3d7e2
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.8.1":
+"tslib@npm:^1.13.0, tslib@npm:^1.8.1":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
@@ -11131,15 +10705,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-check@npm:~0.3.2":
-  version: 0.3.2
-  resolution: "type-check@npm:0.3.2"
-  dependencies:
-    prelude-ls: ~1.1.2
-  checksum: dd3b1495642731bc0e1fc40abe5e977e0263005551ac83342ecb6f4f89551d106b368ec32ad3fb2da19b3bd7b2d1f64330da2ea9176d8ddbfe389fb286eb5124
-  languageName: node
-  linkType: hard
-
 "type-detect@npm:4.0.8":
   version: 4.0.8
   resolution: "type-detect@npm:4.0.8"
@@ -11182,23 +10747,75 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:~4.3.0":
-  version: 4.3.5
-  resolution: "typescript@npm:4.3.5"
+"typed-array-buffer@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "typed-array-buffer@npm:1.0.2"
+  dependencies:
+    call-bind: ^1.0.7
+    es-errors: ^1.3.0
+    is-typed-array: ^1.1.13
+  checksum: 02ffc185d29c6df07968272b15d5319a1610817916ec8d4cd670ded5d1efe72901541ff2202fcc622730d8a549c76e198a2f74e312eabbfb712ed907d45cbb0b
+  languageName: node
+  linkType: hard
+
+"typed-array-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "typed-array-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.7
+    for-each: ^0.3.3
+    gopd: ^1.0.1
+    has-proto: ^1.0.3
+    is-typed-array: ^1.1.13
+  checksum: f65e5ecd1cf76b1a2d0d6f631f3ea3cdb5e08da106c6703ffe687d583e49954d570cc80434816d3746e18be889ffe53c58bf3e538081ea4077c26a41055b216d
+  languageName: node
+  linkType: hard
+
+"typed-array-byte-offset@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "typed-array-byte-offset@npm:1.0.2"
+  dependencies:
+    available-typed-arrays: ^1.0.7
+    call-bind: ^1.0.7
+    for-each: ^0.3.3
+    gopd: ^1.0.1
+    has-proto: ^1.0.3
+    is-typed-array: ^1.1.13
+  checksum: c8645c8794a621a0adcc142e0e2c57b1823bbfa4d590ad2c76b266aa3823895cf7afb9a893bf6685e18454ab1b0241e1a8d885a2d1340948efa4b56add4b5f67
+  languageName: node
+  linkType: hard
+
+"typed-array-length@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "typed-array-length@npm:1.0.6"
+  dependencies:
+    call-bind: ^1.0.7
+    for-each: ^0.3.3
+    gopd: ^1.0.1
+    has-proto: ^1.0.3
+    is-typed-array: ^1.1.13
+    possible-typed-array-names: ^1.0.0
+  checksum: f0315e5b8f0168c29d390ff410ad13e4d511c78e6006df4a104576844812ee447fcc32daab1f3a76c9ef4f64eff808e134528b5b2439de335586b392e9750e5c
+  languageName: node
+  linkType: hard
+
+"typescript@npm:~5.1.6":
+  version: 5.1.6
+  resolution: "typescript@npm:5.1.6"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: bab033b5e2b0790dd35b77fd005df976ef80b8d84fd2c6e63cc31808151875beae9216e5a315fe7068e8499905c3c354248fe83272cdfc13b7705635f0c66c97
+  checksum: b2f2c35096035fe1f5facd1e38922ccb8558996331405eb00a5111cc948b2e733163cc22fab5db46992aba7dd520fff637f2c1df4996ff0e134e77d3249a7350
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@~4.3.0#~builtin<compat/typescript>":
-  version: 4.3.5
-  resolution: "typescript@patch:typescript@npm%3A4.3.5#~builtin<compat/typescript>::version=4.3.5&hash=dba6d9"
+"typescript@patch:typescript@~5.1.6#~builtin<compat/typescript>":
+  version: 5.1.6
+  resolution: "typescript@patch:typescript@npm%3A5.1.6#~builtin<compat/typescript>::version=5.1.6&hash=85af82"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 365df18cf979c971ef9543b2acaa8694377a803f98e1804c41d0ede0b09d7046cb0cd98f2eaf3884b0fe923c01a60af1f653841bd8805c9715d5479c09a4ebe4
+  checksum: 21e88b0a0c0226f9cb9fd25b9626fb05b4c0f3fddac521844a13e1f30beb8f14e90bd409a9ac43c812c5946d714d6e0dee12d5d02dfc1c562c5aacfa1f49b606
   languageName: node
   linkType: hard
 
@@ -11213,9 +10830,9 @@ __metadata:
   linkType: hard
 
 "tzdata@npm:^1.0.33":
-  version: 1.0.33
-  resolution: "tzdata@npm:1.0.33"
-  checksum: ca7d6384b5735f9829cc93d49e1933276e3b4ff0670dcd37d7b39e1da79359fdb5a63ec6b75b72029a654ac035d8f4ffdc4fbd5e48df2d23fa14b090f866c5d3
+  version: 1.0.40
+  resolution: "tzdata@npm:1.0.40"
+  checksum: ba4fe91181bbc37e145d5ab2f24b6dc49e82d80accc0421e4c19f11e067326b5c3e0dd42c959e0d174c3c9eef7ce6c48c5c445e0bf5edc6266f394f1b4d1010d
   languageName: node
   linkType: hard
 
@@ -11231,6 +10848,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~5.26.4":
+  version: 5.26.5
+  resolution: "undici-types@npm:5.26.5"
+  checksum: 3192ef6f3fd5df652f2dc1cd782b49d6ff14dc98e5dced492aa8a8c65425227da5da6aafe22523c67f035a272c599bb89cfe803c1db6311e44bed3042fc25487
+  languageName: node
+  linkType: hard
+
 "unicode-canonical-property-names-ecmascript@npm:^2.0.0":
   version: 2.0.0
   resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.0"
@@ -11248,13 +10872,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unicode-match-property-value-ecmascript@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "unicode-match-property-value-ecmascript@npm:2.0.0"
-  checksum: 8fe6a09d9085a625cabcead5d95bdbc1a2d5d481712856092ce0347231e81a60b93a68f1b69e82b3076a07e415a72c708044efa2aa40ae23e2e7b5c99ed4a9ea
-  languageName: node
-  linkType: hard
-
 "unicode-match-property-value-ecmascript@npm:^2.1.0":
   version: 2.1.0
   resolution: "unicode-match-property-value-ecmascript@npm:2.1.0"
@@ -11263,9 +10880,9 @@ __metadata:
   linkType: hard
 
 "unicode-property-aliases-ecmascript@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "unicode-property-aliases-ecmascript@npm:2.0.0"
-  checksum: dda4d39128cbbede2ac60fbb85493d979ec65913b8a486bf7cb7a375a2346fa48cbf9dc6f1ae23376e7e8e684c2b411434891e151e865a661b40a85407db51d0
+  version: 2.1.0
+  resolution: "unicode-property-aliases-ecmascript@npm:2.1.0"
+  checksum: 243524431893649b62cc674d877bd64ef292d6071dd2fd01ab4d5ad26efbc104ffcd064f93f8a06b7e4ec54c172bf03f6417921a0d8c3a9994161fe1f88f815b
   languageName: node
   linkType: hard
 
@@ -11295,41 +10912,27 @@ __metadata:
   linkType: hard
 
 "universalify@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "universalify@npm:2.0.0"
-  checksum: 2406a4edf4a8830aa6813278bab1f953a8e40f2f63a37873ffa9a3bc8f9745d06cc8e88f3572cb899b7e509013f7f6fcc3e37e8a6d914167a5381d8440518c44
+  version: 2.0.1
+  resolution: "universalify@npm:2.0.1"
+  checksum: ecd8469fe0db28e7de9e5289d32bd1b6ba8f7183db34f3bfc4ca53c49891c2d6aa05f3fb3936a81285a905cc509fb641a0c3fc131ec786167eff41236ae32e60
   languageName: node
   linkType: hard
 
-"update-browserslist-db@npm:^1.0.11":
-  version: 1.0.11
-  resolution: "update-browserslist-db@npm:1.0.11"
+"update-browserslist-db@npm:^1.0.13":
+  version: 1.0.16
+  resolution: "update-browserslist-db@npm:1.0.16"
   dependencies:
-    escalade: ^3.1.1
-    picocolors: ^1.0.0
+    escalade: ^3.1.2
+    picocolors: ^1.0.1
   peerDependencies:
     browserslist: ">= 4.21.0"
   bin:
     update-browserslist-db: cli.js
-  checksum: b98327518f9a345c7cad5437afae4d2ae7d865f9779554baf2a200fdf4bac4969076b679b1115434bd6557376bdd37ca7583d0f9b8f8e302d7d4cc1e91b5f231
-  languageName: node
-  linkType: hard
-
-"update-browserslist-db@npm:^1.0.5":
-  version: 1.0.7
-  resolution: "update-browserslist-db@npm:1.0.7"
-  dependencies:
-    escalade: ^3.1.1
-    picocolors: ^1.0.0
-  peerDependencies:
-    browserslist: ">= 4.21.0"
-  bin:
-    browserslist-lint: cli.js
-  checksum: 443ed6e77d4607b8bdf12710fe1c0b570fcbb992ebcafaa0c647811e5646fa51e0b5a17641637e10044e4b770bfc3a9ce2a9350a646477545aed882a1fcff8ce
+  checksum: 51b1f7189c9ea5925c80154b0a6fd3ec36106d07858d8f69826427d8edb4735d1801512c69eade38ba0814d7407d11f400d74440bbf3da0309f3d788017f35b2
   languageName: node
   linkType: hard
 
-"uri-js@npm:^4.2.2":
+"uri-js@npm:^4.2.2, uri-js@npm:^4.4.1":
   version: 4.4.1
   resolution: "uri-js@npm:4.4.1"
   dependencies:
@@ -11348,7 +10951,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2":
+"use-sync-external-store@npm:1.2.0":
+  version: 1.2.0
+  resolution: "use-sync-external-store@npm:1.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 5c639e0f8da3521d605f59ce5be9e094ca772bd44a4ce7322b055a6f58eeed8dda3c94cabd90c7a41fb6fa852210092008afe48f7038792fd47501f33299116a
+  languageName: node
+  linkType: hard
+
+"util-deprecate@npm:^1.0.2":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"
   checksum: 474acf1146cb2701fe3b074892217553dfcf9a031280919ba1b8d651a068c9b15d863b7303cb15bd00a862b498e6cf4ad7b4a08fb134edd5a6f7641681cb54a2
@@ -11365,20 +10977,20 @@ __metadata:
   linkType: hard
 
 "v8-compile-cache@npm:^2.0.3, v8-compile-cache@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "v8-compile-cache@npm:2.3.0"
-  checksum: adb0a271eaa2297f2f4c536acbfee872d0dd26ec2d76f66921aa7fc437319132773483344207bdbeee169225f4739016d8d2dbf0553913a52bb34da6d0334f8e
+  version: 2.4.0
+  resolution: "v8-compile-cache@npm:2.4.0"
+  checksum: 8eb6ddb59d86f24566503f1e6ca98f3e6f43599f05359bd3ab737eaaf1585b338091478a4d3d5c2646632cf8030288d7888684ea62238cdce15a65ae2416718f
   languageName: node
   linkType: hard
 
 "v8-to-istanbul@npm:^9.0.1":
-  version: 9.1.0
-  resolution: "v8-to-istanbul@npm:9.1.0"
+  version: 9.2.0
+  resolution: "v8-to-istanbul@npm:9.2.0"
   dependencies:
     "@jridgewell/trace-mapping": ^0.3.12
     "@types/istanbul-lib-coverage": ^2.0.1
-    convert-source-map: ^1.6.0
-  checksum: 2069d59ee46cf8d83b4adfd8a5c1a90834caffa9f675e4360f1157ffc8578ef0f763c8f32d128334424159bb6b01f3876acd39cd13297b2769405a9da241f8d1
+    convert-source-map: ^2.0.0
+  checksum: 31ef98c6a31b1dab6be024cf914f235408cd4c0dc56a5c744a5eea1a9e019ba279e1b6f90d695b78c3186feed391ed492380ccf095009e2eb91f3d058f0b4491
   languageName: node
   linkType: hard
 
@@ -11432,10 +11044,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vscode-jsonrpc@npm:8.1.0, vscode-jsonrpc@npm:^8.0.2":
-  version: 8.1.0
-  resolution: "vscode-jsonrpc@npm:8.1.0"
-  checksum: 8980037cc0014802e6ac1e5dfcff9a65e8292727096dfd23c92d2039c0c45de74a00d6ee06938cf1a671286dd8258a5f418cf048c26ad0fcb0c44f96c9e0f278
+"vscode-jsonrpc@npm:8.2.0":
+  version: 8.2.0
+  resolution: "vscode-jsonrpc@npm:8.2.0"
+  checksum: f302a01e59272adc1ae6494581fa31c15499f9278df76366e3b97b2236c7c53ebfc71efbace9041cfd2caa7f91675b9e56f2407871a1b3c7f760a2e2ee61484a
   languageName: node
   linkType: hard
 
@@ -11446,20 +11058,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vscode-jsonrpc@npm:^8.0.2":
+  version: 8.2.1
+  resolution: "vscode-jsonrpc@npm:8.2.1"
+  checksum: 2af2c333d73f6587896a7077978b8d4b430e55c674d5dbb90597a84a6647057c1655a3bff398a9b08f1f8ba57dbd2deabf05164315829c297b0debba3b8bc19e
+  languageName: node
+  linkType: hard
+
 "vscode-languageserver-protocol@npm:^3.17.0":
-  version: 3.17.3
-  resolution: "vscode-languageserver-protocol@npm:3.17.3"
+  version: 3.17.5
+  resolution: "vscode-languageserver-protocol@npm:3.17.5"
   dependencies:
-    vscode-jsonrpc: 8.1.0
-    vscode-languageserver-types: 3.17.3
-  checksum: ffea508b2efd7f4853f1cef5e5eac58672f0ae71a9ec275ad37a4a2a24cdc3ff023f941e759951aee01c79da3f3279f10e034f19d875f081eb387181241bd836
+    vscode-jsonrpc: 8.2.0
+    vscode-languageserver-types: 3.17.5
+  checksum: dfb42d276df5dfea728267885b99872ecff62f6c20448b8539fae71bb196b420f5351c5aca7c1047bf8fb1f89fa94a961dce2bc5bf7e726198f4be0bb86a1e71
   languageName: node
   linkType: hard
 
-"vscode-languageserver-types@npm:3.17.3":
-  version: 3.17.3
-  resolution: "vscode-languageserver-types@npm:3.17.3"
-  checksum: fbc8221297261f659a6482875ff2a419dc9d55965dc53745797da569ff9f819cd832e6f2699017baadd946548bbfe212e3f6971f3d960f12dc0ee9c629dacc07
+"vscode-languageserver-types@npm:3.17.5":
+  version: 3.17.5
+  resolution: "vscode-languageserver-types@npm:3.17.5"
+  checksum: 79b420e7576398d396579ca3a461c9ed70e78db4403cd28bbdf4d3ed2b66a2b4114031172e51fad49f0baa60a2180132d7cb2ea35aa3157d7af3c325528210ac
   languageName: node
   linkType: hard
 
@@ -11497,20 +11116,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"watchpack@npm:^2.4.0":
-  version: 2.4.0
-  resolution: "watchpack@npm:2.4.0"
+"watchpack@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "watchpack@npm:2.4.1"
   dependencies:
     glob-to-regexp: ^0.4.1
     graceful-fs: ^4.1.2
-  checksum: 23d4bc58634dbe13b86093e01c6a68d8096028b664ab7139d58f0c37d962d549a940e98f2f201cecdabd6f9c340338dc73ef8bf094a2249ef582f35183d1a131
-  languageName: node
-  linkType: hard
-
-"webidl-conversions@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "webidl-conversions@npm:3.0.1"
-  checksum: c92a0a6ab95314bde9c32e1d0a6dfac83b578f8fa5f21e675bc2706ed6981bc26b7eb7e6a1fab158e5ce4adf9caa4a0aee49a52505d4d13c7be545f15021b17c
+  checksum: 5b0179348655dcdf19cac7cb4ff923fdc024d630650c0bf6bec8899cf47c60e19d4f810a88dba692ed0e7f684cf0fcffea86efdbf6c35d81f031e328043b7fab
   languageName: node
   linkType: hard
 
@@ -11560,23 +11172,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-merge@npm:^5.7.3":
-  version: 5.8.0
-  resolution: "webpack-merge@npm:5.8.0"
-  dependencies:
-    clone-deep: ^4.0.1
-    wildcard: ^2.0.0
-  checksum: 88786ab91013f1bd2a683834ff381be81c245a4b0f63304a5103e90f6653f44dab496a0768287f8531761f8ad957d1f9f3ccb2cb55df0de1bd9ee343e079da26
-  languageName: node
-  linkType: hard
-
-"webpack-merge@npm:^5.8.0":
-  version: 5.9.0
-  resolution: "webpack-merge@npm:5.9.0"
+"webpack-merge@npm:^5.7.3, webpack-merge@npm:^5.8.0":
+  version: 5.10.0
+  resolution: "webpack-merge@npm:5.10.0"
   dependencies:
     clone-deep: ^4.0.1
+    flat: ^5.0.2
     wildcard: ^2.0.0
-  checksum: 64fe2c23aacc5f19684452a0e84ec02c46b990423aee6fcc5c18d7d471155bd14e9a6adb02bd3656eb3e0ac2532c8e97d69412ad14c97eeafe32fa6d10050872
+  checksum: 1fe8bf5309add7298e1ac72fb3f2090e1dfa80c48c7e79fa48aa60b5961332c7d0d61efa8851acb805e6b91a4584537a347bc106e05e9aec87fa4f7088c62f2f
   languageName: node
   linkType: hard
 
@@ -11598,39 +11201,39 @@ __metadata:
   linkType: hard
 
 "webpack@npm:^5.76.1":
-  version: 5.88.2
-  resolution: "webpack@npm:5.88.2"
+  version: 5.91.0
+  resolution: "webpack@npm:5.91.0"
   dependencies:
     "@types/eslint-scope": ^3.7.3
-    "@types/estree": ^1.0.0
-    "@webassemblyjs/ast": ^1.11.5
-    "@webassemblyjs/wasm-edit": ^1.11.5
-    "@webassemblyjs/wasm-parser": ^1.11.5
+    "@types/estree": ^1.0.5
+    "@webassemblyjs/ast": ^1.12.1
+    "@webassemblyjs/wasm-edit": ^1.12.1
+    "@webassemblyjs/wasm-parser": ^1.12.1
     acorn: ^8.7.1
     acorn-import-assertions: ^1.9.0
-    browserslist: ^4.14.5
+    browserslist: ^4.21.10
     chrome-trace-event: ^1.0.2
-    enhanced-resolve: ^5.15.0
+    enhanced-resolve: ^5.16.0
     es-module-lexer: ^1.2.1
     eslint-scope: 5.1.1
     events: ^3.2.0
     glob-to-regexp: ^0.4.1
-    graceful-fs: ^4.2.9
+    graceful-fs: ^4.2.11
     json-parse-even-better-errors: ^2.3.1
     loader-runner: ^4.2.0
     mime-types: ^2.1.27
     neo-async: ^2.6.2
     schema-utils: ^3.2.0
     tapable: ^2.1.1
-    terser-webpack-plugin: ^5.3.7
-    watchpack: ^2.4.0
+    terser-webpack-plugin: ^5.3.10
+    watchpack: ^2.4.1
     webpack-sources: ^3.2.3
   peerDependenciesMeta:
     webpack-cli:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: 79476a782da31a21f6dd38fbbd06b68da93baf6a62f0d08ca99222367f3b8668f5a1f2086b7bb78e23172e31fa6df6fa7ab09b25e827866c4fc4dc2b30443ce2
+  checksum: f1073715dbb1ed5c070affef293d800a867708bcbc5aba4d8baee87660e0cf53c55966a6f36fab078d1d6c9567cdcd0a9086bdfb607cab87ea68c6449791b9a3
   languageName: node
   linkType: hard
 
@@ -11667,16 +11270,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"whatwg-url@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "whatwg-url@npm:5.0.0"
-  dependencies:
-    tr46: ~0.0.3
-    webidl-conversions: ^3.0.0
-  checksum: b8daed4ad3356cc4899048a15b2c143a9aed0dfae1f611ebd55073310c7b910f522ad75d727346ad64203d7e6c79ef25eafd465f4d12775ca44b90fa82ed9e2c
-  languageName: node
-  linkType: hard
-
 "whatwg-url@npm:^8.0.0":
   version: 8.7.0
   resolution: "whatwg-url@npm:8.7.0"
@@ -11701,6 +11294,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15":
+  version: 1.1.15
+  resolution: "which-typed-array@npm:1.1.15"
+  dependencies:
+    available-typed-arrays: ^1.0.7
+    call-bind: ^1.0.7
+    for-each: ^0.3.3
+    gopd: ^1.0.1
+    has-tostringtag: ^1.0.2
+  checksum: 65227dcbfadf5677aacc43ec84356d17b5500cb8b8753059bb4397de5cd0c2de681d24e1a7bd575633f976a95f88233abfd6549c2105ef4ebd58af8aa1807c75
+  languageName: node
+  linkType: hard
+
 "which@npm:^1.2.9, which@npm:^1.3.1":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
@@ -11712,7 +11318,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which@npm:^2.0.1, which@npm:^2.0.2":
+"which@npm:^2.0.1":
   version: 2.0.2
   resolution: "which@npm:2.0.2"
   dependencies:
@@ -11723,26 +11329,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wide-align@npm:^1.1.5":
-  version: 1.1.5
-  resolution: "wide-align@npm:1.1.5"
+"which@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "which@npm:4.0.0"
   dependencies:
-    string-width: ^1.0.2 || 2 || 3 || 4
-  checksum: d5fc37cd561f9daee3c80e03b92ed3e84d80dde3365a8767263d03dacfc8fa06b065ffe1df00d8c2a09f731482fcacae745abfbb478d4af36d0a891fad4834d3
+    isexe: ^3.1.1
+  bin:
+    node-which: bin/which.js
+  checksum: f17e84c042592c21e23c8195108cff18c64050b9efb8459589116999ea9da6dd1509e6a1bac3aeebefd137be00fabbb61b5c2bc0aa0f8526f32b58ee2f545651
   languageName: node
   linkType: hard
 
 "wildcard@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "wildcard@npm:2.0.0"
-  checksum: 1f4fe4c03dfc492777c60f795bbba597ac78794f1b650d68f398fbee9adb765367c516ebd4220889b6a81e9626e7228bbe0d66237abb311573c2ee1f4902a5ad
+  version: 2.0.1
+  resolution: "wildcard@npm:2.0.1"
+  checksum: e0c60a12a219e4b12065d1199802d81c27b841ed6ad6d9d28240980c73ceec6f856771d575af367cbec2982d9ae7838759168b551776577f155044f5a5ba843c
   languageName: node
   linkType: hard
 
-"word-wrap@npm:^1.2.3, word-wrap@npm:~1.2.3":
-  version: 1.2.4
-  resolution: "word-wrap@npm:1.2.4"
-  checksum: 8f1f2e0a397c0e074ca225ba9f67baa23f99293bc064e31355d426ae91b8b3f6b5f6c1fc9ae5e9141178bb362d563f55e62fd8d5c31f2a77e3ade56cb3e35bd1
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: f93ba3586fc181f94afdaff3a6fef27920b4b6d9eaefed0f428f8e07adea2a7f54a5f2830ce59406c8416f033f86902b91eb824072354645eea687dff3691ccb
   languageName: node
   linkType: hard
 
@@ -11798,8 +11406,8 @@ __metadata:
   linkType: hard
 
 "ws@npm:^8.11.0":
-  version: 8.13.0
-  resolution: "ws@npm:8.13.0"
+  version: 8.17.0
+  resolution: "ws@npm:8.17.0"
   peerDependencies:
     bufferutil: ^4.0.1
     utf-8-validate: ">=5.0.2"
@@ -11808,7 +11416,7 @@ __metadata:
       optional: true
     utf-8-validate:
       optional: true
-  checksum: 53e991bbf928faf5dc6efac9b8eb9ab6497c69feeb94f963d648b7a3530a720b19ec2e0ec037344257e05a4f35bd9ad04d9de6f289615ffb133282031b18c61c
+  checksum: 147ef9eab0251364e1d2c55338ad0efb15e6913923ccbfdf20f7a8a6cb8f88432bcd7f4d8f66977135bfad35575644f9983201c1a361019594a4e53977bf6d4e
   languageName: node
   linkType: hard
 
@@ -11841,11 +11449,13 @@ __metadata:
   linkType: hard
 
 "y-protocols@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "y-protocols@npm:1.0.5"
+  version: 1.0.6
+  resolution: "y-protocols@npm:1.0.6"
   dependencies:
-    lib0: ^0.2.42
-  checksum: d19404a4ebafcf3761c28b881abe8c32ab6e457db0e5ffc7dbb749cbc2c3bb98e003a43f3e8eba7f245b2698c76f2c4cdd1c2db869f8ec0c6ef94736d9a88652
+    lib0: ^0.2.85
+  peerDependencies:
+    yjs: ^13.0.0
+  checksum: 4b57c8811befcf2e45c3d47830005f8a33e626c734f78a42fe8a4fa3caad2233ba85a7c8bceefbd52ffc40130d3f3faee664fd0d1c324ff1fa8817a056ccdc1c
   languageName: node
   linkType: hard
 
@@ -11907,11 +11517,11 @@ __metadata:
   linkType: hard
 
 "yjs@npm:^13.5.40":
-  version: 13.6.7
-  resolution: "yjs@npm:13.6.7"
+  version: 13.6.15
+  resolution: "yjs@npm:13.6.15"
   dependencies:
-    lib0: ^0.2.74
-  checksum: 8e89257c8b565ab97cf3354fca2ce0b6bc3d1abe90b9d45a218a94b35da372c88d2411b353ed8ca03a6619004c4da76c96f7c203c38506c3758c9f8c1a730ca4
+    lib0: ^0.2.86
+  checksum: a0cdb323f9cd40de37c9cd0a9a4613e35d8365488ed6078ec632f0ec1853de4d16e46d435dc97e4029c0e70666e24d02c7240a71e84f7b1f15ff18670d715483
   languageName: node
   linkType: hard
 
@@ -11921,3 +11531,32 @@ __metadata:
   checksum: f77b3d8d00310def622123df93d4ee654fc6a0096182af8bd60679ddcdfb3474c56c6c7190817c84a2785648cdee9d721c0154eb45698c62176c322fb46fc700
   languageName: node
   linkType: hard
+
+"zustand-types@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "zustand-types@npm:0.1.0"
+  peerDependencies:
+    zustand: ^4.3.6
+  checksum: 0ca302f978a0fb914063e28beb6f1947a3bcbd1fbd139670e65f3c8f88f0eb97e3e61db8eb44ca48d0bcb702509434d14d98aa944f76e525a7e7fba2b74df45a
+  languageName: node
+  linkType: hard
+
+"zustand@npm:^4.4.1, zustand@npm:^4.5.0":
+  version: 4.5.2
+  resolution: "zustand@npm:4.5.2"
+  dependencies:
+    use-sync-external-store: 1.2.0
+  peerDependencies:
+    "@types/react": ">=16.8"
+    immer: ">=9.0.6"
+    react: ">=16.8"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    immer:
+      optional: true
+    react:
+      optional: true
+  checksum: 160052a7faaefbaad1071e890a06e5d7a04f6ff6985def30a7b4471f4ddbdd1d30bb05b3688a2777cd0b717d1f0d98dad24883a5caa3deeb3afb4d83b6dabc55
+  languageName: node
+  linkType: hard