@rancher/shell 3.0.11 → 3.0.12-rc.1

package/components/form/NodeScheduling.vue

@@ -2,6 +2,7 @@
 import { mapGetters } from 'vuex';
 import { RadioGroup } from '@components/Form/Radio';
 import ResourceLabeledSelect from '@shell/components/form/ResourceLabeledSelect.vue';
+import LabeledSelect from '@shell/components/form/LabeledSelect.vue';
 import NodeAffinity from '@shell/components/form/NodeAffinity.vue';
 import { HARVESTER_NAME as VIRTUAL } from '@shell/config/features';
 import { _VIEW } from '@shell/config/query-params';
@@ -18,6 +19,7 @@ const parseNode = (node: string | KubeNode) => typeof node === 'string' ? node :
 export default {
   components: {
     RadioGroup,
+    LabeledSelect,
     ResourceLabeledSelect,
     NodeAffinity,
   },
@@ -35,7 +37,7 @@ export default {
      */
     nodes: {
       type:    Array,
-      default: () => []
+      default: () => null
     },
 
     mode: {
@@ -218,14 +220,14 @@ export default {
       handler(nodeSelector) {
         // Harvester specific code should not live in rancher/dashboard components
         // This was brought into harvester/dashboard via https://github.com/harvester/dashboard/pull/342
-        // rancher/dashboard via https://github.com/rancher/dashboard/pull/6310
+        // and then rancher/dashboard via https://github.com/rancher/dashboard/pull/6310
         if (this.isHarvester && nodeSelector?.[HOSTNAME]) {
           this.selectNode = 'nodeSelector';
           const nodeName = nodeSelector[HOSTNAME];
 
           this.nodeName = nodeName;
 
-          const array = this.nodes.map((n) => n.value);
+          const array = this.nodes?.map((n) => n.value) || [];
 
           if (nodeName && !array.includes(nodeName)) {
             this.$store.dispatch('growl/error', {
@@ -259,7 +261,19 @@ export default {
     <template v-if="selectNode === 'nodeSelector'">
       <div class="row">
         <div class="col span-6">
+          <LabeledSelect
+            v-if="nodes"
+            v-model:value="nodeName"
+            :label="t('workload.scheduling.affinity.nodeName')"
+            :options="nodes || []"
+            :mode="mode"
+            :multiple="false"
+            :loading="loading"
+            :data-testid="'node-scheduling-nodeSelector'"
+            @update:value="update"
+          />
           <ResourceLabeledSelect
+            v-else
             v-model:value="nodeName"
             :label="t('workload.scheduling.affinity.nodeName')"
             :resource-type="NODE"

package/components/form/PrivateRegistry.vue

@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import Banner from '@components/Banner/Banner.vue';
+import { Checkbox } from '@components/Form/Checkbox';
+import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
+
+const props = defineProps<{
+  value?: string | null;
+  enabled?: boolean;
+  mode?: string;
+  rules?: Function[];
+  checkboxTestId?: string;
+  inputTestId?: string;
+}>();
+
+const emit = defineEmits<{
+  'update:value': [val: string | null];
+  'update:enabled': [val: boolean];
+}>();
+
+const showInput = ref(!!props.value);
+
+watch(() => props.enabled, (neu) => {
+  if (typeof neu === 'boolean' && neu !== showInput.value) {
+    showInput.value = neu;
+  }
+});
+
+watch(showInput, (neu, old) => {
+  if (neu !== props.enabled) {
+    emit('update:enabled', neu);
+  }
+  if (!neu && old && props.value) {
+    emit('update:value', null);
+  }
+});
+
+watch(() => props.value, (neu) => {
+  if (!!neu && !showInput.value) {
+    showInput.value = true;
+  }
+});
+</script>
+
+<template>
+  <Banner
+    color="info"
+    class="mt-0"
+    label-key="cluster.privateRegistry.importedDescription"
+  />
+  <Checkbox
+    v-model:value="showInput"
+    class="mb-20"
+    :mode="mode"
+    :label="t('cluster.privateRegistry.label')"
+    :data-testid="checkboxTestId"
+  />
+  <LabeledInput
+    v-if="showInput"
+    :value="value as string"
+    :mode="mode"
+    :rules="rules"
+    :required="true"
+    label-key="catalog.chart.registry.custom.inputLabel"
+    :data-testid="inputTestId"
+    :placeholder="t('catalog.chart.registry.custom.placeholder')"
+    @update:value="(val) => emit('update:value', val)"
+  />
+</template>

package/components/form/__tests__/PrivateRegistry.test.ts

@@ -0,0 +1,133 @@
+import { shallowMount } from '@vue/test-utils';
+import PrivateRegistry from '@shell/components/form/PrivateRegistry.vue';
+import { Checkbox } from '@components/Form/Checkbox';
+import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
+
+const defaultMocks = {
+  $store: {
+    getters: {
+      'i18n/t': (text: string) => text,
+      t:        (text: string) => text,
+    }
+  }
+};
+
+const mountPrivateRegistry = (props = {}) => {
+  return shallowMount(PrivateRegistry, {
+    props: {
+      mode: 'edit',
+      ...props
+    },
+    global: { mocks: defaultMocks }
+  });
+};
+
+describe('privateRegistry', () => {
+  it('should render the info banner', () => {
+    const wrapper = mountPrivateRegistry();
+    const banner = wrapper.find('[color="info"]');
+
+    expect(banner.exists()).toBe(true);
+  });
+
+  it('should render the enable checkbox', () => {
+    const wrapper = mountPrivateRegistry();
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    expect(checkbox.exists()).toBe(true);
+  });
+
+  it('should not show the URL input when no value is provided', () => {
+    const wrapper = mountPrivateRegistry();
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(false);
+  });
+
+  it('should show the URL input when a value is provided', () => {
+    const wrapper = mountPrivateRegistry({ value: 'registry.example.com' });
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(true);
+  });
+
+  it('should show the URL input when checkbox is checked', async() => {
+    const wrapper = mountPrivateRegistry();
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(false);
+
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    await checkbox.vm.$emit('update:value', true);
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(true);
+  });
+
+  it('should emit update:value with null when checkbox is unchecked', async() => {
+    const wrapper = mountPrivateRegistry({ value: 'registry.example.com' });
+
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    await checkbox.vm.$emit('update:value', false);
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.emitted('update:value')).toHaveLength(1);
+    expect(wrapper.emitted('update:value')![0]).toStrictEqual([null]);
+  });
+
+  it('should emit update:value when the URL input changes', async() => {
+    const wrapper = mountPrivateRegistry({ value: 'registry.example.com' });
+    const input = wrapper.findComponent(LabeledInput);
+
+    await input.vm.$emit('update:value', 'new-registry.example.com');
+
+    expect(wrapper.emitted('update:value')).toHaveLength(1);
+    expect(wrapper.emitted('update:value')![0]).toStrictEqual(['new-registry.example.com']);
+  });
+
+  it('should auto-enable the checkbox when value changes from null to a string', async() => {
+    const wrapper = mountPrivateRegistry();
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(false);
+
+    await wrapper.setProps({ value: 'registry.example.com' });
+
+    expect(wrapper.findComponent(LabeledInput).exists()).toBe(true);
+  });
+
+  it('should pass rules to the URL input', () => {
+    const mockRule = jest.fn();
+    const wrapper = mountPrivateRegistry({
+      value: 'registry.example.com',
+      rules: [mockRule]
+    });
+    const input = wrapper.findComponent(LabeledInput);
+
+    expect(input.attributes('rules')).toBeDefined();
+  });
+
+  it('should apply custom data-testid to checkbox when provided', () => {
+    const wrapper = mountPrivateRegistry({ checkboxTestId: 'my-checkbox' });
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    expect(checkbox.attributes('data-testid')).toBe('my-checkbox');
+  });
+
+  it('should apply custom data-testid to input when provided', () => {
+    const wrapper = mountPrivateRegistry({
+      value:       'registry.example.com',
+      inputTestId: 'my-input'
+    });
+    const input = wrapper.findComponent(LabeledInput);
+
+    expect(input.attributes('data-testid')).toBe('my-input');
+  });
+
+  it('should not set data-testid when not provided', () => {
+    const wrapper = mountPrivateRegistry({ value: 'registry.example.com' });
+    const checkbox = wrapper.findComponent(Checkbox);
+    const input = wrapper.findComponent(LabeledInput);
+
+    expect(checkbox.attributes('data-testid')).toBeUndefined();
+    expect(input.attributes('data-testid')).toBeUndefined();
+  });
+});

package/components/formatter/WorkloadHealthScale.vue

@@ -67,7 +67,9 @@ export default {
           color: `bg-${ value.color }`,
           value: value.count || 0,
           label: ucFirst(name)
-        })).filter((x) => x.value > 0);
+        }))
+        .filter((x) => x.value > 0)
+        .sort((a, b) => a.label.localeCompare(b.label));
 
       return 5;
     },

package/components/nav/Group.vue

@@ -269,8 +269,9 @@ export default {
         @keyup.space="groupSelected()"
       >
         <slot name="header">
+          <!-- Group overview with link -->
           <router-link
-            v-if="hasOverview"
+            v-if="hasOverview && hasChildren"
             :to="headerRoute"
             :exact="group.children[0].exact"
             :tabindex="-1"
@@ -279,15 +280,32 @@ export default {
               <span v-clean-html="group.labelDisplay || group.label" />
             </h6>
           </router-link>
+          <!-- Non-linked group header -->
           <h6
-            v-else
+            v-else-if="hasChildren"
           >
             <span v-clean-html="group.labelDisplay || group.label" />
           </h6>
+          <!-- Simple child (nav item) -->
+          <ul
+            v-else
+            class="list-unstyled body root-depth"
+            v-bind="$attrs"
+          >
+            <Type
+
+              :key="id+'_' + group.name + '_type'"
+              :is-root="depth == 0 && !showHeader"
+              :type="group"
+              :depth="depth"
+              :highlight-route="highlightRoute"
+              @selected="selectType($event)"
+            />
+          </ul>
         </slot>
       </div>
       <i
-        v-if="!onlyHasOverview && canCollapse"
+        v-if="!onlyHasOverview && canCollapse && hasChildren"
         class="icon toggle toggle-accordion"
         :class="{'icon-chevron-right': !isExpanded, 'icon-chevron-down': isExpanded}"
         role="button"
@@ -377,6 +395,7 @@ export default {
       display: block;
       box-sizing:border-box;
       height: 100%;
+
       &:hover{
         text-decoration: none;
       }
@@ -484,6 +503,10 @@ export default {
           }
         }
       }
+
+      .root-depth :deep() > .child.nav-type a {
+        padding-left: 14px;
+      }
     }
 
     &.depth-1 {

package/components/nav/Header.vue

@@ -203,12 +203,6 @@ export default {
       return !!this.currentCluster?.actions?.apply;
     },
 
-    prod() {
-      const name = this.rootProduct.name;
-
-      return this.$store.getters['i18n/withFallback'](`product."${ name }"`, null, ucFirst(name));
-    },
-
     showSearch() {
       return this.rootProduct?.inStore === 'cluster';
     },
@@ -239,6 +233,30 @@ export default {
     isHarvester() {
       return this.$store.getters['currentProduct'].inStore === HARVESTER;
     },
+
+    productLabel() {
+      const name = this.rootProduct.name;
+
+      // single products do their own thing, which is the previous default behavior as per next line
+      if (this.isSingleProduct) {
+        return this.$store.getters['i18n/withFallback'](`product."${ name }"`, null, ucFirst(name));
+      } else {
+        if (this.rootProduct?.label) {
+          return this.rootProduct.label;
+        }
+        if (this.rootProduct?.labelKey) {
+          return this.$store.getters['i18n/t'](this.rootProduct.labelKey);
+        }
+
+        return this.$store.getters['i18n/withFallback'](`product."${ name }"`, null, ucFirst(name));
+      }
+    },
+
+    // Determine if we are on a route that shows the logo instead of the product label
+    // This is to enforce the logo display on certain routes like home, about, prefs, account, etc
+    isLogoRoute() {
+      return !this.$route.name.includes('c-cluster');
+    }
   },
 
   watch: {
@@ -518,7 +536,7 @@ export default {
           :alt="t('branding.logos.label')"
         >
         <div class="product-name">
-          {{ prod }}
+          {{ productLabel }}
         </div>
       </div>
     </div>
@@ -534,6 +552,13 @@ export default {
         {{ t(isSingleProduct.productNameKey) }}
       </div>
 
+      <div
+        v-else-if="productLabel && !isLogoRoute"
+        class="product-name"
+      >
+        {{ productLabel }}
+      </div>
+
       <div
         v-else
         class="side-menu-logo"

package/components/nav/TopLevelMenu.vue

@@ -186,8 +186,22 @@ export default {
           to.params.product = p.name;
         }
 
+        let label;
+
+        // Allow product to specify its label (old DSL product() did not have "label" or "labelKey")
+        // new extensions product registration supports both "label" and "labelKey" (with "labelKey" taking precedence if both are provided)
+        if (p.labelKey) {
+          label = this.$store.getters['i18n/t'](p.labelKey);
+        } else if (p.label) {
+          label = p.label;
+        }
+
+        if (!label) {
+          label = this.$store.getters['i18n/withFallback'](`product.${ p.name }`, null, ucFirst(p.name));
+        }
+
         return {
-          label:             this.$store.getters['i18n/withFallback'](`product."${ p.name }"`, null, ucFirst(p.name)),
+          label,
           icon:              `icon-${ p.icon || 'copy' }`,
           svg:               p.svg,
           value:             p.name,

package/config/pagination-table-headers.js

@@ -4,7 +4,8 @@ import {
   EVENT_LAST_SEEN_TIME,
   EVENT_TYPE,
   SECRET_ORIGIN,
-  EVENT_FIRST_SEEN_TIME
+  EVENT_FIRST_SEEN_TIME,
+  WORKLOAD_HEALTH_SCALE
 } from '@shell/config/table-headers';
 
 // This file contains table headers
@@ -95,3 +96,9 @@ export const STEVE_SECRET_ORIGIN = {
   // So we sort by the 'UI_PROJECT_SECRET_COPY' annotation (management.cattle.io/project-scoped-secret-copy) which at least groups the copies.
   sort: `metadata.annotations[${ UI_PROJECT_SECRET_COPY }]:desc`,
 };
+
+export const STEVE_WORKLOAD_HEALTH_SCALE = {
+  ...WORKLOAD_HEALTH_SCALE,
+  sort:   false,
+  search: false,
+};

package/config/product/apps.js

@@ -29,7 +29,8 @@ export function init(store) {
     weight:              97,
     ifHaveGroup:         'catalog.cattle.io',
     icon:                'marketplace',
-    showNamespaceFilter: true
+    showNamespaceFilter: true,
+    extendable:          true,
   });
 
   virtualType({

package/config/product/auth.js

@@ -34,6 +34,7 @@ export function init(store) {
     removable:           false,
     showClusterSwitcher: false,
     category:            'configuration',
+    extendable:          true,
   });
 
   virtualType({

package/config/product/backup.js

@@ -16,6 +16,7 @@ export function init(store) {
   product({
     ifHaveGroup: /^(.*\.)*resources\.cattle\.io$/,
     icon:        'backup-restore',
+    extendable:  true,
   });
 
   weightType(BACKUP_RESTORE.BACKUP, 99, true);

package/config/product/compliance.js

@@ -14,7 +14,7 @@ export function init(store) {
     headers
   } = DSL(store, NAME);
 
-  product({ ifHaveGroup: /^(.*\.)*compliance\.cattle\.io$/ });
+  product({ ifHaveGroup: /^(.*\.)*compliance\.cattle\.io$/, extendable: true });
 
   weightType(COMPLIANCE.CLUSTER_SCAN, 3, true);
   weightType(COMPLIANCE.CLUSTER_SCAN_PROFILE, 2, true);

package/config/product/explorer.js

@@ -27,13 +27,15 @@ import {
 
 import { DSL } from '@shell/store/type-map';
 import {
-  STEVE_AGE_COL, STEVE_EVENT_FIRST_SEEN, STEVE_EVENT_LAST_SEEN, STEVE_EVENT_OBJECT, STEVE_EVENT_TYPE, STEVE_LIST_GROUPS, STEVE_NAMESPACE_COL, STEVE_NAME_COL, STEVE_STATE_COL
+  STEVE_AGE_COL, STEVE_EVENT_FIRST_SEEN, STEVE_EVENT_LAST_SEEN, STEVE_EVENT_OBJECT, STEVE_EVENT_TYPE, STEVE_LIST_GROUPS, STEVE_NAMESPACE_COL, STEVE_NAME_COL, STEVE_STATE_COL,
+  STEVE_WORKLOAD_HEALTH_SCALE
 } from '@shell/config/pagination-table-headers';
 
 import { COLUMN_BREAKPOINTS } from '@shell/types/store/type-map';
 import { STEVE_CACHE } from '@shell/store/features';
 import { configureConditionalDepaginate } from '@shell/store/type-map.utils';
 import { CATTLE_PUBLIC_ENDPOINTS, STORAGE } from '@shell/config/labels-annotations';
+import { POD_LAST_RESTART_FIELD as POD_RESTARTS_LAST_FIELD, POD_RESTART_FIELD as POD_RESTARTS_COUNT_FIELD } from '@shell/types/resources/pod';
 
 export const NAME = 'explorer';
 
@@ -58,6 +60,7 @@ export function init(store) {
     weight:              3,
     showNamespaceFilter: true,
     icon:                'compass',
+    extendable:          true,
     typeStoreMap:        {
       [MANAGEMENT.PROJECT]:                       'management',
       [MANAGEMENT.CLUSTER_ROLE_TEMPLATE_BINDING]: 'management',
@@ -386,11 +389,11 @@ export function init(store) {
   headers(WORKLOAD, [STATE, NAME_COL, NAMESPACE_COL, TYPE, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE]);
   headers(WORKLOAD_TYPES.DEPLOYMENT,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Ready', 'Up-to-date', 'Available', POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
-    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(6), STEVE_WORKLOAD_ENDPOINTS, 'Ready', 'Up-to-date', 'Available', STEVE_AGE_COL],
+    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(6), STEVE_WORKLOAD_ENDPOINTS, 'Ready', 'Up-to-date', 'Available', STEVE_AGE_COL, STEVE_WORKLOAD_HEALTH_SCALE],
   );
   headers(WORKLOAD_TYPES.DAEMON_SET,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Ready', 'Current', 'Desired', POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
-    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(9), STEVE_WORKLOAD_ENDPOINTS, 'Ready', 'Current', 'Desired', STEVE_AGE_COL]
+    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(9), STEVE_WORKLOAD_ENDPOINTS, 'Ready', 'Current', 'Desired', STEVE_AGE_COL, STEVE_WORKLOAD_HEALTH_SCALE]
   );
   headers(WORKLOAD_TYPES.REPLICA_SET,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Ready', 'Current', 'Desired', POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
@@ -398,7 +401,7 @@ export function init(store) {
   );
   headers(WORKLOAD_TYPES.STATEFUL_SET,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Ready', POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
-    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(4), STEVE_WORKLOAD_ENDPOINTS, 'Ready', STEVE_AGE_COL],
+    [STEVE_STATE_COL, STEVE_NAME_COL, STEVE_NAMESPACE_COL, createSteveWorkloadImageCol(4), STEVE_WORKLOAD_ENDPOINTS, 'Ready', STEVE_AGE_COL, STEVE_WORKLOAD_HEALTH_SCALE],
   );
   headers(WORKLOAD_TYPES.JOB,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Completions', DURATION, POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
@@ -408,7 +411,7 @@ export function init(store) {
       sort:      'metadata.fields.3',
       search:    'metadata.fields.3',
       formatter: undefined, // Now that sort/search is remote we're not doing weird things with start time (see `duration` in model)
-    }, STEVE_AGE_COL],
+    }, STEVE_AGE_COL, STEVE_WORKLOAD_HEALTH_SCALE],
   );
   headers(WORKLOAD_TYPES.CRON_JOB,
     [STATE, NAME_COL, NAMESPACE_COL, WORKLOAD_IMAGES, WORKLOAD_ENDPOINTS, 'Schedule', 'Last Schedule', POD_RESTARTS, AGE, WORKLOAD_HEALTH_SCALE],
@@ -428,7 +431,23 @@ export function init(store) {
         ...POD_IMAGES,
         sort:   false,
         search: 'spec.containers.image'
-      }, 'Ready', 'Restarts', 'IP', {
+      },
+      'Ready',
+      {
+        name:     'pod-restart',
+        labelKey: 'tableHeaders.podRestarts',
+        search:   false,
+        sort:     [POD_RESTARTS_COUNT_FIELD, POD_RESTARTS_LAST_FIELD, 'metadata.name'],
+        value:    'restartsCount',
+      }, {
+        name:     'pod-last-restart',
+        labelKey: 'tableHeaders.podLastRestart',
+        value:    'restartsLaster',
+        search:   false,
+        sort:     [POD_RESTARTS_LAST_FIELD, POD_RESTARTS_COUNT_FIELD, 'metadata.name'],
+      },
+      'IP',
+      {
         ...NODE_COL,
         search: 'spec.nodeName'
       },

package/config/product/fleet.js

@@ -32,6 +32,7 @@ export function init(store) {
     removable:             false,
     showClusterSwitcher:   false,
     showWorkspaceSwitcher: true,
+    extendable:            true,
     to:                    {
       name:   'c-cluster-fleet',
       params: { cluster: BLANK_CLUSTER }

package/config/product/gatekeeper.js

@@ -21,6 +21,7 @@ export function init(store) {
   product({
     ifHaveGroup: /^(.*\.)?gatekeeper\.sh$/,
     icon:        'gatekeeper',
+    extendable:  true,
   });
 
   mapGroup(/^(.*\.)?gatekeeper\.sh$/, 'OPA Gatekeeper');

package/config/product/istio.js

@@ -18,6 +18,7 @@ export function init(store) {
     ifHave:              IF_HAVE.NOT_V1_ISTIO,
     icon:                'istio',
     showNamespaceFilter: true,
+    extendable:          true,
   });
 
   virtualType({

package/config/product/logging.js

@@ -21,6 +21,7 @@ export function init(store) {
     icon:                'logging',
     showNamespaceFilter: true,
     weight:              89,
+    extendable:          true,
   });
 
   basicType([

package/config/product/longhorn.js

@@ -20,7 +20,8 @@ export function init(store) {
 
   product({
     ifHaveGroup: 'longhorn.io',
-    icon:        'longhorn'
+    icon:        'longhorn',
+    extendable:  true,
   });
 
   virtualType({

package/config/product/manager.js

@@ -38,6 +38,7 @@ export function init(store) {
     removable:           false,
     showClusterSwitcher: false,
     weight:              -1, // Place at the top
+    extendable:          true,
     to:                  {
       name:   'c-cluster-product-resource',
       params: {

package/config/product/monitoring.js

@@ -38,6 +38,7 @@ export function init(store) {
     icon:                'monitoring',
     showNamespaceFilter: true,
     weight:              90,
+    extendable:          true,
   });
 
   virtualType({

package/config/product/navlinks.js

@@ -10,6 +10,7 @@ export function init(store) {
   product({
     ifHaveType: UI.NAV_LINK,
     icon:       'external-link',
+    extendable: false,
   });
 
   headers(UI.NAV_LINK, [

package/config/product/neuvector.js

@@ -12,7 +12,8 @@ export function init(store) {
   product({
     ifHaveGroup: 'neuvector.com',
     ifHave:      IF_HAVE.NEUVECTOR_NAMESPACE,
-    icon:        'neuvector'
+    icon:        'neuvector',
+    extendable:  true,
   });
 
   virtualType({

package/config/product/settings.js

@@ -28,6 +28,7 @@ export function init(store) {
     showClusterSwitcher: false,
     category:            'configuration',
     weight:              100,
+    extendable:          true,
   });
 
   virtualType({

package/config/product/uiplugins.js

@@ -14,5 +14,6 @@ export function init(store) {
     showClusterSwitcher: false,
     category:            'configuration',
     weight:              50,
+    extendable:          false,
   });
 }