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

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

@@ -1199,13 +1199,15 @@ export function EmailThread({
           <Tooltip>
             <TooltipTrigger asChild>
               <button
+                type="button"
                 onClick={goBack}
+                aria-label={t("mail.thread.back")}
                 className="mt-0.5 flex h-9 w-9 sm:h-7 sm:w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
               >
                 <IconArrowLeft className="h-[14px] w-[14px] rtl:-scale-x-100" />
               </button>
             </TooltipTrigger>
-            <TooltipContent>Back (Esc)</TooltipContent>
+            <TooltipContent>{t("mail.thread.back")} (Esc)</TooltipContent>
           </Tooltip>
 
           <div className="flex-1 min-w-0">
@@ -1288,7 +1290,9 @@ export function EmailThread({
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <button
+                      type="button"
                       onClick={handleArchive}
+                      aria-label={t("mail.actions.archive")}
                       className="flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
                     >
                       <IconArchive className="h-4 w-4" />
@@ -1302,7 +1306,9 @@ export function EmailThread({
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <button
+                        type="button"
                         onClick={handleTrash}
+                        aria-label={t("mail.actions.moveToTrash")}
                         className="flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors"
                       >
                         <IconTrash className="h-4 w-4" />
@@ -1314,13 +1320,17 @@ export function EmailThread({
                   </Tooltip>
                 )}
                 <button
+                  type="button"
                   onClick={() => goToSibling(-1)}
+                  aria-label={t("mail.thread.previousConversation")}
                   className="flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors ms-1"
                 >
                   <IconChevronUp className="h-3.5 w-3.5" />
                 </button>
                 <button
+                  type="button"
                   onClick={() => goToSibling(1)}
+                  aria-label={t("mail.thread.nextConversation")}
                   className="flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
                 >
                   <IconChevronDown className="h-3.5 w-3.5" />
@@ -1329,9 +1339,14 @@ export function EmailThread({
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <button
+                        type="button"
                         onClick={onToggleMaximize}
+                        aria-label={t(
+                          isMaximized
+                            ? "mail.thread.minimize"
+                            : "mail.thread.maximize",
+                        )}
                         className="flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors ms-1"
-                        aria-label={isMaximized ? "Minimize" : "Maximize"}
                         aria-pressed={isMaximized}
                       >
                         {isMaximized ? (
@@ -1342,7 +1357,11 @@ export function EmailThread({
                       </button>
                     </TooltipTrigger>
                     <TooltipContent>
-                      {isMaximized ? "Minimize" : "Maximize"}
+                      {t(
+                        isMaximized
+                          ? "mail.thread.minimize"
+                          : "mail.thread.maximize",
+                      )}
                     </TooltipContent>
                   </Tooltip>
                 )}
@@ -1574,6 +1593,7 @@ function ThreadLoadingState({
     to: { name: string; email: string }[];
   };
 }) {
+  const t = useT();
   const threadSubject = preview?.subject?.replace(/^(Re|Fwd|Fw):\s*/i, "");
 
   return (
@@ -1583,13 +1603,15 @@ function ThreadLoadingState({
           <Tooltip>
             <TooltipTrigger asChild>
               <button
+                type="button"
                 onClick={onBack}
+                aria-label={t("mail.thread.back")}
                 className="mt-0.5 flex h-9 w-9 sm:h-7 sm:w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
               >
                 <IconArrowLeft className="h-[14px] w-[14px] rtl:-scale-x-100" />
               </button>
             </TooltipTrigger>
-            <TooltipContent>Back (Esc)</TooltipContent>
+            <TooltipContent>{t("mail.thread.back")} (Esc)</TooltipContent>
           </Tooltip>
 
           <div className="flex-1 min-w-0">
@@ -1811,7 +1833,7 @@ const ExpandedMessageCard = forwardRef<
           <div className="flex flex-col gap-1 text-[13px]">
             <div className="flex gap-3">
               <span className="w-10 shrink-0 text-muted-foreground/60">
-                From
+                {t("mail.thread.from")}
               </span>
               <span className="text-foreground font-semibold">
                 <button
@@ -1823,7 +1845,9 @@ const ExpandedMessageCard = forwardRef<
               </span>
             </div>
             <div className="flex gap-3">
-              <span className="w-10 shrink-0 text-muted-foreground/60">To</span>
+              <span className="w-10 shrink-0 text-muted-foreground/60">
+                {t("mail.thread.to")}
+              </span>
               <span className="text-foreground">
                 {email.to.map(renderContactLink)}
               </span>
@@ -1831,7 +1855,7 @@ const ExpandedMessageCard = forwardRef<
             {email.cc && email.cc.length > 0 && (
               <div className="flex gap-3">
                 <span className="w-10 shrink-0 text-muted-foreground/60">
-                  Cc
+                  {t("mail.thread.cc")}
                 </span>
                 <span className="text-foreground">
                   {email.cc.map(renderContactLink)}
@@ -1847,7 +1871,7 @@ const ExpandedMessageCard = forwardRef<
                   month: "long",
                   day: "numeric",
                 })}{" "}
-                at{" "}
+                {t("mail.thread.at")}{" "}
                 {new Date(email.date).toLocaleTimeString("en-US", {
                   hour: "numeric",
                   minute: "2-digit",
@@ -1855,7 +1879,9 @@ const ExpandedMessageCard = forwardRef<
                 })}
               </span>
               <button
+                type="button"
                 onClick={() => setShowDetails(false)}
+                aria-label={t("mail.thread.closeDetails")}
                 className="text-muted-foreground/50 hover:text-foreground transition-colors"
               >
                 <IconX className="h-3.5 w-3.5" />
@@ -1895,24 +1921,28 @@ const ExpandedMessageCard = forwardRef<
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
+                  type="button"
                   onClick={(e) => {
                     e.stopPropagation();
                     onReply();
                   }}
+                  aria-label={t("mail.compose.reply")}
                   className="flex h-9 w-9 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground/40 hover:text-foreground transition-colors"
                 >
                   <IconArrowBackUp className="h-4 w-4 sm:h-[14px] sm:w-[14px] rtl:-scale-x-100" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent>Reply</TooltipContent>
+              <TooltipContent>{t("mail.compose.reply")}</TooltipContent>
             </Tooltip>
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
+                  type="button"
                   onClick={(e) => {
                     e.stopPropagation();
                     onReplyAll();
                   }}
+                  aria-label={t("mail.mobileActions.replyAll")}
                   className="flex h-9 w-9 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground/40 hover:text-foreground transition-colors"
                 >
                   <IconArrowBackUpDouble className="h-4 w-4 sm:h-[14px] sm:w-[14px] rtl:-scale-x-100" />
@@ -1925,16 +1955,18 @@ const ExpandedMessageCard = forwardRef<
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
+                  type="button"
                   onClick={(e) => {
                     e.stopPropagation();
                     onForward();
                   }}
+                  aria-label={t("mail.compose.forward")}
                   className="flex h-9 w-9 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground/40 hover:text-foreground transition-colors"
                 >
                   <IconArrowForwardUp className="h-4 w-4 sm:h-[14px] sm:w-[14px] rtl:-scale-x-100" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent>Forward</TooltipContent>
+              <TooltipContent>{t("mail.compose.forward")}</TooltipContent>
             </Tooltip>
           </div>
 
@@ -2036,6 +2068,8 @@ const ExpandedMessageCard = forwardRef<
               ))}
             {email.attachments.length > 1 && (
               <button
+                type="button"
+                aria-label={t("mail.thread.downloadAll")}
                 onClick={() => {
                   for (const att of email.attachments!) {
                     const a = document.createElement("a");
@@ -3611,6 +3645,7 @@ function ThreadSearchBar({
       <input
         ref={inputRef}
         type="text"
+        aria-label={t("mail.thread.searchConversationLabel")}
         value={query}
         onChange={(e) => onChange(e.target.value)}
         onKeyDown={handleKeyDown}
@@ -3630,37 +3665,45 @@ function ThreadSearchBar({
         <Tooltip>
           <TooltipTrigger asChild>
             <button
+              type="button"
               onClick={onPrev}
+              aria-label={t("mail.thread.previousMatch")}
               disabled={totalMatches === 0}
               className="flex h-8 w-8 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors disabled:opacity-30 disabled:cursor-not-allowed"
             >
               <IconChevronUp className="h-3.5 w-3.5 sm:h-3 sm:w-3" />
             </button>
           </TooltipTrigger>
-          <TooltipContent>Previous match (Shift+Enter)</TooltipContent>
+          <TooltipContent>
+            {t("mail.thread.previousMatch")} (Shift+Enter)
+          </TooltipContent>
         </Tooltip>
         <Tooltip>
           <TooltipTrigger asChild>
             <button
+              type="button"
               onClick={onNext}
+              aria-label={t("mail.thread.nextMatch")}
               disabled={totalMatches === 0}
               className="flex h-8 w-8 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors disabled:opacity-30 disabled:cursor-not-allowed"
             >
               <IconChevronDown className="h-3.5 w-3.5 sm:h-3 sm:w-3" />
             </button>
           </TooltipTrigger>
-          <TooltipContent>Next match (Enter)</TooltipContent>
+          <TooltipContent>{t("mail.thread.nextMatch")} (Enter)</TooltipContent>
         </Tooltip>
         <Tooltip>
           <TooltipTrigger asChild>
             <button
+              type="button"
               onClick={onClose}
+              aria-label={t("mail.thread.closeSearch")}
               className="flex h-8 w-8 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent transition-colors ms-1"
             >
               <IconX className="h-3.5 w-3.5 sm:h-3 sm:w-3" />
             </button>
           </TooltipTrigger>
-          <TooltipContent>Close (Esc)</TooltipContent>
+          <TooltipContent>{t("mail.thread.closeSearch")} (Esc)</TooltipContent>
         </Tooltip>
       </div>
     </div>

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

@@ -363,18 +363,21 @@ export const InlineReplyComposer = forwardRef<
     <>
       <div className="flex items-center border-b border-border/30 px-4 pb-2">
         <span className="w-8 shrink-0 text-xs font-medium text-muted-foreground">
-          To
+          {t("mail.compose.to")}
         </span>
         <RecipientInput
           value={draft.to}
           onChange={(val) => onUpdate(draft.id, { to: val })}
+          ariaLabel={t("mail.compose.toRecipients")}
           autoFocus={draft.mode === "forward"}
           field="to"
           onMoveRecipient={moveRecipient}
         />
         <button
           type="button"
-          aria-label={showCcBcc ? "Hide Cc and Bcc" : "Show Cc and Bcc"}
+          aria-label={t(
+            showCcBcc ? "mail.compose.hideCcBcc" : "mail.compose.showCcBcc",
+          )}
           aria-expanded={showCcBcc}
           onClick={toggleCcBcc}
           className="p-1 text-muted-foreground transition-colors hover:text-foreground"
@@ -392,22 +395,24 @@ export const InlineReplyComposer = forwardRef<
         <>
           <div className="flex items-center border-b border-border/30 px-4">
             <span className="w-8 shrink-0 text-xs font-medium text-muted-foreground">
-              Cc
+              {t("mail.compose.cc")}
             </span>
             <RecipientInput
               value={draft.cc ?? ""}
               onChange={(val) => onUpdate(draft.id, { cc: val })}
+              ariaLabel={t("mail.compose.ccRecipients")}
               field="cc"
               onMoveRecipient={moveRecipient}
             />
           </div>
           <div className="flex items-center border-b border-border/30 px-4">
             <span className="w-8 shrink-0 text-xs font-medium text-muted-foreground">
-              Bcc
+              {t("mail.compose.bcc")}
             </span>
             <RecipientInput
               value={draft.bcc ?? ""}
               onChange={(val) => onUpdate(draft.id, { bcc: val })}
+              ariaLabel={t("mail.compose.bccRecipients")}
               field="bcc"
               onMoveRecipient={moveRecipient}
             />
@@ -499,6 +504,8 @@ export const InlineReplyComposer = forwardRef<
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
+                  type="button"
+                  aria-label={t("mail.compose.popOut")}
                   onClick={() => onPopOut(draft.id)}
                   className="flex h-9 w-9 sm:h-6 sm:w-6 items-center justify-center rounded text-muted-foreground/40 hover:text-foreground transition-colors"
                 >
@@ -524,6 +531,8 @@ export const InlineReplyComposer = forwardRef<
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
+                  type="button"
+                  aria-label={t("mail.compose.popOut")}
                   onClick={() => onPopOut(draft.id)}
                   className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground/40 hover:text-foreground transition-colors shrink-0"
                 >
@@ -619,6 +628,8 @@ export const InlineReplyComposer = forwardRef<
               <Button
                 variant="ghost"
                 size="icon"
+                type="button"
+                aria-label={t("mail.compose.bold")}
                 className="h-7 w-7"
                 onClick={() => editorRef.current?.toggleBold()}
               >
@@ -632,6 +643,8 @@ export const InlineReplyComposer = forwardRef<
               <Button
                 variant="ghost"
                 size="icon"
+                type="button"
+                aria-label={t("mail.compose.italic")}
                 className="h-7 w-7"
                 onClick={() => editorRef.current?.toggleItalic()}
               >
@@ -645,6 +658,8 @@ export const InlineReplyComposer = forwardRef<
               <Button
                 variant="ghost"
                 size="icon"
+                type="button"
+                aria-label={t("mail.compose.insertLink")}
                 className="h-7 w-7"
                 onClick={() => editorRef.current?.setLink()}
               >
@@ -658,6 +673,8 @@ export const InlineReplyComposer = forwardRef<
               <Button
                 variant="ghost"
                 size="icon"
+                type="button"
+                aria-label={t("mail.compose.attachFile")}
                 className="h-7 w-7"
                 onClick={() => void handleAttach()}
               >
@@ -733,6 +750,8 @@ export const InlineReplyComposer = forwardRef<
               <Button
                 variant="ghost"
                 size="icon"
+                type="button"
+                aria-label={t("mail.compose.discardDraft")}
                 className="h-7 w-7 text-muted-foreground hover:text-destructive"
                 onClick={() => onDiscard(draft.id)}
               >

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

@@ -53,6 +53,7 @@ interface RecipientInputProps {
   value: string;
   onChange: (value: string) => void;
   placeholder?: string;
+  ariaLabel?: string;
   autoFocus?: boolean;
   /** Field identity; enables dragging chips between To/Cc/Bcc when paired with onMoveRecipient. */
   field?: RecipientField;
@@ -324,6 +325,7 @@ export function RecipientInput({
   value,
   onChange,
   placeholder,
+  ariaLabel,
   autoFocus,
   field,
   onMoveRecipient,
@@ -759,6 +761,9 @@ export function RecipientInput({
                 </button>
                 <button
                   type="button"
+                  aria-label={t("mail.recipients.removeRecipient", {
+                    recipient: displayName,
+                  })}
                   onClick={() => removeRecipient(i)}
                   className="ml-0.5 rounded-sm p-0.5 text-indigo-400 hover:bg-indigo-500/20 transition-colors"
                 >
@@ -783,6 +788,9 @@ export function RecipientInput({
               <span className="max-w-[180px] truncate">{r}</span>
               <button
                 type="button"
+                aria-label={t("mail.recipients.removeRecipient", {
+                  recipient: r,
+                })}
                 onClick={() => removeRecipient(i)}
                 className="ml-0.5 rounded-sm p-0.5 hover:bg-foreground/10 transition-colors"
               >
@@ -798,6 +806,7 @@ export function RecipientInput({
           data-recipient-field={field}
           role="combobox"
           aria-autocomplete="list"
+          aria-label={ariaLabel ?? placeholder}
           aria-controls={
             showSuggestions && hasSuggestions ? suggestionListId : undefined
           }

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -1579,7 +1579,11 @@ function AppLayoutInner({ children }: AppLayoutProps) {
               <Tooltip>
                 <TooltipTrigger asChild>
                   <PopoverTrigger asChild>
-                    <button className="flex items-center hover:opacity-90 transition-opacity ms-1">
+                    <button
+                      type="button"
+                      aria-label={t("mail.toolbar.accounts")}
+                      className="flex items-center hover:opacity-90 transition-opacity ms-1"
+                    >
                       <div
                         className="flex items-center"
                         style={{
@@ -2914,6 +2918,9 @@ function AccountPopover({
             >
               {/* Checkbox */}
               <button
+                type="button"
+                aria-label={account.email}
+                aria-pressed={isChecked}
                 onClick={() => onToggleAccount(account.email)}
                 className="shrink-0"
               >

package/corpus/templates/mail/app/i18n/en-US.ts

@@ -76,6 +76,8 @@ const messages = {
       markUnread: "Mark unread",
       moveTo: "Move to",
       moveToTrash: "Move to Trash",
+      star: "Star",
+      unstar: "Unstar",
     },
     compose: {
       addImage: "Add an image",
@@ -87,6 +89,7 @@ const messages = {
       attachFile: "Attach file",
       bold: "Bold",
       cancel: "Cancel",
+      closeAllDrafts: "Close all drafts",
       code: "Code",
       deleteDraft: "Delete draft",
       deleteDrafts: "Delete drafts",
@@ -94,6 +97,7 @@ const messages = {
       discardDraft: "Discard draft",
       enterLinkUrl: "Enter the URL for the link.",
       forward: "Forward",
+      from: "From",
       fullScreen: "Full screen",
       fullScreenCompose: "Full screen compose",
       generate: "Generate",
@@ -105,19 +109,29 @@ const messages = {
       minimize: "Minimize",
       minimizeCompose: "Minimize compose",
       newDraft: "New draft",
+      newMessage: "New Message",
       pasteLink: "Paste link...",
       plainText: "Plain text",
       popOut: "Pop out to compose window",
       reply: "Reply",
       replyTo: "to {{recipient}}",
+      queuedDraft: "Queued draft",
       restore: "Restore",
       restoreCompose: "Restore compose",
       restoreComposeSize: "Restore compose size",
       restoreSize: "Restore size",
       send: "Send",
       sending: "Sending...",
+      hideCcBcc: "Hide Cc and Bcc",
+      showCcBcc: "Show Cc and Bcc",
       strikethrough: "Strikethrough",
       subject: "Subject",
+      to: "To",
+      toRecipients: "To recipients",
+      cc: "Cc",
+      ccRecipients: "Cc recipients",
+      bcc: "Bcc",
+      bccRecipients: "Bcc recipients",
       toSubmit: "to submit",
       uploading: "Uploading...",
       writeMessagePlaceholder: "Write your message...",
@@ -195,6 +209,7 @@ const messages = {
       expandToIndividualEmails: "Expand to individual emails",
       peopleCount: "{{count}} people",
       recipientCount: "{{count}} recipients",
+      removeRecipient: "Remove recipient {{recipient}}",
       saveAsAlias: "Save as alias",
       saving: "Saving...",
     },
@@ -230,15 +245,29 @@ const messages = {
     },
     thread: {
       alwaysFrom: "Always from {{domain}}",
+      at: "at",
+      back: "Back",
+      cc: "Cc",
+      closeDetails: "Close details",
+      closeSearch: "Close search",
       downloadAll: "Download all",
       emailContent: "Email content",
+      from: "From",
       hideQuotedText: "Hide quoted text",
       imagesBlocked: "Images blocked.",
+      maximize: "Maximize",
+      minimize: "Minimize",
+      nextConversation: "Next conversation",
+      nextMatch: "Next match",
+      previousConversation: "Previous conversation",
+      previousMatch: "Previous match",
       remoteImagesHidden: "Remote images hidden in this embed.",
       searchConversation: "Search in conversation...",
+      searchConversationLabel: "Search in conversation",
       showImages: "Show images",
       showQuotedText: "Show quoted text",
       showSignature: "Show signature",
+      to: "To",
       unsubscribe: "Unsubscribe",
       unsubscribeTooltip: "Unsubscribe from this mailing list",
       unsubscribing: "Unsubscribing...",
@@ -249,6 +278,8 @@ const messages = {
       actions: "Selection actions",
       selected: "{{count}} selected",
       select: "Select",
+      selectEmail: "Select email",
+      deselectEmail: "Deselect email",
       all: "All",
       none: "None",
       read: "Read",

package/corpus/templates/mail/changelog/2026-09-15-mail-labels-recipient-and-account-controls-for-keyboard-and-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-15
+---
+
+Mail labels recipient and account controls for keyboard and assistive-technology parity.

package/corpus/templates/slides/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable user-facing changes to Agent-Native Slides are documented here. Open it any
 time from the command menu (Cmd+K → "What's new").
 
+## 2026-09-14
+
+### Improved
+
+- Deck filter button now shows when the list is limited to your own decks.
+- Slides comments can now target slide objects and positions with full thread actions, reactions, and Google-style shortcut behavior.
+
+### Fixed
+
+- An attached PDF, PowerPoint, or Word reference is now read before a new deck is generated, and its typography, palette, and page proportions steer the design instead of being silently dropped
+- Creating a design system no longer fails silently when Builder indexing is unavailable.
+- Design system creation from onboarding now opens inline instead of a new tab, so onboarding progress is no longer lost
+- Every icon in the collapsed left sidebar now shows its name on hover
+- Sending a selection, drawing, or pending update to the agent now opens the agent panel instead of appearing to do nothing.
+- Style requests like matching one slide's background across the deck now succeed instead of failing after repeated rejected edits.
+- Switching organizations now shows only decks from the current organization
+
+### Changed
+
+- Creative Context is now in Labs and off by default
+
+## 2026-09-13
+
+### Improved
+
+- Control+M adds a slide with the current slide's layout.
+
+### Fixed
+
+- Slides support keyboard navigation, selection, and reordering in the slide rail.
+- Slides route navigation, selection, clipboard, and reorder shortcuts through the focused editor surface.
+
 ## 2026-09-12
 
 ### Fixed

package/dist/client/CommandMenu.js

@@ -16,7 +16,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  *   </CommandMenu>
  */
 import { Command as CommandPrimitive, CommandGroup as CommandGroupPrimitive, CommandInput as CommandInputPrimitive, CommandItem as CommandItemPrimitive, CommandList as CommandListPrimitive, CommandSeparator as CommandSeparatorPrimitive, CommandShortcut as CommandShortcutPrimitive, } from "@agent-native/toolkit/ui/command";
-import { IconBook2, IconExternalLink, IconInfoCircle, IconMessage, IconHistory, } from "@tabler/icons-react";
+import { IconBook2, IconExternalLink, IconInfoCircle, IconMessage, IconHistory, IconLogout, } from "@tabler/icons-react";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { parseChangelog } from "../changelog/parse.js";
 import { AboutAgentNativeDialog } from "./AboutAgentNativeDialog.js";
@@ -24,6 +24,7 @@ import { sendToAgentChat } from "./agent-chat.js";
 import { ChangelogDialog, useChangelogSeen } from "./changelog/Changelog.js";
 import { Dialog, DialogContent, DialogTitle } from "./components/ui/dialog.js";
 import { useT } from "./i18n.js";
+import { signOut, SIGN_OUT_SEARCH_TERMS } from "./sign-out.js";
 import { cn } from "./utils.js";
 const CommandMenuContext = createContext(null);
 function useCommandMenuContext() {
@@ -235,6 +236,16 @@ export function CommandMenu({ open, onOpenChange, children, renderResults, rende
             .toLowerCase()
             .includes(search.toLowerCase());
     const showAboutRow = showAbout && aboutRowMatches;
+    const signOutLabel = t("agentChat.auth.logOut");
+    const showSignOutRow = !search ||
+        [signOutLabel, ...SIGN_OUT_SEARCH_TERMS]
+            .join(" ")
+            .toLowerCase()
+            .includes(search.toLowerCase());
+    const handleSignOut = useCallback(() => {
+        onOpenChange(false);
+        void signOut();
+    }, [onOpenChange]);
     // Filter children based on search
     const filterChildren = (nodes) => {
         return React.Children.map(nodes, (child) => {
@@ -298,9 +309,10 @@ export function CommandMenu({ open, onOpenChange, children, renderResults, rende
     const hasResults = React.Children.toArray(filteredChildren).some((child) => React.isValidElement(child) &&
         (child.type === CommandGroup || child.type === CommandDocsGroup));
     const dynamicResults = open ? renderResults?.(search) : null;
-    const renderList = (results = dynamicResults) => (_jsxs(CommandListPrimitive, { children: [results, hasResults && filteredChildren, showChangelogRow && (_jsxs(_Fragment, { children: [hasResults && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openChangelog, children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: changelogLabel }), changelogUnseen && (_jsx("span", { className: "ms-auto h-2 w-2 rounded-full bg-primary", "aria-label": "New updates available" }))] }) })] })), showAboutRow && (_jsxs(_Fragment, { children: [(hasResults || showChangelogRow) && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openAbout, children: [_jsx(IconInfoCircle, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: aboutLabel })] }) })] })), showAgentFallback && (_jsxs(_Fragment, { children: [(hasResults ||
+    const renderList = (results = dynamicResults) => (_jsxs(CommandListPrimitive, { children: [results, hasResults && filteredChildren, showChangelogRow && (_jsxs(_Fragment, { children: [hasResults && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openChangelog, children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: changelogLabel }), changelogUnseen && (_jsx("span", { className: "ms-auto h-2 w-2 rounded-full bg-primary", "aria-label": "New updates available" }))] }) })] })), showAboutRow && (_jsxs(_Fragment, { children: [(hasResults || showChangelogRow) && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openAbout, children: [_jsx(IconInfoCircle, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: aboutLabel })] }) })] })), showSignOutRow && (_jsxs(_Fragment, { children: [(hasResults || showChangelogRow || showAboutRow) && (_jsx(CommandSeparator, {})), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: handleSignOut, children: [_jsx(IconLogout, { className: "h-4 w-4 text-muted-foreground rtl:-scale-x-100" }), _jsx("span", { children: signOutLabel })] }) })] })), showAgentFallback && (_jsxs(_Fragment, { children: [(hasResults ||
                         showChangelogRow ||
                         showAboutRow ||
+                        showSignOutRow ||
                         Boolean(results)) && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: handleSubmitToAgent, children: [_jsx(IconMessage, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: search.trim() ? (_jsxs(_Fragment, { children: ["Ask AI:", " ", _jsxs("span", { className: "text-muted-foreground", children: ["\"", search, "\""] })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Ask AI anything..." })) }), search.trim() && (_jsx("span", { className: "ms-auto text-xs text-muted-foreground", children: "\u21B5" }))] }) })] }))] }));
     return (_jsxs(_Fragment, { children: [_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
                     if (!nextOpen && nestedDialogsRef.current.length > 0)