@backstage/plugin-scaffolder 1.12.0-next.2 → 1.13.0-next.0

package/dist/esm/alpha/{alpha-714dad1b.esm.js → alpha-0764fae7.esm.js}

@@ -1,12 +1,13 @@
 import { scmIntegrationsApiRef, scmAuthApiRef } from '@backstage/integration-react';
-import { scaffolderApiRef, useTemplateSecrets, useTaskEventStream, createScaffolderFieldExtension } from '@backstage/plugin-scaffolder-react';
+import { scaffolderApiRef, useTemplateSecrets, createScaffolderFieldExtension, useTaskEventStream } from '@backstage/plugin-scaffolder-react';
 import { parseEntityRef, stringifyEntityRef, KubernetesValidatorFunctions, RELATION_OWNED_BY, makeValidator } from '@backstage/catalog-model';
 import { ResponseError } from '@backstage/errors';
 import qs from 'qs';
 import ObservableImpl from 'zen-observable';
-import { useApi, identityApiRef, createExternalRouteRef, createRouteRef, createSubRouteRef, useRouteRef, useApiHolder, useApp, useRouteRefParams, alertApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
+import { CATALOG_FILTER_EXISTS } from '@backstage/catalog-client';
+import { useApi, identityApiRef, createExternalRouteRef, createRouteRef, createSubRouteRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useRouteRef, useApiHolder, useApp, useRouteRefParams, alertApiRef } from '@backstage/core-plugin-api';
 import { catalogApiRef, humanizeEntityRef, entityRouteRef } from '@backstage/plugin-catalog-react';
-import { TextField, FormControl as FormControl$1, makeStyles as makeStyles$1, IconButton as IconButton$1, Popover as Popover$1, MenuList as MenuList$1, MenuItem as MenuItem$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, Box, Paper, Typography, Accordion, AccordionSummary, AccordionDetails, Grid, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Chip, Card, List as List$1, InputLabel as InputLabel$1, Select as Select$1, CardHeader, CardContent, Button, StepButton, CircularProgress, Tooltip, Divider as Divider$1, LinearProgress } from '@material-ui/core';
+import { TextField, FormControl as FormControl$1, makeStyles, IconButton, Popover, MenuList, MenuItem, ListItemIcon, ListItemText, Box, Paper, Typography, Accordion, AccordionSummary, AccordionDetails, Grid, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Chip, Card, List, InputLabel as InputLabel$1, Select as Select$1, CardHeader, CardContent, Button, StepButton, CircularProgress, Tooltip, Divider as Divider$1, LinearProgress } from '@material-ui/core';
 import FormControl from '@material-ui/core/FormControl';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import React, { useCallback, useEffect, useState, useMemo, Fragment, createContext, useRef, useContext, Component, memo, Children } from 'react';
@@ -20,31 +21,21 @@ import { Select, Progress, Page, Header, Content, ErrorPanel, ErrorPage, Markdow
 import useDebounce from 'react-use/lib/useDebounce';
 import useEffectOnce from 'react-use/lib/useEffectOnce';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
-import { useNavigate, useParams } from 'react-router-dom';
-import 'lodash/capitalize';
-import '@material-ui/icons/CheckBox';
-import '@material-ui/icons/CheckBoxOutlineBlank';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { useParams, useNavigate } from 'react-router-dom';
+import { DefaultTemplateOutputs, TaskSteps, TaskLogStream, Stepper, Form } from '@backstage/plugin-scaffolder-react/alpha';
 import '@material-ui/core/Button';
-import IconButton from '@material-ui/core/IconButton';
+import IconButton$1 from '@material-ui/core/IconButton';
 import '@material-ui/core/useMediaQuery';
 import '@material-ui/icons/AddCircleOutline';
 import '@backstage/plugin-catalog-common/alpha';
 import '@backstage/plugin-permission-react';
-import { DefaultTemplateOutputs, TaskSteps, TaskLogStream, Stepper, Form } from '@backstage/plugin-scaffolder-react/alpha';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import MenuItem from '@material-ui/core/MenuItem';
-import MenuList from '@material-ui/core/MenuList';
-import Popover from '@material-ui/core/Popover';
-import { makeStyles, createStyles } from '@material-ui/core/styles';
-import Description from '@material-ui/icons/Description';
-import Edit from '@material-ui/icons/Edit';
-import List from '@material-ui/icons/List';
-import MoreVert from '@material-ui/icons/MoreVert';
+import { useAsync as useAsync$1, useRerender, usePrevious, useKeyboardEvent } from '@react-hookz/web';
+import Cancel from '@material-ui/icons/Cancel';
 import Retry from '@material-ui/icons/Repeat';
 import Toc from '@material-ui/icons/Toc';
+import MoreVert from '@material-ui/icons/MoreVert';
 import classNames from 'classnames';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import SettingsIcon from '@material-ui/icons/Settings';
 import AllIcon from '@material-ui/icons/FontDownload';
 import { DateTime, Interval } from 'luxon';
@@ -55,17 +46,18 @@ import { yaml as yaml$1 } from '@codemirror/legacy-modes/mode/yaml';
 import CloseIcon from '@material-ui/icons/Close';
 import CodeMirror from '@uiw/react-codemirror';
 import yaml from 'yaml';
-import { useAsync as useAsync$1, useRerender, usePrevious, useKeyboardEvent } from '@react-hookz/web';
+import { makeStyles as makeStyles$1, createStyles } from '@material-ui/core/styles';
 import validator from '@rjsf/validator-ajv8';
 import Accordion$1 from '@material-ui/core/Accordion';
 import AccordionDetails$1 from '@material-ui/core/AccordionDetails';
 import AccordionSummary$1 from '@material-ui/core/AccordionSummary';
 import Divider from '@material-ui/core/Divider';
 import ExpandMoreIcon$1 from '@material-ui/icons/ExpandLess';
-import List$2 from '@material-ui/core/List';
+import List$1 from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon$1 from '@material-ui/core/ListItemIcon';
 import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
-import CancelIcon from '@material-ui/icons/Cancel';
+import ListItemText$1 from '@material-ui/core/ListItemText';
 import CheckIcon from '@material-ui/icons/Check';
 import DeleteIcon from '@material-ui/icons/Delete';
 import Box$1 from '@material-ui/core/Box';
@@ -216,8 +208,7 @@ class ScaffolderClient {
           const url = `${baseUrl}/v2/tasks/${encodeURIComponent(
             taskId
           )}/eventstream`;
-          const eventSource = new EventSource(url, { withCredentials: true });
-          eventSource.addEventListener("log", (event) => {
+          const processEvent = (event) => {
             if (event.data) {
               try {
                 subscriber.next(JSON.parse(event.data));
@@ -225,15 +216,12 @@ class ScaffolderClient {
                 subscriber.error(ex);
               }
             }
-          });
+          };
+          const eventSource = new EventSource(url, { withCredentials: true });
+          eventSource.addEventListener("log", processEvent);
+          eventSource.addEventListener("cancelled", processEvent);
           eventSource.addEventListener("completion", (event) => {
-            if (event.data) {
-              try {
-                subscriber.next(JSON.parse(event.data));
-              } catch (ex) {
-                subscriber.error(ex);
-              }
-            }
+            processEvent(event);
             eventSource.close();
             subscriber.complete();
           });
@@ -284,6 +272,17 @@ class ScaffolderClient {
     }
     return await response.json();
   }
+  async cancelTask(taskId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
+    const url = `${baseUrl}/v2/tasks/${encodeURIComponent(taskId)}/cancel`;
+    const response = await this.fetchApi.fetch(url, {
+      method: "POST"
+    });
+    if (!response.ok) {
+      throw await ResponseError.fromResponse(response);
+    }
+    return await response.json();
+  }
 }
 
 function makeFieldSchemaFromZod(returnSchema, uiOptionsSchema) {
@@ -298,7 +297,7 @@ function makeFieldSchemaFromZod(returnSchema, uiOptionsSchema) {
 }
 
 const entityQueryFilterExpressionSchema = z.record(
-  z.string().or(z.array(z.string()))
+  z.string().or(z.object({ exists: z.boolean().optional() })).or(z.array(z.string()))
 );
 const EntityPickerFieldSchema = makeFieldSchemaFromZod(
   z.string(),
@@ -322,7 +321,7 @@ const EntityPickerFieldSchema = makeFieldSchemaFromZod(
 const EntityPickerSchema = EntityPickerFieldSchema.schema;
 
 const EntityPicker = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
   const {
     onChange,
     schema: { title = "Entity", description = "An entity from the catalog" },
@@ -332,10 +331,9 @@ const EntityPicker = (props) => {
     formData,
     idSchema
   } = props;
-  const allowedKinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedKinds;
-  const catalogFilter = ((_b = uiSchema["ui:options"]) == null ? void 0 : _b.catalogFilter) || allowedKinds && { kind: allowedKinds };
-  const defaultKind = (_c = uiSchema["ui:options"]) == null ? void 0 : _c.defaultKind;
-  const defaultNamespace = ((_d = uiSchema["ui:options"]) == null ? void 0 : _d.defaultNamespace) || void 0;
+  const catalogFilter = buildCatalogFilter(uiSchema);
+  const defaultKind = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.defaultKind;
+  const defaultNamespace = ((_b = uiSchema["ui:options"]) == null ? void 0 : _b.defaultNamespace) || void 0;
   const catalogApi = useApi(catalogApiRef);
   const { value: entities, loading } = useAsync(async () => {
     const { items } = await catalogApi.getEntities(
@@ -343,7 +341,7 @@ const EntityPicker = (props) => {
     );
     return items;
   });
-  const allowArbitraryValues = (_f = (_e = uiSchema["ui:options"]) == null ? void 0 : _e.allowArbitraryValues) != null ? _f : true;
+  const allowArbitraryValues = (_d = (_c = uiSchema["ui:options"]) == null ? void 0 : _c.allowArbitraryValues) != null ? _d : true;
   const getLabel = useCallback(
     (ref) => {
       try {
@@ -404,7 +402,7 @@ const EntityPicker = (props) => {
         value: (
           // Since free solo can be enabled, attempt to parse as a full entity ref first, then fall
           //  back to the given value.
-          (_g = entities == null ? void 0 : entities.find((e) => stringifyEntityRef(e) === formData)) != null ? _g : allowArbitraryValues && formData ? getLabel(formData) : ""
+          (_e = entities == null ? void 0 : entities.find((e) => stringifyEntityRef(e) === formData)) != null ? _e : allowArbitraryValues && formData ? getLabel(formData) : ""
         ),
         loading,
         onChange: onSelect,
@@ -432,6 +430,35 @@ const EntityPicker = (props) => {
     )
   );
 };
+function convertOpsValues(value) {
+  if (typeof value === "object" && value.exists) {
+    return CATALOG_FILTER_EXISTS;
+  }
+  return value == null ? void 0 : value.toString();
+}
+function convertSchemaFiltersToQuery(schemaFilters) {
+  const query = {};
+  for (const [key, value] of Object.entries(schemaFilters)) {
+    if (Array.isArray(value)) {
+      query[key] = value;
+    } else {
+      query[key] = convertOpsValues(value);
+    }
+  }
+  return query;
+}
+function buildCatalogFilter(uiSchema) {
+  var _a, _b;
+  const allowedKinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedKinds;
+  const catalogFilter = ((_b = uiSchema["ui:options"]) == null ? void 0 : _b.catalogFilter) || allowedKinds && { kind: allowedKinds };
+  if (!catalogFilter) {
+    return void 0;
+  }
+  if (Array.isArray(catalogFilter)) {
+    return catalogFilter.map(convertSchemaFiltersToQuery);
+  }
+  return convertSchemaFiltersToQuery(catalogFilter);
+}
 
 const entityNamePickerValidation = (value, validation) => {
   if (!KubernetesValidatorFunctions.isValidObjectName(value)) {
@@ -1312,95 +1339,114 @@ const editRouteRef = createSubRouteRef({
   path: "/edit"
 });
 
-const nextRouteRef = createRouteRef({
-  id: "scaffolder/next"
-});
-const nextSelectedTemplateRouteRef = createSubRouteRef({
-  id: "scaffolder/next/selected-template",
-  parent: nextRouteRef,
-  path: "/templates/:namespace/:templateName"
-});
-const nextScaffolderTaskRouteRef = createSubRouteRef({
-  id: "scaffolder/next/task",
-  parent: nextRouteRef,
-  path: "/tasks/:taskId"
-});
-const nextScaffolderListTaskRouteRef = createSubRouteRef({
-  id: "scaffolder/next/list-tasks",
-  parent: nextRouteRef,
-  path: "/tasks"
-});
-const nextActionsRouteRef = createSubRouteRef({
-  id: "scaffolder/next/actions",
-  parent: nextRouteRef,
-  path: "/actions"
-});
-const nextEditRouteRef = createSubRouteRef({
-  id: "scaffolder/next/edit",
-  parent: nextRouteRef,
-  path: "/edit"
-});
-
-const useStyles$i = makeStyles((theme) => ({
-  button: {
-    color: theme.page.fontColor
-  }
-}));
-function ContextMenu$1(props) {
-  const classes = useStyles$i();
-  const [anchorEl, setAnchorEl] = useState();
-  const editLink = useRouteRef(nextEditRouteRef);
-  const actionsLink = useRouteRef(nextActionsRouteRef);
-  const tasksLink = useRouteRef(nextScaffolderListTaskRouteRef);
-  const navigate = useNavigate();
-  const showEditor = props.editor !== false;
-  const showActions = props.actions !== false;
-  const showTasks = props.tasks !== false;
-  if (!showEditor && !showActions) {
-    return null;
+const scaffolderPlugin = createPlugin({
+  id: "scaffolder",
+  apis: [
+    createApiFactory({
+      api: scaffolderApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        scmIntegrationsApi: scmIntegrationsApiRef,
+        fetchApi: fetchApiRef,
+        identityApi: identityApiRef
+      },
+      factory: ({ discoveryApi, scmIntegrationsApi, fetchApi, identityApi }) => new ScaffolderClient({
+        discoveryApi,
+        scmIntegrationsApi,
+        fetchApi,
+        identityApi
+      })
+    })
+  ],
+  routes: {
+    root: rootRouteRef,
+    selectedTemplate: selectedTemplateRouteRef,
+    ongoingTask: scaffolderTaskRouteRef,
+    actions: actionsRouteRef,
+    listTasks: scaffolderListTaskRouteRef,
+    edit: editRouteRef
+  },
+  externalRoutes: {
+    registerComponent: registerComponentRouteRef,
+    viewTechDoc: viewTechDocRouteRef
   }
-  const onOpen = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const onClose = () => {
-    setAnchorEl(void 0);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "more",
-      "aria-controls": "long-menu",
-      "aria-haspopup": "true",
-      onClick: onOpen,
-      "data-testid": "menu-button",
-      color: "inherit",
-      className: classes.button
-    },
-    /* @__PURE__ */ React.createElement(MoreVert, null)
-  ), /* @__PURE__ */ React.createElement(
-    Popover,
-    {
-      open: Boolean(anchorEl),
-      onClose,
-      anchorEl,
-      anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      transformOrigin: { vertical: "top", horizontal: "right" }
-    },
-    /* @__PURE__ */ React.createElement(MenuList, null, showEditor && /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => navigate(editLink()) }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Edit, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText, { primary: "Template Editor" })), showActions && /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => navigate(actionsLink()) }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Description, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText, { primary: "Installed Actions" })), showTasks && /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => navigate(tasksLink()) }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(List, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText, { primary: "Task List" })))
-  ));
-}
+});
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityPicker,
+    name: "EntityPicker",
+    schema: EntityPickerSchema
+  })
+);
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityNamePicker,
+    name: "EntityNamePicker",
+    validation: entityNamePickerValidation,
+    schema: EntityNamePickerSchema
+  })
+);
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: RepoUrlPicker,
+    name: "RepoUrlPicker",
+    validation: repoPickerValidation,
+    schema: RepoUrlPickerSchema
+  })
+);
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: OwnerPicker,
+    name: "OwnerPicker",
+    schema: OwnerPickerSchema
+  })
+);
+scaffolderPlugin.provide(
+  createRoutableExtension({
+    name: "ScaffolderPage",
+    component: () => import('./Router-ea3122d2.esm.js').then((m) => m.Router),
+    mountPoint: rootRouteRef
+  })
+);
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: OwnedEntityPicker,
+    name: "OwnedEntityPicker",
+    schema: OwnedEntityPickerSchema
+  })
+);
+scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityTagsPicker,
+    name: "EntityTagsPicker",
+    schema: EntityTagsPickerSchema
+  })
+);
+const NextScaffolderPage = scaffolderPlugin.provide(
+  createRoutableExtension({
+    name: "NextScaffolderPage",
+    component: () => import('./index-d45f106a.esm.js').then((m) => m.Router),
+    mountPoint: rootRouteRef
+  })
+);
 
-const useStyles$h = makeStyles$1((theme) => ({
+const useStyles$h = makeStyles((theme) => ({
   button: {
     color: theme.palette.common.white
   }
 }));
 const ContextMenu = (props) => {
-  const { logsVisible, onToggleLogs, onStartOver } = props;
+  const { cancelEnabled, logsVisible, onStartOver, onToggleLogs, taskId } = props;
   const classes = useStyles$h();
+  const scaffolderApi = useApi(scaffolderApiRef);
   const [anchorEl, setAnchorEl] = useState();
+  const [{ status: cancelStatus }, { execute: cancel }] = useAsync$1(async () => {
+    if (taskId) {
+      await scaffolderApi.cancelTask(taskId);
+    }
+  });
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton$1,
+    IconButton,
     {
       "aria-label": "more",
       "aria-controls": "long-menu",
@@ -1414,7 +1460,7 @@ const ContextMenu = (props) => {
     },
     /* @__PURE__ */ React.createElement(MoreVert, null)
   ), /* @__PURE__ */ React.createElement(
-    Popover$1,
+    Popover,
     {
       open: Boolean(anchorEl),
       onClose: () => setAnchorEl(void 0),
@@ -1422,11 +1468,20 @@ const ContextMenu = (props) => {
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
       transformOrigin: { vertical: "top", horizontal: "right" }
     },
-    /* @__PURE__ */ React.createElement(MenuList$1, null, /* @__PURE__ */ React.createElement(MenuItem$1, { onClick: () => onToggleLogs == null ? void 0 : onToggleLogs(!logsVisible) }, /* @__PURE__ */ React.createElement(ListItemIcon$1, null, /* @__PURE__ */ React.createElement(Toc, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText$1, { primary: logsVisible ? "Hide Logs" : "Show Logs" })), /* @__PURE__ */ React.createElement(MenuItem$1, { onClick: onStartOver }, /* @__PURE__ */ React.createElement(ListItemIcon$1, null, /* @__PURE__ */ React.createElement(Retry, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText$1, { primary: "Start Over" })))
+    /* @__PURE__ */ React.createElement(MenuList, null, /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => onToggleLogs == null ? void 0 : onToggleLogs(!logsVisible) }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Toc, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText, { primary: logsVisible ? "Hide Logs" : "Show Logs" })), /* @__PURE__ */ React.createElement(MenuItem, { onClick: onStartOver }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Retry, { fontSize: "small" })), /* @__PURE__ */ React.createElement(ListItemText, { primary: "Start Over" })), /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        onClick: cancel,
+        disabled: !cancelEnabled || cancelStatus !== "not-executed",
+        "data-testid": "cancel-task"
+      },
+      /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(Cancel, { fontSize: "small" })),
+      /* @__PURE__ */ React.createElement(ListItemText, { primary: "Cancel" })
+    ))
   ));
 };
 
-const useStyles$g = makeStyles$1({
+const useStyles$g = makeStyles({
   contentWrapper: {
     display: "flex",
     flexDirection: "column"
@@ -1435,7 +1490,7 @@ const useStyles$g = makeStyles$1({
 const OngoingTask = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { taskId } = useParams();
-  const templateRouteRef = useRouteRef(nextSelectedTemplateRouteRef);
+  const templateRouteRef = useRouteRef(selectedTemplateRouteRef);
   const navigate = useNavigate();
   const taskStream = useTaskEventStream(taskId);
   const classes = useStyles$g();
@@ -1488,6 +1543,7 @@ const OngoingTask = (props) => {
   ]);
   const Outputs = (_e = props.TemplateOutputsComponent) != null ? _e : DefaultTemplateOutputs;
   const templateName = (_h = (_g = (_f = taskStream.task) == null ? void 0 : _f.spec.templateInfo) == null ? void 0 : _g.entity) == null ? void 0 : _h.metadata.name;
+  const cancelEnabled = !(taskStream.cancelled || taskStream.completed);
   return /* @__PURE__ */ React.createElement(Page, { themeId: "website" }, /* @__PURE__ */ React.createElement(
     Header,
     {
@@ -1498,9 +1554,11 @@ const OngoingTask = (props) => {
     /* @__PURE__ */ React.createElement(
       ContextMenu,
       {
-        onToggleLogs: setLogVisibleState,
+        cancelEnabled,
+        logsVisible,
         onStartOver: startOver,
-        logsVisible
+        onToggleLogs: setLogVisibleState,
+        taskId
       }
     )
   ), /* @__PURE__ */ React.createElement(Content, { className: classes.contentWrapper }, taskStream.error ? /* @__PURE__ */ React.createElement(Box, { paddingBottom: 2 }, /* @__PURE__ */ React.createElement(
@@ -1520,7 +1578,7 @@ const OngoingTask = (props) => {
   )), /* @__PURE__ */ React.createElement(Outputs, { output: taskStream.output }), logsVisible ? /* @__PURE__ */ React.createElement(Box, { paddingBottom: 2, height: "100%" }, /* @__PURE__ */ React.createElement(Paper, { style: { height: "100%" } }, /* @__PURE__ */ React.createElement(Box, { padding: 2, height: "100%" }, /* @__PURE__ */ React.createElement(TaskLogStream, { logs: taskStream.stepLogs })))) : null));
 };
 
-const useStyles$f = makeStyles$1((theme) => ({
+const useStyles$f = makeStyles((theme) => ({
   code: {
     fontFamily: "Menlo, monospace",
     padding: theme.spacing(1),
@@ -1617,7 +1675,7 @@ const ActionsPage = () => {
   ), /* @__PURE__ */ React.createElement(Content, null, items));
 };
 
-const useStyles$e = makeStyles$1(
+const useStyles$e = makeStyles(
   (theme) => ({
     root: {
       backgroundColor: "rgba(0, 0, 0, .11)",
@@ -1668,8 +1726,8 @@ const OwnerListPicker = (props) => {
   const { filter, onSelectOwner } = props;
   const classes = useStyles$e();
   const filterGroups = getFilterGroups();
-  return /* @__PURE__ */ React.createElement(Card, { className: classes.root }, filterGroups.map((group) => /* @__PURE__ */ React.createElement(Fragment, { key: group.name }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2", className: classes.title }, group.name), /* @__PURE__ */ React.createElement(Card, { className: classes.groupWrapper }, /* @__PURE__ */ React.createElement(List$1, { disablePadding: true, dense: true }, group.items.map((item) => /* @__PURE__ */ React.createElement(
-    MenuItem$1,
+  return /* @__PURE__ */ React.createElement(Card, { className: classes.root }, filterGroups.map((group) => /* @__PURE__ */ React.createElement(Fragment, { key: group.name }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2", className: classes.title }, group.name), /* @__PURE__ */ React.createElement(Card, { className: classes.groupWrapper }, /* @__PURE__ */ React.createElement(List, { disablePadding: true, dense: true }, group.items.map((item) => /* @__PURE__ */ React.createElement(
+    MenuItem,
     {
       key: item.id,
       button: true,
@@ -1679,8 +1737,8 @@ const OwnerListPicker = (props) => {
       className: classes.menuItem,
       "data-testid": `owner-picker-${item.id}`
     },
-    item.icon && /* @__PURE__ */ React.createElement(ListItemIcon$1, { className: classes.listIcon }, /* @__PURE__ */ React.createElement(item.icon, { fontSize: "small" })),
-    /* @__PURE__ */ React.createElement(ListItemText$1, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, item.label))
+    item.icon && /* @__PURE__ */ React.createElement(ListItemIcon, { className: classes.listIcon }, /* @__PURE__ */ React.createElement(item.icon, { fontSize: "small" })),
+    /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, item.label))
   )))))));
 };
 
@@ -2015,7 +2073,7 @@ function DirectoryEditorProvider(props) {
   return /* @__PURE__ */ React.createElement(DirectoryEditorContext.Provider, { value: result }, props.children);
 }
 
-const useStyles$d = makeStyles({
+const useStyles$d = makeStyles$1({
   containerWrapper: {
     position: "relative",
     width: "100%",
@@ -2161,7 +2219,7 @@ function TemplateEditorFormDirectoryEditorDryRun(props) {
 }
 TemplateEditorForm.DirectoryEditorDryRun = TemplateEditorFormDirectoryEditorDryRun;
 
-const useStyles$c = makeStyles$1((theme) => ({
+const useStyles$c = makeStyles((theme) => ({
   root: {
     gridArea: "pageContent",
     display: "grid",
@@ -2243,8 +2301,8 @@ const CustomFieldExplorer = ({
       labelId: "select-field-label",
       onChange: (e) => handleSelectionChange(e.target.value)
     },
-    fieldOptions.map((option, idx) => /* @__PURE__ */ React.createElement(MenuItem$1, { key: idx, value: option }, option.name))
-  )), /* @__PURE__ */ React.createElement(IconButton$1, { size: "medium", onClick: onClose }, /* @__PURE__ */ React.createElement(CloseIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.fieldForm }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title: "Field Options" }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+    fieldOptions.map((option, idx) => /* @__PURE__ */ React.createElement(MenuItem, { key: idx, value: option }, option.name))
+  )), /* @__PURE__ */ React.createElement(IconButton, { size: "medium", onClick: onClose }, /* @__PURE__ */ React.createElement(CloseIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.fieldForm }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title: "Field Options" }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
     Form,
     {
       showErrorList: false,
@@ -2287,7 +2345,7 @@ const CustomFieldExplorer = ({
   )));
 };
 
-const useStyles$b = makeStyles((theme) => ({
+const useStyles$b = makeStyles$1((theme) => ({
   root: {
     overflowY: "auto",
     background: theme.palette.background.default
@@ -2306,7 +2364,7 @@ const useStyles$b = makeStyles((theme) => ({
 function DryRunResultsList() {
   const classes = useStyles$b();
   const dryRun = useDryRun();
-  return /* @__PURE__ */ React.createElement(List$2, { className: classes.root, dense: true }, dryRun.results.map((result) => {
+  return /* @__PURE__ */ React.createElement(List$1, { className: classes.root, dense: true }, dryRun.results.map((result) => {
     var _a;
     const failed = result.log.some((l) => l.body.status === "failed");
     return /* @__PURE__ */ React.createElement(
@@ -2318,15 +2376,15 @@ function DryRunResultsList() {
         onClick: () => dryRun.selectResult(result.id)
       },
       /* @__PURE__ */ React.createElement(
-        ListItemIcon,
+        ListItemIcon$1,
         {
           className: failed ? classes.iconFailure : classes.iconSuccess
         },
-        failed ? /* @__PURE__ */ React.createElement(CancelIcon, null) : /* @__PURE__ */ React.createElement(CheckIcon, null)
+        failed ? /* @__PURE__ */ React.createElement(Cancel, null) : /* @__PURE__ */ React.createElement(CheckIcon, null)
       ),
-      /* @__PURE__ */ React.createElement(ListItemText, { primary: `Result ${result.id}` }),
+      /* @__PURE__ */ React.createElement(ListItemText$1, { primary: `Result ${result.id}` }),
       /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(
-        IconButton,
+        IconButton$1,
         {
           edge: "end",
           "aria-label": "delete",
@@ -2353,7 +2411,7 @@ const TaskErrors = ({ error }) => {
   )) : null;
 };
 
-const useStyles$a = makeStyles$1({
+const useStyles$a = makeStyles({
   svgIcon: {
     display: "inline-block",
     "& svg": {
@@ -2400,7 +2458,7 @@ const TaskPageLinks = ({ output }) => {
 };
 
 const humanizeDuration = require("humanize-duration");
-const useStyles$9 = makeStyles(
+const useStyles$9 = makeStyles$1(
   (theme) => createStyles({
     root: {
       width: "100%"
@@ -2440,7 +2498,7 @@ const StepTimeTicker = ({ step }) => {
   }, 1e3);
   return /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, time);
 };
-const useStepIconStyles = makeStyles(
+const useStepIconStyles = makeStyles$1(
   (theme) => createStyles({
     root: {
       color: theme.palette.text.disabled,
@@ -2467,7 +2525,7 @@ function TaskStepIconComponent(props) {
       return /* @__PURE__ */ React.createElement(CheckIcon, null);
     }
     if (error) {
-      return /* @__PURE__ */ React.createElement(CancelIcon, null);
+      return /* @__PURE__ */ React.createElement(Cancel, null);
     }
     return /* @__PURE__ */ React.createElement(FiberManualRecordIcon, null);
   };
@@ -2494,16 +2552,17 @@ const TaskStatusStepper = memo(
         nonLinear: true
       },
       steps.map((step, index) => {
+        const isCancelled = step.status === "cancelled";
+        const isActive = step.status === "processing";
         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,
+              error: isFailed || isCancelled,
               active: isActive
             },
             StepIconComponent: TaskStepIconComponent,
@@ -2521,14 +2580,17 @@ const TaskPage = (props) => {
   const classes = useStyles$9();
   const navigate = useNavigate();
   const rootPath = useRouteRef(rootRouteRef);
+  const scaffolderApi = useApi(scaffolderApiRef);
   const templateRoute = useRouteRef(selectedTemplateRouteRef);
   const [userSelectedStepId, setUserSelectedStepId] = useState(void 0);
+  const [clickedToCancel, setClickedToCancel] = useState(false);
   const [lastActiveStepId, setLastActiveStepId] = useState(
     void 0
   );
   const { taskId } = useRouteRefParams(scaffolderTaskRouteRef);
   const taskStream = useTaskEventStream(taskId);
   const completed = taskStream.completed;
+  const taskCancelled = taskStream.cancelled;
   const steps = useMemo(
     () => {
       var _a, _b;
@@ -2564,7 +2626,7 @@ const TaskPage = (props) => {
     }
     return log.join("\n");
   }, [taskStream.stepLogs, currentStepId, loadingText]);
-  const taskNotFound = taskStream.completed === true && taskStream.loading === false && !taskStream.task;
+  const taskNotFound = taskStream.completed && !taskStream.loading && !taskStream.task;
   const { output } = taskStream;
   const handleStartOver = () => {
     var _a, _b, _c;
@@ -2582,6 +2644,10 @@ const TaskPage = (props) => {
       })}`
     );
   };
+  const handleCancel = async () => {
+    setClickedToCancel(true);
+    await scaffolderApi.cancelTask(taskId);
+  };
   return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(
     Header,
     {
@@ -2613,10 +2679,20 @@ const TaskPage = (props) => {
       color: "primary"
     },
     "Start Over"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: classes.button,
+      onClick: handleCancel,
+      disabled: completed || taskCancelled || clickedToCancel,
+      variant: "outlined",
+      color: "secondary"
+    },
+    (taskCancelled || clickedToCancel) && !completed ? "Cancelling..." : "Cancel"
   ))), /* @__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 })))))));
 };
 
-const useStyles$8 = makeStyles({
+const useStyles$8 = makeStyles$1({
   root: {
     whiteSpace: "nowrap",
     overflowY: "auto"
@@ -2697,7 +2773,7 @@ function FileBrowser(props) {
   );
 }
 
-const useStyles$7 = makeStyles((theme) => ({
+const useStyles$7 = makeStyles$1((theme) => ({
   root: {
     display: "grid",
     gridTemplateColumns: "280px auto 3fr",
@@ -2721,7 +2797,7 @@ function DryRunResultsSplitView(props) {
   return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classNames(classes.child, classes.firstChild) }, childArray[0]), /* @__PURE__ */ React.createElement(Divider, { orientation: "horizontal" }), /* @__PURE__ */ React.createElement("div", { className: classes.child }, childArray[1]));
 }
 
-const useStyles$6 = makeStyles({
+const useStyles$6 = makeStyles$1({
   root: {
     display: "flex",
     flexFlow: "column nowrap"
@@ -2848,7 +2924,7 @@ function DryRunResultsView() {
   return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tabs, { value: selectedTab, onChange: (_, v) => setSelectedTab(v) }, /* @__PURE__ */ React.createElement(Tab, { value: "files", label: "Files" }), /* @__PURE__ */ React.createElement(Tab, { value: "log", label: "Log" }), /* @__PURE__ */ React.createElement(Tab, { value: "output", label: "Output" })), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement("div", { className: classes.contentWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.content }, selectedTab === "files" && /* @__PURE__ */ React.createElement(FilesContent, null), selectedTab === "log" && /* @__PURE__ */ React.createElement(LogContent, null), selectedTab === "output" && /* @__PURE__ */ React.createElement(OutputContent, null))));
 }
 
-const useStyles$5 = makeStyles((theme) => ({
+const useStyles$5 = makeStyles$1((theme) => ({
   header: {
     height: 48,
     minHeight: 0,
@@ -2903,7 +2979,7 @@ function DryRunResults() {
   ));
 }
 
-const useStyles$4 = makeStyles$1((theme) => ({
+const useStyles$4 = makeStyles((theme) => ({
   button: {
     padding: theme.spacing(1)
   },
@@ -2940,7 +3016,7 @@ function TemplateEditorBrowser(props) {
     props.onClose();
   };
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes.buttons }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Save all files" }, /* @__PURE__ */ React.createElement(
-    IconButton$1,
+    IconButton,
     {
       className: classes.button,
       disabled: directoryEditor.files.every((file) => !file.dirty),
@@ -2948,13 +3024,13 @@ function TemplateEditorBrowser(props) {
     },
     /* @__PURE__ */ React.createElement(SaveIcon, null)
   )), /* @__PURE__ */ React.createElement(Tooltip, { title: "Reload directory" }, /* @__PURE__ */ React.createElement(
-    IconButton$1,
+    IconButton,
     {
       className: classes.button,
       onClick: () => directoryEditor.reload()
     },
     /* @__PURE__ */ React.createElement(RefreshIcon, null)
-  )), /* @__PURE__ */ React.createElement("div", { className: classes.buttonsGap }), /* @__PURE__ */ React.createElement(Tooltip, { title: "Close directory" }, /* @__PURE__ */ React.createElement(IconButton$1, { className: classes.button, onClick: handleClose }, /* @__PURE__ */ React.createElement(CloseIcon, null)))), /* @__PURE__ */ React.createElement(Divider$1, { className: classes.buttonsDivider }), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement("div", { className: classes.buttonsGap }), /* @__PURE__ */ React.createElement(Tooltip, { title: "Close directory" }, /* @__PURE__ */ React.createElement(IconButton, { className: classes.button, onClick: handleClose }, /* @__PURE__ */ React.createElement(CloseIcon, null)))), /* @__PURE__ */ React.createElement(Divider$1, { className: classes.buttonsDivider }), /* @__PURE__ */ React.createElement(
     FileBrowser,
     {
       selected: (_b = (_a = directoryEditor.selectedFile) == null ? void 0 : _a.path) != null ? _b : "",
@@ -2964,7 +3040,7 @@ function TemplateEditorBrowser(props) {
   ));
 }
 
-const useStyles$3 = makeStyles$1((theme) => ({
+const useStyles$3 = makeStyles((theme) => ({
   container: {
     position: "relative",
     width: "100%",
@@ -3023,7 +3099,7 @@ function TemplateEditorTextArea(props) {
       onChange: props.onUpdate
     }
   ), (props.onSave || props.onReload) && /* @__PURE__ */ React.createElement("div", { className: classes.floatingButtons }, /* @__PURE__ */ React.createElement(Paper, null, props.onSave && /* @__PURE__ */ React.createElement(Tooltip, { title: "Save file" }, /* @__PURE__ */ React.createElement(
-    IconButton$1,
+    IconButton,
     {
       className: classes.floatingButton,
       onClick: () => {
@@ -3033,7 +3109,7 @@ function TemplateEditorTextArea(props) {
     },
     /* @__PURE__ */ React.createElement(SaveIcon, null)
   )), props.onReload && /* @__PURE__ */ React.createElement(Tooltip, { title: "Reload file" }, /* @__PURE__ */ React.createElement(
-    IconButton$1,
+    IconButton,
     {
       className: classes.floatingButton,
       onClick: () => {
@@ -3068,7 +3144,7 @@ function TemplateEditorDirectoryEditorTextArea(props) {
 }
 TemplateEditorTextArea.DirectoryEditor = TemplateEditorDirectoryEditorTextArea;
 
-const useStyles$2 = makeStyles$1({
+const useStyles$2 = makeStyles({
   // Reset and fix sizing to make sure scrolling behaves correctly
   root: {
     gridArea: "pageContent",
@@ -3147,7 +3223,7 @@ steps:
       values:
         name: \${{parameters.name}}
 `;
-const useStyles$1 = makeStyles$1((theme) => ({
+const useStyles$1 = makeStyles((theme) => ({
   root: {
     gridArea: "pageContent",
     display: "grid",
@@ -3230,8 +3306,8 @@ const TemplateFormPreviewer = ({
       labelId: "select-template-label",
       onChange: (e) => handleSelectChange(e.target.value)
     },
-    templateOptions.map((option, idx) => /* @__PURE__ */ React.createElement(MenuItem$1, { key: idx, value: option.value }, option.label))
-  )), /* @__PURE__ */ React.createElement(IconButton$1, { size: "medium", onClick: onClose }, /* @__PURE__ */ React.createElement(CloseIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.textArea }, /* @__PURE__ */ React.createElement(
+    templateOptions.map((option, idx) => /* @__PURE__ */ React.createElement(MenuItem, { key: idx, value: option.value }, option.label))
+  )), /* @__PURE__ */ React.createElement(IconButton, { size: "medium", onClick: onClose }, /* @__PURE__ */ React.createElement(CloseIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.textArea }, /* @__PURE__ */ React.createElement(
     TemplateEditorTextArea,
     {
       content: templateYaml,
@@ -3250,7 +3326,7 @@ const TemplateFormPreviewer = ({
   ))));
 };
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles$1((theme) => ({
   introText: {
     textAlign: "center",
     marginTop: theme.spacing(2)
@@ -3330,93 +3406,5 @@ function TemplateEditorIntro(props) {
   ));
 }
 
-const scaffolderPlugin = createPlugin({
-  id: "scaffolder",
-  apis: [
-    createApiFactory({
-      api: scaffolderApiRef,
-      deps: {
-        discoveryApi: discoveryApiRef,
-        scmIntegrationsApi: scmIntegrationsApiRef,
-        fetchApi: fetchApiRef,
-        identityApi: identityApiRef
-      },
-      factory: ({ discoveryApi, scmIntegrationsApi, fetchApi, identityApi }) => new ScaffolderClient({
-        discoveryApi,
-        scmIntegrationsApi,
-        fetchApi,
-        identityApi
-      })
-    })
-  ],
-  routes: {
-    root: rootRouteRef,
-    selectedTemplate: selectedTemplateRouteRef,
-    ongoingTask: scaffolderTaskRouteRef
-  },
-  externalRoutes: {
-    registerComponent: registerComponentRouteRef,
-    viewTechDoc: viewTechDocRouteRef
-  }
-});
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: EntityPicker,
-    name: "EntityPicker",
-    schema: EntityPickerSchema
-  })
-);
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: EntityNamePicker,
-    name: "EntityNamePicker",
-    validation: entityNamePickerValidation,
-    schema: EntityNamePickerSchema
-  })
-);
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: RepoUrlPicker,
-    name: "RepoUrlPicker",
-    validation: repoPickerValidation,
-    schema: RepoUrlPickerSchema
-  })
-);
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: OwnerPicker,
-    name: "OwnerPicker",
-    schema: OwnerPickerSchema
-  })
-);
-scaffolderPlugin.provide(
-  createRoutableExtension({
-    name: "ScaffolderPage",
-    component: () => import('./Router-2826a2b8.esm.js').then((m) => m.Router),
-    mountPoint: rootRouteRef
-  })
-);
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: OwnedEntityPicker,
-    name: "OwnedEntityPicker",
-    schema: OwnedEntityPickerSchema
-  })
-);
-scaffolderPlugin.provide(
-  createScaffolderFieldExtension({
-    component: EntityTagsPicker,
-    name: "EntityTagsPicker",
-    schema: EntityTagsPickerSchema
-  })
-);
-const NextScaffolderPage = scaffolderPlugin.provide(
-  createRoutableExtension({
-    name: "NextScaffolderPage",
-    component: () => import('./index-2131f4a0.esm.js').then((m) => m.Router),
-    mountPoint: nextRouteRef
-  })
-);
-
-export { ActionsPage as A, OwnedEntityPickerSchema as B, OwnerListPicker as C, DirectoryEditorProvider as D, EntityPicker as E, nextSelectedTemplateRouteRef as F, ContextMenu$1 as G, nextRouteRef as H, nextScaffolderTaskRouteRef as I, TemplateEditor as J, TemplateFormPreviewer as K, CustomFieldExplorer as L, nextEditRouteRef as M, nextActionsRouteRef as N, OwnerPicker as O, nextScaffolderListTaskRouteRef as P, OngoingTask as Q, RepoUrlPicker as R, NextScaffolderPage as S, TemplateEditorBrowser as T, WebFileSystemAccess as W, actionsRouteRef as a, scaffolderListTaskRouteRef as b, scaffolderTaskRouteRef as c, rootRouteRef as d, editRouteRef as e, useDirectoryEditor as f, DryRunProvider as g, TemplateEditorTextArea as h, DryRunResults as i, TemplateEditorIntro as j, TaskPage as k, legacySelectedTemplateRouteRef as l, EntityPickerSchema as m, EntityNamePicker as n, entityNamePickerValidation as o, EntityNamePickerSchema as p, EntityTagsPicker as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, EntityTagsPickerSchema as t, useDryRun as u, viewTechDocRouteRef as v, repoPickerValidation as w, RepoUrlPickerSchema as x, OwnerPickerSchema as y, OwnedEntityPicker as z };
-//# sourceMappingURL=alpha-714dad1b.esm.js.map
+export { ActionsPage as A, OwnedEntityPickerSchema as B, OwnerListPicker as C, DirectoryEditorProvider as D, EntityPicker as E, TemplateEditor as F, TemplateFormPreviewer as G, CustomFieldExplorer as H, OngoingTask as I, NextScaffolderPage as N, OwnerPicker as O, RepoUrlPicker as R, TemplateEditorBrowser as T, WebFileSystemAccess as W, actionsRouteRef as a, scaffolderListTaskRouteRef as b, scaffolderTaskRouteRef as c, rootRouteRef as d, editRouteRef as e, useDirectoryEditor as f, DryRunProvider as g, TemplateEditorTextArea as h, DryRunResults as i, TemplateEditorIntro as j, TaskPage as k, legacySelectedTemplateRouteRef as l, EntityPickerSchema as m, EntityNamePicker as n, entityNamePickerValidation as o, EntityNamePickerSchema as p, EntityTagsPicker as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, EntityTagsPickerSchema as t, useDryRun as u, viewTechDocRouteRef as v, repoPickerValidation as w, RepoUrlPickerSchema as x, OwnerPickerSchema as y, OwnedEntityPicker as z };
+//# sourceMappingURL=alpha-0764fae7.esm.js.map