Skip to content

feat: celebration UI — confetti + modal on certificate mint#5

Open
AzeemCreates wants to merge 3 commits intomainfrom
feature/3d-brain-ui
Open

feat: celebration UI — confetti + modal on certificate mint#5
AzeemCreates wants to merge 3 commits intomainfrom
feature/3d-brain-ui

Conversation

@AzeemCreates
Copy link
Copy Markdown
Collaborator

Summary

  • Add canvas-confetti dependency and fire a confetti explosion over the 3D canvas on successful certificate mint
  • Add a success modal overlay displaying the transaction signature with a clickable Solana Explorer link
  • Claim Certificate button remains disabled until a surgical module is completed (mentor response received)

Test plan

  • Connect Phantom wallet on Devnet, complete a surgical module, click Claim Certificate
  • Verify confetti fires and modal appears with valid explorer link
  • Verify modal dismisses on backdrop click or Close button
  • Verify button stays disabled before completing a module
  • Run npm run build from frontend — confirm clean build

🤖 Generated with Claude Code

AzeemCreates and others added 3 commits April 26, 2026 02:15
Wire canvas-confetti explosion and a success modal with Solana Explorer
link to the existing mint-certificate flow in SurgerySimulator.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…gic, voice coaching

- Add SURGERY_SEQUENCE with 4 locked steps (Frontal → Parietal → Temporal → Occipital)
- Clicking wrong region shows HUD error notification with Anime.js pulse
- Correct region triggers existing /api/neuro-data + /api/mentor pipeline
- Anime.js animates progress bar width, step label slide-in, and HUD background pulse
- Voice coaching calls /api/audio-guide on each step completion (fails silently)
- Claim Certificate button only unlocks after all 4 steps complete (isSurgeryComplete)
- Add lucide-react for Check/Lock/AlertTriangle HUD icons

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…g, and ElevenLabs voice

- New SurgeryRoom component: full-screen immersive surgery environment
- Procedural brain mesh with sulci/gyri displacement (multi-octave noise + sine folds)
- 4 interactive lobe hit zones with sequential lock (Frontal → Parietal → Temporal → Occipital)
- Anime.js camera transitions to focus on active lobe during each procedure
- Each step calls /api/neuro-data (Snowflake RAG) → /api/mentor (Gemini) → /api/audio-guide (ElevenLabs)
- Real-time mentor text overlay and voice coaching audio playback
- Progress HUD with step tracker, animated progress bar, and toast notifications
- "Enter Surgery" button on dashboard opens immersive mode
- Surgery completion syncs back to dashboard, unlocking Claim Certificate
- Lazy-loaded and code-split (11.5 kB own chunk)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant