@prenta/admin 1.8.0 → 1.9.1

package/src/views/users/UserDetailDrawer.tsx

@@ -72,6 +72,7 @@ interface UserDetail {
   invitedBy: { id: string; name: string; email: string } | null
   externalDomain: boolean
   contentOwnedCount: number
+  liveApiKeyCount: number
   isCurrentUser: boolean
 }
 
@@ -505,6 +506,18 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
                   label="Content owned"
                   value={`${u.contentOwnedCount} ${u.contentOwnedCount === 1 ? 'item' : 'items'}`}
                 />
+                <Fact
+                  label="Live API keys"
+                  value={
+                    u.liveApiKeyCount > 0 ? (
+                      <span className="text-warning">
+                        {u.liveApiKeyCount} {u.liveApiKeyCount === 1 ? 'key' : 'keys'}
+                      </span>
+                    ) : (
+                      'None'
+                    )
+                  }
+                />
                 <Fact
                   label="Email verified"
                   value={u.emailVerified ? 'Yes' : <span className="text-warning">No</span>}
@@ -541,7 +554,13 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
             {/* Security ----------------------------------------------------- */}
             <Tabs.Content value="security" tabIndex={-1} className="focus:outline-none">
               <SecurityRow
-                icon={u.mfaEnabled ? <ShieldCheck size={16} /> : <ShieldAlert size={16} />}
+                icon={
+                  u.mfaEnabled ? (
+                    <ShieldCheck size={16} aria-hidden />
+                  ) : (
+                    <ShieldAlert size={16} aria-hidden />
+                  )
+                }
                 title="Multi-factor authentication"
                 description={
                   u.mfaEnabled
@@ -600,7 +619,7 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
                 }
               />
               <SecurityRow
-                icon={<KeyRound size={16} />}
+                icon={<KeyRound size={16} aria-hidden />}
                 title="Password"
                 description={
                   u.ssoOnly
@@ -660,13 +679,19 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
                 }
               />
               <SecurityRow
-                icon={<ShieldAlert size={16} />}
+                icon={<ShieldAlert size={16} aria-hidden />}
                 title="Failed sign-ins"
                 description={`${u.failedLoginCount} failed ${u.failedLoginCount === 1 ? 'attempt' : 'attempts'} on record.`}
                 action={null}
               />
               <SecurityRow
-                icon={u.status === 'locked' ? <Lock size={16} /> : <Unlock size={16} />}
+                icon={
+                  u.status === 'locked' ? (
+                    <Lock size={16} aria-hidden />
+                  ) : (
+                    <Unlock size={16} aria-hidden />
+                  )
+                }
                 title="Account lock"
                 description={
                   u.status === 'locked' ? 'Locked by a security policy or an admin.' : 'Not locked.'
@@ -717,7 +742,7 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
                 }
               />
               <SecurityRow
-                icon={<Ban size={16} />}
+                icon={<Ban size={16} aria-hidden />}
                 title="Account access"
                 description={
                   u.status === 'suspended'
@@ -850,6 +875,7 @@ export function UserDetailDrawer({ userId, open, onOpenChange, onChanged }: User
                           <button
                             type="button"
                             disabled={pending === `revoke-${s.id}`}
+                            aria-label={`Revoke session on ${s.deviceLabel}`}
                             onClick={() =>
                               runAction(
                                 `revoke-${s.id}`,