@rancher/shell 0.3.14 → 0.3.16

package/assets/images/providers/nutanix.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0px" y="0px" viewBox="0 0 70.7 48.2" style="enable-background:new 0 0 70.7 48.2;" xml:space="preserve"> <style type="text/css"> .st0{fill:#A8CB3A;} .st1{fill:#174489;} </style> <title>nutanix logo</title> <g> <path id="Fill-1" class="st0" d="M15.6,47.8c-0.2,0.2-0.4,0.3-0.7,0.3H1.1c-0.4,0-0.9-0.2-1-0.6c-0.2-0.5-0.1-1,0.3-1.3L25.5,25 c0.6-0.5,0.6-1.3,0-1.8L0.4,2C0.1,1.7-0.1,1.3,0,0.9C0.1,0.4,0.6,0,1.1,0h13.2c0.3,0,0.5,0.1,0.7,0.3l27.3,23l0.2,0.2 c0.4,0.4,0.4,1,0,1.4l-0.3,0.2L15.6,47.8"></path> <path id="Fill-8" class="st1" d="M46.6,20.2c0.4,0.4,1.1,0.4,1.5,0L70,2c0.3-0.3,0.5-0.7,0.4-1C70.3,0.4,69.8,0,69.3,0H56.1 c-0.3,0-0.5,0.1-0.7,0.3L40,12.8c-0.6,0.5-0.6,1.3,0,1.8L46.6,20.2"></path> <path id="Fill-9" class="st1" d="M46.5,28.1c0.4-0.4,1.1-0.4,1.5,0l22.2,18.2c0.3,0.3,0.5,0.7,0.4,1c-0.1,0.5-0.6,0.9-1.1,0.9H56.3 c-0.3,0-0.5-0.1-0.7-0.3L40.4,35.3c-0.6-0.5-0.6-1.3,0-1.8L46.5,28.1"></path> </g> </svg> 

package/assets/translations/en-us.yaml

@@ -73,6 +73,7 @@ generic:
   techPreview: Tech Preview
   type: Type
   unknown: Unknown
+  upload: Upload
   provisioning: '—'
   key: Key
   value: Value
@@ -117,6 +118,7 @@ locale:
   none: (None)
 
 nav:
+  harvesterDashboard: Harvester Dashboard
   backToRancher: Cluster Manager
   clusterTools: Cluster Tools
   kubeconfig:
@@ -179,6 +181,7 @@ nav:
     multiCluster: Global Apps
     legacy: Legacy Apps
     configuration: Configuration
+    hci: HCI
   search:
     placeholder: Type to search clusters
     noResults: No matching clusters
@@ -4007,6 +4010,7 @@ plugins:
     host: This Extension is not compatible with this application
     version: This Extension is not compatible with this version of Rancher
     load: An error occurred loading the code for this Extension
+    developerPkg: This Extension has been loaded internally, so we won't load the external version
   success:
     title: Loaded extension {name}
     message: Extension was loaded successfully
@@ -4436,7 +4440,6 @@ rbac:
   members:
     label: Members
   roletemplate:
-    label: Roles
     newUserDefault:
       no: No
       tooltip: This does not affect any bindings to the role that already exist.
@@ -5583,8 +5586,8 @@ validation:
       tooLongPrefix: '"{key}" cannot have a prefix longer than {max} characters'
   minLength: '"{key}" must contain more than {min} characters'
   maxLength: '"{key}" must contain less than {max} characters'
-  minValue: '"{key}" must be higher than {min}'
-  maxValue: '"{key}" must be lower than {max}'
+  minValue: '"{key}" must be equal or higher than {min}'
+  maxValue: '"{key}" must be equal or lower than {max}'
   betweenLengths: '"{key}" must contain between {min} and {max} characters'
   betweenValues: '"{key}" must be between {min} and {max}'
   noSchema: No schema found to validate
@@ -7168,6 +7171,7 @@ resourceQuota:
     resourceType: Resource Type
   helpText: Configure how much of the resources the namespace as a whole can consume.
   helpTextDetail: The amount of resources the namespace as a whole can consume.
+  helpTextHarvester: VMs need to reserve additional memory overhead.
   configMaps: Config Maps
   limitsCpu: CPU Limit
   limitsMemory: Memory Limit
@@ -7319,12 +7323,89 @@ manager:
     label: Node Templates
 
 auth:
+  roleTemplate: Role Templates
   config:
     label: Auth Provider
 vncConsole:
   error:
     message: Web VNC console connection is disconnected
 
+gitPicker:
+  github:
+    label: GitHub
+    tableHeaders:
+      choose:
+        label: Select
+      sha:
+        label: SHA
+      author:
+        label: Author
+        unknown: Unknown
+      message:
+        label: Message
+      date:
+        label: Date
+    username:
+      label: Username / Organization
+      inputLabel: Username / Organization
+      tooltip: Username / Organization of the Git Repository
+    branch:
+      label: Branch
+      inputLabel: Branch
+      tooltip: Branch to deploy
+    repo:
+      label: Repository
+      inputLabel: Repository
+      tooltip: Branch to deploy from
+    commits:
+      label: Commits
+      tooltip: Commits to deploy from
+    commit:
+      label: Commit
+      inputLabel: Commit
+    commitMessage:
+      label: Commit Message
+    errors:
+      noAccount: No GitHub account or Organization found. Please review your query and try again.
+      noBranch: No branch found. Please review your query and try again."
+  gitlab:
+    label: GitLab
+    tableHeaders:
+      choose:
+        label: Select
+      sha:
+        label: SHA
+      author:
+        label: Author
+        unknown: Unknown
+      message:
+        label: Message
+      date:
+        label: Date
+    username:
+      label: Username / Organization
+      inputLabel: Username / Organization
+      tooltip: Username / Organization of the Git Repository
+    branch:
+      label: Branch
+      inputLabel: Branch
+      tooltip: Branch to deploy
+    repo:
+      label: Repository
+      inputLabel: Repository
+      tooltip: Branch to deploy from
+    commits:
+      label: Commits
+      tooltip: Commits to deploy from
+    commit:
+      label: Commit
+      inputLabel: Commit
+    commitMessage:
+      label: Commit Message
+    errors:
+      noAccount: No GitLab account or Organization found. Please review your query and try again.
+      noBranch: No branch found. Please review your query and try again."
+
 networkAttachmentDefinition:
   tabs:
     config: Config

package/assets/translations/zh-hans.yaml

@@ -117,6 +117,7 @@ locale:
   none: (None)
 
 nav:
+  harvesterDashboard: Harvester 仪表板
   backToRancher: Cluster Manager
   clusterTools: 集群工具
   kubeconfig:
@@ -179,6 +180,7 @@ nav:
     multiCluster: 全局应用
     legacy: 旧版应用
     configuration: 配置
+    hci: HCI
   search:
     placeholder: 输入关键词，搜索集群
     noResults: 没有匹配的集群
@@ -1282,9 +1284,6 @@ cluster:
         label: KubeconfigContent
       placeholder: '命名空间/名称'
       cluster: 导入的 Harvester 集群
-      affinity:
-        namespaces:
-          placeholder: 例如：default,system,base
       installGuestAgent: 安装访客代理
   description:
     label: 集群描述
@@ -4002,12 +4001,14 @@ plugins:
     builtin: 内置角色
     experimental: 实验功能
     third-party: 第三方
+    image: 镜像
     installing: 正在安装...
     uninstalling: 正在卸载...
   descriptions:
     experimental: 这是实验性扩展
     third-party: 此扩展由第三方提供
     built-in: 这是内置扩展
+    image: 已手动加载此扩展镜像
   error:
     title: 加载扩展时出错
     message: 无法加载扩展代码
@@ -4037,12 +4038,53 @@ plugins:
     available: 没有可用的扩展
     installed: 没有已安装的扩展
     updates: 没有可用于已安装扩展的更新
+    images: 未安装扩展镜像
   loadError: 加载此扩展的代码时出错
   helmError: "通过 Helm 安装扩展时出错"
   manageRepos: 管理仓库
+  manageCharts: 管理扩展 Chart
+  manageCatalog:
+    label: 管理扩展商店
+    title: 扩展
+    subtitle: 应用商店
+    imageLoad:
+      load: 导入扩展商店
+      prompt: 扩展商店包含了打包在镜像中的扩展资产，导入将获取该镜像，并托管一个 Helm 仓库来作为自定义构建扩展的商店。
+      fields:
+        image:
+          label: 商店镜像参考
+          placeholder: "例如：hub.docker.io/example-org/my-image:latest"
+        secrets:
+          banner: "如果托管目录镜像的仓库需要拉取 Secret，则必须在以下命名空间中创建它们：<pre>cattle-ui-plugin-system</pre>"
+      banner: 这将创建 Deployment、Service 和 Helm 仓库来服务扩展 Chart。
+      imageVersion:
+        title: 找不到镜像版本
+        message: 无法通过 {image} 确定镜像版本，默认为 latest
+      error:
+        exists:
+          deployment:
+            title: 部署冲突
+            message: 使用 {image} 镜像的容器已存在
+          service:
+            title: Service 冲突
+            message: 名称为 {svc} 的 Service 已存在
+          repo:
+            title: Helm 仓库冲突
+            message: 名称为 {repo} 的仓库已存在
+      success:
+        title: "导入的扩展商店来自：{name}"
+        message: 已成功导入扩展商店镜像
+    headers:
+      image:
+        name: 镜像
+        label: Deployment 镜像
+      cacheState:
+        name: cacheState
+        label: 缓存状态
   tabs:
     all: 全部
     available: 可用
+    images: 镜像
     installed: 已安装
     updates: 更新
   title: 扩展
@@ -4065,6 +4107,7 @@ plugins:
     label: 卸载
     title: "卸载扩展 {name}"
     prompt: "确定要卸载此扩展吗？"
+    custom: "确定要卸载此扩展镜像吗？此镜像提供的扩展也将被删除。"
   upgradeAvailable: 此扩展有可用的版本更新
   reload: 扩展已更改 - 需要重新加载
   safeMode:
@@ -4599,8 +4642,8 @@ resourceList:
     create: 创建
     createFromYaml: 使用 YAML 文件创建
     createResource: "创建 {resourceName}"
-  nsFiltering: "{resource} 太多。<br>请通过选择上面的命名空间进行过滤。"
-  nsFilterToolTip: "资源太多，过滤仅限于单一 {mode}。"
+  nsFiltering: "请使用上面的过滤器选择一个或多个命名空间或项目。"
+  nsFilterToolTip: "仅限于过滤项目和命名空间"
 resourceLoadingIndicator:
   loading: 正在加载
 
@@ -4811,20 +4854,13 @@ servicesPage:
     title: 附加配置
     ipam:
       label: IPAM
-    healthCheckPort:
-      label: 健康检查端口
-    healthCheckSuccessThreshold:
-      label: 健康检查成功阙值
-      description: 如果探针连续检测到某个地址的成功次数达到成功阈值，后端服务器就可以开始转发流量。
-    healthCheckFailureThreshold:
-      label: 健康检查失败阈值
-      description: 如果健康检查失败的数量达到失败阈值，后端服务器将停止转发流量。
-    healthCheckPeriod:
-      label: 健康检查周期
-    healthCheckTimeout:
-      label: 健康检查超时
-    healthCheckEnabled:
-      label: 健康检查
+    useShareIP:
+      label: 使用共享 IP
+    useIpam:
+      label: 使用 IPAM
+    shareIP:
+      label: 共享 IP LB
+
   ips:
     define: 服务端口
     clusterIpHelpText: 集群 IP 地址必须在为 API server 配置的 CIDR 范围内。
@@ -6035,7 +6071,7 @@ workload:
         noExecute: 不执行
         noSchedule: "不调度"
         preferNoSchedule: 倾向于不调度
-      labelKey: 标签键
+      labelKey: 键
       operator: 运算符
       operatorOptions:
         equal: =
@@ -6373,6 +6409,11 @@ typeLabel:
       one { 集群成员 }
       other { 集群成员 }
     }
+  projectroletemplatebinding: |-
+    {count, plural,
+      one { 项目成员 }
+      other { 项目成员 }
+    }
   management.cattle.io.feature: |-
     {count, plural,
       one { 功能开关 }
@@ -7012,6 +7053,7 @@ performance:
       启用后，资源会更快出现，但可能需要更长的时间来加载整个资源集。此设置仅适用于来自 Kubernetes API 的资源
     checkboxLabel: 启用增量加载
     inputLabel: 资源阈值
+    incompatibleDescription: "增量加载与命名空间/项目过滤不兼容，无法同时启用。"
   manualRefresh:
     label: 手动刷新
     setting: 你可以配置一个阈值，高于该阈值时则启用手动刷新。
@@ -7020,6 +7062,7 @@ performance:
       启用后，列表数据不会自动更新，用户必须手动刷新列表视图。此设置仅适用于来自 Kubernetes API 的资源
     checkboxLabel: 启用列表数据的手动刷新
     inputLabel: 资源阈值
+    incompatibleDescription: "手动刷新与命名空间/项目过滤不兼容，无法同时启用。"
   websocketNotification:
     label: WebSocket 通知
     description: |-
@@ -7047,12 +7090,10 @@ performance:
         description: 资源必须超过此数量才能考虑进行垃圾回收。
         inputLabel: 资源数量
   nsFiltering:
-    label: 命名空间过滤
-    description: 当列表无法显示太多资源时，用户需要选择一个命名空间并仅提取该命名空间中的资源。
-    checkboxLabel: 启用命名空间过滤
-    count:
-      inputLabel: 资源阈值
-      description: 需要按命名空间过滤的阈值
+    label: 要求命名空间/项目过滤
+    description: 用户需要选择命名空间和/或项目。这将限制查看列表时获取的资源数量，有助于在具有大量资源的系统中提高 UI 的响应速度。
+    checkboxLabel: 启用要求命名空间/项目过滤
+    incompatibleDescription: "\"要求命名空间/项目过滤\"与手动刷新和增量加载不兼容，无法同时启用。"
   advancedWorker:
     label: Websocket Web Worker
     description: 推送到 UI 的资源更新来自 WebSocket，并在 UI 线程中处理。启用此选项可在单独的线程中处理 Web Worker 中的集群 WebSocket 更新。这有助于提高 UI 在资源经常变化的系统中的响应能力。
@@ -7147,6 +7188,7 @@ resourceQuota:
     resourceType: 资源类型
   helpText: 配置整个命名空间可用的资源量。
   helpTextDetail: 整个命名空间可以使用的资源量。
+  helpTextHarvester: VM 需要预留额外的内存。
   configMaps: ConfigMaps
   limitsCpu: CPU 限制
   limitsMemory: 内存限制

package/chart/gatekeeper.vue

@@ -25,13 +25,13 @@ export default {
     ...mapGetters(['currentCluster']),
     crdValues: {
       get() {
-        const crdInfo = this.autoInstallInfo.find(info => info.chart.name.includes('crd'));
+        const crdInfo = this.autoInstallInfo.find((info) => info.chart.name.includes('crd'));
 
         // values are defaults from the chart; allValues are defaults + anything set on previous install if this is an update/upgrade
         return crdInfo ? crdInfo.allValues : null;
       },
       set(values) {
-        const crdInfo = this.autoInstallInfo.find(info => info.chart.name.includes('crd'));
+        const crdInfo = this.autoInstallInfo.find((info) => info.chart.name.includes('crd'));
 
         this.$set(crdInfo, 'allValues', values);
       }

package/chart/monitoring/alerting/index.vue

@@ -47,9 +47,9 @@ export default {
 
       return secrets
         .filter(
-          sec => sec.metadata.namespace === DEFAULT_MONITORING_NAMESPACE
+          (sec) => sec.metadata.namespace === DEFAULT_MONITORING_NAMESPACE
         )
-        .map(sec => ({ label: sec.metadata.name, value: sec.metadata.name }));
+        .map((sec) => ({ label: sec.metadata.name, value: sec.metadata.name }));
     },
 
     canUseExistingSecret() {
@@ -63,7 +63,7 @@ export default {
 
     existingSecret() {
       return this.secrets.find(
-        sec => sec?.metadata?.name ===
+        (sec) => sec?.metadata?.name ===
             'alertmanager-rancher-monitoring-alertmanager' &&
           sec?.metadata?.namespace === DEFAULT_MONITORING_NAMESPACE
       );

package/chart/monitoring/index.vue

@@ -62,7 +62,7 @@ export default {
     });
 
     await Promise.all(
-      Object.values(WORKLOAD_TYPES).map(type => this.$store.dispatch('cluster/findAll', { type })
+      Object.values(WORKLOAD_TYPES).map((type) => this.$store.dispatch('cluster/findAll', { type })
       )
     );
 
@@ -113,7 +113,7 @@ export default {
       return this.currentCluster.status.provider.toLowerCase();
     },
     workloads() {
-      return Object.values(WORKLOAD_TYPES).flatMap(type => this.$store.getters['cluster/all'](type)
+      return Object.values(WORKLOAD_TYPES).flatMap((type) => this.$store.getters['cluster/all'](type)
       );
     },
   },

package/chart/monitoring/prometheus/index.vue

@@ -88,7 +88,7 @@ export default {
         workloads = workloads.filter((workload) => {
           if (
             !isEmpty(workload?.spec?.template?.spec?.containers) &&
-            (workload.spec.template.spec.containers.find(c => c.image.includes('quay.io/coreos/prometheus-operator') ||
+            (workload.spec.template.spec.containers.find((c) => c.image.includes('quay.io/coreos/prometheus-operator') ||
               c.image.includes('rancher/coreos-prometheus-operator'))
             )
           ) {

package/chart/rancher-backup/index.vue

@@ -67,11 +67,11 @@ export default {
 
   computed: {
     defaultStorageClass() {
-      return this.storageClasses.filter(sc => sc.metadata.annotations[STORAGE.DEFAULT_STORAGE_CLASS] && sc.metadata.annotations[STORAGE.DEFAULT_STORAGE_CLASS] !== 'false' )[0] || '';
+      return this.storageClasses.filter((sc) => sc.metadata.annotations[STORAGE.DEFAULT_STORAGE_CLASS] && sc.metadata.annotations[STORAGE.DEFAULT_STORAGE_CLASS] !== 'false' )[0] || '';
     },
 
     availablePVs() {
-      return this.persistentVolumes.filter(pv => pv.status.phase.toLowerCase() !== 'bound');
+      return this.persistentVolumes.filter((pv) => pv.status.phase.toLowerCase() !== 'bound');
     },
 
     radioOptions() {

package/cloud-credential/generic.vue

@@ -33,7 +33,7 @@ export default {
     for ( const k of keyOptions ) {
       const sk = simplify(k);
 
-      if ( normanSchema || likelyFields.includes(sk) || iffyFields.includes(sk) ) {
+      if ( normanSchema?.resourceFields || likelyFields.includes(sk) || iffyFields.includes(sk) ) {
         keys.push(k);
       }
     }

package/cloud-credential/harvester.vue

@@ -26,7 +26,7 @@ export default {
 
   computed: {
     clusterOptions() {
-      return this.clusters.filter(c => c.status?.provider === VIRTUAL_HARVESTER_PROVIDER).map( (cluster) => {
+      return this.clusters.filter((c) => c.status?.provider === VIRTUAL_HARVESTER_PROVIDER).map( (cluster) => {
         return {
           value: cluster.id,
           label: cluster.nameDisplay
@@ -45,7 +45,7 @@ export default {
         set(this.value, 'harvestercredentialConfig.clusterId', neu);
       }
 
-      const currentCluster = this.$store.getters['management/all'](MANAGEMENT.CLUSTER).find(x => x.id === neu);
+      const currentCluster = this.$store.getters['management/all'](MANAGEMENT.CLUSTER).find((x) => x.id === neu);
 
       this.$nuxt.$loading.start();
 

package/components/AssignTo.vue

@@ -34,7 +34,7 @@ export default {
     ...mapGetters(['workspace']),
 
     workspaceOptions() {
-      const out = this.allWorkspaces.map(x => x.metadata?.name).filter(x => !!x && x !== 'fleet-local');
+      const out = this.allWorkspaces.map((x) => x.metadata?.name).filter((x) => !!x && x !== 'fleet-local');
 
       return out;
     },

package/components/AwsComplianceBanner.vue

@@ -17,7 +17,7 @@ export default {
     // The notification will always come from the csp-adapter component & there will be no more than one
     // Backend will remove the notification when its no longer relevant
     awsNotification() {
-      return this.notifications.find(notification => notification.componentName === 'csp-adapter');
+      return this.notifications.find((notification) => notification.componentName === 'csp-adapter');
     }
   }
 };

package/components/BackLink.vue

@@ -16,6 +16,13 @@ export default {
   >
     <i class="icon icon-chevron-left" /> {{ t('generic.back') }}
   </nuxt-link>
+  <nuxt-link
+    v-else
+    to="/"
+    class="back-link"
+  >
+    <i class="icon icon-chevron-left" /> {{ t('nav.home') }}
+  </nuxt-link>
 </template>
 
 <style lang="scss" scoped>

package/components/BannerGraphic.vue

@@ -53,6 +53,7 @@ export default {
     <div
       v-if="pref"
       class="close-button"
+      data-testid="graphic-banner-close"
       @click="hide()"
     >
       <i class="icon icon-close" />

package/components/BrandImage.vue

@@ -21,19 +21,19 @@ export default {
     ...mapGetters({ theme: 'prefs/theme' }),
 
     brand() {
-      const setting = this.managementSettings.filter(setting => setting.id === SETTING.BRAND)[0] || {};
+      const setting = this.managementSettings.filter((setting) => setting.id === SETTING.BRAND)[0] || {};
 
       return setting.value;
     },
 
     uiLogoLight() {
-      const setting = this.managementSettings.filter(setting => setting.id === SETTING.LOGO_LIGHT)[0] || {};
+      const setting = this.managementSettings.filter((setting) => setting.id === SETTING.LOGO_LIGHT)[0] || {};
 
       return setting.value;
     },
 
     uiLogoDark() {
-      const setting = this.managementSettings.filter(setting => setting.id === SETTING.LOGO_DARK)[0] || {};
+      const setting = this.managementSettings.filter((setting) => setting.id === SETTING.LOGO_DARK)[0] || {};
 
       return setting.value;
     },

package/components/ClusterProviderIcon.vue

@@ -33,7 +33,7 @@ export default {
       {{ cluster.badge.iconText }}
     </div>
     <!-- eslint-disable -->
-    <svg v-else-if="cluster.isLocal" class="cluster-local-logo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+    <svg v-else-if="cluster.isLocal && !cluster.isHarvester" class="cluster-local-logo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
       <g>
         <g>
           <path class="rancher-icon-fill" d="M26.0862026,44.4953918H8.6165142c-5.5818157,0-9.3979139-4.6252708-8.4802637-10.1311035l2.858391-17.210701

package/components/CommunityLinks.vue

@@ -28,7 +28,7 @@ export default {
   mixins: [Closeable],
 
   async fetch() {
-    this.links = await fetchLinks(this.$store, this.hasSupport, this.isSupportPage, str => this.t(str));
+    this.links = await fetchLinks(this.$store, this.hasSupport, this.isSupportPage, (str) => this.t(str));
   },
 
   data() {
@@ -72,7 +72,7 @@ export default {
       }
 
       if (this.links.defaults) {
-        all.push(...this.links.defaults.filter(link => link.enabled));
+        all.push(...this.links.defaults.filter((link) => link.enabled));
       }
 
       return all;

package/components/ConsumptionGauge.vue

@@ -41,7 +41,7 @@ export default {
      */
     numberFormatter: {
       type:    Function,
-      default: value => Number.isInteger(value) ? value : value.toFixed(2)
+      default: (value) => Number.isInteger(value) ? value : value.toFixed(2)
     },
 
     /**
@@ -106,7 +106,10 @@ export default {
           {{ resourceName }}
         </h4>
         <span v-else>{{ t('node.detail.glance.consumptionGauge.used') }}</span>
-        <span>{{ t('node.detail.glance.consumptionGauge.amount', amountTemplateValues) }} <span class="ml-10 percentage">/&nbsp;{{ formattedPercentage }}</span></span>
+        <span class="numbers-stats">
+          {{ t('node.detail.glance.consumptionGauge.amount', amountTemplateValues) }}
+          <span class="percentage"><i>/&nbsp;</i>{{ formattedPercentage }}</span>
+        </span>
       </slot>
     </div>
     <div class="mt-10">
@@ -125,8 +128,20 @@ export default {
     flex-direction: row;
     justify-content: space-between;
 
+    &-stats {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 10px;
+      align-self: baseline;
+
+    }
+
     .percentage {
       font-weight: bold;
+      i {
+        margin-right: 10px;
+      }
     }
   }
 }

package/components/CruResource.vue

@@ -184,7 +184,7 @@ export default {
       const { validationPassed, showAsForm, steps } = this;
 
       if (showAsForm && steps?.length) {
-        return validationPassed && this.steps.every(step => step.ready);
+        return validationPassed && this.steps.every((step) => step.ready);
       }
 
       // Don't apply validation rules if the form is not shown.
@@ -288,7 +288,7 @@ export default {
     closeError(index) {
       const errors = this.errors.filter((_, i) => i !== index);
 
-      this.$emit('error', errors);
+      this.$emit('error', errors, this.errors[index]);
     },
 
     emitOrRoute() {
@@ -412,6 +412,7 @@ export default {
     </p>
     <form
       :is="(isView? 'div' : 'form')"
+      data-testid="cru-form"
       class="create-resource-container cru__form"
       @submit.prevent
       @keydown.enter="onPressEnter($event)"

package/components/DashboardMetrics.vue

@@ -26,6 +26,12 @@ export default {
       type:    Boolean,
       default: true,
     },
+    // change the grafana url prefix for local clusters in certain monitoring versions
+    // project monitoring (projectHelmCharts) supply a grafana url that never needs to be modified in this way
+    modifyPrefix: {
+      type:    Boolean,
+      default: true
+    }
   },
   data() {
     return {
@@ -74,6 +80,7 @@ export default {
         :range="graphOptions.range"
         :url="detailUrl"
         :vars="vars"
+        :modify-prefix="modifyPrefix"
       />
       <GrafanaDashboard
         v-else
@@ -85,6 +92,7 @@ export default {
         :range="graphOptions.range"
         :url="summaryUrl"
         :vars="vars"
+        :modify-prefix="modifyPrefix"
       />
     </div>
   </div>

package/components/DetailTop.vue

@@ -72,7 +72,7 @@ export default {
       const items = [
         ...(this.moreDetails || []),
         ...(this.value?.details || []),
-      ].filter(x => x.separator || (!!`${ x.content }` && x.content !== undefined && x.content !== null));
+      ].filter((x) => x.separator || (!!`${ x.content }` && x.content !== undefined && x.content !== null));
 
       const groups = [];
       let currentGroup = [];