dashboard-shell-shell 0.0.1

package/store/type-map.js

@@ -0,0 +1,2085 @@
+// This file has 2 sections that control getting and using specializations of particular types
+// over the generic info that is specified or generated from schemas.
+//
+// 1) Getting info about types
+//
+// labelFor(schema, count)    Get the display label for a schema.  Count is (in English) 1 or not-1 for pluralizing
+// groupLabelFor(schema)      Get the label for the API group of this schema's type
+// isIgnored(schema)          Returns true if this type should be hidden from the tree
+// groupForBasicType(schema)  Returns the group a type should be shown in basic view, or false-y if it shouldn't be shown.
+// typeWeightFor(type, forBasic)   Get the weight value for a particular type label
+// groupWeightFor(group, forBasic) Get the weight value for a particular group
+// headersFor(schema)         Returns the column definitions for a type to give to SortableTable
+// activeProducts()           Returns the list of products that are installed and should be shown
+//
+// 2) Detecting and using custom list/detail/edit/header components
+//
+// hasCustomList(type)              Does type have a custom list implementation?
+// hasCustomDetail(type[,subType])  Does type have a custom detail implementation?
+// hasCustomEdit(type[,subType])    Does type have a custom edit implementation?
+// importList(type)                 Returns a promise that resolves to the list component for type
+// importDetail(type[,subType])     Returns a promise that resolves to the detail component for type
+// importEdit(type[,subType])       Returns a promise that resolves to the edit component for type
+// optionsFor(schemaOrType)         Return the configured options for a type (from configureType)
+//
+// 3) Changing specialization info about a type
+// For all:
+//   let { thingYouWant } = DSL(instanceOfTheStore, 'product');
+//
+// product(                   Add a product into the nav
+//   removable,               -- Is the product removable (true) or built-in (false).
+//   weight,                  -- Sort order and divider sections in the product menu.  3=global (fleet, ecm), 2=always on (apps, explorer) 1=other
+//   showClusterSwitcher,     -- Show the cluster switcher in the header (default true)
+//   showNamespaceFilter,     -- Show the namespace filter in the header (default false)
+//   showWorkspaceSwitcher,   -- Show the workspace switcher in the header (conflicts with namespace) (default false)
+//   ifHave,                  -- Show this product only if the given capability is available
+//   ifHaveGroup,             -- Show this product only if the given group exists in the store [inStore]
+//   ifHaveType,              -- Show this product only if the given type exists in the store [inStore], This can also be specified as an object { type: TYPE, store: 'management' } if the type isn't in the current [inStore]
+//   ifHaveVerb,              -- In combination with ifHaveTYpe, show it only if the type also has this collectionMethod
+//   inStore,                 -- Which store to look at for if* above and the left-nav, defaults to "cluster"
+//   rootProduct,             -- Optional root (parent) product - if set, used to optimize navigation when product changes stays within root product
+//   inExplorer,              -- Determines if the product is to be scoped to the explorer
+//   public,                  -- If true, show to all users.  If false, only show when the Developer Tools pref is on (default true)
+//   category,                -- Group to show the product in for the nav hamburger menu
+//   typeStoreMap,            -- An object mapping types to the store that should be used to retrieve information about the type
+//   hideSystemResources      -- Hide resources in namespaces where namespace.isSystem === true, or a namespace managed by fleet (per its annotation) and hide those namespaces from ns/project list and nsfilter (default false)
+//   hideNamespaceLocation    -- Hide the namespace link in the ResourceDetail masthead of namespaced resources and hide the ExplorerProjectsNamespaces namespace link (default false)
+// })
+//
+// externalLink(stringOrFn)  The product has an external page (function gets context object
+//
+// virtualType(obj)           Add an item to the tree that goes to a route instead of an actual type.
+//                            --  obj can contain anything in the objects getTree returns.
+//                            --  obj must have a `name` that is unique among all virtual types.
+//                            -- `cluster` is automatically added to route.params if it exists.
+//
+// spoofedType(obj)           Create a fake type that can be treated like a normal type
+//
+// basicType(                 Mark type(s) as always shown in the top of the nav
+//   type(s),                 -- Type name or array of type names
+//   group                    -- Group to show the type(s) under; false-y for top-level.
+// )
+// basicType(                 Mark all types in group as always shown in the top of the nav
+//   group,                   -- Group to show
+//   asLabel                  -- Label to display the group as; false-y for top-level.
+// )
+// ignoreType(type)           Never show type
+// weightType(                Set the weight (sorting) order of one or more types
+//   typeOrArrayOfTypes,
+//   weight,                  -- Higher numbers are shown first/higher up on the nav tree
+//   forBasic                 -- Apply to basic type instead of regular type tree
+// )
+// mapType(                   Remap a type id to a display name
+//   matchRegexOrString,      -- Type to match, or regex that matches types
+//   replacementStringOrFn,   -- String to replace the type with, or
+//                            -- sync function: (type, capturedString, schemaObj => { return 'new-type'; }
+//   mapWeight,               -- Priority for apply this mapping (higher numbers applied first)
+//   continueOnMatch          -- If true, continue applying to hit other rules that might match the new type.
+// )
+// moveType(                  Change the group a type is in
+//   matchRegexOrString,      -- Type to match, or regex that matches types
+//   newGroup,                -- Group to move the type into
+//   mapWeight,               -- Priority for apply this mapping (higher numbers applied first)
+// )
+// componentForType(          Map matching types to a single component name
+// (                          (this is helpful if multiple types should be rendered by a single component)
+//   matchRegexOrString,      -- Type to match, or regex that matches types
+//   replacementString        -- String to replace the type with
+// )
+// configureType(            Display options for a particular type
+//   type,                    -- Type to apply to
+//  options                   -- Object of options.  Defaults/Supported: {
+//                               isCreatable: true, -- If false, disable create even if schema says it's allowed
+//                               isEditable: true,  -- Ditto, for edit
+//                               isRemovable: true,  -- Ditto, for remove/delete
+//                               showState: true,  -- If false, hide state in columns and masthead
+//                               showAge: true,    -- If false, hide age in columns and masthead
+//                               showConfigView: true -- If false, hide masthead config button in view mode
+//                               showListMasthead: true, -- If false, hide masthead in list view
+//                               canYaml: true,
+//                               resource: undefined       -- Use this resource in ResourceDetails instead
+//                               resourceDetail: undefined -- Use this resource specifically for ResourceDetail's detail component
+//                               resourceEdit: undefined   -- Use this resource specifically for ResourceDetail's edit component
+//                               depaginate: undefined -- Use this to depaginate requests for this type
+//                               resourceEditMasthead: true   -- Show the Masthead in the edit resource component
+//                               customRoute: undefined,
+//                               hasGraph: undefined   -- If true, render ForceDirectedTreeChart graph (ATTENTION: option graphConfig is needed also!!!)
+//                               graphConfig: undefined   -- Use this to pass along the graph configuration
+//                               notFilterNamespace:  undefined -- Define namespaces that do not need to be filtered
+//                               localOnly: False -- Hide this type from the nav/search bar on downstream clusters
+//                               custom: any - Custom options for a given type
+//                           }
+// )
+// ignoreGroup(group):        Never show group or any types in it
+// weightGroup(               Set the weight (sorting) of one or more groups
+//   groupOrArrayOfGroups,    -- see weightType...
+//   weight
+// )
+// setGroupDefaultType(       Set the default child type to show when the group is expanded
+//   groupOrArrayOfGroups,    -- see setGroupDefaultType...
+//   defaultType
+// )
+// mapGroup(                  Remap a group name to a display name
+//   matchRegexOrString,      -- see mapType...
+//   replacementString,
+//   mapWeight,
+//   continueOnMatch
+// )
+import { AGE, NAME, NAMESPACE as NAMESPACE_COL, STATE } from '@shell/config/table-headers';
+import {
+  CATALOG,
+  COUNT,
+  SCHEMA,
+  MANAGEMENT,
+  NAMESPACE
+} from '@shell/config/types';
+import { VIEW_IN_API, EXPANDED_GROUPS, FAVORITE_TYPES } from '@shell/store/prefs';
+import {
+  addObject, findBy, isArray, removeObject, filterBy
+} from '@shell/utils/array';
+import { clone, get } from '@shell/utils/object';
+import {
+  ensureRegex, escapeHtml, escapeRegex, ucFirst, pluralize
+} from '@shell/utils/string';
+import {
+  importChart, importList, importDetail, importEdit, listProducts, loadProduct, importCustomPromptRemove, resolveList, resolveEdit, resolveWindowComponent, importWindowComponent, importLogin, resolveChart, resolveDetail, importDialog, importMachineConfig, resolveMachineConfigComponent, resolveCloudCredentialComponent, importCloudCredential
+} from '@shell/utils/dynamic-importer';
+
+import { NAME as EXPLORER } from '@shell/config/product/explorer';
+import isObject from 'lodash/isObject';
+import { normalizeType } from '@shell/plugins/dashboard-store/normalize';
+import { sortBy } from '@shell/utils/sort';
+
+import { haveV2Monitoring } from '@shell/utils/monitoring';
+import { NEU_VECTOR_NAMESPACE } from '@shell/config/product/neuvector';
+import { createHeaders, rowValueGetter } from '@shell/store/type-map.utils';
+import { defineAsyncComponent } from 'vue';
+import { cloud2harvesterhci } from '@shell/utils/router';
+
+export const NAMESPACED = 'namespaced';
+export const CLUSTER_LEVEL = 'cluster';
+export const BOTH = 'both';
+
+export const TYPE_MODES = {
+  /**
+   * allTypes usage: All resource types
+   *
+   * getTree usage: Remove ignored schemas, resources not applicable to ns, etc
+   */
+  ALL:      'all',
+  /**
+   * Represents resource types that should be shown at the top of the side nav.
+   *
+   * For example all fixed resource types above `More Resources` in the cluster explorer
+   *
+   * These will always be shown in the side nav
+   *
+   * allTypes usage: Resources that are in a group
+   *
+   * getTree usage: Remove ignored schemas, resources not applicable to ns, etc
+   */
+  BASIC:    'basic',
+  /**
+   * Represents any type of resource type that has been favourited
+   *
+   * These will always be shown in the side nav.
+   *
+   * allTypes usage: Resource types that have been favorited
+   *
+   * getTree usage: Remove ignored schemas, resources not applicable to ns, etc
+   */
+  FAVORITE: 'favorite',
+  /**
+   * Represents no virtual or spoofed types that have a count.
+   *
+   * For example the `More Resource` in the cluster explorer
+   *
+   * These will be shown in the side nav if there are resources in the ns filter OR the resource is not namespaces
+   *
+   * allTypes usage: All resource types that are not virtual or spoofed
+   *
+   * getTree usage: Remove types with no counts. Remove ignored schemas, resources not applicable to ns, etc
+   */
+  USED:     'used',
+};
+
+export const ROOT = 'root';
+
+export const SPOOFED_PREFIX = '__[[spoofed]]__';
+export const SPOOFED_API_PREFIX = '__[[spoofedapi]]__';
+
+const instanceMethods = {};
+const graphConfigMap = {};
+
+export const IF_HAVE = {
+  V2_MONITORING:            'v2-monitoring',
+  PROJECT:                  'project',
+  NO_PROJECT:               'no-project',
+  NOT_V1_ISTIO:             'not-v1-istio',
+  MULTI_CLUSTER:            'multi-cluster',
+  NEUVECTOR_NAMESPACE:      'neuvector-namespace',
+  ADMIN:                    'admin-user',
+  MCM_DISABLED:             'mcm-disabled',
+  NOT_STANDALONE_HARVESTER: 'not-standalone-harvester',
+};
+
+export function DSL(store, product, module = 'type-map') {
+  // store.commit(`${ module }/product`, { name: product });
+
+  return {
+    product(inOpt) {
+      const opt = {
+        name:                product,
+        weight:              1,
+        inStore:             'cluster',
+        inExplorer:          false,
+        removable:           true,
+        showClusterSwitcher: true,
+        showNamespaceFilter: false,
+        public:              true,
+        filterMode:          'namespaces',
+        ...inOpt
+      };
+
+      // Convert strings to regex's - we do this once here for efficiency
+      for ( const k of ['ifHaveGroup', 'ifHaveType'] ) {
+        if ( opt[k] ) {
+          if (Array.isArray(opt[k])) {
+            opt[k] = opt[k].map((r) => regexToString(ensureRegex(r)));
+          } else {
+            opt[k] = regexToString(ensureRegex(opt[k]));
+          }
+        }
+      }
+
+      store.commit(`${ module }/product`, opt);
+    },
+
+    basicType(types, group) {
+      // Support passing in a map of types and using just the values
+      if ( !isArray(types) && types && isObject(types) ) {
+        types = Object.values(types);
+      }
+
+      store.commit(`${ module }/basicType`, {
+        product, types, group
+      });
+    },
+
+    // Type- and Group-dependent
+    groupBy(type, field) {
+      store.commit(`${ module }/groupBy`, { type, field });
+    },
+
+    headers(type, headers, paginationHeaders = []) {
+      headers.forEach((header) => {
+        // If on the client, then use the value getter if there is one
+        if (header.getValue) {
+          // we need to store the .value prop for the advanced filtering
+          header.valueProp = header.value;
+          header.value = header.getValue;
+        }
+
+        delete header.getValue;
+      });
+
+      store.commit(`${ module }/headers`, { type, headers });
+      store.commit(`${ module }/paginationHeaders`, { type, paginationHeaders });
+    },
+
+    hideBulkActions(type, field) {
+      store.commit(`${ module }/hideBulkActions`, { type, field });
+    },
+
+    configureType(match, options) {
+      if (options.graphConfig) {
+        graphConfigMap[match] = options.graphConfig;
+        delete options.graphConfig;
+      }
+      store.commit(`${ module }/configureType`, { ...options, match });
+    },
+
+    componentForType(match, replace) {
+      store.commit(`${ module }/componentForType`, { match, replace });
+    },
+
+    ignoreType(regexOrString) {
+      store.commit(`${ module }/ignoreType`, regexOrString);
+    },
+
+    ignoreGroup(regexOrString, cb) {
+      store.commit(`${ module }/ignoreGroup`, { regexOrString, cb });
+    },
+
+    weightGroup(input, weight, forBasic) {
+      if ( isArray(input) ) {
+        store.commit(`${ module }/weightGroup`, {
+          groups: input, weight, forBasic
+        });
+      } else {
+        store.commit(`${ module }/weightGroup`, {
+          group: input, weight, forBasic
+        });
+      }
+    },
+
+    setGroupDefaultType(input, defaultType) {
+      if ( isArray(input) ) {
+        store.commit(`${ module }/setGroupDefaultType`, { groups: input, defaultType });
+      } else {
+        store.commit(`${ module }/setGroupDefaultType`, { group: input, defaultType });
+      }
+    },
+
+    weightType(input, weight, forBasic) {
+      if ( isArray(input) ) {
+        store.commit(`${ module }/weightType`, {
+          types: input, weight, forBasic
+        });
+      } else {
+        store.commit(`${ module }/weightType`, {
+          type: input, weight, forBasic
+        });
+      }
+    },
+
+    mapGroup(match, replace, weight = 5, continueOnMatch = false) {
+      store.commit(`${ module }/mapGroup`, {
+        match, replace, weight, continueOnMatch
+      });
+    },
+
+    mapType(match, replace, weight = 5, continueOnMatch = false) {
+      store.commit(`${ module }/mapType`, {
+        match, replace, weight, continueOnMatch
+      });
+    },
+
+    moveType(match, group, weight = 5, continueOnMatch = false) {
+      store.commit(`${ module }/moveType`, {
+        match, group, weight,
+      });
+    },
+
+    virtualType(obj) {
+      store.commit(`${ module }/virtualType`, { product, obj });
+    },
+
+    spoofedType(obj) {
+      store.commit(`${ module }/spoofedType`, { product, obj });
+    }
+  };
+}
+
+let called = false;
+
+export async function applyProducts(store, $plugin) {
+  if (called) {
+    return;
+  }
+
+  called = true;
+  for ( const product of listProducts() ) {
+    const impl = await loadProduct(product);
+
+    if ( impl?.init ) {
+      impl.init(store);
+    }
+  }
+  // Load the products from all plugins
+  $plugin.loadProducts();
+}
+
+export function productsLoaded() {
+  return called;
+}
+
+export const state = function() {
+  return {
+    products:                [],
+    virtualTypes:            {},
+    spoofedTypes:            {},
+    basicTypes:              {},
+    groupIgnore:             [],
+    groupWeights:            {},
+    groupDefaultTypes:       {},
+    basicGroupWeights:       { [ROOT]: 1000 },
+    groupMappings:           [],
+    typeIgnore:              [],
+    basicTypeWeights:        {},
+    typeWeights:             {},
+    typeMappings:            [],
+    typeMoveMappings:        [],
+    typeToComponentMappings: [],
+    typeOptions:             [],
+    groupBy:                 {},
+    headers:                 {},
+    paginationHeaders:       {},
+    hideBulkActions:         {},
+    schemaGeneration:        1,
+    cache:                   {
+      typeMove:           {},
+      groupLabel:         {},
+      ignore:             {},
+      list:               {},
+      chart:              {},
+      detail:             {},
+      edit:               {},
+      componentFor:       {},
+      promptRemove:       {},
+      windowComponents:   {},
+      'machine-config':   {},
+      'cloud-credential': {}
+
+    },
+  };
+};
+
+export const getters = {
+  // ----------------------------------------------------------------------------
+  // 1 ) Getting info
+  // ----------------------------------------------------------------------------
+  // Turns a type name into a display label (e.g. management.cattle.io.cluster -> Cluster)
+  labelFor(state, getters, rootState, rootGetters) {
+    return (schema, count = 1, language = null) => {
+      return _applyMapping(schema, state.typeMappings, 'id', false, () => {
+        // i18n-uses typeLabel.*
+        const key = `typeLabel."${ schema.id.toLowerCase() }"`;
+
+        if ( rootGetters['i18n/exists'](key, language) ) {
+          return rootGetters['i18n/t'](key, { count }, language).trim();
+        }
+
+        const out = schema?.attributes?.kind || schema.id || '?';
+
+        // Add spaces, but breaks typing names into jump menu naturally
+        // out = ucFirst(out.replace(/([a-z])([A-Z])/g,'$1 $2'));
+
+        if ( count === 1 ) {
+          return out;
+        }
+
+        // This works for most things... if you don't like it, put in a typeLabel translation for above.
+        return pluralize(out);
+      });
+    };
+  },
+
+  // Turns a group name into a display label (e.g. management.cattle.io.v3.cluster -> Cluster)
+  groupLabelFor(state) {
+    return (schemaOrName) => {
+      let group = schemaOrName;
+
+      if ( typeof schemaOrName === 'object' ) {
+        let moved = false;
+
+        for ( const rule of state.typeMoveMappings ) {
+          const re = stringToRegex(rule.match);
+
+          if ( schemaOrName.id.match(re) ) {
+            moved = true;
+            group = rule.replace;
+          }
+        }
+
+        if ( !moved ) {
+          group = group.attributes.group;
+        }
+      }
+
+      if ( typeof group !== 'string' ) {
+        return null;
+      }
+
+      const out = _applyMapping(group, state.groupMappings, null, state.cache.groupLabel, (group) => {
+        const match = group.match(/^(.*)\.k8s\.io$/);
+
+        if ( match ) {
+          return match[1].split(/\./).map((x) => ucFirst(x)).join('.');
+        }
+
+        return group;
+      });
+
+      return out;
+    };
+  },
+
+  groupForBasicType(state) {
+    return (product, schemaId) => {
+      return state.basicTypes?.[product]?.[cloud2harvesterhci(schemaId)];
+    };
+  },
+  
+  groupsForVirTypes(state) {
+    return (product, name) => {
+      return state.virtualTypes?.[product].find(item => item.name === name)?.icon;
+    };
+  },
+
+  optionsFor(state, getters, rootState, rootGetters) {
+    const def = {
+      isCreatable:            true,
+      isEditable:             true,
+      isRemovable:            true,
+      showState:              true,
+      showAge:                true,
+      canYaml:                true,
+      namespaced:             null,
+      listGroups:             [],
+      listGroupsWillOverride: false,
+      listMandatorySort:      null,
+      depaginate:             false,
+      customRoute:            undefined,
+      resourceEditMasthead:   true,
+      custom:                 {},
+    };
+
+    return (schemaOrType, pagination) => {
+      // Note - This can run a LOT so needs to be performant
+
+      if (!schemaOrType) {
+        return {};
+      }
+
+      const type = (typeof schemaOrType === 'object' ? schemaOrType.id : schemaOrType);
+      const found = state.typeOptions.find((entry) => {
+        const re = stringToRegex(entry.match);
+
+        return re.test(type);
+      });
+
+      const opts = Object.assign({}, def, found || {});
+
+      // As this runs a lot, avoid anything we don't strictly need (like going out to another store)
+      if (!pagination) {
+        return opts;
+      }
+
+      const storeOptionsFor = schemaOrType?.$ctx?.getters?.['optionsFor'];
+      const storeOpts = storeOptionsFor ? storeOptionsFor({ getters, state }, {
+        schema: schemaOrType, pagination, opts
+      }) : {};
+
+      return {
+        ...opts,
+        ...storeOpts,
+      };
+    };
+  },
+
+  isFavorite(state, getters, rootState, rootGetters) {
+    return (schemaId) => {
+      return rootGetters['prefs/get'](FAVORITE_TYPES).includes(schemaId) || false;
+    };
+  },
+
+  typeWeightFor(state) {
+    return (type, forBasic) => {
+      type = type?.toLowerCase();
+
+      if ( forBasic ) {
+        return state.basicTypeWeights[type] || 0;
+      } else {
+        return state.typeWeights[type] || 0;
+      }
+    };
+  },
+
+  groupWeightFor(state) {
+    return (group, forBasic) => {
+      group = group.toLowerCase();
+
+      if ( forBasic ) {
+        return state.basicGroupWeights[group] || 0;
+      } else {
+        return state.groupWeights[group] || 0;
+      }
+    };
+  },
+
+  groupDefaultTypeFor(state) {
+    return (group) => {
+      group = group.toLowerCase();
+
+      return state.groupDefaultTypes[group];
+    };
+  },
+
+  getTree(state, getters, rootState, rootGetters) {
+    // Name the function so it's easily identifiable when performance tracing
+    return function getTree(productId, mode, allTypes, clusterId, namespaceMode, currentType, search) {
+      // getTree has four modes:
+      // - `basic` matches data types that should always be shown (even if there are 0 of them).
+      // - `used` matches the data types where there are more than 0 of them in the current set of namespaces.
+      // - `all` matches all types.
+      // - `favorite` matches starred types.
+      // namespaceMode: 'namespaced', 'cluster', or 'both'
+      // namespaces: null means all, otherwise it will be an array of specific namespaces to include
+      const isBasic = mode === TYPE_MODES.BASIC;
+
+      let searchRegex;
+
+      if ( search ) {
+        searchRegex = new RegExp(`^(.*)(${ escapeRegex(search) })(.*)$`, 'i');
+      }
+
+      const root = { children: [] };
+
+      // Add types from shortest to longest so that parents
+      // get added before children
+      const keys = Object.keys(allTypes).sort((a, b) => a.length - b.length);
+
+      // Set these for later
+      const currentLocal = rootGetters['i18n/current']();
+      const defaultLocal = rootGetters['i18n/default']();
+
+      for ( const type of keys ) {
+        const typeObj = allTypes[type];
+
+        if ( typeObj.schema && getters.isIgnored(typeObj.schema) ) {
+          // Skip ignored groups & types
+          continue;
+        }
+
+        const namespaced = typeObj.namespaced;
+
+        if ( (namespaceMode === NAMESPACED && !namespaced ) || (namespaceMode === CLUSTER_LEVEL && namespaced) ) {
+          // Skip types that are not the right namespace mode
+          continue;
+        }
+
+        const inStore = rootGetters.currentStore(typeObj.name);
+        const count = rootGetters[`${ inStore }/count`](typeObj);
+        const groupForBasicType = getters.groupForBasicType(productId, typeObj.name);
+
+        if ( typeObj.id === currentType ) {
+          // If this is the type currently being shown, always show it
+        } else if ( isBasic && !groupForBasicType ) {
+          // If we want the basic tree only return basic types;
+          continue;
+        } else if ( mode === TYPE_MODES.USED && count <= 0 ) {
+          // If there's none of this type, ignore this entry when viewing only in-use types
+          // Note: count is sometimes null, in js `null <= 0` is `true`.
+          continue;
+        }
+
+        const label = typeObj.labelKey ? rootGetters['i18n/t'](typeObj.labelKey) || typeObj.label : typeObj.label;
+
+        const virtual = !!typeObj.virtual;
+        let icon = typeObj.icon;
+
+        if ( (!virtual || typeObj.isSpoofed ) && !icon ) {
+          if ( namespaced ) {
+            icon = 'folder';
+          } else {
+            icon = 'globe';
+          }
+        }
+
+        const labelDisplay = highlightLabel(label,icon, count, typeObj.schema);
+
+        if ( !labelDisplay ) {
+          // Search happens in highlight and returns null if not found
+          continue;
+        }
+
+        let group;
+
+        if ( isBasic ) {
+          group = _ensureGroup(root, groupForBasicType, true);
+        } else if ( mode === TYPE_MODES.FAVORITE ) {
+          group = _ensureGroup(root, 'starred');
+          group.weight = 1000;
+        } else if ( mode === TYPE_MODES.USED ) {
+          group = _ensureGroup(root, `inUse::${ getters.groupLabelFor(typeObj.schema) }`);
+        } else {
+          group = _ensureGroup(root, typeObj.schema || typeObj.group || ROOT);
+        }
+
+        let route = typeObj.route;
+
+        // Make the default route if one isn't set
+        if (!route ) {
+          route = {
+            name:   'c-cluster-product-resource',
+            params: {
+              product:  productId,
+              cluster:  clusterId,
+              resource: typeObj.name,
+            }
+          };
+
+          typeObj.route = route;
+        }
+
+        // Cluster ID and Product should always be set
+        if ( route && typeof route === 'object' ) {
+          route.params = route.params || {};
+          route.params.cluster = clusterId;
+          route.params.product = productId;
+        }
+
+        group.children.push({
+          label,
+          labelDisplay,
+          mode:         typeObj.mode,
+          exact:        typeObj.exact || false,
+          'exact-path': typeObj['exact-path'] || false,
+          namespaced,
+          route,
+          name:         typeObj.name,
+          weight:       typeObj.weight || getters.typeWeightFor(typeObj.schema?.id || label, isBasic),
+          overview:     !!typeObj.overview,
+        });
+      }
+
+      // Recursively sort the groups
+      _sortGroup(root, mode);
+
+      return root.children;
+
+      // ----------------------
+
+      function _ensureGroup(tree, schemaOrName, forBasic = false) {
+        let name = getters.groupLabelFor(schemaOrName);
+        const isRoot = ( name === ROOT || name.startsWith(`${ ROOT }::`) );
+
+        if ( name && name.includes('::') ) {
+          let parent;
+
+          [parent, name] = name.split('::', 2);
+          tree = _ensureGroup(tree, parent);
+        }
+
+        // Translate if an entry exists
+        let label = name;
+        // i18n-uses nav.group.*
+        const key = `nav.group."${ name }"`;
+
+        if ( rootGetters['i18n/exists'](key) ) {
+          label = rootGetters['i18n/t'](key);
+        }
+
+        let group = findBy(tree.children, 'name', name);
+
+        if ( !group ) {
+          group = {
+            name,
+            label,
+            weight:      getters.groupWeightFor(name, forBasic),
+            defaultType: getters.groupDefaultTypeFor(name),
+          };
+
+          tree.children.push(group);
+        }
+
+        if ( isRoot ) {
+          group.isRoot = true;
+        }
+
+        if ( !group.children ) {
+          group.children = [];
+        }
+
+        return group;
+      }
+
+      function highlightLabel(original, icon, count, schema) {
+        let label = escapeHtml(original);
+
+        if ( searchRegex ) {
+          let match = label.match(searchRegex);
+
+          if (!match) {
+            if ( currentLocal !== defaultLocal && schema ) {
+              const defaultLabel = getters.labelFor(schema, count, defaultLocal);
+
+              if (defaultLabel && defaultLabel !== label ) {
+                label += ` (${ defaultLabel })`;
+                match = label.match(searchRegex);
+              }
+            }
+          }
+
+          if ( match ) {
+            label = `${ escapeHtml(match[1]) }<span class="highlight">${ escapeHtml(match[2]) }</span>${ escapeHtml(match[3]) }`;
+          } else {
+            return null;
+          }
+        }
+
+        if ( icon ) {
+          console.log(icon)
+          label = `<i class="icon icon-fw icon-${ icon }"></i>${ label }`;
+          console.log(label)
+        }
+
+        return label;
+      }
+    };
+  },
+
+  isSpoofed(state, getters, rootState, rootGetters) {
+    return (type, product) => {
+      product = product || rootGetters['productId'];
+      const productSpoofedTypes = state.spoofedTypes[product] || [];
+
+      return productSpoofedTypes.some((st) => st.type === type);
+    };
+  },
+
+  isVirtual(state, getters, rootState, rootGetters) {
+    return (name, product) => {
+      product = product || rootGetters['productId'];
+      const productVirtualTypes = state.virtualTypes[product] || [];
+
+      return productVirtualTypes.some((st) => st.name === name);
+    };
+  },
+
+  getSpoofedInstances(state, getters, rootState, rootGetters) {
+    return async(type, product) => {
+      product = product || rootGetters['productId'];
+      const getInstances = instanceMethods[product]?.[type] || (() => []);
+      const instances = await getInstances();
+
+      instances.forEach((instance) => {
+        const type = instance.type;
+        const id = instance.id;
+        const link = `/${ SPOOFED_PREFIX }/${ type }/${ id }`;
+        const apiLink = `/${ SPOOFED_API_PREFIX }/${ type }/${ id }`;
+
+        instance.links = {
+          remove: instance.links?.remove || link,
+          self:   instance.links?.self || link,
+          update: instance.links?.update || link,
+          view:   instance.links?.view || apiLink,
+        };
+        instance.isSpoofed = true;
+      });
+
+      return instances;
+    };
+  },
+
+  getSpoofedInstance(state, getters, rootState, rootGetters) {
+    return async(type, product, id) => {
+      const productInstances = await getters.getSpoofedInstances(type, product);
+
+      return productInstances.find( (instance) => instance.id === id);
+    };
+  },
+
+  allSpoofedTypes(state, getters, rootState, rootGetters) {
+    return Object.values(state.spoofedTypes).flat();
+  },
+
+  spoofedSchemas(state, getters, rootState, rootGetters) {
+    return (product) => {
+      const types = state.spoofedTypes[product] || [];
+
+      return types.flatMap((type) => {
+        const schemas = type.schemas || [];
+
+        return schemas.map((schema) => ({
+          ...schema,
+          isSpoofed: true
+        }));
+      });
+    };
+  },
+
+  allSpoofedSchemas(state, getters, rootState, rootGetters) {
+    return getters.allSpoofedTypes.flatMap((type) => {
+      const schemas = type.schemas || [];
+
+      return schemas.map((schema) => ({
+        ...schema,
+        isSpoofed: true
+      }));
+    });
+  },
+
+  /**
+   * Given many things, create a list of menu items per schema given the mode
+   */
+  allTypes(state, getters, rootState, rootGetters) {
+    // Name the function so it's easily identifiable when performance tracing
+    return function allTypes(product, modes = [TYPE_MODES.ALL]) {
+      const module = state.products.find((p) => p.name === product)?.inStore;
+      const schemas = rootGetters[`${ module }/all`](SCHEMA);
+      const isLocal = !rootGetters.currentCluster?.isLocal;
+      const isRancher = rootGetters.isRancher;
+      const counts = rootGetters[`${ module }/all`](COUNT)?.[0]?.counts || {};
+
+      const out = {};
+
+      // For performance reasons this must be super quick to iterate over.
+      // For each schema...
+      // 1) Determine if it's applicable given the mode
+      // 2) For each applicable mode create a `Type` entry
+      for ( const schema of schemas ) {
+        let schemaModes = { };
+
+        modes.forEach((m) => {
+          schemaModes[m] = true;
+        });
+
+        const attrs = schema.attributes || {};
+        const typeOptions = getters['optionsFor'](schema);
+
+        schemaModes[TYPE_MODES.BASIC] = schemaModes[TYPE_MODES.BASIC] && getters.groupForBasicType(product, schema.id);
+
+        if (Object.values(schemaModes).every((s) => !s)) {
+          continue;
+        }
+
+        schemaModes[TYPE_MODES.FAVORITE] = schemaModes[TYPE_MODES.FAVORITE] && getters.isFavorite(schema.id);
+
+        if (Object.values(schemaModes).every((s) => !s)) {
+          continue;
+        }
+
+        const onlyBasic = schemaModes[TYPE_MODES.BASIC] && modes.length === 1;
+
+        // This clause is only valid for non-basic modes. So if we have only basic... skip it
+        if (!onlyBasic) {
+          const invalidType = !attrs.kind ||
+          (typeof typeOptions.ifRancherCluster !== 'undefined' && typeOptions.ifRancherCluster !== isRancher) ||
+          (typeOptions.localOnly && isLocal);
+
+          if (invalidType) {
+            // Remove anything not basic
+            schemaModes = { [TYPE_MODES.BASIC]: schemaModes[TYPE_MODES.BASIC] };
+          }
+        }
+
+        // This is an expensive request to make, so only do it if we really need to
+        let label;
+
+        Object.entries(schemaModes).forEach(([mode, enabled]) => {
+          if (!enabled) {
+            return;
+          }
+
+          if (!out[mode]) {
+            out[mode] = {};
+          }
+
+          if (!label) {
+            label = getters.labelFor(schema, counts[schema.id]);
+          }
+
+          out[mode][schema.id] = {
+            label,
+            mode,
+            weight:     getters.typeWeightFor(schema?.id || label, mode === TYPE_MODES.BASIC),
+            schema,
+            name:       schema.id,
+            namespaced: typeOptions.namespaced === null ? attrs.namespaced : typeOptions.namespaced,
+            route:      typeOptions.customRoute
+          };
+        });
+      }
+
+      const nonUsedModes = modes.filter((m) => m !== TYPE_MODES.USED);
+      const isDev = rootGetters['prefs/get'](VIEW_IN_API);
+
+      // Add virtual and spoofed types
+      if ( nonUsedModes.length ) {
+        const virtualTypes = state.virtualTypes[product] || [];
+        const spoofedTypes = state.spoofedTypes[product] || [];
+        const allTypes = [...virtualTypes, ...spoofedTypes];
+
+        for ( const type of allTypes ) {
+          const item = clone(type);
+          const id = item.name;
+          const virtSpoofedModes = [...nonUsedModes];
+
+          // Is there a virtual/spoofed type override for schema type?
+          // Currently used by harvester, this should be investigated and removed if possible
+          virtSpoofedModes.forEach((mode) => {
+            if (out[mode]?.[id]) {
+              delete out[mode][id];
+            }
+          });
+
+          if ( item['public'] === false && !isDev ) {
+            continue;
+          }
+
+          if (item.ifHave && !ifHave(rootGetters, item.ifHave)) {
+            continue;
+          }
+
+          if ( item.ifHaveType ) {
+            const ifHaveTypeArray = Array.isArray(item.ifHaveType) ? item.ifHaveType : [item.ifHaveType];
+            let satisfiesIfHave = true;
+
+            // Support an array of required types that the user must have access to
+            for (let i = 0; i < ifHaveTypeArray.length; i++) {
+              const ifHaveType = ifHaveTypeArray[i];
+              const targetedSchemas = typeof ifHaveType === 'string' ? schemas : rootGetters[`${ ifHaveType.store }/all`](SCHEMA);
+              const type = typeof ifHaveType === 'string' ? ifHaveType : ifHaveType?.type;
+
+              const haveIds = filterBy(targetedSchemas, 'id', normalizeType(type)).map((s) => s.id);
+
+              if (!haveIds.length) {
+                satisfiesIfHave = false;
+                break;
+              }
+
+              if (item.ifHaveVerb && !ifHaveVerb(rootGetters, module, item.ifHaveVerb, haveIds)) {
+                satisfiesIfHave = false;
+                break;
+              }
+            }
+
+            if (!satisfiesIfHave) {
+              continue;
+            }
+          }
+
+          if ( item.ifHaveSubTypes ) {
+            const hasSome = (item.ifHaveSubTypes || []).some((type) => {
+              return !!findBy(schemas, 'id', normalizeType(type));
+            });
+
+            if (!hasSome) {
+              continue;
+            }
+          }
+
+          if ( typeof item.ifRancherCluster !== 'undefined' && item.ifRancherCluster !== rootGetters.isRancher ) {
+            continue;
+          }
+
+          if (item.ifFeature) {
+            if (item.ifFeature[0] === '!') {
+              const feature = item.ifFeature.replace('!', '');
+
+              if (rootGetters['features/get'](feature)) {
+                continue;
+              }
+            } else {
+              if (!rootGetters['features/get'](item.ifFeature)) {
+                continue;
+              }
+            }
+          }
+
+          if (virtSpoofedModes.includes(TYPE_MODES.BASIC) && !getters.groupForBasicType(product, id) ) {
+            virtSpoofedModes.splice(virtSpoofedModes.indexOf(TYPE_MODES.BASIC), 1);
+          }
+
+          if (virtSpoofedModes.includes(TYPE_MODES.FAVORITE) && !getters.isFavorite(id) ) { // mode === TYPE_MODES.FAVORITE &&
+            virtSpoofedModes.splice(virtSpoofedModes.indexOf(TYPE_MODES.FAVORITE), 1);
+          }
+
+          // Ensure labelKey is taken into account... with a mock count
+          // This is harmless if the translation doesn't require count
+          if (item.labelKey && rootGetters['i18n/exists'](item.labelKey)) {
+            item.label = rootGetters['i18n/t'](item.labelKey, { count: 2 }).trim();
+            delete item.labelKey; // Label should really take precedence over labelKey, but it doesn't, so remove it
+          } else {
+            item.label = item.label || item.name;
+          }
+
+          virtSpoofedModes.forEach((mode) => {
+            const isBasic = mode === TYPE_MODES.BASIC;
+            const weight = type.weight || getters.typeWeightFor(item.label, isBasic);
+
+            item.mode = mode;
+            item.weight = weight;
+            if (!out[mode]) {
+              out[mode] = {};
+            }
+            out[mode][id] = item;
+          });
+        }
+      }
+
+      return out;
+    };
+  },
+
+  groupByFor(state) {
+    return (schema) => {
+      return state.groupBy[schema?.id];
+    };
+  },
+
+  hideBulkActionsFor(state) {
+    return (schema) => {
+      return state.hideBulkActions[schema.id];
+    };
+  },
+
+  headersFor(state, getters, rootState, rootGetters) {
+    return (schema, pagination) => {
+      if (pagination) {
+        const storeHeadersFor = schema?.$ctx?.getters?.['headersFor'];
+
+        if (storeHeadersFor) {
+          const res = storeHeadersFor({ getters, state }, { schema, pagination });
+
+          if (res) {
+            return res;
+          }
+        }
+      }
+
+      return createHeaders({ rootGetters }, {
+        headers:     state.headers,
+        typeOptions: getters['optionsFor'](schema, false),
+        schema,
+        columns:     {
+          state:     STATE,
+          name:      NAME,
+          namespace: NAMESPACE_COL,
+          age:       AGE,
+        },
+        pagination
+      });
+    };
+  },
+
+  /**
+   * Simple getter to fetch pre-configured headers used in pagination
+   */
+  configuredPaginationHeaders(state) {
+    return (schemaOrType) => state.paginationHeaders?.[schemaOrType.id || schemaOrType];
+  },
+
+  /**
+   * Simple getter to fetch pre-configured headers (not used in paginated lists)
+   */
+  configuredHeaders(state) {
+    return (schemaOrType) => state.headers?.[schemaOrType.id || schemaOrType];
+  },
+
+  // ------------------------------------
+  // Custom list/detail/edit/header component detection
+  //
+  // Note: you can't refactor these into one function that does `@/${kind}/${type}`,
+  // because babel needs some hardcoded idea where to look for the dependency.
+  //
+  // Note 2: Yes these are editing state in a getter for caching... it's ok, probably.
+  // ------------------------------------
+  hasCustomList(state, getters, rootState) {
+    return (rawType) => {
+      const key = getters.componentFor(rawType);
+
+      return hasCustom(state, rootState, 'list', key, (key) => resolveList(key));
+    };
+  },
+
+  hasCustomChart(state, getters, rootState) {
+    return (rawType) => {
+      const key = getters.componentFor(rawType);
+
+      return hasCustom(state, rootState, 'chart', key, (key) => resolveChart(key));
+    };
+  },
+
+  hasCustomDetail(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'detail', key, (key) => resolveDetail(key));
+    };
+  },
+
+  hasGraph(state, getters) {
+    return (resource) => {
+      const typeOptions = getters['optionsFor'](resource);
+
+      if (typeOptions && typeOptions.hasGraph) {
+        return graphConfigMap[resource];
+      }
+
+      return null;
+    };
+  },
+
+  hasCustomEdit(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'edit', key, (key) => resolveEdit(key));
+    };
+  },
+
+  hasComponent(state, getters, rootState) {
+    return (path) => {
+      return hasCustom(state, rootState, 'edit', path, (path) => resolveEdit(path));
+    };
+  },
+
+  hasCustomPromptRemove(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'promptRemove', key, () => require.resolve(`@shell/promptRemove/${ key }`));
+    };
+  },
+
+  hasCustomWindowComponent(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'windowComponents', key, (key) => resolveWindowComponent(key));
+    };
+  },
+
+  hasCustomMachineConfigComponent(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'machine-config', key, (key) => resolveMachineConfigComponent(key));
+    };
+  },
+
+  hasCustomCloudCredentialComponent(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
+
+      return hasCustom(state, rootState, 'cloud-credential', key, (key) => resolveCloudCredentialComponent(key));
+    };
+  },
+
+  importComponent(state, getters) {
+    return (path) => {
+      return importEdit(path);
+    };
+  },
+
+  importDialog(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'dialog', getters.componentFor(rawType, subType), importDialog);
+    };
+  },
+
+  importList(state, getters, rootState) {
+    return (rawType) => {
+      return loadExtension(rootState, 'list', getters.componentFor(rawType), importList);
+    };
+  },
+
+  importChart(state, getters, rootState) {
+    return (rawType) => {
+      return loadExtension(rootState, 'chart', getters.componentFor(rawType), importChart);
+    };
+  },
+
+  importDetail(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'detail', getters.componentFor(rawType, subType), importDetail);
+    };
+  },
+
+  importEdit(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'edit', getters.componentFor(rawType, subType), importEdit);
+    };
+  },
+
+  importCustomPromptRemove(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'promptRemove', getters.componentFor(rawType, subType), importCustomPromptRemove);
+    };
+  },
+
+  importWindowComponent(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'windowComponents', getters.componentFor(rawType, subType), importWindowComponent);
+    };
+  },
+
+  importLogin(state, getters, rootState) {
+    return (authType) => {
+      return loadExtension(rootState, 'login', authType, importLogin);
+    };
+  },
+
+  importMachineConfig(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'machine-config', getters.componentFor(rawType, subType), importMachineConfig);
+    };
+  },
+
+  importCloudCredential(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'cloud-credential', getters.componentFor(rawType, subType), importCloudCredential);
+    };
+  },
+
+  componentFor(state, getters) {
+    return (type, subType) => {
+      let key = type;
+
+      if ( subType ) {
+        key = `${ type }/${ subType }`;
+      }
+
+      if ( state.cache.componentFor[key] !== undefined ) {
+        return state.cache.componentFor[key];
+      }
+
+      let out = type;
+
+      const mapping = state.typeToComponentMappings.find((mapping) => {
+        const re = stringToRegex(mapping.match);
+
+        return re.test(key);
+      });
+
+      if ( mapping ) {
+        out = mapping.replace;
+      } else if ( subType ) {
+        // Try again without the subType
+        out = getters.componentFor(type);
+      }
+
+      state.cache.componentFor[key] = out;
+
+      return out;
+    };
+  },
+
+  isIgnored(state, getters, rootState, rootGetters) {
+    return (schema) => {
+      let out = false;
+
+      for ( const rule of state.groupIgnore ) {
+        const group = schema?.attributes?.group;
+
+        if (group && group.match(stringToRegex(rule.type) && isObject(rule) && rule.type)) {
+          out = rule.cb(rootGetters);
+          break;
+        }
+
+        if ( group && typeof rule === 'string' && group.match(stringToRegex(rule)) ) {
+          out = true;
+          break;
+        }
+      }
+
+      if ( !out ) {
+        for ( const rule of state.typeIgnore ) {
+          if ( schema.id.match(stringToRegex(rule)) ) {
+            out = true;
+            break;
+          }
+        }
+      }
+
+      state.cache.ignore[schema.id] = out;
+
+      return out;
+    };
+  },
+
+  activeProducts(state, getters, rootState, rootGetters) {
+    const knownTypes = {};
+    const knownGroups = {};
+    const isDev = rootGetters['prefs/get'](VIEW_IN_API);
+
+    if ( state.schemaGeneration < 0 ) {
+      // This does nothing, but makes activeProducts depend on schemaGeneration
+      // so that it can be used to update the product list on schema change.
+      return;
+    }
+
+    return state.products.filter((p) => {
+      const module = p.inStore;
+
+      if ( p['public'] === false && !isDev ) {
+        return false;
+      }
+
+      if ( p.ifGetter && !rootGetters[p.ifGetter] ) {
+        return false;
+      }
+
+      if ( !knownTypes[module] ) {
+        const schemas = rootGetters[`${ module }/all`](SCHEMA);
+
+        knownTypes[module] = [];
+        knownGroups[module] = [];
+
+        for ( const s of schemas ) {
+          knownTypes[module].push(s._id);
+
+          if ( s._group ) {
+            addObject(knownGroups[module], s._group);
+          }
+        }
+      }
+
+      if ( p.ifFeature) {
+        const features = Array.isArray(p.ifFeature) ? p.ifFeature : [p.ifFeature];
+
+        for (const f of features) {
+          if (!rootGetters['features/get'](f)) {
+            return false;
+          }
+        }
+      }
+
+      if ( p.ifHave && !ifHave(rootGetters, p.ifHave)) {
+        return false;
+      }
+
+      if ( p.ifHaveType ) {
+        const haveIds = knownTypes[module].filter((t) => t.match(stringToRegex(p.ifHaveType)) );
+
+        if ( !haveIds.length ) {
+          return false;
+        }
+
+        if ( p.ifHaveVerb && !ifHaveVerb(rootGetters, module, p.ifHaveVerb, haveIds)) {
+          return false;
+        }
+      }
+
+      if ( p.ifHaveGroup && !knownGroups[module].find((t) => t.match(stringToRegex(p.ifHaveGroup)) ) ) {
+        return false;
+      }
+
+      return true;
+    });
+  },
+
+  isProductActive(state, getters) {
+    return (name) => {
+      if ( findBy(getters['activeProducts'], 'name', name) ) {
+        return true;
+      }
+
+      return false;
+    };
+  },
+
+  rowValueGetter(state) {
+    return (schema, colName) => {
+      const col = _findColumnByName(schema, colName);
+
+      return rowValueGetter(col);
+    };
+  },
+
+  isProductRegistered(state) {
+    return (productName) => {
+      const prod = state.products.find((p) => p.name === productName);
+
+      return !!prod;
+    };
+  },
+
+  productByName(state) {
+    return (productName) => state.products.find((p) => p.name === productName);
+  }
+};
+
+export const mutations = {
+  schemaChanged(state) {
+    state.schemaGeneration = state.schemaGeneration + 1;
+  },
+
+  // Remove the specified product
+  remove(state, { product, plugin }) {
+    const existing = state.products.findIndex((p) => p.name === product);
+
+    // Remove the product
+    if (existing !== -1) {
+      state.products.splice(existing, 1);
+    }
+
+    // Go through the basic types and remove the headers
+    if (state.virtualTypes[product]) {
+      delete state.virtualTypes[product];
+    }
+
+    if (state.basicTypes[product]) {
+      // Remove table header configuration
+      Object.keys(state.basicTypes[product]).forEach((type) => {
+        delete state.headers[type];
+        delete state.basicTypeWeights[type];
+        delete state.cache.ignore[type];
+        // These track whether the type has a custom component
+        delete state.cache.detail[type];
+        delete state.cache.edit[type];
+        delete state.cache.list[type];
+
+        // Delete all of the entries from the componentFor cache where the valye is the type
+        // Can do this more efficiently
+        Object.keys(state.cache.componentFor).forEach((k) => {
+          const v = state.cache.componentFor[k];
+
+          if (v === type) {
+            delete state.cache.componentFor[k];
+          }
+        });
+      });
+
+      delete state.basicTypes[product];
+    }
+
+    if (plugin) {
+      // kind is list, edit, detail etc
+      Object.keys(plugin.types).forEach((kind) => {
+        if (state.cache[kind]) {
+          Object.keys(plugin.types[kind]).forEach((type) => {
+            delete state.cache[kind][type];
+          });
+        }
+      });
+    }
+  },
+
+  product(state, obj) {
+    let existing = state.products.find((p) => p.name === obj.name);
+
+    if ( existing ) {
+      Object.assign(existing, obj);
+    } else {
+      addObject(state.products, obj);
+      existing = state.products.find((p) => p.name === obj.name);
+    }
+
+    // Make sure deprecated `inExplorer` is synchronized with `rootProduct` (and vice-versa)
+    if (existing?.inExplorer) {
+      existing.rootProduct = EXPLORER;
+    } else if (existing?.rootProduct === EXPLORER) {
+      existing.inExplorer = true;
+    }
+
+    // We make an assumption that if the store for a product is 'cluster' it will be displayed within cluster explorer
+    // Detect that here and set rootProduct and inExporer in this case
+    if (!existing?.rootProduct && existing?.inStore === 'cluster') {
+      existing.rootProduct = EXPLORER;
+      existing.inExplorer = (existing.rootProduct === EXPLORER);
+    }
+  },
+
+  virtualType(state, { product, obj }) {
+    if ( !state.virtualTypes[product] ) {
+      state.virtualTypes[product] = [];
+    }
+
+    const copy = clone(obj);
+
+    copy.virtual = true;
+
+    const existing = findBy(state.virtualTypes[product], 'name', copy.name);
+
+    if ( existing ) {
+      Object.assign(existing, copy);
+    } else {
+      addObject(state.virtualTypes[product], copy);
+    }
+  },
+
+  spoofedType(state, { product, obj }) {
+    if ( !state.spoofedTypes[product] ) {
+      state.spoofedTypes[product] = [];
+    }
+
+    const copy = clone(obj);
+
+    instanceMethods[product] = instanceMethods[product] || {};
+    instanceMethods[product][copy.type] = copy.getInstances;
+    delete copy.getInstances;
+
+    copy.name = copy.type;
+    copy.isSpoofed = true;
+    copy.virtual = true;
+    copy.schemas.forEach((schema) => {
+      schema.links = {
+        collection: `/${ SPOOFED_PREFIX }/${ schema.id }`,
+        ...(schema.links || {})
+      };
+    });
+
+    const existing = findBy(state.spoofedTypes[product], 'type', copy.type);
+
+    if ( existing ) {
+      Object.assign(existing, copy);
+    } else {
+      addObject(state.spoofedTypes[product], copy);
+    }
+  },
+
+  basicType(state, { product, group, types }) {
+    if ( !product ) {
+      product = EXPLORER;
+    }
+
+    if ( !group ) {
+      group = ROOT;
+    }
+
+    if ( !isArray(types) ) {
+      types = [types];
+    }
+
+    if ( !state.basicTypes[product] ) {
+      state.basicTypes[product] = {};
+    }
+
+    for ( const t of types ) {
+      state.basicTypes[product][t] = group;
+    }
+  },
+
+  ignoreGroup(state, { regexOrString: match, cb }) {
+    match = ensureRegex(match);
+    // State shouldn't contain actual RegExp objects, because they don't serialize
+    cb ? state.groupIgnore.push({
+      type: regexToString(match),
+      cb
+    }) : state.groupIgnore.push(regexToString(match));
+  },
+
+  ignoreType(state, match) {
+    match = ensureRegex(match);
+    state.typeIgnore.push(regexToString(match));
+  },
+
+  groupBy(state, { type, field }) {
+    state.groupBy[type] = field;
+  },
+
+  headers(state, { type, headers }) {
+    state.headers[type] = headers;
+  },
+
+  paginationHeaders(state, { type, paginationHeaders }) {
+    state.paginationHeaders[type] = paginationHeaders;
+  },
+
+  hideBulkActions(state, { type, field }) {
+    state.hideBulkActions[type] = field;
+  },
+
+  // weightGroup({group: 'core', weight: 99}); -- higher groups are shown first
+  // These operate on group names *after* mapping but *before* translation
+  weightGroup(state, {
+    group, groups, weight, forBasic
+  }) {
+    if ( !groups ) {
+      groups = [];
+    }
+
+    if ( group ) {
+      groups.push(group);
+    }
+
+    const map = forBasic ? state.basicGroupWeights : state.groupWeights;
+
+    for ( const g of groups ) {
+      map[g.toLowerCase()] = weight;
+    }
+  },
+
+  // setGroupDefaultType({group: 'core', defaultType: 'name'});
+  // By default when a group is clicked, the first item is selected - this allows
+  // this behaviour to be changed and a named child type can be chosen
+  // These operate on group names *after* mapping but *before* translation
+  setGroupDefaultType(state, { group, groups, defaultType }) {
+    if ( !groups ) {
+      groups = [];
+    }
+
+    if ( group ) {
+      groups.push(group);
+    }
+
+    for ( const g of groups ) {
+      state.groupDefaultTypes[g.toLowerCase()] = defaultType;
+    }
+  },
+
+  // weightType('Cluster' 99); -- higher groups are shown first
+  // These operate on *schema* type names, before mapping
+  weightType(state, {
+    type, types, weight, forBasic
+  }) {
+    if ( !types ) {
+      types = [];
+    }
+
+    if ( type ) {
+      types.push(type);
+    }
+
+    const map = forBasic ? state.basicTypeWeights : state.typeWeights;
+
+    for ( const t of types ) {
+      map[t.toLowerCase()] = weight;
+    }
+  },
+
+  // mapGroup('ugly.thing', 'Nice Thing', 1);
+  // mapGroup(/ugly.thing.(stuff)', '$1', 2);
+  // mapGroup(/ugly.thing.(stuff)', function(groupStr, ruleObj, regexMatch, typeObj) { return ucFirst(group.id) } , 2);
+  mapGroup(state, {
+    match, replace, weight = 5, continueOnMatch = false
+  }) {
+    _addMapping(state.groupMappings, match, replace, weight, continueOnMatch);
+  },
+
+  mapType(state, {
+    match, replace, weight = 5, continueOnMatch = false
+  }) {
+    _addMapping(state.typeMappings, match, replace, weight, continueOnMatch);
+  },
+
+  // moveType('apps.deployment', 'Core');
+  moveType(state, { match, group, weight = 5 }) {
+    _addMapping(state.typeMoveMappings, match, group, weight);
+  },
+
+  componentForType(state, { match, replace }) {
+    match = ensureRegex(match);
+    match = regexToString(match);
+    state.typeToComponentMappings.push({ match, replace });
+  },
+
+  configureType(state, options) {
+    const match = regexToString(ensureRegex(options.match));
+
+    const idx = state.typeOptions.findIndex((obj) => obj.match === match);
+    let obj = { ...options, match };
+
+    if ( idx >= 0 ) {
+      // Merge the custom data object - multiple configures will update existing rather than overwrite
+      obj.custom = Object.assign(state.typeOptions[idx].custom || {}, obj.custom || {});
+      obj = Object.assign(state.typeOptions[idx], obj);
+      state.typeOptions.splice(idx, 1, obj);
+    } else {
+      const obj = Object.assign({}, options, { match });
+
+      state.typeOptions.push(obj);
+    }
+  },
+
+};
+
+export const actions = {
+  removeProduct({ commit }, metadata) {
+    commit('remove', metadata);
+  },
+
+  addFavorite({ dispatch, rootGetters }, type) {
+    const types = rootGetters['prefs/get'](FAVORITE_TYPES) || [];
+
+    addObject(types, type);
+
+    dispatch('prefs/set', { key: FAVORITE_TYPES, value: types }, { root: true });
+  },
+
+  removeFavorite({ dispatch, rootGetters }, type) {
+    const types = rootGetters['prefs/get'](FAVORITE_TYPES) || [];
+
+    removeObject(types, type);
+
+    dispatch('prefs/set', { key: FAVORITE_TYPES, value: types }, { root: true });
+  },
+
+  toggleGroup({ dispatch, rootGetters }, { group, expanded }) {
+    const groups = rootGetters['prefs/get'](EXPANDED_GROUPS);
+
+    if ( expanded ) {
+      addObject(groups, group);
+    } else {
+      removeObject(groups, group);
+    }
+
+    dispatch('prefs/set', { key: EXPANDED_GROUPS, value: groups }, { root: true });
+  },
+
+  configureType({ commit }, options) {
+    commit('configureType', options);
+  }
+};
+
+function _sortGroup(tree, mode) {
+  const by = ['weight:desc', 'namespaced', 'label'];
+
+  tree.children = sortBy(tree.children, by);
+
+  for (const entry of tree.children ) {
+    if ( entry.children ) {
+      _sortGroup(entry, mode);
+    }
+  }
+}
+
+function _applyMapping(objOrValue, mappings, keyField, cache, defaultFn) {
+  let key = objOrValue;
+  let found = false;
+
+  if ( keyField ) {
+    if ( typeof objOrValue !== 'object' ) {
+      return objOrValue;
+    }
+
+    key = get(objOrValue, keyField);
+
+    if ( typeof key !== 'string' ) {
+      return null;
+    }
+  }
+
+  if ( key && cache && cache[key] ) {
+    return cache[key];
+  }
+
+  let out = `${ key }`;
+
+  for ( const rule of mappings ) {
+    const re = stringToRegex(rule.match);
+    const captured = out.match(re);
+
+    if ( captured && rule.replace ) {
+      out = out.replace(re, rule.replace);
+
+      found = true;
+      if ( !rule.continueOnMatch ) {
+        break;
+      }
+    }
+  }
+
+  if ( !found && defaultFn ) {
+    out = defaultFn(out, objOrValue);
+  }
+
+  if ( cache ) {
+    cache[key] = out;
+  }
+
+  return out;
+}
+
+function _addMapping(mappings, match, replace, weight, continueOnMatch) {
+  match = regexToString(ensureRegex(match));
+
+  mappings.push({
+    match,
+    replace,
+    weight,
+    continueOnMatch,
+    insertIndex: mappings.length,
+  });
+
+  // Re-sort the list by weight (highest first) and insert time (oldest first)
+  mappings.sort((a, b) => {
+    const pri = b.weight - a.weight;
+
+    if ( pri ) {
+      return pri;
+    }
+
+    return a.insertIndex - b.insertIndex;
+  });
+}
+
+// Regexes can't be represented in state because they don't serialize to JSON..
+const regexCache = {};
+
+function regexToString(regex) {
+  return regex.source;
+}
+
+function stringToRegex(str) {
+  let out = regexCache[str];
+
+  if ( !out ) {
+    out = new RegExp(str);
+    regexCache[str] = out;
+  }
+
+  return out;
+}
+
+function ifHave(getters, option) {
+  switch (option) {
+  case IF_HAVE.V2_MONITORING: {
+    return haveV2Monitoring(getters);
+  }
+  case IF_HAVE.PROJECT: {
+    return !!project(getters);
+  }
+  case IF_HAVE.NO_PROJECT: {
+    return !project(getters);
+  }
+  case IF_HAVE.NOT_V1_ISTIO: {
+    return !isV1Istio(getters);
+  }
+  case IF_HAVE.MULTI_CLUSTER: {
+    return getters.isMultiCluster;
+  }
+  case IF_HAVE.NEUVECTOR_NAMESPACE: {
+    return getters[`cluster/all`](NAMESPACE).find((n) => n.metadata.name === NEU_VECTOR_NAMESPACE);
+  }
+  case IF_HAVE.ADMIN: {
+    return isAdminUser(getters);
+  }
+  case IF_HAVE.MCM_DISABLED: {
+    return !getters['isRancherInHarvester'];
+  }
+  case IF_HAVE.NOT_STANDALONE_HARVESTER: {
+    return !getters['isStandaloneHarvester'];
+  }
+  default:
+    return false;
+  }
+}
+
+// Could list a larger set of resources that typically only an admin user would have
+export function isAdminUser(getters) {
+  const canEditSettings = (getters['management/schemaFor'](MANAGEMENT.SETTING)?.resourceMethods || []).includes('PUT');
+  const canEditFeatureFlags = (getters['management/schemaFor'](MANAGEMENT.FEATURE)?.resourceMethods || []).includes('PUT');
+  const canInstallApps = (getters['management/schemaFor'](CATALOG.APP)?.resourceMethods || []).includes('PUT');
+  const canAddRepos = (getters['management/schemaFor'](CATALOG.CLUSTER_REPO)?.resourceMethods || []).includes('PUT');
+  const canPutHelmOperations = (getters['management/schemaFor'](CATALOG.OPERATION)?.resourceMethods || []).includes('PUT');
+
+  return canEditSettings && canEditFeatureFlags && canInstallApps && canAddRepos && canPutHelmOperations;
+}
+
+function _findColumnByName(schema, colName) {
+  const attributes = schema.attributes || {};
+  const columns = attributes.columns || [];
+
+  return findBy(columns, 'name', colName);
+}
+
+// Is V1 Istio installed?
+function isV1Istio(getters) {
+  const cluster = getters['currentCluster'];
+
+  return !!cluster?.status?.istioEnabled;
+}
+
+function ifHaveVerb(rootGetters, module, verb, haveIds) {
+  for ( const haveId of haveIds ) {
+    const schema = rootGetters[`${ module }/schemaFor`](haveId);
+    const want = verb.toLowerCase();
+    const collectionMethods = schema.collectionMethods || [];
+    const resourceMethods = schema.resourceMethods || [];
+    const have = [...collectionMethods, ...resourceMethods].map((x) => x.toLowerCase());
+
+    if ( !have.includes(want) && !have.includes(`blocked-${ want }`) ) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+// Look at the namespace filters to determine if a project is selected
+export function project(getters) {
+  const clusterId = getters['currentCluster']?.id;
+
+  if ( !clusterId ) {
+    return null;
+  }
+
+  const filters = getters['namespaceFilters'];
+  const namespaces = [];
+  let projectName = null;
+
+  for (const filter of filters) {
+    const [type, id] = filter.split('://', 2);
+
+    if (type === 'project') {
+      if (projectName !== null) {
+        // More than one project selected
+        return null;
+      }
+      projectName = id;
+    } else if (type === 'ns') {
+      namespaces.push(id);
+    } else {
+      // Something other than project or namespace
+      return null;
+    }
+  }
+
+  // No project found?
+  if (!projectName) {
+    return null;
+  }
+
+  // We have one project and a set of namespaces
+  // Check that all of the namespaces belong to the project
+  const project = getters['management/byId'](MANAGEMENT.PROJECT, `${ clusterId }/${ projectName }`);
+
+  // No additional namespaces means just the project is selected
+  if (namespaces.length === 0) {
+    return project;
+  }
+
+  // Convert the project namespaces into a map so we can check existence easily
+  const prjNamespaceMap = project.namespaces.reduce((m, ns) => {
+    m[ns.metadata.name] = true;
+
+    return m;
+  }, {});
+
+  // All of the namespace filters must belong to the project
+  const found = namespaces.reduce((total, ns) => {
+    return prjNamespaceMap[ns] ? total + 1 : 0;
+  }, 0);
+
+  if (found !== namespaces.length) {
+    return null;
+  }
+
+  return project;
+}
+
+function hasCustom(state, rootState, kind, key, fallback) {
+  const cache = state.cache[kind];
+
+  if ( cache[key] !== undefined ) {
+    return cache[key];
+  }
+
+  // Check to see if the custom kind is provided by a plugin (ignore booleans)
+  const pluginComponent = rootState.$plugin.getDynamic(kind, key);
+
+  if (typeof pluginComponent !== 'boolean' && !!pluginComponent) {
+    cache[key] = true;
+
+    return cache[key];
+  }
+
+  // Fallback
+  try {
+    fallback(key);
+    cache[key] = true;
+  } catch (e) {
+    cache[key] = false;
+  }
+
+  return cache[key];
+}
+
+function loadExtension(rootState, kind, key, fallback) {
+  const ext = rootState.$plugin.getDynamic(kind, key);
+
+  if (ext) {
+    if (typeof ext === 'function') {
+      return defineAsyncComponent(ext);
+    }
+
+    return () => defineAsyncComponent(ext);
+  }
+
+  return fallback(key);
+}