Stories →

Testing Recap and Summary Components

4 min read

Testing Recap and Summary Components

This is a test page to demonstrate the new recap and summary components.

Basic Usage

Here’s how to use the recap component (now with a cleaner design, different font, no colored sidebar, and right arrow icon):

→ Recap

In the previous chapter, we discussed the fundamental concepts of AI companions and their potential impact on human interaction. We explored how these systems could revolutionize the way we communicate and collaborate.

And here’s how to use the summary component (now matching recap styling with configurable themes):

Summary →

In this chapter, we’ve covered the basic structure and implementation of AI companion systems. In the next chapter, we’ll dive deeper into the technical architecture and explore advanced features like multi-modal interaction and contextual understanding.

Advanced Usage with Custom Labels, Icons, and Themes

You can customize the labels, icons, and themes:

⏰ Chapter Recap

We’ve established the foundation for understanding AI companions and their role in modern society. The key concepts include natural language processing, contextual awareness, and adaptive learning capabilities.

Coming Up Next 🔮

Next, we’ll explore the technical implementation details, including neural network architectures, training methodologies, and real-world deployment considerations. We’ll also discuss ethical implications and safety measures.

Theme Examples

Here are examples of different color themes for summary components (now with forward arrow icons, configurable labels, and darker theme-colored backgrounds for better contrast):

Blue Theme →

This summary uses a blue theme with a darker blue background tint for better contrast against the page background.

Eggplant Theme →

This summary uses an eggplant purple theme with a darker purple background tint for improved visibility.

Orange Theme →

This summary uses an orange theme with a darker orange background tint for warm, energetic content.

Red Theme →

This summary uses a red theme with a darker red background tint for urgent or important content.

Custom Labels and Icons

You can use different labels and icons for different purposes:

Next Chapter ➡️

In the next chapter, we’ll dive deeper into the technical implementation.

Preview 👁️

Here’s a preview of what’s coming up in the next section.

Coming Soon ⏳

Stay tuned for more exciting developments in AI companion technology.

Let’s test the link functionality:

Recap with link=true (should show “Previously” as clickable link):

→ Previously

This recap should show ‘Previously’ as a clickable link.

Summary with link=true (should show “Coming Up Next…” as clickable link):

Coming Up Next... →

This summary should show ‘Coming Up Next…’ as a clickable link.

Summary with link=false (should show “Summary” as plain text):

Summary →

This summary should show ‘Summary’ as plain text.

Multi-paragraph Content

→ Journey So Far

In our journey so far, we’ve covered several important topics:

  • The evolution of AI from simple chatbots to sophisticated companions
  • The psychological aspects of human-AI interaction
  • Technical challenges in creating believable AI personalities
  • Ethical considerations and potential risks

These foundations will be crucial as we move forward into more advanced topics.

Summary →

What We’ve Accomplished

This chapter provided a comprehensive overview of AI companion technology, covering both theoretical foundations and practical applications.

What’s Coming Next

In the upcoming chapters, we’ll explore:

  1. Technical Deep Dive: Neural network architectures and training methods
  2. Real-world Applications: Case studies and implementation examples
  3. Future Directions: Emerging trends and potential breakthroughs
  4. Ethical Framework: Guidelines for responsible AI development

Stay tuned for an exciting exploration of the technical side of AI companions!