From 5f4f1b72d9da209e7f4d8c0458833f79ccf2b900 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Sun, 17 May 2026 06:11:16 +0000
Subject: [PATCH 1/4] fix(canvas): add aria-live=assertive to error banners in
 ChatTab, ActivityTab, AuditTrailPanel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add missing role="alert" and aria-live="assertive" to error state
banners in three components. WCAG 4.1.3 requires that status and error
messages be programmatically determinable via aria-live regions so
screen readers announce them immediately.

Changes:
- ChatTab.tsx: displayError banner — was missing role/aria-live
- ActivityTab.tsx: error banner — was missing role/aria-live
- AuditTrailPanel.tsx: error banner — had role="alert" but missing aria-live

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 canvas/src/components/AuditTrailPanel.tsx  | 1 +
 canvas/src/components/tabs/ActivityTab.tsx | 6 +++++-
 canvas/src/components/tabs/ChatTab.tsx     | 6 +++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/canvas/src/components/AuditTrailPanel.tsx b/canvas/src/components/AuditTrailPanel.tsx
index e584686de..35b0eab38 100644
--- a/canvas/src/components/AuditTrailPanel.tsx
+++ b/canvas/src/components/AuditTrailPanel.tsx
@@ -172,6 +172,7 @@ export function AuditTrailPanel({ workspaceId }: Props) {
       {error && (
         <div
           role="alert"
+          aria-live="assertive"
           className="mx-4 mt-3 px-3 py-2 bg-red-950/30 border border-red-800/40 rounded text-xs text-bad shrink-0"
         >
           {error}
diff --git a/canvas/src/components/tabs/ActivityTab.tsx b/canvas/src/components/tabs/ActivityTab.tsx
index 092a58bc9..8197bd7fc 100644
--- a/canvas/src/components/tabs/ActivityTab.tsx
+++ b/canvas/src/components/tabs/ActivityTab.tsx
@@ -189,7 +189,11 @@ export function ActivityTab({ workspaceId }: Props) {
         )}
 
         {error && (
-          <div className="px-3 py-1.5 bg-red-900/30 border border-red-800 rounded text-xs text-bad">
+          <div
+            role="alert"
+            aria-live="assertive"
+            className="px-3 py-1.5 bg-red-900/30 border border-red-800 rounded text-xs text-bad"
+          >
             {error}
           </div>
         )}
diff --git a/canvas/src/components/tabs/ChatTab.tsx b/canvas/src/components/tabs/ChatTab.tsx
index d6a9b85ca..a1195a12b 100644
--- a/canvas/src/components/tabs/ChatTab.tsx
+++ b/canvas/src/components/tabs/ChatTab.tsx
@@ -594,7 +594,11 @@ function MyChatPanel({ workspaceId, data }: Props) {
 
       {/* Error banner */}
       {displayError && (
-        <div className="px-3 py-2 bg-red-900/20 border-t border-red-800/30">
+        <div
+          role="alert"
+          aria-live="assertive"
+          className="px-3 py-2 bg-red-900/20 border-t border-red-800/30"
+        >
           <div className="flex items-center justify-between">
             <span className="text-[10px] text-red-300">{displayError}</span>
             {!isOnline && (
-- 
2.52.0


From 9345d3684da99557f90367fc75eb343603b79806 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Sun, 17 May 2026 06:12:11 +0000
Subject: [PATCH 2/4] chore: re-trigger SOP after PR creation

-- 
2.52.0


From 18b93aab66b7d50a5d0fbc95121a8969bf21ab8f Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Sun, 17 May 2026 06:51:40 +0000
Subject: [PATCH 3/4] chore: re-trigger SOP and CI

-- 
2.52.0


From 5ff5638f538a487d1b479076571eea7e36aa6f12 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Sun, 17 May 2026 06:54:57 +0000
Subject: [PATCH 4/4] chore: re-trigger SOP after memory-consultat typo fix

-- 
2.52.0