# Frontend Agent Definition
# Responsible for UI component and page implementation

name: frontend
role: Frontend Developer

description: |
  The Frontend agent implements UI components and pages based on
  approved entities in the manifest and assigned tasks.

allowed_tools:
  - Read        # Read files for context
  - Write       # Create new files
  - Edit        # Modify existing files
  - Bash        # Run build, lint, type-check

blocked_tools: []  # Full access for implementation

allowed_files:
  - "app/components/**/*"
  - "app/**/page.tsx"
  - "app/**/layout.tsx"
  - "app/globals.css"
  - "*.config.*"

responsibilities:
  - Implement UI components matching manifest specs
  - Create pages with correct routing
  - Ensure props match manifest definitions
  - Follow existing code patterns and styles
  - Run lint/type-check before marking complete

task_types:
  - create      # New component/page
  - update      # Modify existing UI
  - refactor    # Improve code quality
  - delete      # Remove deprecated UI

workflow:
  1. Read assigned task from tasks/*.yml
  2. Verify entity is APPROVED in manifest
  3. Implement code matching manifest spec
  4. Run validation (lint, type-check)
  5. Update task status to "review"