diff --git a/.server-changes/conform-v1.md b/.server-changes/conform-v1.md
new file mode 100644
index 0000000000..5e18782946
--- /dev/null
+++ b/.server-changes/conform-v1.md
@@ -0,0 +1,6 @@
+---
+area: webapp
+type: improvement
+---
+
+Upgrade the dashboard form layer from `@conform-to` 0.9 to 1.x. conform 1.x supports both zod 3 and zod 4, which unblocks the upcoming zod 4 upgrade.
diff --git a/apps/webapp/app/components/Feedback.tsx b/apps/webapp/app/components/Feedback.tsx
index 0848359e21..f8b4e8b398 100644
--- a/apps/webapp/app/components/Feedback.tsx
+++ b/apps/webapp/app/components/Feedback.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getSelectProps, getInputProps, getTextareaProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { InformationCircleIcon, ArrowUpCircleIcon } from "@heroicons/react/20/solid";
 import { EnvelopeIcon, ShieldCheckIcon } from "@heroicons/react/24/solid";
 import { Form, useActionData, useLocation, useNavigation, useSearchParams } from "@remix-run/react";
@@ -34,11 +34,11 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
   const navigation = useNavigation();
   const [type, setType] = useState<FeedbackType>(defaultValue);
 
-  const [form, { path, feedbackType, message }] = useForm({
+  const [form, fields] = useForm({
     id: "accept-invite",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onInput",
   });
@@ -47,8 +47,7 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
     if (
       navigation.formAction === "/resources/feedback" &&
       navigation.state === "loading" &&
-      form.error === undefined &&
-      form.errors.length === 0
+      (form.errors === undefined || form.errors.length === 0)
     ) {
       setOpen(false);
     }
@@ -90,9 +89,9 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
             type === "concurrency" ||
             type === "hipaa"
           ) && <hr className="border-grid-dimmed" />}
-          <Form method="post" action="/resources/feedback" {...form.props} className="w-full">
+          <Form method="post" action="/resources/feedback" {...getFormProps(form)} className="w-full">
             <Fieldset className="max-w-full gap-y-3">
-              <input value={location.pathname} {...conform.input(path, { type: "hidden" })} />
+              <input value={location.pathname} {...getInputProps(fields.path, { type: "hidden" })} />
               <InputGroup className="max-w-full">
                 {type === "feature" && (
                   <InfoPanel
@@ -149,7 +148,7 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
                   </InfoPanel>
                 )}
                 <Select
-                  {...conform.select(feedbackType)}
+                  {...getSelectProps(fields.feedbackType)}
                   variant="tertiary/medium"
                   value={type}
                   defaultValue={type}
@@ -164,14 +163,14 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
                     </SelectItem>
                   ))}
                 </Select>
-                <FormError id={feedbackType.errorId}>{feedbackType.error}</FormError>
+                <FormError id={fields.feedbackType.errorId}>{fields.feedbackType.errors}</FormError>
               </InputGroup>
               <InputGroup className="max-w-full">
                 <Label>Message</Label>
-                <TextArea {...conform.textarea(message)} />
-                <FormError id={message.errorId}>{message.error}</FormError>
+                <TextArea {...getTextareaProps(fields.message)} />
+                <FormError id={fields.message.errorId}>{fields.message.errors}</FormError>
               </InputGroup>
-              <FormError>{form.error}</FormError>
+              <FormError>{form.errors}</FormError>
               <FormButtons
                 confirmButton={
                   <Button type="submit" variant="primary/medium">
diff --git a/apps/webapp/app/components/errors/ConfigureErrorAlerts.tsx b/apps/webapp/app/components/errors/ConfigureErrorAlerts.tsx
index 32ed778f87..49ac595491 100644
--- a/apps/webapp/app/components/errors/ConfigureErrorAlerts.tsx
+++ b/apps/webapp/app/components/errors/ConfigureErrorAlerts.tsx
@@ -1,5 +1,5 @@
-import { conform, list, requestIntent, useFieldList, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   EnvelopeIcon,
   GlobeAltIcon,
@@ -104,10 +104,10 @@ export function ConfigureErrorAlerts({
     existingWebhooks.length > 0 ? [...existingWebhooks.map((w) => w.url), ""] : [""]
   );
 
-  const [form, { emails, webhooks, slackChannel, slackIntegrationId }] = useForm({
+  const [form, fields] = useForm<z.infer<typeof ErrorAlertsFormSchema>>({
     id: "configure-error-alerts",
     onValidate({ formData }) {
-      return parse(formData, { schema: ErrorAlertsFormSchema });
+      return parseWithZod(formData, { schema: ErrorAlertsFormSchema });
     },
     shouldRevalidate: "onSubmit",
     defaultValue: {
@@ -115,9 +115,10 @@ export function ConfigureErrorAlerts({
       webhooks: webhookFieldValues.current,
     },
   });
+  const { emails, webhooks, slackChannel, slackIntegrationId } = fields;
 
-  const emailFields = useFieldList(form.ref, emails);
-  const webhookFields = useFieldList(form.ref, webhooks);
+  const emailFields = emails.getFieldList();
+  const webhookFields = webhooks.getFieldList();
 
   return (
     <div className="grid h-full grid-rows-[auto_1fr_auto] overflow-hidden">
@@ -138,7 +139,7 @@ export function ConfigureErrorAlerts({
       <fetcher.Form
         method="post"
         action={formAction}
-        {...form.props}
+        {...getFormProps(form)}
         className="contents"
       >
         <div className="flex-1 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600">
@@ -160,7 +161,7 @@ export function ConfigureErrorAlerts({
                   {emailFields.map((emailField, index) => (
                     <Fragment key={emailField.key}>
                       <Input
-                        {...conform.input(emailField, { type: "email" })}
+                        {...getInputProps(emailField, { type: "email" })}
                         placeholder={index === 0 ? "Enter an email address" : "Add another email"}
                         icon={EnvelopeIcon}
                         onChange={(e) => {
@@ -169,11 +170,11 @@ export function ConfigureErrorAlerts({
                             emailFields.length === emailFieldValues.current.length &&
                             emailFieldValues.current.every((v) => v !== "")
                           ) {
-                            requestIntent(form.ref.current ?? undefined, list.append(emails.name));
+                            form.insert({ name: emails.name });
                           }
                         }}
                       />
-                      <FormError id={emailField.errorId}>{emailField.error}</FormError>
+                      <FormError id={emailField.errorId}>{emailField.errors}</FormError>
                     </Fragment>
                   ))}
                 </InputGroup>
@@ -320,7 +321,7 @@ export function ConfigureErrorAlerts({
                 {webhookFields.map((webhookField, index) => (
                   <Fragment key={webhookField.key}>
                     <Input
-                      {...conform.input(webhookField, { type: "url" })}
+                      {...getInputProps(webhookField, { type: "url" })}
                       placeholder={
                         index === 0 ? "https://example.com/webhook" : "Add another webhook URL"
                       }
@@ -331,18 +332,18 @@ export function ConfigureErrorAlerts({
                           webhookFields.length === webhookFieldValues.current.length &&
                           webhookFieldValues.current.every((v) => v !== "")
                         ) {
-                          requestIntent(form.ref.current ?? undefined, list.append(webhooks.name));
+                          form.insert({ name: webhooks.name });
                         }
                       }}
                     />
-                    <FormError id={webhookField.errorId}>{webhookField.error}</FormError>
+                    <FormError id={webhookField.errorId}>{webhookField.errors}</FormError>
                   </Fragment>
                 ))}
                 <Hint>We'll issue POST requests to these URLs with a JSON payload.</Hint>
               </InputGroup>
             </div>
 
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
           </Fieldset>
         </div>
 
diff --git a/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx b/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx
index e42a2122ab..827452e4d0 100644
--- a/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx
+++ b/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, getSelectProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { DialogClose } from "@radix-ui/react-dialog";
 import { Form, useActionData, useNavigation, useParams, useSubmit } from "@remix-run/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -184,49 +184,47 @@ function ReplayForm({
   }));
 
   const lastSubmission = useActionData();
-  const [
-    form,
-    {
-      environment,
-      payload,
-      metadata,
-      delaySeconds,
-      ttlSeconds,
-      idempotencyKey,
-      idempotencyKeyTTLSeconds,
-      queue,
-      concurrencyKey,
-      maxAttempts,
-      maxDurationSeconds,
-      tags,
-      version,
-      machine,
-      region,
-      prioritySeconds,
-    },
-  ] = useForm({
+  const [form, fields] = useForm({
     id: "replay-task",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onSubmit(event, { formData }) {
       event.preventDefault();
       if (editablePayload) {
-        formData.set(payload.name, currentPayloadJson.current);
+        formData.set(fields.payload.name, currentPayloadJson.current);
       }
-      formData.set(metadata.name, currentMetadataJson.current);
+      formData.set(fields.metadata.name, currentMetadataJson.current);
 
       submit(formData, { method: "POST", action: formAction });
     },
     onValidate({ formData }) {
-      return parse(formData, { schema: ReplayRunData });
+      return parseWithZod(formData, { schema: ReplayRunData });
     },
   });
+  const {
+    environment,
+    payload,
+    metadata,
+    delaySeconds,
+    ttlSeconds,
+    idempotencyKey,
+    idempotencyKeyTTLSeconds,
+    queue,
+    concurrencyKey,
+    maxAttempts,
+    maxDurationSeconds,
+    tags,
+    version,
+    machine,
+    region,
+    prioritySeconds,
+  } = fields;
 
   return (
     <Form
       action={formAction}
       method="post"
       className="flex flex-1 flex-col overflow-hidden px-3"
-      {...form.props}
+      {...getFormProps(form)}
     >
       <input type="hidden" name="failedRedirect" value={failedRedirect} />
 
@@ -313,7 +311,7 @@ function ReplayForm({
                   Machine
                 </Label>
                 <Select
-                  {...conform.select(machine)}
+                  {...getSelectProps(machine)}
                   variant="tertiary/small"
                   placeholder="Select machine type"
                   dropdownIcon
@@ -327,14 +325,14 @@ function ReplayForm({
                   ))}
                 </Select>
                 <Hint>Overrides the machine preset.</Hint>
-                <FormError id={machine.errorId}>{machine.error}</FormError>
+                <FormError id={machine.errorId}>{machine.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label htmlFor={version.id} variant="small">
                   Version
                 </Label>
                 <Select
-                  {...conform.select(version)}
+                  {...getSelectProps(version)}
                   defaultValue="latest"
                   variant="tertiary/small"
                   placeholder="Select version"
@@ -356,7 +354,7 @@ function ReplayForm({
                 ) : (
                   <Hint>Runs task on a specific version.</Hint>
                 )}
-                <FormError id={version.errorId}>{version.error}</FormError>
+                <FormError id={version.errorId}>{version.errors}</FormError>
               </InputGroup>
               {replayData.regions.length > 1 && (
                 <InputGroup>
@@ -364,7 +362,7 @@ function ReplayForm({
                     Region
                   </Label>
                   <Select
-                    {...conform.select(region)}
+                    {...getSelectProps(region)}
                     variant="tertiary/small"
                     placeholder={replayData.disableVersionSelection ? "–" : undefined}
                     dropdownIcon
@@ -384,7 +382,7 @@ function ReplayForm({
                   ) : (
                     <Hint>Overrides the region for this run.</Hint>
                   )}
-                  <FormError id={region.errorId}>{region.error}</FormError>
+                  <FormError id={region.errorId}>{region.errors}</FormError>
                 </InputGroup>
               )}
               <InputGroup>
@@ -393,7 +391,7 @@ function ReplayForm({
                 </Label>
                 {replayData.allowArbitraryQueues ? (
                   <Input
-                    {...conform.input(queue, { type: "text" })}
+                    {...getInputProps(queue, { type: "text" })}
                     variant="small"
                     defaultValue={replayData.queue}
                   />
@@ -437,7 +435,7 @@ function ReplayForm({
                   </Select>
                 )}
                 <Hint>Assign run to a specific queue.</Hint>
-                <FormError id={queue.errorId}>{queue.error}</FormError>
+                <FormError id={queue.errorId}>{queue.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label htmlFor={tags.id} variant="small">
@@ -450,14 +448,14 @@ function ReplayForm({
                   defaultTags={replayData.runTags}
                 />
                 <Hint>Add tags to easily filter runs.</Hint>
-                <FormError id={tags.errorId}>{tags.error}</FormError>
+                <FormError id={tags.errorId}>{tags.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label htmlFor={maxAttempts.id} variant="small">
                   Max attempts
                 </Label>
                 <Input
-                  {...conform.input(maxAttempts, { type: "number" })}
+                  {...getInputProps(maxAttempts, { type: "number" })}
                   className="[&::-webkit-inner-spin-button]:appearance-none"
                   variant="small"
                   min={1}
@@ -476,7 +474,7 @@ function ReplayForm({
                   }}
                 />
                 <Hint>Retries failed runs up to the specified number of attempts.</Hint>
-                <FormError id={maxAttempts.errorId}>{maxAttempts.error}</FormError>
+                <FormError id={maxAttempts.errorId}>{maxAttempts.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label variant="small">Max duration</Label>
@@ -486,14 +484,14 @@ function ReplayForm({
                   defaultValueSeconds={replayData.maxDurationSeconds ?? undefined}
                 />
                 <Hint>Overrides the maximum compute time limit for the run.</Hint>
-                <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.error}</FormError>
+                <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label htmlFor={idempotencyKey.id} variant="small">
                   Idempotency key
                 </Label>
-                <Input {...conform.input(idempotencyKey, { type: "text" })} variant="small" />
-                <FormError id={idempotencyKey.errorId}>{idempotencyKey.error}</FormError>
+                <Input {...getInputProps(idempotencyKey, { type: "text" })} variant="small" />
+                <FormError id={idempotencyKey.errorId}>{idempotencyKey.errors}</FormError>
                 <Hint>
                   Specify an idempotency key to ensure that a task is only triggered once with the
                   same key.
@@ -507,7 +505,7 @@ function ReplayForm({
                 />
                 <Hint>Keys expire after 30 days by default.</Hint>
                 <FormError id={idempotencyKeyTTLSeconds.errorId}>
-                  {idempotencyKeyTTLSeconds.error}
+                  {idempotencyKeyTTLSeconds.errors}
                 </FormError>
               </InputGroup>
               <InputGroup>
@@ -515,26 +513,26 @@ function ReplayForm({
                   Concurrency key
                 </Label>
                 <Input
-                  {...conform.input(concurrencyKey, { type: "text" })}
+                  {...getInputProps(concurrencyKey, { type: "text" })}
                   variant="small"
                   defaultValue={replayData.concurrencyKey ?? undefined}
                 />
                 <Hint>
                   Limits concurrency by creating a separate queue for each value of the key.
                 </Hint>
-                <FormError id={concurrencyKey.errorId}>{concurrencyKey.error}</FormError>
+                <FormError id={concurrencyKey.errorId}>{concurrencyKey.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label variant="small">Delay</Label>
                 <DurationPicker name={delaySeconds.name} id={delaySeconds.id} />
                 <Hint>Delays run by a specific duration.</Hint>
-                <FormError id={delaySeconds.errorId}>{delaySeconds.error}</FormError>
+                <FormError id={delaySeconds.errorId}>{delaySeconds.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label variant="small">Priority</Label>
                 <DurationPicker name={prioritySeconds.name} id={prioritySeconds.id} />
                 <Hint>Sets the priority of the run. Higher values mean higher priority.</Hint>
-                <FormError id={prioritySeconds.errorId}>{prioritySeconds.error}</FormError>
+                <FormError id={prioritySeconds.errorId}>{prioritySeconds.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label variant="small">TTL</Label>
@@ -544,9 +542,9 @@ function ReplayForm({
                   defaultValueSeconds={replayData.ttlSeconds}
                 />
                 <Hint>Expires the run if it hasn't started within the TTL.</Hint>
-                <FormError id={ttlSeconds.errorId}>{ttlSeconds.error}</FormError>
+                <FormError id={ttlSeconds.errorId}>{ttlSeconds.errors}</FormError>
               </InputGroup>
-              <FormError>{form.error}</FormError>
+              <FormError>{form.errors}</FormError>
             </Fieldset>
           </div>
         </ResizablePanel>
@@ -560,7 +558,7 @@ function ReplayForm({
           <InputGroup className="flex flex-row items-center gap-3">
             <Label>Replay this run in</Label>
             <Select
-              {...conform.select(environment)}
+              {...getSelectProps(environment)}
               placeholder="Select an environment"
               defaultValue={replayData.environment.id}
               items={replayData.environments}
diff --git a/apps/webapp/app/components/schedules/PurchaseSchedulesModal.tsx b/apps/webapp/app/components/schedules/PurchaseSchedulesModal.tsx
index 9de9775614..8a6623739c 100644
--- a/apps/webapp/app/components/schedules/PurchaseSchedulesModal.tsx
+++ b/apps/webapp/app/components/schedules/PurchaseSchedulesModal.tsx
@@ -1,5 +1,5 @@
-import { useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { EnvelopeIcon } from "@heroicons/react/20/solid";
 import { DialogClose } from "@radix-ui/react-dialog";
 import { useFetcher } from "@remix-run/react";
@@ -54,14 +54,14 @@ export function PurchaseSchedulesModal({
   const showSelfServe = useShowSelfServe();
   const fetcher = useFetcher();
   const lastSubmission =
-    fetcher.data && typeof fetcher.data === "object" && "intent" in fetcher.data
+    fetcher.data && typeof fetcher.data === "object" && "status" in fetcher.data
       ? fetcher.data
       : undefined;
   const [form, { amount }] = useForm({
     id: "purchase-schedules",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: PurchaseSchema });
+      return parseWithZod(formData, { schema: PurchaseSchema });
     },
     shouldRevalidate: "onSubmit",
   });
@@ -128,7 +128,7 @@ export function PurchaseSchedulesModal({
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>{title}</DialogHeader>
-        <fetcher.Form method="post" action={actionPath} {...form.props}>
+        <fetcher.Form method="post" action={actionPath} {...getFormProps(form)}>
           <div className="flex flex-col gap-4 pt-2">
             <div className="flex flex-col gap-1">
               <Paragraph variant="small/bright">
@@ -155,10 +155,8 @@ export function PurchaseSchedulesModal({
                   {formatNumber(bundles)} {bundles === 1 ? "bundle" : "bundles"} ={" "}
                   {formatNumber(amountValue)} schedules
                 </Paragraph>
-                <FormError id={amount.errorId}>
-                  {amount.error ?? amount.initialError?.[""]?.[0]}
-                </FormError>
-                <FormError>{form.error}</FormError>
+                <FormError id={amount.errorId}>{amount.errors}</FormError>
+                <FormError>{form.errors}</FormError>
               </InputGroup>
             </Fieldset>
             {state === "need_to_delete" ? (
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.invite/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.invite/route.tsx
index 52dbdda680..e6173da559 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.invite/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.invite/route.tsx
@@ -1,5 +1,5 @@
-import { conform, list, requestIntent, useFieldList, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   ArrowUpCircleIcon,
   EnvelopeIcon,
@@ -176,10 +176,10 @@ export const action = dashboardAction(
     const { organizationSlug } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema });
+    const submission = parseWithZod(formData, { schema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     // Resolve the RBAC role choice. NO_RBAC_ROLE / undefined / unknown
@@ -287,20 +287,21 @@ export default function Page() {
   const defaultRoleId = showRolePicker ? offerable[offerable.length - 1].id : NO_RBAC_ROLE;
   const [selectedRoleId, setSelectedRoleId] = useState(defaultRoleId);
 
-  const [form, { emails }] = useForm({
+  const [form, fields] = useForm<z.infer<typeof schema>>({
     id: "invite-members",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     defaultValue: {
       emails: [""],
     },
   });
+  const { emails } = fields;
 
   const fieldValues = useRef<string[]>([""]);
-  const emailFields = useFieldList(form.ref, emails);
+  const emailFields = emails.getFieldList();
 
   return (
     <MainCenteredContainer className="max-w-[26rem] rounded-lg border border-grid-bright bg-background-dimmed p-5 shadow-lg">
@@ -359,14 +360,14 @@ export default function Page() {
               </Paragraph>
             </InfoPanel>
           ))}
-        <Form method="post" {...form.props}>
+        <Form method="post" {...getFormProps(form)}>
           <Fieldset>
             <InputGroup>
               <Label htmlFor={emails.id}>Email addresses</Label>
               {emailFields.map((email, index) => (
                 <Fragment key={email.key}>
                   <Input
-                    {...conform.input(email, { type: "email" })}
+                    {...getInputProps(email, { type: "email" })}
                     placeholder={index === 0 ? "Enter an email address" : "Add another email"}
                     icon={EnvelopeIcon}
                     autoFocus={index === 0}
@@ -378,11 +379,11 @@ export default function Page() {
                         emailFields.length === fieldValues.current.length &&
                         fieldValues.current.every((v) => v !== "")
                       ) {
-                        requestIntent(form.ref.current ?? undefined, list.append(emails.name));
+                        form.insert({ name: emails.name });
                       }
                     }}
                   />
-                  <FormError id={email.errorId}>{email.error}</FormError>
+                  <FormError id={email.errorId}>{email.errors}</FormError>
                 </Fragment>
               ))}
             </InputGroup>
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx
index e408d82aa5..976a5cb522 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, getSelectProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { HashtagIcon, LockClosedIcon } from "@heroicons/react/20/solid";
 import { Form, useActionData, useNavigate, useNavigation } from "@remix-run/react";
 import { type LoaderFunctionArgs } from "@remix-run/router";
@@ -177,17 +177,16 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
 
   const formData = await request.formData();
 
-  const submission = parse(formData, { schema: FormSchema });
+  const submission = parseWithZod(formData, { schema: FormSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const project = await findProjectBySlug(organizationSlug, projectParam, userId);
 
   if (!project) {
-    submission.error.key = ["Project not found"];
-    return json(submission);
+    return json(submission.reply({ formErrors: ["Project not found"] }));
   }
 
   const service = new CreateAlertChannelService();
@@ -198,8 +197,7 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   );
 
   if (!alertChannel) {
-    submission.error.key = ["Failed to create alert channel"];
-    return json(submission);
+    return json(submission.reply({ formErrors: ["Failed to create alert channel"] }));
   }
 
   return redirectWithSuccessMessage(
@@ -235,9 +233,9 @@ export default function Page() {
     useForm({
       id: "create-alert",
       // TODO: type this
-      lastSubmission: lastSubmission as any,
+      lastResult: lastSubmission as any,
       onValidate({ formData }) {
-        return parse(formData, { schema: FormSchema });
+        return parseWithZod(formData, { schema: FormSchema });
       },
       shouldRevalidate: "onSubmit",
     });
@@ -250,7 +248,7 @@ export default function Page() {
     if (navigation.state !== "idle") return;
     if (lastSubmission !== undefined) return;
 
-    form.ref.current?.reset();
+    form.reset();
   }, [navigation.state, lastSubmission]);
 
   return (
@@ -264,11 +262,11 @@ export default function Page() {
     >
       <DialogContent>
         <DialogHeader>New alert</DialogHeader>
-        <Form method="post" {...form.props}>
+        <Form method="post" {...getFormProps(form)}>
           <Fieldset className="mt-2">
             <InputGroup fullWidth>
               <SegmentedControl
-                {...conform.input(type)}
+                {...getInputProps(type, { type: "text" })}
                 options={[
                   { label: "Email", value: "EMAIL" },
                   { label: "Slack", value: "SLACK" },
@@ -287,12 +285,12 @@ export default function Page() {
                 <InputGroup fullWidth>
                   <Label>Email</Label>
                   <Input
-                    {...conform.input(channelValue)}
+                    {...getInputProps(channelValue, { type: "text" })}
                     placeholder="email@youremail.com"
                     type="email"
                     autoFocus
                   />
-                  <FormError id={channelValue.errorId}>{channelValue.error}</FormError>
+                  <FormError id={channelValue.errorId}>{channelValue.errors}</FormError>
                 </InputGroup>
               ) : (
                 <Callout variant="warning">
@@ -305,7 +303,7 @@ export default function Page() {
                 {slack.status === "READY" ? (
                   <>
                     <Select
-                      {...conform.select(channelValue)}
+                      {...getSelectProps(channelValue)}
                       placeholder="Select a Slack channel"
                       heading="Filter channels…"
                       defaultValue={undefined}
@@ -347,7 +345,7 @@ export default function Page() {
                       </Callout>
                     )}
 
-                    <FormError id={channelValue.errorId}>{channelValue.error}</FormError>
+                    <FormError id={channelValue.errorId}>{channelValue.errors}</FormError>
                     <input type="hidden" name="integrationId" value={slack.integrationId} />
                   </>
                 ) : slack.status === "NOT_CONFIGURED" ? (
@@ -392,12 +390,12 @@ export default function Page() {
               <InputGroup fullWidth>
                 <Label>URL</Label>
                 <Input
-                  {...conform.input(channelValue)}
+                  {...getInputProps(channelValue, { type: "text" })}
                   placeholder="https://foobar.com/webhooks"
                   type="url"
                   autoFocus
                 />
-                <FormError id={channelValue.errorId}>{channelValue.error}</FormError>
+                <FormError id={channelValue.errorId}>{channelValue.errors}</FormError>
                 <Hint>We'll issue POST requests to this URL with a JSON payload.</Hint>
               </InputGroup>
             )}
@@ -436,15 +434,15 @@ export default function Page() {
                 defaultChecked
               />
 
-              <FormError id={alertTypes.errorId}>{alertTypes.error}</FormError>
+              <FormError id={alertTypes.errorId}>{alertTypes.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label>Environment</Label>
               <input type="hidden" name={environmentTypes.name} value={environment.type} />
               <EnvironmentCombo environment={{ type: environment.type }} />
-              <FormError id={environmentTypes.errorId}>{environmentTypes.error}</FormError>
+              <FormError id={environmentTypes.errorId}>{environmentTypes.errors}</FormError>
             </InputGroup>
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
             <FormButtons
               confirmButton={
                 <Button variant="primary/medium" disabled={isLoading} name="action" value="create">
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx
index 3824c6a44d..72f9c85ee5 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx
@@ -1,5 +1,5 @@
-import { useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   BellAlertIcon,
   BellSlashIcon,
@@ -116,17 +116,16 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   }
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const project = await findProjectBySlug(organizationSlug, projectParam, userId);
 
   if (!project) {
-    submission.error.key = ["Project not found"];
-    return json(submission);
+    return json(submission.reply({ formErrors: ["Project not found"] }));
   }
 
   switch (submission.value.action) {
@@ -385,18 +384,18 @@ function DeleteAlertChannelButton(props: { id: string }) {
     navigation.formMethod === "post" &&
     navigation.formData?.get("action") === "delete";
 
-  const [form, { id }] = useForm({
+  const [form] = useForm({
     id: "delete-alert-channel",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
   });
 
   return (
-    <Form method="post" {...form.props}>
+    <Form method="post" {...getFormProps(form)}>
       <input type="hidden" name="id" value={props.id} />
       <Button
         name="action"
@@ -424,18 +423,18 @@ function DisableAlertChannelButton(props: { id: string }) {
     navigation.formMethod === "post" &&
     navigation.formData?.get("action") === "delete";
 
-  const [form, { id }] = useForm({
+  const [form] = useForm({
     id: "disable-alert-channel",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
   });
 
   return (
-    <Form method="post" {...form.props}>
+    <Form method="post" {...getFormProps(form)}>
       <input type="hidden" name="id" value={props.id} />
 
       <Button
@@ -464,18 +463,18 @@ function EnableAlertChannelButton(props: { id: string }) {
     navigation.formMethod === "post" &&
     navigation.formData?.get("action") === "delete";
 
-  const [form, { id }] = useForm({
+  const [form] = useForm({
     id: "enable-alert-channel",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
   });
 
   return (
-    <Form method="post" {...form.props}>
+    <Form method="post" {...getFormProps(form)}>
       <input type="hidden" name="id" value={props.id} />
 
       <Button
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx
index dfcaff0db4..976557ee9e 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { ArrowUpCircleIcon, CheckIcon, EnvelopeIcon, PlusIcon } from "@heroicons/react/20/solid";
 import { BookOpenIcon } from "@heroicons/react/24/solid";
 import { DialogClose } from "@radix-ui/react-dialog";
@@ -173,10 +173,10 @@ export async function action({ request, params }: ActionFunctionArgs) {
       );
     }
 
-    const submission = parse(formData, { schema: PurchaseSchema });
+    const submission = parseWithZod(formData, { schema: PurchaseSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     const service = new SetBranchesAddOnService();
@@ -190,21 +190,23 @@ export async function action({ request, params }: ActionFunctionArgs) {
     );
 
     if (error) {
-      submission.error.amount = [error instanceof Error ? error.message : "Unknown error"];
-      return json(submission);
+      return json(
+        submission.reply({
+          fieldErrors: { amount: [error instanceof Error ? error.message : "Unknown error"] },
+        })
+      );
     }
 
     if (!result.success) {
-      submission.error.amount = [result.error];
-      return json(submission);
+      return json(submission.reply({ fieldErrors: { amount: [result.error] } }));
     }
 
     return json({ ok: true } as const);
   }
 
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value) {
+  if (submission.status !== "success") {
     return redirectWithErrorMessage("/", request, "Invalid form data");
   }
 
@@ -216,12 +218,15 @@ export async function action({ request, params }: ActionFunctionArgs) {
 
   if (result.success) {
     if (result.alreadyExisted) {
-      submission.error = {
-        branchName: [
-          `Branch "${result.branch.branchName}" already exists. You can archive it and create a new one with the same name.`,
-        ],
-      };
-      return json(submission);
+      return json(
+        submission.reply({
+          fieldErrors: {
+            branchName: [
+              `Branch "${result.branch.branchName}" already exists. You can archive it and create a new one with the same name.`,
+            ],
+          },
+        })
+      );
     }
 
     return redirectWithSuccessMessage(
@@ -231,8 +236,7 @@ export async function action({ request, params }: ActionFunctionArgs) {
     );
   }
 
-  submission.error = { branchName: [result.error] };
-  return json(submission);
+  return json(submission.reply({ fieldErrors: { branchName: [result.error] } }));
 }
 
 export default function Page() {
@@ -670,14 +674,14 @@ function PurchaseBranchesModal({
   const showSelfServe = useShowSelfServe();
   const fetcher = useFetcher();
   const lastSubmission =
-    fetcher.data && typeof fetcher.data === "object" && "intent" in fetcher.data
+    fetcher.data && typeof fetcher.data === "object" && "status" in fetcher.data
       ? fetcher.data
       : undefined;
   const [form, { amount }] = useForm({
     id: "purchase-branches",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: PurchaseSchema });
+      return parseWithZod(formData, { schema: PurchaseSchema });
     },
     shouldRevalidate: "onSubmit",
   });
@@ -735,7 +739,7 @@ function PurchaseBranchesModal({
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>{title}</DialogHeader>
-        <fetcher.Form method="post" {...form.props}>
+        <fetcher.Form method="post" {...getFormProps(form)}>
           <input type="hidden" name="_formType" value="purchase-branches" />
           <div className="flex flex-col gap-4 pt-2">
             <div className="flex flex-col gap-1">
@@ -751,7 +755,7 @@ function PurchaseBranchesModal({
                   Total extra branches
                 </Label>
                 <InputNumberStepper
-                  {...conform.input(amount, { type: "number" })}
+                  {...getInputProps(amount, { type: "number" })}
                   step={branchPricing.stepSize}
                   min={0}
                   max={undefined}
@@ -759,10 +763,8 @@ function PurchaseBranchesModal({
                   onChange={(e) => setAmountValue(Number(e.target.value))}
                   disabled={isLoading}
                 />
-                <FormError id={amount.errorId}>
-                  {amount.error ?? amount.initialError?.[""]?.[0]}
-                </FormError>
-                <FormError>{form.error}</FormError>
+                <FormError id={amount.errorId}>{amount.errors}</FormError>
+                <FormError>{form.errors}</FormError>
               </InputGroup>
             </Fieldset>
             {state === "need_to_archive" ? (
@@ -936,9 +938,9 @@ export function NewBranchPanel({
 
   const [form, { parentEnvironmentId, branchName, failurePath }] = useForm({
     id: "create-branch",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onInput",
   });
@@ -959,19 +961,19 @@ export function NewBranchPanel({
       <DialogContent>
         <DialogHeader>New branch</DialogHeader>
         <div className="mt-2 flex flex-col gap-4">
-          <Form method="post" {...form.props} className="w-full">
+          <Form method="post" {...getFormProps(form)} className="w-full">
             <Fieldset className="max-w-full gap-y-3">
               <input
                 value={parentEnvironment.id}
-                {...conform.input(parentEnvironmentId, { type: "hidden" })}
+                {...getInputProps(parentEnvironmentId, { type: "hidden" })}
               />
               <input
                 value={location.pathname}
-                {...conform.input(failurePath, { type: "hidden" })}
+                {...getInputProps(failurePath, { type: "hidden" })}
               />
               <InputGroup className="max-w-full">
                 <Label>Branch name</Label>
-                <Input {...conform.input(branchName)} />
+                <Input {...getInputProps(branchName, { type: "text" })} />
                 <Hint>
                   Must not contain: spaces <InlineCode variant="extra-small">~</InlineCode>{" "}
                   <InlineCode variant="extra-small">^</InlineCode>{" "}
@@ -985,9 +987,9 @@ export function NewBranchPanel({
                   <InlineCode variant="extra-small">{"@{"}</InlineCode>{" "}
                   <InlineCode variant="extra-small">.lock</InlineCode>
                 </Hint>
-                <FormError id={branchName.errorId}>{branchName.error}</FormError>
+                <FormError id={branchName.errorId}>{branchName.errors}</FormError>
               </InputGroup>
-              <FormError>{form.error}</FormError>
+              <FormError>{form.errors}</FormError>
               <FormButtons
                 confirmButton={
                   <Button type="submit" variant="primary/medium">
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx
index e2b535a189..db0cb0e460 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useFieldList, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   ArrowDownIcon,
   EnvelopeIcon,
@@ -158,10 +158,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   }
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: FormSchema });
+  const submission = parseWithZod(formData, { schema: FormSchema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   if (submission.value.action === "allocate") {
@@ -176,13 +176,17 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
     );
 
     if (error) {
-      submission.error.environments = [error instanceof Error ? error.message : "Unknown error"];
-      return json(submission);
+      return json(
+        submission.reply({
+          fieldErrors: {
+            environments: [error instanceof Error ? error.message : "Unknown error"],
+          },
+        })
+      );
     }
 
     if (!result.success) {
-      submission.error.environments = [result.error];
-      return json(submission);
+      return json(submission.reply({ fieldErrors: { environments: [result.error] } }));
     }
 
     return redirectWithSuccessMessage(
@@ -195,12 +199,18 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   const currentPlan = await getCurrentPlan(project.organizationId);
   const purchaseBlockReason = getSelfServePurchaseBlockReason(currentPlan);
   if (purchaseBlockReason === "plan_unavailable") {
-    submission.error.amount = ["Unable to verify billing status. Please try again."];
-    return json(submission, { status: 503 });
+    return json(
+      submission.reply({
+        fieldErrors: { amount: ["Unable to verify billing status. Please try again."] },
+      }),
+      { status: 503 }
+    );
   }
   if (purchaseBlockReason === "managed_billing") {
-    submission.error.amount = ["Contact us to request more concurrency."];
-    return json(submission, { status: 403 });
+    return json(
+      submission.reply({ fieldErrors: { amount: ["Contact us to request more concurrency."] } }),
+      { status: 403 }
+    );
   }
 
   const service = new SetConcurrencyAddOnService();
@@ -215,13 +225,15 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   );
 
   if (error) {
-    submission.error.amount = [error instanceof Error ? error.message : "Unknown error"];
-    return json(submission);
+    return json(
+      submission.reply({
+        fieldErrors: { amount: [error instanceof Error ? error.message : "Unknown error"] },
+      })
+    );
   }
 
   if (!result.success) {
-    submission.error.amount = [result.error];
-    return json(submission);
+    return json(submission.reply({ fieldErrors: { amount: [result.error] } }));
   }
 
   return redirectWithSuccessMessage(
@@ -307,15 +319,16 @@ function Upgradable({
   maxQuota,
 }: ConcurrencyResult) {
   const lastSubmission = useActionData();
-  const [form, { environments: formEnvironments }] = useForm({
+  const [form, fields] = useForm({
     id: "allocate-concurrency",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: FormSchema });
+      return parseWithZod(formData, { schema: FormSchema });
     },
     shouldRevalidate: "onSubmit",
   });
+  const { environments: formEnvironments } = fields;
 
   const navigation = useNavigation();
   const isLoading = navigation.state !== "idle" && navigation.formMethod === "POST";
@@ -463,11 +476,9 @@ function Upgradable({
               </TableRow>
             </TableBody>
           </Table>
-          <FormError id={formEnvironments.id}>
-            {formEnvironments.error ?? formEnvironments.initialError?.[""]?.[0]}
-          </FormError>
+          <FormError id={formEnvironments.id}>{formEnvironments.errors}</FormError>
         </div>
-        <Form className="flex flex-col gap-2" method="post" {...form.props} id="allocate">
+        <Form className="flex flex-col gap-2" method="post" {...getFormProps(form)} id="allocate">
           <input type="hidden" name="action" value="allocate" />
           <div className="flex items-center pb-1">
             <Header3 className="grow">Concurrency allocation</Header3>
@@ -615,15 +626,16 @@ function PurchaseConcurrencyModal({
 }) {
   const showSelfServe = useShowSelfServe();
   const lastSubmission = useActionData();
-  const [form, { amount }] = useForm({
+  const [form, fields] = useForm({
     id: "purchase-concurrency",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: FormSchema });
+      return parseWithZod(formData, { schema: FormSchema });
     },
     shouldRevalidate: "onSubmit",
   });
+  const { amount } = fields;
 
   const [amountValue, setAmountValue] = useState(extraConcurrency);
   const navigation = useNavigation();
@@ -679,7 +691,7 @@ function PurchaseConcurrencyModal({
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>{title}</DialogHeader>
-        <Form method="post" {...form.props}>
+        <Form method="post" {...getFormProps(form)}>
           <div className="flex flex-col gap-4 pt-2">
             <Paragraph variant="base/bright" spacing>
               You can purchase bundles of {concurrencyPricing.stepSize} concurrency for{" "}
@@ -693,7 +705,7 @@ function PurchaseConcurrencyModal({
                   Total extra concurrency
                 </Label>
                 <InputNumberStepper
-                  {...conform.input(amount, { type: "number" })}
+                  {...getInputProps(amount, { type: "number" })}
                   step={concurrencyPricing.stepSize}
                   min={0}
                   max={undefined}
@@ -701,10 +713,8 @@ function PurchaseConcurrencyModal({
                   onChange={(e) => setAmountValue(Number(e.target.value))}
                   disabled={isLoading}
                 />
-                <FormError id={amount.errorId}>
-                  {amount.error ?? amount.initialError?.[""]?.[0]}
-                </FormError>
-                <FormError>{form.error}</FormError>
+                <FormError id={amount.errorId}>{amount.errors}</FormError>
+                <FormError>{form.errors}</FormError>
               </InputGroup>
             </Fieldset>
             {state === "need_to_increase_unallocated" ? (
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx
index 06847acd1d..1170225fd4 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx
@@ -1,12 +1,11 @@
 import {
-  type FieldConfig,
-  list,
-  requestIntent,
-  useFieldList,
-  useFieldset,
+  type FieldMetadata,
+  type FormMetadata,
+  getFormProps,
+  getInputProps,
   useForm,
 } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import {
   LockClosedIcon,
   LockOpenIcon,
@@ -17,7 +16,7 @@ import {
 import { Form, useActionData, useNavigate, useNavigation } from "@remix-run/react";
 import { json } from "@remix-run/server-runtime";
 import dotenv from "dotenv";
-import { type RefObject, useCallback, useRef, useState } from "react";
+import { useCallback, useState } from "react";
 import { redirect } from "remix-typedjson";
 import invariant from "tiny-invariant";
 import { z } from "zod";
@@ -121,10 +120,10 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema });
+    const submission = parseWithZod(formData, { schema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     // Enforce env-tier write:envvars for every targeted environment, so a role
@@ -138,10 +137,15 @@ export const action = dashboardAction(
       (env) => !ability.can("write", { type: "envvars", envType: env.type })
     );
     if (hasDeniedEnvironment) {
-      submission.error.environmentIds = [
-        "You don't have permission to manage environment variables in one of the selected environments.",
-      ];
-      return json(submission);
+      return json(
+        submission.reply({
+          fieldErrors: {
+            environmentIds: [
+              "You don't have permission to manage environment variables in one of the selected environments.",
+            ],
+          },
+        })
+      );
     }
 
     const project = await prisma.project.findUnique({
@@ -160,8 +164,7 @@ export const action = dashboardAction(
       },
     });
     if (!project) {
-      submission.error.key = ["Project not found"];
-      return json(submission);
+      return json(submission.reply({ formErrors: ["Project not found"] }));
     }
 
     const repository = new EnvironmentVariablesRepository(prisma);
@@ -174,19 +177,20 @@ export const action = dashboardAction(
     });
 
     if (!result.success) {
+      const fieldErrors: Record<string, string[]> = {};
       if (result.variableErrors) {
         for (const { key, error } of result.variableErrors) {
           const index = submission.value.variables.findIndex((v) => v.key === key);
 
           if (index !== -1) {
-            submission.error[`variables[${index}].key`] = [error];
+            fieldErrors[`variables[${index}].key`] = [error];
           }
         }
       } else {
-        submission.error.variables = [result.error];
+        fieldErrors.variables = [result.error];
       }
 
-      return json(submission);
+      return json(submission.reply({ fieldErrors }));
     }
 
     return redirect(
@@ -229,18 +233,19 @@ export default function Page() {
 
   const isLoading = navigation.state !== "idle" && navigation.formMethod === "post";
 
-  const [form, { environmentIds, variables }] = useForm({
+  const [form, fields] = useForm<z.infer<typeof schema>>({
     id: "create-environment-variables",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
     defaultValue: {
       variables: [{ key: "", value: "" }],
     },
   });
+  const { environmentIds, variables } = fields;
 
   const handleEnvironmentChange = (
     environmentId: string,
@@ -294,7 +299,7 @@ export default function Page() {
     >
       <DialogContent className="p-0 pt-2.5 md:max-w-2xl lg:max-w-3xl">
         <DialogHeader className="px-4">New environment variables</DialogHeader>
-        <Form method="post" {...form.props}>
+        <Form method="post" {...getFormProps(form)}>
           <Fieldset className="max-h-[70vh] overflow-y-auto p-4 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600">
             <InputGroup fullWidth>
               <Label>Environments</Label>
@@ -390,7 +395,7 @@ export default function Page() {
                   </>
                 )}
               </div>
-              <FormError id={environmentIds.errorId}>{environmentIds.error}</FormError>
+              <FormError id={environmentIds.errorId}>{environmentIds.errors}</FormError>
               <Hint>
                 Dev environment variables specified here will be overridden by ones in your .env
                 file when running locally.
@@ -468,13 +473,13 @@ export default function Page() {
               <VariableFields
                 revealValues={revealAll}
                 formId={form.id}
-                formRef={form.ref}
+                form={form}
                 variablesFields={variables}
               />
-              <FormError id={variables.errorId}>{variables.error}</FormError>
+              <FormError id={variables.errorId}>{variables.errors}</FormError>
             </InputGroup>
 
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
           </Fieldset>
           <FormButtons
             className="px-4 pb-4"
@@ -522,12 +527,12 @@ function VariableFields({
   revealValues,
   formId,
   variablesFields,
-  formRef,
+  form,
 }: {
   revealValues: boolean;
   formId?: string;
-  variablesFields: FieldConfig<any>;
-  formRef: RefObject<HTMLFormElement>;
+  variablesFields: FieldMetadata<Variable[]>;
+  form: FormMetadata<any>;
 }) {
   const {
     items,
@@ -557,12 +562,12 @@ function VariableFields({
     update(index, firstPair);
 
     for (const pair of rest) {
-      requestIntent(formRef.current ?? undefined, list.append(variablesFields.name));
+      form.insert({ name: variablesFields.name });
     }
     insertAfter(index, rest);
   }, []);
 
-  const fields = useFieldList(formRef, variablesFields);
+  const fields = variablesFields.getFieldList();
 
   return (
     <>
@@ -578,10 +583,7 @@ function VariableFields({
             onChange={(value) => update(index, value)}
             onPaste={(e) => handlePaste(index, e)}
             onDelete={() => {
-              requestIntent(
-                formRef.current ?? undefined,
-                list.remove(variablesFields.name, { index })
-              );
+              form.remove({ name: variablesFields.name, index });
               remove(index);
             }}
             showDeleteButton={items.length > 1}
@@ -599,7 +601,7 @@ function VariableFields({
           className="w-fit"
           type="button"
           onClick={() => {
-            requestIntent(formRef.current ?? undefined, list.append(variablesFields.name));
+            form.insert({ name: variablesFields.name });
             append([{ key: "", value: "" }]);
           }}
           LeadingIcon={PlusIcon}
@@ -630,14 +632,13 @@ function VariableField({
   onDelete: () => void;
   showDeleteButton: boolean;
   showValue: boolean;
-  config: FieldConfig<Variable>;
+  config: FieldMetadata<Variable>;
 }) {
-  const ref = useRef<HTMLFieldSetElement>(null);
-  const fields = useFieldset(ref, config);
+  const fields = config.getFieldset();
   const baseFieldName = `variables[${index}]`;
 
   return (
-    <fieldset ref={ref}>
+    <fieldset>
       <FieldLayout>
         <div className="space-y-2">
           <Input
@@ -649,7 +650,7 @@ function VariableField({
             autoFocus={index === 0}
             onPaste={onPaste}
           />
-          <FormError id={fields.key.errorId}>{fields.key.error}</FormError>
+          <FormError id={fields.key.errorId}>{fields.key.errors}</FormError>
         </div>
         <div className={cn("flex items-start gap-1")}>
           <div className="grow space-y-2">
@@ -661,7 +662,7 @@ function VariableField({
               value={value.value}
               onChange={(e) => onChange({ ...value, value: e.currentTarget.value })}
             />
-            <FormError id={fields.value.errorId}>{fields.value.error}</FormError>
+            <FormError id={fields.value.errorId}>{fields.value.errors}</FormError>
           </div>
           {showDeleteButton && (
             <Button
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
index d59d1c40b7..afea881feb 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   BookOpenIcon,
   InformationCircleIcon,
@@ -222,10 +222,10 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema });
+    const submission = parseWithZod(formData, { schema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     // Enforce env-tier write:envvars on the targeted environment, so a role
@@ -240,10 +240,13 @@ export const action = dashboardAction(
             })
           )?.type;
     if (targetEnvType && !ability.can("write", { type: "envvars", envType: targetEnvType })) {
-      submission.error.key = [
-        "You don't have permission to manage environment variables in this environment.",
-      ];
-      return json(submission);
+      return json(
+        submission.reply({
+          formErrors: [
+            "You don't have permission to manage environment variables in this environment.",
+          ],
+        })
+      );
     }
 
     const project = await prisma.project.findUnique({
@@ -262,8 +265,7 @@ export const action = dashboardAction(
       },
     });
     if (!project) {
-      submission.error.key = ["Project not found"];
-      return json(submission);
+      return json(submission.reply({ formErrors: ["Project not found"] }));
     }
 
     switch (submission.value.action) {
@@ -278,19 +280,17 @@ export const action = dashboardAction(
         });
 
         if (!result.success) {
-          submission.error.key = [result.error];
-          return json(submission);
+          return json(submission.reply({ formErrors: [result.error] }));
         }
 
-        return json({ ...submission, success: true });
+        return json({ ...submission.reply(), success: true });
       }
       case "delete": {
         const repository = new EnvironmentVariablesRepository(prisma);
         const result = await repository.deleteValue(project.id, submission.value);
 
         if (!result.success) {
-          submission.error.key = [result.error];
-          return json(submission);
+          return json(submission.reply({ formErrors: [result.error] }));
         }
 
         // Clean up syncEnvVarsMapping if Vercel integration exists (best-effort)
@@ -334,8 +334,7 @@ export const action = dashboardAction(
         const integration = await vercelService.getVercelProjectIntegration(project.id);
 
         if (!integration) {
-          submission.error.key = ["Vercel integration not found"];
-          return json(submission);
+          return json(submission.reply({ formErrors: ["Vercel integration not found"] }));
         }
 
         // Update the sync mapping for the specific env var and environment
@@ -789,9 +788,9 @@ function EditEnvironmentVariablePanel({
   const [form, { id, environmentId, value }] = useForm({
     id: `edit-environment-variable-${variable.id}-${variable.environment.id}`,
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
   });
@@ -808,15 +807,15 @@ function EditEnvironmentVariablePanel({
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>Edit environment variable</DialogHeader>
-        <fetcher.Form method="post" {...form.props}>
+        <fetcher.Form method="post" {...getFormProps(form)}>
           <input type="hidden" name="action" value="edit" />
-          <input {...conform.input(id, { type: "hidden" })} value={variable.id} />
+          <input {...getInputProps(id, { type: "hidden" })} value={variable.id} />
           <input
-            {...conform.input(environmentId, { type: "hidden" })}
+            {...getInputProps(environmentId, { type: "hidden" })}
             value={variable.environment.id}
           />
-          <FormError id={id.errorId}>{id.error}</FormError>
-          <FormError id={environmentId.errorId}>{environmentId.error}</FormError>
+          <FormError id={id.errorId}>{id.errors}</FormError>
+          <FormError id={environmentId.errorId}>{environmentId.errors}</FormError>
           <Fieldset>
             <InputGroup fullWidth className="mt-2 gap-0">
               <Label>Key</Label>
@@ -831,15 +830,15 @@ function EditEnvironmentVariablePanel({
             <InputGroup fullWidth>
               <Label>Value</Label>
               <Input
-                {...conform.input(value, { type: "text" })}
+                {...getInputProps(value, { type: "text" })}
                 placeholder={variable.isSecret ? "Set new secret value" : "Not set"}
                 defaultValue={variable.value}
                 type={"text"}
               />
-              <FormError id={value.errorId}>{value.error}</FormError>
+              <FormError id={value.errorId}>{value.errors}</FormError>
             </InputGroup>
 
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
 
             <FormButtons
               confirmButton={
@@ -873,18 +872,18 @@ function DeleteEnvironmentVariableButton({
     navigation.formMethod === "post" &&
     navigation.formData?.get("action") === "delete";
 
-  const [form, { id }] = useForm({
+  const [form] = useForm({
     id: "delete-environment-variable",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
   });
 
   return (
-    <Form method="post" {...form.props}>
+    <Form method="post" {...getFormProps(form)}>
       <input type="hidden" name="id" value={variable.id} />
       <input type="hidden" name="key" value={variable.key} />
       <input type="hidden" name="environmentId" value={variable.environment.id} />
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx
index a84e445539..d9cd3b8f00 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { BellAlertIcon } from "@heroicons/react/20/solid";
 import { type MetaFunction, useFetcher, useRevalidator } from "@remix-run/react";
 import { type ActionFunctionArgs, json, type LoaderFunctionArgs } from "@remix-run/server-runtime";
@@ -140,10 +140,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   }
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: actionSchema });
+  const submission = parseWithZod(formData, { schema: actionSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const actions = new ErrorGroupActions();
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors/route.tsx
index dd9a5f6d59..3ffe35908a 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors/route.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { Outlet, useNavigate } from "@remix-run/react";
 import { type ActionFunctionArgs, type LoaderFunctionArgs, json } from "@remix-run/server-runtime";
 import { useCallback } from "react";
@@ -79,10 +79,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   }
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: ErrorAlertsFormSchema });
+  const submission = parseWithZod(formData, { schema: ErrorAlertsFormSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const { emails, webhooks, slackChannel, slackIntegrationId } = submission.value;
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.$scheduleParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.$scheduleParam/route.tsx
index 2407d308fe..cd433467c7 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.$scheduleParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.$scheduleParam/route.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { useLocation } from "@remix-run/react";
 import { type ActionFunctionArgs, type LoaderFunctionArgs, json } from "@remix-run/server-runtime";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
@@ -69,10 +69,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
     v3ScheduleParams.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   // `_format=json` → return JSON instead of redirecting; caller stays put.
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.general/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.general/route.tsx
index d66bdb0e0d..ff106157a5 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.general/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.general/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { conformZodMessage, parseWithZod } from "@conform-to/zod";
 import { ExclamationTriangleIcon, FolderIcon, TrashIcon } from "@heroicons/react/20/solid";
 import { Form, useActionData, useNavigation } from "@remix-run/react";
 import { type ActionFunction, json } from "@remix-run/server-runtime";
@@ -44,7 +44,7 @@ function createSchema(
         if (constraints.getSlugMatch === undefined) {
           ctx.addIssue({
             code: z.ZodIssueCode.custom,
-            message: conform.VALIDATION_UNDEFINED,
+            message: conformZodMessage.VALIDATION_UNDEFINED,
           });
         } else {
           const { isMatch, projectSlug } = constraints.getSlugMatch(slug);
@@ -76,10 +76,10 @@ export const action: ActionFunction = async ({ request, params }) => {
       return { isMatch: slug === projectParam, projectSlug: projectParam };
     },
   });
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const projectSettingsService = new ProjectSettingsService();
@@ -162,10 +162,10 @@ export default function GeneralSettingsPage() {
   const [renameForm, { projectName }] = useForm({
     id: "rename-project",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: createSchema(),
       });
     },
@@ -178,11 +178,11 @@ export default function GeneralSettingsPage() {
   const [deleteForm, { projectSlug }] = useForm({
     id: "delete-project",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     shouldValidate: "onInput",
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: createSchema({
           getSlugMatch: (slug) => ({ isMatch: slug === project.slug, projectSlug: project.slug }),
         }),
@@ -212,12 +212,12 @@ export default function GeneralSettingsPage() {
                 </Hint>
               </InputGroup>
             </Fieldset>
-            <Form method="post" {...renameForm.props}>
+            <Form method="post" {...getFormProps(renameForm)}>
               <Fieldset>
                 <InputGroup fullWidth>
                   <Label htmlFor={projectName.id}>Project name</Label>
                   <Input
-                    {...conform.input(projectName, { type: "text" })}
+                    {...getInputProps(projectName, { type: "text" })}
                     defaultValue={project.name}
                     placeholder="Project name"
                     icon={FolderIcon}
@@ -226,7 +226,7 @@ export default function GeneralSettingsPage() {
                       setHasRenameFormChanges(e.target.value !== project.name);
                     }}
                   />
-                  <FormError id={projectName.errorId}>{projectName.error}</FormError>
+                  <FormError id={projectName.errorId}>{projectName.errors}</FormError>
                 </InputGroup>
                 <FormButtons
                   confirmButton={
@@ -250,18 +250,18 @@ export default function GeneralSettingsPage() {
         <div>
           <Header2 spacing>Danger zone</Header2>
           <div className="w-full rounded-sm border border-rose-500/40 p-4">
-            <Form method="post" {...deleteForm.props}>
+            <Form method="post" {...getFormProps(deleteForm)}>
               <Fieldset>
                 <InputGroup fullWidth>
                   <Label htmlFor={projectSlug.id}>Delete project</Label>
                   <Input
-                    {...conform.input(projectSlug, { type: "text" })}
+                    {...getInputProps(projectSlug, { type: "text" })}
                     placeholder="Your project slug"
                     icon={ExclamationTriangleIcon}
                     onChange={(e) => setDeleteInputValue(e.target.value)}
                   />
-                  <FormError id={projectSlug.errorId}>{projectSlug.error}</FormError>
-                  <FormError>{deleteForm.error}</FormError>
+                  <FormError id={projectSlug.errorId}>{projectSlug.errors}</FormError>
+                  <FormError>{deleteForm.errors}</FormError>
                   <Hint>
                     This change is irreversible, so please be certain. Type in the Project slug
                     <InlineCode variant="extra-small">{project.slug}</InlineCode> and then press
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.integrations/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.integrations/route.tsx
index 66bf300e00..ffe79fab6b 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.integrations/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.settings.integrations/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { Form, useActionData, useNavigation } from "@remix-run/react";
 import { json } from "@remix-run/server-runtime";
 import { typedjson, useTypedLoaderData, useTypedFetcher } from "remix-typedjson";
@@ -152,10 +152,10 @@ export const action = dashboardAction(
     const { organizationSlug, projectParam } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: UpdateBuildSettingsFormSchema });
+    const submission = parseWithZod(formData, { schema: UpdateBuildSettingsFormSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     const projectSettingsService = new ProjectSettingsService();
@@ -445,10 +445,10 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
 
   const [buildSettingsForm, fields] = useForm({
     id: "update-build-settings",
-    lastSubmission: lastSubmission,
+    lastResult: lastSubmission,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: UpdateBuildSettingsFormSchema,
       });
     },
@@ -459,12 +459,12 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
     (navigation.state === "submitting" || navigation.state === "loading");
 
   return (
-    <Form method="post" {...buildSettingsForm.props}>
+    <Form method="post" {...getFormProps(buildSettingsForm)}>
       <Fieldset>
         <InputGroup fullWidth>
           <Label htmlFor={fields.triggerConfigFilePath.id}>Trigger config file</Label>
           <Input
-            {...conform.input(fields.triggerConfigFilePath, { type: "text" })}
+            {...getInputProps(fields.triggerConfigFilePath, { type: "text" })}
             defaultValue={buildSettings?.triggerConfigFilePath || ""}
             placeholder="trigger.config.ts"
             onChange={(e) => {
@@ -478,14 +478,14 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
             Path to your Trigger configuration file, relative to the root directory of your repo.
           </Hint>
           <FormError id={fields.triggerConfigFilePath.errorId}>
-            {fields.triggerConfigFilePath.error}
+            {fields.triggerConfigFilePath.errors}
           </FormError>
         </InputGroup>
 
         <InputGroup fullWidth>
           <Label htmlFor={fields.installCommand.id}>Install command</Label>
           <Input
-            {...conform.input(fields.installCommand, { type: "text" })}
+            {...getInputProps(fields.installCommand, { type: "text" })}
             defaultValue={buildSettings?.installCommand || ""}
             placeholder="e.g., `npm install`, `pnpm install`, or `bun install`"
             onChange={(e) => {
@@ -499,12 +499,14 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
             Command to install your project dependencies. This will be run from the root directory
             of your repo. Auto-detected by default.
           </Hint>
-          <FormError id={fields.installCommand.errorId}>{fields.installCommand.error}</FormError>
+          <FormError id={fields.installCommand.errorId}>
+            {fields.installCommand.errors?.join(", ")}
+          </FormError>
         </InputGroup>
         <InputGroup fullWidth>
           <Label htmlFor={fields.preBuildCommand.id}>Pre-build command</Label>
           <Input
-            {...conform.input(fields.preBuildCommand, { type: "text" })}
+            {...getInputProps(fields.preBuildCommand, { type: "text" })}
             defaultValue={buildSettings?.preBuildCommand || ""}
             placeholder="e.g., `npm run prisma:generate`"
             onChange={(e) => {
@@ -518,13 +520,14 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
             Any command that needs to run before we build and deploy your project. This will be run
             from the root directory of your repo.
           </Hint>
-          <FormError id={fields.preBuildCommand.errorId}>{fields.preBuildCommand.error}</FormError>
+          <FormError id={fields.preBuildCommand.errorId}>
+            {fields.preBuildCommand.errors?.join(", ")}
+          </FormError>
         </InputGroup>
         <div className="border-t border-grid-dimmed pt-4">
           <InputGroup>
             <CheckboxWithLabel
-              id={fields.useNativeBuildServer.id}
-              {...conform.input(fields.useNativeBuildServer, { type: "checkbox" })}
+              {...getInputProps(fields.useNativeBuildServer, { type: "checkbox" })}
               label="Use native build server"
               variant="simple/small"
               defaultChecked={buildSettings?.useNativeBuildServer || false}
@@ -540,11 +543,11 @@ function BuildSettingsForm({ buildSettings }: { buildSettings: BuildSettings })
               default in the future. Version 4.2.0 or newer is required.
             </Hint>
             <FormError id={fields.useNativeBuildServer.errorId}>
-              {fields.useNativeBuildServer.error}
+              {fields.useNativeBuildServer.errors}
             </FormError>
           </InputGroup>
         </div>
-        <FormError>{buildSettingsForm.error}</FormError>
+        <FormError>{buildSettingsForm.errors}</FormError>
         <FormButtons
           confirmButton={
             <Button
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
index 00dcb37f4e..64842ca692 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, getSelectProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import {
   CheckCircleIcon,
   RectangleStackIcon,
@@ -160,10 +160,10 @@ export const action: ActionFunction = async ({ request, params }) => {
 
   switch (formAction) {
     case "create-template": {
-      const submission = parse(formData, { schema: RunTemplateData });
-      if (!submission.value) {
+      const submission = parseWithZod(formData, { schema: RunTemplateData });
+      if (submission.status !== "success") {
         return json({
-          ...submission,
+          ...submission.reply(),
           formAction,
         });
       }
@@ -173,7 +173,7 @@ export const action: ActionFunction = async ({ request, params }) => {
         const template = await templateService.call(environment, submission.value);
 
         return json({
-          ...submission,
+          ...submission.reply(),
           success: true,
           templateLabel: template.label,
           formAction,
@@ -184,11 +184,11 @@ export const action: ActionFunction = async ({ request, params }) => {
       }
     }
     case "delete-template": {
-      const submission = parse(formData, { schema: DeleteTaskRunTemplateData });
+      const submission = parseWithZod(formData, { schema: DeleteTaskRunTemplateData });
 
-      if (!submission.value) {
+      if (submission.status !== "success") {
         return json({
-          ...submission,
+          ...submission.reply(),
           formAction,
         });
       }
@@ -198,7 +198,7 @@ export const action: ActionFunction = async ({ request, params }) => {
         await deleteService.call(environment, submission.value.templateId);
 
         return json({
-          ...submission,
+          ...submission.reply(),
           success: true,
           formAction,
         });
@@ -209,11 +209,11 @@ export const action: ActionFunction = async ({ request, params }) => {
     }
     case "run-scheduled":
     case "run-standard": {
-      const submission = parse(formData, { schema: TestTaskData });
+      const submission = parseWithZod(formData, { schema: TestTaskData });
 
-      if (!submission.value) {
+      if (submission.status !== "success") {
         return json({
-          ...submission,
+          ...submission.reply(),
           formAction,
         });
       }
@@ -430,50 +430,48 @@ function StandardTaskForm({
 
   const [showTemplateCreatedSuccessMessage, setShowTemplateCreatedSuccessMessage] = useState(false);
 
-  const [
-    form,
-    {
-      environmentId,
-      payload,
-      metadata,
-      taskIdentifier,
-      delaySeconds,
-      ttlSeconds,
-      idempotencyKey,
-      idempotencyKeyTTLSeconds,
-      queue,
-      concurrencyKey,
-      maxAttempts,
-      maxDurationSeconds,
-      triggerSource,
-      tags,
-      version,
-      machine,
-      region,
-      prioritySeconds,
-    },
-  ] = useForm({
+  const [form, fields] = useForm({
     id: "test-task",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onSubmit(event, { formData }) {
       event.preventDefault();
 
-      formData.set(payload.name, currentPayloadJson.current);
-      formData.set(metadata.name, currentMetadataJson.current);
+      formData.set(fields.payload.name, currentPayloadJson.current);
+      formData.set(fields.metadata.name, currentMetadataJson.current);
 
       submit(formData, { method: "POST" });
     },
     onValidate({ formData }) {
-      return parse(formData, { schema: TestTaskData });
+      return parseWithZod(formData, { schema: TestTaskData });
     },
   });
+  const {
+    environmentId,
+    payload,
+    metadata,
+    taskIdentifier,
+    delaySeconds,
+    ttlSeconds,
+    idempotencyKey,
+    idempotencyKeyTTLSeconds,
+    queue,
+    concurrencyKey,
+    maxAttempts,
+    maxDurationSeconds,
+    triggerSource,
+    tags,
+    version,
+    machine,
+    region,
+    prioritySeconds,
+  } = fields;
 
   return (
-    <Form className="flex h-full max-h-full flex-col" method="post" {...form.props}>
-      <input {...conform.input(taskIdentifier, { type: "hidden" })} value={task.taskIdentifier} />
-      <input {...conform.input(environmentId, { type: "hidden" })} value={environment.id} />
-      <input {...conform.input(triggerSource, { type: "hidden" })} value={"STANDARD"} />
+    <Form className="flex h-full max-h-full flex-col" method="post" {...getFormProps(form)}>
+      <input {...getInputProps(taskIdentifier, { type: "hidden" })} value={task.taskIdentifier} />
+      <input {...getInputProps(environmentId, { type: "hidden" })} value={environment.id} />
+      <input {...getInputProps(triggerSource, { type: "hidden" })} value={"STANDARD"} />
       <div className="flex items-center justify-between gap-1.5 border-b border-grid-bright p-2">
         <div className="flex items-center gap-1.5">
           <TaskTriggerSourceIcon source={"STANDARD"} />
@@ -578,7 +576,7 @@ function StandardTaskForm({
                     Machine
                   </Label>
                   <Select
-                    {...conform.select(machine)}
+                    {...getSelectProps(machine)}
                     variant="tertiary/small"
                     placeholder="Select machine type"
                     dropdownIcon
@@ -597,14 +595,14 @@ function StandardTaskForm({
                     ))}
                   </Select>
                   <Hint>Overrides the machine preset.</Hint>
-                  <FormError id={machine.errorId}>{machine.error}</FormError>
+                  <FormError id={machine.errorId}>{machine.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label htmlFor={version.id} variant="small">
                     Version
                   </Label>
                   <Select
-                    {...conform.select(version)}
+                    {...getSelectProps(version)}
                     defaultValue="latest"
                     variant="tertiary/small"
                     placeholder="Select version"
@@ -624,7 +622,7 @@ function StandardTaskForm({
                   ) : (
                     <Hint>Runs task on a specific version.</Hint>
                   )}
-                  <FormError id={version.errorId}>{version.error}</FormError>
+                  <FormError id={version.errorId}>{version.errors}</FormError>
                 </InputGroup>
                 {regionItems.length > 1 && (
                   <InputGroup>
@@ -636,8 +634,8 @@ function StandardTaskForm({
                         switching environments. The key forces a remount so it reinitializes
                         with the correct defaultValue. */}
                     <Select
+                      {...getSelectProps(region)}
                       key={`region-${environment.id}`}
-                      {...conform.select(region)}
                       variant="tertiary/small"
                       placeholder={isDev ? "–" : undefined}
                       dropdownIcon
@@ -666,7 +664,7 @@ function StandardTaskForm({
                     ) : (
                       <Hint>Overrides the region for this run.</Hint>
                     )}
-                    <FormError id={region.errorId}>{region.error}</FormError>
+                    <FormError id={region.errorId}>{region.errors}</FormError>
                   </InputGroup>
                 )}
                 <InputGroup>
@@ -675,7 +673,7 @@ function StandardTaskForm({
                   </Label>
                   {allowArbitraryQueues ? (
                     <Input
-                      {...conform.input(queue, { type: "text" })}
+                      {...getInputProps(queue, { type: "text" })}
                       variant="small"
                       value={queueValue ?? ""}
                       onChange={(e) => setQueueValue(e.target.value)}
@@ -721,7 +719,7 @@ function StandardTaskForm({
                     </Select>
                   )}
                   <Hint>Assign run to a specific queue.</Hint>
-                  <FormError id={queue.errorId}>{queue.error}</FormError>
+                  <FormError id={queue.errorId}>{queue.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label htmlFor={tags.id} variant="small">
@@ -735,14 +733,14 @@ function StandardTaskForm({
                     onTagsChange={setTagsValue}
                   />
                   <Hint>Add tags to easily filter runs.</Hint>
-                  <FormError id={tags.errorId}>{tags.error}</FormError>
+                  <FormError id={tags.errorId}>{tags.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label htmlFor={maxAttempts.id} variant="small">
                     Max attempts
                   </Label>
                   <Input
-                    {...conform.input(maxAttempts, { type: "number" })}
+                    {...getInputProps(maxAttempts, { type: "number" })}
                     className="[&::-webkit-inner-spin-button]:appearance-none"
                     variant="small"
                     min={1}
@@ -764,7 +762,7 @@ function StandardTaskForm({
                     }}
                   />
                   <Hint>Retries failed runs up to the specified number of attempts.</Hint>
-                  <FormError id={maxAttempts.errorId}>{maxAttempts.error}</FormError>
+                  <FormError id={maxAttempts.errorId}>{maxAttempts.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label variant="small">Max duration</Label>
@@ -775,14 +773,14 @@ function StandardTaskForm({
                     onChange={setMaxDurationValue}
                   />
                   <Hint>Overrides the maximum compute time limit for the run.</Hint>
-                  <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.error}</FormError>
+                  <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label htmlFor={idempotencyKey.id} variant="small">
                     Idempotency key
                   </Label>
-                  <Input {...conform.input(idempotencyKey, { type: "text" })} variant="small" />
-                  <FormError id={idempotencyKey.errorId}>{idempotencyKey.error}</FormError>
+                  <Input {...getInputProps(idempotencyKey, { type: "text" })} variant="small" />
+                  <FormError id={idempotencyKey.errorId}>{idempotencyKey.errors}</FormError>
                   <Hint>
                     Specify an idempotency key to ensure that a task is only triggered once with the
                     same key.
@@ -796,7 +794,7 @@ function StandardTaskForm({
                   />
                   <Hint>Keys expire after 30 days by default.</Hint>
                   <FormError id={idempotencyKeyTTLSeconds.errorId}>
-                    {idempotencyKeyTTLSeconds.error}
+                    {idempotencyKeyTTLSeconds.errors}
                   </FormError>
                 </InputGroup>
                 <InputGroup>
@@ -804,7 +802,7 @@ function StandardTaskForm({
                     Concurrency key
                   </Label>
                   <Input
-                    {...conform.input(concurrencyKey, { type: "text" })}
+                    {...getInputProps(concurrencyKey, { type: "text" })}
                     variant="small"
                     value={concurrencyKeyValue ?? ""}
                     onChange={(e) => setConcurrencyKeyValue(e.target.value)}
@@ -812,19 +810,19 @@ function StandardTaskForm({
                   <Hint>
                     Limits concurrency by creating a separate queue for each value of the key.
                   </Hint>
-                  <FormError id={concurrencyKey.errorId}>{concurrencyKey.error}</FormError>
+                  <FormError id={concurrencyKey.errorId}>{concurrencyKey.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label variant="small">Delay</Label>
                   <DurationPicker name={delaySeconds.name} id={delaySeconds.id} />
                   <Hint>Delays run by a specific duration.</Hint>
-                  <FormError id={delaySeconds.errorId}>{delaySeconds.error}</FormError>
+                  <FormError id={delaySeconds.errorId}>{delaySeconds.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label variant="small">Priority</Label>
                   <DurationPicker name={prioritySeconds.name} id={prioritySeconds.id} />
                   <Hint>Sets the priority of the run. Higher values mean higher priority.</Hint>
-                  <FormError id={prioritySeconds.errorId}>{prioritySeconds.error}</FormError>
+                  <FormError id={prioritySeconds.errorId}>{prioritySeconds.errors}</FormError>
                 </InputGroup>
                 <InputGroup>
                   <Label variant="small">TTL</Label>
@@ -835,9 +833,9 @@ function StandardTaskForm({
                     onChange={setTtlValue}
                   />
                   <Hint>Expires the run if it hasn't started within the TTL.</Hint>
-                  <FormError id={ttlSeconds.errorId}>{ttlSeconds.error}</FormError>
+                  <FormError id={ttlSeconds.errorId}>{ttlSeconds.errors}</FormError>
                 </InputGroup>
-                <FormError>{form.error}</FormError>
+                <FormError>{form.errors}</FormError>
               </Fieldset>
             }
             aiContent={
@@ -1005,9 +1003,9 @@ function ScheduledTaskForm({
   ] = useForm({
     id: "test-task-scheduled",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: TestTaskData });
+      return parseWithZod(formData, { schema: TestTaskData });
     },
   });
 
@@ -1015,21 +1013,18 @@ function ScheduledTaskForm({
     <Form
       className="grid h-full max-h-full grid-rows-[1fr_auto]"
       method="post"
-      {...form.props}
+      {...getFormProps(form)}
     >
       <input
-        type="hidden"
-        {...conform.input(triggerSource, { type: "hidden" })}
+        {...getInputProps(triggerSource, { type: "hidden" })}
         value={"SCHEDULED"}
       />
       <input
-        type="hidden"
-        {...conform.input(taskIdentifier, { type: "hidden" })}
+        {...getInputProps(taskIdentifier, { type: "hidden" })}
         value={task.taskIdentifier}
       />
       <input
-        type="hidden"
-        {...conform.input(environmentId, { type: "hidden" })}
+        {...getInputProps(environmentId, { type: "hidden" })}
         value={environment.id}
       />
       {/* Main area: scrolling form with the toolbar floating on top-right in the same grid cell */}
@@ -1046,8 +1041,7 @@ function ScheduledTaskForm({
                 Timestamp UTC
               </Label>
               <input
-                type="hidden"
-                {...conform.input(timestamp, { type: "hidden" })}
+                {...getInputProps(timestamp, { type: "hidden" })}
                 value={timestampValue?.toISOString() ?? ""}
               />
               <DateField
@@ -1062,15 +1056,14 @@ function ScheduledTaskForm({
               <Hint>
                 This is the timestamp of the CRON, it will come through to your run in the payload.
               </Hint>
-              <FormError id={timestamp.errorId}>{timestamp.error}</FormError>
+              <FormError id={timestamp.errorId}>{timestamp.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={lastTimestamp.id} variant="small">
                 Last timestamp UTC
               </Label>
               <input
-                type="hidden"
-                {...conform.input(lastTimestamp, { type: "hidden" })}
+                {...getInputProps(lastTimestamp, { type: "hidden" })}
                 value={lastTimestampValue?.toISOString() ?? ""}
               />
               <DateField
@@ -1087,14 +1080,14 @@ function ScheduledTaskForm({
                 This is the timestamp of the previous run. You can use this in your code to find new
                 data since the previous run.
               </Hint>
-              <FormError id={lastTimestamp.errorId}>{lastTimestamp.error}</FormError>
+              <FormError id={lastTimestamp.errorId}>{lastTimestamp.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={timezone.id} variant="small">
                 Timezone
               </Label>
               <Select
-                {...conform.select(timezone)}
+                {...getSelectProps(timezone)}
                 placeholder="Select a timezone"
                 defaultValue={timezoneValue}
                 value={timezoneValue}
@@ -1113,14 +1106,14 @@ function ScheduledTaskForm({
                 The Timestamp and Last timestamp are in UTC so this just changes the timezone string
                 that comes through in the payload.
               </Hint>
-              <FormError id={timezone.errorId}>{timezone.error}</FormError>
+              <FormError id={timezone.errorId}>{timezone.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={externalId.id} variant="small">
                 External ID
               </Label>
               <Input
-                {...conform.input(externalId, { type: "text" })}
+                {...getInputProps(externalId, { type: "text" })}
                 placeholder="Optionally specify your own ID, e.g. user id"
                 value={externalIdValue ?? ""}
                 onChange={(e) => setExternalIdValue(e.target.value)}
@@ -1131,7 +1124,7 @@ function ScheduledTaskForm({
                 run function of your task.{" "}
                 <TextLink to={docsPath("v3/tasks-scheduled")}>Read the docs.</TextLink>
               </Hint>
-              <FormError id={externalId.errorId}>{externalId.error}</FormError>
+              <FormError id={externalId.errorId}>{externalId.errors}</FormError>
             </InputGroup>
             <div className="w-full border-b border-grid-bright" />
             <Hint>
@@ -1143,7 +1136,7 @@ function ScheduledTaskForm({
                 Machine
               </Label>
               <Select
-                {...conform.select(machine)}
+                {...getSelectProps(machine)}
                 variant="tertiary/small"
                 placeholder="Select machine type"
                 dropdownIcon
@@ -1162,14 +1155,14 @@ function ScheduledTaskForm({
                 ))}
               </Select>
               <Hint>Overrides the machine preset.</Hint>
-              <FormError id={machine.errorId}>{machine.error}</FormError>
+              <FormError id={machine.errorId}>{machine.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={version.id} variant="small">
                 Version
               </Label>
               <Select
-                {...conform.select(version)}
+                {...getSelectProps(version)}
                 defaultValue="latest"
                 variant="tertiary/small"
                 placeholder="Select version"
@@ -1187,7 +1180,7 @@ function ScheduledTaskForm({
               ) : (
                 <Hint>Runs task on a specific version.</Hint>
               )}
-              <FormError id={version.errorId}>{version.error}</FormError>
+              <FormError id={version.errorId}>{version.errors}</FormError>
             </InputGroup>
             {regionItems.length > 1 && (
               <InputGroup>
@@ -1199,8 +1192,8 @@ function ScheduledTaskForm({
                   switching environments. The key forces a remount so it reinitializes
                   with the correct defaultValue. */}
                 <Select
+                  {...getSelectProps(region)}
                   key={`region-${environment.id}`}
-                  {...conform.select(region)}
                   variant="tertiary/small"
                   placeholder={isDev ? "–" : undefined}
                   dropdownIcon
@@ -1229,7 +1222,7 @@ function ScheduledTaskForm({
                 ) : (
                   <Hint>Overrides the region for this run.</Hint>
                 )}
-                <FormError id={region.errorId}>{region.error}</FormError>
+                <FormError id={region.errorId}>{region.errors}</FormError>
               </InputGroup>
             )}
             <InputGroup>
@@ -1238,7 +1231,7 @@ function ScheduledTaskForm({
               </Label>
               {allowArbitraryQueues ? (
                 <Input
-                  {...conform.input(queue, { type: "text" })}
+                  {...getInputProps(queue, { type: "text" })}
                   variant="small"
                   value={queueValue ?? ""}
                   onChange={(e) => setQueueValue(e.target.value)}
@@ -1284,7 +1277,7 @@ function ScheduledTaskForm({
                 </Select>
               )}
               <Hint>Assign run to a specific queue.</Hint>
-              <FormError id={queue.errorId}>{queue.error}</FormError>
+              <FormError id={queue.errorId}>{queue.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={tags.id} variant="small">
@@ -1298,14 +1291,14 @@ function ScheduledTaskForm({
                 onTagsChange={setTagsValue}
               />
               <Hint>Add tags to easily filter runs.</Hint>
-              <FormError id={tags.errorId}>{tags.error}</FormError>
+              <FormError id={tags.errorId}>{tags.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={maxAttempts.id} variant="small">
                 Max attempts
               </Label>
               <Input
-                {...conform.input(maxAttempts, { type: "number" })}
+                {...getInputProps(maxAttempts, { type: "number" })}
                 className="[&::-webkit-inner-spin-button]:appearance-none"
                 variant="small"
                 min={1}
@@ -1327,7 +1320,7 @@ function ScheduledTaskForm({
                 }}
               />
               <Hint>Retries failed runs up to the specified number of attempts.</Hint>
-              <FormError id={maxAttempts.errorId}>{maxAttempts.error}</FormError>
+              <FormError id={maxAttempts.errorId}>{maxAttempts.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={maxDurationSeconds.id} variant="small">
@@ -1340,14 +1333,14 @@ function ScheduledTaskForm({
                 onChange={setMaxDurationValue}
               />
               <Hint>Overrides the maximum compute time limit for the run.</Hint>
-              <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.error}</FormError>
+              <FormError id={maxDurationSeconds.errorId}>{maxDurationSeconds.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={idempotencyKey.id} variant="small">
                 Idempotency key
               </Label>
-              <Input {...conform.input(idempotencyKey, { type: "text" })} variant="small" />
-              <FormError id={idempotencyKey.errorId}>{idempotencyKey.error}</FormError>
+              <Input {...getInputProps(idempotencyKey, { type: "text" })} variant="small" />
+              <FormError id={idempotencyKey.errorId}>{idempotencyKey.errors}</FormError>
               <Hint>
                 Specify an idempotency key to ensure that a task is only triggered once with the
                 same key.
@@ -1363,7 +1356,7 @@ function ScheduledTaskForm({
               />
               <Hint>Keys expire after 30 days by default.</Hint>
               <FormError id={idempotencyKeyTTLSeconds.errorId}>
-                {idempotencyKeyTTLSeconds.error}
+                {idempotencyKeyTTLSeconds.errors}
               </FormError>
             </InputGroup>
             <InputGroup>
@@ -1371,7 +1364,7 @@ function ScheduledTaskForm({
                 Concurrency key
               </Label>
               <Input
-                {...conform.input(concurrencyKey, { type: "text" })}
+                {...getInputProps(concurrencyKey, { type: "text" })}
                 variant="small"
                 value={concurrencyKeyValue ?? ""}
                 onChange={(e) => setConcurrencyKeyValue(e.target.value)}
@@ -1379,7 +1372,7 @@ function ScheduledTaskForm({
               <Hint>
                 Limits concurrency by creating a separate queue for each value of the key.
               </Hint>
-              <FormError id={concurrencyKey.errorId}>{concurrencyKey.error}</FormError>
+              <FormError id={concurrencyKey.errorId}>{concurrencyKey.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={prioritySeconds.id} variant="small">
@@ -1387,7 +1380,7 @@ function ScheduledTaskForm({
               </Label>
               <DurationPicker name={prioritySeconds.name} id={prioritySeconds.id} />
               <Hint>Sets the priority of the run. Higher values mean higher priority.</Hint>
-              <FormError id={prioritySeconds.errorId}>{prioritySeconds.error}</FormError>
+              <FormError id={prioritySeconds.errorId}>{prioritySeconds.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label htmlFor={ttlSeconds.id} variant="small">
@@ -1400,7 +1393,7 @@ function ScheduledTaskForm({
                 onChange={setTtlValue}
               />
               <Hint>Expires the run if it hasn't started within the TTL.</Hint>
-              <FormError id={ttlSeconds.errorId}>{ttlSeconds.error}</FormError>
+              <FormError id={ttlSeconds.errorId}>{ttlSeconds.errors}</FormError>
             </InputGroup>
           </Fieldset>
           </div>
@@ -1579,7 +1572,7 @@ function RunTemplatesPopover({
   const [deleteForm, { templateId }] = useForm({
     id: "delete-template",
     onValidate({ formData }) {
-      return parse(formData, { schema: DeleteTaskRunTemplateData });
+      return parseWithZod(formData, { schema: DeleteTaskRunTemplateData });
     },
   });
 
@@ -1695,9 +1688,9 @@ function RunTemplatesPopover({
             >
               Cancel
             </Button>
-            <Form method="post" {...deleteForm.props}>
+            <Form method="post" {...getFormProps(deleteForm)}>
               <input
-                {...conform.input(templateId, { type: "hidden" })}
+                {...getInputProps(templateId, { type: "hidden" })}
                 value={templateIdToDelete || ""}
               />
               <Button
@@ -1790,7 +1783,7 @@ function CreateTemplateModal({
     },
   ] = useForm({
     id: "save-template",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onSubmit(event, { formData }) {
       event.preventDefault();
 
@@ -1800,7 +1793,7 @@ function CreateTemplateModal({
       submit(formData, { method: "POST" });
     },
     onValidate({ formData }) {
-      return parse(formData, { schema: RunTemplateData });
+      return parseWithZod(formData, { schema: RunTemplateData });
     },
     shouldRevalidate: "onInput",
   });
@@ -1818,62 +1811,62 @@ function CreateTemplateModal({
       <DialogContent>
         <DialogHeader>Create run template</DialogHeader>
         <div className="mt-2 flex flex-col gap-4">
-          <Form method="post" {...form.props} className="w-full">
+          <Form method="post" {...getFormProps(form)} className="w-full">
             <input
-              {...conform.input(taskIdentifier, { type: "hidden" })}
+              {...getInputProps(taskIdentifier, { type: "hidden" })}
               value={rawTestTaskFormData.taskIdentifier}
             />
             <input
-              {...conform.input(environmentId, { type: "hidden" })}
+              {...getInputProps(environmentId, { type: "hidden" })}
               value={rawTestTaskFormData.environmentId}
             />
             <input
-              {...conform.input(triggerSource, { type: "hidden" })}
+              {...getInputProps(triggerSource, { type: "hidden" })}
               value={rawTestTaskFormData.triggerSource}
             />
             <input
-              {...conform.input(delaySeconds, { type: "hidden" })}
+              {...getInputProps(delaySeconds, { type: "hidden" })}
               value={rawTestTaskFormData.delaySeconds}
             />
             <input
-              {...conform.input(ttlSeconds, { type: "hidden" })}
+              {...getInputProps(ttlSeconds, { type: "hidden" })}
               value={rawTestTaskFormData.ttlSeconds}
             />
             <input
-              {...conform.input(queue, { type: "hidden" })}
+              {...getInputProps(queue, { type: "hidden" })}
               value={rawTestTaskFormData.queue}
             />
             <input
-              {...conform.input(concurrencyKey, { type: "hidden" })}
+              {...getInputProps(concurrencyKey, { type: "hidden" })}
               value={rawTestTaskFormData.concurrencyKey}
             />
             <input
-              {...conform.input(maxAttempts, { type: "hidden" })}
+              {...getInputProps(maxAttempts, { type: "hidden" })}
               value={rawTestTaskFormData.maxAttempts}
             />
             <input
-              {...conform.input(maxDurationSeconds, { type: "hidden" })}
+              {...getInputProps(maxDurationSeconds, { type: "hidden" })}
               value={rawTestTaskFormData.maxDurationSeconds}
             />
-            <input {...conform.input(tags, { type: "hidden" })} value={rawTestTaskFormData.tags} />
+            <input {...getInputProps(tags, { type: "hidden" })} value={rawTestTaskFormData.tags} />
             <input
-              {...conform.input(machine, { type: "hidden" })}
+              {...getInputProps(machine, { type: "hidden" })}
               value={rawTestTaskFormData.machine}
             />
             <input
-              {...conform.input(externalId, { type: "hidden" })}
+              {...getInputProps(externalId, { type: "hidden" })}
               value={rawTestTaskFormData.externalId}
             />
             <input
-              {...conform.input(timestamp, { type: "hidden" })}
+              {...getInputProps(timestamp, { type: "hidden" })}
               value={rawTestTaskFormData.timestamp}
             />
             <input
-              {...conform.input(lastTimestamp, { type: "hidden" })}
+              {...getInputProps(lastTimestamp, { type: "hidden" })}
               value={rawTestTaskFormData.lastTimestamp}
             />
             <input
-              {...conform.input(timezone, { type: "hidden" })}
+              {...getInputProps(timezone, { type: "hidden" })}
               value={rawTestTaskFormData.timezone}
             />
             <Paragraph className="mb-3">
@@ -1884,13 +1877,13 @@ function CreateTemplateModal({
               <InputGroup className="max-w-full">
                 <Label htmlFor={label.id}>Template label</Label>
                 <Input
-                  {...conform.input(label)}
+                  {...getInputProps(label, { type: "text" })}
                   placeholder="Enter a name for this template"
                   maxLength={42}
                 />
-                <FormError id={label.errorId}>{label.error}</FormError>
+                <FormError id={label.errorId}>{label.errors}</FormError>
               </InputGroup>
-              <FormError>{form.error}</FormError>
+              <FormError>{form.errors}</FormError>
               <FormButtons
                 confirmButton={
                   <Button
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings._index/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings._index/route.tsx
index 0eb496880a..772315db08 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings._index/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings._index/route.tsx
@@ -1,6 +1,6 @@
 import colorWheelIcon from "../../assets/images/color-wheel.png";
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { conformZodMessage, parseWithZod } from "@conform-to/zod";
 import {
   CheckIcon,
   ExclamationTriangleIcon,
@@ -129,7 +129,7 @@ export function createSchema(
         if (constraints.getSlugMatch === undefined) {
           ctx.addIssue({
             code: z.ZodIssueCode.custom,
-            message: conform.VALIDATION_UNDEFINED,
+            message: conformZodMessage.VALIDATION_UNDEFINED,
           });
         } else {
           const { isMatch, organizationSlug } = constraints.getSlugMatch(slug);
@@ -160,10 +160,10 @@ export const action: ActionFunction = async ({ request, params }) => {
       return { isMatch: slug === organizationSlug, organizationSlug };
     },
   });
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
@@ -287,10 +287,10 @@ export default function Page() {
   const [renameForm, { organizationName }] = useForm({
     id: "rename-organization",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: createSchema(),
       });
     },
@@ -299,11 +299,11 @@ export default function Page() {
   const [deleteForm, { organizationSlug }] = useForm({
     id: "delete-organization",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     shouldValidate: "onInput",
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: createSchema({
           getSlugMatch: (slug) => ({
             isMatch: slug === organization.slug,
@@ -339,19 +339,19 @@ export default function Page() {
             </div>
 
             <div>
-              <Form method="post" {...renameForm.props}>
+              <Form method="post" {...getFormProps(renameForm)}>
                 <input type="hidden" name="action" value="rename" />
                 <Fieldset className="gap-y-0">
                   <InputGroup fullWidth>
                     <Label htmlFor={organizationName.id}>Organization name</Label>
                     <Input
-                      {...conform.input(organizationName, { type: "text" })}
+                      {...getInputProps(organizationName, { type: "text" })}
                       defaultValue={organization.title}
                       placeholder="Your organization name"
                       icon={FolderIcon}
                       autoFocus
                     />
-                    <FormError id={organizationName.errorId}>{organizationName.error}</FormError>
+                    <FormError id={organizationName.errorId}>{organizationName.errors}</FormError>
                   </InputGroup>
                   <FormButtons
                     confirmButton={
@@ -374,7 +374,7 @@ export default function Page() {
               <Header2 spacing>Danger zone</Header2>
               <Form
                 method="post"
-                {...deleteForm.props}
+                {...getFormProps(deleteForm)}
                 className="w-full rounded-sm border border-rose-500/40"
               >
                 <input type="hidden" name="action" value="delete" />
@@ -382,13 +382,13 @@ export default function Page() {
                   <InputGroup>
                     <Label htmlFor={organizationSlug.id}>Delete organization</Label>
                     <Input
-                      {...conform.input(organizationSlug, { type: "text" })}
+                      {...getInputProps(organizationSlug, { type: "text" })}
                       placeholder="Your organization slug"
                       icon={ExclamationTriangleIcon}
                       fullWidth
                     />
-                    <FormError id={organizationSlug.errorId}>{organizationSlug.error}</FormError>
-                    <FormError>{deleteForm.error}</FormError>
+                    <FormError id={organizationSlug.errorId}>{organizationSlug.errors}</FormError>
+                    <FormError>{deleteForm.errors}</FormError>
                     <Hint>
                       This change is irreversible, so please be certain. Type in the Organization
                       slug <InlineCode variant="extra-small">{organization.slug}</InlineCode> and
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
index 8943742405..8739eaea3e 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
@@ -1,5 +1,5 @@
-import { conform, list, requestIntent, useFieldList, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { Form, useActionData, type MetaFunction } from "@remix-run/react";
 import { json } from "@remix-run/server-runtime";
 import { tryCatch } from "@trigger.dev/core";
@@ -163,10 +163,10 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema });
+    const submission = parseWithZod(formData, { schema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
@@ -215,20 +215,21 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
 
   const lastSubmission = useActionData();
 
-  const [form, { emails, amount, alertLevels }] = useForm({
+  const [form, fields] = useForm<z.infer<typeof schema>>({
     id: "invite-members",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     defaultValue: {
-      emails: [""],
+      emails: alerts.emails.length > 0 ? alerts.emails : [""],
     },
   });
+  const { emails, amount, alertLevels } = fields;
 
-  const fieldValues = useRef<string[]>(alerts.emails);
-  const emailFields = useFieldList(form.ref, { ...emails, defaultValue: alerts.emails });
+  const fieldValues = useRef<string[]>([...alerts.emails]);
+  const emailFields = emails.getFieldList();
 
   const checkboxLevels = [0.75, 0.9, 1.0, 2.0, 5.0];
 
@@ -236,9 +237,9 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
 
   useEffect(() => {
     if (alerts.emails.length > 0) {
-      requestIntent(form.ref.current ?? undefined, list.append(emails.name));
+      form.insert({ name: emails.name });
     }
-  }, [emails.name, form.ref]);
+  }, [emails.name]);
   const isFree = !plan?.v3Subscription?.isPaying;
 
   return (
@@ -263,7 +264,7 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                 .
               </Paragraph>
             </div>
-            <Form method="post" {...form.props}>
+            <Form method="post" {...getFormProps(form)}>
               <Fieldset>
                 <InputGroup fullWidth>
                   <Label htmlFor={amount.id}>Amount</Label>
@@ -276,7 +277,7 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                     </>
                   ) : (
                     <Input
-                      {...conform.input(amount, { type: "number" })}
+                      {...getInputProps(amount, { type: "number" })}
                       value={dollarAmount}
                       onChange={(e) => {
                         const numberValue = Number(e.target.value);
@@ -297,7 +298,7 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                       readOnly={isFree}
                     />
                   )}
-                  <FormError id={amount.errorId}>{amount.error}</FormError>
+                  <FormError id={amount.errorId}>{amount.errors}</FormError>
                 </InputGroup>
                 <InputGroup fullWidth>
                   <Label htmlFor={alertLevels.id}>Alert me when I reach</Label>
@@ -321,7 +322,7 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                       readOnly={level === 1.0}
                     />
                   ))}
-                  <FormError id={alertLevels.errorId}>{alertLevels.error}</FormError>
+                  <FormError id={alertLevels.errorId}>{alertLevels.errors}</FormError>
                 </InputGroup>
                 <InputGroup fullWidth>
                   <div className="flex items-center gap-1">
@@ -361,7 +362,7 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                   {emailFields.map((email, index) => (
                     <Fragment key={email.key}>
                       <Input
-                        {...conform.input(email, { type: "email" })}
+                        {...getInputProps(email, { type: "email" })}
                         placeholder={index === 0 ? "Enter an email address" : "Add another email"}
                         autoFocus={index === 0}
                         onChange={(e) => {
@@ -370,12 +371,12 @@ function BillingAlerts({ alerts }: { alerts: BillingAlertsData["alerts"] }) {
                             emailFields.length === fieldValues.current.length &&
                             fieldValues.current.every((v) => v !== "")
                           ) {
-                            requestIntent(form.ref.current ?? undefined, list.append(emails.name));
+                            form.insert({ name: emails.name });
                           }
                         }}
                         fullWidth
                       />
-                      <FormError id={email.errorId}>{email.error}</FormError>
+                      <FormError id={email.errorId}>{email.errors}</FormError>
                     </Fragment>
                   ))}
                 </InputGroup>
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections.new/route.tsx
index 142d279617..fd18aa3768 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections.new/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.private-connections.new/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { Form, useActionData, useParams, type MetaFunction } from "@remix-run/react";
 import { json, type ActionFunction, type LoaderFunctionArgs } from "@remix-run/server-runtime";
 import { tryCatch } from "@trigger.dev/core/utils";
@@ -101,10 +101,10 @@ export const action: ActionFunction = async ({ request, params }) => {
   const { organizationSlug } = OrganizationParamsSchema.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const organization = await prisma.organization.findFirst({
@@ -544,9 +544,9 @@ export default function Page() {
 
   const [form, { name, endpointServiceName, targetRegion }] = useForm({
     id: "create-private-connection",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
   });
 
@@ -724,30 +724,30 @@ export default function Page() {
             {/* Connection form (always visible) */}
             <div className="rounded-lg border border-grid-dimmed p-4">
               <Header3 spacing>Connection Details</Header3>
-              <Form method="post" {...form.props}>
+              <Form method="post" {...getFormProps(form)}>
                 <Fieldset>
                   <InputGroup fullWidth>
                     <Label htmlFor={name.id} required>
                       Friendly name
                     </Label>
                     <Input
-                      {...conform.input(name, { type: "text" })}
+                      {...getInputProps(name, { type: "text" })}
                       placeholder="e.g., Production Database, Redis Cache"
                       fullWidth
                     />
-                    <FormError id={name.errorId}>{name.error}</FormError>
+                    <FormError id={name.errorId}>{name.errors}</FormError>
                   </InputGroup>
                   <InputGroup fullWidth>
                     <Label htmlFor={endpointServiceName.id} required>
                       VPC Endpoint Service name
                     </Label>
                     <Input
-                      {...conform.input(endpointServiceName, { type: "text" })}
+                      {...getInputProps(endpointServiceName, { type: "text" })}
                       placeholder="com.amazonaws.vpce.us-east-1.vpce-svc-0123456789abcdef0"
                       fullWidth
                     />
                     <FormError id={endpointServiceName.errorId}>
-                      {endpointServiceName.error}
+                      {endpointServiceName.errors}
                     </FormError>
                   </InputGroup>
                   <InputGroup fullWidth>
@@ -755,7 +755,7 @@ export default function Page() {
                       Target region
                     </Label>
                     <select
-                      {...conform.input(targetRegion)}
+                      {...getInputProps(targetRegion, { type: "text" })}
                       defaultValue={defaultRegion}
                       className="w-full rounded-md border border-charcoal-700 bg-charcoal-800 px-3 py-2 text-sm text-text-bright"
                     >
@@ -765,7 +765,7 @@ export default function Page() {
                         </option>
                       ))}
                     </select>
-                    <FormError id={targetRegion.errorId}>{targetRegion.error}</FormError>
+                    <FormError id={targetRegion.errorId}>{targetRegion.errors}</FormError>
                     {activeRegions.length > 0 && (
                       <Paragraph variant="extra-small" className="text-text-dimmed">
                         Your tasks have recently run in: {activeRegions.join(", ")}
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx
index 044444c17e..218f668d36 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { EnvelopeIcon, NoSymbolIcon, UserPlusIcon } from "@heroicons/react/20/solid";
 import { DialogClose } from "@radix-ui/react-dialog";
 import {
@@ -169,9 +169,9 @@ export const action = dashboardAction(
       if (!orgId) {
         return json({ ok: false, error: "Organization not found" } as const, { status: 404 });
       }
-      const submission = parse(formData, { schema: SetRoleSchema });
-      if (!submission.value || submission.intent !== "submit") {
-        return json(submission);
+      const submission = parseWithZod(formData, { schema: SetRoleSchema });
+      if (submission.status !== "success") {
+        return json(submission.reply());
       }
       const result = await rbac.setUserRole({
         userId: submission.value.userId,
@@ -218,10 +218,10 @@ export const action = dashboardAction(
         });
       }
 
-      const submission = parse(formData, { schema: PurchaseSchema });
+      const submission = parseWithZod(formData, { schema: PurchaseSchema });
 
-      if (!submission.value || submission.intent !== "submit") {
-        return json(submission);
+      if (submission.status !== "success") {
+        return json(submission.reply());
       }
 
       const service = new SetSeatsAddOnService();
@@ -235,22 +235,24 @@ export const action = dashboardAction(
       );
 
       if (error) {
-        submission.error.amount = [error instanceof Error ? error.message : "Unknown error"];
-        return json(submission);
+        return json(
+          submission.reply({
+            fieldErrors: { amount: [error instanceof Error ? error.message : "Unknown error"] },
+          })
+        );
       }
 
       if (!result.success) {
-        submission.error.amount = [result.error];
-        return json(submission);
+        return json(submission.reply({ fieldErrors: { amount: [result.error] } }));
       }
 
       return json({ ok: true } as const);
     }
 
-    const submission = parse(formData, { schema });
+    const submission = parseWithZod(formData, { schema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     // Default intent: remove a member or leave the org. Scope the target to
@@ -728,12 +730,12 @@ function LeaveTeamModal({
   const [open, setOpen] = useState(false);
   const lastSubmission = useActionData();
 
-  const [form, { memberId }] = useForm({
+  const [form, fields] = useForm({
     id: "remove-member",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
   });
 
@@ -751,9 +753,9 @@ function LeaveTeamModal({
           <AlertCancel asChild>
             <Button variant="secondary/small">Cancel</Button>
           </AlertCancel>
-          <Form method="post" {...form.props} onSubmit={() => setOpen(false)}>
+          <Form method="post" {...getFormProps(form)} onSubmit={() => setOpen(false)}>
             <input type="hidden" value={member.id} name="memberId" />
-            <Button type="submit" variant="danger/small" form={form.props.id}>
+            <Button type="submit" variant="danger/small" form={form.id}>
               {actionText}
             </Button>
           </Form>
@@ -880,17 +882,18 @@ export function PurchaseSeatsModal({
   const fetcher = useFetcher();
   const organization = useOrganization();
   const lastSubmission =
-    fetcher.data && typeof fetcher.data === "object" && "intent" in fetcher.data
+    fetcher.data && typeof fetcher.data === "object" && "status" in fetcher.data
       ? fetcher.data
       : undefined;
-  const [form, { amount }] = useForm({
+  const [form, fields] = useForm({
     id: "purchase-seats",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: PurchaseSchema });
+      return parseWithZod(formData, { schema: PurchaseSchema });
     },
     shouldRevalidate: "onSubmit",
   });
+  const amount = fields.amount;
 
   const [amountValue, setAmountValue] = useState(extraSeats);
   useEffect(() => {
@@ -960,7 +963,7 @@ export function PurchaseSeatsModal({
       <DialogTrigger asChild>{trigger}</DialogTrigger>
       <DialogContent>
         <DialogHeader>{title}</DialogHeader>
-        <fetcher.Form method="post" action={organizationTeamPath(organization)} {...form.props}>
+        <fetcher.Form method="post" action={organizationTeamPath(organization)} {...getFormProps(form)}>
           <input type="hidden" name="_formType" value="purchase-seats" />
           <div className="flex flex-col gap-4 pt-2">
             <div className="flex flex-col gap-1">
@@ -976,7 +979,7 @@ export function PurchaseSeatsModal({
                   Total extra seats
                 </Label>
                 <InputNumberStepper
-                  {...conform.input(amount, { type: "number" })}
+                  {...getInputProps(amount, { type: "number" })}
                   step={seatPricing.stepSize}
                   min={0}
                   max={undefined}
@@ -984,10 +987,8 @@ export function PurchaseSeatsModal({
                   onChange={(e) => setAmountValue(Number(e.target.value))}
                   disabled={isLoading}
                 />
-                <FormError id={amount.errorId}>
-                  {amount.error ?? amount.initialError?.[""]?.[0]}
-                </FormError>
-                <FormError>{form.error}</FormError>
+                <FormError id={amount.errorId}>{amount.errors}</FormError>
+                <FormError>{form.errors}</FormError>
               </InputGroup>
             </Fieldset>
             {state === "need_to_remove_members" ? (
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx
index 39cde0cf2d..a917aeb34d 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { CommandLineIcon, FolderIcon } from "@heroicons/react/20/solid";
 import { json, type ActionFunction, type LoaderFunctionArgs } from "@remix-run/node";
 import { Form, useActionData, useNavigation } from "@remix-run/react";
@@ -179,10 +179,10 @@ export const action: ActionFunction = async ({ request, params }) => {
   invariant(organizationSlug, "organizationSlug is required");
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const url = new URL(request.url);
@@ -328,9 +328,9 @@ export default function Page() {
 
   const [form, { projectName, projectVersion }] = useForm({
     id: "create-project",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
   });
 
@@ -368,7 +368,7 @@ export default function Page() {
               title="Create a new project"
               description={`This will create a new project in your "${organization.title}" organization.`}
             />
-            <Form method="post" {...form.props}>
+            <Form method="post" {...getFormProps(form)}>
               {message && (
                 <Callout variant="success" className="mb-4">
                   {message}
@@ -380,17 +380,17 @@ export default function Page() {
                     Project name <span className="text-text-bright">*</span>
                   </Label>
                   <Input
-                    {...conform.input(projectName, { type: "text" })}
+                    {...getInputProps(projectName, { type: "text" })}
                     placeholder="Your project name"
                     icon={FolderIcon}
                     autoFocus
                   />
-                  <FormError id={projectName.errorId}>{projectName.error}</FormError>
+                  <FormError id={projectName.errorId}>{projectName.errors}</FormError>
                 </InputGroup>
                 {canCreateV3Projects ? (
-                  <input {...conform.input(projectVersion, { type: "hidden" })} value={"v3"} />
+                  <input {...getInputProps(projectVersion, { type: "hidden" })} defaultValue={"v3"} />
                 ) : (
-                  <input {...conform.input(projectVersion, { type: "hidden" })} value={"v2"} />
+                  <input {...getInputProps(projectVersion, { type: "hidden" })} defaultValue={"v2"} />
                 )}
 
                 <div className="border-t border-charcoal-700" />
diff --git a/apps/webapp/app/routes/_app.orgs.new/route.tsx b/apps/webapp/app/routes/_app.orgs.new/route.tsx
index f4f7f995bf..9a3eadc18e 100644
--- a/apps/webapp/app/routes/_app.orgs.new/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.new/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { BuildingOffice2Icon, GlobeAltIcon } from "@heroicons/react/20/solid";
 import { RadioGroup } from "@radix-ui/react-radio-group";
 import { json, redirect, type ActionFunction, type LoaderFunctionArgs } from "@remix-run/node";
@@ -46,10 +46,10 @@ export const loader = async ({ request }: LoaderFunctionArgs) => {
 export const action: ActionFunction = async ({ request }) => {
   const user = await requireUser(request);
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
@@ -115,9 +115,9 @@ export default function NewOrganizationPage() {
 
   const [form, { orgName }] = useForm({
     id: "create-organization",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onSubmit",
     shouldValidate: "onSubmit",
@@ -148,18 +148,18 @@ export default function NewOrganizationPage() {
             LeadingIcon={<BuildingOffice2Icon className="size-6 text-fuchsia-600" />}
             title="Create an Organization"
           />
-          <Form method="post" {...form.props}>
+          <Form method="post" {...getFormProps(form)}>
             <Fieldset>
               <InputGroup>
                 <Label htmlFor={orgName.id}>Organization name *</Label>
                 <Input
-                  {...conform.input(orgName, { type: "text" })}
+                  {...getInputProps(orgName, { type: "text" })}
                   placeholder="Your Organization name"
                   icon={BuildingOffice2Icon}
                   autoFocus
                 />
                 <Hint>Normally your company name.</Hint>
-                <FormError id={orgName.errorId}>{orgName.error}</FormError>
+                <FormError id={orgName.errorId}>{orgName.errors}</FormError>
               </InputGroup>
               {isManagedCloud && (
                 <>
diff --git a/apps/webapp/app/routes/account._index/route.tsx b/apps/webapp/app/routes/account._index/route.tsx
index 9761c7c145..78e8d4e572 100644
--- a/apps/webapp/app/routes/account._index/route.tsx
+++ b/apps/webapp/app/routes/account._index/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { conformZodMessage, parseWithZod } from "@conform-to/zod";
 import { Form, type MetaFunction, useActionData } from "@remix-run/react";
 import { type ActionFunction, json } from "@remix-run/server-runtime";
 import { z } from "zod";
@@ -55,7 +55,7 @@ function createSchema(
           //client-side validation skips this
           ctx.addIssue({
             code: z.ZodIssueCode.custom,
-            message: conform.VALIDATION_UNDEFINED,
+            message: conformZodMessage.VALIDATION_UNDEFINED,
           });
         } else {
           // Tell zod this is an async validation by returning the promise
@@ -100,10 +100,10 @@ export const action: ActionFunction = async ({ request }) => {
     },
   });
 
-  const submission = await parse(formData, { schema: formSchema, async: true });
+  const submission = await parseWithZod(formData, { schema: formSchema, async: true });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
@@ -131,9 +131,9 @@ export default function Page() {
   const [form, { name, email, marketingEmails }] = useForm({
     id: "account",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: createSchema() });
+      return parseWithZod(formData, { schema: createSchema() });
     },
   });
 
@@ -148,7 +148,7 @@ export default function Page() {
           <div className="mb-3 w-full border-b border-grid-dimmed pb-3">
             <Header2>Profile</Header2>
           </div>
-          <Form method="post" {...form.props} className="w-full">
+          <Form method="post" {...getFormProps(form)} className="w-full">
             <InputGroup className="mb-4">
               <Label htmlFor={name.id}>Profile picture</Label>
               <UserProfilePhoto className="size-24" />
@@ -157,34 +157,33 @@ export default function Page() {
               <InputGroup fullWidth>
                 <Label htmlFor={name.id}>Full name</Label>
                 <Input
-                  {...conform.input(name, { type: "text" })}
+                  {...getInputProps(name, { type: "text" })}
                   placeholder="Your full name"
                   defaultValue={user?.name ?? ""}
                   icon={AvatarCircleIcon}
                 />
                 <Hint>Your teammates will see this</Hint>
-                <FormError id={name.errorId}>{name.error}</FormError>
+                <FormError id={name.errorId}>{name.errors}</FormError>
               </InputGroup>
               <InputGroup fullWidth>
                 <Label htmlFor={email.id}>Email address</Label>
                 <Input
-                  {...conform.input(email, { type: "text" })}
+                  {...getInputProps(email, { type: "text" })}
                   placeholder="Your email"
                   defaultValue={user?.email ?? ""}
                   icon={EnvelopeIcon}
                 />
-                <FormError id={email.errorId}>{email.error}</FormError>
+                <FormError id={email.errorId}>{email.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label>Notifications</Label>
                 <CheckboxWithLabel
-                  id="marketingEmails"
-                  {...conform.input(marketingEmails, { type: "checkbox" })}
+                  {...getInputProps(marketingEmails, { type: "checkbox" })}
                   label="Receive onboarding emails"
                   variant="simple/small"
                   defaultChecked={user.marketingEmails}
                 />
-                <FormError id={marketingEmails.errorId}>{marketingEmails.error}</FormError>
+                <FormError id={marketingEmails.errorId}>{marketingEmails.errors}</FormError>
               </InputGroup>
 
               <FormButtons
diff --git a/apps/webapp/app/routes/account.tokens/route.tsx b/apps/webapp/app/routes/account.tokens/route.tsx
index d2ef3b5f82..931d5487ae 100644
--- a/apps/webapp/app/routes/account.tokens/route.tsx
+++ b/apps/webapp/app/routes/account.tokens/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { BookOpenIcon, ShieldCheckIcon, TrashIcon } from "@heroicons/react/20/solid";
 import { ShieldExclamationIcon } from "@heroicons/react/24/solid";
 import { DialogClose } from "@radix-ui/react-dialog";
@@ -187,10 +187,10 @@ const CreateTokenSchema = z.discriminatedUnion("action", [
 export const action: ActionFunction = async ({ request }) => {
   const userId = await requireUserId(request);
   const formData = await request.formData();
-  const submission = parse(formData, { schema: CreateTokenSchema });
+  const submission = parseWithZod(formData, { schema: CreateTokenSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   switch (submission.value.action) {
@@ -219,7 +219,7 @@ export const action: ActionFunction = async ({ request }) => {
           roleId: submittedRoleId,
         });
 
-        return json({ ...submission, payload: { token: tokenResult } });
+        return json({ ...submission.reply(), payload: { token: tokenResult } });
       } catch (error: any) {
         return json({ errors: { body: error.message } }, { status: 400 });
       }
@@ -345,9 +345,9 @@ function CreatePersonalAccessToken({
   const [form, { tokenName }] = useForm({
     id: "create-personal-access-token",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: CreateTokenSchema });
+      return parseWithZod(formData, { schema: CreateTokenSchema });
     },
   });
 
@@ -381,14 +381,14 @@ function CreatePersonalAccessToken({
           />
         </div>
       ) : (
-        <fetcher.Form method="post" {...form.props}>
+        <fetcher.Form method="post" {...getFormProps(form)}>
           <input type="hidden" name="action" value="create" />
           {showRolePicker && <input type="hidden" name="roleId" value={selectedRoleId} />}
           <Fieldset className="mt-3">
             <InputGroup>
               <Label htmlFor={tokenName.id}>Name</Label>
               <Input
-                {...conform.input(tokenName, { type: "text" })}
+                {...getInputProps(tokenName, { type: "text" })}
                 placeholder="Name your Personal Access Token"
                 defaultValue=""
                 icon={ShieldCheckIcon}
@@ -398,7 +398,7 @@ function CreatePersonalAccessToken({
                 This will help you to identify your token. Tokens called "cli" are automatically
                 generated when you login with our CLI.
               </Hint>
-              <FormError id={tokenName.errorId}>{tokenName.error}</FormError>
+              <FormError id={tokenName.errorId}>{tokenName.errors}</FormError>
             </InputGroup>
 
             {showRolePicker && (
@@ -451,12 +451,12 @@ function CreatePersonalAccessToken({
 function RevokePersonalAccessToken({ token }: { token: ObfuscatedPersonalAccessToken }) {
   const lastSubmission = useActionData();
 
-  const [form, { tokenId }] = useForm({
+  const [form, fields] = useForm({
     id: "revoke-personal-access-token",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: CreateTokenSchema });
+      return parseWithZod(formData, { schema: CreateTokenSchema });
     },
   });
 
@@ -478,7 +478,7 @@ function RevokePersonalAccessToken({ token }: { token: ObfuscatedPersonalAccessT
               </Paragraph>
               <FormButtons
                 confirmButton={
-                  <Form method="post" {...form.props}>
+                  <Form method="post" {...getFormProps(form)}>
                     <input type="hidden" name="action" value="revoke" />
                     <input type="hidden" name="tokenId" value={token.id} />
                     <Button type="submit" variant="danger/medium">
diff --git a/apps/webapp/app/routes/confirm-basic-details.tsx b/apps/webapp/app/routes/confirm-basic-details.tsx
index 2430af764e..7eda5c7ccb 100644
--- a/apps/webapp/app/routes/confirm-basic-details.tsx
+++ b/apps/webapp/app/routes/confirm-basic-details.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { conformZodMessage, parseWithZod } from "@conform-to/zod";
 import { ArrowRightIcon, EnvelopeIcon, UserIcon } from "@heroicons/react/20/solid";
 import { UserGroupIcon } from "~/assets/icons/UserGroupIcon";
 import { HandRaisedIcon } from "@heroicons/react/24/solid";
@@ -80,7 +80,7 @@ function createSchema(
           if (constraints.isEmailUnique === undefined) {
             ctx.addIssue({
               code: z.ZodIssueCode.custom,
-              message: conform.VALIDATION_UNDEFINED,
+              message: conformZodMessage.VALIDATION_UNDEFINED,
             });
           } else {
             return constraints.isEmailUnique(email).then((isUnique) => {
@@ -133,10 +133,10 @@ export const action: ActionFunction = async ({ request }) => {
     },
   });
 
-  const submission = await parse(formData, { schema: formSchema, async: true });
+  const submission = await parseWithZod(formData, { schema: formSchema, async: true });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
@@ -230,9 +230,9 @@ export default function Page() {
 
   const [form, { name, email, confirmEmail }] = useForm({
     id: "confirm-basic-details",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema: createSchema() });
+      return parseWithZod(formData, { schema: createSchema() });
     },
     shouldRevalidate: "onSubmit",
   });
@@ -243,7 +243,7 @@ export default function Page() {
     <AppContainer className="bg-charcoal-900">
       <BackgroundWrapper>
         <MainCenteredContainer variant="onboarding" className="max-w-[29rem] rounded-lg border border-grid-bright bg-background-dimmed p-5 shadow-lg">
-          <Form method="post" {...form.props}>
+          <Form method="post" {...getFormProps(form)}>
             <FormTitle
               title="Welcome to Trigger.dev"
               LeadingIcon={
@@ -274,20 +274,20 @@ export default function Page() {
                   Full name <span className="text-text-bright">*</span>
                 </Label>
                 <Input
-                  {...conform.input(name, { type: "text" })}
+                  {...getInputProps(name, { type: "text" })}
                   defaultValue={user.name ?? ""}
                   placeholder="Your full name"
                   icon={UserIcon}
                   autoFocus
                 />
-                <FormError id={name.errorId}>{name.error}</FormError>
+                <FormError id={name.errorId}>{name.errors}</FormError>
               </InputGroup>
               <InputGroup>
                 <Label htmlFor={email.id}>
                   Email <span className="text-text-bright">*</span>
                 </Label>
                 <Input
-                  {...conform.input(email, { type: "email" })}
+                  {...getInputProps(email, { type: "email" })}
                   defaultValue={enteredEmail}
                   onChange={(e) => {
                     setEnteredEmail(e.target.value);
@@ -296,23 +296,23 @@ export default function Page() {
                   icon={EnvelopeIcon}
                   spellCheck={false}
                 />
-                <FormError id={email.errorId}>{email.error}</FormError>
+                <FormError id={email.errorId}>{email.errors}</FormError>
               </InputGroup>
 
               {shouldShowConfirm ? (
                 <InputGroup>
                   <Label htmlFor={confirmEmail.id}>Confirm email</Label>
                   <Input
-                    {...conform.input(confirmEmail, { type: "email" })}
+                    {...getInputProps(confirmEmail, { type: "email" })}
                     placeholder="Your email, again"
                     icon={EnvelopeIcon}
                     spellCheck={false}
                   />
-                  <FormError id={confirmEmail.errorId}>{confirmEmail.error}</FormError>
+                  <FormError id={confirmEmail.errorId}>{confirmEmail.errors}</FormError>
                 </InputGroup>
               ) : (
                 <>
-                  <input {...conform.input(confirmEmail, { type: "hidden" })} value={user.email} />
+                  <input {...getInputProps(confirmEmail, { type: "hidden" })} value={user.email} />
                 </>
               )}
 
diff --git a/apps/webapp/app/routes/invite-resend.tsx b/apps/webapp/app/routes/invite-resend.tsx
index 9d3f836365..f2938b67a6 100644
--- a/apps/webapp/app/routes/invite-resend.tsx
+++ b/apps/webapp/app/routes/invite-resend.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/server-runtime";
 import { env } from "process";
 import { z } from "zod";
@@ -32,10 +32,10 @@ export const action = dashboardAction(
   },
   async ({ request, user }) => {
     const formData = await request.formData();
-    const submission = parse(formData, { schema: resendSchema });
+    const submission = parseWithZod(formData, { schema: resendSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
diff --git a/apps/webapp/app/routes/invite-revoke.tsx b/apps/webapp/app/routes/invite-revoke.tsx
index 457a69eafe..fc1e4d0b79 100644
--- a/apps/webapp/app/routes/invite-revoke.tsx
+++ b/apps/webapp/app/routes/invite-revoke.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/server-runtime";
 import { z } from "zod";
 import { $replica } from "~/db.server";
@@ -31,10 +31,10 @@ export const action = dashboardAction(
   },
   async ({ request, user }) => {
     const formData = await request.formData();
-    const submission = parse(formData, { schema: revokeSchema });
+    const submission = parseWithZod(formData, { schema: revokeSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
diff --git a/apps/webapp/app/routes/invites.tsx b/apps/webapp/app/routes/invites.tsx
index 7b234d4129..c419ba0d5c 100644
--- a/apps/webapp/app/routes/invites.tsx
+++ b/apps/webapp/app/routes/invites.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { type ActionFunction, type LoaderFunctionArgs, json, redirect } from "@remix-run/node";
 import { Form, useActionData } from "@remix-run/react";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
@@ -39,14 +39,16 @@ export const action: ActionFunction = async ({ request }) => {
   const user = await requireUser(request);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
+  const intent = formData.get("intent");
+
   try {
-    if (submission.intent === "accept") {
+    if (intent === "accept") {
       const { remainingInvites, organization } = await acceptInvite({
         inviteId: submission.value.inviteId,
         user: { id: user.id, email: user.email },
@@ -61,7 +63,7 @@ export const action: ActionFunction = async ({ request }) => {
           `You joined ${organization.title}`
         );
       }
-    } else if (submission.intent === "decline") {
+    } else if (intent === "decline") {
       const { remainingInvites, organization } = await declineInvite({
         inviteId: submission.value.inviteId,
         user: { id: user.id, email: user.email },
@@ -89,12 +91,12 @@ export default function Page() {
   const { invites } = useTypedLoaderData<typeof loader>();
   const lastSubmission = useActionData();
 
-  const [form, { inviteId }] = useForm({
+  const [form, fields] = useForm({
     id: "accept-invite",
     // TODO: type this
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
   });
 
@@ -109,7 +111,7 @@ export default function Page() {
               title={simplur`You have ${invites.length} new invitation[|s]`}
             />
             {invites.map((invite) => (
-              <Form key={invite.id} method="post" {...form.props}>
+              <Form key={invite.id} method="post" {...getFormProps(form)}>
                 <Fieldset>
                   <InputGroup className="flex items-center justify-between border-b border-charcoal-800 py-4">
                     <div className="flex flex-col gap-y-0.5 overflow-hidden">
@@ -122,7 +124,7 @@ export default function Page() {
                     <div className="flex flex-col gap-y-1">
                       <Button
                         type="submit"
-                        name={conform.INTENT}
+                        name="intent"
                         value="accept"
                         variant={"primary/small"}
                       >
@@ -130,7 +132,7 @@ export default function Page() {
                       </Button>
                       <Button
                         type="submit"
-                        name={conform.INTENT}
+                        name="intent"
                         value="decline"
                         variant={"secondary/small"}
                       >
diff --git a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.cancel.ts b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.cancel.ts
index ffc7e4315c..dd1c452c51 100644
--- a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.cancel.ts
+++ b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.cancel.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/node";
 import { errAsync, fromPromise, okAsync } from "neverthrow";
 import { z } from "zod";
@@ -39,10 +39,10 @@ export const action = dashboardAction(
     const userId = user.id;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: cancelSchema });
+    const submission = parseWithZod(formData, { schema: cancelSchema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     const verifyProjectMembership = () =>
diff --git a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.promote.ts b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.promote.ts
index 734f7c8259..979264516d 100644
--- a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.promote.ts
+++ b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.promote.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/node";
 import { z } from "zod";
 import { $replica, prisma } from "~/db.server";
@@ -37,10 +37,10 @@ export const action = dashboardAction(
     const { projectId, deploymentShortCode } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: promoteSchema });
+    const submission = parseWithZod(formData, { schema: promoteSchema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
@@ -93,12 +93,10 @@ export const action = dashboardAction(
             stack: error.stack,
           },
         });
-        submission.error = { "": [error.message] };
-        return json(submission);
+        return json(submission.reply({ formErrors: [error.message] }));
       } else {
         logger.error("Failed to promote deployment", { error });
-        submission.error = { "": [JSON.stringify(error)] };
-        return json(submission);
+        return json(submission.reply({ formErrors: [JSON.stringify(error)] }));
       }
     }
   }
diff --git a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.rollback.ts b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.rollback.ts
index d7387185ff..d109e97c9d 100644
--- a/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.rollback.ts
+++ b/apps/webapp/app/routes/resources.$projectId.deployments.$deploymentShortCode.rollback.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/node";
 import { z } from "zod";
 import { $replica, prisma } from "~/db.server";
@@ -37,10 +37,10 @@ export const action = dashboardAction(
     const { projectId, deploymentShortCode } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: rollbackSchema });
+    const submission = parseWithZod(formData, { schema: rollbackSchema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
@@ -93,12 +93,10 @@ export const action = dashboardAction(
             stack: error.stack,
           },
         });
-        submission.error = { "": [error.message] };
-        return json(submission);
+        return json(submission.reply({ formErrors: [error.message] }));
       } else {
         logger.error("Failed to roll back deployment", { error });
-        submission.error = { "": [JSON.stringify(error)] };
-        return json(submission);
+        return json(submission.reply({ formErrors: [JSON.stringify(error)] }));
       }
     }
   }
diff --git a/apps/webapp/app/routes/resources.batches.$batchId.check-completion.ts b/apps/webapp/app/routes/resources.batches.$batchId.check-completion.ts
index 5fff969e6a..40c4565a93 100644
--- a/apps/webapp/app/routes/resources.batches.$batchId.check-completion.ts
+++ b/apps/webapp/app/routes/resources.batches.$batchId.check-completion.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { ActionFunction, json } from "@remix-run/node";
 import { assertExhaustive } from "@trigger.dev/core/utils";
 import { z } from "zod";
@@ -18,10 +18,10 @@ export const action: ActionFunction = async ({ request, params }) => {
   const { batchId } = ParamSchema.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: checkCompletionSchema });
+  const submission = parseWithZod(formData, { schema: checkCompletionSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
diff --git a/apps/webapp/app/routes/resources.branches.archive.tsx b/apps/webapp/app/routes/resources.branches.archive.tsx
index 6421e5588e..336dd9afca 100644
--- a/apps/webapp/app/routes/resources.branches.archive.tsx
+++ b/apps/webapp/app/routes/resources.branches.archive.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { DialogClose } from "@radix-ui/react-dialog";
 import { Form, useActionData, useFetcher, useLocation } from "@remix-run/react";
 import { json, type ActionFunctionArgs } from "@remix-run/server-runtime";
@@ -29,9 +29,9 @@ export async function action({ request }: ActionFunctionArgs) {
   const userId = await requireUserId(request);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value) {
+  if (submission.status !== "success") {
     return redirectWithErrorMessage("/", request, "Invalid form data");
   }
 
@@ -65,9 +65,9 @@ export function ArchiveButton({
 
   const [form, { environmentId, redirectPath }] = useForm({
     id: "archive-branch",
-    lastSubmission: lastSubmission as any,
+    lastResult: lastSubmission as any,
     onValidate({ formData }) {
-      return parse(formData, { schema });
+      return parseWithZod(formData, { schema });
     },
     shouldRevalidate: "onInput",
   });
@@ -92,13 +92,13 @@ export function ArchiveButton({
           <Form
             method="post"
             action="/resources/branches/archive"
-            {...form.props}
+            {...getFormProps(form)}
             className="w-full"
           >
-            <input value={environment.id} {...conform.input(environmentId, { type: "hidden" })} />
+            <input value={environment.id} {...getInputProps(environmentId, { type: "hidden" })} />
             <input
               value={`${location.pathname}${location.search}`}
-              {...conform.input(redirectPath, { type: "hidden" })}
+              {...getInputProps(redirectPath, { type: "hidden" })}
             />
             <Paragraph spacing>
               This will <span className="text-text-bright">permanently</span> make this branch{" "}
@@ -111,7 +111,7 @@ export function ArchiveButton({
             <Paragraph spacing>
               Once archived you can create a new branch with the same name.
             </Paragraph>
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
             <FormButtons
               confirmButton={
                 <Button LeadingIcon={ArchiveIcon} type="submit" variant="danger/medium">
diff --git a/apps/webapp/app/routes/resources.feedback.ts b/apps/webapp/app/routes/resources.feedback.ts
index 62b13b518b..e6787aa916 100644
--- a/apps/webapp/app/routes/resources.feedback.ts
+++ b/apps/webapp/app/routes/resources.feedback.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { type ActionFunctionArgs, json } from "@remix-run/server-runtime";
 import { type PlainClient, uiComponent } from "@team-plain/typescript-sdk";
 import { z } from "zod";
@@ -76,10 +76,10 @@ export async function action({ request }: ActionFunctionArgs) {
   const user = await requireUser(request);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema });
+  const submission = parseWithZod(formData, { schema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const inquiry = feedbackTypes[submission.value.feedbackType as FeedbackType];
@@ -121,7 +121,10 @@ export async function action({ request }: ActionFunctionArgs) {
       "Thanks for your feedback! We'll get back to you soon."
     );
   } catch (e) {
-    submission.error.message = [e instanceof Error ? e.message : "Unknown error"];
-    return json(submission);
+    return json(
+      submission.reply({
+        fieldErrors: { message: [e instanceof Error ? e.message : "Unknown error"] },
+      })
+    );
   }
 }
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.github.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.github.tsx
index d0f662b2b7..38fed23c75 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.github.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.github.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { CheckCircleIcon, LockClosedIcon, PlusIcon } from "@heroicons/react/20/solid";
 import {
   Form,
@@ -208,10 +208,10 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: GitHubActionSchema });
+    const submission = parseWithZod(formData, { schema: GitHubActionSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     const projectSettingsService = new ProjectSettingsService();
@@ -415,10 +415,10 @@ export function ConnectGitHubRepoModal({
 
   const [form, { installationId, repositoryId }] = useForm({
     id: "connect-repo",
-    lastSubmission: lastSubmission,
+    lastResult: lastSubmission,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: ConnectGitHubRepoFormSchema,
       });
     },
@@ -484,7 +484,7 @@ export function ConnectGitHubRepoModal({
       >
         <DialogHeader>Connect GitHub repository</DialogHeader>
         <div className="mt-2 flex flex-col gap-4">
-          <Form method="post" action={actionUrl} {...form.props} className="w-full">
+          <Form method="post" action={actionUrl} {...getFormProps(form)} className="w-full">
             {redirectUrl && <input type="hidden" name="redirectUrl" value={redirectUrl} />}
             <Paragraph className="mb-3">
               Choose a GitHub repository to connect to your project.
@@ -540,7 +540,7 @@ export function ConnectGitHubRepoModal({
                     </SelectItem>,
                   ]}
                 </Select>
-                <FormError id={installationId.errorId}>{installationId.error}</FormError>
+                <FormError id={installationId.errorId}>{installationId.errors}</FormError>
               </InputGroup>
               <InputGroup className="max-w-full">
                 <Label htmlFor={repositoryId.id}>Repository</Label>
@@ -586,9 +586,9 @@ export function ConnectGitHubRepoModal({
                   </TextLink>
                   .
                 </Hint>
-                <FormError id={repositoryId.errorId}>{repositoryId.error}</FormError>
+                <FormError id={repositoryId.errorId}>{repositoryId.errors}</FormError>
               </InputGroup>
-              <FormError>{form.error}</FormError>
+              <FormError>{form.errors}</FormError>
               <FormButtons
                 confirmButton={
                   <Button
@@ -719,10 +719,10 @@ export function ConnectedGitHubRepoForm({
 
   const [gitSettingsForm, fields] = useForm({
     id: "update-git-settings",
-    lastSubmission: lastSubmission,
+    lastResult: lastSubmission,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: UpdateGitSettingsFormSchema,
       });
     },
@@ -803,7 +803,7 @@ export function ConnectedGitHubRepoForm({
         </Dialog>
       </div>
 
-      <Form method="post" action={actionUrl} {...gitSettingsForm.props}>
+      <Form method="post" action={actionUrl} {...getFormProps(gitSettingsForm)}>
         {redirectUrl && <input type="hidden" name="redirectUrl" value={redirectUrl} />}
         <Fieldset>
           <InputGroup fullWidth>
@@ -819,7 +819,7 @@ export function ConnectedGitHubRepoForm({
                 </span>
               </div>
               <Input
-                {...conform.input(fields.productionBranch, { type: "text" })}
+                {...getInputProps(fields.productionBranch, { type: "text" })}
                 defaultValue={connectedGitHubRepo.branchTracking?.prod?.branch}
                 placeholder="none"
                 variant="tertiary"
@@ -839,7 +839,7 @@ export function ConnectedGitHubRepoForm({
                 </span>
               </div>
               <Input
-                {...conform.input(fields.stagingBranch, { type: "text" })}
+                {...getInputProps(fields.stagingBranch, { type: "text" })}
                 defaultValue={connectedGitHubRepo.branchTracking?.staging?.branch}
                 placeholder="none"
                 variant="tertiary"
@@ -888,10 +888,10 @@ export function ConnectedGitHubRepoForm({
                 )}
               </div>
             </div>
-            <FormError>{fields.productionBranch?.error}</FormError>
-            <FormError>{fields.stagingBranch?.error}</FormError>
-            <FormError>{fields.previewDeploymentsEnabled?.error}</FormError>
-            <FormError>{gitSettingsForm.error}</FormError>
+            <FormError>{fields.productionBranch?.errors}</FormError>
+            <FormError>{fields.stagingBranch?.errors}</FormError>
+            <FormError>{fields.previewDeploymentsEnabled?.errors}</FormError>
+            <FormError>{gitSettingsForm.errors}</FormError>
           </InputGroup>
 
           <FormButtons
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.bulkaction.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.bulkaction.tsx
index 483e0ea572..4119291669 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.bulkaction.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.bulkaction.tsx
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { ArrowPathIcon, InformationCircleIcon } from "@heroicons/react/20/solid";
 import { XCircleIcon } from "@heroicons/react/24/outline";
 import { Form } from "@remix-run/react";
@@ -150,9 +150,9 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: CreateBulkActionPayload });
+    const submission = parseWithZod(formData, { schema: CreateBulkActionPayload });
 
-    if (!submission.value) {
+    if (submission.status !== "success") {
       logger.error("Invalid bulk action", {
         submission,
         formData: Object.fromEntries(formData),
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.new/route.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.new/route.tsx
index 1f7a2add41..8dbfbda151 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.new/route.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.new/route.tsx
@@ -1,5 +1,5 @@
-import { conform, useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, getInputProps, getSelectProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { CheckIcon, XMarkIcon } from "@heroicons/react/20/solid";
 import {
   type FetcherWithComponents,
@@ -74,10 +74,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   const { organizationSlug, projectParam, envParam } = EnvironmentParamSchema.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: UpsertSchedule });
+  const submission = parseWithZod(formData, { schema: UpsertSchedule });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   // `_format=json` → return JSON instead of redirecting; caller toasts.
@@ -162,10 +162,10 @@ export function UpsertScheduleForm({
   submitFetcher?: FetcherWithComponents<unknown>;
 }) {
   const actionData = useActionData();
-  // Only feed conform-shaped data (`intent`) to `useForm` — `{ ok, message }`
-  // envelopes lack `payload` and crash conform.
+  // Only feed conform-shaped data (`status`) to `useForm` — `{ ok, message }`
+  // envelopes lack it and crash conform.
   const fetcherSubmission =
-    submitFetcher?.data && typeof submitFetcher.data === "object" && "intent" in submitFetcher.data
+    submitFetcher?.data && typeof submitFetcher.data === "object" && "status" in submitFetcher.data
       ? submitFetcher.data
       : undefined;
   const lastSubmission = submitFetcher ? fetcherSubmission : actionData;
@@ -185,10 +185,10 @@ export function UpsertScheduleForm({
       // coexist without duplicate DOM ids breaking `htmlFor` / conform.
       id: schedule?.friendlyId ? `edit-schedule-${schedule.friendlyId}` : "create-schedule",
       // TODO: type this
-      lastSubmission: lastSubmission as any,
+      lastResult: lastSubmission as any,
       shouldRevalidate: "onSubmit",
       onValidate({ formData }) {
-        return parse(formData, { schema: UpsertSchedule });
+        return parseWithZod(formData, { schema: UpsertSchedule });
       },
     });
 
@@ -233,7 +233,7 @@ export function UpsertScheduleForm({
     <FormComponent
       method="post"
       action={`/resources/orgs/${organization.slug}/projects/${project.slug}/env/${environment.slug}/schedules/new`}
-      {...form.props}
+      {...getFormProps(form)}
       className="grid h-full max-h-full grid-rows-[2.5rem_1fr_auto] overflow-hidden bg-background-bright"
     >
       <div className="mx-3 flex min-w-0 items-center justify-between gap-2 overflow-hidden border-b border-grid-dimmed">
@@ -259,7 +259,7 @@ export function UpsertScheduleForm({
                 <InputGroup>
                   <Label htmlFor={taskIdentifier.id}>Task</Label>
                   <Select
-                    {...conform.select(taskIdentifier)}
+                    {...getSelectProps(taskIdentifier)}
                     placeholder="Select a task"
                     defaultValue={schedule?.taskIdentifier}
                     heading={"Filter..."}
@@ -278,7 +278,7 @@ export function UpsertScheduleForm({
                       </>
                     )}
                   </Select>
-                  <FormError id={taskIdentifier.errorId}>{taskIdentifier.error}</FormError>
+                  <FormError id={taskIdentifier.errorId}>{taskIdentifier.errors}</FormError>
                 </InputGroup>
               );
             })()}
@@ -299,7 +299,7 @@ export function UpsertScheduleForm({
                 CRON pattern (UTC)
               </Label>
               <Input
-                {...conform.input(cron, { type: "text" })}
+                {...getInputProps(cron, { type: "text" })}
                 placeholder="? ? ? ? ?"
                 required={true}
                 value={cronPattern}
@@ -318,7 +318,7 @@ export function UpsertScheduleForm({
             <InputGroup>
               <Label htmlFor={timezone.id}>Timezone</Label>
               <Select
-                {...conform.select(timezone)}
+                {...getSelectProps(timezone)}
                 placeholder="Select a timezone"
                 defaultValue={selectedTimezone}
                 value={selectedTimezone}
@@ -338,7 +338,7 @@ export function UpsertScheduleForm({
                   ? "UTC will not change with daylight savings time."
                   : "This will automatically adjust for daylight savings time."}
               </Hint>
-              <FormError id={timezone.errorId}>{timezone.error}</FormError>
+              <FormError id={timezone.errorId}>{timezone.errors}</FormError>
             </InputGroup>
             {nextRuns !== undefined && (
               <div className="flex flex-col gap-1">
@@ -406,14 +406,14 @@ export function UpsertScheduleForm({
                   connected with the dev CLI.
                 </Hint>
               )}
-              <FormError id={environments.errorId}>{environments.error}</FormError>
+              <FormError id={environments.errorId}>{environments.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label required={false} htmlFor={externalId.id}>
                 External ID
               </Label>
               <Input
-                {...conform.input(externalId, { type: "text" })}
+                {...getInputProps(externalId, { type: "text" })}
                 placeholder="Optionally specify your own ID, e.g. user id"
                 defaultValue={schedule?.externalId ?? undefined}
               />
@@ -422,14 +422,14 @@ export function UpsertScheduleForm({
                 run function of your task. This allows you to have per-user CRON tasks.{" "}
                 <TextLink to={docsPath("v3/tasks-scheduled")}>Read the docs.</TextLink>
               </Hint>
-              <FormError id={externalId.errorId}>{externalId.error}</FormError>
+              <FormError id={externalId.errorId}>{externalId.errors}</FormError>
             </InputGroup>
             <InputGroup>
               <Label required={false} htmlFor={deduplicationKey.id}>
                 Deduplication key
               </Label>
               <Input
-                {...conform.input(deduplicationKey, { type: "text" })}
+                {...getInputProps(deduplicationKey, { type: "text" })}
                 disabled={schedule !== undefined}
                 defaultValue={
                   schedule?.userProvidedDeduplicationKey ? schedule?.deduplicationKey : undefined
@@ -445,9 +445,9 @@ export function UpsertScheduleForm({
                 very useful when using the SDK and you don't want to create duplicate schedules for
                 a user.
               </Hint>
-              <FormError id={deduplicationKey.errorId}>{deduplicationKey.error}</FormError>
+              <FormError id={deduplicationKey.errorId}>{deduplicationKey.errors}</FormError>
             </InputGroup>
-            <FormError>{form.error}</FormError>
+            <FormError>{form.errors}</FormError>
           </Fieldset>
         </div>
       </div>
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.vercel.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.vercel.tsx
index 72a2e4758b..e55baa8dc9 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.vercel.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.vercel.tsx
@@ -1,5 +1,5 @@
-import { useForm } from "@conform-to/react";
-import { parse } from "@conform-to/zod";
+import { getFormProps, useForm } from "@conform-to/react";
+import { parseWithZod } from "@conform-to/zod";
 import { CheckCircleIcon, ExclamationTriangleIcon } from "@heroicons/react/20/solid";
 import { Form, useActionData, useFetcher, useNavigation, useLocation } from "@remix-run/react";
 import { type LoaderFunctionArgs, json } from "@remix-run/server-runtime";
@@ -252,10 +252,10 @@ export const action = dashboardAction(
     }
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: VercelActionSchema });
+    const submission = parseWithZod(formData, { schema: VercelActionSchema });
 
-    if (!submission.value || submission.intent !== "submit") {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     const settingsPath = v3ProjectSettingsIntegrationsPath(
@@ -736,10 +736,10 @@ function ConnectedVercelProjectForm({
 
   const [configForm, fields] = useForm({
     id: "update-vercel-config",
-    lastSubmission: lastSubmission,
+    lastResult: lastSubmission,
     shouldRevalidate: "onSubmit",
     onValidate({ formData }) {
-      return parse(formData, {
+      return parseWithZod(formData, {
         schema: UpdateVercelConfigFormSchema,
       });
     },
@@ -860,7 +860,7 @@ function ConnectedVercelProjectForm({
       </div>
 
       {/* Configuration form */}
-      <Form method="post" action={actionUrl} {...configForm.props}>
+      <Form method="post" action={actionUrl} {...getFormProps(configForm)}>
         <input
           type="hidden"
           name="atomicBuilds"
@@ -1006,7 +1006,7 @@ function ConnectedVercelProjectForm({
               )}
             </div>
 
-            <FormError>{configForm.error}</FormError>
+            <FormError>{configForm.errors}</FormError>
           </InputGroup>
 
           <FormButtons
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.$waitpointFriendlyId.complete/route.tsx b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.$waitpointFriendlyId.complete/route.tsx
index 670aee165c..7343aa411f 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.$waitpointFriendlyId.complete/route.tsx
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.$waitpointFriendlyId.complete/route.tsx
@@ -1,5 +1,5 @@
 import { env } from "~/env.server";
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { Form, useLocation, useNavigation, useSubmit } from "@remix-run/react";
 import { type ActionFunctionArgs, json } from "@remix-run/server-runtime";
 import { stringifyIO, timeoutError, WaitpointTokenStatus } from "@trigger.dev/core/v3";
@@ -51,10 +51,10 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
   const { organizationSlug, projectParam, envParam, waitpointFriendlyId } = Params.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: CompleteWaitpointFormData });
+  const submission = parseWithZod(formData, { schema: CompleteWaitpointFormData });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   try {
diff --git a/apps/webapp/app/routes/resources.orgs.$organizationSlug.schedules-addon.ts b/apps/webapp/app/routes/resources.orgs.$organizationSlug.schedules-addon.ts
index f765da3534..dbeeccc472 100644
--- a/apps/webapp/app/routes/resources.orgs.$organizationSlug.schedules-addon.ts
+++ b/apps/webapp/app/routes/resources.orgs.$organizationSlug.schedules-addon.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { type ActionFunctionArgs, json } from "@remix-run/server-runtime";
 import { tryCatch } from "@trigger.dev/core/v3";
 import { z } from "zod";
@@ -51,10 +51,10 @@ export async function action({ request, params }: ActionFunctionArgs) {
   }
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: PurchaseSchema });
+  const submission = parseWithZod(formData, { schema: PurchaseSchema });
 
-  if (!submission.value || submission.intent !== "submit") {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const service = new SetSchedulesAddOnService();
@@ -68,13 +68,15 @@ export async function action({ request, params }: ActionFunctionArgs) {
   );
 
   if (error) {
-    submission.error.amount = [error instanceof Error ? error.message : "Unknown error"];
-    return json(submission);
+    return json(
+      submission.reply({
+        fieldErrors: { amount: [error instanceof Error ? error.message : "Unknown error"] },
+      })
+    );
   }
 
   if (!result.success) {
-    submission.error.amount = [result.error];
-    return json(submission);
+    return json(submission.reply({ fieldErrors: { amount: [result.error] } }));
   }
 
   return json({ ok: true } as const);
diff --git a/apps/webapp/app/routes/resources.sessions.$sessionParam.close.ts b/apps/webapp/app/routes/resources.sessions.$sessionParam.close.ts
index 27ffec5671..47f8092993 100644
--- a/apps/webapp/app/routes/resources.sessions.$sessionParam.close.ts
+++ b/apps/webapp/app/routes/resources.sessions.$sessionParam.close.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { type ActionFunction, json } from "@remix-run/node";
 import { z } from "zod";
 import { $replica, prisma } from "~/db.server";
@@ -22,10 +22,10 @@ export const action: ActionFunction = async ({ request, params }) => {
   const { sessionParam } = ParamSchema.parse(params);
 
   const formData = await request.formData();
-  const submission = parse(formData, { schema: closeSessionSchema });
+  const submission = parseWithZod(formData, { schema: closeSessionSchema });
 
-  if (!submission.value) {
-    return json(submission);
+  if (submission.status !== "success") {
+    return json(submission.reply());
   }
 
   const { redirectUrl, environmentId, reason } = submission.value;
@@ -45,8 +45,7 @@ export const action: ActionFunction = async ({ request, params }) => {
     });
 
     if (!environment) {
-      submission.error = { environmentId: ["Environment not found"] };
-      return json(submission);
+      return json(submission.reply({ fieldErrors: { environmentId: ["Environment not found"] } }));
     }
 
     const session = await resolveSessionByIdOrExternalId(
@@ -56,8 +55,7 @@ export const action: ActionFunction = async ({ request, params }) => {
     );
 
     if (!session) {
-      submission.error = { sessionParam: ["Session not found"] };
-      return json(submission);
+      return json(submission.reply({ fieldErrors: { sessionParam: ["Session not found"] } }));
     }
 
     if (session.closedAt) {
diff --git a/apps/webapp/app/routes/resources.taskruns.$runParam.cancel.ts b/apps/webapp/app/routes/resources.taskruns.$runParam.cancel.ts
index 072e022669..672b9f99ba 100644
--- a/apps/webapp/app/routes/resources.taskruns.$runParam.cancel.ts
+++ b/apps/webapp/app/routes/resources.taskruns.$runParam.cancel.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json } from "@remix-run/node";
 import { z } from "zod";
 import { $replica, prisma } from "~/db.server";
@@ -61,10 +61,10 @@ export const action = dashboardAction(
     const { runParam } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: cancelSchema });
+    const submission = parseWithZod(formData, { schema: cancelSchema });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
@@ -98,8 +98,7 @@ export const action = dashboardAction(
       const buffer = getMollifierBuffer();
       const entry = buffer ? await buffer.getEntry(runParam) : null;
       if (!entry) {
-        submission.error = { runParam: ["Run not found"] };
-        return json(submission);
+        return json(submission.reply({ fieldErrors: { runParam: ["Run not found"] } }));
       }
 
       // Tenancy: verify the requesting user is a member of the buffered
@@ -111,8 +110,7 @@ export const action = dashboardAction(
         select: { id: true },
       });
       if (!member) {
-        submission.error = { runParam: ["Run not found"] };
-        return json(submission);
+        return json(submission.reply({ fieldErrors: { runParam: ["Run not found"] } }));
       }
 
       const result = await buffer!.mutateSnapshot(runParam, {
diff --git a/apps/webapp/app/routes/resources.taskruns.$runParam.replay.ts b/apps/webapp/app/routes/resources.taskruns.$runParam.replay.ts
index 9d106fca8d..d44e653578 100644
--- a/apps/webapp/app/routes/resources.taskruns.$runParam.replay.ts
+++ b/apps/webapp/app/routes/resources.taskruns.$runParam.replay.ts
@@ -1,4 +1,4 @@
-import { parse } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod";
 import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import { type EnvironmentType, prettyPrintPacket } from "@trigger.dev/core/v3";
 import { typedjson } from "remix-typedjson";
@@ -304,10 +304,10 @@ export const action = dashboardAction(
     const { runParam } = params;
 
     const formData = await request.formData();
-    const submission = parse(formData, { schema: ReplayRunData });
+    const submission = parseWithZod(formData, { schema: ReplayRunData });
 
-    if (!submission.value) {
-      return json(submission);
+    if (submission.status !== "success") {
+      return json(submission.reply());
     }
 
     try {
diff --git a/apps/webapp/package.json b/apps/webapp/package.json
index ca72374fcf..aec1291096 100644
--- a/apps/webapp/package.json
+++ b/apps/webapp/package.json
@@ -50,8 +50,8 @@
     "@codemirror/search": "6.2.3",
     "@codemirror/state": "6.2.0",
     "@codemirror/view": "6.7.2",
-    "@conform-to/react": "0.9.2",
-    "@conform-to/zod": "0.9.2",
+    "@conform-to/react": "^1.2.2",
+    "@conform-to/zod": "^1.2.2",
     "@depot/cli": "0.0.1-cli.2.80.0",
     "@depot/sdk-node": "^1.0.0",
     "@electric-sql/react": "^0.3.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8918eafb1d..8dd348ad8b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -333,11 +333,11 @@ importers:
         specifier: 6.7.2
         version: 6.7.2
       '@conform-to/react':
-        specifier: 0.9.2
-        version: 0.9.2(react@18.3.1)
+        specifier: ^1.2.2
+        version: 1.19.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@conform-to/zod':
-        specifier: 0.9.2
-        version: 0.9.2(@conform-to/dom@0.9.2)(zod@3.25.76)
+        specifier: ^1.2.2
+        version: 1.19.4(zod@3.25.76)
       '@depot/cli':
         specifier: 0.0.1-cli.2.80.0
         version: 0.0.1-cli.2.80.0
@@ -3501,19 +3501,19 @@ packages:
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
     engines: {node: '>=0.1.90'}
 
-  '@conform-to/dom@0.9.2':
-    resolution: {integrity: sha512-vYJvXMRxa9Ieslv5eVcak5+0QbcTv+HwdLqRPZ8lhSFZx5qQWJwdou+Iz+ERzsSQHh7QS3DDYG5HmzaN4evf9g==}
+  '@conform-to/dom@1.19.4':
+    resolution: {integrity: sha512-P/mBdVRl946iE74TXmF5YLY9+1IDrQzxKdj9A7qv7Cd4l/O02EvJskg3X7cHwhmFFIXXgNzSmf/y4B597SS4gg==}
 
-  '@conform-to/react@0.9.2':
-    resolution: {integrity: sha512-0eApSadAkM5/l1JNfQqpU+O/9lkjY89riG6jnrW8DWepyGfmN/COZtT7sRXla0SVOspXGJqGcKh+nk1f7Zbpaw==}
+  '@conform-to/react@1.19.4':
+    resolution: {integrity: sha512-Xyw4hbD9467q8PTWW+Nvmf523y814w70eeABRJzVvfnpghGOAWAGt1lpOboAs6sqaKG/eouqifibz/r+PDFZLg==}
     peerDependencies:
       react: 18.3.1
+      react-dom: 18.3.1
 
-  '@conform-to/zod@0.9.2':
-    resolution: {integrity: sha512-treG9ZcuNuRERQ1uYvJSWT0zZuqHnYTzRwucg20+/WdjgKNSb60Br+Cy6BAHvVQ8dN6wJsGkHenkX2mSVw3xOA==}
+  '@conform-to/zod@1.19.4':
+    resolution: {integrity: sha512-g80QtotXLcXWCF86Xou/VpI6i+NBOQxYgLS9YCQYrgV27yilZFJYpgWWBsA8YwodmJVBIYm9RawJba7WnUoddA==}
     peerDependencies:
-      '@conform-to/dom': 0.9.2
-      zod: ^3.21.0
+      zod: ^3.21.0 || ^4.0.0
 
   '@connectrpc/connect-node@1.4.0':
     resolution: {integrity: sha512-0ANnrr6SvsjevsWEgdzHy7BaHkluZyS6s4xNoVt7RBHFR5V/kT9lPokoIbYUOU9JHzdRgTaS3x5595mwUsu15g==}
@@ -20255,16 +20255,17 @@ snapshots:
   '@colors/colors@1.5.0':
     optional: true
 
-  '@conform-to/dom@0.9.2': {}
+  '@conform-to/dom@1.19.4': {}
 
-  '@conform-to/react@0.9.2(react@18.3.1)':
+  '@conform-to/react@1.19.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@conform-to/dom': 0.9.2
+      '@conform-to/dom': 1.19.4
       react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  '@conform-to/zod@0.9.2(@conform-to/dom@0.9.2)(zod@3.25.76)':
+  '@conform-to/zod@1.19.4(zod@3.25.76)':
     dependencies:
-      '@conform-to/dom': 0.9.2
+      '@conform-to/dom': 1.19.4
       zod: 3.25.76
 
   '@connectrpc/connect-node@1.4.0(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))':