feat: add toast component using react-aria

[banana-claude]

Summary

• Adds toast notification component using @react-aria/toast and @react-stately/toast
• Supports three intents: default (purple border), success (green), error (red)
• Global showToast() function for displaying toasts from any component
• Stacking support for up to 5 visible toasts
• Auto-dismiss with configurable timeout (default 5s)
• Follows existing codebase patterns (CSS modules, design tokens)

Closes #42

Usage

import { showToast } from 'ui/base/toast';

showToast('Map uploaded');                    // default (purple border)
showToast('Upload complete', 'success');      // green background
showToast('Upload failed', 'error');          // red background
showToast('Processing...', 'default', 10000); // custom 10s duration

Test plan

• Verify toasts appear at top-right of screen
• Verify each intent displays correct colors
• Verify toasts stack when multiple are shown
• Verify close button dismisses toast
• Verify auto-dismiss after timeout
• Verify dark mode styling

Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
paradb	Ready	Preview, Comment	Jan 18, 2026 10:55am

[bitnimble]

@intern use Toast from react-aria-components instead of the hook from react-aria and react-stately

[banana-claude]

Claude finished @bitnimble's task in 2m 41s —— View job

---

Refactoring Toast to use react-aria-components

• Read current toast implementation
• Refactor to use Toast from react-aria-components instead of hooks
• Test the implementation compiles
• Commit and push changes

Refactored to use UNSTABLE_ToastRegion, UNSTABLE_Toast, and UNSTABLE_ToastContent from react-aria-components instead of the useToast and useToastRegion hooks. The implementation is now cleaner and matches the patterns used by other components in the codebase.
· Branch