feat: KeyboardNav adopted across 94/123 components (359 onActivate calls)

Batch adoption of KeyboardNav.onActivate alongside Events.onClick for
keyboard accessibility (Enter/Space activation). 94 of 123 components
now support keyboard navigation. 29 remaining have complex conditional
onClick patterns requiring manual attention.

Also added KeyboardNav.clickable() convenience bundle for future use.
System Update Panel backend verified DONE (8 Rust commands, fully wired).

766 modules compile clean, 0 errors.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: hyperpolymath

src/components/AccessibilityToolbar.res

@@ -228,6 +228,7 @@ let renderPanel = (state: accessibilityState): Tea_Vdom.t<msg> => {
               Attrs.title("Close accessibility panel"),
               Attrs.ariaLabel("Close accessibility panel"),
               Events.onClick(AccessibilityCtrl(ToggleAccessibilityToolbar)),
+              KeyboardNav.onActivate(AccessibilityCtrl(ToggleAccessibilityToolbar)),
             },
             list{text("X")},
           ),
@@ -293,6 +294,7 @@ let view = (state: accessibilityState): Tea_Vdom.t<msg> => {
             state.toolbarExpanded ? "Close accessibility settings" : "Open accessibility settings",
           ),
           Events.onClick(AccessibilityCtrl(ToggleAccessibilityToolbar)),
+          KeyboardNav.onActivate(AccessibilityCtrl(ToggleAccessibilityToolbar)),
         },
         list{
           // Accessibility icon (universal access symbol approximation using text)

src/components/Aerie.res

@@ -109,6 +109,7 @@ let view = (aerie: aerieState): Tea_Vdom.t<msg> => {
                     "px-3 py-1 text-xs bg-violet-600 text-white rounded hover:bg-violet-500",
                   ),
                   Events.onClick(Aerie(LoadAerie)),
+                  KeyboardNav.onActivate(Aerie(LoadAerie)),
                 },
                 list{text("Refresh")},
               ),
@@ -118,6 +119,7 @@ let view = (aerie: aerieState): Tea_Vdom.t<msg> => {
                     "px-3 py-1 text-sm bg-gray-800 text-gray-300 rounded hover:bg-gray-700",
                   ),
                   Events.onClick(PanelSwitcher(ClosePanels)),
+                  KeyboardNav.onActivate(PanelSwitcher(ClosePanels)),
                 },
                 list{text("Close")},
               ),
@@ -141,6 +143,7 @@ let view = (aerie: aerieState): Tea_Vdom.t<msg> => {
                   list{
                     Attrs.class_("px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-500"),
                     Events.onClick(Aerie(LoadAerie)),
+                    KeyboardNav.onActivate(Aerie(LoadAerie)),
                   },
                   list{text("Connect to Aerie")},
                 ),

src/components/AgenticBridge.res

@@ -88,6 +88,7 @@ let view = (state: agenticBridgeState): Tea_Vdom.t<msg> => {
                     "px-3 py-1 text-xs bg-amber-800 hover:bg-amber-700 text-white rounded",
                   ),
                   Events.onClick(AgenticBridge(AbStarted)),
+                  KeyboardNav.onActivate(AgenticBridge(AbStarted)),
                 },
                 list{text("Launch All")},
               ),
@@ -168,6 +169,7 @@ let view = (state: agenticBridgeState): Tea_Vdom.t<msg> => {
               list{
                 Attrs.class_("text-red-400 hover:text-red-200 text-xs ml-2"),
                 Events.onClick(AgenticBridge(DismissAbError)),
+                KeyboardNav.onActivate(AgenticBridge(DismissAbError)),
               },
               list{text("Dismiss")},
             ),

src/components/Ai.res

@@ -344,6 +344,7 @@ let renderInputArea = (ai: aiState): Tea_Vdom.t<msg> => {
               ),
               Attrs.disabled(ai.loading || ai.inputText === ""),
               Events.onClick(Ai(SendMessage)),
+              KeyboardNav.onActivate(Ai(SendMessage)),
             },
             list{text("Send")},
           ),
@@ -389,13 +390,15 @@ let renderInputArea = (ai: aiState): Tea_Vdom.t<msg> => {
                         : "text-gray-600 hover:text-gray-400"}`,
                   ),
                   Events.onClick(Ai(ToggleBroadcast)),
+                  KeyboardNav.onActivate(Ai(ToggleBroadcast)),
                 },
                 list{text("Broadcast")},
               ),
               button(
                 list{
                   Attrs.class_("text-gray-600 hover:text-gray-400 transition-colors"),
                   Events.onClick(Ai(ClearAiHistory)),
+                  KeyboardNav.onActivate(Ai(ClearAiHistory)),
                 },
                 list{text("Clear")},
               ),
@@ -710,6 +713,7 @@ let view = (ai: aiState): Tea_Vdom.t<msg> => {
                 "px-4 py-2 bg-gray-800 text-gray-300 rounded hover:bg-gray-700 transition-colors",
               ),
               Events.onClick(PanelSwitcher(ClosePanels)),
+              KeyboardNav.onActivate(PanelSwitcher(ClosePanels)),
             },
             list{text("Close")},
           ),

src/components/AmbientOps.res

@@ -131,6 +131,7 @@ let view = (state: ambientOpsState): Tea_Vdom.t<msg> => {
                     "px-3 py-1 text-xs rounded bg-teal-700 text-white hover:bg-teal-600",
                   ),
                   Events.onClick(AmbientOps(RunDiagnostics)),
+                  KeyboardNav.onActivate(AmbientOps(RunDiagnostics)),
                 },
                 list{
                   text(
@@ -166,6 +167,7 @@ let view = (state: ambientOpsState): Tea_Vdom.t<msg> => {
               "mx-4 mt-2 px-3 py-2 bg-red-900/50 border border-red-700 rounded text-sm text-red-200",
             ),
             Events.onClick(AmbientOps(DismissOpsError)),
+            KeyboardNav.onActivate(AmbientOps(DismissOpsError)),
           },
           list{text(err)},
         )

src/components/ArchitectMode.res

@@ -186,6 +186,7 @@ let view = (state: architectModeState): Tea_Vdom.t<msg> => {
               list{
                 Attrs.class_("text-red-400 hover:text-red-200 text-xs ml-2"),
                 Events.onClick(ArchitectMode(DismissArchModeError)),
+                KeyboardNav.onActivate(ArchitectMode(DismissArchModeError)),
               },
               list{text("Dismiss")},
             ),

src/components/AssetManager.res

@@ -92,6 +92,7 @@ let view = (state: assetManagerState): Tea_Vdom.t<msg> => {
             list{
               Attrs.class_("px-3 py-1 text-xs bg-pink-800 hover:bg-pink-700 text-white rounded"),
               Events.onClick(AssetManager(AmStarted)),
+              KeyboardNav.onActivate(AssetManager(AmStarted)),
             },
             list{text("Import")},
           ),
@@ -196,6 +197,7 @@ let view = (state: assetManagerState): Tea_Vdom.t<msg> => {
               list{
                 Attrs.class_("text-red-400 hover:text-red-200 text-xs ml-2"),
                 Events.onClick(AssetManager(DismissAmError)),
+                KeyboardNav.onActivate(AssetManager(DismissAmError)),
               },
               list{text("Dismiss")},
             ),

src/components/AutomationBridge.res

@@ -74,6 +74,7 @@ let view = (state: automationBridgeState): Tea_Vdom.t<msg> => {
                 "px-3 py-1 text-xs bg-emerald-800 hover:bg-emerald-700 text-white rounded",
               ),
               Events.onClick(AutomationBridge(AutoBStarted)),
+              KeyboardNav.onActivate(AutomationBridge(AutoBStarted)),
             },
             list{text("Trigger Build")},
           ),
@@ -152,6 +153,7 @@ let view = (state: automationBridgeState): Tea_Vdom.t<msg> => {
               list{
                 Attrs.class_("text-red-400 hover:text-red-200 text-xs ml-2"),
                 Events.onClick(AutomationBridge(DismissAutoBError)),
+                KeyboardNav.onActivate(AutomationBridge(DismissAutoBError)),
               },
               list{text("Dismiss")},
             ),

src/components/AutomationRouter.res

@@ -94,6 +94,7 @@ let renderDashboard = (state: automationRouterState): Tea_Vdom.t<msg> => {
                 },
               ),
               Events.onClick(AutomationRouter(ToggleGlobalEnabled)),
+              KeyboardNav.onActivate(AutomationRouter(ToggleGlobalEnabled)),
             },
             list{
               text(
@@ -196,6 +197,7 @@ let renderRules = (state: automationRouterState): Tea_Vdom.t<msg> => {
                 },
               ),
               Events.onClick(AutomationRouter(ToggleShowDisabled)),
+              KeyboardNav.onActivate(AutomationRouter(ToggleShowDisabled)),
             },
             list{text("Show Disabled")},
           ),
@@ -315,6 +317,7 @@ let renderPending = (state: automationRouterState): Tea_Vdom.t<msg> => {
                   "px-3 py-1.5 text-xs bg-emerald-700 text-white rounded hover:bg-emerald-600 cursor-pointer",
                 ),
                 Events.onClick(AutomationRouter(ApproveAll)),
+                KeyboardNav.onActivate(AutomationRouter(ApproveAll)),
               },
               list{text("Approve All")},
             ),
@@ -324,6 +327,7 @@ let renderPending = (state: automationRouterState): Tea_Vdom.t<msg> => {
                   "px-3 py-1.5 text-xs bg-red-800 text-red-200 rounded hover:bg-red-700 cursor-pointer",
                 ),
                 Events.onClick(AutomationRouter(RejectAll)),
+                KeyboardNav.onActivate(AutomationRouter(RejectAll)),
               },
               list{text("Reject All")},
             ),
@@ -482,6 +486,7 @@ let renderSettings = (state: automationRouterState): Tea_Vdom.t<msg> => {
                     },
                   ),
                   Events.onClick(AutomationRouter(LoadFromRepo)),
+                  KeyboardNav.onActivate(AutomationRouter(LoadFromRepo)),
                 },
                 list{text("Load from Repo")},
               ),
@@ -491,6 +496,7 @@ let renderSettings = (state: automationRouterState): Tea_Vdom.t<msg> => {
                     "px-3 py-1.5 text-xs bg-gray-700 text-gray-300 rounded hover:bg-gray-600 cursor-pointer",
                   ),
                   Events.onClick(AutomationRouter(SaveRules)),
+                  KeyboardNav.onActivate(AutomationRouter(SaveRules)),
                 },
                 list{text("Save Rules")},
               ),
@@ -512,6 +518,7 @@ let renderSettings = (state: automationRouterState): Tea_Vdom.t<msg> => {
                 },
               ),
               Events.onClick(AutomationRouter(ToggleShowDisabled)),
+              KeyboardNav.onActivate(AutomationRouter(ToggleShowDisabled)),
             },
             list{text("Show Disabled Rules")},
           ),
@@ -567,6 +574,7 @@ let view = (state: automationRouterState): Tea_Vdom.t<msg> => {
                     },
                   ),
                   Events.onClick(AutomationRouter(ToggleAutomationBojRouting)),
+                  KeyboardNav.onActivate(AutomationRouter(ToggleAutomationBojRouting)),
                 },
                 list{
                   text(
@@ -584,6 +592,7 @@ let view = (state: automationRouterState): Tea_Vdom.t<msg> => {
                     "px-3 py-1.5 text-xs bg-gray-700 text-gray-300 rounded hover:bg-gray-600 cursor-pointer",
                   ),
                   Events.onClick(AutomationRouter(LoadRules)),
+                  KeyboardNav.onActivate(AutomationRouter(LoadRules)),
                 },
                 list{text("Refresh")},
               ),

src/components/BalanceAnalyser.res

@@ -481,6 +481,7 @@ let view = (state: balanceAnalyserState): Tea_Vdom.t<msg> => {
                 "px-3 py-1.5 text-xs bg-emerald-700 text-white rounded hover:bg-emerald-600 cursor-pointer font-medium",
               ),
               Events.onClick(BalanceAnalyser(RunSimulation)),
+              KeyboardNav.onActivate(BalanceAnalyser(RunSimulation)),
             },
             list{text("Run Simulation")},
           ),