Fix Replay Data Corruption for Non-JSON Payloads (triggerdotdev#2813)

Author: deepshekhardas

apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx

@@ -88,8 +88,7 @@ function ReplayContent({ runFriendlyId, failedRedirect }: ReplayRunDialogProps)
       }
 
       queueFetcher.load(
-        `/resources/orgs/${params.organizationSlug}/projects/${
-          params.projectParam
+        `/resources/orgs/${params.organizationSlug}/projects/${params.projectParam
         }/env/${envSlug}/queues?${searchParams.toString()}`
       );
     }
@@ -163,9 +162,9 @@ function ReplayForm({
 
   const isSubmitting = navigation.formAction === formAction;
 
-  const editablePayload =
-    replayData.payloadType === "application/json" ||
-    replayData.payloadType === "application/super+json";
+  const isLargePayload = replayData.payloadType === "application/store";
+  const isTooLargeToEdit = (replayData.payload?.length ?? 0) > 512 * 1024;
+  const editablePayload = !isLargePayload && !isTooLargeToEdit;
 
   const [tab, setTab] = useState<"payload" | "metadata">(editablePayload ? "payload" : "metadata");
 
@@ -276,10 +275,16 @@ function ReplayForm({
                         <InfoIconTooltip
                           content={
                             <span className="text-sm">
-                              Payload is not editable for runs with{" "}
+                              {isLargePayload ? (
+                                <>
+                                  Payload is not editable for runs with{" "}
                               <TextLink to={docsPath("triggering#large-payloads")}>
                                 large payloads.
-                              </TextLink>
+                                  </TextLink>
+                                </>
+                              ) : (
+                                "Payload is too large to edit."
+                              )}
                             </span>
                           }
                         />

apps/webapp/app/v3/replayTask.ts

@@ -4,25 +4,7 @@ import { RunOptionsData } from "./testTask";
 export const ReplayRunData = z
   .object({
     environment: z.string().optional(),
-    payload: z
-      .string()
-      .optional()
-      .transform((val, ctx) => {
-        if (!val) {
-          return "{}";
-        }
-
-        try {
-          JSON.parse(val);
-          return val;
-        } catch {
-          ctx.addIssue({
-            code: z.ZodIssueCode.custom,
-            message: "Payload must be a valid JSON string",
-          });
-          return z.NEVER;
-        }
-      }),
+    payload: z.string().optional(),
     metadata: z
       .string()
       .optional()