feat(FR-2684): pre-fill launcher with all modal selections and jump to review step

When the user clicks the '...' dropdown item in VFolderDeployModal,
openLauncher now forwards resourceGroup and resourcePresetId as URL params
alongside the existing model param, and sets step=review so the launcher
opens directly on the review page with all fields pre-filled.

DeploymentLauncherCreateView parses the new params; preFilledModel prop
is replaced by preFilledValues (Partial<DeploymentLauncherFormValue>) to
accommodate the expanded field set cleanly.

Author: agatha197

react/src/components/DeploymentLauncherPageContent.tsx

@@ -84,11 +84,12 @@ export interface DeploymentLauncherPageContentProps {
    */
   deploymentFrgmt?: DeploymentLauncherPageContent_deployment$key | null;
   /**
-   * Only used when `mode === 'create'`. Populates the model folder
-   * field when the user lands here from the FR-2684 split-button
-   * `?model=<folderId>` link.
+   * Only used when `mode === 'create'`. Partial form values to pre-fill
+   * from the entry point (e.g. model store split button or VFolderDeployModal).
+   * Merged on top of DEFAULT_FORM_VALUES so any unspecified field keeps its
+   * default. Parsed from URL params by DeploymentLauncherCreateView.
    */
-  preFilledModel?: string;
+  preFilledValues?: Partial<DeploymentLauncherFormValue>;
   /**
    * Optional change observer forwarded to the underlying antd `<Form>`.
    * Useful for parent pages that want to persist the draft state
@@ -143,7 +144,7 @@ const DEFAULT_FORM_VALUES: DeploymentLauncherFormValue = {
  */
 const DeploymentLauncherPageContent: React.FC<
   DeploymentLauncherPageContentProps
-> = ({ mode, form, deploymentFrgmt, preFilledModel, onValuesChange }) => {
+> = ({ mode, form, deploymentFrgmt, preFilledValues, onValuesChange }) => {
   'use memo';
 
   const { t } = useTranslation();
@@ -240,10 +241,8 @@ const DeploymentLauncherPageContent: React.FC<
         desiredReplicaCount: deployment.replicaState.desiredReplicaCount,
       } satisfies Partial<DeploymentLauncherFormValue>);
     }
-    return _.merge({}, DEFAULT_FORM_VALUES, {
-      modelFolderId: preFilledModel ?? '',
-    } satisfies Partial<DeploymentLauncherFormValue>);
-  }, [mode, deployment, preFilledModel]);
+    return _.merge({}, DEFAULT_FORM_VALUES, preFilledValues ?? {});
+  }, [mode, deployment, preFilledValues]);
 
   // Apply initial values to the parent-owned form instance exactly once
   // per mount / deployment change. Using `useEffectEvent` keeps the
@@ -261,7 +260,12 @@ const DeploymentLauncherPageContent: React.FC<
 
   useEffect(() => {
     applyInitialValues();
-  }, [deployment?.id, preFilledModel]);
+  }, [
+    deployment?.id,
+    preFilledValues?.modelFolderId,
+    preFilledValues?.resourceGroup,
+    preFilledValues?.resourcePresetId,
+  ]);
 
   const setCurrentStep = (nextKey: StepKey) => {
     setQuery({ step: nextKey }, { history: 'push' });

react/src/components/VFolderDeployModal.tsx

@@ -404,7 +404,11 @@ const VFolderDeployModalContent: React.FC<VFolderDeployModalContentProps> = ({
                     key: 'configure',
                     label: t('modelStore.QuickDeployDetailed'),
                     onClick: () => {
-                      openLauncher({ modelFolderId: vfolderId });
+                      openLauncher({
+                        modelFolderId: vfolderId,
+                        resourceGroup: effectiveResourceGroup,
+                        resourcePreset: effectivePresetId,
+                      });
                     },
                   },
                 ],

react/src/hooks/useDeploymentLauncher.ts

@@ -227,6 +227,15 @@ export const useDeploymentLauncher = (): {
 
   const openLauncher = (input: QuickDeployInput): void => {
     const params = new URLSearchParams({ model: input.modelFolderId });
+    if (input.resourceGroup) params.set('resourceGroup', input.resourceGroup);
+    if (input.resourcePreset)
+      params.set('resourcePresetId', input.resourcePreset);
+    // Jump straight to the review step when the caller provides enough
+    // pre-filled data (model + resource group + preset) so the user only
+    // needs to confirm rather than re-enter fields they already selected.
+    if (input.resourceGroup && input.resourcePreset) {
+      params.set('step', 'review');
+    }
     navigate(`/deployments/new?${params.toString()}`);
   };
 

react/src/pages/DeploymentLauncherPage.tsx

@@ -63,21 +63,29 @@ const DeploymentLauncherPage: React.FC = () => {
 };
 
 /**
- * Create-mode view — no deployment fragment to pre-fill from. Reads the
- * optional `?model=<folderId>` query param for Quick Deploy / model store
- * entry points and forwards it to the content component.
+ * Create-mode view — no deployment fragment to pre-fill from. Reads URL
+ * params forwarded by entry points (model store split button, VFolderDeployModal)
+ * and builds a preFilledValues object passed down to the content component.
+ * Supported params: `model`, `resourceGroup`, `resourcePresetId`.
  */
 const DeploymentLauncherCreateView: React.FC = () => {
   'use memo';
   const [searchParams] = useSearchParams();
-  const preFilledModel = searchParams.get('model') ?? undefined;
   const [form] = Form.useForm<DeploymentLauncherFormValue>();
 
+  const preFilledValues: Partial<DeploymentLauncherFormValue> = {};
+  const model = searchParams.get('model');
+  const resourceGroup = searchParams.get('resourceGroup');
+  const resourcePresetId = searchParams.get('resourcePresetId');
+  if (model) preFilledValues.modelFolderId = model;
+  if (resourceGroup) preFilledValues.resourceGroup = resourceGroup;
+  if (resourcePresetId) preFilledValues.resourcePresetId = resourcePresetId;
+
   return (
     <DeploymentLauncherPageLayout
       mode="create"
       form={form}
-      preFilledModel={preFilledModel}
+      preFilledValues={preFilledValues}
     />
   );
 };
@@ -131,7 +139,7 @@ interface DeploymentLauncherPageLayoutProps {
   deploymentFrgmt?: React.ComponentProps<
     typeof DeploymentLauncherPageContent
   >['deploymentFrgmt'];
-  preFilledModel?: string;
+  preFilledValues?: Partial<DeploymentLauncherFormValue>;
 }
 
 /**
@@ -141,7 +149,7 @@ interface DeploymentLauncherPageLayoutProps {
  */
 const DeploymentLauncherPageLayout: React.FC<
   DeploymentLauncherPageLayoutProps
-> = ({ mode, form, deploymentId, deploymentFrgmt, preFilledModel }) => {
+> = ({ mode, form, deploymentId, deploymentFrgmt, preFilledValues }) => {
   'use memo';
 
   const { t } = useTranslation();
@@ -388,7 +396,7 @@ const DeploymentLauncherPageLayout: React.FC<
         mode={mode}
         form={form}
         deploymentFrgmt={deploymentFrgmt}
-        preFilledModel={preFilledModel}
+        preFilledValues={preFilledValues}
         onValuesChange={() => setIsDirty(true)}
       />