diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000..4d74284 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1 @@ +## 2024-06-13 - Initial Setup\n**Learning:** Started logging UX enhancements.\n**Action:** Will log critical a11y/UX learnings here. diff --git a/patch_chatpanel.sh b/patch_chatpanel.sh new file mode 100644 index 0000000..f4499c5 --- /dev/null +++ b/patch_chatpanel.sh @@ -0,0 +1,6 @@ +#!/bin/bash +sed -i 's/className="chat-bubble-edit-btn cancel"/className="chat-bubble-edit-btn cancel"\n aria-label="Cancel edit"/g' ui/components/ChatPanel.tsx +sed -i 's/className="chat-bubble-edit-btn save"/className="chat-bubble-edit-btn save"\n aria-label="Save edit"/g' ui/components/ChatPanel.tsx +sed -i 's/className="chat-show-more-btn"/className="chat-show-more-btn"\n aria-label={isCollapsed ? "Show more message content" : "Show less message content"}/g' ui/components/ChatPanel.tsx +sed -i 's/className="chat-action-btn"/className="chat-action-btn"\n aria-label={isCopied ? "Copied" : "Copy message"}/g' ui/components/ChatPanel.tsx +# Need more precise patching for aria labels based on title props diff --git a/patch_chatpanel2.sh b/patch_chatpanel2.sh new file mode 100644 index 0000000..bfed09c --- /dev/null +++ b/patch_chatpanel2.sh @@ -0,0 +1,4 @@ +#!/bin/bash +sed -i 's/title="Copy message"/title="Copy message"\n aria-label={isCopied ? "Copied message" : "Copy message"}/g' ui/components/ChatPanel.tsx +sed -i 's/title="Retry response"/title="Retry response"\n aria-label="Retry response"/g' ui/components/ChatPanel.tsx +sed -i 's/title="Edit message"/title="Edit message"\n aria-label="Edit message"/g' ui/components/ChatPanel.tsx diff --git a/patch_chatpanel3.sh b/patch_chatpanel3.sh new file mode 100644 index 0000000..579499d --- /dev/null +++ b/patch_chatpanel3.sh @@ -0,0 +1,4 @@ +#!/bin/bash +sed -i 's/className="chat-bubble-edit-btn cancel"/className="chat-bubble-edit-btn cancel"\n aria-label="Cancel edit"/g' ui/components/ChatPanel.tsx +sed -i 's/className="chat-bubble-edit-btn save"/className="chat-bubble-edit-btn save"\n aria-label="Save edit"/g' ui/components/ChatPanel.tsx +sed -i 's/className="chat-show-more-btn"/className="chat-show-more-btn"\n aria-label={isCollapsed ? "Show more message content" : "Show less message content"}/g' ui/components/ChatPanel.tsx diff --git a/patch_nodeeditor.sh b/patch_nodeeditor.sh new file mode 100644 index 0000000..5b30b6b --- /dev/null +++ b/patch_nodeeditor.sh @@ -0,0 +1,3 @@ +#!/bin/bash +sed -i 's/title="Toggle interactive charts render workspace assets"/title="Toggle interactive charts render workspace assets"\n aria-label="Toggle interactive charts"/g' ui/components/NodeEditorDetail.tsx +sed -i 's/title="Expand editor to full center canvas focus"/title="Expand editor to full center canvas focus"\n aria-label="Expand editor"/g' ui/components/NodeEditorDetail.tsx diff --git a/ui/components/ChatPanel.tsx b/ui/components/ChatPanel.tsx index 181fd85..89261d2 100644 --- a/ui/components/ChatPanel.tsx +++ b/ui/components/ChatPanel.tsx @@ -114,6 +114,7 @@ const ChatMessageBubble = React.memo(function ChatMessageBubble({ @@ -203,6 +204,7 @@ export default function NodeEditorDetail({ className="detail-expand-btn" onClick={onExpand} title="Expand editor to full center canvas focus" + aria-label="Expand editor" > â›¶ Focus Canvas