Convert ProductForm to react-hook-form with new RHFForm component

[Copilot]

Converts demo/admin/src/products/ProductForm.tsx from FinalForm to react-hook-form and introduces a new RHFForm component in @comet/admin that encapsulates the SaveBoundary wiring pattern.

RHFForm component (@comet/admin)

New component that replaces the manual Savable + handleSubmit + isDirtyRef boilerplate. Requires a SaveBoundary ancestor.

const form = useForm<FormValues>({
    defaultValues: { ... },
    values: formValues,          // drives reset when data loads
    resetOptions: { keepDirtyValues: true },
});

return (
    <RHFForm onSubmit={onSubmit} {...form}>
        <RHFTextField control={form.control} name="title" ... />
    </RHFForm>
);

Internally, RHFForm:

• Wraps children in FormProvider
• Renders an internal SavableRHF that uses useFormContext() + useFormState() to register with SaveBoundary
• Handles <form onSubmit> by delegating to saveBoundaryApi.save()

ProductForm.tsx changes

• Replaced useEffect(() => reset(data, { keepDirtyValues: true }), [data]) with useForm({ values, resetOptions: { keepDirtyValues: true } }) — react-hook-form's built-in mechanism for syncing external data
• Removed manual doSave / isDirtyRef / hasChanges wiring; RHFForm handles all of that
• useSaveConflict is retained; checkForConflicts() is called inside onSubmit
• Not-yet-implemented field types (DateField, SelectField, AsyncSelectField, etc.) remain commented out

Storybook story

Added storybook/src/docs/form/components/ReactHookForm.stories.tsx with EditProductForm and AddProductForm stories using MockedProvider and the same RHFForm pattern.

---

📍 Connect Copilot coding agent with Jira, Azure Boards or Linear to delegate work to Copilot in one click without leaving your project management tool.

[nsams]

@copilot fields should be in library, @comet/admin, and admin has it's own storybook (in the package source) use that.

[Copilot]

@copilot fields should be in library, @comet/admin, and admin has it's own storybook (in the package source) use that.

Done in e1e93fd. RHFTextField and RHFNumberField are now in @comet/admin (packages/admin/admin/src/form/fields/) with their stories co-located in the admin package's storybook under __stories__/. The helper files and stories in the main storybook have been removed.

[nsams]

@copilot move form fields to react-hook-form/fields

[Copilot]

@copilot move form fields to react-hook-form/fields

Done in 0670b69. Both RHFTextField and RHFNumberField (along with their stories) are now under packages/admin/admin/src/form/react-hook-form/fields/.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• iojs.org
  • Triggering command: /usr/bin/curl curl -q --fail --compressed -L -s REDACTED -o - (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)