Skip to main content
DelightBridge uses AI to help you respond to customer emails faster and more consistently. The AI reads the full conversation context, references your documentation, and generates professional, empathetic replies in the customer’s language.

​
Automatic Draft Generation

When you open an inbox thread for the first time, DelightBridge automatically generates a draft reply.

​
How It Works

1

Thread Analysis

AI reads the entire email conversation, including:
  • All previous messages (inbound and outbound)
  • Customer’s name and email
  • Message timestamps and direction
  • Any context clues from the conversation
2

Context Integration

AI consults your configured resources:
  • Reference Documents: FAQs, policies, help articles (Markdown format)
  • Service Signature: Your HTML email signature
  • Categories: Available category options for classification
3

Draft Creation

AI generates a complete response that:
  • Uses the customer’s first name
  • Matches the customer’s language (English, Korean, Japanese, etc.)
  • Follows your documentation guidelines
  • Maintains an empathetic, professional tone
  • Automatically appends your configured signature
4

Categorization

AI assigns the thread to the most appropriate category based on content analysis.
Draft generation is triggered automatically when you open a thread with status “inbox” that doesn’t already have a draft. See implementation in MainLayout.tsx:389.

​
Generation Indicator

While AI is generating your draft: 
┌─────────────────────────────────────────────┐
│                                              │
│           [Spinning animation]               │
│                                              │
│         Generating draft...                  │
│     AI is reading the conversation           │
│                                              │
└─────────────────────────────────────────────┘
Generation typically takes 2-5 seconds depending on conversation length.

​
Draft Editor

Once generated, the draft appears in a rich text editor with full formatting capabilities.

​
Formatting Toolbar

Basic text styling options:
  • Bold (⌘B / Ctrl+B)
  • Italic (⌘I / Ctrl+I)
  • Underline (⌘U / Ctrl+U)
  • Strikethrough
Keyboard shortcuts work as expected for power users.

​
Email Headers

The draft editor displays key email information at the top:
FieldDescription
ToCustomer’s email address (read-only)
FromYour service email address (read-only)
ReSubject line (defaults to “Re: [original subject]“)

​
Auto-Save

Changes to your draft are automatically saved:
  • Save Delay: 500ms after you stop typing
  • Save Indicator: Shows “Saving…” then ”✓ Saved” when complete
  • Persistence: Drafts are stored in the database and survive page refreshes
Implementation: DraftEditor.tsx:62-71

​
Talk to Draft

Refine your draft using natural language instructions. The AI understands what you want and updates the draft accordingly.

​
Using Talk to Draft

1

Expand the Panel

Click “Talk to Draft” below the thread view to expand the instruction panel.
2

Enter Instructions

Type what you want changed in plain language:
  • “Make it more concise”
  • “Add step-by-step instructions”
  • “Use a more formal tone”
  • “Mention our 30-day refund policy”
3

Apply Changes

Press ⌘↵ (Mac) or Ctrl+Enter (Windows), or click “Apply”.
4

Review Updates

The draft updates in place. If needed, use Talk to Draft again to refine further.

​
Quick Prompts

Click any quick prompt button to instantly populate the instruction field:

Make it more concise

Shortens the response while keeping key points

Make it more formal

Adjusts tone for professional or executive audiences

More empathetic tone

Adds warmth and understanding to the response

Add step-by-step instructions

Breaks down the solution into numbered steps

​
How It Works Behind the Scenes

When you submit an instruction:
  1. AI receives:
    • Your current draft content
    • The instruction you entered
    • The original email thread for context
  2. AI rewrites the draft to incorporate your changes
  3. The updated draft replaces the current one
  4. Your instruction is not visible to the customer
API endpoint: src/app/api/draft/talk/route.ts
You can use Talk to Draft multiple times to iteratively refine your response. Each instruction builds on the current draft state.

​
Translation Features

DelightBridge provides automatic translation to support multilingual customer communication.

​
Incoming Message Translation

When a customer sends an email in a non-Korean language:
  1. Auto-Detection: AI detects the message is not in Korean (using isKorean() utility from utils.ts:83)
  2. Auto-Translate: The message is automatically translated to Korean in the background
  3. Toggle Display: Click “See translation” below the message to view the Korean version
  4. Side-by-Side: Original and translation are both accessible
Implementation: ThreadView.tsx:50-59

​
Draft Translation Preview

Translate your draft reply to see how it reads in Korean:
1

Open Translation Panel

Click “번역 미리보기” (Translation Preview) below the draft editor.
2

Generate Translation

If not already generated, click “번역 생성” (Generate Translation) or the refresh icon.
3

Review

The Korean translation appears in a light beige panel for easy comparison.
4

Refresh if Needed

If you edit the draft, click refresh to update the translation.
The translation is for your reference only. The actual email sent to the customer will be in the language you wrote in the editor.

​
Language Detection

AI automatically detects the language of incoming emails and generates replies in that same language. Supported languages include:
  • English
  • Korean (한국어)
  • Japanese (日本語)
  • Chinese (中文)
  • Spanish (Español)
  • French (Français)
  • German (Deutsch)
The detectedLanguage field is stored with each thread for reference (see types.ts:89).

​
Regenerate Draft

If you’re not satisfied with the generated draft, you can regenerate it from scratch.

​
When to Regenerate

  • The tone doesn’t match your brand
  • AI missed key context from your reference documents
  • You’ve updated your reference documents and want to apply changes
  • The categorization is incorrect

​
How to Regenerate

  1. Click the “Regenerate” button with the refresh icon in the draft editor
  2. AI generates a completely new draft using the latest context
  3. Previous draft content is replaced (make sure you don’t have unsaved manual edits)
  4. AI may assign a different category based on re-analysis
If you’ve made manual edits you want to keep, use Talk to Draft instead of regenerating. Regenerate discards all current draft content.

​
Draft Attachments

Current Status: The attachment UI is present in the editor, but attachment sending via Gmail API is not yet implemented. Attachments added in the UI will not be sent with emails.
DelightBridge’s draft editor includes UI for managing attachments (paperclip and image icons in the toolbar). The attachment interface allows you to:
  • Select files from your computer
  • Preview attached files as chips below the editor
  • Remove attachments before sending
However, the Gmail API integration for sending attachments is planned for a future release. Currently, only the email body and subject are sent via the Gmail API.

​
Best Practices

Help AI generate better drafts:
  • Keep reference docs up-to-date with current policies
  • Use clear headings and bullet points in Markdown
  • Include common scenarios and their ideal responses
  • Add tone guidelines (e.g., “Always thank the customer first”)
Example:
# Refund Policy
- Within 7 days: Full refund, no questions asked
- 7-30 days: Store credit only
- After 30 days: Contact support for case-by-case review

## Tone
Always express empathy before explaining policy.
Set up categories that reflect common request types:
  • AI uses categories to understand context and tailor responses
  • Well-named categories help with reporting and team workflows
  • Keep the category list focused (5-10 categories is ideal)
AI-generated drafts are starting points, not finished emails:
  • Always read the full draft before sending
  • Check for factual accuracy (especially dates, numbers, links)
  • Ensure tone matches your brand guidelines
  • Use Talk to Draft for quick refinements
  • Personalize with customer-specific details if needed
Get the perfect response with Talk to Draft:
  • Start with the auto-generated draft
  • Use Talk to Draft to adjust tone or add content
  • Make final manual edits in the editor
  • Save time compared to writing from scratch

Email Management

Learn about multi-account inbox and thread organization

Service Management

Configure reference documents and signatures for AI to use

Build docs developers (and LLMs) love

Get started for freeTalk to us