@rancher/shell 3.0.9 → 3.0.11

package/core/__tests__/extension-manager-impl.test.js

@@ -38,8 +38,30 @@ jest.mock('@shell/core/plugin', () => {
   };
 });
 
-// Mock ExtensionPoint
-jest.mock('@shell/core/types', () => ({ ExtensionPoint: { EDIT_YAML: 'edit-yaml' } }));
+// Mock ExtensionPoint — only EDIT_YAML, simulating an older dashboard (e.g. 2.13)
+// that does not know about newer ExtensionPoints like 'Table'.
+// The ensureUIConfigCompat tests override this to include TABLE for plugin-helpers,
+// simulating an extension shipping a newer shell.
+jest.mock('@shell/core/types', () => ({
+  ExtensionPoint: { EDIT_YAML: 'edit-yaml' },
+  ActionLocation: { TABLE: 'table-action' },
+  CardLocation:   {},
+}));
+
+jest.mock('@shell/utils/platform', () => ({ isMac: false }));
+jest.mock('@shell/utils/string', () => ({
+  ucFirst:   jest.fn((s) => s),
+  randomStr: jest.fn(() => 'abc123'),
+}));
+jest.mock('@shell/config/query-params', () => ({
+  _EDIT:   'edit',
+  _CONFIG: 'config',
+  _DETAIL: 'detail',
+  _LIST:   'list',
+  _CREATE: 'create',
+}));
+jest.mock('@shell/utils/router', () => ({ getProductFromRoute: jest.fn() }));
+jest.mock('@shell/utils/object', () => ({ isEqual: jest.fn() }));
 
 // Mock PluginRoutes
 jest.mock('@shell/core/plugin-routes', () => {
@@ -299,6 +321,28 @@ describe('extension Manager', () => {
       delete window[pluginId];
     });
 
+    it('surfaces the plugin id and original error message when initialization fails', async() => {
+      const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation();
+      const pluginId = 'surface-error-plugin';
+      const originalError = new Error('something went wrong');
+      const mockPluginInit = jest.fn().mockImplementation(() => {
+        throw originalError;
+      });
+
+      window[pluginId] = { default: mockPluginInit };
+
+      const loadPromise = manager.loadAsync(pluginId, 'test.js');
+      const script = document.head.querySelector(`script[id="${ pluginId }"]`);
+
+      script.onload();
+
+      await expect(loadPromise).rejects.toThrow(`Could not initialize plugin ${ pluginId } - ${ originalError.message }`);
+      expect(consoleErrorSpy).toHaveBeenCalledWith(`Could not initialize plugin ${ pluginId }`, originalError);
+
+      consoleErrorSpy.mockRestore();
+      delete window[pluginId];
+    });
+
     it('rejects if script load fails', async() => {
       const pluginId = 'fail-plugin';
       const loadPromise = manager.loadAsync(pluginId, 'bad-url.js');
@@ -433,5 +477,146 @@ describe('extension Manager', () => {
 
       expect(config).toStrictEqual([]);
     });
+
+    it('returns empty array for non-existent type', () => {
+      // Simulates an extension using a newer ExtensionPoint (e.g. 'Table')
+      // that the running dashboard does not have in its uiConfig
+      const config = manager.getUIConfig('unknown-type', 'some-area');
+
+      expect(config).toStrictEqual([]);
+    });
+  });
+
+  describe('ensureUIConfigCompat (via plugin-helpers)', () => {
+    // These tests verify that getApplicableExtensionEnhancements tracks missing
+    // ExtensionPoint keys and exits early when accessing them.
+    // This is the forwards-compatibility mechanism for extensions running on
+    // older dashboards that don't know about newer ExtensionPoints (e.g. 'Table').
+
+    const mockRoute = {
+      name:   'test',
+      params: {},
+      query:  {},
+      meta:   {},
+      hash:   '',
+      path:   '/test',
+    };
+
+    // Each test needs a fresh plugin-helpers module to reset the _uiConfigPatched tracking.
+    // The extension-manager is created with the "old" ExtensionPoint (only EDIT_YAML),
+    // then plugin-helpers is re-required with an "upgraded" ExtensionPoint that includes TABLE,
+    // simulating an extension built with a newer shell running on an older dashboard.
+    let freshGetApplicable;
+    let freshManager;
+
+    beforeEach(() => {
+      freshManager = createExtensionManager(context);
+
+      // Reset modules so plugin-helpers._uiConfigPatched starts as empty object
+      jest.resetModules();
+
+      // Override the types mock so plugin-helpers sees a newer ExtensionPoint with TABLE
+      jest.doMock('@shell/core/types', () => ({
+        ExtensionPoint: {
+          EDIT_YAML: 'edit-yaml',
+          TABLE:     'Table',
+        },
+        ActionLocation: { TABLE: 'table-action' },
+        CardLocation:   {},
+      }));
+
+      freshGetApplicable = require('@shell/core/plugin-helpers').getApplicableExtensionEnhancements;
+    });
+
+    it('returns empty array for missing ExtensionPoint and does not mutate uiConfig', () => {
+      // Verify 'Table' is NOT in uiConfig before the call
+      const uiConfig = freshManager.getAllUIConfig();
+
+      expect(uiConfig['Table']).toBeUndefined();
+
+      // Call getApplicableExtensionEnhancements which triggers ensureUIConfigCompat
+      const result = freshGetApplicable({ $extension: freshManager }, 'Table', 'some-area', mockRoute);
+
+      // Should return empty array for missing extension point
+      expect(result).toStrictEqual([]);
+
+      // uiConfig should NOT be mutated - 'Table' should remain undefined
+      expect(uiConfig['Table']).toBeUndefined();
+    });
+
+    it('does not affect existing ExtensionPoint keys', () => {
+      const mockAction = { label: 'Test', locationConfig: {} };
+      const plugin = {
+        types:           {},
+        uiConfig:        { 'edit-yaml': { header: [mockAction] } },
+        l10n:            {},
+        modelExtensions: {},
+        stores:          [],
+        locales:         [],
+        routes:          [],
+        validators:      {},
+        productNames:    [],
+      };
+
+      freshManager.applyPlugin(plugin);
+
+      const result = freshGetApplicable({ $extension: freshManager }, 'edit-yaml', 'header', mockRoute);
+
+      // Should return the actual action
+      expect(result).toHaveLength(1);
+      expect(result[0].label).toBe('Test');
+
+      // Existing config should be untouched
+      const uiConfig = freshManager.getAllUIConfig();
+
+      expect(uiConfig['edit-yaml'].header).toHaveLength(1);
+      expect(uiConfig['edit-yaml'].header[0]).toBe(mockAction);
+    });
+
+    it('logs a warning for missing ExtensionPoints', () => {
+      const consoleWarnSpy = jest.spyOn(console, 'warn').mockImplementation();
+
+      freshGetApplicable({ $extension: freshManager }, 'Table', 'some-area', mockRoute);
+
+      expect(consoleWarnSpy).toHaveBeenCalledWith(
+        expect.stringContaining('Table')
+      );
+
+      consoleWarnSpy.mockRestore();
+    });
+
+    it('dashboard-side getUIConfig calls remain safe with optional chaining', () => {
+      // getUIConfig('Table', ...) should not crash even though 'Table' is missing
+      // Returns empty array due to optional chaining in extension-manager
+      expect(freshManager.getUIConfig('Table', 'some-area')).toStrictEqual([]);
+
+      // Trigger ensureUIConfigCompat via getApplicableExtensionEnhancements
+      const result = freshGetApplicable({ $extension: freshManager }, 'Table', 'some-area', mockRoute);
+
+      // getApplicableExtensionEnhancements exits early and returns empty array
+      expect(result).toStrictEqual([]);
+
+      // uiConfig is NOT mutated - 'Table' key still doesn't exist
+      const uiConfig = freshManager.getAllUIConfig();
+
+      expect(uiConfig['Table']).toBeUndefined();
+
+      // Direct getUIConfig calls still work safely (optional chaining)
+      expect(freshManager.getUIConfig('Table', 'some-area')).toStrictEqual([]);
+    });
+
+    it('only logs warning once for each missing ExtensionPoint', () => {
+      const consoleWarnSpy = jest.spyOn(console, 'warn').mockImplementation();
+
+      // First call logs warning and tracks 'Table' as missing
+      freshGetApplicable({ $extension: freshManager }, 'Table', 'some-area', mockRoute);
+      // Second call should not log warning again (already tracked)
+      freshGetApplicable({ $extension: freshManager }, 'Table', 'some-area', mockRoute);
+
+      // Warning should only be logged once
+      expect(consoleWarnSpy).toHaveBeenCalledTimes(1);
+
+      consoleWarnSpy.mockRestore();
+    });
   });
 });

package/core/extension-manager-impl.js

@@ -124,7 +124,9 @@ export const createExtensionManager = (context) => {
           } catch (e) {
             delete plugins[id];
 
-            return reject(new Error('Could not initialize plugin'));
+            console.error(`Could not initialize plugin ${ id }`, e); // eslint-disable-line no-console
+
+            return reject(new Error(`Could not initialize plugin ${ id } - ${ e?.message }`));
           }
 
           // Load all of the types etc from the plugin
@@ -426,7 +428,7 @@ export const createExtensionManager = (context) => {
    * Return the UI configuration for the given type and location
    */
     getUIConfig(type, uiArea) {
-      return uiConfig[type][uiArea] || [];
+      return uiConfig[type]?.[uiArea] || [];
     },
 
     /**

package/core/plugin-helpers.ts

@@ -137,6 +137,30 @@ function checkExtensionRouteBinding($route: any, locationConfig: any, context: a
   return res;
 }
 
+// Track which ExtensionPoint keys are missing from the extension manager's uiConfig.
+// This handles forwards-compatibility when extensions ship a newer shell that defines
+// ExtensionPoint values the running dashboard doesn't know about (e.g. 'Table' on 2.13).
+const _uiConfigPatched: { [point: string]: boolean } = {};
+
+function ensureUIConfigCompat(extensionManager: any) {
+  const uiConfig = extensionManager.getAllUIConfig?.();
+
+  if (uiConfig) {
+    const missingPoints: { [point: string]: boolean } = {};
+
+    Object.values(ExtensionPoint).forEach((ep) => {
+      if (!uiConfig[ep] && !_uiConfigPatched[ep]) {
+        missingPoints[ep] = true;
+        _uiConfigPatched[ep] = true;
+      }
+    });
+
+    if (Object.keys(missingPoints).length) {
+      console.warn(`[plugin-helpers] These ExtensionPoints aren't available for usage in this Rancher version: ${ Object.keys(missingPoints).join(', ') }`); // eslint-disable-line no-console
+    }
+  }
+}
+
 export function getApplicableExtensionEnhancements<T>(
   pluginCtx: ComponentOptionsMixin,
   actionType: ExtensionPoint,
@@ -148,6 +172,13 @@ export function getApplicableExtensionEnhancements<T>(
 
   // gate it so that we prevent errors on older versions of dashboard
   if (pluginCtx.$extension?.getUIConfig) {
+    ensureUIConfigCompat(pluginCtx.$extension);
+
+    // Exit early if actionType doesn't exist in the extension manager's uiConfig
+    if (_uiConfigPatched[actionType]) {
+      return [];
+    }
+
     const actions = pluginCtx.$extension.getUIConfig(actionType, uiArea);
 
     actions.forEach((action: any, i: number) => {

package/detail/__tests__/node.test.ts

@@ -0,0 +1,83 @@
+import { shallowMount } from '@vue/test-utils';
+import node from '@shell/detail/node.vue';
+import ConsumptionGauge from '@shell/components/ConsumptionGauge.vue';
+
+describe('view: node detail', () => {
+  const mockStore = {
+    getters: {
+      'cluster/schemaFor':         () => undefined,
+      'cluster/paginationEnabled': () => false,
+      'type-map/headersFor':       jest.fn(),
+      'i18n/t':                    (key: string) => key,
+      currentCluster:              { id: 'local' },
+    },
+    dispatch: jest.fn(),
+  };
+
+  const mocks = {
+    $store:      mockStore,
+    $fetchState: { pending: false },
+  };
+
+  const defaultNodeValue = {
+    metadata: { name: 'test-node' },
+    status:   {
+      nodeInfo: {}, images: [], conditions: []
+    },
+    spec:               { taints: [] },
+    pods:               [],
+    cpuCapacity:        4,
+    cpuUsage:           2,
+    ramReserved:        8000,
+    ramUsage:           4000,
+    podCapacity:        110,
+    podConsumed:        5,
+    isPidPressureOk:    true,
+    isDiskPressureOk:   true,
+    isMemoryPressureOk: true,
+    isKubeletOk:        true,
+    internalIp:         '10.0.0.1',
+  };
+
+  function createWrapper(nodeOverrides = {}) {
+    return shallowMount(node, {
+      props:  { value: { ...defaultNodeValue, ...nodeOverrides } },
+      global: { mocks },
+    });
+  }
+
+  function findGaugeByResource(wrapper: ReturnType<typeof createWrapper>, resourceKey: string) {
+    const gauges = wrapper.findAllComponents(ConsumptionGauge);
+
+    return gauges.find(
+      (g) => g.attributes('resourcename')?.includes(resourceKey)
+    );
+  }
+
+  it('should pass the "running" translation key as usedlabel to the pods ConsumptionGauge', () => {
+    const wrapper = createWrapper();
+
+    const podsGauge = findGaugeByResource(wrapper, 'consumptionGauge.pods');
+
+    expect(podsGauge).toBeDefined();
+    expect(podsGauge!.attributes('usedlabel')).toContain('consumptionGauge.running');
+  });
+
+  it('should NOT pass a usedlabel to the CPU ConsumptionGauge', () => {
+    const wrapper = createWrapper();
+
+    const cpuGauge = findGaugeByResource(wrapper, 'consumptionGauge.cpu');
+
+    expect(cpuGauge).toBeDefined();
+    expect(cpuGauge!.attributes('usedlabel')).toBeUndefined();
+  });
+
+  it('should NOT pass a usedlabel to the Memory ConsumptionGauge', () => {
+    const wrapper = createWrapper();
+
+    const memoryGauge = findGaugeByResource(wrapper, 'consumptionGauge.memory');
+
+    expect(memoryGauge).toBeDefined();
+    expect(memoryGauge!.attributes('usedlabel')).toBeUndefined();
+  });
+});

package/detail/management.cattle.io.oidcclient.vue

@@ -9,6 +9,7 @@ import DateComponent from '@shell/components/formatter/Date.vue';
 import { RcItemCard } from '@components/RcItemCard';
 import ActionMenu, { type ActionMenuSelection } from '@shell/components/ActionMenuShell.vue';
 import { Banner } from '@components/Banner';
+import keySvg from '~shell/assets/images/key.svg';
 
 type SecretActionType = 'create-secret' | 'regen-secret' | 'remove-secret'
 interface ClientSecretData { createdAt: string, lastUsedAt: string, lastFiveCharacters: string }
@@ -228,7 +229,7 @@ export default defineComponent({
           clientSecrets.push({
             id:                 oidcSecretDataKey,
             header:             { title: { text: oidcSecretDataKey } },
-            image:              { src: require('~shell/assets/images/key.svg') },
+            image:              { src: keySvg },
             createdAt,
             lastFiveCharacters: oidcSecretData.lastFiveCharacters,
             lastUsedAt,

package/detail/node.vue

@@ -234,6 +234,7 @@ export default {
         :resource-name="t('node.detail.glance.consumptionGauge.pods')"
         :capacity="value.podCapacity"
         :used="value.podConsumed"
+        :used-label="t('node.detail.glance.consumptionGauge.running')"
       />
     </div>
     <div class="spacer" />

package/edit/auth/github-app-steps.vue

@@ -49,6 +49,7 @@ defineProps<{
             <CopyToClipboard
               label-as="tooltip"
               :text="tArgs.serverUrl"
+              :aria-label="t('generic.copyValueToClipboard', { value: tArgs.serverUrl })"
               class="icon-btn"
               action-color="bg-transparent"
             />
@@ -67,6 +68,7 @@ defineProps<{
             <CopyToClipboard
               :text="t(`authConfig.${name}.form.callback.value`, tArgs, true)"
               label-as="tooltip"
+              :aria-label="t('generic.copyValueToClipboard', { value: t(`authConfig.${name}.form.callback.value`, tArgs, true) })"
               class="icon-btn"
               action-color="bg-transparent"
             />

package/edit/auth/github-steps.vue

@@ -40,6 +40,7 @@ defineProps<{
             <b>{{ t(`authConfig.${name}.form.homepage.label`) }}</b>: {{ tArgs.serverUrl }} <CopyToClipboard
               label-as="tooltip"
               :text="tArgs.serverUrl"
+              :aria-label="t('generic.copyValueToClipboard', { value: tArgs.serverUrl })"
               class="icon-btn"
               action-color="bg-transparent"
             />
@@ -49,6 +50,7 @@ defineProps<{
             <b>{{ t(`authConfig.${name}.form.callback.label`) }}</b>: {{ tArgs.serverUrl }} <CopyToClipboard
               :text="tArgs.serverUrl"
               label-as="tooltip"
+              :aria-label="t('generic.copyValueToClipboard', { value: tArgs.serverUrl })"
               class="icon-btn"
               action-color="bg-transparent"
             />

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/management.cattle.io.user.vue

@@ -16,8 +16,6 @@ export default {
     ChangePassword, GlobalRoleBindings, CruResource, LabeledInput, Loading
   },
 
-  emits: ['update:mode'],
-
   mixins: [
     CreateEditView
   ],
@@ -42,8 +40,7 @@ export default {
         password:     false,
         roles:        !showGlobalRoles,
         rolesChanged: false,
-      },
-      watchOverride: false,
+      }
     };
   },
 
@@ -110,10 +107,20 @@ export default {
         if (this.isCreate) {
           const user = await this.createUser();
 
-          await this.updateRoles(user.id);
+          await this.createSecret(user);
+          await this.updateRoles(user);
+
+          // Show success notification only after ALL operations complete
+          // this is a "clone" of steve-class "processSaveResponse" toast/growl
+          this.$store.dispatch('growl/success', {
+            title:   this.t('generic.autogeneratedCreated.title', { resource: user.kind }),
+            message: this.t('generic.autogeneratedCreated.message', { id: user.username, resource: user.kind }),
+            timeout: 3000
+          }, { root: true });
         } else {
-          await this.editUser();
-          await this.updateRoles();
+          const user = await this.editUser();
+
+          await this.updateRoles(user);
         }
 
         this.$router.replace({ name: this.doneRoute });
@@ -139,21 +146,10 @@ export default {
         username:           this.form.username
       });
 
-      const userSaved = await user.save();
-
-      if (this.form.password.password) {
-        // create secret to hold user password
-        const secret = await this.$store.dispatch('management/create', {
-          type:     SECRET,
-          metadata: {
-            namespace: 'cattle-local-user-passwords',
-            name:      userSaved.id
-          },
-          data: { password: base64Encode(this.form.password.password) }
-        });
-
-        await secret.save();
-      }
+      const userSaved = await user.save({
+        // Don't show a success toast until the secret and GRB are also created
+        suppressSuccessToast: true,
+      });
 
       return userSaved;
     },
@@ -178,27 +174,57 @@ export default {
         await wait(5000);
       }
 
-      this.value.save();
+      const user = this.value.save();
+
+      return user;
     },
 
-    async updateRoles(userId) {
+    async createSecret(user) {
+      if (this.form.password.password) {
+        try {
+        // create secret to hold user password
+          const secret = await this.$store.dispatch('management/create', {
+            type:     SECRET,
+            metadata: {
+              namespace: 'cattle-local-user-passwords',
+              name:      user.id
+            },
+            data: { password: base64Encode(this.form.password.password) }
+          });
+
+          await secret.save();
+        } catch (err) {
+          if (this.isCreate) {
+            try {
+              // If secret creation fails, attempt to clean up the user to maintain consistency
+              await user.remove();
+            } catch (cleanupErr) {
+              // Log cleanup error but prioritize original error for user feedback
+              console.error('Failed to clean up user after secret creation failure:', cleanupErr); // eslint-disable-line no-console
+            }
+          }
+
+          throw err;
+        }
+      }
+    },
+
+    async updateRoles(user) {
       if (!this.$refs.grb) {
         return;
       }
 
       try {
-        await this.$refs.grb.save(userId);
+        await this.$refs.grb.save(user.id);
       } catch (err) {
         if (this.isCreate) {
-          this.watchOverride = true;
-          this.$emit(
-            'update:mode',
-            {
-              userId,
-              mode:     _EDIT,
-              resource: 'management.cattle.io.user',
-            }
-          );
+          try {
+            // If GRB creation fails, clean up the user to maintain consistency
+            await user.remove();
+          } catch (cleanupErr) {
+            // Log cleanup error but prioritize original error for user feedback
+            console.error('Failed to clean up user after GRB creation failure:', cleanupErr); // eslint-disable-line no-console
+          }
         }
         throw err;
       }
@@ -274,7 +300,6 @@ export default {
         :user-id="value.id || liveValue.id"
         :mode="mode"
         :real-mode="realMode"
-        :watch-override="watchOverride"
         type="user"
         @hasChanges="validation.rolesChanged = $event"
         @canLogIn="validation.roles = $event"