diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/usage/components/UsageView/UsageView.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/usage/components/UsageView/UsageView.tsx
index bf3baa8a472..843383817fc 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/usage/components/UsageView/UsageView.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/usage/components/UsageView/UsageView.tsx
@@ -10,6 +10,8 @@ import { cn } from "@superset/ui/utils";
import { useState } from "react";
import {
LuCheck,
+ LuCircle,
+ LuCircleCheck,
LuCopy,
LuEllipsis,
LuPlus,
@@ -86,12 +88,16 @@ function creditsLine(account: UsageAccount): string | null {
return null;
}
+const DEFAULT_TITLE =
+ "New agent launches use this account. Relaunch a running agent to switch it.";
+
function AccountCard({
account,
onMakeDefault,
onSwitchSignIn,
onRemove,
isSwitching,
+ selectable,
}: {
account: UsageAccount;
onMakeDefault: () => void;
@@ -99,14 +105,41 @@ function AccountCard({
/** Null on the system-default card — the main login is never removable. */
onRemove: (() => void) | null;
isSwitching: boolean;
+ /** True when the provider has several accounts, so the cards read as a
+ * radio group: the default gets a check + accent border, the rest get a
+ * selectable circle. */
+ selectable: boolean;
}) {
const credits = creditsLine(account);
const { copyToClipboard, copied } = useCopyToClipboard();
const expiredCommand =
account.status === "token_expired" ? switchSignInCommand(account) : null;
return (
-
+
+ {selectable &&
+ (account.isDefault ? (
+
+
+
+ ) : (
+
+ ))}
{account.email ?? PROVIDER_LABELS[account.provider]}
@@ -124,38 +157,17 @@ function AccountCard({
: "Unavailable"}
)}
- {account.isDefault ? (
-
- Default
-
- ) : (
-
- )}
{/* Source label always shows — it is the only thing that tells two
profiles of the same account apart. */}
- {credits
- ? `${credits} · ${account.sourceLabel}`
- : account.sourceLabel}
+ {account.sourceLabel}
@@ -205,6 +217,39 @@ function AccountCard({
{account.statusDetail ?? "Usage unavailable."}
)}
+ {/* The radio + accent border already mark the default when the cards
+ read as a group; the footer label only carries it for a lone card. */}
+ {(!account.isDefault || !selectable || credits) && (
+