feat(dashboard): surface BYOK profile name in agent rows and session panel

When an agent is bound to a BYOK profile whose name differs from its raw
model id, show the profile name instead of the bare model id — in the
AgentTab row summary and the SessionPanel model chip — via a single
backend-provided byokProfileName field. Falls back to the model id when the
profile name is just the model id. Display-only; spawning still uses the
binding.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: xiaotonng

dashboard/src/pages/agents/AgentTab.tsx

@@ -85,6 +85,7 @@ function brandIdForNativeSlug(slug: string | undefined | null): string {
 
 interface BoundProfileInfo {
   profileId: string;
+  profileName: string;
   providerId: string;
   providerName: string;
   providerBrand: string;
@@ -118,6 +119,7 @@ function buildBoundInfo(layer: ModelLayerSnapshot, agentId: string): BoundProfil
   if (!provider) return null;
   return {
     profileId: profile.id,
+    profileName: profile.name,
     providerId: provider.id,
     providerName: provider.name,
     providerBrand: brandIdForProvider(provider),
@@ -689,7 +691,9 @@ function buildRowSummary(
     return {
       providerBrand: boundInfo.providerBrand,
       providerLabel: boundInfo.providerName,
-      modelText: boundInfo.modelId || copy.rowSummaryNoModel,
+      modelText: (boundInfo.profileName.trim().toLowerCase() !== boundInfo.modelId.trim().toLowerCase()
+        ? boundInfo.profileName
+        : boundInfo.modelId) || copy.rowSummaryNoModel,
       effortText: agent.workflowEnabled ? 'ultra' : (boundInfo.effort || copy.rowSummaryNoEffort),
     };
   }

dashboard/src/pages/sessions/SessionPanel.tsx

@@ -66,6 +66,7 @@ export const SessionPanel = memo(function SessionPanel({
   const globalEffort = agentRuntime?.selectedEffort ?? null;
   const globalModel = agentRuntime?.selectedModel ?? null;
   const byokProviderName = agentRuntime?.byokProviderName ?? null;
+  const byokProfileName = agentRuntime?.byokProfileName ?? null;
   const t = useMemo(() => createT(locale), [locale]);
   const meta = getAgentMeta(session.agent || '');
   const displayState = sessionDisplayState(session);
@@ -676,7 +677,9 @@ export const SessionPanel = memo(function SessionPanel({
     (liveStream?.effort || session.thinkingEffort || globalEffort) || null,
     session.workflowEnabled ?? agentRuntime?.workflowEnabled,
   ) || null;
-  const displayModelShort = displayModel ? shortenModel(displayModel) : null;
+  const displayModelShort = (byokProfileName && (!displayModel || displayModel === globalModel))
+    ? byokProfileName
+    : (displayModel ? shortenModel(displayModel) : null);
   const runFailureDetail = getSessionRunFailureDetail(session, {
     streaming,
     hasLiveStream: !!liveStream,

dashboard/src/types.ts

@@ -63,6 +63,7 @@ export interface AgentRuntimeStatus extends AgentInfo {
   nativeConfig?: AgentNativeConfig | null;
   capabilities?: { fork?: boolean; modelSwitch?: boolean; workflow?: boolean };
   byokProviderName?: string | null;
+  byokProfileName?: string | null;
   byokModels?: { id: string; alias: string | null }[] | null;
   latestVersion?: string | null;
   updateAvailable?: boolean;

src/dashboard/routes/agents.ts

@@ -190,6 +190,10 @@ async function buildAgentStatusResponse(config = loadUserConfig(), agentOptions:
     const activeProfile = getActiveProfile(agentId);
     const byokProvider = activeProfile ? getProvider(activeProfile.providerId) : null;
     const byokProviderName = byokProvider?.name || null;
+    const byokProfileName = activeProfile
+      && activeProfile.name.trim().toLowerCase() !== activeProfile.modelId.trim().toLowerCase()
+      ? activeProfile.name
+      : null;
 
     const nativeSelectedModel = runtimeSelectedModel || nativeConfig?.model || null;
     const nativeSelectedEffort = runtimeSelectedEffort || nativeConfig?.effort || null;
@@ -222,6 +226,7 @@ async function buildAgentStatusResponse(config = loadUserConfig(), agentOptions:
       nativeConfig,
       byokProviderName,
       byokModels,
+      byokProfileName,
       capabilities: getDriverCapabilities(agentId),
       latestVersion: updateState?.latestVersion || null,
       updateAvailable: updateState?.updateAvailable || false,