admin-valentin/agent-ecosystem
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(runtime): prevent provider status label overflow

Browse source
This commit is contained in:
777genius 2026-05-25 23:44:06 +03:00
parent b5d7da1ea8
commit ec5bb5d5ea
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/components/dashboard/CliStatusBanner.tsx
View file

@ -1036,14 +1036,14 @@ const InstalledBanner = ({
>
<div className="col-span-2 flex items-start justify-between gap-3">
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<span className="flex items-center gap-2">
<div className="flex min-w-0 flex-wrap items-center gap-2">
<span className="flex min-w-0 items-center gap-2">
<ProviderBrandLogo
providerId={provider.providerId}
className="size-4 shrink-0"
/>
<span
className="text-xs font-medium"
className="truncate whitespace-nowrap text-xs font-medium"
style={{ color: 'var(--color-text)' }}
>
{provider.providerId === 'opencode'
@ -1053,7 +1053,7 @@ const InstalledBanner = ({
{openCodeDashboardChips.map((chip) => (
<span
key={chip.label}
className="rounded bg-[rgba(34,197,94,0.14)] px-1.5 py-px text-[9px] font-medium uppercase tracking-[0.06em] text-[rgb(74,222,128)]"
className="shrink-0 whitespace-nowrap rounded bg-[rgba(34,197,94,0.14)] px-1.5 py-px text-[9px] font-medium uppercase tracking-[0.06em] text-[rgb(74,222,128)]"
title={chip.title}
>
{chip.label}
@ -1061,7 +1061,7 @@ const InstalledBanner = ({
))}
</span>
<span
className="text-xs"
className="whitespace-nowrap text-xs"
style={{
color: getProviderStatusColor(statusText, provider.authenticated),
}}

7
src/renderer/components/settings/sections/CliStatusSection.tsx
View file

@ -534,20 +534,21 @@ export const CliStatusSection = (): React.JSX.Element | null => {
<>
<div className="col-span-2 flex items-start justify-between gap-3">
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2 text-xs">
<span className="flex items-center gap-2">
<div className="flex min-w-0 flex-wrap items-center gap-2 text-xs">
<span className="flex min-w-0 items-center gap-2">
<ProviderBrandLogo
providerId={provider.providerId}
className="size-4 shrink-0"
/>
<span
className="font-medium"
className="truncate whitespace-nowrap font-medium"
style={{ color: 'var(--color-text-secondary)' }}
>
{provider.displayName}
</span>
</span>
<span
className="whitespace-nowrap"
style={{
color: getProviderStatusColor(
statusText,