From fa8eeabc30b46a5c731b3016d819e818e64412c4 Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Tue, 24 Feb 2026 13:32:50 +0300
Subject: [PATCH] fix(settings): add role and aria attributes for accessibility

---
 .../agents-settings/sections/AgentCategoryTabsSection.tsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx b/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
index d611ccc..e0ea1b5 100644
--- a/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
+++ b/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
@@ -12,10 +12,12 @@ export default function AgentCategoryTabsSection({
 
   return (
     <div className="border-b border-gray-200 dark:border-gray-700 flex-shrink-0">
-      <div className="flex px-2 md:px-4 overflow-x-auto">
+      <div role="tablist" className="flex px-2 md:px-4 overflow-x-auto">
         {AGENT_CATEGORIES.map((category) => (
           <button
             key={category}
+            role="tab"
+            aria-selected={selectedCategory === category}
             onClick={() => onSelectCategory(category)}
             className={`px-3 md:px-4 py-2 md:py-3 text-xs md:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${
               selectedCategory === category