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="col-span-2 flex items-start justify-between gap-3">
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<div className="flex items-center gap-2"> <div className="flex min-w-0 flex-wrap items-center gap-2">
<span className="flex items-center gap-2"> <span className="flex min-w-0 items-center gap-2">
<ProviderBrandLogo <ProviderBrandLogo
providerId={provider.providerId} providerId={provider.providerId}
className="size-4 shrink-0" className="size-4 shrink-0"
/> />
<span <span
className="text-xs font-medium" className="truncate whitespace-nowrap text-xs font-medium"
style={{ color: 'var(--color-text)' }} style={{ color: 'var(--color-text)' }}
> >
{provider.providerId === 'opencode' {provider.providerId === 'opencode'
@ -1053,7 +1053,7 @@ const InstalledBanner = ({
{openCodeDashboardChips.map((chip) => ( {openCodeDashboardChips.map((chip) => (
<span <span
key={chip.label} 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} title={chip.title}
> >
{chip.label} {chip.label}
@ -1061,7 +1061,7 @@ const InstalledBanner = ({
))} ))}
</span> </span>
<span <span
className="text-xs" className="whitespace-nowrap text-xs"
style={{ style={{
color: getProviderStatusColor(statusText, provider.authenticated), 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="col-span-2 flex items-start justify-between gap-3">
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<div className="flex items-center gap-2 text-xs"> <div className="flex min-w-0 flex-wrap items-center gap-2 text-xs">
<span className="flex items-center gap-2"> <span className="flex min-w-0 items-center gap-2">
<ProviderBrandLogo <ProviderBrandLogo
providerId={provider.providerId} providerId={provider.providerId}
className="size-4 shrink-0" className="size-4 shrink-0"
/> />
<span <span
className="font-medium" className="truncate whitespace-nowrap font-medium"
style={{ color: 'var(--color-text-secondary)' }} style={{ color: 'var(--color-text-secondary)' }}
> >
{provider.displayName} {provider.displayName}
</span> </span>
</span> </span>
<span <span
className="whitespace-nowrap"
style={{ style={{
color: getProviderStatusColor( color: getProviderStatusColor(
statusText, statusText,