@backstage/plugin-scaffolder 1.11.0-next.0 → 1.11.0-next.2

package/dist/esm/{Router-73a659c0.esm.js → Router-e878e04f.esm.js}

@@ -1,14 +1,14 @@
-import React, { useState, useCallback, Fragment, createContext, useEffect, useContext, useRef, useMemo, Component, Children } from 'react';
+import React, { useState, useCallback, createContext, useEffect, useContext, useRef, useMemo, Component, Children } from 'react';
 import { useNavigate, Navigate, useOutlet, Routes, Route } from 'react-router-dom';
-import { ItemCardHeader, MarkdownContent, Button, Link, ContentHeader, Progress, WarningPanel, Content, ItemCardGrid, Page, Header, CreateButton, SupportButton, StructuredMetadataTable, InfoCard, ErrorPage, CodeSnippet, ErrorPanel, LogViewer, StatusError, StatusOK, StatusPending, Lifecycle, EmptyState, Table as Table$1 } from '@backstage/core-components';
+import { ItemCardHeader, MarkdownContent, Button, Link, ContentHeader, Progress, WarningPanel, Content, ItemCardGrid, Page, Header, CreateButton, SupportButton, StructuredMetadataTable, InfoCard, ErrorPanel, LogViewer } from '@backstage/core-components';
 import { useApp, useRouteRef, useApi, useRouteRefParams, useAnalytics, errorApiRef, featureFlagsApiRef, useApiHolder, AnalyticsContext, alertApiRef } from '@backstage/core-plugin-api';
-import { getEntityRelations, getEntitySourceLocation, FavoriteEntity, EntityRefLinks, useEntityList, EntityListProvider, CatalogFilterLayout, EntitySearchBar, EntityKindPicker, UserListPicker, EntityTagPicker, catalogApiRef, humanizeEntityRef, EntityRefLink } from '@backstage/plugin-catalog-react';
+import { getEntityRelations, getEntitySourceLocation, FavoriteEntity, EntityRefLinks, useEntityList, EntityListProvider, CatalogFilterLayout, EntitySearchBar, EntityKindPicker, UserListPicker, EntityTagPicker, catalogApiRef, humanizeEntityRef } from '@backstage/plugin-catalog-react';
 import { RELATION_OWNED_BY, parseEntityRef, stringifyEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
-import { makeStyles, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, Tooltip, IconButton, Paper, Button as Button$1, Stepper, Step, StepLabel, StepContent, LinearProgress, Accordion, AccordionSummary, AccordionDetails, Grid, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, FormControl, InputLabel, Select, MenuItem as MenuItem$1, CardHeader, Divider as Divider$1, List as List$2, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1 } from '@material-ui/core';
+import { makeStyles, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, Tooltip, IconButton, Paper, Button as Button$1, Stepper, Step, StepLabel, StepContent, LinearProgress, FormControl, InputLabel, Select, MenuItem as MenuItem$1, CardHeader, Divider as Divider$1 } from '@material-ui/core';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
 import LanguageIcon from '@material-ui/icons/Language';
 import WarningIcon from '@material-ui/icons/Warning';
-import { s as selectedTemplateRouteRef, v as viewTechDocRouteRef, e as editRouteRef, a as actionsRouteRef, b as scaffolderListTaskRouteRef, r as registerComponentRouteRef, T as TemplateTypePicker, c as scaffolderTaskRouteRef, d as rootRouteRef, f as TaskStatusStepper, g as TaskPageLinks, l as legacySelectedTemplateRouteRef, h as TaskPage } from './index-42d9f897.esm.js';
+import { s as selectedTemplateRouteRef, v as viewTechDocRouteRef, e as editRouteRef, a as actionsRouteRef, b as scaffolderListTaskRouteRef, r as registerComponentRouteRef, T as TemplateTypePicker, c as scaffolderTaskRouteRef, d as rootRouteRef, f as TaskStatusStepper, g as TaskPageLinks, l as legacySelectedTemplateRouteRef, A as ActionsPage, h as TaskPage } from './index-02b0e824.esm.js';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
 import { usePermission } from '@backstage/plugin-permission-react';
 import IconButton$1 from '@material-ui/core/IconButton';
@@ -28,8 +28,6 @@ import { extractSchemaFromStep, useTemplateSecrets, scaffolderApiRef, useCustomF
 import { withTheme } from '@rjsf/core';
 import { Theme } from '@rjsf/material-ui';
 import cloneDeep from 'lodash/cloneDeep';
-import classNames from 'classnames';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { StreamLanguage } from '@codemirror/language';
 import { yaml as yaml$1 } from '@codemirror/legacy-modes/mode/yaml';
 import CloseIcon from '@material-ui/icons/Close';
@@ -43,9 +41,9 @@ import CardContent$1 from '@material-ui/core/CardContent';
 import Tooltip$1 from '@material-ui/core/Tooltip';
 import Typography$1 from '@material-ui/core/Typography';
 import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
-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 Accordion from '@material-ui/core/Accordion';
+import AccordionDetails from '@material-ui/core/AccordionDetails';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
 import Divider from '@material-ui/core/Divider';
 import ExpandMoreIcon$1 from '@material-ui/icons/ExpandLess';
 import List$1 from '@material-ui/core/List';
@@ -58,16 +56,14 @@ import Box$1 from '@material-ui/core/Box';
 import Tab from '@material-ui/core/Tab';
 import Tabs from '@material-ui/core/Tabs';
 import TreeView from '@material-ui/lab/TreeView';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import TreeItem from '@material-ui/lab/TreeItem';
+import classNames from 'classnames';
 import RefreshIcon from '@material-ui/icons/Refresh';
 import SaveIcon from '@material-ui/icons/Save';
 import { showPanel } from '@codemirror/view';
-import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-35e63cd4.esm.js';
-import SettingsIcon from '@material-ui/icons/Settings';
-import AllIcon from '@material-ui/icons/FontDownload';
-import { DateTime, Interval } from 'luxon';
-import humanizeDuration from 'humanize-duration';
+import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS, L as ListTasksPage } from './ListTasksPage-6e377096.esm.js';
 import '@backstage/errors';
 import 'zen-observable';
 import '@material-ui/core/FormControl';
@@ -85,15 +81,25 @@ import '@material-ui/icons/CheckBoxOutlineBlank';
 import '@material-ui/core/Button';
 import '@material-ui/core/useMediaQuery';
 import '@material-ui/icons/AddCircleOutline';
+import 'use-immer';
+import '@material-ui/icons/RemoveCircleOutline';
+import '@material-ui/icons/PanoramaFishEye';
+import '@material-ui/icons/CheckCircleOutline';
+import '@material-ui/icons/ErrorOutline';
+import 'react-use/lib/useInterval';
+import 'luxon';
+import 'humanize-duration';
+import '@material-ui/icons/Repeat';
+import '@material-ui/icons/Toc';
+import '@material-ui/icons/Settings';
+import '@material-ui/icons/FontDownload';
 import '@material-ui/core/Grid';
 import '@material-ui/core/Step';
 import '@material-ui/core/StepLabel';
 import '@material-ui/core/Stepper';
 import '@material-ui/icons/FiberManualRecord';
-import 'react-use/lib/useInterval';
-import 'use-immer';
 
-const useStyles$f = makeStyles((theme) => ({
+const useStyles$d = makeStyles((theme) => ({
   cardHeader: {
     position: "relative"
   },
@@ -183,7 +189,7 @@ const TemplateCard = ({ template, deprecated }) => {
   );
   const themeId = backstageTheme.getPageTheme({ themeId: templateProps.type }) ? templateProps.type : "other";
   const theme = backstageTheme.getPageTheme({ themeId });
-  const classes = useStyles$f({ backgroundImage: theme.backgroundImage });
+  const classes = useStyles$d({ backgroundImage: theme.backgroundImage });
   const { name, namespace } = parseEntityRef(stringifyEntityRef(template));
   const href = templateRoute({ templateName: name, namespace });
   const viewTechDoc = useRouteRef(viewTechDocRouteRef);
@@ -295,13 +301,13 @@ const TemplateList = ({
   )))));
 };
 
-const useStyles$e = makeStyles$1({
+const useStyles$c = makeStyles$1({
   button: {
     color: "white"
   }
 });
 function ScaffolderPageContextMenu(props) {
-  const classes = useStyles$e();
+  const classes = useStyles$c();
   const [anchorEl, setAnchorEl] = useState();
   const editLink = useRouteRef(editRouteRef);
   const actionsLink = useRouteRef(actionsRouteRef);
@@ -511,31 +517,32 @@ var fieldOverrides = /*#__PURE__*/Object.freeze({
 
 function getReviewData(formData, uiSchemas) {
   const reviewData = {};
-  for (const key in formData) {
-    if (formData.hasOwnProperty(key)) {
-      const uiSchema = uiSchemas.find((us) => us.name === key);
-      if (!uiSchema) {
-        reviewData[key] = formData[key];
-        continue;
-      }
-      if (uiSchema["ui:widget"] === "password") {
-        reviewData[key] = "******";
-        continue;
-      }
-      if (!uiSchema["ui:backstage"] || !uiSchema["ui:backstage"].review) {
-        reviewData[key] = formData[key];
-        continue;
-      }
-      const review = uiSchema["ui:backstage"].review;
-      if (review.mask) {
-        reviewData[key] = review.mask;
-        continue;
-      }
-      if (!review.show) {
-        continue;
-      }
+  const orderedReviewProperties = new Set(
+    uiSchemas.map((us) => us.name).concat(Object.getOwnPropertyNames(formData))
+  );
+  for (const key of orderedReviewProperties) {
+    const uiSchema = uiSchemas.find((us) => us.name === key);
+    if (!uiSchema) {
+      reviewData[key] = formData[key];
+      continue;
+    }
+    if (uiSchema["ui:widget"] === "password") {
+      reviewData[key] = "******";
+      continue;
+    }
+    if (!uiSchema["ui:backstage"] || !uiSchema["ui:backstage"].review) {
       reviewData[key] = formData[key];
+      continue;
+    }
+    const review = uiSchema["ui:backstage"].review;
+    if (review.mask) {
+      reviewData[key] = review.mask;
+      continue;
     }
+    if (!review.show) {
+      continue;
+    }
+    reviewData[key] = formData[key];
   }
   return reviewData;
 }
@@ -566,7 +573,12 @@ const ReviewStep = (props) => {
     StructuredMetadataTable,
     {
       dense: true,
-      metadata: getReviewData(formData, getUiSchemasFromSteps(steps))
+      metadata: getReviewData(
+        formData,
+        getUiSchemasFromSteps(
+          steps.map(({ mergedSchema }) => ({ schema: mergedSchema }))
+        )
+      )
     }
   ), /* @__PURE__ */ React.createElement(Box, { mb: 4 }), /* @__PURE__ */ React.createElement(Button$1, { onClick: handleBack, disabled: disableButtons }, "Back"), /* @__PURE__ */ React.createElement(Button$1, { onClick: handleReset, disabled: disableButtons }, "Reset"), /* @__PURE__ */ React.createElement(
     Button$1,
@@ -863,103 +875,6 @@ const TemplatePage = ({
   ))));
 };
 
-const useStyles$d = makeStyles((theme) => ({
-  code: {
-    fontFamily: "Menlo, monospace",
-    padding: theme.spacing(1),
-    backgroundColor: theme.palette.type === "dark" ? theme.palette.grey[700] : theme.palette.grey[300],
-    display: "inline-block",
-    borderRadius: 5,
-    border: `1px solid ${theme.palette.grey[500]}`,
-    position: "relative"
-  },
-  codeRequired: {
-    "&::after": {
-      position: "absolute",
-      content: '"*"',
-      top: 0,
-      right: theme.spacing(0.5),
-      fontWeight: "bolder",
-      color: theme.palette.error.light
-    }
-  }
-}));
-const ExamplesTable = (props) => {
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, props.examples.map((example, index) => {
-    return /* @__PURE__ */ React.createElement(Fragment, { key: `example-${index}` }, /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3 }, /* @__PURE__ */ React.createElement(Box, { padding: 4 }, /* @__PURE__ */ React.createElement(Typography, null, example.description))), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 9 }, /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(
-      CodeSnippet,
-      {
-        text: example.example,
-        showLineNumbers: true,
-        showCopyCodeButton: true,
-        language: "yaml"
-      }
-    ))));
-  }));
-};
-const ActionsPage = () => {
-  const api = useApi(scaffolderApiRef);
-  const classes = useStyles$d();
-  const { loading, value, error } = useAsync(async () => {
-    return api.listActions();
-  });
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(
-      ErrorPage,
-      {
-        statusMessage: "Failed to load installed actions",
-        status: "500"
-      }
-    );
-  }
-  const formatRows = (input) => {
-    const properties = input.properties;
-    if (!properties) {
-      return void 0;
-    }
-    return Object.entries(properties).map((entry) => {
-      var _a;
-      const [key] = entry;
-      const props = entry[1];
-      const codeClassname = classNames(classes.code, {
-        [classes.codeRequired]: (_a = input.required) == null ? void 0 : _a.includes(key)
-      });
-      return /* @__PURE__ */ React.createElement(TableRow, { key }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement("div", { className: codeClassname }, key)), /* @__PURE__ */ React.createElement(TableCell, null, props.title), /* @__PURE__ */ React.createElement(TableCell, null, props.description), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(React.Fragment, null, [props.type].flat().map((type) => /* @__PURE__ */ React.createElement(Chip, { label: type, key: type })))));
-    });
-  };
-  const renderTable = (input) => {
-    if (!input.properties) {
-      return void 0;
-    }
-    return /* @__PURE__ */ React.createElement(TableContainer, { component: Paper }, /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Name"), /* @__PURE__ */ React.createElement(TableCell, null, "Title"), /* @__PURE__ */ React.createElement(TableCell, null, "Description"), /* @__PURE__ */ React.createElement(TableCell, null, "Type"))), /* @__PURE__ */ React.createElement(TableBody, null, formatRows(input))));
-  };
-  const renderTables = (name, input) => {
-    if (!input) {
-      return void 0;
-    }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, name), input.map((i, index) => /* @__PURE__ */ React.createElement("div", { key: index }, renderTable(i))));
-  };
-  const items = value == null ? void 0 : value.map((action) => {
-    var _a, _b, _c, _d;
-    if (action.id.startsWith("legacy:")) {
-      return void 0;
-    }
-    const oneOf = renderTables("oneOf", (_b = (_a = action.schema) == null ? void 0 : _a.input) == null ? void 0 : _b.oneOf);
-    return /* @__PURE__ */ React.createElement(Box, { pb: 4, key: action.id }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4", className: classes.code }, action.id), action.description && /* @__PURE__ */ React.createElement(MarkdownContent, { content: action.description }), ((_c = action.schema) == null ? void 0 : _c.input) && /* @__PURE__ */ React.createElement(Box, { pb: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Input"), renderTable(action.schema.input), oneOf), ((_d = action.schema) == null ? void 0 : _d.output) && /* @__PURE__ */ React.createElement(Box, { pb: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Output"), renderTable(action.schema.output)), action.examples && /* @__PURE__ */ React.createElement(Accordion, null, /* @__PURE__ */ React.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Examples")), /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(Box, { pb: 2 }, /* @__PURE__ */ React.createElement(ExamplesTable, { examples: action.examples })))));
-  });
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      pageTitleOverride: "Create a New Component",
-      title: "Installed actions",
-      subtitle: "This is the collection of all installed actions"
-    }
-  ), /* @__PURE__ */ React.createElement(Content, null, items));
-};
-
 const showDirectoryPicker = window.showDirectoryPicker;
 class WebFileAccess {
   constructor(path, handle) {
@@ -1291,7 +1206,7 @@ function useDryRun() {
   return value;
 }
 
-const useStyles$c = makeStyles$1({
+const useStyles$b = makeStyles$1({
   containerWrapper: {
     position: "relative",
     width: "100%",
@@ -1340,7 +1255,7 @@ function TemplateEditorForm(props) {
     fieldExtensions = [],
     layouts = []
   } = props;
-  const classes = useStyles$c();
+  const classes = useStyles$b();
   const apiHolder = useApiHolder();
   const [steps, setSteps] = useState();
   const fields = useMemo(() => {
@@ -1455,7 +1370,7 @@ function TemplateEditorFormDirectoryEditorDryRun(props) {
 TemplateEditorForm.DirectoryEditorDryRun = TemplateEditorFormDirectoryEditorDryRun;
 
 const Form = withTheme(Theme);
-const useStyles$b = makeStyles((theme) => ({
+const useStyles$a = makeStyles((theme) => ({
   root: {
     gridArea: "pageContent",
     display: "grid",
@@ -1485,7 +1400,7 @@ const CustomFieldExplorer = ({
   onClose
 }) => {
   var _a, _b;
-  const classes = useStyles$b();
+  const classes = useStyles$a();
   const fieldOptions = customFieldExtensions.filter((field) => !!field.schema);
   const [selectedField, setSelectedField] = useState(fieldOptions[0]);
   const [fieldFormState, setFieldFormState] = useState({});
@@ -1585,7 +1500,7 @@ const CustomFieldExplorer = ({
   )));
 };
 
-const useStyles$a = makeStyles$1((theme) => ({
+const useStyles$9 = makeStyles$1((theme) => ({
   introText: {
     textAlign: "center",
     marginTop: theme.spacing(2)
@@ -1603,7 +1518,7 @@ const useStyles$a = makeStyles$1((theme) => ({
   }
 }));
 function TemplateEditorIntro(props) {
-  const classes = useStyles$a();
+  const classes = useStyles$9();
   const supportsLoad = WebFileSystemAccess.isSupported();
   const cardLoadLocal = /* @__PURE__ */ React.createElement(Card$1, { className: classes.card, elevation: 4 }, /* @__PURE__ */ React.createElement(
     CardActionArea,
@@ -1665,7 +1580,7 @@ function TemplateEditorIntro(props) {
   ));
 }
 
-const useStyles$9 = makeStyles$1((theme) => ({
+const useStyles$8 = makeStyles$1((theme) => ({
   root: {
     overflowY: "auto",
     background: theme.palette.background.default
@@ -1682,7 +1597,7 @@ const useStyles$9 = makeStyles$1((theme) => ({
   }
 }));
 function DryRunResultsList() {
-  const classes = useStyles$9();
+  const classes = useStyles$8();
   const dryRun = useDryRun();
   return /* @__PURE__ */ React.createElement(List$1, { className: classes.root, dense: true }, dryRun.results.map((result) => {
     var _a;
@@ -1716,7 +1631,7 @@ function DryRunResultsList() {
   }));
 }
 
-const useStyles$8 = makeStyles$1({
+const useStyles$7 = makeStyles$1({
   root: {
     whiteSpace: "nowrap",
     overflowY: "auto"
@@ -1775,7 +1690,7 @@ function FileTreeItem({ entry }) {
   return /* @__PURE__ */ React.createElement(TreeItem, { nodeId: entry.path, label: entry.name }, entry.children.map((child) => /* @__PURE__ */ React.createElement(FileTreeItem, { key: child.path, entry: child })));
 }
 function FileBrowser(props) {
-  const classes = useStyles$8();
+  const classes = useStyles$7();
   const fileTree = useMemo(
     () => parseFileEntires(props.filePaths),
     [props.filePaths]
@@ -1797,7 +1712,7 @@ function FileBrowser(props) {
   );
 }
 
-const useStyles$7 = makeStyles$1((theme) => ({
+const useStyles$6 = makeStyles$1((theme) => ({
   root: {
     display: "grid",
     gridTemplateColumns: "280px auto 3fr",
@@ -1813,7 +1728,7 @@ const useStyles$7 = makeStyles$1((theme) => ({
   }
 }));
 function DryRunResultsSplitView(props) {
-  const classes = useStyles$7();
+  const classes = useStyles$6();
   const childArray = Children.toArray(props.children);
   if (childArray.length !== 2) {
     throw new Error("must have exactly 2 children");
@@ -1821,7 +1736,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$1({
+const useStyles$5 = makeStyles$1({
   root: {
     display: "flex",
     flexFlow: "column nowrap"
@@ -1847,7 +1762,7 @@ const useStyles$6 = makeStyles$1({
   }
 });
 function FilesContent() {
-  const classes = useStyles$6();
+  const classes = useStyles$5();
   const { selectedResult } = useDryRun();
   const [selectedPath, setSelectedPath] = useState("");
   const selectedFile = selectedResult == null ? void 0 : selectedResult.directoryContents.find(
@@ -1923,7 +1838,7 @@ function LogContent() {
 }
 function OutputContent() {
   var _a, _b;
-  const classes = useStyles$6();
+  const classes = useStyles$5();
   const { selectedResult } = useDryRun();
   if (!selectedResult) {
     return null;
@@ -1941,14 +1856,14 @@ function OutputContent() {
   ));
 }
 function DryRunResultsView() {
-  const classes = useStyles$6();
+  const classes = useStyles$5();
   const [selectedTab, setSelectedTab] = useState(
     "files"
   );
   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$1((theme) => ({
+const useStyles$4 = makeStyles$1((theme) => ({
   header: {
     height: 48,
     minHeight: 0,
@@ -1967,7 +1882,7 @@ const useStyles$5 = makeStyles$1((theme) => ({
   }
 }));
 function DryRunResults() {
-  const classes = useStyles$5();
+  const classes = useStyles$4();
   const dryRun = useDryRun();
   const [expanded, setExpanded] = useState(false);
   const [hidden, setHidden] = useState(true);
@@ -1982,7 +1897,7 @@ function DryRunResults() {
     }
   }, [prevResultsLength, resultsLength]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Accordion$1,
+    Accordion,
     {
       variant: "outlined",
       expanded,
@@ -1991,7 +1906,7 @@ function DryRunResults() {
       onTransitionEnd: () => resultsLength === 0 && setHidden(true)
     },
     /* @__PURE__ */ React.createElement(
-      AccordionSummary$1,
+      AccordionSummary,
       {
         className: classes.header,
         expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon$1, null)
@@ -1999,11 +1914,11 @@ function DryRunResults() {
       /* @__PURE__ */ React.createElement(Typography$1, null, "Dry-run results")
     ),
     /* @__PURE__ */ React.createElement(Divider, { orientation: "horizontal" }),
-    /* @__PURE__ */ React.createElement(AccordionDetails$1, { className: classes.content }, /* @__PURE__ */ React.createElement(DryRunResultsList, null), /* @__PURE__ */ React.createElement(Divider, { orientation: "horizontal" }), /* @__PURE__ */ React.createElement(DryRunResultsView, null))
+    /* @__PURE__ */ React.createElement(AccordionDetails, { className: classes.content }, /* @__PURE__ */ React.createElement(DryRunResultsList, null), /* @__PURE__ */ React.createElement(Divider, { orientation: "horizontal" }), /* @__PURE__ */ React.createElement(DryRunResultsView, null))
   ));
 }
 
-const useStyles$4 = makeStyles((theme) => ({
+const useStyles$3 = makeStyles((theme) => ({
   button: {
     padding: theme.spacing(1)
   },
@@ -2022,7 +1937,7 @@ const useStyles$4 = makeStyles((theme) => ({
 }));
 function TemplateEditorBrowser(props) {
   var _a, _b;
-  const classes = useStyles$4();
+  const classes = useStyles$3();
   const directoryEditor = useDirectoryEditor();
   const changedFiles = directoryEditor.files.filter((file) => file.dirty);
   const handleClose = () => {
@@ -2064,7 +1979,7 @@ function TemplateEditorBrowser(props) {
   ));
 }
 
-const useStyles$3 = makeStyles((theme) => ({
+const useStyles$2 = makeStyles((theme) => ({
   container: {
     position: "relative",
     width: "100%",
@@ -2093,7 +2008,7 @@ const useStyles$3 = makeStyles((theme) => ({
 }));
 function TemplateEditorTextArea(props) {
   const { errorText } = props;
-  const classes = useStyles$3();
+  const classes = useStyles$2();
   const panelExtension = useMemo(() => {
     if (!errorText) {
       return showPanel.of(null);
@@ -2168,7 +2083,7 @@ function TemplateEditorDirectoryEditorTextArea(props) {
 }
 TemplateEditorTextArea.DirectoryEditor = TemplateEditorDirectoryEditorTextArea;
 
-const useStyles$2 = makeStyles({
+const useStyles$1 = makeStyles({
   // Reset and fix sizing to make sure scrolling behaves correctly
   root: {
     gridArea: "pageContent",
@@ -2197,7 +2112,7 @@ const useStyles$2 = makeStyles({
   }
 });
 const TemplateEditor = (props) => {
-  const classes = useStyles$2();
+  const classes = useStyles$1();
   const [errorText, setErrorText] = useState();
   return /* @__PURE__ */ React.createElement(DirectoryEditorProvider, { directory: props.directory }, /* @__PURE__ */ React.createElement(DryRunProvider, null, /* @__PURE__ */ React.createElement("main", { className: classes.root }, /* @__PURE__ */ React.createElement("section", { className: classes.browser }, /* @__PURE__ */ React.createElement(TemplateEditorBrowser, { onClose: props.onClose })), /* @__PURE__ */ React.createElement("section", { className: classes.editor }, /* @__PURE__ */ React.createElement(TemplateEditorTextArea.DirectoryEditor, { errorText })), /* @__PURE__ */ React.createElement("section", { className: classes.preview }, /* @__PURE__ */ React.createElement(
     TemplateEditorForm.DirectoryEditorDryRun,
@@ -2247,7 +2162,7 @@ steps:
       values:
         name: \${{parameters.name}}
 `;
-const useStyles$1 = makeStyles((theme) => ({
+const useStyles = makeStyles((theme) => ({
   root: {
     gridArea: "pageContent",
     display: "grid",
@@ -2278,7 +2193,7 @@ const TemplateFormPreviewer = ({
   onClose,
   layouts = []
 }) => {
-  const classes = useStyles$1();
+  const classes = useStyles();
   const alertApi = useApi(alertApiRef);
   const catalogApi = useApi(catalogApiRef);
   const [selectedTemplate, setSelectedTemplate] = useState("");
@@ -2410,216 +2325,6 @@ function TemplateEditorPage(props) {
   ), content);
 }
 
-const useStyles = makeStyles(
-  (theme) => ({
-    root: {
-      backgroundColor: "rgba(0, 0, 0, .11)",
-      boxShadow: "none",
-      margin: theme.spacing(1, 0, 1, 0)
-    },
-    title: {
-      margin: theme.spacing(1, 0, 0, 1),
-      textTransform: "uppercase",
-      fontSize: 12,
-      fontWeight: "bold"
-    },
-    listIcon: {
-      minWidth: 30,
-      color: theme.palette.text.primary
-    },
-    menuItem: {
-      minHeight: theme.spacing(6)
-    },
-    groupWrapper: {
-      margin: theme.spacing(1, 1, 2, 1)
-    }
-  }),
-  {
-    name: "ScaffolderReactOwnerListPicker"
-  }
-);
-function getFilterGroups() {
-  return [
-    {
-      name: "Task Owner",
-      items: [
-        {
-          id: "owned",
-          label: "Owned",
-          icon: SettingsIcon
-        },
-        {
-          id: "all",
-          label: "All",
-          icon: AllIcon
-        }
-      ]
-    }
-  ];
-}
-const OwnerListPicker = (props) => {
-  const { filter, onSelectOwner } = props;
-  const classes = useStyles();
-  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$2, { disablePadding: true, dense: true }, group.items.map((item) => /* @__PURE__ */ React.createElement(
-    MenuItem$1,
-    {
-      key: item.id,
-      button: true,
-      divider: true,
-      onClick: () => onSelectOwner(item.id),
-      selected: item.id === filter,
-      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))
-  )))))));
-};
-
-const CreatedAtColumn = ({ createdAt }) => {
-  const createdAtTime = DateTime.fromISO(createdAt);
-  const formatted = Interval.fromDateTimes(createdAtTime, DateTime.local()).toDuration().valueOf();
-  return /* @__PURE__ */ React.createElement(Typography$1, { paragraph: true }, humanizeDuration(formatted, { round: true }), " ago");
-};
-
-const OwnerEntityColumn = ({ entityRef }) => {
-  var _a, _b, _c;
-  const catalogApi = useApi(catalogApiRef);
-  const { value, loading, error } = useAsync(
-    () => catalogApi.getEntityByRef(entityRef || ""),
-    [catalogApi, entityRef]
-  );
-  if (!entityRef) {
-    return /* @__PURE__ */ React.createElement(Typography$1, { paragraph: true }, "Unknown");
-  }
-  if (loading || error) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    EntityRefLink,
-    {
-      entityRef: parseEntityRef(entityRef),
-      title: (_c = (_b = (_a = value == null ? void 0 : value.spec) == null ? void 0 : _a.profile) == null ? void 0 : _b.displayName) != null ? _c : value == null ? void 0 : value.metadata.name
-    }
-  );
-};
-
-const TaskStatusColumn = ({ status }) => {
-  switch (status) {
-    case "processing":
-      return /* @__PURE__ */ React.createElement(StatusPending, null, status);
-    case "completed":
-      return /* @__PURE__ */ React.createElement(StatusOK, null, status);
-    case "error":
-    default:
-      return /* @__PURE__ */ React.createElement(StatusError, null, status);
-  }
-};
-
-const TemplateTitleColumn = ({ entityRef }) => {
-  const scaffolder = useApi(scaffolderApiRef);
-  const { value, loading, error } = useAsync(
-    () => scaffolder.getTemplateParameterSchema(entityRef || ""),
-    [scaffolder, entityRef]
-  );
-  if (loading || error || !entityRef) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: parseEntityRef(entityRef), title: value == null ? void 0 : value.title });
-};
-
-const ListTaskPageContent = (props) => {
-  var _a;
-  const { initiallySelectedFilter = "owned" } = props;
-  const scaffolderApi = useApi(scaffolderApiRef);
-  const rootLink = useRouteRef(rootRouteRef);
-  const [ownerFilter, setOwnerFilter] = useState(initiallySelectedFilter);
-  const { value, loading, error } = useAsync(() => {
-    var _a2;
-    if (scaffolderApi.listTasks) {
-      return (_a2 = scaffolderApi.listTasks) == null ? void 0 : _a2.call(scaffolderApi, { filterByOwnership: ownerFilter });
-    }
-    console.warn(
-      "listTasks is not implemented in the scaffolderApi, please make sure to implement this method."
-    );
-    return Promise.resolve({ tasks: [] });
-  }, [scaffolderApi, ownerFilter]);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ErrorPanel, { error }), /* @__PURE__ */ React.createElement(
-      EmptyState,
-      {
-        missing: "info",
-        title: "No information to display",
-        description: "There is no Tasks or there was an issue communicating with backend."
-      }
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(CatalogFilterLayout, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout.Filters, null, /* @__PURE__ */ React.createElement(
-    OwnerListPicker,
-    {
-      filter: ownerFilter,
-      onSelectOwner: (id) => setOwnerFilter(id)
-    }
-  )), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(
-    Table$1,
-    {
-      data: (_a = value == null ? void 0 : value.tasks) != null ? _a : [],
-      title: "Tasks",
-      columns: [
-        {
-          title: "Task ID",
-          field: "id",
-          render: (row) => /* @__PURE__ */ React.createElement(Link, { to: `${rootLink()}/tasks/${row.id}` }, row.id)
-        },
-        {
-          title: "Template",
-          render: (row) => {
-            var _a2;
-            return /* @__PURE__ */ React.createElement(
-              TemplateTitleColumn,
-              {
-                entityRef: (_a2 = row.spec.templateInfo) == null ? void 0 : _a2.entityRef
-              }
-            );
-          }
-        },
-        {
-          title: "Created",
-          field: "createdAt",
-          render: (row) => /* @__PURE__ */ React.createElement(CreatedAtColumn, { createdAt: row.createdAt })
-        },
-        {
-          title: "Owner",
-          field: "createdBy",
-          render: (row) => {
-            var _a2, _b;
-            return /* @__PURE__ */ React.createElement(OwnerEntityColumn, { entityRef: (_b = (_a2 = row.spec) == null ? void 0 : _a2.user) == null ? void 0 : _b.ref });
-          }
-        },
-        {
-          title: "Status",
-          field: "status",
-          render: (row) => /* @__PURE__ */ React.createElement(TaskStatusColumn, { status: row.status })
-        }
-      ]
-    }
-  )));
-};
-const ListTasksPage = (props) => {
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      pageTitleOverride: "Templates Tasks",
-      title: /* @__PURE__ */ React.createElement(React.Fragment, null, "List template tasks ", /* @__PURE__ */ React.createElement(Lifecycle, { shorthand: true, alpha: true })),
-      subtitle: "All tasks that have been started"
-    }
-  ), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ListTaskPageContent, { ...props })));
-};
-
 const Router = (props) => {
   const { groups, components = {}, defaultPreviewTemplate } = props;
   const { ReviewStepComponent, TemplateCardComponent, TaskPageComponent } = components;
@@ -2639,9 +2344,11 @@ const Router = (props) => {
     const { templateName } = useRouteRefParams(legacySelectedTemplateRouteRef);
     const newLink = useRouteRef(selectedTemplateRouteRef);
     useEffect(
-      () => // eslint-disable-next-line no-console
-      console.warn(
-        "The route /template/:templateName is deprecated, please use the new /template/:namespace/:templateName route instead"
+      () => (
+        // eslint-disable-next-line no-console
+        console.warn(
+          "The route /template/:templateName is deprecated, please use the new /template/:namespace/:templateName route instead"
+        )
       ),
       []
     );
@@ -2704,4 +2411,4 @@ const Router = (props) => {
 };
 
 export { Router };
-//# sourceMappingURL=Router-73a659c0.esm.js.map
+//# sourceMappingURL=Router-e878e04f.esm.js.map