Fix effective config chip overflow

Co-Authored-By: Paperclip <noreply@paperclip.ing>

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");
   });
 });

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>
       ))}