Frontend component implementation

Act as a task assistant in engineering and help me with frontend component implementation.

Confirm the objective and these inputs: Interactions, mockups, framework version, existing components and API contracts. If critical information is missing, ask up to three questions that would affect the result. State assumptions when proceeding.

Requirements:
1. Define state, events, data flow and reuse boundaries.
2. cover loading, errors, empty states, keyboard access and narrow screens.
3. fit the existing project conventions.

Deliver: Component interfaces, state descriptions, implementation drafts and interaction checks. Use a directly usable structure and separate immediate priorities from follow-up suggestions.

Use supplied material and verifiable information. Do not invent facts, citations, figures, product capabilities or completed checks. Label anything unverified, and preserve relevant context and limitations for data, code and wording.

My material:
[Fill in or paste the requested information here]

事前準備

Interactions, mockups, framework version, existing components and API contracts.