Major layout changes:
- Remove Card wrappers and padding from all main pages for full-width content
- Add proper spacing between tab bars and content (24px)
- Fix mobile layout issues and button positioning
Header improvements:
- Replace avatar dropdown with direct Person icon link to My Account
- Move Settings and Logout to My Account page as new tab and bottom button
- Clean up unused menu components and imports
New Group Info functionality:
- Create GroupInfoPage with full group description, member list, and invite button
- Make Info icon in GroupDetailPage navigate to new info page
- Maintain all existing invite functionality (type name/email or select from network)
- Add proper routing and contact selection flow
Layout fixes:
- Remove horizontal padding from main content areas
- Fix vertical alignment issues in group headers on mobile
- Add right margin to prevent buttons from touching screen edge
- Simplify map view by removing duplicate frames and titles
Code cleanup:
- Remove unused imports (Paper, People, Container, formatDate)
- Remove unused functions (handleInviteToGroup, renderFeedContent, renderActivityView)
- Fix TypeScript errors and ensure clean build
- Remove @ts-nocheck and improve type safety
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Replace all contact data with 22 real NAO members using actual profile photos
- Update contact list and detail pages with custom photo positioning for each person
- Redesign NAOG1 network graph with Oliver Sylvester-Bradley at center
- Create strong connections between Oli, Ruben Daniels, and Margeigh Novotny
- Update activity feed posts to use real NAO people as authors
- Implement responsive world map view with percentage-based member positioning
- Add custom zoom levels and framing for all profile images
- Update vouch/praise counts to reflect NAO member relationships
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Rename navigation from Feed to Home with Dashboard icon
- Convert notifications from popup to dedicated page
- Restructure Account page tabs: Profile, My Cards, My Webpage, My Stream, My Bookmarks
- Fix mobile layout with edge-to-edge design and proper padding
- Remove scroll buttons from tabs to eliminate left margin gap
- Update My Bookmarks filters to display side-by-side on mobile
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
FEATURES:
- NAO membership status indicators with distinct visual styling:
* Green "NAO Member" chip for existing members
* Orange "Invited" chip for pending invitations
* No indicator for contacts not yet invited
- Invite buttons for non-members to easily send NAO invitations
- Smart button placement that doesn't interfere with selection mode
VISUAL DESIGN:
- Color-coded status chips with icons (CheckCircle, Schedule)
- Consistent styling with existing contact chips
- Invite button with Send icon for clear action indication
- Proper spacing and alignment in contact cards
DATA STRUCTURE:
- Extended Contact interface with naoStatus, invitedAt, joinedAt fields
- Sample data includes different membership states for testing
- Auto-navigation to invitation page with contact details pre-filled
FUNCTIONALITY:
- Invite button navigates to /invite with contact name and email pre-filled
- Status indicators help users quickly identify network coverage
- Maintains existing selection mode functionality for group invitations
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Created plant logo SVG for Community Garden group
- Fixed AI popup to only appear for new users from invitations
- Added "Select from your network" button to invite form
- Implemented contact selection flow with prefilled data
- Fixed TypeScript build errors (Divider import, unused variable)
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## New Features
- **Animated Morpho Butterfly**: Vector-based butterfly with realistic wing flapping animation
- **Personalized AI Assistant**: Welcomes users by first name from invitation flow
- **Post-inquiry Action Buttons**: Interactive buttons for network import, security setup, and platform features
- **Enhanced Invitation System**: Complete invite form with relationship type selection
- **Improved Invitation Messages**: First-person language and simplified security guidance
## UI/UX Improvements
- **80% Dialog Size**: AI assistant now uses 80% of viewport for better usability
- **Mobile-Responsive Layout**: Action buttons stack properly on mobile group pages
- **Optimized Input Position**: AI input field moved to bottom for more conversation space
- **Visual Consistency**: White backgrounds with blue borders for group avatars
## Technical Enhancements
- **NAOG1 Group**: Added as first group with custom butterfly logo and governance description
- **Parameter Passing**: Fixed invitation flow to properly pass user first names
- **TypeScript Fixes**: Resolved all build errors across components
- **Component Architecture**: New reusable components for AI rating, invite forms, and group tours
## Files Changed
- Created: AnimatedMorphoButterfly, AIResponseRating, InviteForm, GroupTour components
- Enhanced: GroupDetailPage with full AI assistant integration and mobile layout
- Updated: SocialContractPage, OnboardingPage, InvitationPage with personalized messaging
- Added: NAOG1 group data and custom butterfly logo SVG
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Restore single Import button on ContactListPage that navigates to ImportPage
- Add Gmail as third import option on ImportPage (Contacts, Gmail, LinkedIn)
- Fix TypeScript build errors by resolving import conflicts
- Remove unused variables and clean up component exports
- Ensure all builds pass successfully
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Major changes:
- Remove Post+ button from desktop left menu and mobile bottom navigation
- Add floating action button to Feed page and Group feed tabs
- Create PostCreateButton component with popup for post type selection
- Add Social Contract page for invite flow with high-trust messaging
- Update Group Detail page with expandable feed and better UX
- Enhance invitation flow with group-specific context
- Update group mock data with appropriate professional logos
Features:
- Post type selector popup (Post, Offer, Want) with color-coded icons
- Context-aware posting (main feed vs group-specific)
- Responsive FAB positioning (avoids mobile bottom nav)
- Social contract for authentic professional networking
- Group-specific invitation experience
- Improved navigation structure
Technical:
- New PostCreateButton component with Material-UI dialog
- Enhanced GroupDetailPage with tabs and post functionality
- Updated routing for social contract in onboarding flow
- Better TypeScript interfaces for group posts and links
- Responsive design considerations for mobile and desktop
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Claude Code Assistant