@adonis-agora/authkit-server 0.75.0 → 0.76.0

package/build/stubs/ui/react/pages/consent.tsx

@@ -9,14 +9,20 @@ export default function AuthkitConsent({
   params,
   csrfToken,
   brand,
+  clientName,
+  scopes = [],
 }: {
   uid: string;
   params: { client_id: string };
   csrfToken: string;
   brand?: AuthBrand;
+  /** O nome que o client registrou (ex.: "Claude Code"); sem ele, o `client_id`. */
+  clientName?: string;
+  /** Os escopos pedidos, com o rótulo de cada um. */
+  scopes?: { id: string; label: string }[];
 }) {
   const accent = brand?.accent ?? '#111827';
-  const appName = brand?.appName ?? params.client_id;
+  const appName = clientName ?? params.client_id;
 
   return (
     <AuthShell brand={brand}>
@@ -26,6 +32,16 @@ export default function AuthkitConsent({
         <p className="mt-2 text-sm text-gray-600">
           O app <strong>{appName}</strong> quer acessar sua conta.
         </p>
+        {scopes.length > 0 && (
+          <>
+            <p className="mt-4 text-sm font-medium text-gray-900">Ele vai poder:</p>
+            <ul className="mt-2 list-inside list-disc space-y-1 text-sm text-gray-600">
+              {scopes.map((scope) => (
+                <li key={scope.id}>{scope.label}</li>
+              ))}
+            </ul>
+          </>
+        )}
 
         <button
           type="submit"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adonis-agora/authkit-server",
-  "version": "0.75.0",
+  "version": "0.76.0",
   "description": "AdonisJS OIDC/OAuth2 provider (Identity Provider) toolkit: ejectable auth server with sessions, rate-limiting, MFA/TOTP, audit log, federated logout and OpenTelemetry metrics.",
   "license": "MIT",
   "author": "dudousxd",

package/stubs/ui/react/pages/consent.tsx

@@ -9,14 +9,20 @@ export default function AuthkitConsent({
   params,
   csrfToken,
   brand,
+  clientName,
+  scopes = [],
 }: {
   uid: string;
   params: { client_id: string };
   csrfToken: string;
   brand?: AuthBrand;
+  /** O nome que o client registrou (ex.: "Claude Code"); sem ele, o `client_id`. */
+  clientName?: string;
+  /** Os escopos pedidos, com o rótulo de cada um. */
+  scopes?: { id: string; label: string }[];
 }) {
   const accent = brand?.accent ?? '#111827';
-  const appName = brand?.appName ?? params.client_id;
+  const appName = clientName ?? params.client_id;
 
   return (
     <AuthShell brand={brand}>
@@ -26,6 +32,16 @@ export default function AuthkitConsent({
         <p className="mt-2 text-sm text-gray-600">
           O app <strong>{appName}</strong> quer acessar sua conta.
         </p>
+        {scopes.length > 0 && (
+          <>
+            <p className="mt-4 text-sm font-medium text-gray-900">Ele vai poder:</p>
+            <ul className="mt-2 list-inside list-disc space-y-1 text-sm text-gray-600">
+              {scopes.map((scope) => (
+                <li key={scope.id}>{scope.label}</li>
+              ))}
+            </ul>
+          </>
+        )}
 
         <button
           type="submit"