@rancher/shell 3.0.10 → 3.0.11

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

@@ -1,5 +1,6 @@
 <script lang="ts">
 import CreateEditView from '@shell/mixins/create-edit-view';
+import AsyncButton from '@shell/components/AsyncButton.vue';
 import Footer from '@shell/components/form/Footer';
 import { LabeledInput } from '@components/Form/LabeledInput';
 import NameNsDescription from '@shell/components/form/NameNsDescription';
@@ -16,6 +17,7 @@ import { getVersionData } from '@shell/config/version';
 import { RcItemCard } from '@components/RcItemCard';
 import { _CREATE, _EDIT, TARGET, _VIEW } from '@shell/config/query-params';
 import { RcIconType } from '@components/RcIcon/types';
+import { requireAsset } from '@shell/utils/require-asset';
 
 export default {
   name: 'CruCatalogRepo',
@@ -23,6 +25,7 @@ export default {
   emits: ['input'],
 
   components: {
+    AsyncButton,
     Footer,
     LabeledInput,
     NameNsDescription,
@@ -64,7 +67,7 @@ export default {
       {
         id:      CLUSTER_REPO_TYPES.OCI_URL,
         header:  { title: { key: 'catalog.repo.target.oci.title' } },
-        image:   { src: require('@shell/assets/images/providers/oci-open-containers.svg'), alt: { key: 'catalog.repo.target.oci.title' } },
+        image:   { src: requireAsset('@shell/assets/images/providers/oci-open-containers.svg'), alt: { key: 'catalog.repo.target.oci.title' } },
         content: { key: 'catalog.repo.target.oci.description' },
       },
     ];
@@ -74,7 +77,7 @@ export default {
       clusterRepoTargets.push({
         id:      CLUSTER_REPO_TYPES.SUSE_APP_COLLECTION,
         header:  { title: { key: 'catalog.repo.target.suseAppCollection.title' } },
-        image:   { src: require('@shell/assets/images/content/suse.svg'), alt: { key: 'catalog.repo.target.suseAppCollection.title' } },
+        image:   { src: requireAsset('@shell/assets/images/content/suse.svg'), alt: { key: 'catalog.repo.target.suseAppCollection.title' } },
         content: { key: 'catalog.repo.target.suseAppCollection.description' },
       });
     }
@@ -90,6 +93,7 @@ export default {
       ociMaxRetries:       this.value.spec.exponentialBackOffValues?.maxRetries,
       getVersionData,
       isView:              this.mode === _VIEW,
+      isCreate:            this.mode === _CREATE,
       clusterRepoTargets,
       previousName:        '',
       previousDescription: '',
@@ -450,7 +454,17 @@ export default {
       :errors="errors"
       @save="save"
       @done="done"
-    />
+    >
+      <template
+        v-if="isCreate"
+        #save
+      >
+        <AsyncButton
+          :action-label="t('catalog.repo.add')"
+          @click="save"
+        />
+      </template>
+    </Footer>
   </form>
 </template>
 

package/edit/cloudcredential.vue

@@ -3,6 +3,7 @@ import { SECRET_TYPES as TYPES } from '@shell/config/secret';
 import { MANAGEMENT, NORMAN, SCHEMA, DEFAULT_WORKSPACE } from '@shell/config/types';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import NameNsDescription from '@shell/components/form/NameNsDescription';
+import { requireAsset } from '@shell/utils/require-asset';
 import CruResource from '@shell/components/CruResource';
 import { _CREATE, _EDIT } from '@shell/config/query-params';
 import Loading from '@shell/components/Loading';
@@ -177,7 +178,7 @@ export default {
 
         if (!bannerImage) {
           try {
-            bannerImage = require(`~shell/assets/images/providers/${ id }.svg`);
+            bannerImage = requireAsset(`~shell/assets/images/providers/${ id }.svg`);
           } catch (e) {
             bannerImage = null;
             bannerAbbrv = this.initialDisplayFor(id);

package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue

@@ -13,6 +13,11 @@ import ButtonDropdown from '@shell/components/ButtonDropdown';
 import { _CREATE, _VIEW } from '@shell/config/query-params';
 import FormValidation from '@shell/mixins/form-validation';
 import { fetchAlertManagerConfigSpecs } from '@shell/utils/alertmanagerconfig';
+import slackLogo from '@shell/assets/images/vendor/slack.svg';
+import emailLogo from '@shell/assets/images/vendor/email.svg';
+import pagerdutyLogo from '@shell/assets/images/vendor/pagerduty.svg';
+import webhookLogo from '@shell/assets/images/vendor/webhook.svg';
+import customLogo from '@shell/assets/images/vendor/custom.svg';
 
 // i18n-uses monitoringReceiver.slack.*, monitoringReceiver.email.*, monitoringReceiver.pagerduty.*
 // i18n-uses monitoringReceiver.opsgenie.*, monitoringReceiver.webhook.*, monitoringReceiver.custom.*
@@ -23,14 +28,14 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.slack.title',
     info:  'monitoringReceiver.slack.info',
     key:   'slackConfigs',
-    logo:  require(`@shell/assets/images/vendor/slack.svg`)
+    logo:  slackLogo
   },
   {
     name:  'email',
     label: 'monitoringReceiver.email.label',
     title: 'monitoringReceiver.email.title',
     key:   'emailConfigs',
-    logo:  require(`@shell/assets/images/vendor/email.svg`)
+    logo:  emailLogo
   },
   {
     name:  'pagerduty',
@@ -38,21 +43,21 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.pagerduty.title',
     info:  'monitoringReceiver.pagerduty.info',
     key:   'pagerdutyConfigs',
-    logo:  require(`@shell/assets/images/vendor/pagerduty.svg`)
+    logo:  pagerdutyLogo
   },
   {
     name:  'opsgenie',
     label: 'monitoringReceiver.opsgenie.label',
     title: 'monitoringReceiver.opsgenie.title',
     key:   'opsgenieConfigs',
-    logo:  require(`@shell/assets/images/vendor/email.svg`)
+    logo:  emailLogo
   },
   {
     name:  'webhook',
     label: 'monitoringReceiver.webhook.label',
     title: 'monitoringReceiver.webhook.title',
     key:   'webhookConfigs',
-    logo:  require(`@shell/assets/images/vendor/webhook.svg`),
+    logo:  webhookLogo,
   },
   {
     name:  'custom',
@@ -60,7 +65,7 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.custom.title',
     info:  'monitoringReceiver.custom.info',
     key:   'webhookConfigs',
-    logo:  require(`@shell/assets/images/vendor/custom.svg`)
+    logo:  customLogo
   },
 ];
 

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

@@ -20,6 +20,7 @@ import { BLANK_CLUSTER } from '@shell/store/store-types.js';
 import { ELEMENTAL_PRODUCT_NAME, ELEMENTAL_CLUSTER_PROVIDER } from '../../config/elemental-types';
 import Rke2Config from './rke2';
 import { DRIVER_TO_IMPORT } from '@shell/models/management.cattle.io.kontainerdriver';
+import { requireAsset } from '@shell/utils/require-asset';
 
 const SORT_GROUPS = {
   template:  1,
@@ -343,7 +344,7 @@ export default {
             id:          `chart:${ chart.id }`,
             label:       chart.chartNameDisplay,
             description: chart.chartDescription,
-            icon:        chart.icon || require('~shell/assets/images/generic-catalog.svg'),
+            icon:        chart.icon || requireAsset('~shell/assets/images/generic-catalog.svg'),
             group:       'template',
             tag:         getters['i18n/t']('generic.techPreview')
           });
@@ -389,7 +390,7 @@ export default {
         if (icon) {
           iconClass = undefined;
         } else if (!iconClass) {
-          icon = require('~shell/assets/images/generic-driver.svg');
+          icon = requireAsset('~shell/assets/images/generic-driver.svg');
         }
 
         const subtype = {
@@ -420,14 +421,14 @@ export default {
 
         if (!icon) {
           try {
-            icon = require(`~shell/assets/images/providers/${ id }.svg`);
+            icon = requireAsset(`~shell/assets/images/providers/${ id }.svg`);
           } catch (e) {}
         }
 
         if (icon) {
           iconClass = undefined;
         } else if (!iconClass) {
-          icon = require('~shell/assets/images/generic-driver.svg');
+          icon = requireAsset('~shell/assets/images/generic-driver.svg');
         }
 
         const subtype = {

package/edit/provisioning.cattle.io.cluster/shared.ts

@@ -1,3 +1,5 @@
+import { requireAsset } from '@shell/utils/require-asset';
+
 export const RETENTION_DEFAULT = 5;
 export const RKE2_INGRESS_NGINX = 'rke2-ingress-nginx';
 export const RKE2_TRAEFIK = 'rke2-traefik';
@@ -10,7 +12,7 @@ export const INGRESS_NONE = 'none';
 export const INGRESS_OPTIONS = [
   {
     id:        TRAEFIK,
-    image:     { src: require('@shell/assets/images/providers/traefik.png'), alt: 'Traefik' },
+    image:     { src: requireAsset('@shell/assets/images/providers/traefik.png'), alt: 'Traefik' },
     header:    { title: { key: 'cluster.ingress.traefik.header' } },
     subHeader: { label: { key: 'cluster.ingress.recommended' } },
     content:   { key: 'cluster.ingress.traefik.content' },
@@ -18,7 +20,7 @@ export const INGRESS_OPTIONS = [
   },
   {
     id:        INGRESS_NGINX,
-    image:     { src: require('@shell/assets/images/providers/kubernetes.svg'), alt: 'NGINX' },
+    image:     { src: requireAsset('@shell/assets/images/providers/kubernetes.svg'), alt: 'NGINX' },
     header:    { title: { key: 'cluster.ingress.nginx.header' } },
     subHeader: { label: { key: 'cluster.ingress.legacy' } },
     content:   { key: 'cluster.ingress.nginx.content' },

package/edit/secret/generic.vue

@@ -51,6 +51,7 @@ export default {
     v-model:value="value.data"
     :mode="mode"
     :initial-empty-row="true"
+    :value-can-be-empty="true"
     :handle-base64="true"
     :value-trim="false"
     :add-allowed="true"

package/edit/secret/index.vue

@@ -1,5 +1,6 @@
 <script>
 import { SECRET_TYPES as TYPES } from '@shell/config/secret';
+import { requireAsset } from '@shell/utils/require-asset';
 import {
   SECRET_SCOPE, SECRET_QUERY_PARAMS,
   CLOUD_CREDENTIAL, _CLONE, _CREATE, _EDIT, _FLAGGED
@@ -211,7 +212,7 @@ export default {
           let bannerImage, bannerAbbrv;
 
           try {
-            bannerImage = require(`~shell/assets/images/providers/${ id }.svg`);
+            bannerImage = requireAsset(`~shell/assets/images/providers/${ id }.svg`);
           } catch (e) {
             bannerImage = null;
             bannerAbbrv = this.initialDisplayFor(id);

package/edit/service.vue

@@ -18,7 +18,6 @@ import { ucFirst } from '@shell/utils/string';
 import CruResource from '@shell/components/CruResource';
 import { Banner } from '@components/Banner';
 import Labels from '@shell/components/form/Labels';
-import HarvesterServiceAddOnConfig from '@shell/components/HarvesterServiceAddOnConfig';
 import { clone } from '@shell/utils/object';
 import { POD, CAPI, HCI } from '@shell/config/types';
 import { matching } from '@shell/utils/selector-typed';
@@ -58,7 +57,6 @@ export default {
     Tab,
     Tabbed,
     UnitInput,
-    HarvesterServiceAddOnConfig,
   },
 
   mixins: [CreateEditView, FormValidation],
@@ -350,8 +348,10 @@ export default {
 
     <Tabbed
       :side-tabs="true"
+      :resource="value"
       :use-hash="useTabbedHash"
       :default-tab="defaultTab"
+      :extension-params="{ showHarvesterAddOnConfig: String(showHarvesterAddOnConfig) }"
     >
       <Tab
         v-if="checkTypeIs('ExternalName')"
@@ -471,18 +471,6 @@ export default {
           </div>
         </div>
       </Tab>
-      <Tab
-        v-if="showHarvesterAddOnConfig"
-        name="add-on-config"
-        :label="t('servicesPage.harvester.title')"
-        :weight="-1"
-      >
-        <HarvesterServiceAddOnConfig
-          :mode="mode"
-          :value="value"
-          :register-before-hook="registerBeforeHook"
-        />
-      </Tab>
       <Tab
         v-if="!checkTypeIs('ExternalName') && !checkTypeIs('Headless')"
         name="session-affinity"

package/list/management.cattle.io.feature.vue

@@ -3,6 +3,12 @@ import { mapGetters } from 'vuex';
 import ResourceTable from '@shell/components/ResourceTable';
 import { MANAGEMENT } from '@shell/config/types';
 import ResourceFetch from '@shell/mixins/resource-fetch';
+import { STEVE_CACHE } from '@shell/store/features';
+
+const hideFeatureFlags = [
+  'fleet', // Note - this is the id of the ff we want, not sure what FLEET in store/features is
+  STEVE_CACHE
+];
 
 export default {
   components: { ResourceTable },
@@ -32,7 +38,7 @@ export default {
     ...mapGetters({ t: 'i18n/t' }),
 
     filteredRows() {
-      return this.rows.filter((x) => x.name !== 'fleet');
+      return this.rows.filter((x) => hideFeatureFlags.indexOf(x.metadata.name) === -1);
     },
 
     enableRowActions() {

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

@@ -167,12 +167,6 @@ export default {
 
   },
 
-  methods: {
-    getCustomDetailLink(cluster) {
-      return cluster.isCapiHybrid ? null : cluster.detailLocation;
-    }
-  },
-
   $loadingResources() {
     // results are filtered so we wouldn't get the correct count on indicator...
     return { loadIndeterminate: true };
@@ -226,7 +220,6 @@ export default {
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
       :data-testid="'cluster-list'"
       :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
-      :get-custom-detail-link="getCustomDetailLink"
       :sub-rows="true"
     >
       <!-- Why are state column and subrow overwritten here? -->
@@ -273,48 +266,6 @@ export default {
           {{ t('cluster.explore') }}
         </button>
       </template>
-      <template #additional-sub-row="{row, fullColspan, tableActions}">
-        <tr
-          class="capi-unsupported"
-          :class="{'has-description': !!row.stateDescription}"
-        >
-          <td
-            v-if="row.isCapiHybrid"
-            class="row-check"
-          />
-          <td
-            v-if="row.isCapiHybrid"
-            :data-testid="`capi-unsupported-warning-${row?.metadata?.name}`"
-            :colspan="fullColspan - (tableActions ? 1: 0)"
-          >
-            <div
-              class="text-warning"
-              :class="{'mt-5': !!row.stateDescription.trim()}"
-            >
-              <i class="icon icon-warning" />{{ t('cluster.capi.notSupported') }}
-            </div>
-          </td>
-        </tr>
-      </template>
     </ResourceTable>
   </div>
 </template>
-
-<style scoped lang="scss">
-  .capi-unsupported {
-    &.has-description {
-      border-bottom: none;
-      padding: 0px;
-      td {
-        padding-top: 0px;
-      }
-    }
-
-    & div {
-      & i {
-        margin-right: 0.1em;
-      }
-      display: flex;
-    }
-  }
-</style>

package/mixins/brand.js

@@ -3,6 +3,7 @@ import { MANAGEMENT } from '@shell/config/types';
 import { SETTING } from '@shell/config/settings';
 import { createCssVars } from '@shell/utils/color';
 import { setTitle } from '@shell/config/private-label';
+import { requireJson } from '@shell/utils/require-asset';
 import { setFavIcon, haveSetFavIcon } from '@shell/utils/favicon';
 import { allHash } from '@shell/utils/promise';
 import { fetchInitialSettings } from '@shell/utils/settings';
@@ -187,7 +188,7 @@ export default {
 
       if ( this.brand ) {
         try {
-          const brandMeta = require(`~shell/assets/brand/${ this.brand }/metadata.json`);
+          const brandMeta = requireJson(`~shell/assets/brand/${ this.brand }/metadata.json`);
 
           if (brandMeta?.hasStylesheet === 'true') {
             bodyClass = `${ cssClass } ${ this.brand } theme-${ this.theme }`;

package/models/catalog.cattle.io.clusterrepo.js

@@ -3,6 +3,7 @@ import { CATALOG } from '@shell/config/labels-annotations';
 import { insertAt } from '@shell/utils/array';
 import { CLUSTER_REPO_APPCO_AUTH_GENERATE_NAME, CATALOG as CATALOG_TYPE } from '@shell/config/types';
 import { colorForState, stateDisplay } from '@shell/plugins/dashboard-store/resource-class';
+import { _CREATE } from '@shell/config/query-params';
 
 import SteveModel from '@shell/plugins/steve/steve-class';
 
@@ -173,6 +174,14 @@ export default class ClusterRepo extends SteveModel {
     return this.$rootGetters['i18n/withFallback'](key, null, name);
   }
 
+  detailPageHeaderActionOverride(realMode) {
+    if (realMode === _CREATE) {
+      return this.t('catalog.repo.add');
+    }
+
+    return null;
+  }
+
   get urlDisplay() {
     return this.status?.url || this.spec.gitRepo || this.spec.url;
   }

package/models/cluster.x-k8s.io.machinedeployment.js

@@ -111,12 +111,17 @@ export default class CapiMachineDeployment extends SteveModel {
     return `${ this.spec?.template?.metadata?.labels?.[MACHINE_ROLES.ETCD] }` === 'true';
   }
 
-  // use this pool's definition in the cluster's rkeConfig to scale, not this.spec.replicas
+  // use this pool's definition in the provisioning cluster spec to scale, not this.spec.replicas
   get inClusterSpec() {
-    const machineConfigName = this.template?.metadata?.annotations['rke.cattle.io/cloned-from-name'];
+    // infra from Rancher node driver: provisioning cluster has reference to Rancher-generated crd <provider name>Config from the rke-machine-config.cattle.io api group
+    const rkeMachineConfigName = this.template?.metadata?.annotations['rke.cattle.io/cloned-from-name'];
+    // infra from upstream CAPI provider: provisioning cluster has reference to an upstream provider-specific machine template crd in the infrastructure.cluster.x-k8s.io api group
+    const infrastructureRefName = this.spec?.template?.spec?.infrastructureRef?.name;
+    const machineTemplateName = rkeMachineConfigName || infrastructureRefName;
+
     const machinePools = this.cluster.spec.rkeConfig.machinePools;
 
-    return machinePools.find((pool) => pool.machineConfigRef.name === machineConfigName);
+    return machinePools.find((pool) => pool.machineConfigRef.name === machineTemplateName);
   }
 
   scalePool(delta, save = true, depth = 0) {

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

@@ -1,5 +1,6 @@
 import { insertAt } from '@shell/utils/array';
 import SteveModel from '@shell/plugins/steve/steve-class';
+import { requireAsset } from '@shell/utils/require-asset';
 
 export const configType = {
   activedirectory: 'ldap',
@@ -56,7 +57,7 @@ export default class AuthConfig extends SteveModel {
 
   get icon() {
     try {
-      return require(`~shell/assets/images/vendor/${ imageOverrides[this.id] || this.id }.svg`);
+      return requireAsset(`~shell/assets/images/vendor/${ imageOverrides[this.id] || this.id }.svg`);
     } catch (e) {
       return '';
     }

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

@@ -13,6 +13,7 @@ import { isHarvesterCluster } from '@shell/utils/cluster';
 import SteveModel from '@shell/plugins/steve/steve-class';
 import { LINUX, WINDOWS } from '@shell/store/catalog';
 import { KONTAINER_TO_DRIVER } from './management.cattle.io.kontainerdriver';
+import { requireAsset } from '@shell/utils/require-asset';
 import { PINNED_CLUSTERS } from '@shell/store/prefs';
 import { copyTextToClipboard } from '@shell/utils/clipboard';
 import { isHostedProvider } from '@shell/utils/provider';
@@ -221,7 +222,7 @@ export default class MgmtCluster extends SteveModel {
   }
 
   get providerOsLogo() {
-    return require(`~shell/assets/images/vendor/${ this.providerOs }.svg`);
+    return requireAsset(`~shell/assets/images/vendor/${ this.providerOs }.svg`);
   }
 
   get workerOSs() {
@@ -282,11 +283,11 @@ export default class MgmtCluster extends SteveModel {
     let icon;
 
     try {
-      icon = require(`~shell/assets/images/providers/${ prv }.svg`);
+      icon = requireAsset(`~shell/assets/images/providers/${ prv }.svg`);
     } catch (e) {
       console.warn(`Can not find provider logo for provider ${ logo }`); // eslint-disable-line no-console
       // Use fallback generic Kubernetes icon
-      icon = require(`~shell/assets/images/providers/kubernetes.svg`);
+      icon = requireAsset(`~shell/assets/images/providers/kubernetes.svg`);
     }
 
     return icon;

package/models/monitoring.coreos.com.receiver.js

@@ -3,6 +3,11 @@ import { isEmpty } from '@shell/utils/object';
 import { MONITORING } from '@shell/config/types';
 import jsyaml from 'js-yaml';
 import SteveModel from '@shell/plugins/steve/steve-class';
+import slackLogo from '~shell/assets/images/vendor/slack.svg';
+import emailLogo from '~shell/assets/images/vendor/email.svg';
+import pagerdutyLogo from '~shell/assets/images/vendor/pagerduty.svg';
+import webhookLogo from '~shell/assets/images/vendor/webhook.svg';
+import customLogo from '~shell/assets/images/vendor/custom.svg';
 
 // i18n-uses monitoringReceiver.slack.*, monitoringReceiver.email.*, monitoringReceiver.pagerduty.*
 // i18n-uses monitoringReceiver.opsgenie.*, monitoringReceiver.webhook.*, monitoringReceiver.custom.*
@@ -13,14 +18,14 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.slack.title',
     info:  'monitoringReceiver.slack.info',
     key:   'slack_configs',
-    logo:  require(`~shell/assets/images/vendor/slack.svg`)
+    logo:  slackLogo
   },
   {
     name:  'email',
     label: 'monitoringReceiver.email.label',
     title: 'monitoringReceiver.email.title',
     key:   'email_configs',
-    logo:  require(`~shell/assets/images/vendor/email.svg`)
+    logo:  emailLogo
   },
   {
     name:  'pagerduty',
@@ -28,21 +33,21 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.pagerduty.title',
     info:  'monitoringReceiver.pagerduty.info',
     key:   'pagerduty_configs',
-    logo:  require(`~shell/assets/images/vendor/pagerduty.svg`)
+    logo:  pagerdutyLogo
   },
   {
     name:  'opsgenie',
     label: 'monitoringReceiver.opsgenie.label',
     title: 'monitoringReceiver.opsgenie.title',
     key:   'opsgenie_configs',
-    logo:  require(`~shell/assets/images/vendor/email.svg`)
+    logo:  emailLogo
   },
   {
     name:      'webhook',
     label:     'monitoringReceiver.webhook.label',
     title:     'monitoringReceiver.webhook.title',
     key:       'webhook_configs',
-    logo:      require(`~shell/assets/images/vendor/webhook.svg`),
+    logo:      webhookLogo,
     banner:    'webhook.banner',
     addButton: 'webhook.add'
   },
@@ -52,7 +57,7 @@ export const RECEIVERS_TYPES = [
     title: 'monitoringReceiver.custom.title',
     info:  'monitoringReceiver.custom.info',
     key:   'webhook_configs',
-    logo:  require(`~shell/assets/images/vendor/custom.svg`)
+    logo:  customLogo
   },
 ];
 

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

@@ -127,9 +127,9 @@ export default class ProvCluster extends SteveModel {
     }
     const ready = this.mgmt?.isReady;
 
-    const canEditRKE2cluster = this.isRke2 && ready && this.canUpdate && !this.isCapiHybrid;
+    const canEditRKE2cluster = this.isRke2 && ready && this.canUpdate;
 
-    const canSnapshot = ready && this.isRke2 && this.canUpdate && !this.isCapiHybrid;
+    const canSnapshot = ready && this.isRke2 && this.canUpdate;
 
     const actions = [
       // Note: Actions are not supported in the Steve API, so we check

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rancher/shell",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancher/dashboard",
   "license": "Apache-2.0",
@@ -53,7 +53,7 @@
     "add": "2.0.6",
     "ansi_up": "5.0.0",
     "axios-retry": "3.1.9",
-    "axios": "1.13.2",
+    "axios": "1.13.5",
     "babel-eslint": "10.1.0",
     "babel-plugin-module-resolver": "5.0.2",
     "babel-preset-vue": "2.0.2",
@@ -109,9 +109,9 @@
     "js-yaml": "4.1.1",
     "jsdiff": "1.1.1",
     "jsonpath-plus": "10.3.0",
-    "jsrsasign": "11.0.0",
+    "jsrsasign": "11.1.1",
     "jszip": "3.10.1",
-    "lodash": "4.17.23",
+    "lodash": "4.18.1",
     "marked": "4.0.17",
     "node-polyfill-webpack-plugin": "3.0.0",
     "nodemon": "2.0.22",
@@ -148,7 +148,7 @@
     "xterm-addon-web-links": "0.9.0",
     "xterm-addon-webgl": "0.16.0",
     "xterm": "5.2.1",
-    "yarn": "1.22.18"
+    "yarn": "1.22.22"
   },
   "resolutions": {
     "d3-color": "3.1.0",

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

@@ -624,7 +624,6 @@ export default {
       <RichTranslation
         k="catalog.charts.appCollectionRepoMissing"
         tag="div"
-        :raw="true"
       >
         <template #repoCreate="{ content }">
           <router-link
@@ -661,10 +660,7 @@ export default {
           {{ t('catalog.charts.noCharts.title') }}
         </h1>
         <div class="empty-state-tips">
-          <RichTranslation
-            k="catalog.charts.noCharts.message"
-            :raw="true"
-          >
+          <RichTranslation k="catalog.charts.noCharts.message">
             <template #resetAllFilters="{ content }">
               <a
                 tabindex="0"
@@ -684,8 +680,7 @@ export default {
           </RichTranslation>
           <RichTranslation
             k="catalog.charts.noCharts.docsMessage"
-            tag="div"
-            :raw="true"
+            tag="span"
           >
             <template #docsUrl="{ content }">
               <a
@@ -891,7 +886,7 @@ export default {
 
 .charts-empty-state {
   width: 100%;
-  padding: 72px 120px;
+  padding: 72px 72px;
   text-align: center;
 
   .empty-state-title {