task_id: task_component_user_menu
entity_id: component_user_menu
workflow_version: v002
created_at: "2025-12-18T17:08:00"
status: completed
agent: frontend

entity:
  type: component
  name: UserMenu
  file_path: components/UserMenu.tsx

description: |
  Create a UserMenu component that displays authentication state.
  Shows Login/Register buttons for guests, profile info for logged-in users.

file_paths:
  to_create:
    - components/UserMenu.tsx

reference_files:
  - components/AuthForm.tsx  # Auth patterns
  - lib/auth.ts  # Auth utilities if exists

implementation_notes: |
  - Use 'use client' directive
  - For now, use a simple mock auth state (no real auth yet)
  - Render login/register links when not authenticated
  - Render user avatar placeholder and profile link when authenticated
  - Style consistent with dark theme (zinc-950 background)
  - Login button: outline style
  - Register button: filled gradient (purple-600 to pink-600)

acceptance_criteria:
  - Component exports UserMenu function
  - Shows Login/Register when not authenticated
  - Shows user info when authenticated
  - Links navigate correctly

dependencies: []