feat(frontend): support deploying to multiple environments at once

- Change environment selection table from radio (single-select) to checkbox (multi-select)
- Deploy to all selected environments in one action
- Support partial success: show success for completed envs, warning for failures

Author: GanJiaKouN16

web/oss/src/components/Playground/Components/Modals/DeployVariantModal/assets/DeployVariantModalContent/index.tsx

@@ -51,15 +51,16 @@ const DeployVariantModalContent = ({variantName, revision, isLoading}: any) => {
     return (
         <section className="flex flex-col gap-4" data-tour="deploy-variant-modal">
             <Typography.Text>
-                Select an environment to deploy <span className="font-medium">{variantName}</span>{" "}
+                Select environments to deploy{" "}
+                <span className="font-medium">{variantName}</span>{" "}
                 {typeof revision !== "undefined" && (
                     <VersionBadge version={revision} variant="chip" />
                 )}
             </Typography.Text>
 
             <Table
                 rowSelection={{
-                    type: "radio",
+                    type: "checkbox",
                     columnWidth: 48,
                     selectedRowKeys: selectedEnvName,
                     onChange: (selectedRowKeys: React.Key[]) => {
@@ -76,7 +77,11 @@ const DeployVariantModalContent = ({variantName, revision, isLoading}: any) => {
                 onRow={(env) => ({
                     className: "cursor-pointer",
                     onClick: () => {
-                        setSelectedEnvName([env.name])
+                        setSelectedEnvName((prev) =>
+                            prev.includes(env.name)
+                                ? prev.filter((n) => n !== env.name)
+                                : [...prev, env.name],
+                        )
                     },
                 })}
             />

web/oss/src/components/Playground/Components/Modals/DeployVariantModal/index.tsx

@@ -84,11 +84,15 @@ const DeployVariantModal = ({
             if (result?.error) message.error(result.error)
             return
         }
-        const env = result.env as string
+        const envs = result.envs as string[]
         onClose()
-        message.success(`Published ${variantName} to ${env}`)
-        posthog?.capture?.("app_deployed", {app_id: appId, environment: env})
+        message.success(`Published ${variantName} to ${envs.join(", ")}`)
+        posthog?.capture?.("app_deployed", {app_id: appId, environment: envs.join(",")})
         recordWidgetEvent("variant_deployed")
+        if (result.error) {
+            // Partial success: some environments failed
+            message.warning(result.error)
+        }
     }, [submitDeploy, onClose, variantName, appId, posthog, recordWidgetEvent])
 
     return (

web/oss/src/components/Playground/Components/Modals/DeployVariantModal/store/deployVariantModalStore.ts

@@ -63,7 +63,8 @@ export const deployResetAtom = atom(null, (get, set) => {
 })
 
 // Async submit action. Optional overrides allow providing ids directly.
-// Returns { ok: boolean, env?: string, error?: string }
+// Deploys to all selected environments.
+// Returns { ok: boolean, envs?: string[], error?: string }
 export const deploySubmitAtom = atom(
     null,
     async (get, set, overrides?: {parentVariantId?: string | null; revisionId?: string | null}) => {
@@ -73,7 +74,7 @@ export const deploySubmitAtom = atom(
             parentVariantId: overrides?.parentVariantId ?? baseState.parentVariantId ?? null,
             revisionId: overrides?.revisionId ?? baseState.revisionId ?? null,
         }
-        const selectedEnvName = get(deploySelectedEnvAtom)
+        const selectedEnvNames = get(deploySelectedEnvAtom)
         const note = get(deployNoteAtom)
         const appId = get(routerAppIdAtom)
         const {mutateAsync: publish} = get(publishMutationAtom)
@@ -82,12 +83,11 @@ export const deploySubmitAtom = atom(
         console.debug("[DeployModal] submit:start", {
             state,
             overrides,
-            selectedEnvName,
+            selectedEnvNames,
             note,
         })
 
-        const env = selectedEnvName[0]
-        if (!env) {
+        if (!selectedEnvNames.length) {
             console.debug("[DeployModal] submit:fail", {reason: "no_env_selected"})
             return {ok: false, error: "No environment selected"}
         }
@@ -116,36 +116,49 @@ export const deploySubmitAtom = atom(
         const workflowEntity = workflows.find((w) => w.id === workflowId)
         const applicationSlug = workflowEntity?.slug || undefined
 
-        try {
-            console.debug("[DeployModal] submit:publish", {
-                revisionId,
-                env,
-                workflowData: workflowData
-                    ? {
-                          workflow_id: workflowData.workflow_id,
-                          workflow_variant_id: workflowData.workflow_variant_id,
-                          slug: workflowData.slug,
-                          resolvedVariantSlug,
-                          applicationSlug,
-                      }
-                    : null,
-            })
-            await publish({
-                revisionId,
-                environmentSlug: env,
-                applicationId: workflowId || appId || "",
-                workflowVariantId: workflowData?.workflow_variant_id ?? undefined,
-                variantSlug: resolvedVariantSlug ?? undefined,
-                applicationSlug,
-                revisionVersion: workflowData?.version ?? undefined,
-                note,
-            })
-            console.debug("[DeployModal] submit:success", {env})
-            return {ok: true, env}
-        } catch (e: unknown) {
-            const errorMessage = e instanceof Error ? e.message : "Failed to deploy"
-            console.debug("[DeployModal] submit:error", {error: e})
-            return {ok: false, error: errorMessage}
+        const succeeded: string[] = []
+        const errors: string[] = []
+
+        for (const env of selectedEnvNames) {
+            try {
+                console.debug("[DeployModal] submit:publish", {
+                    revisionId,
+                    env,
+                    workflowData: workflowData
+                        ? {
+                              workflow_id: workflowData.workflow_id,
+                              workflow_variant_id: workflowData.workflow_variant_id,
+                              slug: workflowData.slug,
+                              resolvedVariantSlug,
+                              applicationSlug,
+                          }
+                        : null,
+                })
+                await publish({
+                    revisionId,
+                    environmentSlug: env,
+                    applicationId: workflowId || appId || "",
+                    workflowVariantId: workflowData?.workflow_variant_id ?? undefined,
+                    variantSlug: resolvedVariantSlug ?? undefined,
+                    applicationSlug,
+                    revisionVersion: workflowData?.version ?? undefined,
+                    note,
+                })
+                console.debug("[DeployModal] submit:success", {env})
+                succeeded.push(env)
+            } catch (e: unknown) {
+                const errorMessage = e instanceof Error ? e.message : "Failed to deploy"
+                console.debug("[DeployModal] submit:error", {env, error: e})
+                errors.push(`${env}: ${errorMessage}`)
+            }
+        }
+
+        if (succeeded.length && !errors.length) {
+            return {ok: true, envs: succeeded}
+        } else if (succeeded.length && errors.length) {
+            return {ok: true, envs: succeeded, error: `Failed for: ${errors.join("; ")}`}
+        } else {
+            return {ok: false, error: errors.join("; ")}
         }
     },
 )