Skip to content

Proma Agent [ T3 Code ] Add toast notification system with history panel#6629

Closed
1593959 wants to merge 1 commit into
UnsafeLabs:mainfrom
1593959:feat/notification-toast-system
Closed

Proma Agent [ T3 Code ] Add toast notification system with history panel#6629
1593959 wants to merge 1 commit into
UnsafeLabs:mainfrom
1593959:feat/notification-toast-system

Conversation

@1593959

@1593959 1593959 commented Jun 11, 2026

Copy link
Copy Markdown

What

Adds a toast notification system for the web app with a persistent history panel.

Implementation

notificationStore.ts — Zustand store

  • addNotification({ type, title, description, durationMs }) — shows a toast + records in history
  • dismissNotification(id) — removes from history
  • clearHistory() — clears all history
  • Capped at last 50 notifications

NotificationToast.tsx — History panel

  • Bell icon button with unread count badge
  • Click to open slide-down panel
  • Each entry shows: type icon with color, title, description, timestamp
  • "Clear all" button
  • Icons: CircleCheck (success), CircleAlert (error), TriangleAlert (warning), Info (info)
  • Colors match existing theme: text-success, text-destructive, text-warning, text-info

Integration

  • Uses existing toastManager from ~/components/ui/toast for rendering
  • Auto-dismiss defaults to 5s, configurable via durationMs
  • Stacking, animations, and dismiss handled by existing @base-ui/react/toast
  • History panel mounted in __root.tsx app shell

Files changed

  • t3code/apps/web/src/stores/notificationStore.ts (new)
  • t3code/apps/web/src/components/NotificationToast.tsx (new)
  • t3code/apps/web/src/routes/__root.tsx (modified — added import + mount)

Closes #862

/claim #862

Implements a Zustand-based notification store that integrates with the
existing toast system. Adds NotificationHistoryPanel accessible from
the app shell with bell icon and unread count badge.

- notificationStore.ts: Zustand store with addNotification,
  dismissNotification, clearHistory (last 50 entries)
- NotificationToast.tsx: History panel with icon/color per type,
  timestamps, clear-all button
- Wired into __root.tsx app shell

Closes UnsafeLabs#862

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

Unfortunately the changes in this PR didn't fully resolve the issue. Please rework your solution and submit a new pull request.

Make sure to review the acceptance criteria in the linked issue and verify all conditions are met before resubmitting. See CONTRIBUTING.md for guidelines.

@github-actions github-actions Bot closed this Jun 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ T3 Code ] Add toast notification system with history panel

2 participants