Skip to content

Futuristic UI overhaul - #2

Merged
tairea merged 4 commits into
mainfrom
voice-to-graph
Apr 16, 2026
Merged

Futuristic UI overhaul#2
tairea merged 4 commits into
mainfrom
voice-to-graph

Conversation

@tairea

@tairea tairea commented Apr 16, 2026

Copy link
Copy Markdown
Owner

Summary

  • Remove header bar; full-viewport 3D graph with floating glass controls
  • Bottom-center mic button with pulsing ring animation when recording
  • Status pill with live indicator, pencil overlay for avatar editing on node hover
  • Sora font throughout, glass-morphism node labels, canvas-drawn sci-fi avatar placeholder
  • Camera starts further out (z=250) for comfortable initial view
  • Realtime model instructed to briefly acknowledge graph commands
  • CI/CD deploy to VPS on push, relative asset paths for subpath hosting

Test plan

  • Verify mic button starts/stops recording with animation
  • Hover "me" node shows pencil icon, click opens file picker
  • Node labels render in Sora font with glass pill style
  • Default avatar shows blue silhouette, replaced on upload
  • Graph commands (move/delete) acknowledged by realtime model
  • Auto-deploys to experiments.sunriselabs.io/voice-to-graph/

🤖 Generated with Claude Code

Ian Tairea and others added 4 commits April 16, 2026 23:49
Relative paths allow the app to be served under a subpath
(/voice-to-graph/) via nginx reverse proxy. GitHub Action
deploys to VPS on push via SSH.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
When the user says things like "move B1 to A2" or "delete A4",
the realtime model now just says "Done" or "Got it" instead of
getting confused, since the extract endpoint handles the action.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Center the radial gradient in the fallback avatar (was offset upward)
- Set initial camera to z=80 so the "me" node is clearly visible on load
  instead of being a tiny dot from zoomToFit on a single node

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Remove header bar, graph fills full viewport
- Bottom-center mic button with glass morphism and pulsing ring
  animation when recording, stop icon in live state
- Status pill with dot indicator, glows green when live
- Pencil icon overlay on "me" node hover for avatar editing
- Node labels: Sora font, translucent glass pill with blue border
- Canvas-drawn default avatar with glowing blue silhouette matching
  the sci-fi HUD aesthetic
- Camera starts at z=250 for comfortable initial zoom

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@tairea
tairea merged commit 043dd4c into main Apr 16, 2026
1 check passed
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