Week 13 - Enhanced toast notifications and conversation deletion

May 25th, 2025


Welcome back to the 120.dev development blog! This week we've focused on refining our user experience through native notification systems and improved conversation deletion.

Database-level conversation removal

As our 120 AI Chat app evolves, we've implemented robust features that provide users with greater control over their conversation history. Data privacy and user agency remain core principles in our development approach.

We've developed a conversation deletion feature that completely removes conversations from the database, ensuring no trace of deleted content remains in our systems. This implementation goes beyond simple "soft deletion" (marking records as deleted) to provide true data removal while incorporating a Toast notification to prevent accidental deletion.

New deletion interface

Users can now delete conversations with an intuitive right-click interface. Here is how the user experience flow looks like:

  1. Right-click on any conversation title in the sidebar
  2. Select "Delete" from the context menu
  3. Confirm deletion by pressing Enter or clicking the confirmation button

This streamlined workflow allows quick action directly from the conversation list, eliminating the need to navigate through multiple screens or settings panels.

Toast component - Dark mode compatibility

We've implemented a sophisticated color palette for our Toast component that seamlessly integrates with the theme mode settings introduced in Week 11. While our previous implementation focused on basic visibility, this update ensures toast notifications maintain perfect clarity across all theme preferences (Dark, Light, and System). The careful color implementation maintains readability and visual comfort, providing a consistent experience whether you're using dark mode late at night or light mode during the day.

All color combinations meet WCAG 2.1 AA contrast requirements, ensuring readability for users with visual impairments. The color choices also account for common forms of color blindness, using distinct brightness levels and visual patterns beyond color alone.

Toast component - Stacked toast management

Our enhanced Toast system now supports stacking of multiple notifications. When multiple toasts are triggered (whether from the top or bottom positions introduced in Week 11), they stack vertically with smooth animations, creating a streamlined notification experience. Users can close individual or subsequent toasts without affecting the entire notification queue, maintaining a clear information hierarchy and preventing notification overload.

Looking forward

Next week, we'll continue enhancing our component library and 120 AI Chat’s features with exciting updates including:

  • Text component improvements: Our text component will support varied font sizes within the same text block, enabling emphasis and visual hierarchy without disrupting content flow.
  • Web browsing integration: We're adding the ability to search the web directly within conversations.
  • Contextual messaging: Our chat system will include the previous messages as context for more coherent AI responses.

We can't wait to share these innovations with you next week. Thanks for following us on our development journey at 120.dev!


Get updates on new features, performance improvements directly in your inbox.

Never miss a release note or roadmap announcement.