Skip to content

feat(web/contacts): detail screen with profile, timeline, meetings, tags#45

Merged
gracefullight merged 2 commits intomainfrom
symphony/FIR-26
Mar 21, 2026
Merged

feat(web/contacts): detail screen with profile, timeline, meetings, tags#45
gracefullight merged 2 commits intomainfrom
symphony/FIR-26

Conversation

@gracefullight
Copy link
Member

Summary

  • Add contact detail page at /contacts/[id] with profile (Avatar + SNS), career timeline (Separator + Card), meetings (Table), and tags (Badge + Popover) sections
  • Implement Globe View and Relationship View action buttons
  • Add TanStack Query hooks and API client functions for contacts, experiences, meetings, tags
  • Install shadcn/ui base-nova components (avatar, badge, card, table, separator, popover, button, tabs) with @base-ui/react dependency
  • Migrate Biome config to v2.4.8

Test plan

  • Verify /contacts/[id] page renders with loading state
  • Verify error state shows "Contact not found" with back button
  • Verify profile section displays avatar, name, email/phone, SNS links
  • Verify career timeline renders experience cards with org icons and dates
  • Verify meetings table renders with responsive columns
  • Verify tags display with color badges and add/remove popover
  • Verify Globe View and Relationship View buttons are present
  • Verify tab switching between Timeline, Meetings, Tags
  • Run npx @biomejs/biome check — passes with no new warnings

🤖 Generated with Claude Code

gracefullight and others added 2 commits March 21, 2026 21:43
Add contact detail page at /contacts/[id] with:
- Profile section: avatar with initials fallback, email/phone links, SNS icons
- Career timeline: chronological experience cards with org icons and separator
- Meetings table: responsive table with title, date, location, notes
- Tags section: badge display with color dots, add/remove via popover
- Globe View and Relationship View action buttons
- TanStack Query hooks for contacts, experiences, meetings, tags
- API client functions and TypeScript types for all contact-related entities
- shadcn/ui base-nova components: avatar, badge, card, table, separator, popover, button, tabs
- Biome config migration to v2.4.8

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
# Conflicts:
#	apps/web/package-lock.json
#	apps/web/src/components/ui/avatar.tsx
#	apps/web/src/components/ui/badge.tsx
#	apps/web/src/components/ui/card.tsx
#	apps/web/src/lib/api/contacts.ts
#	apps/web/src/lib/api/index.ts
@gracefullight gracefullight merged commit 20fbba0 into main Mar 21, 2026
2 checks passed
@gracefullight gracefullight deleted the symphony/FIR-26 branch March 21, 2026 11:15
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