diff --git a/ui/src/components/EntityRow.test.tsx b/ui/src/components/EntityRow.test.tsx index 5845a9d33e8..5b94343405b 100644 --- a/ui/src/components/EntityRow.test.tsx +++ b/ui/src/components/EntityRow.test.tsx @@ -70,7 +70,7 @@ describe("EntityRow", () => { ); // The name keeps a usable floor instead of collapsing to zero... - expect(markup).toContain("min-w-(--sz-7rem)"); + expect(markup).toContain("min-w-(--sz-6rem)"); // ...and the meta cluster is the item that yields (shrinks), not the title. expect(markup).toContain("min-w-0 shrink"); expect(markup).not.toContain('class="flex items-center gap-2 shrink-0"'); diff --git a/ui/src/components/EntityRow.tsx b/ui/src/components/EntityRow.tsx index b03208295a9..43009093d45 100644 --- a/ui/src/components/EntityRow.tsx +++ b/ui/src/components/EntityRow.tsx @@ -77,7 +77,7 @@ export function EntityRow({ className={cn( // `titlePriority` gives the name a floor so it ellipsizes instead of // collapsing to zero; otherwise the title may shrink to nothing. - titlePriority ? "min-w-(--sz-7rem)" : "min-w-0", + titlePriority ? "min-w-(--sz-6rem)" : "min-w-0", !meta && "flex-1", titleClassName, )} diff --git a/ui/src/components/SidebarAgents.tsx b/ui/src/components/SidebarAgents.tsx index 4def4ef4080..ffa7eb2e410 100644 --- a/ui/src/components/SidebarAgents.tsx +++ b/ui/src/components/SidebarAgents.tsx @@ -165,6 +165,7 @@ function SidebarAgentItem({ iconNode={} active={isActive} liveCount={runCount} + labelClassName={builtInStatus ? "min-w-(--sz-4_5rem) flex-initial" : undefined} className={cn( "min-w-0 flex-1", // Reserve room for the hover ⋯ menu; starred rows widen it for the diff --git a/ui/src/components/SidebarNavItem.tsx b/ui/src/components/SidebarNavItem.tsx index e7d7619afa3..b9856e2ad7e 100644 --- a/ui/src/components/SidebarNavItem.tsx +++ b/ui/src/components/SidebarNavItem.tsx @@ -44,6 +44,7 @@ interface SidebarNavItemProps { iconNode?: ReactNode; end?: boolean; className?: string; + labelClassName?: string; badge?: number; badgeTone?: "default" | "danger"; /** @@ -75,6 +76,7 @@ export function SidebarNavItem({ iconNode, end, className, + labelClassName, badge, badgeTone = "default", badgeLabel, @@ -156,7 +158,7 @@ export function SidebarNavItem({ /> )} - {label} + {label} {!rail && trailing} {!rail && textBadge && (