From af5c05de7e7905d42dcaa192d5506c7cf2c3b1cf Mon Sep 17 00:00:00 2001
From: marius-kilocode <marius@kilocode.ai>
Date: Thu, 14 May 2026 10:05:39 +0200
Subject: [PATCH] fix(vscode): use inert instead of aria-hidden on collapsed
 sidebar

aria-hidden only hides from screen readers; pointer-events: none only
blocks the mouse. Tab focus could still traverse into the hidden
sidebar's worktree buttons and session items. inert handles all three
at once: removes from the a11y tree, blocks pointer events, and prevents
keyboard focus.
---
 .../kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx   | 2 +-
 .../kilo-vscode/webview-ui/agent-manager/agent-manager.css     | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx b/packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx
index 8cddf0570f5..76631608c78 100644
--- a/packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx
+++ b/packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx
@@ -2131,7 +2131,7 @@ const AgentManagerContent: Component = () => {
         class="am-sidebar"
         classList={{ "am-sidebar-collapsed": sidebarCollapsed() }}
         style={{ width: sidebarCollapsed() ? "0px" : `${sidebarWidth()}px` }}
-        aria-hidden={sidebarCollapsed()}
+        inert={sidebarCollapsed() || undefined}
       >
         <ResizeHandle
           direction="horizontal"
diff --git a/packages/kilo-vscode/webview-ui/agent-manager/agent-manager.css b/packages/kilo-vscode/webview-ui/agent-manager/agent-manager.css
index a3e053f0a47..6edf23a786b 100644
--- a/packages/kilo-vscode/webview-ui/agent-manager/agent-manager.css
+++ b/packages/kilo-vscode/webview-ui/agent-manager/agent-manager.css
@@ -40,7 +40,8 @@
   padding-right: 0;
   border-right-width: 0;
   overflow: hidden;
-  pointer-events: none;
+  /* Pointer events, focus, and a11y tree exclusion are all handled by the
+     inert attribute on the element. No need for pointer-events: none. */
 }
 
 .am-sidebar-collapsed > [data-component="resize-handle"] {