21200: copied branch from arvados-workbench2 Arvados-DCO-1.1-Signed-off-by: Lisa...
authorLisa Knox <lisaknox83@gmail.com>
Thu, 21 Dec 2023 20:09:12 +0000 (15:09 -0500)
committerLisa Knox <lisaknox83@gmail.com>
Thu, 21 Dec 2023 20:09:12 +0000 (15:09 -0500)
1  2 
services/workbench2/cypress/integration/virtual-machine-admin.spec.js
services/workbench2/src/components/breadcrumbs/breadcrumbs.test.tsx
services/workbench2/src/components/breadcrumbs/breadcrumbs.tsx
services/workbench2/src/components/data-explorer/data-explorer.tsx
services/workbench2/src/store/breadcrumbs/breadcrumbs-actions.ts
services/workbench2/src/store/workbench/workbench-actions.ts
services/workbench2/src/views-components/breadcrumbs/breadcrumbs.ts
services/workbench2/src/views-components/data-explorer/renderers.tsx
services/workbench2/src/views-components/main-app-bar/account-menu.tsx
services/workbench2/src/views-components/main-app-bar/admin-menu.tsx
services/workbench2/src/views-components/side-panel/side-panel-collapsed.tsx

index 018a64ce9bc17218ff8962cc3c53b81d92b2e5b1,0000000000000000000000000000000000000000..2ba2201bac189897c855b407b38cf77326b88632
mode 100644,000000..100644
--- /dev/null
@@@ -1,328 -1,0 +1,329 @@@
-         breadcrumbs.push(resourceToBreadcrumb(currentItem));
 +// Copyright (C) The Arvados Authors. All rights reserved.
 +//
 +// SPDX-License-Identifier: AGPL-3.0
 +
 +import { Dispatch } from 'redux';
 +import { RootState } from 'store/store';
 +import { getUserUuid } from "common/getuser";
 +import { getResource } from 'store/resources/resources';
 +import { propertiesActions } from '../properties/properties-actions';
 +import { getProcess } from 'store/processes/process';
 +import { ServiceRepository } from 'services/services';
 +import { SidePanelTreeCategory, activateSidePanelTreeItem } from 'store/side-panel-tree/side-panel-tree-actions';
 +import { updateResources } from '../resources/resources-actions';
 +import { ResourceKind } from 'models/resource';
 +import { GroupResource } from 'models/group';
 +import { extractUuidKind } from 'models/resource';
 +import { UserResource } from 'models/user';
 +import { FilterBuilder } from 'services/api/filter-builder';
 +import { ProcessResource } from 'models/process';
 +import { OrderBuilder } from 'services/api/order-builder';
 +import { Breadcrumb } from 'components/breadcrumbs/breadcrumbs';
 +import { ContainerRequestResource, containerRequestFieldsNoMounts } from 'models/container-request';
 +import { AdminMenuIcon, CollectionIcon, IconType, ProcessIcon, ProjectIcon, ResourceIcon, WorkflowIcon } from 'components/icon/icon';
 +import { CollectionResource } from 'models/collection';
 +import { getSidePanelIcon } from 'views-components/side-panel-tree/side-panel-tree';
 +import { WorkflowResource } from 'models/workflow';
 +import { progressIndicatorActions } from "store/progress-indicator/progress-indicator-actions";
 +
 +export const BREADCRUMBS = 'breadcrumbs';
 +
 +export const setBreadcrumbs = (breadcrumbs: any, currentItem?: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource) => {
 +    if (currentItem) {
- const resourceToBreadcrumb = (resource: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource): Breadcrumb => ({
-     label: resource.name,
++        const currentCrumb = resourceToBreadcrumb(currentItem)
++        if (currentCrumb.label.length) breadcrumbs.push(currentCrumb);
 +    }
 +    return propertiesActions.SET_PROPERTY({ key: BREADCRUMBS, value: breadcrumbs });
 +};
 +
 +const resourceToBreadcrumbIcon = (resource: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource): IconType | undefined => {
 +    switch (resource.kind) {
 +        case ResourceKind.PROJECT:
 +            return ProjectIcon;
 +        case ResourceKind.PROCESS:
 +            return ProcessIcon;
 +        case ResourceKind.COLLECTION:
 +            return CollectionIcon;
 +        case ResourceKind.WORKFLOW:
 +            return WorkflowIcon;
 +        default:
 +            return undefined;
 +    }
 +}
 +
-                 { label: user ? user.username : userUuid, uuid: userUuid },
++const resourceToBreadcrumb = (resource: (CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource) & {fullName?: string}  ): Breadcrumb => ({
++    label: resource.name || resource.fullName || '',
 +    uuid: resource.uuid,
 +    icon: resourceToBreadcrumbIcon(resource),
 +})
 +
 +export const setSidePanelBreadcrumbs = (uuid: string) =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        try {
 +            dispatch(progressIndicatorActions.START_WORKING(uuid + "-breadcrumbs"));
 +            const ancestors = await services.ancestorsService.ancestors(uuid, '');
 +            dispatch(updateResources(ancestors));
 +
 +            let breadcrumbs: Breadcrumb[] = [];
 +            const { collectionPanel: { item } } = getState();
 +
 +            const path = getState().router.location!.pathname;
 +            const currentUuid = path.split('/')[2];
 +            const uuidKind = extractUuidKind(currentUuid);
 +            const rootUuid = getUserUuid(getState());
 +
 +            if (ancestors.find(ancestor => ancestor.uuid === rootUuid)) {
 +                // Handle home project uuid root
 +                breadcrumbs.push({
 +                    label: SidePanelTreeCategory.PROJECTS,
 +                    uuid: SidePanelTreeCategory.PROJECTS,
 +                    icon: getSidePanelIcon(SidePanelTreeCategory.PROJECTS)
 +                });
 +            } else if (Object.values(SidePanelTreeCategory).includes(uuid as SidePanelTreeCategory)) {
 +                // Handle SidePanelTreeCategory root
 +                breadcrumbs.push({
 +                    label: uuid,
 +                    uuid: uuid,
 +                    icon: getSidePanelIcon(uuid)
 +                });
 +            }
 +
 +            breadcrumbs = ancestors.reduce((breadcrumbs, ancestor) =>
 +                ancestor.kind === ResourceKind.GROUP
 +                    ? [...breadcrumbs, resourceToBreadcrumb(ancestor)]
 +                    : breadcrumbs,
 +                breadcrumbs);
 +
 +            if (uuidKind === ResourceKind.COLLECTION) {
 +                const collectionItem = item ? item : await services.collectionService.get(currentUuid);
 +                const parentProcessItem = await getCollectionParent(collectionItem)(services);
 +                if (parentProcessItem) {
 +                    const mainProcessItem = await getProcessParent(parentProcessItem)(services);
 +                    mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
 +                    breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 +                }
 +                dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
 +            } else if (uuidKind === ResourceKind.PROCESS) {
 +                const processItem = await services.containerRequestService.get(currentUuid);
 +                const parentProcessItem = await getProcessParent(processItem)(services);
 +                if (parentProcessItem) {
 +                    breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 +                }
 +                dispatch(setBreadcrumbs(breadcrumbs, processItem));
 +            } else if (uuidKind === ResourceKind.WORKFLOW) {
 +                const workflowItem = await services.workflowService.get(currentUuid);
 +                dispatch(setBreadcrumbs(breadcrumbs, workflowItem));
 +            }
 +            dispatch(setBreadcrumbs(breadcrumbs));
 +        } finally {
 +            dispatch(progressIndicatorActions.STOP_WORKING(uuid + "-breadcrumbs"));
 +        }
 +    };
 +
 +export const setSharedWithMeBreadcrumbs = (uuid: string) =>
 +    setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.SHARED_WITH_ME);
 +
 +export const setTrashBreadcrumbs = (uuid: string) =>
 +    setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.TRASH);
 +
 +export const setCategoryBreadcrumbs = (uuid: string, category: string) =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        try {
 +            dispatch(progressIndicatorActions.START_WORKING(uuid + "-breadcrumbs"));
 +            const ancestors = await services.ancestorsService.ancestors(uuid, '');
 +            dispatch(updateResources(ancestors));
 +            const initialBreadcrumbs: Breadcrumb[] = [
 +                {
 +                    label: category,
 +                    uuid: category,
 +                    icon: getSidePanelIcon(category)
 +                }
 +            ];
 +            const { collectionPanel: { item } } = getState();
 +            const path = getState().router.location!.pathname;
 +            const currentUuid = path.split('/')[2];
 +            const uuidKind = extractUuidKind(currentUuid);
 +            let breadcrumbs = ancestors.reduce((breadcrumbs, ancestor) =>
 +                ancestor.kind === ResourceKind.GROUP
 +                    ? [...breadcrumbs, resourceToBreadcrumb(ancestor)]
 +                    : breadcrumbs,
 +                initialBreadcrumbs);
 +            if (uuidKind === ResourceKind.COLLECTION) {
 +                const collectionItem = item ? item : await services.collectionService.get(currentUuid);
 +                const parentProcessItem = await getCollectionParent(collectionItem)(services);
 +                if (parentProcessItem) {
 +                    const mainProcessItem = await getProcessParent(parentProcessItem)(services);
 +                    mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
 +                    breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 +                }
 +                dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
 +            } else if (uuidKind === ResourceKind.PROCESS) {
 +                const processItem = await services.containerRequestService.get(currentUuid);
 +                const parentProcessItem = await getProcessParent(processItem)(services);
 +                if (parentProcessItem) {
 +                    breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 +                }
 +                dispatch(setBreadcrumbs(breadcrumbs, processItem));
 +            } else if (uuidKind === ResourceKind.WORKFLOW) {
 +                const workflowItem = await services.workflowService.get(currentUuid);
 +                dispatch(setBreadcrumbs(breadcrumbs, workflowItem));
 +            }
 +            dispatch(setBreadcrumbs(breadcrumbs));
 +        } finally {
 +            dispatch(progressIndicatorActions.STOP_WORKING(uuid + "-breadcrumbs"));
 +        }
 +    };
 +
 +const getProcessParent = (childProcess: ContainerRequestResource) =>
 +    async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 +        if (childProcess.requestingContainerUuid) {
 +            const parentProcesses = await services.containerRequestService.list({
 +                order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 +                filters: new FilterBuilder().addEqual('container_uuid', childProcess.requestingContainerUuid).getFilters(),
 +                select: containerRequestFieldsNoMounts,
 +            });
 +            if (parentProcesses.items.length > 0) {
 +                return parentProcesses.items[0];
 +            } else {
 +                return undefined;
 +            }
 +        } else {
 +            return undefined;
 +        }
 +    }
 +
 +const getCollectionParent = (collection: CollectionResource) =>
 +    async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 +        const parentOutputPromise = services.containerRequestService.list({
 +            order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 +            filters: new FilterBuilder().addEqual('output_uuid', collection.uuid).getFilters(),
 +            select: containerRequestFieldsNoMounts,
 +        });
 +        const parentLogPromise = services.containerRequestService.list({
 +            order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 +            filters: new FilterBuilder().addEqual('log_uuid', collection.uuid).getFilters(),
 +            select: containerRequestFieldsNoMounts,
 +        });
 +        const [parentOutput, parentLog] = await Promise.all([parentOutputPromise, parentLogPromise]);
 +        return parentOutput.items.length > 0 ?
 +            parentOutput.items[0] :
 +            parentLog.items.length > 0 ?
 +                parentLog.items[0] :
 +                undefined;
 +    }
 +
 +
 +export const setProjectBreadcrumbs = (uuid: string) =>
 +    async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 +        const ancestors = await services.ancestorsService.ancestors(uuid, '');
 +        const rootUuid = getUserUuid(getState());
 +        if (uuid === rootUuid || ancestors.find(ancestor => ancestor.uuid === rootUuid)) {
 +            dispatch(setSidePanelBreadcrumbs(uuid));
 +        } else {
 +            dispatch(setSharedWithMeBreadcrumbs(uuid));
 +            dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME));
 +        }
 +    };
 +
 +export const setProcessBreadcrumbs = (processUuid: string) =>
 +    (dispatch: Dispatch, getState: () => RootState) => {
 +        const { resources } = getState();
 +        const process = getProcess(processUuid)(resources);
 +        if (process) {
 +            dispatch<any>(setProjectBreadcrumbs(process.containerRequest.ownerUuid));
 +        }
 +    };
 +
 +export const setGroupsBreadcrumbs = () =>
 +    setBreadcrumbs([{
 +        label: SidePanelTreeCategory.GROUPS,
 +        uuid: SidePanelTreeCategory.GROUPS,
 +        icon: getSidePanelIcon(SidePanelTreeCategory.GROUPS)
 +    }]);
 +
 +export const setGroupDetailsBreadcrumbs = (groupUuid: string) =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +
 +        const group = getResource<GroupResource>(groupUuid)(getState().resources);
 +
 +        const breadcrumbs: Breadcrumb[] = [
 +            {
 +                label: SidePanelTreeCategory.GROUPS,
 +                uuid: SidePanelTreeCategory.GROUPS,
 +                icon: getSidePanelIcon(SidePanelTreeCategory.GROUPS)
 +            },
 +            { label: group ? group.name : (await services.groupsService.get(groupUuid)).name, uuid: groupUuid },
 +        ];
 +
 +        dispatch(setBreadcrumbs(breadcrumbs));
 +
 +    };
 +
 +export const USERS_PANEL_LABEL = 'Users';
 +
 +export const setUsersBreadcrumbs = () =>
 +    setBreadcrumbs([{ label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }]);
 +
 +export const setUserProfileBreadcrumbs = (userUuid: string) =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        try {
 +            const user = getResource<UserResource>(userUuid)(getState().resources)
 +                || await services.userService.get(userUuid, false);
 +            const breadcrumbs: Breadcrumb[] = [
 +                { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
++                { label: user ? `${user.firstName} ${user.lastName}` : userUuid, uuid: userUuid },
 +            ];
 +            dispatch(setBreadcrumbs(breadcrumbs));
 +        } catch (e) {
 +            const breadcrumbs: Breadcrumb[] = [
 +                { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 +                { label: userUuid, uuid: userUuid },
 +            ];
 +            dispatch(setBreadcrumbs(breadcrumbs));
 +        }
 +    };
 +
 +export const MY_ACCOUNT_PANEL_LABEL = 'My Account';
 +
 +export const setMyAccountBreadcrumbs = () =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        dispatch(setBreadcrumbs([
 +            { label: MY_ACCOUNT_PANEL_LABEL, uuid: MY_ACCOUNT_PANEL_LABEL },
 +        ]));
 +    };
 +
 +export const INSTANCE_TYPES_PANEL_LABEL = 'Instance Types';
 +
 +export const setInstanceTypesBreadcrumbs = () =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        dispatch(setBreadcrumbs([
 +            { label: INSTANCE_TYPES_PANEL_LABEL, uuid: INSTANCE_TYPES_PANEL_LABEL, icon: ResourceIcon },
 +        ]));
 +    };
 +
 +export const VIRTUAL_MACHINES_USER_PANEL_LABEL = 'Virtual Machines';
 +
 +export const setVirtualMachinesBreadcrumbs = () =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        dispatch(setBreadcrumbs([
 +            { label: VIRTUAL_MACHINES_USER_PANEL_LABEL, uuid: VIRTUAL_MACHINES_USER_PANEL_LABEL },
 +        ]));
 +    };
 +
 +export const VIRTUAL_MACHINES_ADMIN_PANEL_LABEL = 'Virtual Machines Admin';
 +
 +export const setVirtualMachinesAdminBreadcrumbs = () =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        dispatch(setBreadcrumbs([
 +            { label: VIRTUAL_MACHINES_ADMIN_PANEL_LABEL, uuid: VIRTUAL_MACHINES_ADMIN_PANEL_LABEL, icon: AdminMenuIcon },
 +        ]));
 +    };
 +
 +export const REPOSITORIES_PANEL_LABEL = 'Repositories';
 +
 +export const setRepositoriesBreadcrumbs = () =>
 +    async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        dispatch(setBreadcrumbs([
 +            { label: REPOSITORIES_PANEL_LABEL, uuid: REPOSITORIES_PANEL_LABEL, icon: AdminMenuIcon },
 +        ]));
 +    };
index c6e7ff66d37e9836c4b89c7feae2fe14deafca9e,0000000000000000000000000000000000000000..f5245b0e5304130e2bc82f4b5dba5de20dfc8689
mode 100644,000000..100644
--- /dev/null
@@@ -1,876 -1,0 +1,877 @@@
 +// Copyright (C) The Arvados Authors. All rights reserved.
 +//
 +// SPDX-License-Identifier: AGPL-3.0
 +
 +import { Dispatch } from "redux";
 +import { RootState } from "store/store";
 +import { getUserUuid } from "common/getuser";
 +import { loadDetailsPanel } from "store/details-panel/details-panel-action";
 +import { snackbarActions, SnackbarKind } from "store/snackbar/snackbar-actions";
 +import { favoritePanelActions, loadFavoritePanel } from "store/favorite-panel/favorite-panel-action";
 +import { getProjectPanelCurrentUuid, setIsProjectPanelTrashed } from "store/project-panel/project-panel-action";
 +import { projectPanelActions } from "store/project-panel/project-panel-action-bind";
 +import {
 +    activateSidePanelTreeItem,
 +    initSidePanelTree,
 +    loadSidePanelTreeProjects,
 +    SidePanelTreeCategory,
 +} from "store/side-panel-tree/side-panel-tree-actions";
 +import { updateResources } from "store/resources/resources-actions";
 +import { projectPanelColumns } from "views/project-panel/project-panel";
 +import { favoritePanelColumns } from "views/favorite-panel/favorite-panel";
 +import { matchRootRoute } from "routes/routes";
 +import {
 +    setGroupDetailsBreadcrumbs,
 +    setGroupsBreadcrumbs,
 +    setProcessBreadcrumbs,
 +    setSharedWithMeBreadcrumbs,
 +    setSidePanelBreadcrumbs,
 +    setTrashBreadcrumbs,
 +    setUsersBreadcrumbs,
 +    setMyAccountBreadcrumbs,
 +    setUserProfileBreadcrumbs,
 +    setInstanceTypesBreadcrumbs,
 +    setVirtualMachinesBreadcrumbs,
 +    setVirtualMachinesAdminBreadcrumbs,
 +    setRepositoriesBreadcrumbs,
 +} from "store/breadcrumbs/breadcrumbs-actions";
 +import { navigateTo, navigateToRootProject } from "store/navigation/navigation-action";
 +import { MoveToFormDialogData } from "store/move-to-dialog/move-to-dialog";
 +import { ServiceRepository } from "services/services";
 +import { getResource } from "store/resources/resources";
 +import * as projectCreateActions from "store/projects/project-create-actions";
 +import * as projectMoveActions from "store/projects/project-move-actions";
 +import * as projectUpdateActions from "store/projects/project-update-actions";
 +import * as collectionCreateActions from "store/collections/collection-create-actions";
 +import * as collectionCopyActions from "store/collections/collection-copy-actions";
 +import * as collectionMoveActions from "store/collections/collection-move-actions";
 +import * as processesActions from "store/processes/processes-actions";
 +import * as processMoveActions from "store/processes/process-move-actions";
 +import * as processUpdateActions from "store/processes/process-update-actions";
 +import * as processCopyActions from "store/processes/process-copy-actions";
 +import { trashPanelColumns } from "views/trash-panel/trash-panel";
 +import { loadTrashPanel, trashPanelActions } from "store/trash-panel/trash-panel-action";
 +import { loadProcessPanel } from "store/process-panel/process-panel-actions";
 +import { loadSharedWithMePanel, sharedWithMePanelActions } from "store/shared-with-me-panel/shared-with-me-panel-actions";
 +import { sharedWithMePanelColumns } from "views/shared-with-me-panel/shared-with-me-panel";
 +import { CopyFormDialogData } from "store/copy-dialog/copy-dialog";
 +import { workflowPanelActions } from "store/workflow-panel/workflow-panel-actions";
 +import { loadSshKeysPanel } from "store/auth/auth-action-ssh";
 +import { loadLinkAccountPanel, linkAccountPanelActions } from "store/link-account-panel/link-account-panel-actions";
 +import { loadSiteManagerPanel } from "store/auth/auth-action-session";
 +import { workflowPanelColumns } from "views/workflow-panel/workflow-panel-view";
 +import { progressIndicatorActions } from "store/progress-indicator/progress-indicator-actions";
 +import { getProgressIndicator } from "store/progress-indicator/progress-indicator-reducer";
 +import { extractUuidKind, Resource, ResourceKind } from "models/resource";
 +import { FilterBuilder } from "services/api/filter-builder";
 +import { GroupContentsResource } from "services/groups-service/groups-service";
 +import { MatchCases, ofType, unionize, UnionOf } from "common/unionize";
 +import { loadRunProcessPanel } from "store/run-process-panel/run-process-panel-actions";
 +import { collectionPanelActions, loadCollectionPanel } from "store/collection-panel/collection-panel-action";
 +import { CollectionResource } from "models/collection";
 +import { WorkflowResource } from "models/workflow";
 +import { loadSearchResultsPanel, searchResultsPanelActions } from "store/search-results-panel/search-results-panel-actions";
 +import { searchResultsPanelColumns } from "views/search-results-panel/search-results-panel-view";
 +import { loadVirtualMachinesPanel } from "store/virtual-machines/virtual-machines-actions";
 +import { loadRepositoriesPanel } from "store/repositories/repositories-actions";
 +import { loadKeepServicesPanel } from "store/keep-services/keep-services-actions";
 +import { loadUsersPanel, userBindedActions } from "store/users/users-actions";
 +import * as userProfilePanelActions from "store/user-profile/user-profile-actions";
 +import { linkPanelActions, loadLinkPanel } from "store/link-panel/link-panel-actions";
 +import { linkPanelColumns } from "views/link-panel/link-panel-root";
 +import { userPanelColumns } from "views/user-panel/user-panel";
 +import { loadApiClientAuthorizationsPanel, apiClientAuthorizationsActions } from "store/api-client-authorizations/api-client-authorizations-actions";
 +import { apiClientAuthorizationPanelColumns } from "views/api-client-authorization-panel/api-client-authorization-panel-root";
 +import * as groupPanelActions from "store/groups-panel/groups-panel-actions";
 +import { groupsPanelColumns } from "views/groups-panel/groups-panel";
 +import * as groupDetailsPanelActions from "store/group-details-panel/group-details-panel-actions";
 +import { groupDetailsMembersPanelColumns, groupDetailsPermissionsPanelColumns } from "views/group-details-panel/group-details-panel";
 +import { DataTableFetchMode } from "components/data-table/data-table";
 +import { loadPublicFavoritePanel, publicFavoritePanelActions } from "store/public-favorites-panel/public-favorites-action";
 +import { publicFavoritePanelColumns } from "views/public-favorites-panel/public-favorites-panel";
 +import {
 +    loadCollectionsContentAddressPanel,
 +    collectionsContentAddressActions,
 +} from "store/collections-content-address-panel/collections-content-address-panel-actions";
 +import { collectionContentAddressPanelColumns } from "views/collection-content-address-panel/collection-content-address-panel";
 +import { subprocessPanelActions } from "store/subprocess-panel/subprocess-panel-actions";
 +import { subprocessPanelColumns } from "views/subprocess-panel/subprocess-panel-root";
 +import { loadAllProcessesPanel, allProcessesPanelActions } from "../all-processes-panel/all-processes-panel-action";
 +import { allProcessesPanelColumns } from "views/all-processes-panel/all-processes-panel";
++import { TerminalIcon } from "components/icon/icon";
 +import { userProfileGroupsColumns } from "views/user-profile-panel/user-profile-panel-root";
 +import { selectedToArray, selectedToKindSet } from "components/multiselect-toolbar/MultiselectToolbar";
 +import { multiselectActions } from "store/multiselect/multiselect-actions";
 +
 +export const WORKBENCH_LOADING_SCREEN = "workbenchLoadingScreen";
 +
 +export const isWorkbenchLoading = (state: RootState) => {
 +    const progress = getProgressIndicator(WORKBENCH_LOADING_SCREEN)(state.progressIndicator);
 +    return progress ? progress.working : false;
 +};
 +
 +export const handleFirstTimeLoad = (action: any) => async (dispatch: Dispatch<any>, getState: () => RootState) => {
 +    try {
 +        await dispatch(action);
 +    } catch (e) {
 +        snackbarActions.OPEN_SNACKBAR({
 +            message: "Error " + e,
 +            hideDuration: 8000,
 +            kind: SnackbarKind.WARNING,
 +        })
 +    } finally {
 +        if (isWorkbenchLoading(getState())) {
 +            dispatch(progressIndicatorActions.STOP_WORKING(WORKBENCH_LOADING_SCREEN));
 +        }
 +    }
 +};
 +
 +export const loadWorkbench = () => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +    dispatch(progressIndicatorActions.START_WORKING(WORKBENCH_LOADING_SCREEN));
 +    const { auth, router } = getState();
 +    const { user } = auth;
 +    if (user) {
 +        dispatch(projectPanelActions.SET_COLUMNS({ columns: projectPanelColumns }));
 +        dispatch(favoritePanelActions.SET_COLUMNS({ columns: favoritePanelColumns }));
 +        dispatch(
 +            allProcessesPanelActions.SET_COLUMNS({
 +                columns: allProcessesPanelColumns,
 +            })
 +        );
 +        dispatch(
 +            publicFavoritePanelActions.SET_COLUMNS({
 +                columns: publicFavoritePanelColumns,
 +            })
 +        );
 +        dispatch(trashPanelActions.SET_COLUMNS({ columns: trashPanelColumns }));
 +        dispatch(sharedWithMePanelActions.SET_COLUMNS({ columns: sharedWithMePanelColumns }));
 +        dispatch(workflowPanelActions.SET_COLUMNS({ columns: workflowPanelColumns }));
 +        dispatch(
 +            searchResultsPanelActions.SET_FETCH_MODE({
 +                fetchMode: DataTableFetchMode.INFINITE,
 +            })
 +        );
 +        dispatch(
 +            searchResultsPanelActions.SET_COLUMNS({
 +                columns: searchResultsPanelColumns,
 +            })
 +        );
 +        dispatch(userBindedActions.SET_COLUMNS({ columns: userPanelColumns }));
 +        dispatch(
 +            groupPanelActions.GroupsPanelActions.SET_COLUMNS({
 +                columns: groupsPanelColumns,
 +            })
 +        );
 +        dispatch(
 +            groupDetailsPanelActions.GroupMembersPanelActions.SET_COLUMNS({
 +                columns: groupDetailsMembersPanelColumns,
 +            })
 +        );
 +        dispatch(
 +            groupDetailsPanelActions.GroupPermissionsPanelActions.SET_COLUMNS({
 +                columns: groupDetailsPermissionsPanelColumns,
 +            })
 +        );
 +        dispatch(
 +            userProfilePanelActions.UserProfileGroupsActions.SET_COLUMNS({
 +                columns: userProfileGroupsColumns,
 +            })
 +        );
 +        dispatch(linkPanelActions.SET_COLUMNS({ columns: linkPanelColumns }));
 +        dispatch(
 +            apiClientAuthorizationsActions.SET_COLUMNS({
 +                columns: apiClientAuthorizationPanelColumns,
 +            })
 +        );
 +        dispatch(
 +            collectionsContentAddressActions.SET_COLUMNS({
 +                columns: collectionContentAddressPanelColumns,
 +            })
 +        );
 +        dispatch(subprocessPanelActions.SET_COLUMNS({ columns: subprocessPanelColumns }));
 +
 +        if (services.linkAccountService.getAccountToLink()) {
 +            dispatch(linkAccountPanelActions.HAS_SESSION_DATA());
 +        }
 +
 +        dispatch<any>(initSidePanelTree());
 +        if (router.location) {
 +            const match = matchRootRoute(router.location.pathname);
 +            if (match) {
 +                dispatch<any>(navigateToRootProject);
 +            }
 +        }
 +    } else {
 +        dispatch(userIsNotAuthenticated);
 +    }
 +};
 +
 +export const loadFavorites = () =>
 +    handleFirstTimeLoad((dispatch: Dispatch) => {
 +        dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.FAVORITES));
 +        dispatch<any>(loadFavoritePanel());
 +        dispatch<any>(setSidePanelBreadcrumbs(SidePanelTreeCategory.FAVORITES));
 +    });
 +
 +export const loadCollectionContentAddress = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadCollectionsContentAddressPanel());
 +});
 +
 +export const loadTrash = () =>
 +    handleFirstTimeLoad((dispatch: Dispatch) => {
 +        dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH));
 +        dispatch<any>(loadTrashPanel());
 +        dispatch<any>(setSidePanelBreadcrumbs(SidePanelTreeCategory.TRASH));
 +    });
 +
 +export const loadAllProcesses = () =>
 +    handleFirstTimeLoad((dispatch: Dispatch) => {
 +        dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.ALL_PROCESSES));
 +        dispatch<any>(loadAllProcessesPanel());
 +        dispatch<any>(setSidePanelBreadcrumbs(SidePanelTreeCategory.ALL_PROCESSES));
 +    });
 +
 +export const loadProject = (uuid: string) =>
 +    handleFirstTimeLoad(async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 +        const userUuid = getUserUuid(getState());
 +        dispatch(setIsProjectPanelTrashed(false));
 +        if (!userUuid) {
 +            return;
 +        }
 +        try {
 +            dispatch(progressIndicatorActions.START_WORKING(uuid));
 +            if (extractUuidKind(uuid) === ResourceKind.USER && userUuid !== uuid) {
 +                // Load another users home projects
 +                dispatch(finishLoadingProject(uuid));
 +            } else if (userUuid !== uuid) {
 +                await dispatch(finishLoadingProject(uuid));
 +                const match = await loadGroupContentsResource({
 +                    uuid,
 +                    userUuid,
 +                    services,
 +                });
 +                match({
 +                    OWNED: async () => {
 +                        await dispatch(activateSidePanelTreeItem(uuid));
 +                        dispatch<any>(setSidePanelBreadcrumbs(uuid));
 +                    },
 +                    SHARED: async () => {
 +                        await dispatch(activateSidePanelTreeItem(uuid));
 +                        dispatch<any>(setSharedWithMeBreadcrumbs(uuid));
 +                    },
 +                    TRASHED: async () => {
 +                        await dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH));
 +                        dispatch<any>(setTrashBreadcrumbs(uuid));
 +                        dispatch(setIsProjectPanelTrashed(true));
 +                    },
 +                });
 +            } else {
 +                await dispatch(finishLoadingProject(userUuid));
 +                await dispatch(activateSidePanelTreeItem(userUuid));
 +                dispatch<any>(setSidePanelBreadcrumbs(userUuid));
 +            }
 +        } finally {
 +            dispatch(progressIndicatorActions.STOP_WORKING(uuid));
 +        }
 +    });
 +
 +export const createProject = (data: projectCreateActions.ProjectCreateFormDialogData) => async (dispatch: Dispatch) => {
 +    const newProject = await dispatch<any>(projectCreateActions.createProject(data));
 +    if (newProject) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: "Project has been successfully created.",
 +                hideDuration: 2000,
 +                kind: SnackbarKind.SUCCESS,
 +            })
 +        );
 +        await dispatch<any>(loadSidePanelTreeProjects(newProject.ownerUuid));
 +        dispatch<any>(navigateTo(newProject.uuid));
 +    }
 +};
 +
 +export const moveProject =
 +    (data: MoveToFormDialogData, isSecondaryMove = false) =>
 +        async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +            const checkedList = getState().multiselect.checkedList;
 +            const uuidsToMove: string[] = data.fromContextMenu ? [data.uuid] : selectedToArray(checkedList);
 +
 +            //if no items in checkedlist default to normal context menu behavior
 +            if (!isSecondaryMove && !uuidsToMove.length) uuidsToMove.push(data.uuid);
 +
 +            const sourceUuid = getResource(data.uuid)(getState().resources)?.ownerUuid;
 +            const destinationUuid = data.ownerUuid;
 +
 +            const projectsToMove: MoveableResource[] = uuidsToMove
 +                .map(uuid => getResource(uuid)(getState().resources) as MoveableResource)
 +                .filter(resource => resource.kind === ResourceKind.PROJECT);
 +
 +            for (const project of projectsToMove) {
 +                await moveSingleProject(project);
 +            }
 +
 +            //omly propagate if this call is the original
 +            if (!isSecondaryMove) {
 +                const kindsToMove: Set<string> = selectedToKindSet(checkedList);
 +                kindsToMove.delete(ResourceKind.PROJECT);
 +
 +                kindsToMove.forEach(kind => {
 +                    secondaryMove[kind](data, true)(dispatch, getState, services);
 +                });
 +            }
 +
 +            async function moveSingleProject(project: MoveableResource) {
 +                try {
 +                    const oldProject: MoveToFormDialogData = { name: project.name, uuid: project.uuid, ownerUuid: data.ownerUuid };
 +                    const oldOwnerUuid = oldProject ? oldProject.ownerUuid : "";
 +                    const movedProject = await dispatch<any>(projectMoveActions.moveProject(oldProject));
 +                    if (movedProject) {
 +                        dispatch(
 +                            snackbarActions.OPEN_SNACKBAR({
 +                                message: "Project has been moved",
 +                                hideDuration: 2000,
 +                                kind: SnackbarKind.SUCCESS,
 +                            })
 +                        );
 +                        await dispatch<any>(reloadProjectMatchingUuid([oldOwnerUuid, movedProject.ownerUuid, movedProject.uuid]));
 +                    }
 +                } catch (e) {
 +                    dispatch(
 +                        snackbarActions.OPEN_SNACKBAR({
 +                            message: e.message,
 +                            hideDuration: 2000,
 +                            kind: SnackbarKind.ERROR,
 +                        })
 +                    );
 +                }
 +            }
 +            if (sourceUuid) await dispatch<any>(loadSidePanelTreeProjects(sourceUuid));
 +            await dispatch<any>(loadSidePanelTreeProjects(destinationUuid));
 +        };
 +
 +export const updateProject = (data: projectUpdateActions.ProjectUpdateFormDialogData) => async (dispatch: Dispatch) => {
 +    const updatedProject = await dispatch<any>(projectUpdateActions.updateProject(data));
 +    if (updatedProject) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: "Project has been successfully updated.",
 +                hideDuration: 2000,
 +                kind: SnackbarKind.SUCCESS,
 +            })
 +        );
 +        await dispatch<any>(loadSidePanelTreeProjects(updatedProject.ownerUuid));
 +        dispatch<any>(reloadProjectMatchingUuid([updatedProject.ownerUuid, updatedProject.uuid]));
 +    }
 +};
 +
 +export const updateGroup = (data: projectUpdateActions.ProjectUpdateFormDialogData) => async (dispatch: Dispatch) => {
 +    const updatedGroup = await dispatch<any>(groupPanelActions.updateGroup(data));
 +    if (updatedGroup) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: "Group has been successfully updated.",
 +                hideDuration: 2000,
 +                kind: SnackbarKind.SUCCESS,
 +            })
 +        );
 +        await dispatch<any>(loadSidePanelTreeProjects(updatedGroup.ownerUuid));
 +        dispatch<any>(reloadProjectMatchingUuid([updatedGroup.ownerUuid, updatedGroup.uuid]));
 +    }
 +};
 +
 +export const loadCollection = (uuid: string) =>
 +    handleFirstTimeLoad(async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 +        const userUuid = getUserUuid(getState());
 +        try {
 +            dispatch(progressIndicatorActions.START_WORKING(uuid));
 +            if (userUuid) {
 +                const match = await loadGroupContentsResource({
 +                    uuid,
 +                    userUuid,
 +                    services,
 +                });
 +                let collection: CollectionResource | undefined;
 +                let breadcrumbfunc:
 +                    | ((uuid: string) => (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => Promise<void>)
 +                    | undefined;
 +                let sidepanel: string | undefined;
 +                match({
 +                    OWNED: thecollection => {
 +                        collection = thecollection as CollectionResource;
 +                        sidepanel = collection.ownerUuid;
 +                        breadcrumbfunc = setSidePanelBreadcrumbs;
 +                    },
 +                    SHARED: thecollection => {
 +                        collection = thecollection as CollectionResource;
 +                        sidepanel = collection.ownerUuid;
 +                        breadcrumbfunc = setSharedWithMeBreadcrumbs;
 +                    },
 +                    TRASHED: thecollection => {
 +                        collection = thecollection as CollectionResource;
 +                        sidepanel = SidePanelTreeCategory.TRASH;
 +                        breadcrumbfunc = () => setTrashBreadcrumbs("");
 +                    },
 +                });
 +                if (collection && breadcrumbfunc && sidepanel) {
 +                    dispatch(updateResources([collection]));
 +                    await dispatch<any>(finishLoadingProject(collection.ownerUuid));
 +                    dispatch(collectionPanelActions.SET_COLLECTION(collection));
 +                    await dispatch(activateSidePanelTreeItem(sidepanel));
 +                    dispatch(breadcrumbfunc(collection.ownerUuid));
 +                    dispatch(loadCollectionPanel(collection.uuid));
 +                }
 +            }
 +        } finally {
 +            dispatch(progressIndicatorActions.STOP_WORKING(uuid));
 +        }
 +    });
 +
 +export const createCollection = (data: collectionCreateActions.CollectionCreateFormDialogData) => async (dispatch: Dispatch) => {
 +    const collection = await dispatch<any>(collectionCreateActions.createCollection(data));
 +    if (collection) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: "Collection has been successfully created.",
 +                hideDuration: 2000,
 +                kind: SnackbarKind.SUCCESS,
 +            })
 +        );
 +        dispatch<any>(updateResources([collection]));
 +        dispatch<any>(navigateTo(collection.uuid));
 +    }
 +};
 +
 +export const copyCollection = (data: CopyFormDialogData) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +    const checkedList = getState().multiselect.checkedList;
 +    const uuidsToCopy: string[] = data.fromContextMenu ? [data.uuid] : selectedToArray(checkedList);
 +
 +    //if no items in checkedlist && no items passed in, default to normal context menu behavior
 +    if (!uuidsToCopy.length) uuidsToCopy.push(data.uuid);
 +
 +    const collectionsToCopy: CollectionCopyResource[] = uuidsToCopy
 +        .map(uuid => getResource(uuid)(getState().resources) as CollectionCopyResource)
 +        .filter(resource => resource.kind === ResourceKind.COLLECTION);
 +
 +    for (const collection of collectionsToCopy) {
 +        await copySingleCollection({ ...collection, ownerUuid: data.ownerUuid } as CollectionCopyResource);
 +    }
 +
 +    async function copySingleCollection(copyToProject: CollectionCopyResource) {
 +        const newName = data.fromContextMenu || collectionsToCopy.length === 1 ? data.name : `Copy of: ${copyToProject.name}`;
 +        try {
 +            const collection = await dispatch<any>(
 +                collectionCopyActions.copyCollection({
 +                    ...copyToProject,
 +                    name: newName,
 +                    fromContextMenu: collectionsToCopy.length === 1 ? true : data.fromContextMenu,
 +                })
 +            );
 +            if (copyToProject && collection) {
 +                await dispatch<any>(reloadProjectMatchingUuid([copyToProject.uuid]));
 +                dispatch(
 +                    snackbarActions.OPEN_SNACKBAR({
 +                        message: "Collection has been copied.",
 +                        hideDuration: 3000,
 +                        kind: SnackbarKind.SUCCESS,
 +                        link: collection.ownerUuid,
 +                    })
 +                );
 +                dispatch<any>(multiselectActions.deselectOne(copyToProject.uuid));
 +            }
 +        } catch (e) {
 +            dispatch(
 +                snackbarActions.OPEN_SNACKBAR({
 +                    message: e.message,
 +                    hideDuration: 2000,
 +                    kind: SnackbarKind.ERROR,
 +                })
 +            );
 +        }
 +    }
 +    dispatch(projectPanelActions.REQUEST_ITEMS());
 +};
 +
 +export const moveCollection =
 +    (data: MoveToFormDialogData, isSecondaryMove = false) =>
 +        async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +            const checkedList = getState().multiselect.checkedList;
 +            const uuidsToMove: string[] = data.fromContextMenu ? [data.uuid] : selectedToArray(checkedList);
 +
 +            //if no items in checkedlist && no items passed in, default to normal context menu behavior
 +            if (!isSecondaryMove && !uuidsToMove.length) uuidsToMove.push(data.uuid);
 +
 +            const collectionsToMove: MoveableResource[] = uuidsToMove
 +                .map(uuid => getResource(uuid)(getState().resources) as MoveableResource)
 +                .filter(resource => resource.kind === ResourceKind.COLLECTION);
 +
 +            for (const collection of collectionsToMove) {
 +                await moveSingleCollection(collection);
 +            }
 +
 +            //omly propagate if this call is the original
 +            if (!isSecondaryMove) {
 +                const kindsToMove: Set<string> = selectedToKindSet(checkedList);
 +                kindsToMove.delete(ResourceKind.COLLECTION);
 +
 +                kindsToMove.forEach(kind => {
 +                    secondaryMove[kind](data, true)(dispatch, getState, services);
 +                });
 +            }
 +
 +            async function moveSingleCollection(collection: MoveableResource) {
 +                try {
 +                    const oldCollection: MoveToFormDialogData = { name: collection.name, uuid: collection.uuid, ownerUuid: data.ownerUuid };
 +                    const movedCollection = await dispatch<any>(collectionMoveActions.moveCollection(oldCollection));
 +                    dispatch<any>(updateResources([movedCollection]));
 +                    dispatch<any>(reloadProjectMatchingUuid([movedCollection.ownerUuid]));
 +                    dispatch(
 +                        snackbarActions.OPEN_SNACKBAR({
 +                            message: "Collection has been moved.",
 +                            hideDuration: 2000,
 +                            kind: SnackbarKind.SUCCESS,
 +                        })
 +                    );
 +                } catch (e) {
 +                    dispatch(
 +                        snackbarActions.OPEN_SNACKBAR({
 +                            message: e.message,
 +                            hideDuration: 2000,
 +                            kind: SnackbarKind.ERROR,
 +                        })
 +                    );
 +                }
 +            }
 +        };
 +
 +export const loadProcess = (uuid: string) =>
 +    handleFirstTimeLoad(async (dispatch: Dispatch, getState: () => RootState) => {
 +        try {
 +            dispatch(progressIndicatorActions.START_WORKING(uuid));
 +            dispatch<any>(loadProcessPanel(uuid));
 +            const process = await dispatch<any>(processesActions.loadProcess(uuid));
 +            if (process) {
 +                await dispatch<any>(finishLoadingProject(process.containerRequest.ownerUuid));
 +                await dispatch<any>(activateSidePanelTreeItem(process.containerRequest.ownerUuid));
 +                dispatch<any>(setProcessBreadcrumbs(uuid));
 +                dispatch<any>(loadDetailsPanel(uuid));
 +            }
 +        } finally {
 +            dispatch(progressIndicatorActions.STOP_WORKING(uuid));
 +        }
 +    });
 +
 +export const loadRegisteredWorkflow = (uuid: string) =>
 +    handleFirstTimeLoad(async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        const userUuid = getUserUuid(getState());
 +        if (userUuid) {
 +            const match = await loadGroupContentsResource({
 +                uuid,
 +                userUuid,
 +                services,
 +            });
 +            let workflow: WorkflowResource | undefined;
 +            let breadcrumbfunc:
 +                | ((uuid: string) => (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => Promise<void>)
 +                | undefined;
 +            match({
 +                OWNED: async theworkflow => {
 +                    workflow = theworkflow as WorkflowResource;
 +                    breadcrumbfunc = setSidePanelBreadcrumbs;
 +                },
 +                SHARED: async theworkflow => {
 +                    workflow = theworkflow as WorkflowResource;
 +                    breadcrumbfunc = setSharedWithMeBreadcrumbs;
 +                },
 +                TRASHED: () => { },
 +            });
 +            if (workflow && breadcrumbfunc) {
 +                dispatch(updateResources([workflow]));
 +                await dispatch<any>(finishLoadingProject(workflow.ownerUuid));
 +                await dispatch<any>(activateSidePanelTreeItem(workflow.ownerUuid));
 +                dispatch<any>(breadcrumbfunc(workflow.ownerUuid));
 +            }
 +        }
 +    });
 +
 +export const updateProcess = (data: processUpdateActions.ProcessUpdateFormDialogData) => async (dispatch: Dispatch) => {
 +    try {
 +        const process = await dispatch<any>(processUpdateActions.updateProcess(data));
 +        if (process) {
 +            dispatch(
 +                snackbarActions.OPEN_SNACKBAR({
 +                    message: "Process has been successfully updated.",
 +                    hideDuration: 2000,
 +                    kind: SnackbarKind.SUCCESS,
 +                })
 +            );
 +            dispatch<any>(updateResources([process]));
 +            dispatch<any>(reloadProjectMatchingUuid([process.ownerUuid]));
 +        }
 +    } catch (e) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: e.message,
 +                hideDuration: 2000,
 +                kind: SnackbarKind.ERROR,
 +            })
 +        );
 +    }
 +};
 +
 +export const moveProcess =
 +    (data: MoveToFormDialogData, isSecondaryMove = false) =>
 +        async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +            const checkedList = getState().multiselect.checkedList;
 +            const uuidsToMove: string[] = data.fromContextMenu ? [data.uuid] : selectedToArray(checkedList);
 +
 +            //if no items in checkedlist && no items passed in, default to normal context menu behavior
 +            if (!isSecondaryMove && !uuidsToMove.length) uuidsToMove.push(data.uuid);
 +
 +            const processesToMove: MoveableResource[] = uuidsToMove
 +                .map(uuid => getResource(uuid)(getState().resources) as MoveableResource)
 +                .filter(resource => resource.kind === ResourceKind.PROCESS);
 +
 +            for (const process of processesToMove) {
 +                await moveSingleProcess(process);
 +            }
 +
 +            //omly propagate if this call is the original
 +            if (!isSecondaryMove) {
 +                const kindsToMove: Set<string> = selectedToKindSet(checkedList);
 +                kindsToMove.delete(ResourceKind.PROCESS);
 +
 +                kindsToMove.forEach(kind => {
 +                    secondaryMove[kind](data, true)(dispatch, getState, services);
 +                });
 +            }
 +
 +            async function moveSingleProcess(process: MoveableResource) {
 +                try {
 +                    const oldProcess: MoveToFormDialogData = { name: process.name, uuid: process.uuid, ownerUuid: data.ownerUuid };
 +                    const movedProcess = await dispatch<any>(processMoveActions.moveProcess(oldProcess));
 +                    dispatch<any>(updateResources([movedProcess]));
 +                    dispatch<any>(reloadProjectMatchingUuid([movedProcess.ownerUuid]));
 +                    dispatch(
 +                        snackbarActions.OPEN_SNACKBAR({
 +                            message: "Process has been moved.",
 +                            hideDuration: 2000,
 +                            kind: SnackbarKind.SUCCESS,
 +                        })
 +                    );
 +                } catch (e) {
 +                    dispatch(
 +                        snackbarActions.OPEN_SNACKBAR({
 +                            message: e.message,
 +                            hideDuration: 2000,
 +                            kind: SnackbarKind.ERROR,
 +                        })
 +                    );
 +                }
 +            }
 +        };
 +
 +export const copyProcess = (data: CopyFormDialogData) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +    try {
 +        const process = await dispatch<any>(processCopyActions.copyProcess(data));
 +        dispatch<any>(updateResources([process]));
 +        dispatch<any>(reloadProjectMatchingUuid([process.ownerUuid]));
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: "Process has been copied.",
 +                hideDuration: 2000,
 +                kind: SnackbarKind.SUCCESS,
 +            })
 +        );
 +        dispatch<any>(navigateTo(process.uuid));
 +    } catch (e) {
 +        dispatch(
 +            snackbarActions.OPEN_SNACKBAR({
 +                message: e.message,
 +                hideDuration: 2000,
 +                kind: SnackbarKind.ERROR,
 +            })
 +        );
 +    }
 +};
 +
 +export const resourceIsNotLoaded = (uuid: string) =>
 +    snackbarActions.OPEN_SNACKBAR({
 +        message: `Resource identified by ${uuid} is not loaded.`,
 +        kind: SnackbarKind.ERROR,
 +    });
 +
 +export const userIsNotAuthenticated = snackbarActions.OPEN_SNACKBAR({
 +    message: "User is not authenticated",
 +    kind: SnackbarKind.ERROR,
 +});
 +
 +export const couldNotLoadUser = snackbarActions.OPEN_SNACKBAR({
 +    message: "Could not load user",
 +    kind: SnackbarKind.ERROR,
 +});
 +
 +export const reloadProjectMatchingUuid =
 +    (matchingUuids: string[]) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 +        const currentProjectPanelUuid = getProjectPanelCurrentUuid(getState());
 +        if (currentProjectPanelUuid && matchingUuids.some(uuid => uuid === currentProjectPanelUuid)) {
 +            dispatch<any>(loadProject(currentProjectPanelUuid));
 +        }
 +    };
 +
 +export const loadSharedWithMe = handleFirstTimeLoad(async (dispatch: Dispatch) => {
 +    dispatch<any>(loadSharedWithMePanel());
 +    await dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME));
 +    await dispatch<any>(setSidePanelBreadcrumbs(SidePanelTreeCategory.SHARED_WITH_ME));
 +});
 +
 +export const loadRunProcess = handleFirstTimeLoad(async (dispatch: Dispatch) => {
 +    await dispatch<any>(loadRunProcessPanel());
 +});
 +
 +export const loadPublicFavorites = () =>
 +    handleFirstTimeLoad((dispatch: Dispatch) => {
 +        dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.PUBLIC_FAVORITES));
 +        dispatch<any>(loadPublicFavoritePanel());
 +        dispatch<any>(setSidePanelBreadcrumbs(SidePanelTreeCategory.PUBLIC_FAVORITES));
 +    });
 +
 +export const loadSearchResults = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadSearchResultsPanel());
 +});
 +
 +export const loadLinks = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadLinkPanel());
 +});
 +
 +export const loadVirtualMachines = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadVirtualMachinesPanel());
 +    dispatch(setVirtualMachinesBreadcrumbs());
 +});
 +
 +export const loadVirtualMachinesAdmin = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadVirtualMachinesPanel());
 +    dispatch(setVirtualMachinesAdminBreadcrumbs());
 +});
 +
 +export const loadRepositories = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadRepositoriesPanel());
 +    dispatch(setRepositoriesBreadcrumbs());
 +});
 +
 +export const loadSshKeys = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadSshKeysPanel());
 +});
 +
 +export const loadInstanceTypes = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    dispatch<any>(activateSidePanelTreeItem(SidePanelTreeCategory.INSTANCE_TYPES));
 +    dispatch(setInstanceTypesBreadcrumbs());
 +});
 +
 +export const loadSiteManager = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadSiteManagerPanel());
 +});
 +
 +export const loadUserProfile = (userUuid?: string) =>
 +    handleFirstTimeLoad((dispatch: Dispatch<any>) => {
 +        if (userUuid) {
 +            dispatch(setUserProfileBreadcrumbs(userUuid));
 +            dispatch(userProfilePanelActions.loadUserProfilePanel(userUuid));
 +        } else {
 +            dispatch(setMyAccountBreadcrumbs());
 +            dispatch(userProfilePanelActions.loadUserProfilePanel());
 +        }
 +    });
 +
 +export const loadLinkAccount = handleFirstTimeLoad((dispatch: Dispatch<any>) => {
 +    dispatch(loadLinkAccountPanel());
 +});
 +
 +export const loadKeepServices = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadKeepServicesPanel());
 +});
 +
 +export const loadUsers = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadUsersPanel());
 +    dispatch(setUsersBreadcrumbs());
 +});
 +
 +export const loadApiClientAuthorizations = handleFirstTimeLoad(async (dispatch: Dispatch<any>) => {
 +    await dispatch(loadApiClientAuthorizationsPanel());
 +});
 +
 +export const loadGroupsPanel = handleFirstTimeLoad((dispatch: Dispatch<any>) => {
 +    dispatch(setGroupsBreadcrumbs());
 +    dispatch(groupPanelActions.loadGroupsPanel());
 +});
 +
 +export const loadGroupDetailsPanel = (groupUuid: string) =>
 +    handleFirstTimeLoad((dispatch: Dispatch<any>) => {
 +        dispatch(setGroupDetailsBreadcrumbs(groupUuid));
 +        dispatch(groupDetailsPanelActions.loadGroupDetailsPanel(groupUuid));
 +    });
 +
 +const finishLoadingProject = (project: GroupContentsResource | string) => async (dispatch: Dispatch<any>) => {
 +    const uuid = typeof project === "string" ? project : project.uuid;
 +    dispatch(loadDetailsPanel(uuid));
 +    if (typeof project !== "string") {
 +        dispatch(updateResources([project]));
 +    }
 +};
 +
 +const loadGroupContentsResource = async (params: { uuid: string; userUuid: string; services: ServiceRepository }) => {
 +    const filters = new FilterBuilder().addEqual("uuid", params.uuid).getFilters();
 +    const { items } = await params.services.groupsService.contents(params.userUuid, {
 +        filters,
 +        recursive: true,
 +        includeTrash: true,
 +    });
 +    const resource = items.shift();
 +    let handler: GroupContentsHandler;
 +    if (resource) {
 +        handler =
 +            (resource.kind === ResourceKind.COLLECTION || resource.kind === ResourceKind.PROJECT) && resource.isTrashed
 +                ? groupContentsHandlers.TRASHED(resource)
 +                : groupContentsHandlers.OWNED(resource);
 +    } else {
 +        const kind = extractUuidKind(params.uuid);
 +        let resource: GroupContentsResource;
 +        if (kind === ResourceKind.COLLECTION) {
 +            resource = await params.services.collectionService.get(params.uuid);
 +        } else if (kind === ResourceKind.PROJECT) {
 +            resource = await params.services.projectService.get(params.uuid);
 +        } else if (kind === ResourceKind.WORKFLOW) {
 +            resource = await params.services.workflowService.get(params.uuid);
 +        } else if (kind === ResourceKind.CONTAINER_REQUEST) {
 +            resource = await params.services.containerRequestService.get(params.uuid);
 +        } else {
 +            throw new Error("loadGroupContentsResource unsupported kind " + kind);
 +        }
 +        handler = groupContentsHandlers.SHARED(resource);
 +    }
 +    return (cases: MatchCases<typeof groupContentsHandlersRecord, GroupContentsHandler, void>) => groupContentsHandlers.match(handler, cases);
 +};
 +
 +const groupContentsHandlersRecord = {
 +    TRASHED: ofType<GroupContentsResource>(),
 +    SHARED: ofType<GroupContentsResource>(),
 +    OWNED: ofType<GroupContentsResource>(),
 +};
 +
 +const groupContentsHandlers = unionize(groupContentsHandlersRecord);
 +
 +type GroupContentsHandler = UnionOf<typeof groupContentsHandlers>;
 +
 +type CollectionCopyResource = Resource & { name: string; fromContextMenu: boolean };
 +
 +type MoveableResource = Resource & { name: string };
 +
 +type MoveFunc = (
 +    data: MoveToFormDialogData,
 +    isSecondaryMove?: boolean
 +) => (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => Promise<void>;
 +
 +const secondaryMove: Record<string, MoveFunc> = {
 +    [ResourceKind.PROJECT]: moveProject,
 +    [ResourceKind.PROCESS]: moveProcess,
 +    [ResourceKind.COLLECTION]: moveCollection,
 +};
index 02dd54f1c4366c208f8ba050ed7b05992a31a781,0000000000000000000000000000000000000000..3ff3aaedeb02f6538afb3af6c714f95ec155f35c
mode 100644,000000..100644
--- /dev/null
@@@ -1,91 -1,0 +1,96 @@@
-             <MenuItem onClick={() => dispatch(openUserVirtualMachines())}>Virtual Machines</MenuItem>
 +// Copyright (C) The Arvados Authors. All rights reserved.
 +//
 +// SPDX-License-Identifier: AGPL-3.0
 +
 +import React from "react";
 +import { MenuItem, Divider } from "@material-ui/core";
 +import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
 +import { User, getUserDisplayName } from "models/user";
 +import { DropdownMenu } from "components/dropdown-menu/dropdown-menu";
 +import { UserPanelIcon } from "components/icon/icon";
 +import { DispatchProp, connect } from 'react-redux';
 +import { authActions, getNewExtraToken } from 'store/auth/auth-action';
 +import { RootState } from "store/store";
 +import { openTokenDialog } from 'store/token-dialog/token-dialog-actions';
 +import { openRepositoriesPanel } from "store/repositories/repositories-actions";
 +import {
 +    navigateToSiteManager,
 +    navigateToSshKeysUser,
 +    navigateToMyAccount,
 +    navigateToLinkAccount,
 +} from 'store/navigation/navigation-action';
 +import { openUserVirtualMachines } from "store/virtual-machines/virtual-machines-actions";
 +import { pluginConfig } from 'plugins';
 +import { ElementListReducer } from 'common/plugintypes';
++import { treePickerActions } from "store/tree-picker/tree-picker-actions";
++import { SIDE_PANEL_TREE, SidePanelTreeCategory } from "store/side-panel-tree/side-panel-tree-actions";
 +
 +interface AccountMenuProps {
 +    user?: User;
 +    currentRoute: string;
 +    workbenchURL: string;
 +    apiToken?: string;
 +    localCluster: string;
 +}
 +
 +const mapStateToProps = (state: RootState): AccountMenuProps => ({
 +    user: state.auth.user,
 +    currentRoute: state.router.location ? state.router.location.pathname : '',
 +    workbenchURL: state.auth.config.workbenchUrl,
 +    apiToken: state.auth.apiToken,
 +    localCluster: state.auth.localCluster
 +});
 +
 +type CssRules = 'link';
 +
 +const styles: StyleRulesCallback<CssRules> = () => ({
 +    link: {
 +        textDecoration: 'none',
 +        color: 'inherit'
 +    }
 +});
 +
 +export const AccountMenuComponent =
 +    ({ user, dispatch, currentRoute, workbenchURL, apiToken, localCluster, classes }: AccountMenuProps & DispatchProp<any> & WithStyles<CssRules>) => {
 +        let accountMenuItems = <>
++            <MenuItem onClick={() => {
++                dispatch(treePickerActions.ACTIVATE_TREE_PICKER_NODE({id: SidePanelTreeCategory.SHELL_ACCESS, pickerId: SIDE_PANEL_TREE} ))
++                dispatch(openUserVirtualMachines())
++            }}>Shell Access</MenuItem>
 +            <MenuItem onClick={() => dispatch(openRepositoriesPanel())}>Repositories</MenuItem>
 +            <MenuItem onClick={() => {
 +                dispatch<any>(getNewExtraToken(true));
 +                dispatch(openTokenDialog);
 +            }}>Get API token</MenuItem>
 +            <MenuItem onClick={() => dispatch(navigateToSshKeysUser)}>Ssh Keys</MenuItem>
 +            <MenuItem onClick={() => dispatch(navigateToSiteManager)}>Site Manager</MenuItem>
 +            <MenuItem onClick={() => dispatch(navigateToMyAccount)}>My account</MenuItem>
 +            <MenuItem onClick={() => dispatch(navigateToLinkAccount)}>Link account</MenuItem>
 +        </>;
 +
 +        const reduceItemsFn: (a: React.ReactElement[],
 +            b: ElementListReducer) => React.ReactElement[] = (a, b) => b(a);
 +
 +        accountMenuItems = React.createElement(React.Fragment, null,
 +            pluginConfig.accountMenuList.reduce(reduceItemsFn, React.Children.toArray(accountMenuItems.props.children)));
 +
 +        return user
 +            ? <DropdownMenu
 +                icon={<UserPanelIcon />}
 +                id="account-menu"
 +                title="Account Management"
 +                key={currentRoute}>
 +                <MenuItem disabled>
 +                    {getUserDisplayName(user)} {user.uuid.substring(0, 5) !== localCluster && `(${user.uuid.substring(0, 5)})`}
 +                </MenuItem>
 +                {user.isActive && accountMenuItems}
 +                <Divider />
 +                <MenuItem data-cy="logout-menuitem"
 +                    onClick={() => dispatch(authActions.LOGOUT({ deleteLinkData: true, preservePath: false }))}>
 +                    Logout
 +                </MenuItem>
 +            </DropdownMenu>
 +            : null;
 +    };
 +
 +export const AccountMenu = withStyles(styles)(connect(mapStateToProps)(AccountMenuComponent));
index 9948ace35daadc5fceeff3e4fb4431d70be4e86d,0000000000000000000000000000000000000000..a40c64b3b74e387399db75e4bff69a6f2b5db909
mode 100644,000000..100644
--- /dev/null
@@@ -1,165 -1,0 +1,166 @@@
-                 ? properties.breadcrumbs[0].label !== 'Virtual Machines'
 +// Copyright (C) The Arvados Authors. All rights reserved.
 +//
 +// SPDX-License-Identifier: AGPL-3.0
 +
 +import React, { ReactElement } from 'react'
 +import { connect } from 'react-redux'
 +import { ProjectsIcon, ProcessIcon, FavoriteIcon, ShareMeIcon, TrashIcon, PublicFavoriteIcon, GroupsIcon, ResourceIcon } from 'components/icon/icon'
 +import { TerminalIcon } from 'components/icon/icon'
 +import { IconButton, List, ListItem, Tooltip } from '@material-ui/core'
 +import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles'
 +import { ArvadosTheme } from 'common/custom-theme'
 +import { navigateTo, navigateToInstanceTypes } from 'store/navigation/navigation-action'
 +import { RootState } from 'store/store'
 +import { Dispatch } from 'redux'
 +import {
 +    navigateToSharedWithMe,
 +    navigateToPublicFavorites,
 +    navigateToFavorites,
 +    navigateToGroups,
 +    navigateToAllProcesses,
 +    navigateToTrash,
 +} from 'store/navigation/navigation-action'
 +import { navigateToUserVirtualMachines } from 'store/navigation/navigation-action'
 +import { RouterAction } from 'react-router-redux'
 +import { User } from 'models/user'
++import { SidePanelTreeCategory } from 'store/side-panel-tree/side-panel-tree-actions'
 +
 +type CssRules = 'button' | 'unselected' | 'selected'
 +
 +const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
 +    button: {
 +        width: '40px',
 +        height: '40px',
 +        paddingLeft: '-2rem',
 +        marginLeft: '-0.6rem',
 +        marginBottom: '-1rem'
 +    },
 +    unselected: {
 +        color: theme.customs.colors.grey600,
 +    },
 +    selected: {
 +        color: theme.palette.primary.main,
 +    },
 +})
 +
 +enum SidePanelCollapsedCategory {
 +    PROJECTS = 'Home Projects',
 +    FAVORITES = 'My Favorites',
 +    PUBLIC_FAVORITES = 'Public Favorites',
 +    SHARED_WITH_ME = 'Shared with me',
 +    ALL_PROCESSES = 'All Processes',
 +    INSTANCE_TYPES = 'Instance Types',
 +    SHELL_ACCESS = 'Shell Access',
 +    GROUPS = 'Groups',
 +    TRASH = 'Trash',
 +}
 +
 +type TCollapsedCategory = {
 +    name: SidePanelCollapsedCategory
 +    icon: ReactElement
 +    navTarget: RouterAction | ''
 +}
 +
 +const sidePanelCollapsedCategories: TCollapsedCategory[] = [
 +    {
 +        name: SidePanelCollapsedCategory.PROJECTS,
 +        icon: <ProjectsIcon />,
 +        navTarget: '',
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.FAVORITES,
 +        icon: <FavoriteIcon />,
 +        navTarget: navigateToFavorites,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.PUBLIC_FAVORITES,
 +        icon: <PublicFavoriteIcon />,
 +        navTarget: navigateToPublicFavorites,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.SHARED_WITH_ME,
 +        icon: <ShareMeIcon />,
 +        navTarget: navigateToSharedWithMe,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.ALL_PROCESSES,
 +        icon: <ProcessIcon />,
 +        navTarget: navigateToAllProcesses,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.INSTANCE_TYPES,
 +        icon: <ResourceIcon />,
 +        navTarget: navigateToInstanceTypes,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.SHELL_ACCESS,
 +        icon: <TerminalIcon />,
 +        navTarget: navigateToUserVirtualMachines,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.GROUPS,
 +        icon: <GroupsIcon style={{marginLeft: '2px', scale: '85%'}}/>,
 +        navTarget: navigateToGroups,
 +    },
 +    {
 +        name: SidePanelCollapsedCategory.TRASH,
 +        icon: <TrashIcon />,
 +        navTarget: navigateToTrash,
 +    },
 +]
 +
 +type SidePanelCollapsedProps = {
 +    user: User;
 +    selectedPath: string;
 +    navToHome: (uuid: string) => void;
 +    navTo: (navTarget: RouterAction | '') => void;
 +};
 +
 +const mapStateToProps = ({auth, properties }: RootState) => {
 +        return {
 +            user: auth.user,
 +            selectedPath: properties.breadcrumbs
++                ? properties.breadcrumbs[0].label !== SidePanelTreeCategory.SHELL_ACCESS
 +                ? properties.breadcrumbs[0].label
 +                : SidePanelCollapsedCategory.SHELL_ACCESS
 +                : SidePanelCollapsedCategory.PROJECTS,
 +        }
 +}
 +
 +const mapDispatchToProps = (dispatch: Dispatch) => {
 +    return {
 +        navToHome: (navTarget) => dispatch<any>(navigateTo(navTarget)),
 +        navTo: (navTarget) => dispatch<any>(navTarget),
 +    }
 +}
 +
 +export const SidePanelCollapsed = withStyles(styles)(
 +    connect(mapStateToProps, mapDispatchToProps)(({ classes, user, selectedPath, navToHome, navTo }: WithStyles & SidePanelCollapsedProps) => {
 +
 +        const handleClick = (cat: TCollapsedCategory) => {
 +            if (cat.name === SidePanelCollapsedCategory.PROJECTS) navToHome(user.uuid)
 +            else navTo(cat.navTarget)
 +        }
 +
 +        const { button, unselected, selected } = classes
 +        return (
 +            <List data-cy='side-panel-collapsed'>
 +                {sidePanelCollapsedCategories.map((cat) => (
 +                    <ListItem
 +                        key={cat.name}
 +                        data-cy={`collapsed-${cat.name.toLowerCase().replace(/\s+/g, '-')}`}
 +                        onClick={() => handleClick(cat)}
 +                        >
 +                        <Tooltip
 +                            className={selectedPath === cat.name ? selected : unselected}
 +                            title={cat.name}
 +                            disableFocusListener
 +                            >
 +                            <IconButton className={button}>{cat.icon}</IconButton>
 +                        </Tooltip>
 +                    </ListItem>
 +                ))}
 +            </List>
 +        );
 +    })
 +)