feat(settings): add v1 api token and token reveal popup

apps/lfx-one/src/app/app.config.ts

@@ -37,7 +37,7 @@ export const appConfig: ApplicationConfig = {
   providers: [
     provideZonelessChangeDetection(),
     { provide: ErrorHandler, useClass: ChunkLoadErrorHandler },
-    provideRouter(routes, withPreloading(CustomPreloadingStrategy), withInMemoryScrolling({ scrollPositionRestoration: 'top' })),
+    provideRouter(routes, withPreloading(CustomPreloadingStrategy), withInMemoryScrolling({ scrollPositionRestoration: 'top', anchorScrolling: 'enabled' })),
     provideClientHydration(withEventReplay(), withIncrementalHydration(), withHttpTransferCacheOptions({ includeHeaders: ['Authorization'] })),
     provideHttpClient(withFetch(), withInterceptors([authenticationInterceptor, ssrBaseUrlInterceptor])),
     provideAnimationsAsync(),

apps/lfx-one/src/app/modules/profile/profile.routes.ts

@@ -41,10 +41,6 @@ export const PROFILE_ROUTES: Routes = [
         path: 'email',
         loadComponent: () => import('./email/profile-email.component').then((m) => m.ProfileEmailComponent),
       },
-      {
-        path: 'developer',
-        loadComponent: () => import('./developer/profile-developer.component').then((m) => m.ProfileDeveloperComponent),
-      },
 
       // Backward-compat redirects for old URLs
       { path: 'overview', redirectTo: 'attribution' },

apps/lfx-one/src/app/modules/settings/account-settings/account-settings.component.html

@@ -490,37 +490,77 @@ <h3 class="text-sm font-semibold text-slate-900 mb-6">API Token</h3>
               <span class="ml-3 text-gray-600">Loading token...</span>
             </div>
           } @else if (developerToken()) {
-            <div class="border border-slate-200 rounded-lg p-4">
-              <div class="flex items-center justify-between">
-                <div class="flex items-center gap-3 flex-1 min-w-0">
-                  <i class="fa-light fa-key text-slate-500 flex-shrink-0"></i>
-                  <div class="flex-1 min-w-0">
-                    <h4 class="text-sm text-slate-900 mb-0.5">Personal Access Token</h4>
-                    <p class="text-[13px] text-slate-500 font-mono truncate" data-testid="developer-token-value">
-                      {{ showToken() ? developerToken() : maskedToken() }}
-                    </p>
+            <div class="flex flex-col gap-4">
+              <!-- v2 OIDC session token -->
+              <div class="border border-slate-200 rounded-lg p-4">
+                <div class="flex items-center justify-between">
+                  <div class="flex items-center gap-3 flex-1 min-w-0">
+                    <i class="fa-light fa-key text-slate-500 flex-shrink-0"></i>
+                    <div class="flex-1 min-w-0">
+                      <h4 class="text-sm text-slate-900 mb-0.5">Personal Access Token</h4>
+                      <p class="text-[13px] text-slate-500 font-mono truncate" data-testid="developer-token-value">
+                        {{ maskedToken() }}
+                      </p>
+                    </div>
+                  </div>
+                  <div class="flex gap-2 ml-4 flex-shrink-0">
+                    <lfx-button
+                      type="button"
+                      severity="secondary"
+                      variant="outlined"
+                      size="small"
+                      label="Show"
+                      (onClick)="openTokenPopup('API Token', developerToken())"
+                      data-testid="developer-token-show-button">
+                    </lfx-button>
+                    <lfx-button
+                      type="button"
+                      severity="info"
+                      size="small"
+                      [label]="tokenCopied() === 'v2' ? 'Copied!' : 'Copy'"
+                      (onClick)="copyToken(developerToken(), 'v2')"
+                      data-testid="developer-token-copy-button">
+                    </lfx-button>
                   </div>
-                </div>
-                <div class="flex gap-2 ml-4 flex-shrink-0">
-                  <lfx-button
-                    type="button"
-                    severity="secondary"
-                    variant="outlined"
-                    size="small"
-                    [label]="showToken() ? 'Hide' : 'Show'"
-                    (onClick)="toggleTokenVisibility()"
-                    data-testid="developer-token-show-button">
-                  </lfx-button>
-                  <lfx-button
-                    type="button"
-                    severity="info"
-                    size="small"
-                    [label]="tokenCopied() ? 'Copied!' : 'Copy'"
-                    (onClick)="copyToken()"
-                    data-testid="developer-token-copy-button">
-                  </lfx-button>
                 </div>
               </div>
+
+              <!-- v1 API Gateway token (only when available) -->
+              @if (developerV1Token()) {
+                <div class="border border-slate-200 rounded-lg p-4" data-testid="developer-token-v1">
+                  <div class="flex items-center justify-between">
+                    <div class="flex items-center gap-3 flex-1 min-w-0">
+                      <i class="fa-light fa-key text-slate-500 flex-shrink-0"></i>
+                      <div class="flex-1 min-w-0">
+                        <h4 class="text-sm text-slate-900 mb-0.5">API Token (v1)</h4>
+                        <p class="text-[13px] text-slate-500 mb-0.5">For legacy v1 APIs (<span class="font-mono">api-gw.platform.linuxfoundation.org</span>)</p>
+                        <p class="text-[13px] text-slate-500 font-mono truncate" data-testid="developer-token-v1-value">
+                          {{ maskedV1Token() }}
+                        </p>
+                      </div>
+                    </div>
+                    <div class="flex gap-2 ml-4 flex-shrink-0">
+                      <lfx-button
+                        type="button"
+                        severity="secondary"
+                        variant="outlined"
+                        size="small"
+                        label="Show"
+                        (onClick)="openTokenPopup('API Token (v1)', developerV1Token())"
+                        data-testid="developer-token-v1-show-button">
+                      </lfx-button>
+                      <lfx-button
+                        type="button"
+                        severity="info"
+                        size="small"
+                        [label]="tokenCopied() === 'v1' ? 'Copied!' : 'Copy'"
+                        (onClick)="copyToken(developerV1Token(), 'v1')"
+                        data-testid="developer-token-v1-copy-button">
+                      </lfx-button>
+                    </div>
+                  </div>
+                </div>
+              }
             </div>
           } @else {
             <div class="text-center py-4" data-testid="developer-token-unavailable">