fix keyboard menu and managed sign-in checks

Author: Dhawal Ranka

mesh/e2e/message-keyboard-actions.spec.ts

@@ -186,6 +186,14 @@ async function installKeyboardActionsMock(page: Page): Promise<void> {
           }
         case 'matrix_typing_users':
           return []
+        case 'matrix_room_pins':
+          return {
+            roomId: String(args.roomId),
+            eventIds: [],
+            messages: [],
+            unavailableEventIds: [],
+            canManage: true,
+          }
         case 'matrix_mark_read':
         case 'matrix_set_typing':
         case 'matrix_save_composer_draft':

mesh/e2e/onboarding-accessibility.spec.ts

@@ -36,7 +36,7 @@ test('@a11y has no automated WCAG A/AA violations on account creation', async ({
 
 test('@a11y has no automated WCAG A/AA violations on sign in', async ({ page }) => {
   await page.getByRole('button', { name: 'Sign in', exact: true }).click()
-  const signInHeading = page.getByRole('heading', { name: 'Sign in somewhere else' })
+  const signInHeading = page.getByRole('heading', { name: 'Welcome back' })
   await expect(signInHeading).toBeVisible()
   await waitForAccountScreenMotion(page)
   await expect(signInHeading).toBeFocused()

mesh/src/components/chat/Message.tsx

@@ -88,7 +88,13 @@ export const MessageComponent = memo(function MessageComponent({
     if (e.key === 'Escape' && showReactions) {
       setShowReactions(false)
       reactButtonRef.current?.focus()
+      return
     }
+    if (isQueued || (limitedActions && !isOwnMessage)) return
+    if (e.key !== 'ContextMenu' && !(e.key === 'F10' && e.shiftKey)) return
+    e.preventDefault()
+    setConfirmBan(false)
+    setContextMenuOpen(true)
   }
 
   // Tabbing focus away from the row entirely — e.g. past the last emoji
@@ -230,20 +236,20 @@ export const MessageComponent = memo(function MessageComponent({
   if (canPinMessage && !isDeleted) {
     contextMenuItems.push({
       id: 'pin',
-      label: isPinned ? 'Unpin Message' : 'Pin Message',
+      label: isPinned ? 'Unpin message' : 'Pin message',
       onSelect: () => void handlePin(),
     })
   }
   if (isOwnMessage && !isDeleted) {
     contextMenuItems.push(
       {
         id: 'edit',
-        label: 'Edit Message',
+        label: 'Edit message',
         onSelect: handleStartEdit,
       },
       {
         id: 'delete',
-        label: 'Delete Message',
+        label: 'Delete message',
         tone: 'danger',
         onSelect: () => void handleDelete(),
       },
@@ -253,19 +259,19 @@ export const MessageComponent = memo(function MessageComponent({
     contextMenuItems.push(
       {
         id: 'remove',
-        label: 'Remove Message',
+        label: 'Remove message',
         onSelect: () => void handleDelete(),
       },
       {
         id: 'kick',
-        label: 'Kick User',
+        label: `Kick ${message.authorDisplayName}`,
         onSelect: () => void handleKick(),
       },
     )
     if (!matrixMode) {
       contextMenuItems.push({
         id: 'timeout',
-        label: 'Timeout (1hr)',
+        label: `Timeout ${message.authorDisplayName}`,
         onSelect: () => void handleTimeout(),
       })
     }