Add user profile setup modal for observer information

[hsalaman1]

Summary

This PR introduces a first-launch user profile setup experience that allows users to enter their name and credentials once, which are then automatically populated across all observations. This eliminates the need to manually re-enter observer information for each new observation.

Key Changes

• New UserProfileModal component: A modal dialog that appears on first launch, prompting users to enter their name and optional credentials/title
• New useUserProfile hook: Manages persistent storage of user profile data (name and credentials) in localStorage
• Updated App.jsx:
  • Integrates the profile modal and hook
  • Automatically populates the observer and behavior analyst fields with the saved profile information
  • Restores profile information when clearing observation data
• Updated useObservationStorage hook: Removed hardcoded default observer and behavior analyst names, allowing them to be populated dynamically from user profile

Implementation Details

• The modal only appears when no profile name has been saved (!profile.name)
• The name field is required; credentials are optional
• When a profile is saved, it's automatically applied to both the header.observer and behaviorAnalyst fields
• The full name is formatted as "Name, Credentials" when credentials are provided, or just "Name" otherwise
• Profile data persists across browser sessions via localStorage under the user-profile key
• When clearing all observation data, the saved profile information is restored to the observer fields

https://claude.ai/code/session_015LYAMs72MHK69kmTSVGbKX

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
behavioral-observation-app	Ready	Preview	Apr 3, 2026 3:37pm