@rancher/shell 3.0.9 → 3.0.11

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/models/token.js

@@ -16,8 +16,4 @@ export default class extends NormanModel {
 
     return expiry.isBefore(day());
   }
-
-  get isDeprecated() {
-    return true;
-  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rancher/shell",
-  "version": "3.0.9",
+  "version": "3.0.11",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancher/dashboard",
   "license": "Apache-2.0",
@@ -8,7 +8,7 @@
   "private": false,
   "types": "types/shell/index.d.ts",
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=24.0.0"
   },
   "files": [
     "**/*"
@@ -41,7 +41,7 @@
     "@popperjs/core": "2.11.8",
     "@rancher/icons": "2.0.55",
     "@types/is-url": "1.2.30",
-    "@types/node": "20.10.8",
+    "@types/node": "25.3.3",
     "@types/semver": "^7.5.8",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.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",
@@ -65,7 +65,7 @@
     "color": "5.0.3",
     "cookie-universal": "2.2.2",
     "cookie": "0.7.0",
-    "core-js": "3.45.0",
+    "core-js": "3.48.0",
     "cron-validator": "1.4.0",
     "cronstrue": "3.9.0",
     "cross-env": "7.0.3",
@@ -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",
@@ -119,7 +119,7 @@
     "papaparse": "5.3.0",
     "portal-vue": "~3.0.0",
     "sass-loader": "12.6.0",
-    "sass": "1.89.2",
+    "sass": "1.97.3",
     "serve-static": "1.14.1",
     "set-cookie-parser": "2.4.6",
     "shell-quote": "1.7.3",
@@ -131,10 +131,10 @@
     "ufo": "0.7.11",
     "unfetch": "4.2.0",
     "url-parse": "1.5.10",
-    "vue-router": "4.5.1",
+    "vue-router": "4.6.4",
     "vue-select": "4.0.0-beta.6",
     "vue-server-renderer": "2.7.16",
-    "vue": "3.5.18",
+    "vue": "3.5.29",
     "vue3-resize": "0.2.0",
     "vue3-virtual-scroll-list": "0.2.1",
     "vuedraggable": "4.1.0",
@@ -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",
@@ -164,7 +164,7 @@
     "roarr": "7.0.4",
     "semver": "7.5.4",
     "@types/lodash": "4.17.5",
-    "@types/node": "20.10.8",
+    "@types/node": "25.3.3",
     "@vue/cli-service/html-webpack-plugin": "^5.0.0"
   },
   "nyc": {

package/pages/account/index.vue

@@ -9,107 +9,94 @@ import { mapGetters } from 'vuex';
 
 import { Banner } from '@components/Banner';
 import ResourceTable from '@shell/components/ResourceTable';
+import CopyToClipboardText from '@shell/components/CopyToClipboardText';
 import TabTitle from '@shell/components/TabTitle';
 
-import { allHash } from '@shell/utils/promise';
-
-import {
-  ACCESS_KEY, DESCRIPTION, EXPIRES, EXPIRY_STATE,
-  LAST_USED, AGE_NORMAN, SCOPE_NORMAN, NORMAN_KEY_DEPRECATION
-} from '@shell/config/table-headers';
-import { FilterArgs, PaginationParamFilter } from '@shell/types/store/pagination.types';
+const API_ENDPOINT = '/v3';
 
 export default {
   components: {
-    BackLink, Banner, Loading, ResourceTable, Principal, TabTitle
+    CopyToClipboardText, BackLink, Banner, Loading, ResourceTable, Principal, TabTitle
   },
   mixins: [BackRoute],
   async fetch() {
-    const hashedRequests = {};
-
     this.canChangePassword = await this.calcCanChangePassword();
 
-    this.normanTokenSchema = this.$store.getters[`rancher/schemaFor`](NORMAN.TOKEN);
-    this.steveTokenSchema = this.$store.getters[`management/schemaFor`](EXT.TOKEN);
+    if (this.apiKeySchema) {
+      this.rows = await this.$store.dispatch('rancher/findAll', { type: NORMAN.TOKEN });
+    }
 
-    const selfUser = await this.$store.dispatch('auth/getSelfUser');
+    // Get all settings - the API host setting may not be set, so this avoids a 404 request if we look for the specific setting
+    const allSettings = await this.$store.dispatch('management/findAll', { type: MANAGEMENT.SETTING });
+    const apiHostSetting = allSettings.find((i) => i.id === SETTING.API_HOST);
+    const serverUrlSetting = allSettings.find((i) => i.id === SETTING.SERVER_URL);
 
-    if (this.normanTokenSchema) {
-      hashedRequests.normanTokens = this.$store.dispatch('rancher/findAll', { type: NORMAN.TOKEN });
-    }
+    this.apiHostSetting = apiHostSetting?.value;
+    this.serverUrlSetting = serverUrlSetting?.value;
 
-    if (this.steveTokenSchema) {
-      this.filterByUserTokens = this.$store.getters[`management/paginationEnabled`](EXT.TOKEN);
-
-      if (this.filterByUserTokens && selfUser?.status?.userID) {
-        // Only get associated with the current user
-        const opt = { // Of type ActionFindPageArgs
-          pagination: new FilterArgs({
-            filters: PaginationParamFilter.createSingleField({
-              field: 'metadata.fields.1',
-              value: selfUser.status?.userID,
-            })
-          })
-        };
-
-        hashedRequests.steveTokens = this.$store.dispatch(`management/findPage`, { type: EXT.TOKEN, opt });
-      } else {
-        hashedRequests.steveTokens = this.$store.dispatch('management/findAll', { type: EXT.TOKEN });
-      }
-    }
+    const selfUser = await this.$store.dispatch('auth/getSelfUser');
 
     if (selfUser?.canGetUser && selfUser.status?.userID) {
       // Fetch the user info for ChangePassword (ChangePasswordDialog needs the user info for the user whose password is being changed)
-      hashedRequests.user = this.$store.dispatch('management/find', {
+      this.user = await this.$store.dispatch('management/find', {
         type: MANAGEMENT.USER,
         id:   selfUser.status?.userID
       });
+    } else {
+      throw new Error(this.t('changePassword.errors.cannotFetchSelf'));
     }
-
-    // Get all settings - the API host setting may not be set, so this avoids a 404 request if we look for the specific setting
-    hashedRequests.allSettings = this.$store.dispatch('management/findAll', { type: MANAGEMENT.SETTING });
-
-    const {
-      normanTokens, steveTokens, allSettings, user
-    } = await allHash(hashedRequests);
-
-    this.normanTokens = normanTokens;
-    this.steveTokens = steveTokens;
-    this.user = user;
-
-    const apiHostSetting = allSettings.find((i) => i.id === SETTING.API_HOST);
-    const serverUrlSetting = allSettings.find((i) => i.id === SETTING.SERVER_URL);
-
-    this.apiHostSetting = apiHostSetting?.value;
-    this.serverUrlSetting = serverUrlSetting?.value;
   },
   data() {
     return {
-      normanTokenSchema: undefined,
-      steveTokenSchema:  undefined,
       apiHostSetting:    null,
       serverUrlSetting:  null,
       rows:              null,
       canChangePassword: false,
-      user:              null,
-      normanTokens:      null,
-      steveTokens:       null,
+      user:              null
     };
   },
   computed: {
     ...mapGetters({ t: 'i18n/t' }),
 
     apiKeyheaders() {
-      return [
-        EXPIRY_STATE,
-        ACCESS_KEY,
-        DESCRIPTION,
-        SCOPE_NORMAN,
-        NORMAN_KEY_DEPRECATION,
-        LAST_USED,
-        EXPIRES,
-        AGE_NORMAN
-      ];
+      return this.apiKeySchema ? this.$store.getters['type-map/headersFor'](this.apiKeySchema) : [];
+    },
+
+    // Port of Ember code for API Url - see: https://github.com/rancher/ui/blob/8e07c492673171731f3b26af14c978bc103d1828/lib/shared/addon/endpoint/service.js#L58
+    apiUrlBase() {
+      let setting = this.apiHostSetting;
+
+      if (setting && setting.indexOf('http') !== 0) {
+        setting = `http://${ setting }`;
+      }
+
+      // Use Server Setting URL if the api host setting is not set
+      let url = setting || this.serverUrlSetting;
+
+      // If the URL is relative, add on the current base URL from the browser
+      if ( url.indexOf('http') !== 0 ) {
+        url = `${ window.location.origin }/${ url.replace(/^\/+/, '') }`;
+      }
+
+      // URL must end in a single slash
+      url = `${ url.replace(/\/+$/, '') }/`;
+
+      return url;
+    },
+
+    apiUrl() {
+      const base = this.apiUrlBase;
+      const path = API_ENDPOINT.replace(/^\/+/, '');
+
+      return `${ base }${ path }`;
+    },
+
+    apiKeySchema() {
+      try {
+        return this.$store.getters[`rancher/schemaFor`](NORMAN.TOKEN);
+      } catch (e) {}
+
+      return null;
     },
 
     principal() {
@@ -123,7 +110,7 @@ export default {
       return principal || {};
     },
 
-    filteredNormanTokens() {
+    apiKeys() {
       // Filter out tokens that are not API Keys and are not expired UI Sessions
       const isApiKey = (key) => {
         const labels = key.labels;
@@ -133,24 +120,7 @@ export default {
         return ( !expired || !labels || !labels['ui-session'] ) && !current;
       };
 
-      return !this.normanTokens ? [] : this.normanTokens.filter(isApiKey);
-    },
-
-    filteredNewTokens() {
-      // Filter out tokens that are not API Keys and are not expired UI Sessions
-      const isApiKey = (key) => {
-        const labels = key.metadata?.labels;
-        const expired = key.status?.expired;
-        const current = key.status?.current;
-
-        return ( !expired || !labels || !labels['ui-session'] ) && !current;
-      };
-
-      return !this.steveTokens ? [] : this.steveTokens.filter(isApiKey);
-    },
-
-    apiKeys() {
-      return (this.filteredNormanTokens || []).concat(this.filteredNewTokens || []);
+      return !this.rows ? [] : this.rows.filter(isApiKey);
     }
   },
 
@@ -221,9 +191,16 @@ export default {
     <div class="keys-header">
       <div>
         <h2 v-t="'accountAndKeys.apiKeys.title'" />
+        <div class="api-url">
+          <span>{{ t("accountAndKeys.apiKeys.apiEndpoint") }}</span>
+          <CopyToClipboardText
+            :aria-label="t('accountAndKeys.apiKeys.copyApiEnpoint')"
+            :text="apiUrl"
+          />
+        </div>
       </div>
       <button
-        v-if="steveTokenSchema"
+        v-if="apiKeySchema"
         role="button"
         :aria-label="t('accountAndKeys.apiKeys.add.label')"
         class="btn role-primary add mb-20"
@@ -234,17 +211,11 @@ export default {
       </button>
     </div>
     <div
-      v-if="steveTokenSchema"
+      v-if="apiKeySchema"
       class="keys"
     >
-      <Banner
-        v-if="filteredNormanTokens.length"
-        color="warning"
-        class="mb-20"
-        :label="t('accountAndKeys.apiKeys.normanTokenDeprecation')"
-      />
       <ResourceTable
-        :schema="steveTokenSchema"
+        :schema="apiKeySchema"
         :rows="apiKeys"
         :headers="apiKeyheaders"
         key-field="id"

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

@@ -1,27 +1,78 @@
 <script setup lang="ts">
+import { reactive } from 'vue';
 import { RcItemCardAction } from '@components/RcItemCard';
 import { RcButton } from '@components/RcButton';
-import { RcIcon } from '@components/RcIcon';
+import { isTruncated } from '@shell/utils/style';
+import RcIcon from '@components/RcIcon/RcIcon.vue';
+import type { RcIconType } from '@components/RcIcon/types';
 
 interface FooterItem {
-  icon?: string;
-  iconTooltip?: Record<{key?: string, text?: string}>;
+  icon?: RcIconType;
+  iconTooltip?: { key?: string; text?: string };
   labels: string[];
   labelTooltip?: string;
   type?: string;
 }
 
-const emit = defineEmits<{(e: 'click:item', type: string, label: string): void; }>();
+const emit = defineEmits<{(e: 'click:item', type: string, label: string): void }>();
 
 defineProps<{
   items: FooterItem[];
   clickable?: boolean;
 }>();
 
-function onClickItem(type: string, label: string) {
+const tooltipOverrides = reactive<Record<string, string | undefined>>({});
+const labelElements: Record<string, HTMLElement | null> = {};
+
+function onClickItem(type: string, label: string): void {
   emit('click:item', type, label);
 }
 
+/**
+ * Creates a unique key for identifying a label element.
+ * @param itemIndex - Index of the footer item
+ * @param labelIndex - Index of the label within the footer item
+ */
+function createLabelKey(itemIndex: number, labelIndex: number): string {
+  return `${ itemIndex }-${ labelIndex }`;
+}
+
+/**
+ * Registers a label element reference for truncation detection.
+ * @param key - Unique identifier for the label
+ * @param el - The HTML element or null
+ */
+function registerLabelRef(key: string, el: HTMLElement | null): void {
+  labelElements[key] = el;
+}
+
+/**
+ * Updates the tooltip content based on whether the label text is truncated.
+ * If truncated, prepends the full label text to the base tooltip.
+ * @param key - Unique identifier for the label
+ * @param label - The label text content
+ * @param baseTooltip - The original tooltip content
+ */
+function updateTooltipOnHover(key: string, label: string, baseTooltip?: string): void {
+  if (!baseTooltip) {
+    tooltipOverrides[key] = undefined;
+
+    return;
+  }
+
+  const element = labelElements[key];
+
+  tooltipOverrides[key] = isTruncated(element) ? `${ label }. ${ baseTooltip }` : baseTooltip;
+}
+
+/**
+ * Returns the tooltip to display for a given label.
+ * @param key - Unique identifier for the label
+ * @param fallback - Fallback tooltip if no override exists
+ */
+function getTooltip(key: string, fallback?: string): string | undefined {
+  return tooltipOverrides[key] ?? fallback;
+}
 </script>
 
 <template>
@@ -34,7 +85,7 @@ function onClickItem(type: string, label: string) {
     >
       <RcIcon
         v-if="footerItem.icon"
-        v-clean-tooltip="footerItem.iconTooltip?.key ? t(footerItem.iconTooltip?.key) : undefined"
+        v-clean-tooltip="footerItem.iconTooltip?.key ? t(footerItem.iconTooltip.key) : undefined"
         class="app-chart-card-footer-item-icon"
         :type="footerItem.icon"
       />
@@ -47,14 +98,18 @@ function onClickItem(type: string, label: string) {
           class="app-chart-card-footer-item-action"
         >
           <rc-button
-            v-clean-tooltip="footerItem.labelTooltip"
+            v-clean-tooltip="getTooltip(createLabelKey(i, j), footerItem.labelTooltip)"
             variant="ghost"
             class="app-chart-card-footer-button secondary-text-link"
             data-testid="app-chart-card-footer-item-text"
             :aria-label="t('catalog.charts.appChartCard.footerItem.ariaLabel', { filter: label })"
             @click="onClickItem(footerItem.type, label)"
+            @mouseenter="updateTooltipOnHover(createLabelKey(i, j), label, footerItem.labelTooltip)"
           >
-            <span class="app-chart-card-footer-button-label">{{ label }}</span>
+            <span
+              :ref="(el) => registerLabelRef(createLabelKey(i, j), el as HTMLElement)"
+              class="app-chart-card-footer-button-label"
+            >{{ label }}</span>
           </rc-button>
           <span
             v-if="footerItem.labels.length > 1 && j !== footerItem.labels.length - 1"
@@ -63,9 +118,11 @@ function onClickItem(type: string, label: string) {
         </rc-item-card-action>
         <span
           v-else
-          v-clean-tooltip="footerItem.labelTooltip"
+          :ref="(el) => registerLabelRef(createLabelKey(i, j), el as HTMLElement)"
+          v-clean-tooltip="getTooltip(createLabelKey(i, j), footerItem.labelTooltip)"
           class="app-chart-card-footer-item-text"
           data-testid="app-chart-card-footer-item-text"
+          @mouseenter="updateTooltipOnHover(createLabelKey(i, j), label, footerItem.labelTooltip)"
         >
           {{ label }}
           <span

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 {

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

@@ -379,7 +379,7 @@ export default {
     /* Look for annotation to say this app is a legacy migrated app (we look in either place for now) */
     this.migratedApp = (this.existing?.spec?.chart?.metadata?.annotations?.[CATALOG_ANNOTATIONS.MIGRATED] === 'true');
 
-    if (this.repo.isSuseAppCollection) {
+    if (this.repo?.isSuseAppCollection) {
       let defaultSelectedSecret = await this.$store.getters['cluster/byId'](SECRET, `cattle-system/${ this.repo.spec.clientSecret.name }`);
 
       if (!defaultSelectedSecret) {
@@ -823,7 +823,7 @@ export default {
         }
       }
 
-      if (this.repo.isSuseAppCollection) {
+      if (this.repo?.isSuseAppCollection) {
         await this.initializeDataForNamespaceChanges();
       }
     },
@@ -938,7 +938,7 @@ export default {
 
     async initializeDataForNamespaceChanges() {
       // Skip the flow if the data still not fetched, it will trigger after fetching manually
-      if (!this.appCoDataFetched) {
+      if (this.appCoDataFetched) {
         try {
           this.defaultImagePullSecret = await this.$store.dispatch('cluster/find', { type: SECRET, id: `${ this.targetNamespace }/${ this.repo.spec.clientSecret.name }-image-pull-secret` });
         } catch (e) {
@@ -1028,7 +1028,7 @@ export default {
     },
 
     async setImagePullSecretData() {
-      if (this.selectedSecret && this.repo.isSuseAppCollection && this.dontUseDefaultOption !== null) {
+      if (this.selectedSecret && this.repo?.isSuseAppCollection && this.dontUseDefaultOption !== null) {
         if (!this.dontUseDefaultOption && this.defaultImagePullSecret) {
           // If the default option is used and the default secret already exists, use it
           this.selectedImagePullSecret = this.defaultImagePullSecret.name;
@@ -1159,7 +1159,7 @@ export default {
 
         // Create namespace if it doesn't exist (before hooks run)
         // And only if it is SUSE APP Collection, overall should just do the same flow
-        if (!isUpgrade && this.isNamespaceNew && this.repo.isSuseAppCollection) {
+        if (!isUpgrade && this.isNamespaceNew && this.repo?.isSuseAppCollection) {
           await this.createNamespaceIfNeeded();
         }
 
@@ -1355,7 +1355,7 @@ export default {
           ...migratedAnnotations,
           [CATALOG_ANNOTATIONS.SOURCE_REPO_TYPE]: this.chart.repoType,
           [CATALOG_ANNOTATIONS.SOURCE_REPO_NAME]: this.chart.repoName,
-          ...(this.repo.isSuseAppCollection ? { [CATALOG_ANNOTATIONS.SUSE_APP_COLLECTION]: 'true' } : {}),
+          ...(this.repo?.isSuseAppCollection ? { [CATALOG_ANNOTATIONS.SUSE_APP_COLLECTION]: 'true' } : {}),
         },
         values,
       };
@@ -1497,7 +1497,7 @@ export default {
     },
 
     async createImagePullSecret() {
-      if (!this.repo.isSuseAppCollection) {
+      if (!this.repo?.isSuseAppCollection) {
         return;
       }
 
@@ -1655,7 +1655,6 @@ export default {
             </div>
           </div>
           <NameNsDescription
-            v-if="showNameEditor"
             v-model:value="value"
             :description-hidden="true"
             :mode="mode"
@@ -1686,7 +1685,7 @@ export default {
             </template>
           </NameNsDescription>
           <div
-            v-if="repo.isSuseAppCollection"
+            v-if="repo?.isSuseAppCollection"
             class="mb-20"
           >
             <Banner