@redacto.io/consent-sdk-react 10.0.0-beta.2 → 10.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "10.0.0-beta.2",
+  "version": "10.0.0-beta.4",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/RedactoNoticeAssisted/i18n.ts

@@ -1248,60 +1248,6 @@ const as: StaticStrings = {
   close: "বন্ধ কৰক",
 };
 
-const bho: StaticStrings = {
-  useEmailInstead: "ईमेल इस्तेमाल करीं",
-  useMobileInstead: "मोबाइल इस्तेमाल करीं",
-  emailAddress: "ईमेल पता",
-  otpHelperEmail: "हमनी एह ईमेल पर एक बेर इस्तेमाल होखे वाला पासवर्ड भेजब।",
-  changeEmail: "ईमेल बदलीं",
-  expandDetails: "{name} के विवरण फैलाईं",
-  collapseDetails: "{name} के विवरण समेटीं",
-  selectAllFor: "{name} खातिर सभ डेटा तत्व चुनीं",
-  selectElement: "{name} चुनीं",
-  selectElementRequired: "{name} चुनीं (जरूरी)",
-  required: "जरूरी",
-  logoAlt: "लोगो",
-  selectLanguage: "भाषा चुनीं",
-  selectLanguageCurrent: "भाषा चुनीं. मौजूदा भाषा: {lang}",
-  opensInNewTab: "नया टैब में खुलेला",
-  audioStart: "ऑडियो प्लेबैक शुरू करीं",
-  audioPause: "ऑडियो प्लेबैक रोकीं",
-  talkbackStart: "टॉकबैक शुरू करीं",
-  talkbackPause: "टॉकबैक रोकीं",
-  mobileNumber: "मोबाइल नंबर",
-  otpHelper: "हमनी एह नंबर पर एक बेर इस्तेमाल होखे वाला पासवर्ड भेजब।",
-  otpSentTo: "ओटीपी (OTP) भेजल गइल",
-  changeMobile: "मोबाइल नंबर बदलीं",
-  enterNDigitOtp: "{count}-अंक के ओटीपी (OTP) डालीं",
-  otpDigit: "ओटीपी (OTP) अंक {index}",
-  resendIn: "{seconds} सेकंड में ओटीपी (OTP) फेर से भेजीं",
-  sending: "भेजल जा रहल बा…",
-  resendOtp: "ओटीपी (OTP) फेर से भेजीं",
-  getOtp: "ओटीपी (OTP) पाईं",
-  verifying: "सत्यापित कइल जा रहल बा…",
-  verifyOtp: "ओटीपी (OTP) सत्यापित करीं",
-  sendOtp: "ओटीपी (OTP) भेजीं",
-  confirmOtp: "ओटीपी (OTP) के पुष्टि करीं",
-  verifyWithOtp: "ओटीपी (OTP) से सत्यापित करीं",
-  editSelections: "चुनाव में बदलाव करीं",
-  otpIncorrect:
-    "रउरा डालल सत्यापन कोड गलत बा। कृपया जाँच करीं आ फेर से कोशिश करीं।",
-  otpExpired: "रउरा सत्यापन कोड के मियाद खतम हो गइल बा। कृपया नया कोड मांगीं।",
-  otpNotFound: "सत्यापन कोड ना मिलल। कृपया नया कोड मांगीं।",
-  otpVerifyFailed: "ओटीपी (OTP) के सत्यापन ना हो सकल। कृपया फेर से कोशिश करीं।",
-  otpSendFailed: "ओटीपी (OTP) ना भेजल जा सकल। कृपया फेर से कोशिश करीं।",
-  consentConfirmed: "सहमति के पुष्टि भइल",
-  recordedUnder: "ओटीपी (OTP) सत्यापित · {regulation} के तहत दर्ज भइल",
-  recordedUnderAt:
-    "ओटीपी (OTP) सत्यापित · {regulation} के तहत {time} बजे दर्ज भइल",
-  consentReferenceId: "सहमति संदर्भ आईडी",
-  proceed: "आगे बढ़ीं",
-  loadingNotice: "नोटिस लोड हो रहल बा",
-  loadFailedTitle: "सहमति नोटिस लोड ना हो सकल",
-  tryAgain: "कृपया फेर से कोसिस करीं।",
-  close: "बंद करीं",
-};
-
 const brx: StaticStrings = {
   useEmailInstead: "इमेल बाहाय",
   useMobileInstead: "मबाइल बाहाय",
@@ -1435,7 +1381,6 @@ export const STATIC_STRINGS: Record<string, StaticStrings> = {
   te,
   ur,
   as,
-  bho,
   brx,
   doi,
 };

package/src/RedactoNoticeConsent/language-codes.ts

@@ -6,7 +6,6 @@ export const LANGUAGE_NATIVE_LABELS: Record<string, string> = {
   English: "English",
   Assamese: "অসমীয়া (Assamese)",
   Bengali: "বাংলা (Bengali)",
-  Bhojpuri: "भोजपुरी (Bhojpuri)",
   Bodo: "बड़ो (Bodo)",
   Dogri: "डोगरी (Dogri)",
   Gujarati: "ગુજરાતી (Gujarati)",
@@ -44,7 +43,6 @@ const LANGUAGE_NAME_TO_BCP47: Record<string, string> = {
   English: "en",
   Assamese: "as",
   Bengali: "bn",
-  Bhojpuri: "bho",
   Bodo: "brx",
   Dogri: "doi",
   Gujarati: "gu",

package/src/RedactoPrivacyCenter/components/AppShell/AppShell.tsx

@@ -214,6 +214,34 @@ export default function AppShell({
               var(--pc-bg-shell) 100%
             );
           }
+          .pc-shell-user-menu-identity {
+            display: flex;
+            flex-direction: column;
+            gap: 2px;
+            min-width: 0;
+            flex: 1;
+          }
+          .pc-shell-user-menu-identity-email {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--pc-text-primary);
+            line-height: 1.3;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            min-width: 0;
+          }
+          .pc-shell-user-menu-identity-id {
+            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+            font-size: 11px;
+            font-weight: 500;
+            color: var(--pc-text-secondary);
+            line-height: 1.3;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            min-width: 0;
+          }
           .pc-popover.pc-shell-user-menu-popover {
             border-radius: 12px !important;
             overflow: hidden !important;

package/src/RedactoPrivacyCenter/components/AppShell/UserMenu.tsx

@@ -1,11 +1,12 @@
 import { useEffect, useState, type CSSProperties } from 'react';
-import { ChevronDown, Users } from 'lucide-react';
+import { Users } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { PCAvatar, PCPopover } from '../../ui';
 import { useBranding } from '../../context/BrandingContext';
 import { useOrganization } from '../../context/OrganizationContext';
 import { useProfileSwitch } from '../../context/ProfileSwitchContext';
-import { getVar } from '../../lib/utils';
+import { useAuth } from '../../context/AuthContext';
+import { decodeJwtToken, getVar } from '../../lib/utils';
 import { usePrivacyCenterExitAction } from './usePrivacyCenterExitAction';
 
 type UserMenuProps = {
@@ -35,6 +36,7 @@ export function UserMenu({ onBack }: UserMenuProps) {
   const { t } = useTranslation();
   const branding = useBranding();
   const { organization } = useOrganization();
+  const { accessToken } = useAuth();
   const [email, setEmail] = useState('');
 
   useEffect(() => {
@@ -45,20 +47,20 @@ export function UserMenu({ onBack }: UserMenuProps) {
     usePrivacyCenterExitAction(onBack);
   const { canSwitch, switchProfile } = useProfileSwitch();
 
+  // The signed-in principal's org_user_id — unique per profile, unlike the
+  // email a shared contact reuses across profiles — so the menu can show which
+  // profile is active. Read from the (live) token, which re-scopes on switch.
+  const orgUserId =
+    (decodeJwtToken(accessToken)?.user_data?.org_user_id as string) || '';
+
   const displayName = branding?.brand_name || organization?.name || '';
   const triggerAvatarName = email ? initialsFromEmail(email) : displayName || '?';
 
-  const triggerStyle: CSSProperties = {
-    display: 'inline-flex',
-    alignItems: 'center',
-    gap: 6,
-    padding: '4px 6px 4px 4px',
-    borderRadius: 9999,
-    background: 'transparent',
-    border: `1px solid ${getVar('--pc-border-color')}`,
-    color: getVar('--pc-text-secondary'),
-    cursor: 'pointer',
-    transition: 'background 150ms ease, border-color 150ms ease, box-shadow 150ms ease',
+  // The .pc-navbar-avatar-btn control draws the ring and surface, so the avatar fills
+  // it and draws neither (see `framed={false}` below).
+  const avatarFillStyle: CSSProperties = {
+    width: '100%',
+    height: '100%',
   };
 
   // Shared style for the popover's action rows (switch profile, back/sign out).
@@ -81,24 +83,25 @@ export function UserMenu({ onBack }: UserMenuProps) {
   };
 
   const trigger = (
-    <div
-      style={triggerStyle}
-      role="presentation"
-      onMouseEnter={(e) => {
-        (e.currentTarget as HTMLDivElement).style.boxShadow =
-          '0 0 0 2px color-mix(in srgb, var(--pc-primary) 18%, transparent)';
-      }}
-      onMouseLeave={(e) => {
-        (e.currentTarget as HTMLDivElement).style.boxShadow = 'none';
-      }}
-    >
+    <button type="button" aria-label={t('accountMenu')} className="pc-navbar-avatar-btn">
       {branding?.icon_url ? (
-        <PCAvatar src={branding.icon_url} name={triggerAvatarName} size="sm" color="info" />
+        <PCAvatar
+          src={branding.icon_url}
+          name={triggerAvatarName}
+          size="md"
+          color="info"
+          framed={false}
+          style={avatarFillStyle}
+        />
       ) : (
-        <PCAvatar name={triggerAvatarName} size="sm" color="info" />
+        <PCAvatar
+          name={triggerAvatarName}
+          size="md"
+          color="info"
+          style={avatarFillStyle}
+        />
       )}
-      <ChevronDown size={14} strokeWidth={2} />
-    </div>
+    </button>
   );
 
   const content = (
@@ -155,7 +158,7 @@ export function UserMenu({ onBack }: UserMenuProps) {
       </div>
 
       {/* Identity card */}
-      {email && (
+      {(email || orgUserId) && (
         <div
           style={{
             padding: '12px 16px',
@@ -168,22 +171,21 @@ export function UserMenu({ onBack }: UserMenuProps) {
                 : 'none',
           }}
         >
-          <PCAvatar name={initialsFromEmail(email)} size="sm" color="info" />
-          <div
-            title={email}
-            style={{
-              fontSize: 13,
-              fontWeight: 600,
-              color: getVar('--pc-text-primary'),
-              lineHeight: 1.3,
-              overflow: 'hidden',
-              textOverflow: 'ellipsis',
-              whiteSpace: 'nowrap',
-              minWidth: 0,
-              flex: 1,
-            }}
-          >
-            {email}
+          <PCAvatar name={triggerAvatarName} size="sm" color="info" />
+          <div className="pc-shell-user-menu-identity">
+            {email ? (
+              <div title={email} className="pc-shell-user-menu-identity-email">
+                {email}
+              </div>
+            ) : null}
+            {orgUserId ? (
+              <div
+                title={orgUserId}
+                className="pc-shell-user-menu-identity-id"
+              >
+                {t('userIdLabel', { id: orgUserId })}
+              </div>
+            ) : null}
           </div>
         </div>
       )}

package/src/RedactoPrivacyCenter/components/SelectUser.tsx

@@ -40,8 +40,17 @@ export const SelectUser = ({
           const principalUuid = candidate.uuid || '';
           const primaryLabel =
             candidate.primary_email || candidate.primary_mobile || candidate.uuid;
-          const secondaryLabel =
+          const secondaryContact =
             candidate.primary_mobile || candidate.primary_email || '';
+          // Don't echo the same value on both lines — an email-only principal
+          // otherwise renders its email twice, which is exactly the "identical
+          // rows" problem. The org_user_id below is the real differentiator.
+          const secondaryLabel =
+            secondaryContact !== primaryLabel ? secondaryContact : '';
+          // org_user_id is unique per principal (ledger-enforced within the
+          // org/workspace), so it's the reliable way to tell shared-contact
+          // profiles apart when the email/mobile are identical.
+          const orgUserId = candidate.org_user_id || '';
           const isBusy = busyOrgUserId === principalUuid;
           return (
             <button
@@ -60,6 +69,11 @@ export const SelectUser = ({
                     {secondaryLabel}
                   </span>
                 ) : null}
+                {orgUserId ? (
+                  <span className="pc-select-user__item-id">
+                    {t('userIdLabel', { id: orgUserId })}
+                  </span>
+                ) : null}
               </span>
               {isBusy ? (
                 <span className="pc-select-user__item-status">

package/src/RedactoPrivacyCenter/lib/constants.ts

@@ -40,7 +40,6 @@ export const languageOptions = [
   { value: 'mni-Mtei', label: 'ꯃꯩꯇꯩꯂꯣꯟ (Manipuri)' },
   { value: 'gom', label: 'कोंकणी (Goan Konkani)' },
   { value: 'sa', label: 'संस्कृतम् (Sanskrit)' },
-  { value: 'bho', label: 'भोजपुरी (Bhojpuri)' },
   { value: 'brx', label: 'बड़ो (Bodo)' },
   { value: 'ks', label: 'كٲشُر (Kashmiri)' },
   { value: 'sat', label: 'ᱥᱟᱱᱛᱟᱲᱤ (Santali)' },

package/src/RedactoPrivacyCenter/lib/locales.ts

@@ -2,7 +2,6 @@
 import enTranslation from '../locales/en/translation.json';
 import asTranslation from '../locales/as/translation.json';
 import bnTranslation from '../locales/bn/translation.json';
-import bhoTranslation from '../locales/bho/translation.json';
 import brxTranslation from '../locales/brx/translation.json';
 import doiTranslation from '../locales/doi/translation.json';
 import gomTranslation from '../locales/gom/translation.json';
@@ -28,7 +27,6 @@ const activityFetchErrorTranslations: Record<string, string> = {
   en: 'Failed to fetch activity data',
   as: 'কাৰ্যকলাপৰ তথ্য আনিবলৈ ব্যৰ্থ',
   bn: 'কার্যকলাপের ডেটা আনতে ব্যর্থ',
-  bho: 'गतिविधि डेटा लावे में विफल',
   brx: 'खामानि डाटा लाङो दिहुनायाव असफल',
   doi: 'गतिविधि डेटा लावै मे असफल',
   gom: 'क्रियाकलाप डेटा आणपांत अयशस्वी',
@@ -68,7 +66,6 @@ const translations: Record<string, Record<string, any>> = {
   en: { translation: withSharedActivityErrors('en', enTranslation) },
   as: { translation: withSharedActivityErrors('as', asTranslation) },
   bn: { translation: withSharedActivityErrors('bn', bnTranslation) },
-  bho: { translation: withSharedActivityErrors('bho', bhoTranslation) },
   brx: { translation: withSharedActivityErrors('brx', brxTranslation) },
   doi: { translation: withSharedActivityErrors('doi', doiTranslation) },
   gom: { translation: withSharedActivityErrors('gom', gomTranslation) },

package/src/RedactoPrivacyCenter/locales/as/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "ছাইন ইন হৈ আছে…",
   "couldNotSwitchProfile": "সেই প্ৰ'ফাইললৈ সলনি কৰিব পৰা নগ'ল। অনুগ্ৰহ কৰি পুনৰ চেষ্টা কৰক।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ব্যৱহাৰকাৰী আইডি: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/bn/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "সাইন ইন হচ্ছে…",
   "couldNotSwitchProfile": "সেই প্রোফাইলে স্যুইচ করা যায়নি। অনুগ্রহ করে আবার চেষ্টা করুন।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ব্যবহারকারীর আইডি: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/brx/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन जायगासिनो दं…",
   "couldNotSwitchProfile": "बै प्रफाइलआव स्विच खालामनो हायाखै। अननानै फिन नाजा।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "यूजर आईडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/doi/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन होआ करदा ऐ…",
   "couldNotSwitchProfile": "ओह् प्रोफाइल पर स्विच नेईं होई सकेआ। कृपा करियै दुबारा कोशिश करो।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "प्रयोगकर्ता आईडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/en/translation.json

@@ -352,5 +352,7 @@
   "signingInEllipsis": "Signing in…",
   "couldNotSwitchProfile": "Could not switch to that profile. Please try again.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "User ID: {{id}}",
+  "accountMenu": "Account menu"
 }

package/src/RedactoPrivacyCenter/locales/gom/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन जावन आसा…",
   "couldNotSwitchProfile": "त्या प्रोफायलाचेर स्विच करूंक जालें ना. उपकार करून परत यत्न करात.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "वापरपी आयडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/gu/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "સાઇન ઇન થઈ રહ્યું છે…",
   "couldNotSwitchProfile": "તે પ્રોફાઇલ પર સ્વિચ કરી શકાયું નહીં. કૃપા કરીને ફરી પ્રયાસ કરો.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "વપરાશકર્તા આઈડી: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/hi/translation.json

@@ -341,5 +341,6 @@
   "signingInEllipsis": "साइन इन हो रहा है…",
   "couldNotSwitchProfile": "उस प्रोफ़ाइल पर स्विच नहीं किया जा सका। कृपया पुनः प्रयास करें।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "उपयोगकर्ता आईडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/kn/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "ಸೈನ್ ಇನ್ ಆಗುತ್ತಿದೆ…",
   "couldNotSwitchProfile": "ಆ ಪ್ರೊಫೈಲ್‌ಗೆ ಬದಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. ದಯವಿಟ್ಟು ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ಬಳಕೆದಾರ ಐಡಿ: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/ks/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "سائن اِن گژھان چھُ…",
   "couldNotSwitchProfile": "تہِ پروفائلس منٛز سوِچ کرُن آو نہ۔ مہربانی کرِتھ دوبارٕ کوشش کریو۔",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "صارف آئی ڈی: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/mai/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन भ' रहल अछि…",
   "couldNotSwitchProfile": "ओ प्रोफाइल पर स्विच नहि भ' सकल। कृपया फेर सँ प्रयास करू।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "उपयोगकर्ता आइडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/ml/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "സൈൻ ഇൻ ചെയ്യുന്നു…",
   "couldNotSwitchProfile": "ആ പ്രൊഫൈലിലേക്ക് മാറാൻ കഴിഞ്ഞില്ല. വീണ്ടും ശ്രമിക്കുക.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ഉപയോക്തൃ ഐഡി: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/mni-Mtei/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "সাইন ইন তৌরি…",
   "couldNotSwitchProfile": "প্রোফাইল অদুদা হোংদোকপা ঙমদ্রে। চানবীদুনা অমুক হন্না হোৎনবিয়ু।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ꯃꯤꯑꯣꯏꯕ ꯑꯥꯏꯗꯤ: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/mr/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन करत आहे…",
   "couldNotSwitchProfile": "त्या प्रोफाइलवर स्विच करता आले नाही. कृपया पुन्हा प्रयत्न करा.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "वापरकर्ता आयडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/ne/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "साइन इन हुँदैछ…",
   "couldNotSwitchProfile": "त्यो प्रोफाइलमा स्विच गर्न सकिएन। कृपया फेरि प्रयास गर्नुहोस्।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "प्रयोगकर्ता आईडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/or/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "ସାଇନ୍ ଇନ୍ ହେଉଛି…",
   "couldNotSwitchProfile": "ସେହି ପ୍ରୋଫାଇଲକୁ ସ୍ୱିଚ୍ କରାଯାଇପାରିଲା ନାହିଁ। ଦୟାକରି ପୁନର୍ବାର ଚେଷ୍ଟା କରନ୍ତୁ।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ବ୍ୟବହାରକାରୀ ଆଇଡି: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/pa/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "ਸਾਈਨ ਇਨ ਹੋ ਰਿਹਾ ਹੈ…",
   "couldNotSwitchProfile": "ਉਸ ਪ੍ਰੋਫਾਈਲ 'ਤੇ ਸਵਿੱਚ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਿਆ। ਕਿਰਪਾ ਕਰਕੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ਉਪਯੋਗਕਰਤਾ ਆਈਡੀ: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/sa/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "प्रवेशः क्रियते…",
   "couldNotSwitchProfile": "तां प्रोफ़ाइलं प्रति परिवर्तनं न शक्यते स्म। कृपया पुनः प्रयत्नं करोतु।",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "उपयोक्तृ-आयडी: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/sat/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "ᱥᱟᱭᱤᱱ ᱤᱱ ᱮᱫᱟᱭ…",
   "couldNotSwitchProfile": "ᱚᱱᱟ ᱯᱨᱳᱯᱷᱟᱭᱤᱞ ᱛᱮ ᱥᱩᱭᱪ ᱵᱟᱝ ᱦᱩᱭ ᱞᱮᱱᱟ᱾ ᱫᱟᱭᱟ ᱠᱟᱛᱮ ᱫᱩᱠᱟᱹᱛᱮ ᱠᱩᱨᱩᱢᱩᱴᱩ ᱢᱮ᱾",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱟᱭᱰᱤ: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/sd/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "سائن ان ٿي رهيو آهي…",
   "couldNotSwitchProfile": "ان پروفائل تي سوئچ نه ٿي سگهيو. مهرباني ڪري ٻيهر ڪوشش ڪريو.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "يوزر آئيڊي: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/ta/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "உள்நுழைகிறது…",
   "couldNotSwitchProfile": "அந்தச் சுயவிவரத்திற்கு மாற முடியவில்லை. மீண்டும் முயற்சிக்கவும்.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "பயனர் ஐடி: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/te/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "సైన్ ఇన్ అవుతోంది…",
   "couldNotSwitchProfile": "ఆ ప్రొఫైల్‌కు మారడం సాధ్యం కాలేదు. దయచేసి మళ్లీ ప్రయత్నించండి.",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "వినియోగదారు ఐడి: {{id}}"
 }

package/src/RedactoPrivacyCenter/locales/ur/translation.json

@@ -338,5 +338,6 @@
   "signingInEllipsis": "سائن ان ہو رہا ہے…",
   "couldNotSwitchProfile": "اس پروفائل پر سوئچ نہیں کیا جا سکا۔ براہ کرم دوبارہ کوشش کریں۔",
   "purposeNotRevocable": "This purpose can't be withdrawn directly.",
-  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it."
+  "purposeNotRevocableError": "This purpose can't be withdrawn directly. Please raise a request to remove it.",
+  "userIdLabel": "صارف آئی ڈی: {{id}}"
 }

package/src/RedactoPrivacyCenter/styles/injectStyles.ts

@@ -747,6 +747,17 @@ export const injectPCStyles = () => {
       white-space: nowrap;
       max-width: 100%;
     }
+    .pc-select-user__item-id {
+      margin-top: 0.125rem;
+      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      font-size: 0.6875rem;
+      color: var(--pc-text-secondary);
+      line-height: 1.25;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      max-width: 100%;
+    }
     .pc-select-user__item-status {
       font-size: 0.75rem;
       font-weight: 600;
@@ -2744,7 +2755,10 @@ export const injectPCStyles = () => {
       border-radius: 9999px;
     }
 
-    .pc-notification-bell-btn {
+    /* Circular navbar controls: the bell and the org-logo menu button. Same size
+       token, ring and hover, so the topbar cluster reads as one set of controls. */
+    .pc-notification-bell-btn,
+    .pc-navbar-avatar-btn {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -2766,7 +2780,8 @@ export const injectPCStyles = () => {
       height: 14px;
     }
 
-    .pc-notification-bell-btn:hover {
+    .pc-notification-bell-btn:hover,
+    .pc-navbar-avatar-btn:hover {
       background-color: var(--pc-bg-hover);
       border-color: var(--pc-border-color-hover);
     }
@@ -2829,6 +2844,7 @@ export const injectPCStyles = () => {
     /* Keyboard focus rings for Notification Hub interactive controls */
     .pc-notification-cta:focus-visible,
     .pc-notification-bell-btn:focus-visible:not(:disabled),
+    .pc-navbar-avatar-btn:focus-visible:not(:disabled),
     .pc-notification-filter-tab:focus-visible:not(:disabled),
     .pc-notification-pagination-btn:focus-visible:not(:disabled),
     .pc-notification-link-btn:focus-visible:not(:disabled),