@rancher/shell 3.0.5-rc.9 → 3.0.6

package/edit/provisioning.cattle.io.cluster/tabs/etcd/S3Config.vue

@@ -165,6 +165,7 @@ export default {
       <LabeledInput
         v-if="!config.skipSSLVerify"
         v-model:value="config.endpointCA"
+        :mode="mode"
         type="multiline"
         :label="t('cluster.rke2.etcd.s3config.endpointCA.label')"
         :placeholder="ccData.defaultEndpointCA"

package/edit/provisioning.cattle.io.cluster/tabs/registries/index.vue

@@ -78,6 +78,7 @@ export default {
     <div class="row">
       <Checkbox
         :value="showCustomRegistryInput"
+        :mode="mode"
         :label="t('cluster.privateRegistry.label')"
         data-testid="registries-enable-checkbox"
         @update:value="$emit('custom-registry-changed', $event)"
@@ -90,6 +91,7 @@ export default {
       <div class="col span-6">
         <LabeledInput
           :value="registryHost"
+          :mode="mode"
           label-key="catalog.chart.registry.custom.inputLabel"
           placeholder-key="catalog.chart.registry.custom.placeholder"
           :min-height="30"

package/edit/provisioning.cattle.io.cluster/tabs/upgrade/DrainOptions.vue

@@ -102,6 +102,7 @@ export default {
       <div class="mt-20">
         <Checkbox
           v-model:value="deleteEmptyDirData"
+          :mode="mode"
           label-key="cluster.rke2.drain.deleteEmptyDir.label"
           tooltip-key="cluster.rke2.drain.deleteEmptyDir.tooltip"
           @update:value="update"
@@ -110,6 +111,7 @@ export default {
       <div>
         <Checkbox
           v-model:value="force"
+          :mode="mode"
           label="Delete standalone pods"
           label-key="cluster.rke2.drain.force.label"
           tooltip="Delete standalone pods which are not managed by a Workload controller (Deployment, Job, etc).  Draining will fail if this is not set and there are standalone pods."
@@ -120,12 +122,14 @@ export default {
       <div>
         <Checkbox
           v-model:value="customGracePeriod"
+          :mode="mode"
           label-key="cluster.rke2.drain.gracePeriod.checkboxLabel"
           @update:value="update"
         />
         <UnitInput
           v-if="customGracePeriod"
           v-model:value="gracePeriod"
+          :mode="mode"
           label-key="cluster.rke2.drain.gracePeriod.inputLabel"
           :suffix="t('suffix.seconds', {count: timeout})"
           class="mb-10"
@@ -135,12 +139,14 @@ export default {
       <div>
         <Checkbox
           v-model:value="customTimeout"
+          :mode="mode"
           label-key="cluster.rke2.drain.timeout.checkboxLabel"
           @update:value="update"
         />
         <UnitInput
           v-if="customTimeout"
           v-model:value="timeout"
+          :mode="mode"
           label-key="cluster.rke2.drain.timeout.inputLabel"
           :suffix="t('suffix.seconds', {count: timeout})"
           class="drain-timeout"

package/initialize/install-plugins.js

@@ -12,7 +12,6 @@ import i18n from '@shell/plugins/i18n';
 import globalFormatters from '@shell/plugins/global-formatters';
 
 import axios from '@shell/utils/axios';
-import cookieUniversal from '@shell/utils/cookie-universal';
 import config from '@shell/utils/config';
 import axiosShell from '@shell/plugins/axios';
 import codeMirror from '@shell/plugins/codemirror-loader';
@@ -47,7 +46,7 @@ export async function installPlugins(vueApp) {
 }
 
 export async function installInjectedPlugins(app, vueApp) {
-  const pluginDefinitions = [config, cookieUniversal, axios, plugins, pluginsLoader, axiosShell, intNumber, codeMirror, nuxtClientInit, replaceAll, plugin, steveCreateWorker, emberCookie, internalApiPlugin];
+  const pluginDefinitions = [config, axios, plugins, pluginsLoader, axiosShell, intNumber, codeMirror, nuxtClientInit, replaceAll, plugin, steveCreateWorker, emberCookie, internalApiPlugin];
 
   const installations = pluginDefinitions.map(async(pluginDefinition) => {
     if (typeof pluginDefinition === 'function') {
@@ -64,7 +63,6 @@ export async function installInjectedPlugins(app, vueApp) {
   // If there's any performance reasons this can be done concurrently with all of the installation promises above but I felt it was organizationally better to keep both i18n items together.
   await app.store.dispatch('i18n/init');
 
-  // Order matters here. This is coming after the other plugins specifically so $cookies can be installed. i18n/init relies on prefs/get which relies on $cookies.
   vueApp.use(i18n, { store: app.store });
 }
 

package/list/catalog.cattle.io.clusterrepo.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import PaginatedResourceTable from '@shell/components/PaginatedResourceTable.vue';
 import { CATALOG as CATALOG_ANNOTATIONS } from '@shell/config/labels-annotations';
-import ClusterRepo from '@shell/models/catalog.cattle.io.clusterrepo';
+import { RancherKubeMetadata } from '@shell/types/kube/kube-api';
 import { PaginationArgs, PaginationParamFilter } from '@shell/types/store/pagination.types';
 import { defineComponent } from 'vue';
 
@@ -25,7 +25,7 @@ export default defineComponent({
     /**
      * Filter out hidden repos from list of all repos
      */
-    filterRowsLocal(rows: ClusterRepo[]) {
+    filterRowsLocal(rows: { metadata: RancherKubeMetadata}[]) {
       return rows.filter((repo) => !(repo?.metadata?.annotations?.[CATALOG_ANNOTATIONS.HIDDEN_REPO] === 'true'));
     },
 

package/mixins/__tests__/auth-config.test.ts

@@ -1,6 +1,7 @@
 import { mount } from '@vue/test-utils';
 import authConfigMixin from '@shell/mixins/auth-config';
-
+import childHook from '@shell/mixins/child-hook';
+//
 describe('mixin: authConfigMixin', () => {
   describe('method: save', () => {
     const componentMock = (model: any) => ({
@@ -11,10 +12,7 @@ describe('mixin: authConfigMixin', () => {
       computed: { principal: () => ({ me: {} }) },
       global:   {
         mocks: {
-          $store: {
-            dispatch: () => model,
-            commit:   () => ({ 'auth/loggedInAs': jest.fn() }),
-          },
+          $store: { dispatch: () => model },
           $route: {
             params: { id: '123' },
             query:  { mode: 'edit' },
@@ -24,7 +22,7 @@ describe('mixin: authConfigMixin', () => {
     });
     const FakeComponent = {
       render() {},
-      mixins:  [authConfigMixin],
+      mixins:  [authConfigMixin, childHook],
       methods: { applyHooks: jest.fn() },
     };
 

package/mixins/__tests__/chart.test.ts

@@ -235,7 +235,7 @@ describe('chartMixin', () => {
       expect(wrapper.vm.action).toStrictEqual({
         name: 'downgrade',
         tKey: 'downgrade',
-        icon: 'icon-history',
+        icon: 'icon-downgrade-alt',
       });
     });
   });

package/mixins/auth-config.js

@@ -1,7 +1,7 @@
 import { _EDIT } from '@shell/config/query-params';
 import { NORMAN, MANAGEMENT } from '@shell/config/types';
 import { AFTER_SAVE_HOOKS, BEFORE_SAVE_HOOKS } from '@shell/mixins/child-hook';
-import { BASE_SCOPES } from '@shell/store/auth';
+import { BASE_SCOPES, SLO_AUTH_PROVIDERS } from '@shell/store/auth';
 import { addObject, findBy } from '@shell/utils/array';
 import { exceptionToErrorsArray } from '@shell/utils/error';
 import difference from 'lodash/difference';
@@ -30,6 +30,10 @@ export default {
     }
   },
 
+  created() {
+    this.registerAfterHook(this.updateAuthProviders, 'force-update-auth-providers');
+  },
+
   async fetch() {
     await this.mixinFetch();
   },
@@ -88,6 +92,23 @@ export default {
   },
 
   methods: {
+    updateAuthProviders() {
+      // we need to forcefully re-fetch the authProviders list so that we can update the logout method
+      // this is to satisfy the SLO usecase where after setting an auth provider the logout method
+      // wasn't being updated because the resource is not watchable
+      this.$store.dispatch('auth/getAuthProviders', { force: true });
+    },
+
+    setSloType(selectedModel) {
+      if (!selectedModel.logoutAllEnabled && !selectedModel.logoutAllForced) {
+        this.sloType = SLO_OPTION_VALUES.rancher;
+      } else if (selectedModel.logoutAllEnabled && selectedModel.logoutAllForced) {
+        this.sloType = SLO_OPTION_VALUES.all;
+      } else if (selectedModel.logoutAllEnabled && !selectedModel.logoutAllForced) {
+        this.sloType = SLO_OPTION_VALUES.both;
+      }
+    },
+
     async mixinFetch() {
       this.authConfigName = this.$route.params.id;
 
@@ -115,20 +136,16 @@ export default {
       if (this.model.openLdapConfig) {
         this.showLdap = true;
       }
-      if (this.value.configType === 'saml') {
+
+      // Logic for Single Logout/SLO for auth providers
+      if (this.value?.configType && SLO_AUTH_PROVIDERS.includes(this.value?.configType)) {
         if (!this.model.rancherApiHost || !this.model.rancherApiHost.length) {
           this.model['rancherApiHost'] = this.serverUrl;
         }
 
         // setting data for SLO
         if (this.model && Object.keys(this.model).includes('logoutAllSupported')) {
-          if (!this.model.logoutAllEnabled && !this.model.logoutAllForced) {
-            this.sloType = SLO_OPTION_VALUES.rancher;
-          } else if (this.model.logoutAllEnabled && this.model.logoutAllForced) {
-            this.sloType = SLO_OPTION_VALUES.all;
-          } else if (this.model.logoutAllEnabled && !this.model.logoutAllForced) {
-            this.sloType = SLO_OPTION_VALUES.both;
-          }
+          this.setSloType(this.model);
         }
       }
 
@@ -220,7 +237,7 @@ export default {
               addObject(this.model.allowedPrincipalIds, this.principal.id);
             }
             // Session has switched to new 'me', ensure we react
-            this.$store.commit('auth/loggedInAs', this.principal.id);
+            this.$store.dispatch('auth/loggedInAs', this.principal.id);
           } else {
             console.warn(`Unable to find principal marked as 'me'`); // eslint-disable-line no-console
           }
@@ -292,6 +309,12 @@ export default {
         // must be cancelling edit of an enabled config; reset any changes and return to add users/groups view for that config
         this.$store.dispatch(`rancher/clone`, { resource: this.originalModel }).then((cloned) => {
           this.model = cloned;
+
+          // reset SLO type (radio option)
+          if (cloned && Object.keys(cloned).includes('logoutAllSupported')) {
+            this.setSloType(cloned);
+          }
+
           this.editConfig = false;
         });
       }

package/mixins/chart.js

@@ -247,7 +247,7 @@ export default {
       }
 
       return {
-        name: 'downgrade', tKey: 'downgrade', icon: 'icon-history'
+        name: 'downgrade', tKey: 'downgrade', icon: 'icon-downgrade-alt'
       };
     },
 

package/models/management.cattle.io.cluster.js

@@ -278,7 +278,7 @@ export default class MgmtCluster extends SteveModel {
 
   // Color to use as the underline for the icon in the app bar
   get iconColor() {
-    return this.metadata?.annotations[CLUSTER_BADGE.COLOR];
+    return this.metadata?.annotations?.[CLUSTER_BADGE.COLOR];
   }
 
   // Custom badge to show for the Cluster (if the appropriate annotations are set)

package/models/workload.js

@@ -43,7 +43,7 @@ export default class Workload extends WorkloadService {
       insertAt(out, 0, {
         action:  'toggleRollbackModal',
         label:   this.t('action.rollback'),
-        icon:    'icon icon-history',
+        icon:    'icon icon-downgrade-alt',
         enabled: !!this.links.update,
       });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rancher/shell",
-  "version": "3.0.5-rc.9",
+  "version": "3.0.6",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancherlabs/dashboard",
   "license": "Apache-2.0",
@@ -93,7 +93,7 @@
     "express": "4.17.1",
     "file-saver": "2.0.2",
     "floating-vue": "5.2.2",
-    "focus-trap": "7.6.2",
+    "focus-trap": "7.6.5",
     "frontmatter-markdown-loader": "3.7.0",
     "identicon.js": "2.3.3",
     "intl-messageformat": "7.8.4",

package/pages/auth/login.vue

@@ -134,7 +134,8 @@ export default {
   },
 
   async fetch() {
-    const username = this.$cookies.get(USERNAME, { parseJSON: false }) || '';
+    const cookie = this.$store.getters['cookies/get']({ key: USERNAME, options: { parseJSON: false } });
+    const username = cookie || '';
 
     this.username = username;
     this.remember = !!username;
@@ -272,15 +273,19 @@ export default {
         }
 
         if ( this.remember ) {
-          this.$cookies.set(USERNAME, this.username, {
+          const options = {
             encode:   (x) => x,
             maxAge:   86400 * 365,
             path:     '/',
             sameSite: true,
             secure:   true,
+          };
+
+          this.$store.commit('cookies/set', {
+            key: USERNAME, value: this.username, options
           });
         } else {
-          this.$cookies.remove(USERNAME);
+          this.$store.commit('cookies/remove', { key: USERNAME });
         }
 
         // User logged with local login - we don't do any redirect/reload, so the boot-time plugin will not run again to laod the plugins

package/pages/auth/logout.vue

@@ -1,19 +1,20 @@
 <script>
 import { configType } from '@shell/models/management.cattle.io.authconfig';
+import { SLO_AUTH_PROVIDERS } from '@shell/store/auth';
 
 export default {
   async fetch() {
     const publicAuthProviders = await this.$store.dispatch('auth/getAuthProviders');
 
-    const samlAuthProvider = publicAuthProviders.find((authProvider) => configType[authProvider.id] === 'saml');
+    const sloAuthProvider = publicAuthProviders.find((authProvider) => SLO_AUTH_PROVIDERS.includes(configType[authProvider?.id]));
 
-    if (!!samlAuthProvider) {
-      const { logoutAllSupported, logoutAllEnabled, logoutAllForced } = samlAuthProvider;
+    if (!!sloAuthProvider) {
+      const { logoutAllSupported, logoutAllEnabled, logoutAllForced } = sloAuthProvider;
 
       if (logoutAllSupported && logoutAllEnabled && logoutAllForced) {
-        // SAML - force SLO (logout from all apps)
+        // force SLO (logout from all apps)
         await this.$store.dispatch('auth/logout', {
-          force: true, slo: true, provider: samlAuthProvider
+          force: true, slo: true, provider: sloAuthProvider
         }, { root: true });
       } else {
         // simple logout

package/pages/c/_cluster/apps/charts/AppChartCardFooter.vue

@@ -80,6 +80,12 @@ function onClickItem(type: string, label: string) {
     &-text {
       text-transform: capitalize;
       margin-right: 8px;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
     }
 
     &-icon {

package/pages/c/_cluster/apps/charts/StatusLabel.vue

@@ -2,9 +2,9 @@
 
 defineProps<{
   label: string;
-  icon: string;
+  icon?: string;
   iconColor?: string;
-  tooltip?: string;
+  iconTooltip?: string;
 }>();
 
 </script>
@@ -13,7 +13,8 @@ defineProps<{
   <div class="status-label">
     {{ label }}
     <i
-      v-clean-tooltip.right="tooltip"
+      v-if="!!icon"
+      v-clean-tooltip.right="iconTooltip"
       :class="['icon', icon, iconColor]"
     />
   </div>

package/pages/c/_cluster/apps/charts/index.vue

@@ -82,10 +82,10 @@ export default {
           label: {
             component:      markRaw(StatusLabel),
             componentProps: {
-              label:     this.t('generic.installed'),
-              icon:      'icon-warning',
-              iconColor: 'warning',
-              tooltip:   this.t('catalog.charts.statusFilterCautions.installation')
+              label:       this.t('generic.installed'),
+              icon:        'icon-warning',
+              iconColor:   'warning',
+              iconTooltip: this.t('catalog.charts.statusFilterCautions.installation')
             }
           }
         },
@@ -98,10 +98,10 @@ export default {
           label: {
             component:      markRaw(StatusLabel),
             componentProps: {
-              label:     this.t('generic.upgradeable'),
-              icon:      'icon-warning',
-              iconColor: 'warning',
-              tooltip:   this.t('catalog.charts.statusFilterCautions.upgradeable')
+              label:       this.t('generic.upgradeable'),
+              icon:        'icon-warning',
+              iconColor:   'warning',
+              iconTooltip: this.t('catalog.charts.statusFilterCautions.upgradeable')
             }
           }
         }
@@ -125,9 +125,10 @@ export default {
     repoOptions() {
       let out = this.$store.getters['catalog/repos'].map((r) => {
         return {
-          value:  r._key,
-          label:  r.nameDisplay,
-          weight: ( r.isRancher ? 1 : ( r.isPartner ? 2 : 3 ) ),
+          value:        r._key,
+          label:        r.nameDisplay,
+          labelTooltip: r.nameDisplay,
+          weight:       ( r.isRancher ? 1 : ( r.isPartner ? 2 : 3 ) ),
         };
       });
 

package/pages/c/_cluster/explorer/tools/__tests__/index.test.ts

@@ -117,7 +117,7 @@ describe('page: cluster tools', () => {
       });
       expect(actions[2]).toStrictEqual({
         label:  'catalog.tools.action.downgrade',
-        icon:   'icon-history',
+        icon:   'icon-downgrade-alt',
         action: 'downgrade'
       });
       expect(actions[3]).toStrictEqual({ divider: true });

package/pages/c/_cluster/explorer/tools/index.vue

@@ -158,7 +158,7 @@ export default {
         if (currentIndex !== -1 && currentIndex < versions.length - 1) {
           actions.push({
             label:  this.t('catalog.tools.action.downgrade'),
-            icon:   'icon-history',
+            icon:   'icon-downgrade-alt',
             action: 'downgrade',
           });
         }

package/plugins/axios.js

@@ -2,13 +2,14 @@ import https from 'https';
 import { CSRF } from '@shell/config/cookies';
 
 export default function({
-  $axios, $cookies, isDev, req
+  $axios, store, isDev, req
 }) {
   $axios.defaults.headers.common['Accept'] = 'application/json';
   $axios.defaults.withCredentials = true;
 
   $axios.onRequest((config) => {
-    const csrf = $cookies.get(CSRF, { parseJSON: false });
+    const options = { parseJSON: false };
+    const csrf = store.getters['cookies/get']({ key: CSRF, options });
 
     if ( csrf ) {
       config.headers['x-api-csrf'] = csrf;

package/plugins/dashboard-store/resource-class.js

@@ -1,4 +1,7 @@
 import { NORMAN_NAME } from '@shell/config/labels-annotations';
+import { getVersionData } from '@shell/config/version';
+import { parseRancherVersion } from '@shell/config/uiplugins';
+import semver from 'semver';
 import {
   _CLONE,
   _CONFIG,
@@ -929,12 +932,20 @@ export default class Resource {
     const currentRoute = this.currentRouter().currentRoute.value;
     const extensionMenuActions = getApplicableExtensionEnhancements(this.$rootState, ExtensionPoint.ACTION, ActionLocation.TABLE, currentRoute, this);
 
+    const currRancherVersionData = getVersionData();
+    const parsedRancherVersion = parseRancherVersion(currRancherVersionData.Version);
+
+    // "showConfiguration" table action is only compatible with Rancher 2.13 and onwards
+    // defence against extension issue https://github.com/rancher/dashboard/issues/15564
+    // where mostly likely extension CRD model is extending from resource-class
+    const isResourceDetailDrawerCompatibleWithRancherSystem = semver.satisfies(parsedRancherVersion, '>= 2.13.0');
+
     const all = [
       {
         action:  'showConfiguration',
         label:   this.t('action.showConfiguration'),
         icon:    'icon icon-document',
-        enabled: this.disableResourceDetailDrawer !== true && (this.canCustomEdit || this.canYaml), // If the resource can't show an edit or a yaml we don't want to show the configuration drawer
+        enabled: isResourceDetailDrawerCompatibleWithRancherSystem && this.disableResourceDetailDrawer !== true && (this.canCustomEdit || this.canYaml), // If the resource can't show an edit or a yaml we don't want to show the configuration drawer
       },
       { divider: true },
       {

package/plugins/ember-cookie.js

@@ -1,13 +1,17 @@
 import { REDIRECTED } from '@shell/config/cookies';
 
-export default function({ $cookies }) {
+export default function({ store }) {
   // This tells Ember not to redirect back to us once you've already been to dashboard once.
   // TODO: Remove this once the ember portion of the app is no longer needed
-  if ( !$cookies.get(REDIRECTED) ) {
-    $cookies.set(REDIRECTED, 'true', {
+  if ( !store.getters['cookies/get']({ key: REDIRECTED })) {
+    const options = {
       path:     '/',
       sameSite: true,
       secure:   true,
+    };
+
+    store.commit('cookies/set', {
+      key: REDIRECTED, value: 'true', options
     });
   }
 }

package/plugins/steve/steve-pagination-utils.ts

@@ -15,9 +15,7 @@ import {
   HPA,
   SECRET
 } from '@shell/config/types';
-import {
-  CAPI as CAPI_LAB_AND_ANO, CATTLE_PUBLIC_ENDPOINTS, STORAGE, UI_PROJECT_SECRET, UI_PROJECT_SECRET_COPY
-} from '@shell/config/labels-annotations';
+import { CAPI as CAPI_LAB_AND_ANO, CATTLE_PUBLIC_ENDPOINTS, STORAGE, UI_PROJECT_SECRET_COPY } from '@shell/config/labels-annotations';
 import { Schema } from '@shell/plugins/steve/schema';
 import { PaginationSettingsStore } from '@shell/types/resources/settings';
 import paginationUtils from '@shell/utils/pagination-utils';
@@ -158,6 +156,7 @@ class StevePaginationUtils extends NamespaceProjectFilters {
       { field: 'id' },
       { field: 'metadata.state.name' },
       { field: 'metadata.creationTimestamp' },
+      { field: 'metadata.labels', startsWith: true },
     ],
     [NODE]: [
       { field: 'status.nodeInfo.kubeletVersion' },
@@ -180,18 +179,12 @@ class StevePaginationUtils extends NamespaceProjectFilters {
       { field: 'spec.internal' },
       { field: 'spec.displayName' },
       { field: `status.provider` },
-      { field: `metadata.labels["${ CAPI_LAB_AND_ANO.PROVIDER }]` },
       { field: `status.connected` },
     ],
-    [CONFIG_MAP]: [
-      { field: 'metadata.labels[harvesterhci.io/cloud-init-template]' }
-    ],
     [SECRET]: [
-      { field: `metadata.labels[${ UI_PROJECT_SECRET }]` },
       { field: `metadata.annotations[${ UI_PROJECT_SECRET_COPY }]` },
     ],
     [NAMESPACE]: [
-      { field: 'metadata.labels[field.cattle.io/projectId]' }
     ],
     [CAPI.MACHINE]: [
       { field: 'spec.clusterName' }
@@ -214,7 +207,6 @@ class StevePaginationUtils extends NamespaceProjectFilters {
       { field: 'status.releaseName' },
     ],
     [CAPI.RANCHER_CLUSTER]: [
-      { field: `metadata.labels[${ CAPI_LAB_AND_ANO.PROVIDER }]` },
       { field: `status.provider` },
       { field: 'status.clusterName' },
       { field: `metadata.annotations[${ CAPI_LAB_AND_ANO.HUMAN_NAME }]` }
@@ -224,14 +216,14 @@ class StevePaginationUtils extends NamespaceProjectFilters {
       { field: 'spec.clusterIP' },
     ],
     [INGRESS]: [
-      { field: 'spec.rules.host' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.rules.host' },
       { field: 'spec.ingressClassName' },
     ],
     [HPA]: [
-      { field: 'spec.scaleTargetRef.name' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50527
-      { field: 'spec.minReplicas' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50527
-      { field: 'spec.maxReplicas' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50527
-      { field: 'spec.currentReplicas' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50527
+      { field: 'spec.scaleTargetRef.name' },
+      { field: 'spec.minReplicas' },
+      { field: 'spec.maxReplicas' },
+      { field: 'spec.currentReplicas' },
     ],
     [PVC]: [
       { field: 'spec.volumeName' },
@@ -249,29 +241,29 @@ class StevePaginationUtils extends NamespaceProjectFilters {
     ],
     [WORKLOAD_TYPES.CRON_JOB]: [
       { field: `metadata.annotations[${ CATTLE_PUBLIC_ENDPOINTS }]` },
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.DAEMON_SET]: [
       { field: `metadata.annotations[${ CATTLE_PUBLIC_ENDPOINTS }]` },
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.DEPLOYMENT]: [
       { field: `metadata.annotations[${ CATTLE_PUBLIC_ENDPOINTS }]` },
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.JOB]: [
       { field: `metadata.annotations[${ CATTLE_PUBLIC_ENDPOINTS }]` },
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.STATEFUL_SET]: [
       { field: `metadata.annotations[${ CATTLE_PUBLIC_ENDPOINTS }]` },
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.REPLICA_SET]: [
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
     [WORKLOAD_TYPES.REPLICATION_CONTROLLER]: [
-      { field: 'spec.template.spec.containers.image' }, // Pending API Support - BUG - https://github.com/rancher/rancher/issues/50526
+      { field: 'spec.template.spec.containers.image' },
     ],
   }
 

package/plugins/steve/subscribe.js

@@ -369,13 +369,15 @@ const sharedActions = {
       if (!this.$workers[getters.storeName]) {
         await createWorker(this, ctx);
       }
+      const options = { parseJSON: false };
+      const csrf = rootGetters['cookies/get']({ key: CSRF, options });
 
       // if the worker is in advanced mode then it'll contain it's own socket which it calls a 'watcher'
       this.$workers[getters.storeName].postMessage({
         createWatcher: {
           metadata,
-          url:  `${ state.config.baseUrl }/subscribe`,
-          csrf: this.$cookies.get(CSRF, { parseJSON: false }),
+          url: `${ state.config.baseUrl }/subscribe`,
+          csrf,
           maxTries
         }
       });