@backstage/plugin-scaffolder 0.12.2 → 0.14.0

package/dist/esm/{index-71578268.esm.js → index-da137e20.esm.js}

@@ -1,14 +1,14 @@
-import { createApiRef, useApi, attachComponentData, createExternalRouteRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useRouteRef, alertApiRef, useApp } from '@backstage/core-plugin-api';
+import { parseEntityRef, KubernetesValidatorFunctions, makeValidator, RELATION_OWNED_BY, stringifyEntityRef } from '@backstage/catalog-model';
+import { createApiRef, useApi, attachComponentData, createExternalRouteRef, createRouteRef, createSubRouteRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useRouteRef, alertApiRef, useApp } from '@backstage/core-plugin-api';
 import { ResponseError } from '@backstage/errors';
 import qs from 'qs';
 import ObservableImpl from 'zen-observable';
-import { catalogApiRef, formatEntityRefTitle, useOwnedEntities, useStarredEntity, getEntityRelations, getEntitySourceLocation, EntityRefLinks, useEntityListProvider, useEntityTypeFilter, entityRouteRef } from '@backstage/plugin-catalog-react';
-import { TextField, FormControl as FormControl$1, withStyles, makeStyles, IconButton, Tooltip, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, Link, FormControlLabel, Checkbox, Grid, StepButton, Paper, Button as Button$1, CircularProgress } from '@material-ui/core';
+import { catalogApiRef, humanizeEntityRef, useOwnedEntities, getEntityRelations, getEntitySourceLocation, FavoriteEntity, EntityRefLinks, useEntityList, useEntityTypeFilter, entityRouteRef } from '@backstage/plugin-catalog-react';
+import { TextField, FormControl as FormControl$1, makeStyles, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, IconButton, Tooltip, Link, FormControlLabel, Checkbox, Grid, StepButton, Paper, Button as Button$1, CircularProgress } from '@material-ui/core';
 import FormControl from '@material-ui/core/FormControl';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import React, { useCallback, useEffect, useState, createContext, useContext, useMemo, memo } from 'react';
 import useAsync from 'react-use/lib/useAsync';
-import { KubernetesValidatorFunctions, makeValidator, RELATION_OWNED_BY, stringifyEntityRef, parseEntityName } from '@backstage/catalog-model';
 import useEffectOnce from 'react-use/lib/useEffectOnce';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import { scmIntegrationsApiRef, scmAuthApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
@@ -17,10 +17,7 @@ import Input from '@material-ui/core/Input';
 import InputLabel from '@material-ui/core/InputLabel';
 import { Select, Progress, ItemCardHeader, Button, ContentHeader, WarningPanel, Link as Link$1, Content, ItemCardGrid, Page, Header, Lifecycle, ErrorPage, LogViewer } from '@backstage/core-components';
 import useDebounce from 'react-use/lib/useDebounce';
-import Star from '@material-ui/icons/Star';
-import StarBorder from '@material-ui/icons/StarBorder';
 import WarningIcon from '@material-ui/icons/Warning';
-import { generatePath, useNavigate, useParams } from 'react-router';
 import capitalize from 'lodash/capitalize';
 import CheckBoxIcon from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
@@ -36,6 +33,7 @@ import Check from '@material-ui/icons/Check';
 import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
 import classNames from 'classnames';
 import { DateTime, Interval } from 'luxon';
+import { useNavigate, useParams } from 'react-router';
 import useInterval from 'react-use/lib/useInterval';
 import { useImmerReducer } from 'use-immer';
 import LanguageIcon from '@material-ui/icons/Language';
@@ -52,15 +50,20 @@ class ScaffolderClient {
     this.useLongPollingLogs = (_b = options.useLongPollingLogs) != null ? _b : false;
   }
   async getIntegrationsList(options) {
-    return [
+    const integrations = [
       ...this.scmIntegrationsApi.azure.list(),
       ...this.scmIntegrationsApi.bitbucket.list(),
       ...this.scmIntegrationsApi.github.list(),
       ...this.scmIntegrationsApi.gitlab.list()
     ].map((c) => ({ type: c.type, title: c.title, host: c.config.host })).filter((c) => options.allowedHosts.includes(c.host));
+    return {
+      integrations
+    };
   }
-  async getTemplateParameterSchema(templateName) {
-    const { namespace, kind, name } = templateName;
+  async getTemplateParameterSchema(templateRef) {
+    const { namespace, kind, name } = parseEntityRef(templateRef, {
+      defaultKind: "template"
+    });
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
     const templatePath = [namespace, kind, name].map((s) => encodeURIComponent(s)).join("/");
     const url = `${baseUrl}/v2/templates/${templatePath}/parameter-schema`;
@@ -71,7 +74,8 @@ class ScaffolderClient {
     const schema = await response.json();
     return schema;
   }
-  async scaffold(templateName, values, secrets = {}) {
+  async scaffold(options) {
+    const { templateRef, values, secrets = {} } = options;
     const url = `${await this.discoveryApi.getBaseUrl("scaffolder")}/v2/tasks`;
     const response = await this.fetchApi.fetch(url, {
       method: "POST",
@@ -79,7 +83,7 @@ class ScaffolderClient {
         "Content-Type": "application/json"
       },
       body: JSON.stringify({
-        templateName,
+        templateRef,
         values: { ...values },
         secrets
       })
@@ -90,7 +94,7 @@ class ScaffolderClient {
       throw new Error(`Backend request failed, ${status} ${body.trim()}`);
     }
     const { id } = await response.json();
-    return id;
+    return { taskId: id };
   }
   async getTask(taskId) {
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
@@ -184,25 +188,22 @@ class ScaffolderClient {
   }
 }
 
-const allowArbitraryValues = (uiSchema) => {
-  var _a, _b;
-  return (_b = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowArbitraryValues) != null ? _b : true;
-};
-const EntityPicker = ({
-  onChange,
-  schema: { title = "Entity", description = "An entity from the catalog" },
-  required,
-  uiSchema,
-  rawErrors,
-  formData,
-  idSchema
-}) => {
-  var _a, _b;
+const EntityPicker = (props) => {
+  var _a, _b, _c, _d;
+  const {
+    onChange,
+    schema: { title = "Entity", description = "An entity from the catalog" },
+    required,
+    uiSchema,
+    rawErrors,
+    formData,
+    idSchema
+  } = props;
   const allowedKinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedKinds;
   const defaultKind = (_b = uiSchema["ui:options"]) == null ? void 0 : _b.defaultKind;
   const catalogApi = useApi(catalogApiRef);
   const { value: entities, loading } = useAsync(() => catalogApi.getEntities(allowedKinds ? { filter: { kind: allowedKinds } } : void 0));
-  const entityRefs = entities == null ? void 0 : entities.items.map((e) => formatEntityRefTitle(e, { defaultKind }));
+  const entityRefs = entities == null ? void 0 : entities.items.map((e) => humanizeEntityRef(e, { defaultKind }));
   const onSelect = useCallback((_, value) => {
     onChange(value || "");
   }, [onChange]);
@@ -223,7 +224,7 @@ const EntityPicker = ({
     onChange: onSelect,
     options: entityRefs || [],
     autoSelect: true,
-    freeSolo: allowArbitraryValues(uiSchema),
+    freeSolo: (_d = (_c = uiSchema["ui:options"]) == null ? void 0 : _c.allowArbitraryValues) != null ? _d : true,
     renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
       ...params,
       label: title,
@@ -236,35 +237,30 @@ const EntityPicker = ({
   }));
 };
 
-const TextValuePicker = ({
-  onChange,
-  required,
-  schema: { title, description },
-  rawErrors,
-  formData,
-  uiSchema: { "ui:autofocus": autoFocus },
-  idSchema,
-  placeholder
-}) => /* @__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 EntityNamePicker = ({
-  schema: { title = "Name", description = "Unique name of the component" },
-  ...props
-}) => /* @__PURE__ */ React.createElement(TextValuePicker, {
-  schema: { title, description },
-  ...props
-});
+const EntityNamePicker = (props) => {
+  const {
+    onChange,
+    required,
+    schema: { title = "Name", description = "Unique name of the component" },
+    rawErrors,
+    formData,
+    uiSchema: { "ui:autofocus": autoFocus },
+    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 }
+  });
+};
 
 const entityNamePickerValidation = (value, validation) => {
   if (!KubernetesValidatorFunctions.isValidObjectName(value)) {
@@ -272,12 +268,9 @@ const entityNamePickerValidation = (value, validation) => {
   }
 };
 
-const EntityTagsPicker = ({
-  formData,
-  onChange,
-  uiSchema
-}) => {
+const EntityTagsPicker = (props) => {
   var _a;
+  const { formData, onChange, uiSchema } = props;
   const catalogApi = useApi(catalogApiRef);
   const [inputValue, setInputValue] = useState("");
   const [inputError, setInputError] = useState(false);
@@ -334,12 +327,13 @@ const EntityTagsPicker = ({
   }));
 };
 
-const OwnerPicker = ({
-  schema: { title = "Owner", description = "The owner of the component" },
-  uiSchema,
-  ...props
-}) => {
+const OwnerPicker = (props) => {
   var _a;
+  const {
+    schema: { title = "Owner", description = "The owner of the component" },
+    uiSchema,
+    ...restProps
+  } = props;
   const ownerUiSchema = {
     ...uiSchema,
     "ui:options": {
@@ -351,7 +345,7 @@ const OwnerPicker = ({
     }
   };
   return /* @__PURE__ */ React.createElement(EntityPicker, {
-    ...props,
+    ...restProps,
     schema: { title, description },
     uiSchema: ownerUiSchema
   });
@@ -502,7 +496,7 @@ const BitbucketRepoPicker = (props) => {
 const RepoUrlPickerHost = (props) => {
   const { host, hosts, onChange, rawErrors } = props;
   const scaffolderApi = useApi(scaffolderApiRef);
-  const { value: integrations, loading } = useAsync(async () => {
+  const { value: { integrations } = { integrations: [] }, loading } = useAsync(async () => {
     return await scaffolderApi.getIntegrationsList({
       allowedHosts: hosts != null ? hosts : []
     });
@@ -591,11 +585,11 @@ const useTemplateSecrets = () => {
   if (!value) {
     throw new Error("useTemplateSecrets must be used within a SecretsContextProvider");
   }
-  const { setSecrets } = value;
-  const setSecret = useCallback((input) => {
-    setSecrets((currentSecrets) => ({ ...currentSecrets, ...input }));
-  }, [setSecrets]);
-  return { setSecret };
+  const { setSecrets: updateSecrets } = value;
+  const setSecrets = useCallback((input) => {
+    updateSecrets((currentSecrets) => ({ ...currentSecrets, ...input }));
+  }, [updateSecrets]);
+  return { setSecret: setSecrets, setSecrets };
 };
 
 const RepoUrlPicker = (props) => {
@@ -604,7 +598,7 @@ const RepoUrlPicker = (props) => {
   const [state, setState] = useState(parseRepoPickerUrl(formData));
   const integrationApi = useApi(scmIntegrationsApiRef);
   const scmAuthApi = useApi(scmAuthApiRef);
-  const { setSecret } = useTemplateSecrets();
+  const { setSecrets } = useTemplateSecrets();
   const allowedHosts = useMemo(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedHosts) != null ? _b2 : [];
@@ -642,7 +636,7 @@ const RepoUrlPicker = (props) => {
         customScopes: requestUserCredentials.additionalScopes
       }
     });
-    setSecret({ [requestUserCredentials.secretsKey]: token });
+    setSecrets({ [requestUserCredentials.secretsKey]: token });
   }, 500, [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, {
@@ -700,20 +694,21 @@ const repoPickerValidation = (value, validation, context) => {
   }
 };
 
-const OwnedEntityPicker = ({
-  onChange,
-  schema: { title = "Entity", description = "An entity from the catalog" },
-  required,
-  uiSchema,
-  rawErrors,
-  formData,
-  idSchema
-}) => {
+const OwnedEntityPicker = (props) => {
   var _a, _b;
+  const {
+    onChange,
+    schema: { title = "Entity", description = "An entity from the catalog" },
+    required,
+    uiSchema,
+    rawErrors,
+    formData,
+    idSchema
+  } = props;
   const allowedKinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedKinds;
   const defaultKind = (_b = uiSchema["ui:options"]) == null ? void 0 : _b.defaultKind;
   const { ownedEntities, loading } = useOwnedEntities(allowedKinds);
-  const entityRefs = ownedEntities == null ? void 0 : ownedEntities.items.map((e) => formatEntityRefTitle(e, { defaultKind })).filter((n) => n);
+  const entityRefs = ownedEntities == null ? void 0 : ownedEntities.items.map((e) => humanizeEntityRef(e, { defaultKind })).filter((n) => n);
   const onSelect = (_, value) => {
     onChange(value || "");
   };
@@ -762,6 +757,21 @@ const registerComponentRouteRef = createExternalRouteRef({
 const rootRouteRef = createRouteRef({
   id: "scaffolder"
 });
+const selectedTemplateRouteRef = createSubRouteRef({
+  id: "scaffolder/selected-template",
+  parent: rootRouteRef,
+  path: "/templates/:templateName"
+});
+const scaffolderTaskRouteRef = createSubRouteRef({
+  id: "scaffolder/task",
+  parent: rootRouteRef,
+  path: "/tasks/:taskId"
+});
+createSubRouteRef({
+  id: "scaffolder/actions",
+  parent: rootRouteRef,
+  path: "/actions"
+});
 
 const scaffolderPlugin = createPlugin({
   id: "scaffolder",
@@ -807,7 +817,7 @@ const OwnerPickerFieldExtension = scaffolderPlugin.provide(createScaffolderField
 }));
 const ScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
   name: "ScaffolderPage",
-  component: () => import('./Router-5df57206.esm.js').then((m) => m.Router),
+  component: () => import('./Router-ba25f61c.esm.js').then((m) => m.Router),
   mountPoint: rootRouteRef
 }));
 const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
@@ -819,39 +829,6 @@ const EntityTagsPickerFieldExtension = scaffolderPlugin.provide(createScaffolder
   name: "EntityTagsPicker"
 }));
 
-const YellowStar = withStyles({
-  root: {
-    color: "#f3ba37"
-  }
-})(Star);
-const WhiteBorderStar = withStyles({
-  root: {
-    color: "#ffffff"
-  }
-})(StarBorder);
-const useStyles$3 = makeStyles((theme) => ({
-  starButton: {
-    position: "absolute",
-    top: theme.spacing(0.5),
-    right: theme.spacing(0.5),
-    padding: "0.25rem"
-  }
-}));
-const favouriteTemplateTooltip = (isStarred) => isStarred ? "Remove from favorites" : "Add to favorites";
-const favouriteTemplateIcon = (isStarred) => isStarred ? /* @__PURE__ */ React.createElement(YellowStar, null) : /* @__PURE__ */ React.createElement(WhiteBorderStar, null);
-const FavouriteTemplate = (props) => {
-  const classes = useStyles$3();
-  const { toggleStarredEntity, isStarredEntity } = useStarredEntity(props.entity);
-  return /* @__PURE__ */ React.createElement(IconButton, {
-    color: "inherit",
-    className: classes.starButton,
-    ...props,
-    onClick: () => toggleStarredEntity()
-  }, /* @__PURE__ */ React.createElement(Tooltip, {
-    title: favouriteTemplateTooltip(isStarredEntity)
-  }, favouriteTemplateIcon(isStarredEntity)));
-};
-
 const useStyles$2 = makeStyles((theme) => ({
   cardHeader: {
     position: "relative"
@@ -878,6 +855,12 @@ const useStyles$2 = makeStyles((theme) => ({
   },
   leftButton: {
     marginRight: "auto"
+  },
+  starButton: {
+    position: "absolute",
+    top: theme.spacing(0.5),
+    right: theme.spacing(0.5),
+    padding: "0.25rem"
   }
 }));
 const useDeprecationStyles = makeStyles((theme) => ({
@@ -906,33 +889,32 @@ const DeprecationWarning = () => {
   const styles = useDeprecationStyles();
   const Title = /* @__PURE__ */ React.createElement(Typography, {
     style: { padding: 10, maxWidth: 300 }
-  }, "This template syntax is deprecated. Click for more info.");
+  }, "This template uses a syntax that has been deprecated, and should be migrated to a newer syntax. Click for more info.");
   return /* @__PURE__ */ React.createElement("div", {
     className: styles.deprecationIcon
   }, /* @__PURE__ */ React.createElement(Tooltip, {
     title: Title
   }, /* @__PURE__ */ React.createElement(Link, {
-    href: "https://backstage.io/docs/features/software-templates/migrating-from-v1alpha1-to-v1beta2",
+    href: "https://backstage.io/docs/features/software-templates/migrating-from-v1beta2-to-v1beta3",
     className: styles.link
   }, /* @__PURE__ */ React.createElement(WarningIcon, null))));
 };
 const TemplateCard = ({ template, deprecated }) => {
   var _a;
   const backstageTheme = useTheme();
-  const rootLink = useRouteRef(rootRouteRef);
+  const templateRoute = useRouteRef(selectedTemplateRouteRef);
   const templateProps = getTemplateCardProps(template);
   const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);
   const themeId = backstageTheme.getPageTheme({ themeId: templateProps.type }) ? templateProps.type : "other";
   const theme = backstageTheme.getPageTheme({ themeId });
   const classes = useStyles$2({ backgroundImage: theme.backgroundImage });
-  const href = generatePath(`${rootLink()}/templates/:templateName`, {
-    templateName: templateProps.name
-  });
+  const href = templateRoute({ templateName: templateProps.name });
   const scmIntegrationsApi = useApi(scmIntegrationsApiRef);
   const sourceLocation = getEntitySourceLocation(template, scmIntegrationsApi);
   return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardMedia, {
     className: classes.cardHeader
-  }, /* @__PURE__ */ React.createElement(FavouriteTemplate, {
+  }, /* @__PURE__ */ React.createElement(FavoriteEntity, {
+    className: classes.starButton,
     entity: template
   }), deprecated && /* @__PURE__ */ React.createElement(DeprecationWarning, null), /* @__PURE__ */ React.createElement(ItemCardHeader, {
     title: templateProps.title,
@@ -976,14 +958,26 @@ const TemplateList = ({
   TemplateCardComponent,
   group
 }) => {
-  const { loading, error, entities } = useEntityListProvider();
+  const { loading, error, entities } = useEntityList();
   const Card = TemplateCardComponent || TemplateCard;
   const maybeFilteredEntities = group ? entities.filter((e) => group.filter(e)) : entities;
-  const title = group ? group.titleComponent || /* @__PURE__ */ React.createElement(ContentHeader, {
-    title: group.title
-  }) : /* @__PURE__ */ React.createElement(ContentHeader, {
-    title: "Other Templates"
-  });
+  const titleComponent = (() => {
+    if (group == null ? void 0 : group.titleComponent) {
+      console.warn("DEPRECATED: group.titleComponent is now deprecated. Use group.title instead, it can be a string or a react component");
+      return group == null ? void 0 : group.titleComponent;
+    }
+    if (group && group.title) {
+      if (typeof group.title === "string") {
+        return /* @__PURE__ */ React.createElement(ContentHeader, {
+          title: group.title
+        });
+      }
+      return group.title;
+    }
+    return /* @__PURE__ */ React.createElement(ContentHeader, {
+      title: "Other Templates"
+    });
+  })();
   if (group && maybeFilteredEntities.length === 0) {
     return null;
   }
@@ -993,9 +987,10 @@ const TemplateList = ({
     variant: "body2"
   }, "No templates found that match your filter. Learn more about", " ", /* @__PURE__ */ React.createElement(Link$1, {
     to: "https://backstage.io/docs/features/software-templates/adding-templates"
-  }, "adding templates"), "."), /* @__PURE__ */ React.createElement(Content, null, title, /* @__PURE__ */ React.createElement(ItemCardGrid, null, maybeFilteredEntities && (maybeFilteredEntities == null ? void 0 : maybeFilteredEntities.length) > 0 && maybeFilteredEntities.map((template) => /* @__PURE__ */ React.createElement(Card, {
+  }, "adding templates"), "."), /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(ItemCardGrid, null, maybeFilteredEntities && (maybeFilteredEntities == null ? void 0 : maybeFilteredEntities.length) > 0 && maybeFilteredEntities.map((template) => /* @__PURE__ */ React.createElement(Card, {
     key: stringifyEntityRef(template),
-    template
+    template,
+    deprecated: template.apiVersion === "backstage.io/v1beta2"
   })))));
 };
 
@@ -1223,7 +1218,7 @@ const TaskPageLinks = ({ output }) => {
     pb: 3
   }, links.filter(({ url, entityRef }) => url || entityRef).map(({ url, entityRef, title, icon }) => {
     if (entityRef) {
-      const entityName = parseEntityName(entityRef);
+      const entityName = parseEntityRef(entityRef);
       const target = entityRoute(entityName);
       return { title, icon, url: target };
     }
@@ -1357,11 +1352,16 @@ const TaskStatusStepper = memo(({
     })))));
   })));
 });
-const hasLinks = ({ entityRef, remoteUrl, links = [] }) => !!(entityRef || remoteUrl || links.length > 0);
+const hasLinks = ({
+  entityRef,
+  remoteUrl,
+  links = []
+}) => !!(entityRef || remoteUrl || links.length > 0);
 const TaskPage = ({ loadingText }) => {
   const classes = useStyles();
   const navigate = useNavigate();
-  const rootLink = useRouteRef(rootRouteRef);
+  const rootPath = useRouteRef(rootRouteRef);
+  const templateRoute = useRouteRef(selectedTemplateRouteRef);
   const [userSelectedStepId, setUserSelectedStepId] = useState(void 0);
   const [lastActiveStepId, setLastActiveStepId] = useState(void 0);
   const { taskId } = useParams();
@@ -1400,16 +1400,16 @@ const TaskPage = ({ loadingText }) => {
   const taskNotFound = taskStream.completed === true && taskStream.loading === false && !taskStream.task;
   const { output } = taskStream;
   const handleStartOver = () => {
-    var _a, _b;
-    if (!taskStream.task || !((_b = (_a = taskStream.task) == null ? void 0 : _a.spec.metadata) == null ? void 0 : _b.name)) {
-      navigate(generatePath(rootLink()));
+    var _a, _b, _c;
+    if (!taskStream.task || !((_b = (_a = taskStream.task) == null ? void 0 : _a.spec.templateInfo) == null ? void 0 : _b.entityRef)) {
+      navigate(rootPath());
+      return;
     }
     const formData = taskStream.task.spec.apiVersion === "backstage.io/v1beta2" ? taskStream.task.spec.values : taskStream.task.spec.parameters;
-    navigate(generatePath(`${rootLink()}/templates/:templateName?${qs.stringify({
+    const { name } = parseEntityRef((_c = taskStream.task.spec.templateInfo) == null ? void 0 : _c.entityRef);
+    navigate(`${templateRoute({ templateName: name })}?${qs.stringify({
       formData: JSON.stringify(formData)
-    })}`, {
-      templateName: taskStream.task.spec.metadata.name
-    }));
+    })}`);
   };
   return /* @__PURE__ */ React.createElement(Page, {
     themeId: "home"
@@ -1451,5 +1451,5 @@ const TaskPage = ({ loadingText }) => {
   })))))));
 };
 
-export { EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, EntityNamePicker as a, EntityTagsPicker as b, OwnedEntityPicker as c, registerComponentRouteRef as d, entityNamePickerValidation as e, TemplateList as f, rootRouteRef as g, FIELD_EXTENSION_KEY as h, SecretsContextProvider as i, TaskPage as j, ScaffolderClient as k, createScaffolderFieldExtension as l, ScaffolderFieldExtensions as m, EntityPickerFieldExtension as n, EntityNamePickerFieldExtension as o, EntityTagsPickerFieldExtension as p, OwnerPickerFieldExtension as q, repoPickerValidation as r, scaffolderApiRef as s, OwnedEntityPickerFieldExtension as t, RepoUrlPickerFieldExtension as u, ScaffolderPage as v, scaffolderPlugin as w, TextValuePicker as x, FavouriteTemplate as y, useTemplateSecrets as z };
-//# sourceMappingURL=index-71578268.esm.js.map
+export { EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, EntityNamePicker as a, EntityTagsPicker as b, OwnedEntityPicker as c, registerComponentRouteRef as d, entityNamePickerValidation as e, TemplateList as f, scaffolderTaskRouteRef as g, rootRouteRef as h, FIELD_EXTENSION_KEY as i, SecretsContextProvider as j, TaskPage as k, ScaffolderClient as l, createScaffolderFieldExtension as m, ScaffolderFieldExtensions as n, EntityPickerFieldExtension as o, EntityNamePickerFieldExtension as p, EntityTagsPickerFieldExtension as q, repoPickerValidation as r, scaffolderApiRef as s, OwnerPickerFieldExtension as t, OwnedEntityPickerFieldExtension as u, RepoUrlPickerFieldExtension as v, ScaffolderPage as w, scaffolderPlugin as x, useTemplateSecrets as y };
+//# sourceMappingURL=index-da137e20.esm.js.map