From 64179cb54c3579ca5583fc9fde576c98101789bb Mon Sep 17 00:00:00 2001 From: Rohil Surana Date: Mon, 25 May 2026 12:58:45 +0530 Subject: [PATCH 01/10] fix(sdk): fix disabled radio cursor, breadcrumb navigation, and PAT warning callout --- .../react/views-new/pat/components/pat-created-dialog.tsx | 6 +++--- web/sdk/react/views-new/pat/components/pat-form-dialog.tsx | 7 ++++++- web/sdk/react/views-new/pat/pat-details-view.tsx | 7 ++----- web/sdk/react/views-new/projects/project-details-view.tsx | 7 ++----- .../service-accounts/service-account-details-view.tsx | 7 ++----- web/sdk/react/views-new/teams/team-details-view.tsx | 7 ++----- 6 files changed, 17 insertions(+), 24 deletions(-) diff --git a/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx b/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx index 9938bb5a7..847dc299e 100644 --- a/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx +++ b/web/sdk/react/views-new/pat/components/pat-created-dialog.tsx @@ -1,6 +1,6 @@ 'use client'; -import { InfoCircledIcon } from '@radix-ui/react-icons'; +import { ExclamationTriangleIcon } from '@radix-ui/react-icons'; import { Button, Callout, @@ -56,8 +56,8 @@ export function PATCreatedDialog({ handle, onClose }: PATCreatedDialogProps) { } data-test-id="frontier-sdk-pat-token-input" /> - } width="100%"> - Warning : Make sure you copy the above token now. This token + } width="100%"> + Warning: Make sure you copy the above token now. This token will only be shown once. Store it securely. diff --git a/web/sdk/react/views-new/pat/components/pat-form-dialog.tsx b/web/sdk/react/views-new/pat/components/pat-form-dialog.tsx index fc770c7cf..ca20474ba 100644 --- a/web/sdk/react/views-new/pat/components/pat-form-dialog.tsx +++ b/web/sdk/react/views-new/pat/components/pat-form-dialog.tsx @@ -516,10 +516,15 @@ export function PATFormDialog({ All - + Selective projects diff --git a/web/sdk/react/views-new/pat/pat-details-view.tsx b/web/sdk/react/views-new/pat/pat-details-view.tsx index 1513afd69..c4deca33e 100644 --- a/web/sdk/react/views-new/pat/pat-details-view.tsx +++ b/web/sdk/react/views-new/pat/pat-details-view.tsx @@ -235,11 +235,8 @@ export function PATDetailsView({ breadcrumb={ { - e.preventDefault(); - onNavigateToPats?.(); - }} + style={{ cursor: 'pointer' }} + onClick={() => onNavigateToPats?.()} > Personal access token diff --git a/web/sdk/react/views-new/projects/project-details-view.tsx b/web/sdk/react/views-new/projects/project-details-view.tsx index 957db376d..79fea8f62 100644 --- a/web/sdk/react/views-new/projects/project-details-view.tsx +++ b/web/sdk/react/views-new/projects/project-details-view.tsx @@ -297,11 +297,8 @@ export function ProjectDetailsView({ breadcrumb={ { - e.preventDefault(); - onNavigateToProjects?.(); - }} + style={{ cursor: 'pointer' }} + onClick={() => onNavigateToProjects?.()} > {projectsLabel} diff --git a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx index 61b410e01..afae04782 100644 --- a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx +++ b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx @@ -132,11 +132,8 @@ export function ServiceAccountDetailsView({ breadcrumb={ { - e.preventDefault(); - handleNavigateToServiceAccounts(); - }} + style={{ cursor: 'pointer' }} + onClick={() => handleNavigateToServiceAccounts()} > {serviceAccountsLabel} diff --git a/web/sdk/react/views-new/teams/team-details-view.tsx b/web/sdk/react/views-new/teams/team-details-view.tsx index 4b477a9ba..53cd1215f 100644 --- a/web/sdk/react/views-new/teams/team-details-view.tsx +++ b/web/sdk/react/views-new/teams/team-details-view.tsx @@ -269,11 +269,8 @@ export function TeamDetailsView({ breadcrumb={ { - e.preventDefault(); - onNavigateToTeams?.(); - }} + style={{ cursor: 'pointer' }} + onClick={() => onNavigateToTeams?.()} > {teamsLabel} From 95e0da1023f6307204456aa0f03fee95c229d168 Mon Sep 17 00:00:00 2001 From: Rohil Surana Date: Mon, 25 May 2026 13:00:28 +0530 Subject: [PATCH 02/10] fix(sdk): remove unused MouseEvent import --- .../views-new/service-accounts/service-account-details-view.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx index afae04782..61e94775c 100644 --- a/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx +++ b/web/sdk/react/views-new/service-accounts/service-account-details-view.tsx @@ -1,6 +1,6 @@ 'use client'; -import { useMemo, useCallback, MouseEvent } from 'react'; +import { useMemo, useCallback } from 'react'; import { DotsHorizontalIcon } from '@radix-ui/react-icons'; import { Breadcrumb, From 1bddec4f60bf1ccfc3b4572bb03c52278ccfecd4 Mon Sep 17 00:00:00 2001 From: Rohil Surana Date: Mon, 25 May 2026 13:06:56 +0530 Subject: [PATCH 03/10] fix(sdk): align project chips with label text using baseline alignment --- web/sdk/react/views-new/pat/pat-details-view.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/sdk/react/views-new/pat/pat-details-view.module.css b/web/sdk/react/views-new/pat/pat-details-view.module.css index 425d3d19b..4a4427eac 100644 --- a/web/sdk/react/views-new/pat/pat-details-view.module.css +++ b/web/sdk/react/views-new/pat/pat-details-view.module.css @@ -11,7 +11,7 @@ .detailRow { display: flex; gap: var(--rs-space-3); - align-items: flex-start; + align-items: baseline; } .menuContent { From b2e62600f48f4cce43c1f54736296381db6454ef Mon Sep 17 00:00:00 2001 From: Rohil Surana Date: Mon, 25 May 2026 13:10:13 +0530 Subject: [PATCH 04/10] fix(sdk): update PAT page copy for header and empty state --- web/sdk/react/views-new/pat/pat-view.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/sdk/react/views-new/pat/pat-view.tsx b/web/sdk/react/views-new/pat/pat-view.tsx index 5084c821d..7f318dd63 100644 --- a/web/sdk/react/views-new/pat/pat-view.tsx +++ b/web/sdk/react/views-new/pat/pat-view.tsx @@ -156,7 +156,7 @@ export function PatsView({ onPATClick }: PatsViewProps = {}) { {isInitialLoading ? ( @@ -181,7 +181,7 @@ export function PatsView({ onPATClick }: PatsViewProps = {}) { /> } heading="No Personal Access Token Found" - subHeading={`Create a new to use the Keys of ${t.appName()} platform`} + subHeading={`Create a personal access token to securely access ${t.appName()} resources and APIs.`} primaryAction={