Skip to main content

​
Overview

Echoes of the Past features a curated catalog of historical figures from various fields and time periods. Each figure is brought to life with authentic personality traits, knowledge bases, and speaking styles derived from historical records.

​
Browsing the Catalog

The Historical Figures catalog is your gateway to conversations with the past:

​
Accessing the Catalog

  1. Navigate to your Dashboard after logging in
  2. The catalog displays all available historical figures
  3. Use the search and filter tools to find specific figures
  4. Switch between grid and list views for your preferred layout
Grid View displays figures as visual cards:
  • Large portrait images
  • Name and brief description
  • Category badge
  • “Start Call” button prominently displayed
  • Optimized for browsing and visual discovery
  • Responsive layout (1 column on mobile, 2 on tablet, 3 on desktop)

​
Search and Filter

​
Search Functionality

Find specific figures using the search bar:
  • Search by name: Type any part of a figure’s name
  • Search by category: Search for “scientists”, “artists”, etc.
  • Real-time filtering: Results update as you type
  • Case-insensitive: Search works with any capitalization
The search function looks through both the figure’s name and their category, making it easy to find exactly who you’re looking for.

​
View Toggle

Switch between viewing modes with the View Toggle button:
  • Grid icon for grid view
  • List icon for list view
  • Your preference is maintained during your session

​
Historical Figure Categories

Echoes of the Past organizes figures into distinct categories, each representing a different field of human achievement:

​
Scientists

Engage with pioneering minds who advanced human knowledge:
  • Physics and mathematics innovators
  • Medical researchers and physicians
  • Chemists and biologists
  • Astronomers and cosmologists
  • Natural scientists and explorers
Example conversations:
  • Discuss groundbreaking theories and discoveries
  • Learn about scientific methods and experiments
  • Understand the historical context of their work
  • Explore how their discoveries shaped modern science

​
Figure Profiles

Each historical figure has a detailed profile that includes:

​
Profile Information

Visual Identity

  • Portrait: High-quality historical image
  • Name: Full name of the figure
  • Category Badge: Color-coded category indicator

Background

  • Description: Brief biography and achievements
  • Notable Works: Key accomplishments and creations
  • Era: Historical time period

Voice Profile

  • Voice Selection: Carefully matched voice characteristics
  • Speaking Style: Personality traits reflected in conversation
  • Language: Vocabulary and expressions of their era

Interaction

  • System Prompt: Custom AI personality configuration
  • First Message: Unique greeting for each figure
  • Conversation Topics: Areas of expertise and interest

​
Figure Card Features

​
Grid View Cards

Each card in grid view includes: 
// Card components from historical-card-view.tsx
- Background gradient overlay
- Category badge at the top
- Portrait image
- Figure name
- Brief description
- "Start Call" button with hover effects
Cards feature a backdrop blur effect and subtle animations on hover, creating an engaging browsing experience.

​
List View Cards

List view provides:
  • Compact horizontal layout
  • Quick-scan information
  • Smaller but clear portraits
  • Inline “Start Call” button
  • More figures visible per screen

​
Starting Conversations

From any figure’s card:
  1. Click “Start Call” on the figure’s card
  2. You’re redirected to /app/call/[figureId]
  3. The call interface loads with:
    • The figure’s portrait and name
    • Their custom voice configuration
    • Their personalized system prompt
    • Their unique first message
  4. The conversation begins automatically
Each figure has a unique conversation URL, making it easy to bookmark your favorite historical figures.

​
Adding Custom Figures

Echoes of the Past supports adding custom historical figures (available to administrators):

​
Required Information

1

Basic Details

  • Full name
  • Category selection (scientists/artists/philosophers/leaders/others)
  • Brief description
2

Visual Assets

  • Portrait image URL
  • Image should be high quality
  • Aspect ratio optimized for cards
3

Voice Configuration

  • Browse ElevenLabs voice library
  • Search and preview available voices
  • Select voice that matches the figure’s characteristics
  • Voice ID and name are saved
4

Personality Setup

  • Notable works and achievements
  • Historical context
  • Speaking style preferences
  • Knowledge areas

​
Voice Selection Process

The voice selection dialog provides:
  • Search capability: Find voices by name or characteristics
  • Voice preview: Click to hear sample audio before selecting
  • Pagination: Browse through extensive voice library
  • Metadata: See voice details like gender, age, accent
  • Real-time filtering: Search results update as you type
When selecting a voice for a historical figure:
  1. Consider historical accuracy: Match the figure’s gender, age, and regional accent
  2. Test multiple options: Preview several voices before deciding
  3. Think about personality: Choose voices that reflect their speaking style
  4. Consider clarity: Ensure the voice is clear and easy to understand
  5. Match the era: Older voices for ancient figures, clearer for recent ones

​
Catalog Organization

The catalog is organized for easy discovery:

​
Sorting

  • Default: Most recently added figures first
  • Database order: createdAt field, descending
  • Ensures new additions are immediately visible

​
Empty States

When no figures match your search:
  • Clear “No historical figures found” message
  • Dashed border container for visual clarity
  • Helpful text suggesting search refinement

​
Technical Details

​
Data Structure

Historical figures include these key fields: 
interface HistoricalFigure {
  id: string                 // Unique identifier
  name: string              // Full name
  category: Category        // scientists | artists | philosophers | leaders | others
  description: string       // Biography and achievements
  imageUrl: string          // Portrait image
  voiceId: string          // ElevenLabs voice ID
  notableWork?: string     // Comma-separated achievements
  createdAt: Date          // When added to catalog
}

​
Categories Enum

The platform uses a type-safe category system: 
const CATEGORIES = {
  SCIENTISTS: 'scientists',
  ARTISTS: 'artists',
  PHILOSOPHERS: 'philosophers',
  LEADERS: 'leaders',
  OTHERS: 'others',
}

​
Tips for Exploration

Discover New Figures

  • Browse without searching to discover figures you didn’t know about
  • Try different categories to expand your knowledge
  • Use grid view for visual browsing

Find Specific Figures

  • Use search for figures you know you want to talk to
  • Filter by category to narrow down options
  • Use list view for efficient scanning

Plan Your Learning

  • Explore related figures in the same category
  • Compare perspectives across different eras
  • Build a conversation series around a theme

Maximize Value

  • Read descriptions before starting calls
  • Note the notable works to ask about
  • Bookmark interesting figures for later

​
Next Steps

Voice Conversations

Learn how to have engaging voice conversations

Interactive Quizzes

Test your knowledge with figure-based quizzes

Build docs developers (and LLMs) love

Get started for freeTalk to us