Function UserIdentityCell

packages/react/src/pages/admin-users.tsx:277–310

* The user cell: who this is, then the opaque id underneath. * * The host joins email/name onto each row server-side, so the headline is * something an operator recognizes and the `externalId` becomes the supporting * line — still mono, still carrying the full value in its title, still under the

(props: { readonly user: AdminUserIdentityRow })

 * click away in the sheet header, on the same values.
 */
function UserIdentityCell(props: { readonly user: AdminUserIdentityRow }) {
  const title = adminUserTitle(props.user);

  if (title.primaryIsId) {
    return (
      <span
        data-slot="admin-user-id"
        className="min-w-0 truncate font-mono text-sm text-foreground"
        title={props.user.externalId}
      >
        {shortenExternalId(title.primary)}
      </span>
    );
  }

  return (
    <span className="flex min-w-0 flex-col gap-0.5">
      <span
        data-slot="admin-user-name"
        className="truncate text-sm text-foreground"
        title={title.primary}
      >
        {title.primary}
      </span>
      <span
        data-slot="admin-user-id"
        className="truncate font-mono text-[11px] text-muted-foreground"
        title={props.user.externalId}
      >
        {shortenExternalId(props.user.externalId)}
      </span>
    </span>
  );
}

/**
 * The sheet header: the same title treatment as the row, plus the copy