zele 0.3.13 → 0.3.15

package/src/mail-tui.tsx

@@ -34,8 +34,9 @@ import {
   useNavigation,
   showFailureToast,
 } from 'termcast'
+// @ts-expect-error https://github.com/anomalyco/opentui/pull/614
 import { useTerminalDimensions } from '@opentui/react'
-import { useCachedPromise } from '@termcast/utils'
+import { useCachedPromise, useCachedState } from '@termcast/utils'
 import { useState, useMemo, useCallback, useEffect } from 'react'
 
 import {
@@ -78,6 +79,17 @@ const ACCOUNT_COLORS = [
 const ADD_ACCOUNT = '__add_account__'
 const MANAGE_ACCOUNTS = '__manage_accounts__'
 
+const FOLDER_OPTIONS = [
+  { id: 'inbox', label: 'Inbox', icon: Icon.Envelope },
+  { id: 'sent', label: 'Sent', icon: Icon.PaperAirplane },
+  { id: 'starred', label: 'Starred', icon: Icon.Star },
+  { id: 'drafts', label: 'Drafts', icon: Icon.Pencil },
+  { id: 'archive', label: 'Archive', icon: Icon.Tray },
+  { id: 'spam', label: 'Spam', icon: Icon.ExclamationMark },
+  { id: 'trash', label: 'Trash', icon: Icon.Trash },
+  { id: 'all', label: 'All Mail', icon: Icon.List },
+] as const
+
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
@@ -399,10 +411,19 @@ function ComposeForm({ mode, initialAccount, accounts, onSent }: ComposeFormProp
         ? 'Reply All'
         : 'Reply'
 
-  const bodyPlaceholder =
-    mode.type === 'forward'
-      ? 'Add a message (optional)...'
-      : 'Type your reply...'
+  const bodyPlaceholder = mode.type === 'forward'
+    ? `Add a message (optional)...
+
+---
+
+Best,
+Name`
+    : `Type your reply...
+
+---
+
+Best,
+Name`
 
   const handleSubmit = async (values: { to?: string; body?: string }) => {
     // Validate based on mode
@@ -691,10 +712,26 @@ function ThreadDetail({
 // Main Command
 // ---------------------------------------------------------------------------
 
+const CACHE_NAMESPACE = 'mail-tui'
+
 export default function Command() {
-  const [selectedAccount, setSelectedAccount] = useState('all')
+  const { push } = useNavigation()
+  const [selectedAccount, setSelectedAccount] = useCachedState(
+    'selectedAccount',
+    'all',
+    { cacheNamespace: CACHE_NAMESPACE },
+  )
+  const [activeFolder, setActiveFolder] = useCachedState(
+    'activeFolder',
+    'inbox' as string,
+    { cacheNamespace: CACHE_NAMESPACE },
+  )
   const [searchText, setSearchText] = useState('')
-  const [isShowingDetail, setIsShowingDetail] = useState(true)
+  const [isShowingDetail, setIsShowingDetail] = useCachedState(
+    'isShowingDetail',
+    true,
+    { cacheNamespace: CACHE_NAMESPACE },
+  )
   const [selectedThreads, setSelectedThreads] = useState<string[]>([])
   const [activeMutations, setActiveMutations] = useState(0)
   const isMutating = activeMutations > 0
@@ -721,7 +758,7 @@ export default function Command() {
     pagination,
     revalidate,
   } = useCachedPromise(
-    (query: string, account: string) => {
+    (query: string, account: string, folder: string) => {
       return async ({ cursor }: { page: number; cursor?: MailCursor }) => {
         const accountFilter = account === 'all' ? undefined : [account]
         const clients = await getClients(accountFilter)
@@ -733,6 +770,7 @@ export default function Command() {
           const { email, client } = clients[0]!
           const result = await client.listThreads({
             query: query || undefined,
+            folder,
             maxResults: pageSize,
             pageToken: pageToken || undefined,
           })
@@ -773,6 +811,7 @@ export default function Command() {
 
             const result = await client.listThreads({
               query: query || undefined,
+              folder,
               maxResults: pageSize,
               pageToken: previousByAccount[email] ?? undefined,
             })
@@ -822,7 +861,7 @@ export default function Command() {
         }
       }
     },
-    [searchText, selectedAccount, pageSize],
+    [searchText, selectedAccount, activeFolder, pageSize],
     { keepPreviousData: true },
   )
 
@@ -922,7 +961,7 @@ export default function Command() {
       isLoading={isLoading || accounts.isLoading || isMutating}
       isShowingDetail={isShowingDetail}
       spacingMode={LIST_SPACING_MODE}
-      searchBarPlaceholder='Search emails...'
+      searchBarPlaceholder={`Search ${FOLDER_OPTIONS.find((f) => f.id === activeFolder)?.label ?? 'emails'}...`}
       onSearchTextChange={setSearchText}
       throttle
       pagination={pagination ? { ...pagination, pageSize } : undefined}
@@ -979,7 +1018,7 @@ export default function Command() {
             // Detail panel: latest message body as markdown
             const detail = isShowingDetail ? (
               <List.Item.Detail
-                markdown={`# ${thread.subject}\n\n${thread.snippet}`}
+                markdown={`\n\n${thread.snippet}`}
                 metadata={
                   <List.Item.Detail.Metadata>
                     <List.Item.Detail.Metadata.Label
@@ -1096,6 +1135,16 @@ export default function Command() {
                             onAction={() => setSelectedThreads([])}
                           />
                         </ActionPanel.Section>
+                        <ActionPanel.Section title='Mailbox'>
+                          {FOLDER_OPTIONS.map((f) => (
+                            <Action
+                              key={f.id}
+                              title={f.label}
+                              icon={activeFolder === f.id ? Icon.CheckCircle : Icon.Circle}
+                              onAction={() => setActiveFolder(f.id)}
+                            />
+                          ))}
+                        </ActionPanel.Section>
                         <ActionPanel.Section>
                           <Action
                             title='Refresh'
@@ -1117,17 +1166,25 @@ export default function Command() {
                       // ─────────────────────────────────────────────
                       <>
                         <ActionPanel.Section>
-                          <Action.Push
+                          <Action
                             title='Open Thread'
                             icon={Icon.Eye}
-                            target={
-                              <ThreadDetail
-                                threadId={thread.id}
-                                account={thread.account}
-                                accounts={accountList}
-                                revalidate={revalidate}
-                              />
-                            }
+                            onAction={async () => {
+                              push(
+                                <ThreadDetail
+                                  threadId={thread.id}
+                                  account={thread.account}
+                                  accounts={accountList}
+                                  revalidate={revalidate}
+                                />,
+                              )
+                              if (thread.unread) {
+                                const { client } = await getClient([thread.account])
+                                const result = await client.markAsRead({ threadIds: [thread.id] })
+                                if (result instanceof Error) return
+                                revalidate()
+                              }
+                            }}
                           />
                           <Action
                             title='Select Thread'
@@ -1266,6 +1323,16 @@ export default function Command() {
                             })}
                           />
                         </ActionPanel.Section>
+                        <ActionPanel.Section title='Mailbox'>
+                          {FOLDER_OPTIONS.map((f) => (
+                            <Action
+                              key={f.id}
+                              title={f.label}
+                              icon={activeFolder === f.id ? Icon.CheckCircle : Icon.Circle}
+                              onAction={() => setActiveFolder(f.id)}
+                            />
+                          ))}
+                        </ActionPanel.Section>
                         <ActionPanel.Section>
                           <Action
                             title='Refresh'

package/src/output.ts

@@ -212,17 +212,22 @@ export function printYaml(data: unknown): void {
 }
 
 /**
- * Print a list of items as YAML with optional pagination.
+ * Print a list of items as YAML with optional pagination and summary.
  * Output shape:
+ *   summary: "5 threads (inbox)"
  *   items:
  *     - key: value
  *   next_page: "token"
  */
 export function printList(
   items: Record<string, unknown>[],
-  opts?: { nextPage?: string | null },
+  opts?: { nextPage?: string | null; summary?: string },
 ): void {
-  const doc: Record<string, unknown> = { items }
+  const doc: Record<string, unknown> = {}
+  if (opts?.summary) {
+    doc.summary = opts.summary
+  }
+  doc.items = items
   if (opts?.nextPage) {
     doc.next_page = opts.nextPage
   }

package/bin/zele

@@ -1,27 +0,0 @@
-#!/usr/bin/env sh
-# Shell launcher for zele CLI.
-# Prefers bun (required for the TUI), falls back to node for non-TUI commands.
-# Uses exec so no child process is spawned — the shell is replaced in-place.
-#
-# Shebang uses "#!/usr/bin/env sh" instead of "#!/bin/sh" so that npm's
-# cmd-shim on Windows captures "sh" as the program name (looked up via PATH)
-# rather than the literal "/bin/sh" path which doesn't exist on Windows.
-# Git for Windows provides sh.exe on PATH, making this work cross-platform.
-
-# Resolve symlink (npm/pnpm create symlinks for bin entries)
-SELF="$0"
-if [ -L "$SELF" ]; then
-  LINK="$(readlink "$SELF")"
-  case "$LINK" in
-    /*) SELF="$LINK" ;;
-    *) SELF="$(dirname "$SELF")/$LINK" ;;
-  esac
-fi
-DIR="$(cd "$(dirname "$SELF")" && pwd)"
-CLI="$DIR/../dist/cli.js"
-
-if command -v bun >/dev/null 2>&1; then
-  exec bun "$CLI" "$@"
-else
-  exec node "$CLI" "$@"
-fi

package/src/opentui-react.d.ts

@@ -1,9 +0,0 @@
-// Type patch for @opentui/react.
-//
-// The installed package's .d.ts re-exports are missing the hooks entrypoint,
-// so TS doesn't see `useTerminalDimensions` even though runtime exports it.
-// Keep this minimal and local to avoid sprinkling type assertions in code.
-
-declare module '@opentui/react' {
-  export function useTerminalDimensions(): { width: number; height: number }
-}