@agent-native/core 0.180.0-nightly-20260915184036 → 0.180.0

package/corpus/templates/mail/.agents/skills/mail-interaction-parity/references/interaction-matrix.md

@@ -22,6 +22,18 @@ interaction is safe and repeatable. Report `n`, p50, and empirical p95 only at
 `n >= 30`; below that, report `n`, median, and range, and mark p95 unsupported.
 Do not treat live provider-send time as a client-latency benchmark.
 
+Captured evidence for the post-fix head `7d080b8` is available in the
+[dark visual recap image](https://plan.agent-native.com/_agent-native/recap-image/e56aa10a91f59d04e12cb7e2e816fc8f0700614d7ef240fe1fba40a2f6162edb.png?v=34988715504-1)
+and [light visual recap image](https://plan.agent-native.com/_agent-native/recap-image/af44730d61a368149a97eb899203d847433e574878dd979ff1610cc2b2b1205f.png?v=34988715504-1).
+Captions: the inbox/list panel shows localized row-action labels and the
+account-filter popover; the compact compose panel shows localized recipient and
+compose controls; the thread panel shows the localized conversation controls.
+The before/after layout comparison is recorded in COMPOSE-001: the previous
+Mail card was 540px by 520px at bottom-right, while the post-fix desktop card
+is 490px by 300px near the top of the workspace. Inline CUA captures in the
+task also show the post-fix no-results Search and Command palette states, but
+no stable local screenshot artifact was returned for those captures.
+
 Unverified local performance lead (reported 2026-09-14 by the coordinating
 task, not a controlled profile): the normal Mail server logged about 408
 requests over 23 minutes. Repeated `GET /api/emails` and
@@ -458,10 +470,18 @@ app/hooks/use-undo.test.tsx app/components/email/EmailList.keyboard-navigation.t
   pane; Mail's prior card was fixed bottom-right, 540px wide, and 520px tall.
   The follow-up source change now uses a 490px-wide, 300px-tall desktop card
   positioned near the top while preserving the full-height mobile layout and
-  explicit fullscreen branch. A local visual replay after this change is
-  pending because the Mail browser tab is currently at its sign-in gate; no
-  login or live provider action was performed, so no global parity claim is
-  made.
+  explicit fullscreen branch. A follow-up local CUA replay on 2026-09-15 at
+  1280x720 confirmed the compact inbox, thread, and compose states after the
+  change, including the named account filter, recipient removal control, and
+  To combobox. The same replay opened and dismissed no-results Search and the
+  Command palette, found no unlabeled buttons, and reported no browser console
+  errors. Search open measured n=30, p50=273.9ms, empirical p95=281.2ms;
+  Command palette open measured n=30, p50=63.3ms, empirical p95=102.1ms.
+  These are local UI/harness observations, not provider or global performance
+  proof. Captures were shown inline in the task; CUA returned no stable image
+  artifact path. The only connected account was steve@builder.io, so the
+  separate sewell.steve@gmail.com provider round trip and all send/reply
+  mutation cases remain unverified; no email was sent.
 - COMPOSE-002 — Minimize, restore, fullscreen, pop out, close, close all, switch
   draft tabs, create a second draft, and reopen a closed draft. Test mouse,
   keyboard, outside click, Escape, and browser navigation. On 2026-09-14,

package/corpus/templates/mail/CHANGELOG.md

@@ -3,6 +3,74 @@
 All notable user-facing changes to Agent-Native Mail are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-15
+
+### Improved
+
+- Mail labels recipient and account controls for keyboard and assistive-technology parity.
+- Match Superhuman's compact compose card geometry on desktop
+
+### Fixed
+
+- New drafts focus the To field immediately for keyboard-first composing
+
+## 2026-09-14
+
+### Added
+
+- Find implemented keyboard shortcuts by context from the Command menu.
+
+### Improved
+
+- Choose a send time by typing a date or time in natural language.
+- Keyboard navigation keeps recipient suggestions visible
+- Mail Trash shortcuts now also support #
+- Make Mail search clear buttons keyboard-activatable while preserving input focus
+- New and reopened drafts open in a compact compose card, with fullscreen opt-in.
+- Replies can be sent and marked Done with a shortcut or preference
+- Screen readers can identify Mail's Search and clear controls.
+- Send Later and Send + Mark Done are available in the compose command palette
+
+### Fixed
+
+- Canceled inbox swipes no longer suppress the next tap on a message.
+- Expired multi-key shortcuts no longer fire after a layout refresh.
+- Mail move actions stay on the selected mailbox account
+- Mail now prompts you to finish or clear recipient text before sending or scheduling.
+- Mail triage actions stay on the selected mailbox account
+- Recipient autocomplete resets its highlighted suggestion when the search query changes.
+- Search works on keyboard layouts that require Shift to type the slash key.
+- Starting another draft brings it into view even when an existing draft is minimized.
+- The message-list A shortcut now opens a Reply All draft
+- Forward drafts now retain the original message attachments
+- Undo for archive and trash actions now targets only the latest operation and expires after 10 seconds.
+
+## 2026-09-13
+
+### Added
+
+- Compose can suggest common phrases on desktop when autocomplete is enabled
+
+### Improved
+
+- Escape clears the command search before closing the palette and returns focus to the control that opened it.
+- Tab stays in compose fields, and a shortcut opens Bcc directly.
+
+### Fixed
+
+- All Mail and Archive now show their correct keyboard shortcuts in the command palette.
+- Drafts and sent messages now use the selected Gmail account.
+- Fixed Mail to keep scheduled sends bound to the selected account, validate recipients, and report incomplete account and move operations.
+- G+A now opens All Mail instead of Archive.
+- Gmail drafts report account refresh failures clearly, and multi-account inbox sync avoids repeated lookups.
+- Harden scheduled sends and mixed-account moves; localize move confirmations.
+- Mail chooses a usable connected account when the default mailbox cannot refresh
+- Mail fetches labels from a managed Gmail account when its cache is empty alongside OAuth accounts
+- Mail no longer shows a failed OAuth account as connected through a same-address workspace grant.
+- Mail reports Gmail account read failures instead of showing incomplete results as empty.
+- Search and recipient autocomplete keep keyboard selection aligned with current suggestions
+- Search opens and focuses from the command menu
+
 ## 2026-09-12
 
 ### Improved

package/corpus/templates/mail/app/components/email/ComposeBubbleToolbar.tsx

@@ -296,6 +296,7 @@ export function ComposeBubbleToolbar({
           <input
             autoFocus
             type="url"
+            aria-label={t("mail.compose.enterLinkUrl")}
             placeholder={t("mail.compose.pasteLink")}
             value={linkUrl}
             onChange={(e) => setLinkUrl(e.target.value)}
@@ -309,6 +310,7 @@ export function ComposeBubbleToolbar({
             className="bg-transparent border-none outline-none text-popover-foreground text-sm w-48 px-1 py-0.5 placeholder:text-muted-foreground"
           />
           <button
+            type="button"
             onClick={handleSetLink}
             className="text-xs text-primary hover:text-primary/80 px-1.5 py-0.5 font-medium"
           >
@@ -331,6 +333,7 @@ export function ComposeBubbleToolbar({
             <>
               <textarea
                 autoFocus
+                aria-label={t("mail.compose.aiAssist")}
                 placeholder={t("mail.compose.aiAssistPlaceholder")}
                 value={aiPrompt}
                 rows={2}
@@ -352,6 +355,7 @@ export function ComposeBubbleToolbar({
               <Tooltip>
                 <TooltipTrigger asChild>
                   <button
+                    type="button"
                     onClick={() => void handleAiAssist()}
                     className="text-xs text-primary hover:text-primary/80 px-1.5 py-0.5 font-medium shrink-0 self-end pb-1"
                   >
@@ -390,6 +394,8 @@ export function ComposeBubbleToolbar({
               <Tooltip key={title}>
                 <TooltipTrigger asChild>
                   <button
+                    type="button"
+                    aria-label={title}
                     onClick={action}
                     className={cn(
                       "p-1.5 rounded transition-colors",
@@ -409,6 +415,8 @@ export function ComposeBubbleToolbar({
           <Tooltip>
             <TooltipTrigger asChild>
               <button
+                type="button"
+                aria-label={t("mail.compose.aiAssist")}
                 onMouseDown={(e) => {
                   e.preventDefault();
                   e.stopPropagation();

package/corpus/templates/mail/app/components/email/ComposeModal.tsx

@@ -128,10 +128,12 @@ function FromAccountSelector({
   accounts,
   value,
   onChange,
+  label,
 }: {
   accounts: ComposeAccount[];
   value: string | undefined;
   onChange: (email: string) => void;
+  label: string;
 }) {
   // On mount, if no account is set, apply the sticky default
   const resolvedValue =
@@ -154,7 +156,7 @@ function FromAccountSelector({
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   return (
-    <ComposeFieldRow label="From">
+    <ComposeFieldRow label={label}>
       <Select
         value={resolvedValue}
         onValueChange={(email) => {
@@ -819,13 +821,13 @@ export function ComposeModal({
 
   const title = activeDraft
     ? activeDraft.queuedDraftId
-      ? "Queued draft"
+      ? t("mail.compose.queuedDraft")
       : activeDraft.mode === "reply"
-        ? "Reply"
+        ? t("mail.compose.reply")
         : activeDraft.mode === "forward"
-          ? "Forward"
-          : "New message"
-    : "New message";
+          ? t("mail.compose.forward")
+          : t("mail.compose.newMessage")
+    : t("mail.compose.newMessage");
 
   const composeStyle = {
     right: isMobile ? 0 : sidebarRight,
@@ -865,12 +867,12 @@ export function ComposeModal({
               const label =
                 draft.subject?.trim() ||
                 (draft.queuedDraftId
-                  ? "Queued draft"
+                  ? t("mail.compose.queuedDraft")
                   : draft.mode === "reply"
-                    ? "Reply"
+                    ? t("mail.compose.reply")
                     : draft.mode === "forward"
-                      ? "Forward"
-                      : "New message");
+                      ? t("mail.compose.forward")
+                      : t("mail.compose.newMessage"));
               return (
                 <button
                   key={draft.id}
@@ -905,6 +907,8 @@ export function ComposeModal({
           <Tooltip>
             <TooltipTrigger asChild>
               <button
+                type="button"
+                aria-label={t("mail.compose.newDraft")}
                 onClick={onNewDraft}
                 className="flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground/50 hover:text-foreground hover:bg-accent/30 transition-colors"
               >
@@ -982,8 +986,10 @@ export function ComposeModal({
           <Button
             variant="ghost"
             size="icon"
+            type="button"
             className="h-7 w-7"
             onClick={onCloseAll}
+            aria-label={t("mail.compose.closeAllDrafts")}
           >
             <IconX className="h-3.5 w-3.5" />
           </Button>
@@ -998,13 +1004,14 @@ export function ComposeModal({
               <FromAccountSelector
                 accounts={allAccounts}
                 value={activeDraft.accountEmail}
+                label={t("mail.compose.from")}
                 onChange={(email) =>
                   onUpdate(activeId!, { accountEmail: email })
                 }
               />
             )}
             <ComposeFieldRow
-              label="To"
+              label={t("mail.compose.to")}
               trailing={
                 <button
                   type="button"
@@ -1033,6 +1040,7 @@ export function ComposeModal({
                 value={activeDraft.to}
                 onChange={(val) => onUpdate(activeId!, { to: val })}
                 autoFocus={activeDraft.mode === "compose"}
+                ariaLabel={t("mail.compose.toRecipients")}
                 field="to"
                 onMoveRecipient={moveRecipient}
               />
@@ -1040,18 +1048,20 @@ export function ComposeModal({
 
             {showCcBcc && (
               <>
-                <ComposeFieldRow label="Cc">
+                <ComposeFieldRow label={t("mail.compose.cc")}>
                   <RecipientInput
                     value={activeDraft.cc ?? ""}
                     onChange={(val) => onUpdate(activeId!, { cc: val })}
+                    ariaLabel={t("mail.compose.ccRecipients")}
                     field="cc"
                     onMoveRecipient={moveRecipient}
                   />
                 </ComposeFieldRow>
-                <ComposeFieldRow label="Bcc">
+                <ComposeFieldRow label={t("mail.compose.bcc")}>
                   <RecipientInput
                     value={activeDraft.bcc ?? ""}
                     onChange={(val) => onUpdate(activeId!, { bcc: val })}
+                    ariaLabel={t("mail.compose.bccRecipients")}
                     field="bcc"
                     onMoveRecipient={moveRecipient}
                   />
@@ -1107,6 +1117,8 @@ export function ComposeModal({
                   <Button
                     variant="ghost"
                     size="icon"
+                    type="button"
+                    aria-label={t("mail.compose.bold")}
                     className="h-7 w-7"
                     onClick={() => editorRef.current?.toggleBold()}
                   >
@@ -1120,6 +1132,8 @@ export function ComposeModal({
                   <Button
                     variant="ghost"
                     size="icon"
+                    type="button"
+                    aria-label={t("mail.compose.italic")}
                     className="h-7 w-7"
                     onClick={() => editorRef.current?.toggleItalic()}
                   >
@@ -1133,6 +1147,8 @@ export function ComposeModal({
                   <Button
                     variant="ghost"
                     size="icon"
+                    type="button"
+                    aria-label={t("mail.compose.insertLink")}
                     className="h-7 w-7"
                     onClick={() => editorRef.current?.setLink()}
                   >
@@ -1146,6 +1162,8 @@ export function ComposeModal({
                   <Button
                     variant="ghost"
                     size="icon"
+                    type="button"
+                    aria-label={t("mail.compose.attachFile")}
                     className="h-7 w-7"
                     onClick={() => void handleAttach()}
                   >
@@ -1220,6 +1238,8 @@ export function ComposeModal({
               <Tooltip>
                 <TooltipTrigger asChild>
                   <button
+                    type="button"
+                    aria-label={t("mail.compose.deleteDraft")}
                     onClick={() => activeId && onDiscard(activeId)}
                     className="flex h-8 w-8 items-center justify-center rounded text-muted-foreground/40 hover:text-red-400 hover:bg-red-400/10 transition-colors"
                   >

package/corpus/templates/mail/app/components/email/EmailListItem.tsx

@@ -539,7 +539,11 @@ export const EmailListItem = memo(function EmailListItem({
         <div className="relative me-2 flex h-full w-5 shrink-0 items-center justify-center">
           <button
             type="button"
-            aria-label={isMultiSelected ? "Deselect email" : "Select email"}
+            aria-label={t(
+              isMultiSelected
+                ? "mail.selection.deselectEmail"
+                : "mail.selection.selectEmail",
+            )}
             onClick={handleToggleMultiSelectClick}
             className={cn(
               "absolute inset-y-0 left-1/2 flex w-6 -translate-x-1/2 items-center justify-center rounded text-muted-foreground transition-opacity hover:text-foreground",
@@ -644,6 +648,11 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleToggleReadClick}
+                    aria-label={t(
+                      isUnread
+                        ? "mail.actions.markRead"
+                        : "mail.actions.markUnread",
+                    )}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
                   >
                     {isUnread ? (
@@ -666,12 +675,13 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleArchiveClick}
+                    aria-label={t("mail.actions.archive")}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-emerald-500/10 hover:text-emerald-600 dark:hover:text-emerald-400"
                   >
                     <IconArchive className="h-3.5 w-3.5" />
                   </button>
                 </TooltipTrigger>
-                <TooltipContent>Archive</TooltipContent>
+                <TooltipContent>{t("mail.actions.archive")}</TooltipContent>
               </Tooltip>
             )}
             {showSnooze && (
@@ -680,12 +690,13 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleSnoozeClick}
+                    aria-label={t("mail.snooze.snooze")}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-amber-500/10 hover:text-amber-600 dark:hover:text-amber-400"
                   >
                     <IconClock className="h-3.5 w-3.5" />
                   </button>
                 </TooltipTrigger>
-                <TooltipContent>Snooze</TooltipContent>
+                <TooltipContent>{t("mail.snooze.snooze")}</TooltipContent>
               </Tooltip>
             )}
             {showSendNow && (
@@ -694,6 +705,7 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleSendNowClick}
+                    aria-label={t("mail.sendLater.sendNow")}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
                   >
                     <IconSend className="h-3.5 w-3.5 rtl:-scale-x-100" />
@@ -708,6 +720,7 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleCancelScheduleClick}
+                    aria-label={t("mail.sendLater.cancelScheduledSend")}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
                   >
                     <IconX className="h-3.5 w-3.5" />
@@ -724,6 +737,7 @@ export const EmailListItem = memo(function EmailListItem({
                   <button
                     type="button"
                     onClick={handleTrashClick}
+                    aria-label={t("mail.actions.moveToTrash")}
                     className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive"
                   >
                     <IconTrash className="h-3.5 w-3.5" />
@@ -737,6 +751,9 @@ export const EmailListItem = memo(function EmailListItem({
                 <button
                   type="button"
                   onClick={handleStarClick}
+                  aria-label={t(
+                    isStarred ? "mail.actions.unstar" : "mail.actions.star",
+                  )}
                   className={cn(
                     "flex h-6 w-6 items-center justify-center rounded transition-colors",
                     isStarred
@@ -747,7 +764,9 @@ export const EmailListItem = memo(function EmailListItem({
                   <IconStarFilled className="h-3.5 w-3.5" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent>{isStarred ? "Unpin" : "Pin"}</TooltipContent>
+              <TooltipContent>
+                {t(isStarred ? "mail.actions.unstar" : "mail.actions.star")}
+              </TooltipContent>
             </Tooltip>
           </div>
         </div>