zele 0.3.10 → 0.3.12

package/src/mail-tui.tsx

@@ -8,9 +8,17 @@
 // the Raycast UI runtime) but without fetch. gaxios sees window exists → tries
 // window.fetch → gets undefined → "fetchImpl is not a function". Fix: ensure
 // window.fetch is set to the native Bun fetch.
-const globalWithWindow = globalThis as unknown as { window?: { fetch?: typeof globalThis.fetch } }
-if (typeof globalThis.fetch === 'function' && typeof globalWithWindow.window?.fetch !== 'function') {
-  globalWithWindow.window = { ...globalWithWindow.window, fetch: globalThis.fetch }
+const globalWithWindow = globalThis as unknown as {
+  window?: { fetch?: typeof globalThis.fetch }
+}
+if (
+  typeof globalThis.fetch === 'function' &&
+  typeof globalWithWindow.window?.fetch !== 'function'
+) {
+  globalWithWindow.window = {
+    ...globalWithWindow.window,
+    fetch: globalThis.fetch,
+  }
 }
 
 import {
@@ -30,10 +38,22 @@ import { useTerminalDimensions } from '@opentui/react'
 import { useCachedPromise } from '@termcast/utils'
 import { useState, useMemo, useCallback, useEffect } from 'react'
 
-import { getClients, getClient, listAccounts, login, logout, type AuthStatus } from './auth.js'
+import {
+  getClients,
+  getClient,
+  listAccounts,
+  login,
+  logout,
+  type AuthStatus,
+} from './auth.js'
 import type { GmailClient, ThreadListItem, ThreadData } from './gmail-client.js'
 import { AuthError, ApiError, isTruthy } from './api-utils.js'
-import { renderEmailBody, replyParser, formatDate, formatSender } from './output.js'
+import {
+  renderEmailBody,
+  replyParser,
+  formatDate,
+  formatSender,
+} from './output.js'
 
 // ---------------------------------------------------------------------------
 // Constants
@@ -43,7 +63,13 @@ const DEFAULT_PAGE_SIZE = 25
 const MIN_PAGE_SIZE = 10
 const VISIBLE_ROWS_OFFSET = 6
 
-const ACCOUNT_COLORS = [Color.Blue, Color.Green, Color.Purple, Color.Orange, Color.Magenta]
+const ACCOUNT_COLORS = [
+  Color.Blue,
+  Color.Green,
+  Color.Purple,
+  Color.Orange,
+  Color.Magenta,
+]
 
 const ADD_ACCOUNT = '__add_account__'
 const MANAGE_ACCOUNTS = '__manage_accounts__'
@@ -80,15 +106,26 @@ function dateSection(dateStr: string): string {
   return 'Older'
 }
 
-const SECTION_ORDER = ['Last 10 Minutes', 'Last Hour', 'Today', 'Yesterday', 'This Week', 'This Month', 'Older']
-
-function threadStatusIcon(thread: ThreadListItem & { starred?: boolean }): { source: typeof Icon[keyof typeof Icon]; tintColor: string } {
+const SECTION_ORDER = [
+  'Last 10 Minutes',
+  'Last Hour',
+  'Today',
+  'Yesterday',
+  'This Week',
+  'This Month',
+  'Older',
+]
+
+function threadStatusIcon(thread: ThreadListItem & { starred?: boolean }): {
+  source: (typeof Icon)[keyof typeof Icon]
+  tintColor: string
+} {
   const unread = thread.unread
   const starred = thread.labelIds?.includes('STARRED') ?? false
 
   if (unread && starred) return { source: Icon.Star, tintColor: Color.Red }
-  if (unread) return { source: Icon.CircleFilled, tintColor: Color.Orange }
-  if (starred) return { source: Icon.Star, tintColor: Color.Yellow }
+  if (unread) return { source: Icon.CircleFilled, tintColor: Color.Yellow }
+  if (starred) return { source: Icon.Star, tintColor: Color.Orange }
   return { source: Icon.Circle, tintColor: Color.SecondaryText }
 }
 
@@ -138,7 +175,7 @@ function AccountDropdown({
 
   return (
     <List.Dropdown
-      tooltip="Account"
+      tooltip='Account'
       value={value}
       onChange={(newValue) => {
         if (newValue === ADD_ACCOUNT) {
@@ -152,20 +189,31 @@ function AccountDropdown({
         onChange(newValue)
       }}
     >
-      <List.Dropdown.Item title="All Accounts" value="all" icon={Icon.Globe} />
-      <List.Dropdown.Section title="Accounts">
+      <List.Dropdown.Item title='All Accounts' value='all' icon={Icon.Globe} />
+      <List.Dropdown.Section title='Accounts'>
         {accounts.map((a) => (
           <List.Dropdown.Item
             key={a.email}
             title={a.email}
             value={a.email}
-            icon={{ source: Icon.Person, tintColor: accountColor(a.email) }}
+            icon={{
+              source: Icon.Person,
+              tintColor: accountColor(a.email),
+            }}
           />
         ))}
       </List.Dropdown.Section>
       <List.Dropdown.Section>
-        <List.Dropdown.Item title="Add Account" value={ADD_ACCOUNT} icon={Icon.Plus} />
-        <List.Dropdown.Item title="Manage Accounts" value={MANAGE_ACCOUNTS} icon={Icon.Gear} />
+        <List.Dropdown.Item
+          title='Add Account'
+          value={ADD_ACCOUNT}
+          icon={Icon.Plus}
+        />
+        <List.Dropdown.Item
+          title='Manage Accounts'
+          value={MANAGE_ACCOUNTS}
+          icon={Icon.Gear}
+        />
       </List.Dropdown.Section>
     </List.Dropdown>
   )
@@ -201,7 +249,10 @@ function AddAccount({
     }
 
     await onAdded?.(result.email)
-    await showToast({ style: Toast.Style.Success, title: `Added ${result.email}` })
+    await showToast({
+      style: Toast.Style.Success,
+      title: `Added ${result.email}`,
+    })
     pop()
   }
 
@@ -213,7 +264,7 @@ function AddAccount({
 
   return (
     <Detail
-      navigationTitle="Add Account"
+      navigationTitle='Add Account'
       markdown={
         `# Add Account\n\n` +
         `The browser opens automatically for Google sign-in.\n\n` +
@@ -254,28 +305,43 @@ function ManageAccounts({
   const handleRemoved = async (email: string) => {
     const result = await logout(email)
     if (result instanceof Error) {
-      await showFailureToast(result, { title: `Failed to remove ${email}` })
+      await showFailureToast(result, {
+        title: `Failed to remove ${email}`,
+      })
       return
     }
 
     await accounts.revalidate()
     await onRemoved?.(email)
-    await showToast({ style: Toast.Style.Success, title: `Removed ${email}` })
+    await showToast({
+      style: Toast.Style.Success,
+      title: `Removed ${email}`,
+    })
   }
 
   return (
-    <List navigationTitle="Manage Accounts" isLoading={accounts.isLoading}>
+    <List navigationTitle='Manage Accounts' isLoading={accounts.isLoading}>
       {accounts.data?.map((a: AuthStatus) => (
         <List.Item
           key={`${a.email}-${a.appId}`}
           title={a.email}
-          icon={{ source: Icon.Person, tintColor: accountColor(a.email) }}
-          accessories={[{ tag: { value: a.appId.slice(0, 12) + '...', color: Color.SecondaryText } }]}
+          icon={{
+            source: Icon.Person,
+            tintColor: accountColor(a.email),
+          }}
+          accessories={[
+            {
+              tag: {
+                value: a.appId.slice(0, 12) + '...',
+                color: Color.SecondaryText,
+              },
+            },
+          ]}
           actions={
             <ActionPanel>
-              <Action.CopyToClipboard title="Copy Email" content={a.email} />
+              <Action.CopyToClipboard title='Copy Email' content={a.email} />
               <Action
-                title="Logout Account"
+                title='Logout Account'
                 icon={Icon.Trash}
                 style={Action.Style.Destructive}
                 onAction={() => handleRemoved(a.email)}
@@ -285,12 +351,15 @@ function ManageAccounts({
         />
       ))}
       <List.Item
-        key="add-account"
-        title="Add Account"
+        key='add-account'
+        title='Add Account'
         icon={Icon.Plus}
         actions={
           <ActionPanel>
-            <Action.Push title="Add Account" target={<AddAccount onAdded={handleAdded} />} />
+            <Action.Push
+              title='Add Account'
+              target={<AddAccount onAdded={handleAdded} />}
+            />
           </ActionPanel>
         }
       />
@@ -318,7 +387,10 @@ function ReplyForm({
 
   const handleSubmit = async (values: { body: string }) => {
     if (!values.body?.trim()) {
-      await showToast({ style: Toast.Style.Failure, title: 'Body is required' })
+      await showToast({
+        style: Toast.Style.Failure,
+        title: 'Body is required',
+      })
       return
     }
     setIsLoading(true)
@@ -344,11 +416,15 @@ function ReplyForm({
       navigationTitle={replyAll ? 'Reply All' : 'Reply'}
       actions={
         <ActionPanel>
-          <Action.SubmitForm title="Send Reply" onSubmit={handleSubmit} />
+          <Action.SubmitForm title='Send Reply' onSubmit={handleSubmit} />
         </ActionPanel>
       }
     >
-      <Form.TextArea id="body" title="Message" placeholder="Type your reply..." />
+      <Form.TextArea
+        id='body'
+        title='Message'
+        placeholder='Type your reply...'
+      />
     </Form>
   )
 }
@@ -371,11 +447,17 @@ function ForwardForm({
 
   const handleSubmit = async (values: { to: string; body: string }) => {
     if (!values.to?.trim()) {
-      await showToast({ style: Toast.Style.Failure, title: 'Recipient is required' })
+      await showToast({
+        style: Toast.Style.Failure,
+        title: 'Recipient is required',
+      })
       return
     }
     setIsLoading(true)
-    const recipients = values.to.split(',').map((e) => ({ email: e.trim() })).filter((e) => e.email)
+    const recipients = values.to
+      .split(',')
+      .map((e) => ({ email: e.trim() }))
+      .filter((e) => e.email)
     const { client } = await getClient([account])
     const result = await client.forwardThread({
       threadId,
@@ -387,7 +469,10 @@ function ForwardForm({
       await showFailureToast(result, { title: 'Failed to forward' })
       return
     }
-    await showToast({ style: Toast.Style.Success, title: `Forwarded to ${values.to}` })
+    await showToast({
+      style: Toast.Style.Success,
+      title: `Forwarded to ${values.to}`,
+    })
     revalidate()
     pop()
   }
@@ -395,15 +480,19 @@ function ForwardForm({
   return (
     <Form
       isLoading={isLoading}
-      navigationTitle="Forward"
+      navigationTitle='Forward'
       actions={
         <ActionPanel>
-          <Action.SubmitForm title="Forward" onSubmit={handleSubmit} />
+          <Action.SubmitForm title='Forward' onSubmit={handleSubmit} />
         </ActionPanel>
       }
     >
-      <Form.TextField id="to" title="To" placeholder="recipient@example.com" />
-      <Form.TextArea id="body" title="Message" placeholder="Optional message to prepend..." />
+      <Form.TextField id='to' title='To' placeholder='recipient@example.com' />
+      <Form.TextArea
+        id='body'
+        title='Message'
+        placeholder='Optional message to prepend...'
+      />
     </Form>
   )
 }
@@ -432,7 +521,7 @@ function ThreadDetail({
   )
 
   if (thread.isLoading || !thread.data) {
-    return <Detail markdown="" navigationTitle="Loading..." />
+    return <Detail markdown='' navigationTitle='Loading...' />
   }
 
   const t = thread.data
@@ -457,7 +546,9 @@ function ThreadDetail({
       body = renderEmailBody(msg.body, msg.mimeType)
     }
 
-    return [heading, attachmentLine, '', body].filter((l) => l !== null).join('\n')
+    return [heading, attachmentLine, '', body]
+      .filter((l) => l !== null)
+      .join('\n')
   })
 
   const markdown = `# ${t.subject}\n\n---\n\n` + parts.join('\n\n---\n\n')
@@ -470,7 +561,9 @@ function ThreadDetail({
   }
 
   const labels = [...new Set(messages.flatMap((m) => m.labelIds))]
-    .filter((l): l is string => typeof l === 'string' && !l.startsWith('Label_')) // skip internal IDs
+    .filter(
+      (l): l is string => typeof l === 'string' && !l.startsWith('Label_'),
+    ) // skip internal IDs
     .slice(0, 10)
 
   const latestMsg = messages[messages.length - 1]!
@@ -481,55 +574,96 @@ function ThreadDetail({
       markdown={markdown}
       metadata={
         <Detail.Metadata>
-          <Detail.Metadata.Label title="From" text={formatSender(latestMsg.from)} />
-          <Detail.Metadata.Label title="To" text={latestMsg.to.map((r) => r.name || r.email).join(', ')} />
+          <Detail.Metadata.Label
+            title='From'
+            text={formatSender(latestMsg.from)}
+          />
+          <Detail.Metadata.Label
+            title='To'
+            text={latestMsg.to.map((r) => r.name || r.email).join(', ')}
+          />
           {latestMsg.cc && latestMsg.cc.length > 0 && (
-            <Detail.Metadata.Label title="Cc" text={latestMsg.cc.map((r) => r.name || r.email).join(', ')} />
+            <Detail.Metadata.Label
+              title='Cc'
+              text={latestMsg.cc.map((r) => r.name || r.email).join(', ')}
+            />
           )}
-          <Detail.Metadata.Label title="Date" text={latestMsg.date} />
+          <Detail.Metadata.Label title='Date' text={latestMsg.date} />
           <Detail.Metadata.Separator />
-          <Detail.Metadata.Label title="Messages" text={String(t.messageCount)} />
-          <Detail.Metadata.Label title="Participants" text={[...participants.values()].join(', ')} />
+          <Detail.Metadata.Label
+            title='Messages'
+            text={String(t.messageCount)}
+          />
+          <Detail.Metadata.Label
+            title='Participants'
+            text={[...participants.values()].join(', ')}
+          />
           {labels.length > 0 && (
-            <Detail.Metadata.TagList title="Labels">
+            <Detail.Metadata.TagList title='Labels'>
               {labels.map((l) => (
-                <Detail.Metadata.TagList.Item key={l} text={l} color={labelColor(l)} />
+                <Detail.Metadata.TagList.Item
+                  key={l}
+                  text={l}
+                  color={labelColor(l)}
+                />
               ))}
             </Detail.Metadata.TagList>
           )}
           <Detail.Metadata.Separator />
-          <Detail.Metadata.Label title="Thread ID" text={t.id} />
-          <Detail.Metadata.Label title="Account" text={account} />
+          <Detail.Metadata.Label title='Thread ID' text={t.id} />
+          <Detail.Metadata.Label title='Account' text={account} />
         </Detail.Metadata>
       }
       actions={
         <ActionPanel>
-          <ActionPanel.Section title="Reply & Forward">
+          <ActionPanel.Section title='Reply & Forward'>
             <Action.Push
-              title="Reply"
+              title='Reply'
               icon={Icon.Reply}
               shortcut={{ modifiers: ['ctrl'], key: 'r' }}
-              target={<ReplyForm threadId={threadId} account={account} revalidate={revalidate} />}
+              target={
+                <ReplyForm
+                  threadId={threadId}
+                  account={account}
+                  revalidate={revalidate}
+                />
+              }
             />
             <Action.Push
-              title="Reply All"
+              title='Reply All'
               icon={Icon.Reply}
-              shortcut={{ modifiers: ['ctrl', 'shift'], key: 'r' }}
-              target={<ReplyForm threadId={threadId} account={account} replyAll revalidate={revalidate} />}
+              shortcut={{
+                modifiers: ['ctrl', 'shift'],
+                key: 'r',
+              }}
+              target={
+                <ReplyForm
+                  threadId={threadId}
+                  account={account}
+                  replyAll
+                  revalidate={revalidate}
+                />
+              }
             />
             <Action.Push
-              title="Forward"
+              title='Forward'
               icon={Icon.Forward}
               shortcut={{ modifiers: ['ctrl'], key: 'f' }}
-              target={<ForwardForm threadId={threadId} account={account} revalidate={revalidate} />}
+              target={
+                <ForwardForm
+                  threadId={threadId}
+                  account={account}
+                  revalidate={revalidate}
+                />
+              }
             />
           </ActionPanel.Section>
-          <ActionPanel.Section title="Copy">
-            <Action.CopyToClipboard title="Copy Thread ID" content={t.id} />
-            <Action.CopyToClipboard title="Copy Subject" content={t.subject} />
+          <ActionPanel.Section title='Copy'>
+            <Action.CopyToClipboard title='Copy Thread ID' content={t.id} />
+            <Action.CopyToClipboard title='Copy Subject' content={t.subject} />
             {latestMsg && (
               <Action.CopyToClipboard
-                title="Copy Email Body"
+                title='Copy Email Body'
                 content={renderEmailBody(latestMsg.body, latestMsg.mimeType)}
               />
             )}
@@ -569,7 +703,8 @@ export default function Command() {
 
         // Single selected account: standard cursor pagination.
         if (account !== 'all') {
-          const pageToken = cursor?.mode === 'single' ? cursor.nextPageToken : undefined
+          const pageToken =
+            cursor?.mode === 'single' ? cursor.nextPageToken : undefined
           const { email, client } = clients[0]!
           const result = await client.listThreads({
             query: query || undefined,
@@ -577,10 +712,15 @@ export default function Command() {
             pageToken: pageToken || undefined,
           })
           if (result instanceof Error) {
-            await showFailureToast(result, { title: 'Failed to fetch emails' })
+            await showFailureToast(result, {
+              title: 'Failed to fetch emails',
+            })
             return { data: [] as ThreadItem[], hasMore: false }
           }
-          const data: ThreadItem[] = result.threads.map((t) => ({ ...t, account: email }))
+          const data: ThreadItem[] = result.threads.map((t) => ({
+            ...t,
+            account: email,
+          }))
           return {
             data,
             hasMore: !!result.nextPageToken,
@@ -592,7 +732,8 @@ export default function Command() {
         }
 
         // Multi-account: keep one token per account and merge sorted pages.
-        const previousByAccount = cursor?.mode === 'multi' ? cursor.nextByAccount : {}
+        const previousByAccount =
+          cursor?.mode === 'multi' ? cursor.nextByAccount : {}
 
         const results = await Promise.all(
           clients.map(async ({ email, client }) => {
@@ -630,20 +771,29 @@ export default function Command() {
           .filter(isTruthy)
 
         const merged: ThreadItem[] = successfulResults
-          .flatMap(({ email, result }) => result.threads.map((t) => ({ ...t, account: email })))
-          .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+          .flatMap(({ email, result }) =>
+            result.threads.map((t) => ({ ...t, account: email })),
+          )
+          .sort(
+            (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
+          )
 
         const nextByAccount: Record<string, string | null> = {}
         for (const { email, nextPageToken } of results) {
           nextByAccount[email] = nextPageToken
         }
 
-        const hasMore = Object.values(nextByAccount).some((token) => token !== null)
+        const hasMore = Object.values(nextByAccount).some(
+          (token) => token !== null,
+        )
 
         return {
           data: merged,
           hasMore,
-          cursor: { mode: 'multi', nextByAccount } satisfies MailCursor,
+          cursor: {
+            mode: 'multi',
+            nextByAccount,
+          } satisfies MailCursor,
         }
       }
     },
@@ -695,7 +845,9 @@ export default function Command() {
   // Selection helpers
   const toggleSelection = useCallback((threadId: string) => {
     setSelectedThreads((prev) =>
-      prev.includes(threadId) ? prev.filter((id) => id !== threadId) : [...prev, threadId],
+      prev.includes(threadId)
+        ? prev.filter((id) => id !== threadId)
+        : [...prev, threadId],
     )
   }, [])
 
@@ -721,12 +873,17 @@ export default function Command() {
         const { client } = await getClient([acct])
         const result = await fn(client, ids)
         if (result instanceof Error) {
-          await showFailureToast(result, { title: `Failed to ${actionName}` })
+          await showFailureToast(result, {
+            title: `Failed to ${actionName}`,
+          })
           return
         }
       }
 
-      await showToast({ style: Toast.Style.Success, title: `${actionName}: ${selectedThreads.length} thread(s)` })
+      await showToast({
+        style: Toast.Style.Success,
+        title: `${actionName}: ${selectedThreads.length} thread(s)`,
+      })
       setSelectedThreads([])
       revalidate()
     },
@@ -737,7 +894,7 @@ export default function Command() {
     <List
       isLoading={isLoading || accounts.isLoading}
       isShowingDetail={isShowingDetail}
-      searchBarPlaceholder="Search emails..."
+      searchBarPlaceholder='Search emails...'
       onSearchTextChange={setSearchText}
       throttle
       pagination={pagination ? { ...pagination, pageSize } : undefined}
@@ -761,16 +918,33 @@ export default function Command() {
 
             // Icon: selection mode or status
             const icon = hasSelection
-              ? { source: isSelected ? Icon.CheckCircle : Icon.Circle, tintColor: isSelected ? Color.Blue : Color.SecondaryText }
+              ? {
+                  source: isSelected ? Icon.CheckCircle : Icon.Circle,
+                  tintColor: isSelected ? Color.Blue : Color.SecondaryText,
+                }
               : threadStatusIcon(thread)
 
             // Accessories
-            const accessories: Array<{ text?: string; tag?: string | { value: string; color?: string }; icon?: string | null }> = []
+            const accessories: Array<{
+              text?: string
+              tag?: string | { value: string; color?: string }
+              icon?: string | null
+            }> = []
             if (thread.messageCount > 1) {
-              accessories.push({ tag: { value: String(thread.messageCount), color: Color.SecondaryText } })
+              accessories.push({
+                tag: {
+                  value: String(thread.messageCount),
+                  color: Color.SecondaryText,
+                },
+              })
             }
             if (multiAccount || selectedAccount === 'all') {
-              accessories.push({ tag: { value: thread.account.split('@')[0] ?? thread.account, color: accountColor(thread.account) } })
+              accessories.push({
+                tag: {
+                  value: thread.account.split('@')[0] ?? thread.account,
+                  color: accountColor(thread.account),
+                },
+              })
             }
             accessories.push({ text: formatDate(thread.date) })
 
@@ -780,24 +954,43 @@ export default function Command() {
                 markdown={`# ${thread.subject}\n\n${thread.snippet}`}
                 metadata={
                   <List.Item.Detail.Metadata>
-                    <List.Item.Detail.Metadata.Label title="From" text={formatSender(thread.from)} />
-                    <List.Item.Detail.Metadata.Label title="Date" text={thread.date} />
+                    <List.Item.Detail.Metadata.Label
+                      title='From'
+                      text={formatSender(thread.from)}
+                    />
+                    <List.Item.Detail.Metadata.Label
+                      title='Date'
+                      text={thread.date}
+                    />
                     <List.Item.Detail.Metadata.Separator />
                     {thread.labelIds.length > 0 && (
-                      <List.Item.Detail.Metadata.TagList title="Labels">
+                      <List.Item.Detail.Metadata.TagList title='Labels'>
                         {thread.labelIds
                           .filter((l) => !l.startsWith('Label_'))
                           .slice(0, 8)
                           .map((l) => (
-                            <List.Item.Detail.Metadata.TagList.Item key={l} text={l} color={labelColor(l)} />
+                            <List.Item.Detail.Metadata.TagList.Item
+                              key={l}
+                              text={l}
+                              color={labelColor(l)}
+                            />
                           ))}
                       </List.Item.Detail.Metadata.TagList>
                     )}
                     <List.Item.Detail.Metadata.Separator />
-                    <List.Item.Detail.Metadata.Label title="Messages" text={String(thread.messageCount)} />
-                    <List.Item.Detail.Metadata.Label title="Thread ID" text={thread.id} />
+                    <List.Item.Detail.Metadata.Label
+                      title='Messages'
+                      text={String(thread.messageCount)}
+                    />
+                    <List.Item.Detail.Metadata.Label
+                      title='Thread ID'
+                      text={thread.id}
+                    />
                     {multiAccount && (
-                      <List.Item.Detail.Metadata.Label title="Account" text={thread.account} />
+                      <List.Item.Detail.Metadata.Label
+                        title='Account'
+                        text={thread.account}
+                      />
                     )}
                   </List.Item.Detail.Metadata>
                 }
@@ -811,15 +1004,21 @@ export default function Command() {
                 subtitle={formatSender(thread.from)}
                 icon={icon}
                 accessories={accessories}
-                keywords={[thread.from.email, thread.from.name ?? '', thread.account]}
+                keywords={[
+                  thread.from.email,
+                  thread.from.name ?? '',
+                  thread.account,
+                ]}
                 detail={detail}
                 actions={
                   <ActionPanel>
                     {/* Selection actions (when items are selected) */}
                     {hasSelection && (
-                      <ActionPanel.Section title="Selection">
+                      <ActionPanel.Section title='Selection'>
                         <Action
-                          title={isSelected ? 'Deselect Thread' : 'Select Thread'}
+                          title={
+                            isSelected ? 'Deselect Thread' : 'Select Thread'
+                          }
                           icon={isSelected ? Icon.CheckCircle : Icon.Circle}
                           onAction={() => toggleSelection(thread.id)}
                         />
@@ -827,21 +1026,33 @@ export default function Command() {
                           title={`Archive ${selectedThreads.length} Selected`}
                           icon={Icon.Tray}
                           onAction={() =>
-                            handleBulkAction('Archived', (c, ids) => c.archive({ threadIds: ids }))
+                            handleBulkAction('Archived', (c, ids) =>
+                              c.archive({
+                                threadIds: ids,
+                              }),
+                            )
                           }
                         />
                         <Action
                           title={`Mark ${selectedThreads.length} as Read`}
                           icon={Icon.Eye}
                           onAction={() =>
-                            handleBulkAction('Marked as read', (c, ids) => c.markAsRead({ threadIds: ids }))
+                            handleBulkAction('Marked as read', (c, ids) =>
+                              c.markAsRead({
+                                threadIds: ids,
+                              }),
+                            )
                           }
                         />
                         <Action
                           title={`Star ${selectedThreads.length} Selected`}
                           icon={Icon.Star}
                           onAction={() =>
-                            handleBulkAction('Starred', (c, ids) => c.star({ threadIds: ids }))
+                            handleBulkAction('Starred', (c, ids) =>
+                              c.star({
+                                threadIds: ids,
+                              }),
+                            )
                           }
                         />
                         <Action
@@ -851,13 +1062,15 @@ export default function Command() {
                           onAction={() =>
                             handleBulkAction('Trashed', async (c, ids) => {
                               for (const id of ids) {
-                                await c.trash({ threadId: id })
+                                await c.trash({
+                                  threadId: id,
+                                })
                               }
                             })
                           }
                         />
                         <Action
-                          title="Deselect All"
+                          title='Deselect All'
                           icon={Icon.XMarkCircle}
                           onAction={() => setSelectedThreads([])}
                         />
@@ -867,7 +1080,7 @@ export default function Command() {
                     {/* Primary actions */}
                     <ActionPanel.Section>
                       <Action.Push
-                        title="Open Thread"
+                        title='Open Thread'
                         icon={Icon.Eye}
                         target={
                           <ThreadDetail
@@ -879,57 +1092,90 @@ export default function Command() {
                       />
                       {!hasSelection && (
                         <Action
-                          title="Select Thread"
+                          title='Select Thread'
                           icon={Icon.CheckCircle}
-                          shortcut={{ modifiers: ['ctrl'], key: 'x' }}
+                          shortcut={{
+                            modifiers: ['ctrl'],
+                            key: 'x',
+                          }}
                           onAction={() => toggleSelection(thread.id)}
                         />
                       )}
                       <Action
-                        title={thread.unread ? 'Mark as Read' : 'Mark as Unread'}
+                        title={
+                          thread.unread ? 'Mark as Read' : 'Mark as Unread'
+                        }
                         icon={thread.unread ? Icon.Eye : Icon.EyeDisabled}
-                        shortcut={{ modifiers: ['ctrl'], key: 'u' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'u',
+                        }}
                         onAction={async () => {
                           const { client } = await getClient([thread.account])
                           const result = thread.unread
-                            ? await client.markAsRead({ threadIds: [thread.id] })
-                            : await client.markAsUnread({ threadIds: [thread.id] })
+                            ? await client.markAsRead({
+                                threadIds: [thread.id],
+                              })
+                            : await client.markAsUnread({
+                                threadIds: [thread.id],
+                              })
                           if (result instanceof Error) {
                             await showFailureToast(result)
                             return
                           }
                           await showToast({
                             style: Toast.Style.Success,
-                            title: thread.unread ? 'Marked as read' : 'Marked as unread',
+                            title: thread.unread
+                              ? 'Marked as read'
+                              : 'Marked as unread',
                           })
                           revalidate()
                         }}
                       />
                       <Action
-                        title="Archive"
+                        title='Archive'
                         icon={Icon.Tray}
-                        shortcut={{ modifiers: ['ctrl'], key: 'e' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'e',
+                        }}
                         onAction={async () => {
                           const { client } = await getClient([thread.account])
-                          const result = await client.archive({ threadIds: [thread.id] })
+                          const result = await client.archive({
+                            threadIds: [thread.id],
+                          })
                           if (result instanceof Error) {
                             await showFailureToast(result)
                             return
                           }
-                          await showToast({ style: Toast.Style.Success, title: 'Archived' })
+                          await showToast({
+                            style: Toast.Style.Success,
+                            title: 'Archived',
+                          })
                           revalidate()
                         }}
                       />
                       <Action
-                        title={thread.labelIds.includes('STARRED') ? 'Unstar' : 'Star'}
+                        title={
+                          thread.labelIds.includes('STARRED')
+                            ? 'Unstar'
+                            : 'Star'
+                        }
                         icon={Icon.Star}
-                        shortcut={{ modifiers: ['ctrl'], key: 's' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 's',
+                        }}
                         onAction={async () => {
                           const { client } = await getClient([thread.account])
                           const isStarred = thread.labelIds.includes('STARRED')
                           const result = isStarred
-                            ? await client.unstar({ threadIds: [thread.id] })
-                            : await client.star({ threadIds: [thread.id] })
+                            ? await client.unstar({
+                                threadIds: [thread.id],
+                              })
+                            : await client.star({
+                                threadIds: [thread.id],
+                              })
                           if (result instanceof Error) {
                             await showFailureToast(result)
                             return
@@ -944,11 +1190,14 @@ export default function Command() {
                     </ActionPanel.Section>
 
                     {/* Reply & Forward */}
-                    <ActionPanel.Section title="Reply & Forward">
+                    <ActionPanel.Section title='Reply & Forward'>
                       <Action.Push
-                        title="Reply"
+                        title='Reply'
                         icon={Icon.Reply}
-                        shortcut={{ modifiers: ['ctrl'], key: 'r' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'r',
+                        }}
                         target={
                           <ReplyForm
                             threadId={thread.id}
@@ -958,9 +1207,12 @@ export default function Command() {
                         }
                       />
                       <Action.Push
-                        title="Reply All"
+                        title='Reply All'
                         icon={Icon.Reply}
-                        shortcut={{ modifiers: ['ctrl', 'shift'], key: 'r' }}
+                        shortcut={{
+                          modifiers: ['ctrl', 'shift'],
+                          key: 'r',
+                        }}
                         target={
                           <ReplyForm
                             threadId={thread.id}
@@ -971,9 +1223,12 @@ export default function Command() {
                         }
                       />
                       <Action.Push
-                        title="Forward"
+                        title='Forward'
                         icon={Icon.Forward}
-                        shortcut={{ modifiers: ['ctrl'], key: 'f' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'f',
+                        }}
                         target={
                           <ForwardForm
                             threadId={thread.id}
@@ -985,23 +1240,40 @@ export default function Command() {
                     </ActionPanel.Section>
 
                     {/* Copy */}
-                    <ActionPanel.Section title="Copy">
-                      <Action.CopyToClipboard title="Copy Thread ID" content={thread.id} />
-                      <Action.CopyToClipboard title="Copy Subject" content={thread.subject} />
-                      <Action.CopyToClipboard title="Copy Sender Email" content={thread.from.email} />
+                    <ActionPanel.Section title='Copy'>
+                      <Action.CopyToClipboard
+                        title='Copy Thread ID'
+                        content={thread.id}
+                      />
+                      <Action.CopyToClipboard
+                        title='Copy Subject'
+                        content={thread.subject}
+                      />
+                      <Action.CopyToClipboard
+                        title='Copy Sender Email'
+                        content={thread.from.email}
+                      />
                     </ActionPanel.Section>
 
                     {/* Danger */}
                     <ActionPanel.Section>
                       <Action
-                        title="Trash"
+                        title='Trash'
                         icon={Icon.Trash}
                         style={Action.Style.Destructive}
-                        shortcut={{ modifiers: ['ctrl'], key: 'backspace' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'backspace',
+                        }}
                         onAction={async () => {
                           const { client } = await getClient([thread.account])
-                          await client.trash({ threadId: thread.id })
-                          await showToast({ style: Toast.Style.Success, title: 'Trashed' })
+                          await client.trash({
+                            threadId: thread.id,
+                          })
+                          await showToast({
+                            style: Toast.Style.Success,
+                            title: 'Trashed',
+                          })
                           revalidate()
                         }}
                       />
@@ -1010,15 +1282,21 @@ export default function Command() {
                     {/* Utility */}
                     <ActionPanel.Section>
                       <Action
-                        title="Refresh"
+                        title='Refresh'
                         icon={Icon.ArrowClockwise}
-                        shortcut={{ modifiers: ['ctrl', 'shift'], key: 'r' }}
+                        shortcut={{
+                          modifiers: ['ctrl', 'shift'],
+                          key: 'r',
+                        }}
                         onAction={() => revalidate()}
                       />
                       <Action
-                        title="Toggle Detail"
+                        title='Toggle Detail'
                         icon={Icon.Sidebar}
-                        shortcut={{ modifiers: ['ctrl'], key: 'd' }}
+                        shortcut={{
+                          modifiers: ['ctrl'],
+                          key: 'd',
+                        }}
                         onAction={() => setIsShowingDetail((v) => !v)}
                       />
                     </ActionPanel.Section>