From 4e674df9ec25c37d8d3db40daf05996273727720 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Wed, 22 Jul 2026 15:02:49 +0000
Subject: [PATCH] Fix effective config chip overflow

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/components/agent-configuration-shell.test.ts | 3 ++-
 ui/src/components/agent-configuration-shell.tsx     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/agent-configuration-shell.test.ts b/ui/src/components/agent-configuration-shell.test.ts
index ed7c7950885..62ea0b8e307 100644
--- a/ui/src/components/agent-configuration-shell.test.ts
+++ b/ui/src/components/agent-configuration-shell.test.ts
@@ -92,6 +92,7 @@ describe("agent configuration shell", () => {
     expect(markup).toContain("overflow-x-auto");
     expect(markup).toContain('tabindex="0"');
     expect(markup).toContain('title="Model is inherited"');
-    expect(markup).toContain('class="sr-only">inherited</span>');
+    expect(markup).toContain('aria-label="Model: Adapter default, inherited"');
+    expect(markup).not.toContain("sr-only");
   });
 });
diff --git a/ui/src/components/agent-configuration-shell.tsx b/ui/src/components/agent-configuration-shell.tsx
index b061e96c7a3..6b50172e8d6 100644
--- a/ui/src/components/agent-configuration-shell.tsx
+++ b/ui/src/components/agent-configuration-shell.tsx
@@ -156,12 +156,12 @@ export function EffectiveConfigurationStrip({ chips }: { chips: EffectiveConfigu
           key={chip.label}
           href={`#config-${chip.section}`}
           className="shrink-0"
+          aria-label={chip.inherited ? `${chip.label}: ${chip.value}, inherited` : undefined}
           title={chip.inherited ? `${chip.label} is inherited` : undefined}
         >
           <Badge variant="outline" className={cn("gap-1.5 py-1", chip.inherited && "text-muted-foreground")}>
             <span>{chip.label}</span>
             <span className="font-mono">{chip.value}</span>
-            {chip.inherited ? <span className="sr-only">inherited</span> : null}
           </Badge>
         </a>
       ))}