Phase 2: Species Sighting Form & Vernacular Name Input

[tkkr6895]

Description

Create dedicated biodiversity UI components for recording species sightings with structured fields (count, life stage, behaviour, habitat) and capturing user-contributed vernacular names with TEK consent workflows.

Implementation Tasks

• 2.3.1 — Create SpeciesSightingForm.tsx with fields: count/abundance, life stage (seedling/juvenile/adult/flowering/fruiting/dead), behaviour, habitat type, vernacular name input (src/components/biodiversity/SpeciesSightingForm.tsx)
• 2.3.2 — Integrate SpeciesSightingForm into CaptureModal — render when observationType='species_sighting' is selected (src/components/CaptureModal.tsx)
• 2.3.3 — Add TEK consent checkbox with explanation text — appears when traditional use information is entered (src/components/biodiversity/SpeciesSightingForm.tsx)
• 2.3.4 — Create VernacularNameInput.tsx — name field + language selector (Kannada, Tulu, Malayalam, Marathi, Hindi, Tamil, Other) (src/components/biodiversity/VernacularNameInput.tsx)

Acceptance Criteria

• Sighting form renders in CaptureModal when observation type is species_sighting
• Form captures count, life stage, behaviour, and habitat type
• All sighting fields are optional to support quick capture in the field
• TEK consent checkbox appears dynamically when traditional knowledge info is entered
• TEK consent text explains how the data will be used and shared
• VernacularNameInput supports 7 language options with free-text name entry
• Sighting data persists correctly in SpeciesSightingData structure on the observation
• Form data is validated (count must be positive integer, language must be selected with name)

Dependencies

• CaptureModal observation type selector (1.7.1, ✅ complete)
• Species Database (2.1.1–2.1.12) — for species lookup and vernacular name storage
• SpeciesSightingData type definition (1.2.5, ✅ complete)

Relevant Files

• src/components/biodiversity/SpeciesSightingForm.tsx (new)
• src/components/biodiversity/VernacularNameInput.tsx (new)
• src/components/CaptureModal.tsx — integration point
• src/types/index.ts — SpeciesSightingData interface