contact-face

What problem does it solve?

Debug, modify, or extend the Contact cube face — the left face of the 3D cube UI in home/page.tsx. Use when asked to fix contact add/remove bugs, add new contact sections, update contact API routes, or change contact UI/UX.

Core Features & Use Cases

• File Map: UI state and handlers live in client/src/app/home/page.tsx; API helpers are in client/src/lib/api.ts; i18n strings are in client/src/lib/i18n.ts; server routes live in server/src/routes/contacts.ts; DB query helper is server/src/services/db.ts; and a DB schema reference is available at client/create_cubcha_v1.sql.
• State, Types, and Schema: State variables, TS types, DB schema, i18n keys, and CSS classes are documented in state-reference.md.
• API & Procedures: Server endpoints for contacts (get/add/remove/request) and related stored procedures are described in the skill content; the privacy rules prevent exposing private user existence.
• Features Not Yet Implemented: Chat from contact list, contact requests, block/unblock, and pending/approved/rejected UI states are NYI.
• Common Mistakes: A reference to avoid optimistic UI, proper SP unwraps, and proper i18n coverage across languages.

Quick Start

Start by inspecting the Contact Face UI in client/src/app/home/page.tsx and reproduce the issue to begin debugging.