@rancher/shell 3.0.11 → 3.0.12-rc.1

package/dialog/ExtensionCatalogInstallDialog.vue

@@ -302,7 +302,7 @@ export default {
         });
 
         if (this.extensionSvc) {
-          this.extensionUrl = `http://${ this.extensionSvc.spec.clusterIP }:${ this.extensionSvc.spec.ports[0].port }`;
+          this.extensionUrl = `http://${ this.extensionSvc.metadata.name }.${ this.extensionSvc.metadata.namespace }.svc:${ this.extensionSvc.spec.ports[0].port }`;
         } else {
           throw new Error('Error fetching extension service');
         }

package/dialog/InstallExtensionDialog.vue

@@ -223,7 +223,7 @@ export default {
 
       const plugin = this.plugin;
 
-      this.updateStatus(plugin.name, this.action);
+      this.updateStatus(plugin.id, this.action);
 
       // Find the version that the user wants to install
       const version = plugin.versions?.find((v) => v.version === this.version);
@@ -370,31 +370,21 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-  .plugin-install-dialog {
-    padding: 10px;
+  @import '@shell/assets/styles/base/_mixins.scss';
 
-    h4 {
-      font-weight: bold;
-    }
+  .plugin-install-dialog {
+    @include extension-dialog;
 
     .dialog-panel {
-      display: flex;
-      flex-direction: column;
-      min-height: 100px;
-
       p {
-        margin-bottom: 5px;
-      }
-
-      .dialog-info {
-        flex: 1;
+        margin-bottom: 4px;
       }
 
       .toggle-advanced {
         display: flex;
         align-items: center;
         cursor: pointer;
-        margin: 10px 0;
+        margin: 8px 0;
 
         &:hover {
           text-decoration: none;
@@ -403,19 +393,8 @@ export default {
       }
 
       .version-selector {
-        margin: 0 10px 10px 10px;
         width: auto;
       }
     }
-
-    .dialog-buttons {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 10px;
-
-      > *:not(:last-child) {
-        margin-right: 10px;
-      }
-    }
   }
 </style>

package/dialog/UninstallExistingExtensionDialog.vue

@@ -0,0 +1,141 @@
+<script>
+import AsyncButton from '@shell/components/AsyncButton';
+import { CATALOG } from '@shell/config/types';
+import { UI_PLUGIN_NAMESPACE } from '@shell/config/uiplugins';
+
+/**
+ * Dialog shown when user tries to install an extension that is already installed from a different source.
+ * Prompts the user to uninstall the existing version first before installing from the new source.
+ */
+export default {
+  emits: ['close'],
+
+  components: { AsyncButton },
+
+  props: {
+    /**
+     * The installed plugin that needs to be uninstalled
+     */
+    installedPlugin: {
+      type:     Object,
+      default:  () => {},
+      required: true
+    },
+    /**
+     * Callback to update install status on extensions main screen
+     */
+    updateStatus: {
+      type:     Function,
+      default:  () => {},
+      required: true
+    },
+    /**
+     * Callback when modal is closed
+     */
+    closed: {
+      type:     Function,
+      default:  () => {},
+      required: true
+    }
+  },
+
+  data() {
+    return { busy: false };
+  },
+
+  methods: {
+    closeDialog(result) {
+      this.closed(result);
+      this.$emit('close');
+    },
+    async uninstall() {
+      this.busy = true;
+
+      const plugin = this.installedPlugin;
+
+      this.updateStatus(plugin.id, 'uninstall');
+
+      // Delete the CR if this is a developer plugin (there is no Helm App, so need to remove the CRD ourselves)
+      if (plugin.uiplugin?.isDeveloper) {
+        // Delete the custom resource
+        await plugin.uiplugin.remove();
+      }
+
+      // Find the app for this plugin using direct lookup (more efficient than findAll)
+      let pluginApp = null;
+
+      try {
+        const appId = `${ UI_PLUGIN_NAMESPACE }/${ plugin.name }`;
+
+        pluginApp = await this.$store.dispatch('management/find', {
+          type: CATALOG.APP,
+          id:   appId
+        });
+      } catch (e) {
+        // If the app cannot be found (e.g. already removed), proceed without error
+        pluginApp = null;
+      }
+
+      if (pluginApp) {
+        try {
+          await pluginApp.remove();
+        } catch (e) {
+          this.$store.dispatch('growl/error', {
+            title:   this.t('plugins.error.generic'),
+            message: e.message ? e.message : e,
+            timeout: 10000
+          }, { root: true });
+
+          this.busy = false;
+
+          return;
+        }
+
+        await this.$store.dispatch('management/findAll', { type: CATALOG.OPERATION });
+      }
+
+      // Close the dialog
+      this.closeDialog({ uninstalled: true, plugin });
+    }
+  }
+};
+</script>
+
+<template>
+  <div class="plugin-install-dialog">
+    <h4 class="mt-10">
+      {{ t('plugins.install.alreadyInstalledTitle') }}
+    </h4>
+    <div class="mt-10 dialog-panel">
+      <div class="dialog-info">
+        <p>
+          {{ t('plugins.install.alreadyInstalledPrompt') }}
+        </p>
+      </div>
+      <div class="dialog-buttons">
+        <button
+          :disabled="busy"
+          class="btn role-secondary"
+          data-testid="uninstall-existing-ext-modal-cancel-btn"
+          @click="closeDialog(false)"
+        >
+          {{ t('generic.cancel') }}
+        </button>
+        <AsyncButton
+          mode="uninstall"
+          :action-label="t('plugins.install.uninstallExisting')"
+          data-testid="uninstall-existing-ext-modal-uninstall-btn"
+          @click="uninstall()"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  @import '@shell/assets/styles/base/_mixins.scss';
+
+  .plugin-install-dialog {
+    @include extension-dialog;
+  }
+</style>

package/dialog/UninstallExtensionDialog.vue

@@ -65,7 +65,7 @@ export default {
 
       const plugin = this.plugin;
 
-      this.updateStatus(plugin.name, 'uninstall');
+      this.updateStatus(plugin.id, 'uninstall');
 
       // Delete the CR if this is a developer plugin (there is no Helm App, so need to remove the CRD ourselves)
       if (plugin.uiplugin?.isDeveloper) {
@@ -132,31 +132,9 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-  .plugin-install-dialog {
-    padding: 10px;
-
-    h4 {
-      font-weight: bold;
-    }
+  @import '@shell/assets/styles/base/_mixins.scss';
 
-    .dialog-panel {
-      display: flex;
-      flex-direction: column;
-      min-height: 100px;
-
-      .dialog-info {
-        flex: 1;
-      }
-    }
-
-    .dialog-buttons {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 10px;
-
-      > *:not(:last-child) {
-        margin-right: 10px;
-      }
-    }
+  .plugin-install-dialog {
+    @include extension-dialog;
   }
 </style>

package/dialog/__tests__/UninstallExistingExtensionDialog.test.ts

@@ -0,0 +1,114 @@
+import { shallowMount, VueWrapper } from '@vue/test-utils';
+import UninstallExistingExtensionDialog from '@shell/dialog/UninstallExistingExtensionDialog.vue';
+
+const t = (key: string): string => key;
+
+describe('component: UninstallExistingExtensionDialog', () => {
+  let wrapper: VueWrapper<any>;
+
+  const mountComponent = (propsData = {}) => {
+    const store = { dispatch: jest.fn().mockResolvedValue([]) };
+
+    const defaultProps = {
+      installedPlugin: {
+        id: 'test-plugin', name: 'test-plugin', label: 'Test Plugin'
+      },
+      updateStatus: jest.fn(),
+      closed:       jest.fn(),
+    };
+
+    return shallowMount(UninstallExistingExtensionDialog, {
+      propsData: {
+        ...defaultProps,
+        ...propsData,
+      },
+      global: {
+        mocks: {
+          $store:  store,
+          $router: { go: jest.fn() },
+          t,
+        },
+      }
+    });
+  };
+
+  describe('rendering', () => {
+    it('should render the dialog title', () => {
+      wrapper = mountComponent();
+
+      const title = wrapper.find('h4');
+
+      expect(title.text()).toBe('plugins.install.alreadyInstalledTitle');
+    });
+
+    it('should render the dialog prompt', () => {
+      wrapper = mountComponent();
+
+      const prompt = wrapper.find('.dialog-info p');
+
+      expect(prompt.text()).toBe('plugins.install.alreadyInstalledPrompt');
+    });
+
+    it('should render cancel button', () => {
+      wrapper = mountComponent();
+
+      const cancelBtn = wrapper.find('[data-testid="uninstall-existing-ext-modal-cancel-btn"]');
+
+      expect(cancelBtn.exists()).toBe(true);
+    });
+
+    it('should render uninstall button', () => {
+      wrapper = mountComponent();
+
+      const uninstallBtn = wrapper.find('[data-testid="uninstall-existing-ext-modal-uninstall-btn"]');
+
+      expect(uninstallBtn.exists()).toBe(true);
+    });
+  });
+
+  describe('closeDialog', () => {
+    it('should call closed callback and emit close event when cancel is clicked', async() => {
+      const closedFn = jest.fn();
+
+      wrapper = mountComponent({ closed: closedFn });
+
+      const cancelBtn = wrapper.find('[data-testid="uninstall-existing-ext-modal-cancel-btn"]');
+
+      await cancelBtn.trigger('click');
+
+      expect(closedFn).toHaveBeenCalledWith(false);
+      expect(wrapper.emitted('close')).toBeTruthy();
+    });
+  });
+
+  describe('uninstall', () => {
+    it('should call updateStatus with uninstall action', async() => {
+      const updateStatusFn = jest.fn();
+      const installedPlugin = {
+        id: 'test-plugin', name: 'test-plugin', label: 'Test Plugin'
+      };
+
+      wrapper = mountComponent({ installedPlugin, updateStatus: updateStatusFn });
+
+      await wrapper.vm.uninstall();
+
+      expect(updateStatusFn).toHaveBeenCalledWith('test-plugin', 'uninstall');
+    });
+
+    it('should remove developer plugin CR if isDeveloper is true', async() => {
+      const removeFn = jest.fn().mockResolvedValue(undefined);
+      const installedPlugin = {
+        id:       'test-plugin',
+        name:     'test-plugin',
+        label:    'Test Plugin',
+        uiplugin: { isDeveloper: true, remove: removeFn }
+      };
+
+      wrapper = mountComponent({ installedPlugin });
+
+      await wrapper.vm.uninstall();
+
+      expect(removeFn).toHaveBeenCalledWith();
+    });
+  });
+});

package/edit/__tests__/fleet.cattle.io.gitrepo.test.ts

@@ -70,6 +70,7 @@ const initGitRepo = (props: any, value?: any) => {
   }, {
     getters:     { schemaFor: () => ({ linkFor: jest.fn() }) },
     dispatch:    jest.fn(),
+    rootState:   { $extension: { getPlugins: () => ({}) } },
     rootGetters: { 'i18n/t': jest.fn() },
   });
 

package/edit/provisioning.cattle.io.cluster/__tests__/Ingress.test.ts

@@ -0,0 +1,176 @@
+import { mount } from '@vue/test-utils';
+import Ingress from '@shell/edit/provisioning.cattle.io.cluster/tabs/Ingress.vue';
+import { _EDIT } from '@shell/config/query-params';
+import { INGRESS_DUAL, TRAEFIK, INGRESS_NGINX, INGRESS_NONE } from '@shell/edit/provisioning.cattle.io.cluster/shared';
+
+jest.mock('vuex', () => ({
+  useStore:   () => ({ getters: { 'i18n/t': (key: string) => key } }),
+  mapGetters: () => ({ t: (key: string) => key })
+}));
+
+jest.mock('@shell/edit/provisioning.cattle.io.cluster/shared', () => ({
+
+  INGRESS_NGINX:   'ingress-nginx',
+  TRAEFIK:         'traefik',
+  INGRESS_DUAL:    'dual',
+  INGRESS_NONE:    'none',
+  INGRESS_OPTIONS: [{
+    id:        'traefik',
+    image:     { src: '', alt: 'Traefik' },
+    header:    { title: { key: 'cluster.ingress.traefik.header' } },
+    subHeader: { label: { key: 'cluster.ingress.recommended' } },
+    content:   { key: 'cluster.ingress.traefik.content' },
+    doc:       { url: 'https://docs.rke2.io/networking/networking_services?_highlight=ingress#ingress-controller' }
+  },
+  {
+    id:        'ingress-nginx',
+    image:     { src: '', alt: 'NGINX' },
+    header:    { title: { key: 'cluster.ingress.nginx.header' } },
+    subHeader: { label: { key: 'cluster.ingress.legacy' } },
+    content:   { key: 'cluster.ingress.nginx.content' },
+    doc:       { url: 'https://www.kubernetes.dev/blog/2025/11/12/ingress-nginx-retirement/' }
+  },
+  {
+    id:        'dual',
+    header:    { title: { key: 'cluster.ingress.dual.header' } },
+    subHeader: { label: { key: 'cluster.ingress.migration' } },
+    content:   { key: 'cluster.ingress.dual.content' }
+  }],
+  INGRESS_MIGRATION_KB_LINK:          'mock-link',
+  INGRESS_CONTROLLER_CLASS_MIGRATION: 'rke2.cattle.io/ingress-nginx-migration',
+  INGRESS_CLASS_DEFAULT:              'rke2.cattle.io/ingress-nginx-default',
+  INGRESS_CONTROLLER_CLASS_DEFAULT:   'rke2.cattle.io/ingress-nginx-controller-default',
+  INGRESS_CLASS_MIGRATION:            'rke2.cattle.io/ingress-nginx-migration'
+}));
+
+describe('ingress.vue', () => {
+  const defaultProps = {
+    mode:             _EDIT,
+    value:            INGRESS_NONE,
+    nginxSupported:   true,
+    traefikSupported: true,
+    nginxChart:       'rancher-ingress-nginx',
+    traefikChart:     'traefik',
+    userChartValues:  {},
+    versionInfo:      {
+      'rancher-ingress-nginx': { values: {} },
+      traefik:                 { values: {} }
+    }
+  };
+
+  const createWrapper = (props = {}) => mount(Ingress, {
+    props:  { ...defaultProps, ...props },
+    global: {
+      stubs: {
+        Checkbox:             true,
+        Banner:               true,
+        IngressCards:         true,
+        IngressConfiguration: true,
+        YamlEditor:           true,
+        RichTranslation:      true
+      }
+    }
+  });
+
+  it('renders checkbox to enable/disable ingress', () => {
+    const wrapper = createWrapper();
+    const checkbox = wrapper.findComponent({ name: 'Checkbox' });
+
+    expect(checkbox.exists()).toBe(true);
+  });
+
+  it('emits update:value with INGRESS_NONE when ingress is disabled', async() => {
+    const wrapper = createWrapper({ value: TRAEFIK });
+    const checkbox = wrapper.findComponent({ name: 'Checkbox' });
+
+    await checkbox.vm.$emit('update:value', false);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([INGRESS_NONE]);
+  });
+
+  it('emits update:value with TRAEFIK when ingress is enabled and traefik is supported', async() => {
+    const wrapper = createWrapper({ value: INGRESS_NONE });
+    const checkbox = wrapper.findComponent({ name: 'Checkbox' });
+
+    await checkbox.vm.$emit('update:value', true);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([TRAEFIK]);
+  });
+
+  it('emits update:value with INGRESS_NGINX when ingress is enabled, traefik is NOT supported, and nginx IS supported', async() => {
+    const wrapper = createWrapper({ value: INGRESS_NONE, traefikSupported: false });
+    const checkbox = wrapper.findComponent({ name: 'Checkbox' });
+
+    await checkbox.vm.$emit('update:value', true);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([INGRESS_NGINX]);
+  });
+
+  it('selectIngress emits [INGRESS_NGINX, TRAEFIK] string value when INGRESS_DUAL is selected and previous value was ingress-nginx', () => {
+    const wrapper = createWrapper({ value: INGRESS_NGINX, originalIngressController: INGRESS_NGINX });
+    const ingressCards = wrapper.findComponent({ name: 'IngressCards' });
+
+    ingressCards.vm.$emit('select', INGRESS_DUAL);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([[INGRESS_NGINX, TRAEFIK]]);
+  });
+
+  it('selectIngress emits [TRAEFIK, INGRESS_NGINX] string value when INGRESS_DUAL is selected and previous value was traefik', () => {
+    const wrapper = createWrapper({ value: TRAEFIK, originalIngressController: TRAEFIK });
+    const ingressCards = wrapper.findComponent({ name: 'IngressCards' });
+
+    ingressCards.vm.$emit('select', INGRESS_DUAL);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([[TRAEFIK, INGRESS_NGINX]]);
+  });
+
+  it('selectIngress emits [TRAEFIK, INGRESS_NGINX] string value when INGRESS_DUAL is selected and  value went traefik -> nginx -> dual', () => {
+    const wrapper = createWrapper({ value: TRAEFIK, originalIngressController: TRAEFIK });
+    const ingressCards = wrapper.findComponent({ name: 'IngressCards' });
+
+    ingressCards.vm.$emit('select', INGRESS_NGINX);
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([INGRESS_NGINX]);
+
+    ingressCards.vm.$emit('select', INGRESS_DUAL);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[1]).toStrictEqual([[TRAEFIK, INGRESS_NGINX]]);
+  });
+
+  it('selectIngress emits string value when a single ingress is selected', () => {
+    const wrapper = createWrapper({ value: TRAEFIK });
+    const ingressCards = wrapper.findComponent({ name: 'IngressCards' });
+
+    ingressCards.vm.$emit('select', INGRESS_NGINX);
+
+    expect(wrapper.emitted('update:value')).toBeTruthy();
+    expect(wrapper.emitted('update:value')?.[0]).toStrictEqual([INGRESS_NGINX]);
+  });
+
+  it('renders IngressConfiguration when versionInfo contains chart values', () => {
+    const wrapper = createWrapper({ value: TRAEFIK });
+    const config = wrapper.findComponent({ name: 'IngressConfiguration' });
+
+    expect(config.exists()).toBe(true);
+  });
+
+  it('toggles advanced configuration visibility and renders YamlEditor', async() => {
+    const wrapper = createWrapper({ value: TRAEFIK });
+
+    expect(wrapper.findComponent({ name: 'YamlEditor' }).exists()).toBe(false);
+
+    const advancedButton = wrapper.find('.advanced-toggle');
+
+    await advancedButton.trigger('click');
+
+    const yamlEditor = wrapper.find('[data-testid="traefik-yaml-editor"]');
+
+    expect(yamlEditor.exists()).toBe(true);
+  });
+});

package/edit/provisioning.cattle.io.cluster/rke2.vue

@@ -297,7 +297,8 @@ export default {
       originalKubeVersion:                      null,
       isEmpty,
       AGENT_CONFIGURATION_TYPES,
-      basicsValid:                              true
+      basicsValid:                              true,
+      originalIngressController:                this.value.spec.rkeConfig.machineGlobalConfig?.[INGRESS_CONTROLLER] || INGRESS_NONE,
     };
   },
 
@@ -2522,6 +2523,7 @@ export default {
               <Tab
                 v-if="!obj.remove"
                 :key="obj.id"
+                :weight="-1 * idx"
                 :name="obj.id"
                 :label="obj.pool.name || '(Not Named)'"
                 :show-header="false"
@@ -2592,6 +2594,7 @@ export default {
               :is-azure-provider-unsupported="isAzureProviderUnsupported"
               :can-azure-migrate-on-edit="canAzureMigrateOnEdit"
               :has-some-ipv6-pools="hasOnlyIpv6Pools"
+              :original-ingress-controller="originalIngressController"
               @update:value="$emit('input', $event)"
               @cilium-values-changed="handleCiliumValuesChanged"
               @enabled-system-services-changed="handleEnabledSystemServicesChanged"

package/edit/provisioning.cattle.io.cluster/tabs/Basics.vue

@@ -120,6 +120,11 @@ export default {
     canAzureMigrateOnEdit: {
       type:     Boolean,
       required: true
+    },
+    originalIngressController: {
+      type:     [String, Array],
+      required: false,
+      default:  INGRESS_NONE
     }
   },
 
@@ -699,6 +704,7 @@ export default {
       :traefik-chart="traefikChart"
       :user-chart-values="userChartValues"
       :version-info="versionInfo"
+      :original-ingress-controller="originalIngressController"
       @update-values="(name, val) => $emit('update-values', name, val)"
       @error="$emit('error', $event)"
       @yaml-validation-changed="e => $emit('yaml-validation-changed', e)"

package/edit/provisioning.cattle.io.cluster/tabs/Ingress.vue

@@ -24,6 +24,7 @@ interface Props {
   traefikChart: string;
   userChartValues: any;
   versionInfo: any;
+  originalIngressController?: string | string[];
 }
 const {
   mode = _CREATE,
@@ -33,7 +34,8 @@ const {
   nginxSupported,
   traefikSupported,
   userChartValues,
-  versionInfo
+  versionInfo,
+  originalIngressController = INGRESS_NONE
 } = defineProps<Props>();
 
 const emit = defineEmits(['update:value', 'error', 'config-validation-changed', 'yaml-validation-changed', 'update-values']);
@@ -179,7 +181,10 @@ const compatibilityMode = computed({
 
 function selectIngress(id: string) {
   if ( id === INGRESS_DUAL) {
-    emit('update:value', [TRAEFIK, INGRESS_NGINX]);
+    const newValue: string | string[] = !Array.isArray(originalIngressController) ? (originalIngressController === TRAEFIK ? [TRAEFIK, INGRESS_NGINX] : [INGRESS_NGINX, TRAEFIK]) : originalIngressController;
+
+    emit('update:value', newValue);
+
     preconfigureTraefik();
   } else {
     emit('update:value', id);

package/list/provisioning.cattle.io.cluster.vue

@@ -220,7 +220,6 @@ export default {
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
       :data-testid="'cluster-list'"
       :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
-      :sub-rows="true"
     >
       <!-- Why are state column and subrow overwritten here? -->
       <!-- for rke1 clusters, where they try to use the mgmt cluster stateObj instead of prov cluster stateObj,  -->

package/list/workload.vue

@@ -99,13 +99,21 @@ export default {
     const schema = type !== workloadSchema.id ? this.$store.getters['cluster/schemaFor'](type) : workloadSchema;
     const paginationEnabled = !allTypes && this.$store.getters[`cluster/paginationEnabled`]?.({ id: type });
 
+    const workloadIncludeAssociatedData = paginationEnabled && [
+      WORKLOAD_TYPES.DEPLOYMENT,
+      WORKLOAD_TYPES.DAEMON_SET,
+      WORKLOAD_TYPES.STATEFUL_SET,
+      WORKLOAD_TYPES.JOB,
+    ].includes(type);
+
     return {
       allTypes,
       schema,
       paginationEnabled,
       resources: [],
       loadResources,
-      loadIndeterminate
+      loadIndeterminate,
+      workloadIncludeAssociatedData
     };
   },
 
@@ -143,10 +151,8 @@ export default {
      * Fetch resources required to populate POD_RESTARTS and WORKLOAD_HEALTH_SCALE columns
      */
     loadHeathResources() {
-      // See https://github.com/rancher/dashboard/issues/10417, health comes from selectors applied locally to all pods (bad)
       if (this.paginationEnabled) {
-        // Unfortunately with SSP enabled we cannot fetch all pods to then let each row find applicable pods by locally applied selectors (bad for scaling)
-        // See https://github.com/rancher/dashboard/issues/14211
+        // When SSP is enabled we efficiently fetch stats for health column imbedded in the original resource type by supplying `includeAssociatedData` param
         return;
       }
 
@@ -184,6 +190,7 @@ export default {
       v-if="paginationEnabled"
       :schema="schema"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :includeAssociatedData="workloadIncludeAssociatedData"
     />
     <ResourceTable
       v-else