From f4cfafd7a611a22ffcdc35610f2d4ce27d3f5460 Mon Sep 17 00:00:00 2001
From: "arthur.bassi" <arthur.bassi@luby.com.br>
Date: Mon, 10 Aug 2026 19:07:11 -0300
Subject: [PATCH] fix(work-orders): single Unscheduled disclosure control for
 a11y

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../list/table/wo-table-section-header.tsx    | 23 ++++---------------
 1 file changed, 5 insertions(+), 18 deletions(-)

diff --git a/src/app/(protected)/workorders/_components/list/table/wo-table-section-header.tsx b/src/app/(protected)/workorders/_components/list/table/wo-table-section-header.tsx
index 6f281829..a27feca7 100644
--- a/src/app/(protected)/workorders/_components/list/table/wo-table-section-header.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/wo-table-section-header.tsx
@@ -42,9 +42,9 @@ export function WoTableSectionHeader({
           <div className="flex items-center gap-2.5">
             <button
               type="button"
-              className="flex items-center gap-2.5"
+              className="flex flex-1 items-center gap-2.5"
               aria-expanded={!collapsed}
-              aria-label={label}
+              aria-label={`${label}, ${count} work order${count !== 1 ? "s" : ""}${collapsed ? ", collapsed" : ", expanded"}`}
               onClick={toggleCollapse}
               style={{
                 background: "transparent",
@@ -70,6 +70,9 @@ export function WoTableSectionHeader({
               <span style={{ fontSize: 12, color: "var(--color-text-muted)" }}>
                 {count} work order{count !== 1 ? "s" : ""}
               </span>
+              <span className="ml-auto flex items-center" style={{ color: "var(--warning)" }}>
+                {collapsed ? <ChevronRight size={14} /> : <ChevronDown size={14} />}
+              </span>
             </button>
             <button
               type="button"
@@ -80,22 +83,6 @@ export function WoTableSectionHeader({
               <Plus size={13} />
               Add WO
             </button>
-            <button
-              type="button"
-              className="ml-auto flex items-center"
-              aria-expanded={!collapsed}
-              aria-label={collapsed ? `Expand ${label}` : `Collapse ${label}`}
-              onClick={toggleCollapse}
-              style={{
-                background: "transparent",
-                border: "none",
-                padding: 0,
-                cursor: "pointer",
-                color: "var(--warning)",
-              }}
-            >
-              {collapsed ? <ChevronRight size={14} /> : <ChevronDown size={14} />}
-            </button>
           </div>
         </td>
       </tr>