@backstage/plugin-scaffolder 1.8.0 → 1.9.0-next.1

package/dist/esm/{index-49f6be11.esm.js → index-102258f6.esm.js}

@@ -9,6 +9,8 @@ import FormControl from '@material-ui/core/FormControl';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import React, { useCallback, useEffect, useState, createContext, useContext, useMemo, useRef, memo } from 'react';
 import useAsync from 'react-use/lib/useAsync';
+import { z } from 'zod';
+import zodToJsonSchema from 'zod-to-json-schema';
 import useEffectOnce from 'react-use/lib/useEffectOnce';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import { scmIntegrationsApiRef, scmAuthApiRef } from '@backstage/integration-react';
@@ -236,6 +238,32 @@ class ScaffolderClient {
   }
 }
 
+function makeFieldSchemaFromZod(returnSchema, uiOptionsSchema) {
+  return {
+    schema: {
+      returnValue: zodToJsonSchema(returnSchema),
+      uiOptions: uiOptionsSchema ? zodToJsonSchema(uiOptionsSchema) : void 0
+    },
+    type: null,
+    uiOptionsType: null
+  };
+}
+
+const EntityPickerFieldSchema = makeFieldSchemaFromZod(
+  z.string(),
+  z.object({
+    allowedKinds: z.array(z.string()).optional().describe("List of kinds of entities to derive options from"),
+    defaultKind: z.string().optional().describe(
+      "The default entity kind. Options of this kind will not be prefixed."
+    ),
+    allowArbitraryValues: z.boolean().optional().describe("Whether to allow arbitrary user input. Defaults to true"),
+    defaultNamespace: z.union([z.string(), z.literal(false)]).optional().describe(
+      "The default namespace. Options with this namespace will not be prefixed."
+    )
+  })
+);
+const EntityPickerSchema = EntityPickerFieldSchema.schema;
+
 const EntityPicker = (props) => {
   var _a, _b, _c, _d, _e;
   const {
@@ -270,32 +298,45 @@ const EntityPicker = (props) => {
       onChange(entityRefs[0]);
     }
   }, [entityRefs, onChange]);
-  return /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData
-  }, /* @__PURE__ */ React.createElement(Autocomplete, {
-    disabled: (entityRefs == null ? void 0 : entityRefs.length) === 1,
-    id: idSchema == null ? void 0 : idSchema.$id,
-    value: formData || "",
-    loading,
-    onChange: onSelect,
-    options: entityRefs || [],
-    autoSelect: true,
-    freeSolo: (_e = (_d = uiSchema["ui:options"]) == null ? void 0 : _d.allowArbitraryValues) != null ? _e : true,
-    renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-      ...params,
-      label: title,
-      margin: "dense",
-      helperText: description,
-      FormHelperTextProps: { margin: "dense", style: { marginLeft: 0 } },
-      variant: "outlined",
+  return /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
       required,
-      InputProps: params.InputProps
-    })
-  }));
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData
+    },
+    /* @__PURE__ */ React.createElement(
+      Autocomplete,
+      {
+        disabled: (entityRefs == null ? void 0 : entityRefs.length) === 1,
+        id: idSchema == null ? void 0 : idSchema.$id,
+        value: formData || "",
+        loading,
+        onChange: onSelect,
+        options: entityRefs || [],
+        autoSelect: true,
+        freeSolo: (_e = (_d = uiSchema["ui:options"]) == null ? void 0 : _d.allowArbitraryValues) != null ? _e : true,
+        renderInput: (params) => /* @__PURE__ */ React.createElement(
+          TextField,
+          {
+            ...params,
+            label: title,
+            margin: "dense",
+            helperText: description,
+            FormHelperTextProps: { margin: "dense", style: { marginLeft: 0 } },
+            variant: "outlined",
+            required,
+            InputProps: params.InputProps
+          }
+        )
+      }
+    )
+  );
 };
 
+const EntityNamePickerFieldSchema = makeFieldSchemaFromZod(z.string());
+const EntityNamePickerSchema = EntityNamePickerFieldSchema.schema;
+
 const EntityNamePicker = (props) => {
   const {
     onChange,
@@ -307,18 +348,21 @@ const EntityNamePicker = (props) => {
     idSchema,
     placeholder
   } = props;
-  return /* @__PURE__ */ React.createElement(TextField, {
-    id: idSchema == null ? void 0 : idSchema.$id,
-    label: title,
-    placeholder,
-    helperText: description,
-    required,
-    value: formData != null ? formData : "",
-    onChange: ({ target: { value } }) => onChange(value),
-    margin: "normal",
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData,
-    inputProps: { autoFocus }
-  });
+  return /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      id: idSchema == null ? void 0 : idSchema.$id,
+      label: title,
+      placeholder,
+      helperText: description,
+      required,
+      value: formData != null ? formData : "",
+      onChange: ({ target: { value } }) => onChange(value),
+      margin: "normal",
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData,
+      inputProps: { autoFocus }
+    }
+  );
 };
 
 const entityNamePickerValidation = (value, validation) => {
@@ -329,6 +373,16 @@ const entityNamePickerValidation = (value, validation) => {
   }
 };
 
+const EntityTagsPickerFieldSchema = makeFieldSchemaFromZod(
+  z.array(z.string()),
+  z.object({
+    kinds: z.array(z.string()).optional().describe("List of kinds of entities to derive tags from"),
+    showCounts: z.boolean().optional().describe("Whether to show usage counts per tag"),
+    helperText: z.string().optional().describe("Helper text to display")
+  })
+);
+const EntityTagsPickerSchema = EntityTagsPickerFieldSchema.schema;
+
 const EntityTagsPicker = (props) => {
   var _a, _b, _c;
   const { formData, onChange, uiSchema } = props;
@@ -373,29 +427,47 @@ const EntityTagsPicker = (props) => {
     }
   };
   useEffectOnce(() => onChange(formData || []));
-  return /* @__PURE__ */ React.createElement(FormControl$1, {
-    margin: "normal"
-  }, /* @__PURE__ */ React.createElement(Autocomplete$1, {
-    multiple: true,
-    freeSolo: true,
-    filterSelectedOptions: true,
-    onChange: setTags,
-    value: formData || [],
-    inputValue,
-    loading,
-    options: tagOptions,
-    ChipProps: { size: "small" },
-    renderOption: (option) => showCounts ? `${option} (${existingTags == null ? void 0 : existingTags[option]})` : option,
-    renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-      ...params,
-      label: "Tags",
-      onChange: (e) => setInputValue(e.target.value),
-      error: inputError,
-      helperText: helperText != null ? helperText : "Add any relevant tags, hit 'Enter' to add new tags. Valid format: [a-z0-9+#] separated by [-], at most 63 characters"
-    })
-  }));
+  return /* @__PURE__ */ React.createElement(FormControl$1, { margin: "normal" }, /* @__PURE__ */ React.createElement(
+    Autocomplete$1,
+    {
+      multiple: true,
+      freeSolo: true,
+      filterSelectedOptions: true,
+      onChange: setTags,
+      value: formData || [],
+      inputValue,
+      loading,
+      options: tagOptions,
+      ChipProps: { size: "small" },
+      renderOption: (option) => showCounts ? `${option} (${existingTags == null ? void 0 : existingTags[option]})` : option,
+      renderInput: (params) => /* @__PURE__ */ React.createElement(
+        TextField,
+        {
+          ...params,
+          label: "Tags",
+          onChange: (e) => setInputValue(e.target.value),
+          error: inputError,
+          helperText: helperText != null ? helperText : "Add any relevant tags, hit 'Enter' to add new tags. Valid format: [a-z0-9+#] separated by [-], at most 63 characters"
+        }
+      )
+    }
+  ));
 };
 
+const OwnerPickerFieldSchema = makeFieldSchemaFromZod(
+  z.string(),
+  z.object({
+    allowedKinds: z.array(z.string()).default(["Group", "User"]).optional().describe(
+      "List of kinds of entities to derive options from. Defaults to Group and User"
+    ),
+    allowArbitraryValues: z.boolean().optional().describe("Whether to allow arbitrary user input. Defaults to true"),
+    defaultNamespace: z.union([z.string(), z.literal(false)]).optional().describe(
+      "The default namespace. Options with this namespace will not be prefixed."
+    )
+  })
+);
+const OwnerPickerSchema = OwnerPickerFieldSchema.schema;
+
 const OwnerPicker = (props) => {
   var _a, _b, _c, _d;
   const {
@@ -416,61 +488,82 @@ const OwnerPicker = (props) => {
       ...defaultNamespace !== void 0 ? { defaultNamespace } : {}
     }
   };
-  return /* @__PURE__ */ React.createElement(EntityPicker, {
-    ...restProps,
-    schema: { title, description },
-    uiSchema: ownerUiSchema
-  });
+  return /* @__PURE__ */ React.createElement(
+    EntityPicker,
+    {
+      ...restProps,
+      schema: { title, description },
+      uiSchema: ownerUiSchema
+    }
+  );
 };
 
 const GithubRepoPicker = (props) => {
   const { allowedOwners = [], rawErrors, state, onChange } = props;
   const ownerItems = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
   const { owner } = state;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
-  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Owner Available",
-    onChange: (s) => onChange({ owner: String(Array.isArray(s) ? s[0] : s) }),
-    disabled: allowedOwners.length === 1,
-    selected: owner,
-    items: ownerItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "ownerInput"
-  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
-    id: "ownerInput",
-    onChange: (e) => onChange({ owner: e.target.value }),
-    value: owner
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+    },
+    (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Owner Available",
+        onChange: (s) => onChange({ owner: String(Array.isArray(s) ? s[0] : s) }),
+        disabled: allowedOwners.length === 1,
+        selected: owner,
+        items: ownerItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "ownerInput" }, "Owner"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "ownerInput",
+        onChange: (e) => onChange({ owner: e.target.value }),
+        value: owner
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to")
+  ));
 };
 
 const GitlabRepoPicker = (props) => {
   const { allowedOwners = [], state, onChange, rawErrors } = props;
   const ownerItems = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
   const { owner } = state;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
-  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Owner Available",
-    onChange: (selected) => onChange({
-      owner: String(Array.isArray(selected) ? selected[0] : selected)
-    }),
-    disabled: allowedOwners.length === 1,
-    selected: owner,
-    items: ownerItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "ownerInput"
-  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
-    id: "ownerInput",
-    onChange: (e) => onChange({ owner: e.target.value }),
-    value: owner
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "GitLab namespace where this repository will belong to. It can be the name of organization, group, subgroup, user, or the project.")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+    },
+    (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Owner Available",
+        onChange: (selected) => onChange({
+          owner: String(Array.isArray(selected) ? selected[0] : selected)
+        }),
+        disabled: allowedOwners.length === 1,
+        selected: owner,
+        items: ownerItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "ownerInput" }, "Owner"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "ownerInput",
+        onChange: (e) => onChange({ owner: e.target.value }),
+        value: owner
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "GitLab namespace where this repository will belong to. It can be the name of organization, group, subgroup, user, or the project.")
+  ));
 };
 
 const AzureRepoPicker = (props) => {
@@ -484,41 +577,59 @@ const AzureRepoPicker = (props) => {
   const organizationItems = allowedOrganizations ? allowedOrganizations.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
   const ownerItems = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
   const { organization, owner } = state;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !organization
-  }, (allowedOrganizations == null ? void 0 : allowedOrganizations.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Organization",
-    onChange: (s) => onChange({ organization: String(Array.isArray(s) ? s[0] : s) }),
-    disabled: allowedOrganizations.length === 1,
-    selected: organization,
-    items: organizationItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "orgInput"
-  }, "Organization"), /* @__PURE__ */ React.createElement(Input, {
-    id: "orgInput",
-    onChange: (e) => onChange({ organization: e.target.value }),
-    value: organization
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Organization that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
-  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Owner",
-    onChange: (s) => onChange({ owner: String(Array.isArray(s) ? s[0] : s) }),
-    disabled: allowedOwners.length === 1,
-    selected: owner,
-    items: ownerItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "ownerInput"
-  }, "Project"), /* @__PURE__ */ React.createElement(Input, {
-    id: "ownerInput",
-    onChange: (e) => onChange({ owner: e.target.value }),
-    value: owner
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Project that this repo will belong to")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !organization
+    },
+    (allowedOrganizations == null ? void 0 : allowedOrganizations.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Organization",
+        onChange: (s) => onChange({ organization: String(Array.isArray(s) ? s[0] : s) }),
+        disabled: allowedOrganizations.length === 1,
+        selected: organization,
+        items: organizationItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "orgInput" }, "Organization"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "orgInput",
+        onChange: (e) => onChange({ organization: e.target.value }),
+        value: organization
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The Organization that this repo will belong to")
+  ), /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+    },
+    (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Owner",
+        onChange: (s) => onChange({ owner: String(Array.isArray(s) ? s[0] : s) }),
+        disabled: allowedOwners.length === 1,
+        selected: owner,
+        items: ownerItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "ownerInput" }, "Project"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "ownerInput",
+        onChange: (e) => onChange({ owner: e.target.value }),
+        value: owner
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The Project that this repo will belong to")
+  ));
 };
 
 const BitbucketRepoPicker = (props) => {
@@ -530,59 +641,80 @@ const BitbucketRepoPicker = (props) => {
       onChange({ workspace: allowedOwners[0] });
     }
   }, [allowedOwners, host, onChange]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, host === "bitbucket.org" && /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
-  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Allowed Workspaces",
-    onChange: (s) => onChange({ workspace: String(Array.isArray(s) ? s[0] : s) }),
-    disabled: allowedOwners.length === 1,
-    selected: workspace,
-    items: ownerItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "workspaceInput"
-  }, "Workspace"), /* @__PURE__ */ React.createElement(Input, {
-    id: "workspaceInput",
-    onChange: (e) => onChange({ workspace: e.target.value }),
-    value: workspace
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Organization that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !project
-  }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "projectInput"
-  }, "Project"), /* @__PURE__ */ React.createElement(Input, {
-    id: "projectInput",
-    onChange: (e) => onChange({ project: e.target.value }),
-    value: project
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Project that this repo will belong to")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, host === "bitbucket.org" && /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
+    },
+    (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Allowed Workspaces",
+        onChange: (s) => onChange({ workspace: String(Array.isArray(s) ? s[0] : s) }),
+        disabled: allowedOwners.length === 1,
+        selected: workspace,
+        items: ownerItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "workspaceInput" }, "Workspace"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "workspaceInput",
+        onChange: (e) => onChange({ workspace: e.target.value }),
+        value: workspace
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The Organization that this repo will belong to")
+  ), /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !project
+    },
+    /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "projectInput" }, "Project"),
+    /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "projectInput",
+        onChange: (e) => onChange({ project: e.target.value }),
+        value: project
+      }
+    ),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The Project that this repo will belong to")
+  ));
 };
 
 const GerritRepoPicker = (props) => {
   const { onChange, rawErrors, state } = props;
   const { workspace, owner } = state;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
-  }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "ownerInput"
-  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
-    id: "ownerInput",
-    onChange: (e) => onChange({ owner: e.target.value }),
-    value: owner
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The owner of the project (optional)")), /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
-  }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "parentInput"
-  }, "Parent"), /* @__PURE__ */ React.createElement(Input, {
-    id: "parentInput",
-    onChange: (e) => onChange({ workspace: e.target.value }),
-    value: workspace
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The project parent that the repo will belong to")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, { margin: "normal", error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace }, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "ownerInput" }, "Owner"), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "ownerInput",
+      onChange: (e) => onChange({ owner: e.target.value }),
+      value: owner
+    }
+  ), /* @__PURE__ */ React.createElement(FormHelperText, null, "The owner of the project (optional)")), /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
+    },
+    /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "parentInput" }, "Parent"),
+    /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "parentInput",
+        onChange: (e) => onChange({ workspace: e.target.value }),
+        value: workspace
+      }
+    ),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The project parent that the repo will belong to")
+  ));
 };
 
 const RepoUrlPickerHost = (props) => {
@@ -608,19 +740,27 @@ const RepoUrlPickerHost = (props) => {
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !host
-  }, /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    disabled: (hosts == null ? void 0 : hosts.length) === 1,
-    label: "Host",
-    onChange: (s) => onChange(String(Array.isArray(s) ? s[0] : s)),
-    selected: host,
-    items: hostsOptions,
-    "data-testid": "host-select"
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The host where the repository will be created")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !host
+    },
+    /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        disabled: (hosts == null ? void 0 : hosts.length) === 1,
+        label: "Host",
+        onChange: (s) => onChange(String(Array.isArray(s) ? s[0] : s)),
+        selected: host,
+        items: hostsOptions,
+        "data-testid": "host-select"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The host where the repository will be created")
+  ));
 };
 
 const RepoUrlPickerRepoName = (props) => {
@@ -633,24 +773,33 @@ const RepoUrlPickerRepoName = (props) => {
     }
   }, [allowedRepos, repoName, onChange]);
   const repoItems = allowedRepos ? allowedRepos.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
-  }, (allowedRepos == null ? void 0 : allowedRepos.length) ? /* @__PURE__ */ React.createElement(Select, {
-    native: true,
-    label: "Repositories Available",
-    onChange: (selected) => String(Array.isArray(selected) ? selected[0] : selected),
-    disabled: allowedRepos.length === 1,
-    selected: repoName,
-    items: repoItems
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "repoNameInput"
-  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
-    id: "repoNameInput",
-    onChange: (e) => onChange(String(e.target.value)),
-    value: repoName
-  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      margin: "normal",
+      required: true,
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
+    },
+    (allowedRepos == null ? void 0 : allowedRepos.length) ? /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        native: true,
+        label: "Repositories Available",
+        onChange: (selected) => String(Array.isArray(selected) ? selected[0] : selected),
+        disabled: allowedRepos.length === 1,
+        selected: repoName,
+        items: repoItems
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, { htmlFor: "repoNameInput" }, "Repository"), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        id: "repoNameInput",
+        onChange: (e) => onChange(String(e.target.value)),
+        value: repoName
+      }
+    )),
+    /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")
+  ));
 };
 
 function serializeRepoPickerUrl(data) {
@@ -702,9 +851,7 @@ const SecretsContext = createContext(
 );
 const SecretsContextProvider = ({ children }) => {
   const [secrets, setSecrets] = useState({});
-  return /* @__PURE__ */ React.createElement(SecretsContext.Provider, {
-    value: { secrets, setSecrets }
-  }, children);
+  return /* @__PURE__ */ React.createElement(SecretsContext.Provider, { value: { secrets, setSecrets } }, children);
 };
 const useTemplateSecrets = () => {
   const value = useContext(SecretsContext);
@@ -723,6 +870,31 @@ const useTemplateSecrets = () => {
   return { setSecrets };
 };
 
+const RepoUrlPickerFieldSchema = makeFieldSchemaFromZod(
+  z.string(),
+  z.object({
+    allowedHosts: z.array(z.string()).optional().describe("List of allowed SCM platform hosts"),
+    allowedOrganizations: z.array(z.string()).optional().describe("List of allowed organizations in the given SCM platform"),
+    allowedOwners: z.array(z.string()).optional().describe("List of allowed owners in the given SCM platform"),
+    allowedRepos: z.array(z.string()).optional().describe("List of allowed repos in the given SCM platform"),
+    requestUserCredentials: z.object({
+      secretsKey: z.string().describe(
+        "Key used within the template secrets context to store the credential"
+      ),
+      additionalScopes: z.object({
+        gerrit: z.array(z.string()).optional().describe("Additional Gerrit scopes to request"),
+        github: z.array(z.string()).optional().describe("Additional GitHub scopes to request"),
+        gitlab: z.array(z.string()).optional().describe("Additional GitLab scopes to request"),
+        bitbucket: z.array(z.string()).optional().describe("Additional BitBucket scopes to request"),
+        azure: z.array(z.string()).optional().describe("Additional Azure scopes to request")
+      }).optional().describe("Additional permission scopes to request")
+    }).optional().describe(
+      "If defined will request user credentials to auth against the given SCM platform"
+    )
+  })
+);
+const RepoUrlPickerSchema = RepoUrlPickerFieldSchema.schema;
+
 const RepoUrlPicker = (props) => {
   var _a, _b;
   const { uiSchema, onChange, rawErrors, formData } = props;
@@ -816,42 +988,63 @@ const RepoUrlPicker = (props) => {
     [state, uiSchema]
   );
   const hostType = (_b = state.host && ((_a = integrationApi.byHost(state.host)) == null ? void 0 : _a.type)) != null ? _b : null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RepoUrlPickerHost, {
-    host: state.host,
-    hosts: allowedHosts,
-    onChange: (host) => setState((prevState) => ({ ...prevState, host })),
-    rawErrors
-  }), hostType === "github" && /* @__PURE__ */ React.createElement(GithubRepoPicker, {
-    allowedOwners,
-    onChange: updateLocalState,
-    rawErrors,
-    state
-  }), hostType === "gitlab" && /* @__PURE__ */ React.createElement(GitlabRepoPicker, {
-    allowedOwners,
-    rawErrors,
-    state,
-    onChange: updateLocalState
-  }), hostType === "bitbucket" && /* @__PURE__ */ React.createElement(BitbucketRepoPicker, {
-    allowedOwners,
-    rawErrors,
-    state,
-    onChange: updateLocalState
-  }), hostType === "azure" && /* @__PURE__ */ React.createElement(AzureRepoPicker, {
-    allowedOrganizations,
-    allowedOwners,
-    rawErrors,
-    state,
-    onChange: updateLocalState
-  }), hostType === "gerrit" && /* @__PURE__ */ React.createElement(GerritRepoPicker, {
-    rawErrors,
-    state,
-    onChange: updateLocalState
-  }), /* @__PURE__ */ React.createElement(RepoUrlPickerRepoName, {
-    repoName: state.repoName,
-    allowedRepos,
-    onChange: (repo) => setState((prevState) => ({ ...prevState, repoName: repo })),
-    rawErrors
-  }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    RepoUrlPickerHost,
+    {
+      host: state.host,
+      hosts: allowedHosts,
+      onChange: (host) => setState((prevState) => ({ ...prevState, host })),
+      rawErrors
+    }
+  ), hostType === "github" && /* @__PURE__ */ React.createElement(
+    GithubRepoPicker,
+    {
+      allowedOwners,
+      onChange: updateLocalState,
+      rawErrors,
+      state
+    }
+  ), hostType === "gitlab" && /* @__PURE__ */ React.createElement(
+    GitlabRepoPicker,
+    {
+      allowedOwners,
+      rawErrors,
+      state,
+      onChange: updateLocalState
+    }
+  ), hostType === "bitbucket" && /* @__PURE__ */ React.createElement(
+    BitbucketRepoPicker,
+    {
+      allowedOwners,
+      rawErrors,
+      state,
+      onChange: updateLocalState
+    }
+  ), hostType === "azure" && /* @__PURE__ */ React.createElement(
+    AzureRepoPicker,
+    {
+      allowedOrganizations,
+      allowedOwners,
+      rawErrors,
+      state,
+      onChange: updateLocalState
+    }
+  ), hostType === "gerrit" && /* @__PURE__ */ React.createElement(
+    GerritRepoPicker,
+    {
+      rawErrors,
+      state,
+      onChange: updateLocalState
+    }
+  ), /* @__PURE__ */ React.createElement(
+    RepoUrlPickerRepoName,
+    {
+      repoName: state.repoName,
+      allowedRepos,
+      onChange: (repo) => setState((prevState) => ({ ...prevState, repoName: repo })),
+      rawErrors
+    }
+  ));
 };
 
 const repoPickerValidation = (value, validation, context) => {
@@ -893,6 +1086,21 @@ const repoPickerValidation = (value, validation, context) => {
   }
 };
 
+const OwnedEntityPickerFieldSchema = makeFieldSchemaFromZod(
+  z.string(),
+  z.object({
+    allowedKinds: z.array(z.string()).optional().describe("List of kinds of entities to derive options from"),
+    defaultKind: z.string().optional().describe(
+      "The default entity kind. Options of this kind will not be prefixed."
+    ),
+    allowArbitraryValues: z.boolean().optional().describe("Whether to allow arbitrary user input. Defaults to true"),
+    defaultNamespace: z.union([z.string(), z.literal(false)]).optional().describe(
+      "The default namespace. Options with this namespace will not be prefixed."
+    )
+  })
+);
+const OwnedEntityPickerSchema = OwnedEntityPickerFieldSchema.schema;
+
 const OwnedEntityPicker = (props) => {
   var _a, _b, _c, _d, _e;
   const {
@@ -913,28 +1121,38 @@ const OwnedEntityPicker = (props) => {
   const onSelect = (_, value) => {
     onChange(value || "");
   };
-  return /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData
-  }, /* @__PURE__ */ React.createElement(Autocomplete, {
-    id: idSchema == null ? void 0 : idSchema.$id,
-    value: formData || "",
-    loading,
-    onChange: onSelect,
-    options: entityRefs || [],
-    autoSelect: true,
-    freeSolo: allowArbitraryValues,
-    renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-      ...params,
-      label: title,
+  return /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
       margin: "normal",
-      helperText: description,
-      variant: "outlined",
       required,
-      InputProps: params.InputProps
-    })
-  }));
+      error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !formData
+    },
+    /* @__PURE__ */ React.createElement(
+      Autocomplete,
+      {
+        id: idSchema == null ? void 0 : idSchema.$id,
+        value: formData || "",
+        loading,
+        onChange: onSelect,
+        options: entityRefs || [],
+        autoSelect: true,
+        freeSolo: allowArbitraryValues,
+        renderInput: (params) => /* @__PURE__ */ React.createElement(
+          TextField,
+          {
+            ...params,
+            label: title,
+            margin: "normal",
+            helperText: description,
+            variant: "outlined",
+            required,
+            InputProps: params.InputProps
+          }
+        )
+      }
+    )
+  );
 };
 function useOwnedEntities(allowedKinds) {
   const identityApi = useApi(identityApiRef);
@@ -1097,62 +1315,64 @@ const scaffolderPlugin = createPlugin({
 const EntityPickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: EntityPicker,
-    name: "EntityPicker"
+    name: "EntityPicker",
+    schema: EntityPickerSchema
   })
 );
 const EntityNamePickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: EntityNamePicker,
     name: "EntityNamePicker",
-    validation: entityNamePickerValidation
+    validation: entityNamePickerValidation,
+    schema: EntityNamePickerSchema
   })
 );
 const RepoUrlPickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: RepoUrlPicker,
     name: "RepoUrlPicker",
-    validation: repoPickerValidation
+    validation: repoPickerValidation,
+    schema: RepoUrlPickerSchema
   })
 );
 const OwnerPickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: OwnerPicker,
-    name: "OwnerPicker"
+    name: "OwnerPicker",
+    schema: OwnerPickerSchema
   })
 );
 const ScaffolderPage = scaffolderPlugin.provide(
   createRoutableExtension({
     name: "ScaffolderPage",
-    component: () => import('./Router-21c2e0ba.esm.js').then((m) => m.Router),
+    component: () => import('./Router-95a01240.esm.js').then((m) => m.Router),
     mountPoint: rootRouteRef
   })
 );
 const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: OwnedEntityPicker,
-    name: "OwnedEntityPicker"
+    name: "OwnedEntityPicker",
+    schema: OwnedEntityPickerSchema
   })
 );
 const EntityTagsPickerFieldExtension = scaffolderPlugin.provide(
   createScaffolderFieldExtension({
     component: EntityTagsPicker,
-    name: "EntityTagsPicker"
+    name: "EntityTagsPicker",
+    schema: EntityTagsPickerSchema
   })
 );
 const NextScaffolderPage = scaffolderPlugin.provide(
   createRoutableExtension({
     name: "NextScaffolderPage",
-    component: () => import('./index-a739a160.esm.js').then((m) => m.Router),
+    component: () => import('./index-cb47594c.esm.js').then((m) => m.Router),
     mountPoint: nextRouteRef
   })
 );
 
-const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, {
-  fontSize: "small"
-});
-const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, {
-  fontSize: "small"
-});
+const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, { fontSize: "small" });
+const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, { fontSize: "small" });
 const TemplateTypePicker = () => {
   const alertApi = useApi(alertApiRef);
   const { error, loading, availableTypes, selectedTypes, setSelectedTypes } = useEntityTypeFilter();
@@ -1167,34 +1387,33 @@ const TemplateTypePicker = () => {
     });
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, {
-    pb: 1,
-    pt: 1
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "button"
-  }, "Categories"), /* @__PURE__ */ React.createElement(Autocomplete$1, {
-    multiple: true,
-    "aria-label": "Categories",
-    options: availableTypes,
-    value: selectedTypes,
-    onChange: (_, value) => setSelectedTypes(value),
-    renderOption: (option, { selected }) => /* @__PURE__ */ React.createElement(FormControlLabel, {
-      control: /* @__PURE__ */ React.createElement(Checkbox, {
-        icon,
-        checkedIcon,
-        checked: selected
-      }),
-      label: capitalize(option)
-    }),
-    size: "small",
-    popupIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, {
-      "data-testid": "categories-picker-expand"
-    }),
-    renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-      ...params,
-      variant: "outlined"
-    })
-  }));
+  return /* @__PURE__ */ React.createElement(Box, { pb: 1, pt: 1 }, /* @__PURE__ */ React.createElement(Typography, { variant: "button" }, "Categories"), /* @__PURE__ */ React.createElement(
+    Autocomplete$1,
+    {
+      multiple: true,
+      "aria-label": "Categories",
+      options: availableTypes,
+      value: selectedTypes,
+      onChange: (_, value) => setSelectedTypes(value),
+      renderOption: (option, { selected }) => /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React.createElement(
+            Checkbox,
+            {
+              icon,
+              checkedIcon,
+              checked: selected
+            }
+          ),
+          label: capitalize(option)
+        }
+      ),
+      size: "small",
+      popupIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, { "data-testid": "categories-picker-expand" }),
+      renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, { ...params, variant: "outlined" })
+    }
+  ));
 };
 
 function reducer(draft, action) {
@@ -1328,11 +1547,14 @@ const TaskErrors = ({ error }) => {
   useEffect(() => {
     id.current = String(Math.random());
   }, [error]);
-  return error ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(DismissableBanner, {
-    id: id.current,
-    variant: "warning",
-    message: error.message
-  })) : null;
+  return error ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    DismissableBanner,
+    {
+      id: id.current,
+      variant: "warning",
+      message: error.message
+    }
+  )) : null;
 };
 
 const useStyles$1 = makeStyles({
@@ -1348,21 +1570,7 @@ const useStyles$1 = makeStyles({
 const IconLink = (props) => {
   const { href, text, Icon, ...linkProps } = props;
   const classes = useStyles$1();
-  return /* @__PURE__ */ React.createElement(Grid, {
-    container: true,
-    direction: "row",
-    spacing: 1
-  }, /* @__PURE__ */ React.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    component: "div",
-    className: classes.svgIcon
-  }, Icon ? /* @__PURE__ */ React.createElement(Icon, null) : /* @__PURE__ */ React.createElement(LanguageIcon, null))), /* @__PURE__ */ React.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React.createElement(Link, {
-    to: href,
-    ...linkProps
-  }, text || href)));
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { component: "div", className: classes.svgIcon }, Icon ? /* @__PURE__ */ React.createElement(Icon, null) : /* @__PURE__ */ React.createElement(LanguageIcon, null))), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Link, { to: href, ...linkProps }, text || href)));
 };
 
 const TaskPageLinks = ({ output }) => {
@@ -1373,10 +1581,7 @@ const TaskPageLinks = ({ output }) => {
     var _a;
     return key ? (_a = app.getSystemIcon(key)) != null ? _a : LanguageIcon : LanguageIcon;
   };
-  return /* @__PURE__ */ React.createElement(Box, {
-    px: 3,
-    pb: 3
-  }, links.filter(({ url, entityRef }) => url || entityRef).map(({ url, entityRef, title, icon }) => {
+  return /* @__PURE__ */ React.createElement(Box, { px: 3, pb: 3 }, links.filter(({ url, entityRef }) => url || entityRef).map(({ url, entityRef, title, icon }) => {
     if (entityRef) {
       const entityName = parseEntityRef(entityRef, {
         defaultKind: "<unknown>",
@@ -1386,13 +1591,16 @@ const TaskPageLinks = ({ output }) => {
       return { title, icon, url: target };
     }
     return { title, icon, url };
-  }).map(({ url, title, icon }, i) => /* @__PURE__ */ React.createElement(IconLink, {
-    key: `output-link-${i}`,
-    href: url,
-    text: title != null ? title : url,
-    Icon: iconResolver(icon),
-    target: "_blank"
-  })));
+  }).map(({ url, title, icon }, i) => /* @__PURE__ */ React.createElement(
+    IconLink,
+    {
+      key: `output-link-${i}`,
+      href: url,
+      text: title != null ? title : url,
+      Icon: iconResolver(icon),
+      target: "_blank"
+    }
+  )));
 };
 
 const humanizeDuration = require("humanize-duration");
@@ -1434,9 +1642,7 @@ const StepTimeTicker = ({ step }) => {
     const formatted = Interval.fromDateTimes(startedAt, end).toDuration().valueOf();
     setTime(humanizeDuration(formatted, { round: true }));
   }, 1e3);
-  return /* @__PURE__ */ React.createElement(Typography$1, {
-    variant: "caption"
-  }, time);
+  return /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, time);
 };
 const useStepIconStyles = makeStyles$1(
   (theme) => createStyles({
@@ -1459,9 +1665,7 @@ function TaskStepIconComponent(props) {
   const { active, completed, error } = props;
   const getMiddle = () => {
     if (active) {
-      return /* @__PURE__ */ React.createElement(CircularProgress, {
-        size: "24px"
-      });
+      return /* @__PURE__ */ React.createElement(CircularProgress, { size: "24px" });
     }
     if (completed) {
       return /* @__PURE__ */ React.createElement(Check, null);
@@ -1471,51 +1675,48 @@ function TaskStepIconComponent(props) {
     }
     return /* @__PURE__ */ React.createElement(FiberManualRecordIcon, null);
   };
-  return /* @__PURE__ */ React.createElement("div", {
-    className: classNames(classes.root, {
-      [classes.completed]: completed,
-      [classes.error]: error
-    })
-  }, getMiddle());
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: classNames(classes.root, {
+        [classes.completed]: completed,
+        [classes.error]: error
+      })
+    },
+    getMiddle()
+  );
 }
 const TaskStatusStepper = memo(
   (props) => {
     const { steps, currentStepId, onUserStepChange } = props;
     const classes = useStyles(props);
-    return /* @__PURE__ */ React.createElement("div", {
-      className: classes.root
-    }, /* @__PURE__ */ React.createElement(Stepper, {
-      activeStep: steps.findIndex((s) => s.id === currentStepId),
-      orientation: "vertical",
-      nonLinear: true
-    }, steps.map((step, index) => {
-      const isCompleted = step.status === "completed";
-      const isFailed = step.status === "failed";
-      const isActive = step.status === "processing";
-      const isSkipped = step.status === "skipped";
-      return /* @__PURE__ */ React.createElement(Step, {
-        key: String(index),
-        expanded: true
-      }, /* @__PURE__ */ React.createElement(StepButton, {
-        onClick: () => onUserStepChange(step.id)
-      }, /* @__PURE__ */ React.createElement(StepLabel, {
-        StepIconProps: {
-          completed: isCompleted,
-          error: isFailed,
-          active: isActive
-        },
-        StepIconComponent: TaskStepIconComponent,
-        className: classes.stepWrapper
-      }, /* @__PURE__ */ React.createElement("div", {
-        className: classes.labelWrapper
-      }, /* @__PURE__ */ React.createElement(Typography$1, {
-        variant: "subtitle2"
-      }, step.name), isSkipped ? /* @__PURE__ */ React.createElement(Typography$1, {
-        variant: "caption"
-      }, "Skipped") : /* @__PURE__ */ React.createElement(StepTimeTicker, {
-        step
-      })))));
-    })));
+    return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(
+      Stepper,
+      {
+        activeStep: steps.findIndex((s) => s.id === currentStepId),
+        orientation: "vertical",
+        nonLinear: true
+      },
+      steps.map((step, index) => {
+        const isCompleted = step.status === "completed";
+        const isFailed = step.status === "failed";
+        const isActive = step.status === "processing";
+        const isSkipped = step.status === "skipped";
+        return /* @__PURE__ */ React.createElement(Step, { key: String(index), expanded: true }, /* @__PURE__ */ React.createElement(StepButton, { onClick: () => onUserStepChange(step.id) }, /* @__PURE__ */ React.createElement(
+          StepLabel,
+          {
+            StepIconProps: {
+              completed: isCompleted,
+              error: isFailed,
+              active: isActive
+            },
+            StepIconComponent: TaskStepIconComponent,
+            className: classes.stepWrapper
+          },
+          /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "subtitle2" }, step.name), isSkipped ? /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, "Skipped") : /* @__PURE__ */ React.createElement(StepTimeTicker, { step }))
+        )));
+      })
+    ));
   }
 );
 const hasLinks = ({ links = [] }) => links.length > 0;
@@ -1584,44 +1785,39 @@ const TaskPage = ({ loadingText }) => {
       })}`
     );
   };
-  return /* @__PURE__ */ React.createElement(Page, {
-    themeId: "home"
-  }, /* @__PURE__ */ React.createElement(Header, {
-    pageTitleOverride: `Task ${taskId}`,
-    title: "Task Activity",
-    subtitle: `Activity for task: ${taskId}`
-  }), /* @__PURE__ */ React.createElement(Content, null, taskNotFound ? /* @__PURE__ */ React.createElement(ErrorPage, {
-    status: "404",
-    statusMessage: "Task not found",
-    additionalInfo: "No task found with this ID"
-  }) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Grid$1, {
-    container: true
-  }, /* @__PURE__ */ React.createElement(Grid$1, {
-    item: true,
-    xs: 3
-  }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(TaskStatusStepper, {
-    steps,
-    currentStepId,
-    onUserStepChange: setUserSelectedStepId
-  }), output && hasLinks(output) && /* @__PURE__ */ React.createElement(TaskPageLinks, {
-    output
-  }), /* @__PURE__ */ React.createElement(Button, {
-    className: classes.button,
-    onClick: handleStartOver,
-    disabled: !completed,
-    variant: "contained",
-    color: "primary"
-  }, "Start Over"))), /* @__PURE__ */ React.createElement(Grid$1, {
-    item: true,
-    xs: 9
-  }, !currentStepId && /* @__PURE__ */ React.createElement(Progress, null), /* @__PURE__ */ React.createElement("div", {
-    style: { height: "80vh" }
-  }, /* @__PURE__ */ React.createElement(TaskErrors, {
-    error: taskStream.error
-  }), /* @__PURE__ */ React.createElement(LogViewer, {
-    text: logAsString
-  })))))));
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      pageTitleOverride: `Task ${taskId}`,
+      title: "Task Activity",
+      subtitle: `Activity for task: ${taskId}`
+    }
+  ), /* @__PURE__ */ React.createElement(Content, null, taskNotFound ? /* @__PURE__ */ React.createElement(
+    ErrorPage,
+    {
+      status: "404",
+      statusMessage: "Task not found",
+      additionalInfo: "No task found with this ID"
+    }
+  ) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Grid$1, { container: true }, /* @__PURE__ */ React.createElement(Grid$1, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(
+    TaskStatusStepper,
+    {
+      steps,
+      currentStepId,
+      onUserStepChange: setUserSelectedStepId
+    }
+  ), output && hasLinks(output) && /* @__PURE__ */ React.createElement(TaskPageLinks, { output }), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: classes.button,
+      onClick: handleStartOver,
+      disabled: !completed,
+      variant: "contained",
+      color: "primary"
+    },
+    "Start Over"
+  ))), /* @__PURE__ */ React.createElement(Grid$1, { item: true, xs: 9 }, !currentStepId && /* @__PURE__ */ React.createElement(Progress, null), /* @__PURE__ */ React.createElement("div", { style: { height: "80vh" } }, /* @__PURE__ */ React.createElement(TaskErrors, { error: taskStream.error }), /* @__PURE__ */ React.createElement(LogViewer, { text: logAsString })))))));
 };
 
-export { createScaffolderLayout as A, ScaffolderLayouts as B, EntityPickerFieldExtension as C, EntityNamePickerFieldExtension as D, EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, EntityTagsPickerFieldExtension as G, OwnerPickerFieldExtension as H, OwnedEntityPickerFieldExtension as I, RepoUrlPickerFieldExtension as J, ScaffolderPage as K, LAYOUTS_WRAPPER_KEY as L, scaffolderPlugin as M, NextScaffolderPage as N, OwnerPicker as O, createNextScaffolderFieldExtension as P, useTemplateSecrets as Q, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, actionsRouteRef as a, scaffolderListTaskRouteRef as b, scaffolderApiRef as c, scaffolderTaskRouteRef as d, editRouteRef as e, rootRouteRef as f, TaskStatusStepper as g, TaskPageLinks as h, FIELD_EXTENSION_KEY as i, LAYOUTS_KEY as j, SecretsContextProvider as k, legacySelectedTemplateRouteRef as l, TaskPage as m, EntityNamePicker as n, entityNamePickerValidation as o, EntityTagsPicker as p, repoPickerValidation as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, OwnedEntityPicker as t, nextSelectedTemplateRouteRef as u, viewTechDocRouteRef as v, nextRouteRef as w, ScaffolderClient as x, createScaffolderFieldExtension as y, ScaffolderFieldExtensions as z };
-//# sourceMappingURL=index-49f6be11.esm.js.map
+export { OwnerPickerFieldSchema as $, OwnedEntityPickerSchema as A, nextSelectedTemplateRouteRef as B, nextRouteRef as C, ScaffolderClient as D, EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, createScaffolderFieldExtension as G, ScaffolderFieldExtensions as H, createScaffolderLayout as I, ScaffolderLayouts as J, EntityPickerFieldExtension as K, LAYOUTS_WRAPPER_KEY as L, EntityNamePickerFieldExtension as M, EntityTagsPickerFieldExtension as N, OwnerPicker as O, OwnerPickerFieldExtension as P, OwnedEntityPickerFieldExtension as Q, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, RepoUrlPickerFieldExtension as U, ScaffolderPage as V, scaffolderPlugin as W, NextScaffolderPage as X, createNextScaffolderFieldExtension as Y, makeFieldSchemaFromZod as Z, EntityPickerFieldSchema as _, actionsRouteRef as a, RepoUrlPickerFieldSchema as a0, OwnedEntityPickerFieldSchema as a1, EntityTagsPickerFieldSchema as a2, useTemplateSecrets as a3, scaffolderListTaskRouteRef as b, scaffolderApiRef as c, scaffolderTaskRouteRef as d, editRouteRef as e, rootRouteRef as f, TaskStatusStepper as g, TaskPageLinks as h, FIELD_EXTENSION_KEY as i, LAYOUTS_KEY as j, SecretsContextProvider as k, legacySelectedTemplateRouteRef as l, TaskPage as m, EntityPickerSchema as n, EntityNamePicker as o, entityNamePickerValidation as p, EntityNamePickerSchema as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, EntityTagsPicker as t, EntityTagsPickerSchema as u, viewTechDocRouteRef as v, repoPickerValidation as w, RepoUrlPickerSchema as x, OwnerPickerSchema as y, OwnedEntityPicker as z };
+//# sourceMappingURL=index-102258f6.esm.js.map