cometchat-customization

Customize CometChat React UI kit message bubbles by applying view-slot overrides and message template configuration APIs. Inject custom header, subtitle, empty states, and action menus through the UI composition customization points rather than modifying default components directly.

Filter CometChat conversations using RequestBuilder instances to shape data for users, messages, and groups. Apply request-builder filtering to constrain lists deterministically instead of writing ad-hoc client-side logic to hide unwanted conversation items.

Subscribe to CometChat event topics to wire interaction and realtime hooks for UI updates. Attach click and callback behaviors to drive toasts, unread counters, and event-driven UI behavior for conversations, calls, and group interactions.

Validating Phase A CometChat integration readiness is required before customizing the React UI kit. Confirm deterministic framework initialization is complete, then query the CometChat docs MCP for canonical prop, builder, event, and selector signatures to ensure correct overrides.

The best way to override CometChat UI kit headers and loading states is through component composition APIs. Inject custom header, subtitle, empty, loading, and error view slots using official UI kit props, followed by deterministic code changes and skills-cli verification.