Thin wrapper around `` that preconfigures it for Help Center ticket creation, managing local Subject field state and wiring submission to `useTicketActions.submitTicket`. ## Key Components ### `HelpCenterCreateForm` Main form component that composes `` with ticket-specific behavior: - Hides contact-only fields (`name`, `email`, `companySize`, `referralSource`, `helpCategory`) - Injects a locally-managed `Subject` input via `extraTopField` - Pre-fills hidden fields from `sessionName`/`sessionEmail` so Zod validators pass silently - Routes submission through `actions.submitTicket()` into the optimistic-placeholder flow ### `HelpCenterCreateFormSkeleton` Pixel-accurate loading placeholder that mirrors the real form's layout to prevent layout shift (CLS) while session identity resolves. Includes four hidden `` elements to replicate `space-y-*` sibling counting behavior from ``. ### `HelpCenterCreateFormProps` | Prop | Type | Description | |---|---|---| | `actions` | `UseTicketActionsReturn` | Full actions bag from `useTicketActions` | | `sessionName` | `string` | Resolved session display name | | `sessionEmail` | `string` | Resolved session email | | `supportSystemDown` | `boolean?` | Disables all inputs when HubSpot is unavailable | ## Usage Example ```typescript import { HelpCenterCreateForm, HelpCenterCreateFormSkeleton } from './help-center-create-form' import { useTicketActions } from './hooks/use-ticket-actions' import { useChatIdentity } from '../hooks/use-chat-identity' function HelpCenterList() { const actions = useTicketActions() const identity = useChatIdentity() if (identity.isLoading) { return } return ( ) } ``` > **Note:** Pass `sessionName`/`sessionEmail` from the parent rather than calling `useChatIdentity` again inside this component — a second hook call mounts with stale defaults, causing Zod to silently reject submission with an empty email.