format, typecheck, fix build

Author: carderne

apps/webapp/app/components/Feedback.tsx

@@ -5,7 +5,7 @@ import {
   getTextareaProps,
   useForm,
 } from "@conform-to/react";
-import { parseWithZod } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod/v4";
 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";
@@ -130,7 +130,7 @@ export function Feedback({
             <Fieldset className="max-w-full gap-y-3">
               <input
                 value={location.pathname}
-                {...getInputProps(fields.path, { type: "hidden" })}
+                {...getInputProps(fields.path, { type: "hidden", value: false })}
               />
               <InputGroup className="max-w-full">
                 {type === "feature" && (

apps/webapp/app/components/billing/BillingAlertsSection.tsx

@@ -1,5 +1,5 @@
 import { getFormProps, getInputProps, useForm, type SubmissionResult } from "@conform-to/react";
-import { parseWithZod } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod/v4";
 import { PlusIcon, TrashIcon } from "@heroicons/react/20/solid";
 import { Form, useActionData, useSearchParams } from "@remix-run/react";
 import { Fragment, useEffect, useMemo, useRef, useState } from "react";

apps/webapp/app/components/billing/BillingLimitConfigSection.tsx

@@ -1,6 +1,6 @@
 import { getFormProps, useForm, type SubmissionResult } from "@conform-to/react";
 
-import { parseWithZod } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod/v4";
 import { Form, useActionData } from "@remix-run/react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { z } from "zod";
@@ -38,7 +38,7 @@ export const billingLimitFormSchema = z.discriminatedUnion("mode", [
   z.object({
     mode: z.literal("custom"),
     amount: z.coerce
-      .number({ invalid_type_error: "Not a valid amount" })
+      .number({ error: "Not a valid amount" })
       .positive("Amount must be greater than 0"),
     cancelInProgressRuns: z
       .preprocess((v) => v === "on" || v === true || v === "true", z.boolean())

apps/webapp/app/components/billing/BillingLimitRecoveryPanel.tsx

@@ -1,5 +1,5 @@
 import { getFormProps, useForm, type SubmissionResult } from "@conform-to/react";
-import { parseWithZod } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod/v4";
 import { Form, useActionData, useNavigation } from "@remix-run/react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { z } from "zod";
@@ -21,7 +21,7 @@ export const billingLimitRecoveryFormSchema = z
   .object({
     action: z.enum(["increase", "remove"]),
     newAmount: z.coerce
-      .number({ invalid_type_error: "Not a valid amount" })
+      .number({ error: "Not a valid amount" })
       .positive("Amount must be greater than 0")
       .optional(),
     resumeMode: z.enum(["queue", "new_only"]),
@@ -88,7 +88,7 @@ export function BillingLimitRecoveryPanel({
     },
     defaultValue: {
       action: "increase",
-      newAmount: suggestedNewLimitDollars,
+      newAmount: String(suggestedNewLimitDollars),
       resumeMode: "queue",
     },
   });

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx

@@ -77,19 +77,22 @@ const schema = z.object({
     if (i === "true") return true;
     return false;
   }, z.boolean()),
-  environmentIds: z.preprocess((i) => {
-    if (typeof i === "string") return [i];
-
-    if (Array.isArray(i)) {
-      const ids = i.filter((v) => typeof v === "string" && v !== "");
-      if (ids.length === 0) {
-        return;
+  environmentIds: z.preprocess(
+    (i) => {
+      if (typeof i === "string") return [i];
+
+      if (Array.isArray(i)) {
+        const ids = i.filter((v) => typeof v === "string" && v !== "");
+        if (ids.length === 0) {
+          return;
+        }
+        return ids;
       }
-      return ids;
-    }
 
-    return;
-  }, z.array(z.string(), { error: "At least one environment is required" })),
+      return;
+    },
+    z.array(z.string(), { error: "At least one environment is required" })
+  ),
   variables: z.preprocess((i) => {
     if (!Array.isArray(i)) {
       return [];

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-limits/route.tsx

@@ -1,4 +1,4 @@
-import { parseWithZod } from "@conform-to/zod";
+import { parseWithZod } from "@conform-to/zod/v4";
 import { json, redirect } from "@remix-run/server-runtime";
 import { tryCatch } from "@trigger.dev/core";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx

@@ -1014,11 +1014,11 @@ export function PurchaseSeatsModal({
   // when the role can't manage billing. The action enforces it independently.
   const noBillingTooltip = "You don't have permission to manage billing";
   const trigger = canManageBilling ? (
-    triggerButton ?? (
+    (triggerButton ?? (
       <Button variant="primary/small" onClick={() => setOpen(true)}>
         {title}
       </Button>
-    )
+    ))
   ) : triggerButton ? (
     cloneElement(triggerButton, { disabled: true, tooltip: noBillingTooltip })
   ) : (
@@ -1036,7 +1036,11 @@ export function PurchaseSeatsModal({
       <DialogTrigger asChild>{trigger}</DialogTrigger>
       <DialogContent>
         <DialogHeader>{title}</DialogHeader>
-        <fetcher.Form method="post" action={organizationTeamPath(organization)} {...getFormProps(form)}>
+        <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">

apps/webapp/app/routes/_app.orgs.$organizationSlug_.projects.new/route.tsx

@@ -404,12 +404,12 @@ export default function Page() {
                 </InputGroup>
                 {canCreateV3Projects ? (
                   <input
-                    {...getInputProps(projectVersion, { type: "hidden" })}
+                    {...getInputProps(projectVersion, { type: "hidden", value: false })}
                     defaultValue={"v3"}
                   />
                 ) : (
                   <input
-                    {...getInputProps(projectVersion, { type: "hidden" })}
+                    {...getInputProps(projectVersion, { type: "hidden", value: false })}
                     defaultValue={"v2"}
                   />
                 )}

apps/webapp/app/routes/confirm-basic-details.tsx

@@ -323,7 +323,10 @@ export default function Page() {
                   <FormError id={confirmEmail.errorId}>{confirmEmail.errors}</FormError>
                 </InputGroup>
               ) : (
-                <input {...getInputProps(confirmEmail, { type: "hidden" })} value={user.email} />
+                <input
+                  {...getInputProps(confirmEmail, { type: "hidden", value: false })}
+                  value={user.email}
+                />
               )}
 
               {isManagedCloud && (

apps/webapp/app/routes/resources.branches.archive.tsx

@@ -100,7 +100,10 @@ export function ArchiveButton({
             {...getFormProps(form)}
             className="w-full"
           >
-            <input value={environment.id} {...getInputProps(environmentId, { type: "hidden", value: false })} />
+            <input
+              value={environment.id}
+              {...getInputProps(environmentId, { type: "hidden", value: false })}
+            />
             <input
               value={`${location.pathname}${location.search}`}
               {...getInputProps(redirectPath, { type: "hidden", value: false })}