@backstage/plugin-devtools 0.1.37-next.2 → 0.1.37

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage/plugin-devtools
 
+## 0.1.37
+
+### Patch Changes
+
+- afabb37: Fixed URL encoding of task IDs for the trigger feature (tasks that contained a "/" in their ID were not triggered)
+- f80195e: Added `cancelScheduledTask` to the DevTools API and a cancel button to the scheduled tasks UI.
+- 538c985: Updated installation documentation to use feature discovery as the default.
+- aa29b50: New frontend system pages now use the default plugin header together with `HeaderPage` instead of the legacy core page header pattern.
+- 3f36ce1: Updated alpha plugin icons to follow the new frontend icon sizing rules when rendered in plugin and navigation surfaces.
+- f4a1edd: Removed the deprecated `DevToolsContentBlueprint` from `@backstage/plugin-devtools-react`. DevTools pages in the new frontend system now use `SubPageBlueprint` tabs instead, and the catalog unprocessed entities alpha extension now attaches to DevTools as a subpage.
+- Updated dependencies
+  - @backstage/ui@0.13.0
+  - @backstage/core-compat-api@0.5.9
+  - @backstage/core-plugin-api@1.12.4
+  - @backstage/core-components@0.18.8
+  - @backstage/frontend-plugin-api@0.15.0
+  - @backstage/plugin-devtools-common@0.1.23
+  - @backstage/plugin-permission-react@0.4.41
+
 ## 0.1.37-next.2
 
 ### Patch Changes

package/README.md

@@ -66,42 +66,14 @@ You need to setup the [DevTools backend plugin](../devtools-backend/README.md) b
 
 ### Frontend
 
-To setup the DevTools frontend you'll need to do the following steps:
+Install the `@backstage/plugin-devtools` package in your frontend app:
 
-1. First we need to add the `@backstage/plugin-devtools` package to your frontend app:
-
-   ```sh
-   # From your Backstage root directory
-   yarn --cwd packages/app add @backstage/plugin-devtools
-   ```
-
-2. Now open the `packages/app/src/App.tsx` file
-3. Then after all the import statements add the following line:
-
-   ```ts
-   import { DevToolsPage } from '@backstage/plugin-devtools';
-   ```
-
-4. In this same file just before the closing `</ FlatRoutes>`, this will be near the bottom of the file, add this line:
-
-   ```ts
-   <Route path="/devtools" element={<DevToolsPage />} />
-   ```
-
-5. Next open the `packages/app/src/components/Root/Root.tsx` file
-6. We want to add this icon import after all the existing import statements:
-
-   ```ts
-   import BuildIcon from '@material-ui/icons/Build';
-   ```
-
-7. Then add this line just after the `<SidebarSettings />` line:
-
-   ```ts
-   <SidebarItem icon={BuildIcon} to="devtools" text="DevTools" />
-   ```
+```sh
+# From your Backstage root directory
+yarn --cwd packages/app add @backstage/plugin-devtools
+```
 
-8. Now run `yarn start` from the root of your project and you should see the DevTools option show up just below Settings in your sidebar and clicking on it will get you to the [Info tab](#info)
+Once installed, the plugin is automatically available in your app through the default feature discovery. For more details and alternative installation methods, see [installing plugins](https://backstage.io/docs/frontend-system/building-apps/installing-plugins).
 
 ## Customizing
 
@@ -166,8 +138,6 @@ You can also add tabs to show content from other plugins that fit well with the
 
 #### Catalog Unprocessed Entities Tab
 
-##### New Frontend System
-
 Create an extension and/or load a 3rd party extension to add additional tabs.
 
 ```shell
@@ -197,7 +167,7 @@ const appFeature = createFrontendModule({
 });
 ```
 
-##### Old System
+##### Old Frontend System
 
 Here's how to add the Catalog Unprocessed Entities tab:
 
@@ -230,6 +200,38 @@ Here's how to add the Catalog Unprocessed Entities tab:
 
 4. Now run `yarn start` and navigate to the DevTools you'll see a new tab for Unprocessed Entities
 
+## Old Frontend System
+
+If your Backstage app uses the old frontend system, you need to manually wire the plugin into your app as outlined in this section. If you are on the new frontend system, you can skip this.
+
+1. Open the `packages/app/src/App.tsx` file
+2. Then after all the import statements add the following line:
+
+   ```ts
+   import { DevToolsPage } from '@backstage/plugin-devtools';
+   ```
+
+3. In this same file just before the closing `</FlatRoutes>`, this will be near the bottom of the file, add this line:
+
+   ```ts
+   <Route path="/devtools" element={<DevToolsPage />} />
+   ```
+
+4. Next open the `packages/app/src/components/Root/Root.tsx` file
+5. We want to add this icon import after all the existing import statements:
+
+   ```ts
+   import BuildIcon from '@material-ui/icons/Build';
+   ```
+
+6. Then add this line just after the `<SidebarSettings />` line:
+
+   ```ts
+   <SidebarItem icon={BuildIcon} to="devtools" text="DevTools" />
+   ```
+
+7. Now run `yarn start` from the root of your project and you should see the DevTools option show up just below Settings in your sidebar and clicking on it will get you to the [Info tab](#info)
+
 ## Permissions
 
 The DevTools plugin supports the [permissions framework](https://backstage.io/docs/permissions/overview), the following sections outline how you can use them with the assumption that you have the permissions framework setup and working.

package/dist/alpha/plugin.esm.js

@@ -1,9 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import { ApiBlueprint, fetchApiRef, discoveryApiRef, PageBlueprint, createExtensionInput, coreExtensionData, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { ApiBlueprint, fetchApiRef, discoveryApiRef, PageBlueprint, coreExtensionData, SubPageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { devToolsApiRef } from '../api/DevToolsApi.esm.js';
 import { DevToolsClient } from '../api/DevToolsClient.esm.js';
 import BuildIcon from '@material-ui/icons/Build';
+import { Content } from '@backstage/core-components';
 import { rootRouteRef } from '../routes.esm.js';
+import { devToolsInfoReadPermission, devToolsConfigReadPermission } from '@backstage/plugin-devtools-common';
+import { devToolsTaskSchedulerReadPermission } from '@backstage/plugin-devtools-common/alpha';
+import { RequirePermission } from '@backstage/plugin-permission-react';
 
 const devToolsApi = ApiBlueprint.make({
   params: (defineParams) => defineParams({
@@ -16,32 +20,54 @@ const devToolsApi = ApiBlueprint.make({
   })
 });
 const devToolsPage = PageBlueprint.makeWithOverrides({
-  inputs: {
-    contents: createExtensionInput(
-      [
-        coreExtensionData.reactElement,
-        coreExtensionData.routePath,
-        coreExtensionData.routeRef.optional(),
-        coreExtensionData.title
-      ],
-      {
-        optional: true
-      }
-    )
-  },
   factory(originalFactory, { inputs }) {
-    return originalFactory({
-      path: "/devtools",
-      routeRef: rootRouteRef,
-      loader: () => {
-        const contents = inputs.contents.map((content) => ({
-          path: content.get(coreExtensionData.routePath),
-          title: content.get(coreExtensionData.title),
-          children: content.get(coreExtensionData.reactElement)
-        }));
-        return import('../components/DevToolsPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.DevToolsPage, { contents }));
+    const pages = [...inputs.pages].sort((left, right) => {
+      const leftPath = left.get(coreExtensionData.routePath);
+      const rightPath = right.get(coreExtensionData.routePath);
+      if (leftPath === "info" && rightPath !== "info") {
+        return -1;
+      }
+      if (leftPath !== "info" && rightPath === "info") {
+        return 1;
       }
+      return 0;
     });
+    return originalFactory(
+      {
+        path: "/devtools",
+        routeRef: rootRouteRef,
+        title: "DevTools"
+      },
+      {
+        inputs: {
+          pages
+        }
+      }
+    );
+  }
+});
+const devToolsInfoPage = SubPageBlueprint.make({
+  name: "info",
+  params: {
+    path: "info",
+    title: "Info",
+    loader: () => import('../components/Content/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(RequirePermission, { permission: devToolsInfoReadPermission, children: /* @__PURE__ */ jsx(m.InfoContent, {}) }) }))
+  }
+});
+const devToolsConfigPage = SubPageBlueprint.make({
+  name: "config",
+  params: {
+    path: "config",
+    title: "Config",
+    loader: () => import('../components/Content/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(RequirePermission, { permission: devToolsConfigReadPermission, children: /* @__PURE__ */ jsx(m.ConfigContent, {}) }) }))
+  }
+});
+const devToolsScheduledTasksPage = SubPageBlueprint.make({
+  name: "scheduled-tasks",
+  params: {
+    path: "scheduled-tasks",
+    title: "Scheduled Tasks",
+    loader: () => import('../components/Content/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(RequirePermission, { permission: devToolsTaskSchedulerReadPermission, children: /* @__PURE__ */ jsx(m.ScheduledTasksContent, {}) }) }))
   }
 });
 const devToolsNavItem = NavItemBlueprint.make({
@@ -54,13 +80,20 @@ const devToolsNavItem = NavItemBlueprint.make({
 var plugin = createFrontendPlugin({
   pluginId: "devtools",
   title: "DevTools",
-  icon: /* @__PURE__ */ jsx(BuildIcon, {}),
+  icon: /* @__PURE__ */ jsx(BuildIcon, { fontSize: "inherit" }),
   info: { packageJson: () => import('../package.json.esm.js') },
   routes: {
     root: rootRouteRef
   },
-  extensions: [devToolsApi, devToolsPage, devToolsNavItem]
+  extensions: [
+    devToolsApi,
+    devToolsPage,
+    devToolsInfoPage,
+    devToolsConfigPage,
+    devToolsScheduledTasksPage,
+    devToolsNavItem
+  ]
 });
 
-export { plugin as default, devToolsApi, devToolsNavItem, devToolsPage };
+export { plugin as default, devToolsApi, devToolsConfigPage, devToolsInfoPage, devToolsNavItem, devToolsPage, devToolsScheduledTasksPage };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  ApiBlueprint,\n  PageBlueprint,\n  NavItemBlueprint,\n  createExtensionInput,\n  coreExtensionData,\n} from '@backstage/frontend-plugin-api';\n\nimport { devToolsApiRef, DevToolsClient } from '../api';\nimport BuildIcon from '@material-ui/icons/Build';\nimport { rootRouteRef } from '../routes';\n\n/** @alpha */\nexport const devToolsApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: devToolsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DevToolsClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nexport const devToolsPage = PageBlueprint.makeWithOverrides({\n  inputs: {\n    contents: createExtensionInput(\n      [\n        coreExtensionData.reactElement,\n        coreExtensionData.routePath,\n        coreExtensionData.routeRef.optional(),\n        coreExtensionData.title,\n      ],\n      {\n        optional: true,\n      },\n    ),\n  },\n  factory(originalFactory, { inputs }) {\n    return originalFactory({\n      path: '/devtools',\n      routeRef: rootRouteRef,\n      loader: () => {\n        const contents = inputs.contents.map(content => ({\n          path: content.get(coreExtensionData.routePath),\n          title: content.get(coreExtensionData.title),\n          children: content.get(coreExtensionData.reactElement),\n        }));\n        return import('../components/DevToolsPage').then(m => (\n          <m.DevToolsPage contents={contents} />\n        ));\n      },\n    });\n  },\n});\n\n/** @alpha */\nexport const devToolsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'DevTools',\n    routeRef: rootRouteRef,\n    icon: BuildIcon,\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'devtools',\n  title: 'DevTools',\n  icon: <BuildIcon />,\n  info: { packageJson: () => import('../../package.json') },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [devToolsApi, devToolsPage, devToolsNavItem],\n});\n"],"names":[],"mappings":";;;;;;;AAgCO,MAAM,WAAA,GAAc,aAAa,IAAA,CAAK;AAAA,EAC3C,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,cAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,YAAA,EAAc,eAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,cAAA,CAAe,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,GAChD;AACL,CAAC;AAGM,MAAM,YAAA,GAAe,cAAc,iBAAA,CAAkB;AAAA,EAC1D,MAAA,EAAQ;AAAA,IACN,QAAA,EAAU,oBAAA;AAAA,MACR;AAAA,QACE,iBAAA,CAAkB,YAAA;AAAA,QAClB,iBAAA,CAAkB,SAAA;AAAA,QAClB,iBAAA,CAAkB,SAAS,QAAA,EAAS;AAAA,QACpC,iBAAA,CAAkB;AAAA,OACpB;AAAA,MACA;AAAA,QACE,QAAA,EAAU;AAAA;AACZ;AACF,GACF;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,IAAA,EAAM,WAAA;AAAA,MACN,QAAA,EAAU,YAAA;AAAA,MACV,QAAQ,MAAM;AACZ,QAAA,MAAM,QAAA,GAAW,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,UAC/C,IAAA,EAAM,OAAA,CAAQ,GAAA,CAAI,iBAAA,CAAkB,SAAS,CAAA;AAAA,UAC7C,KAAA,EAAO,OAAA,CAAQ,GAAA,CAAI,iBAAA,CAAkB,KAAK,CAAA;AAAA,UAC1C,QAAA,EAAU,OAAA,CAAQ,GAAA,CAAI,iBAAA,CAAkB,YAAY;AAAA,SACtD,CAAE,CAAA;AACF,QAAA,OAAO,OAAO,yCAA4B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,yBAC9C,CAAA,CAAE,YAAA,EAAF,EAAe,QAAA,EAAoB,CACrC,CAAA;AAAA,MACH;AAAA,KACD,CAAA;AAAA,EACH;AACF,CAAC;AAGM,MAAM,eAAA,GAAkB,iBAAiB,IAAA,CAAK;AAAA,EACnD,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM;AAAA;AAEV,CAAC;AAGD,aAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,EACjB,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,wBAAoB,CAAA,EAAE;AAAA,EACxD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY,CAAC,WAAA,EAAa,YAAA,EAAc,eAAe;AACzD,CAAC,CAAA;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createFrontendPlugin,\n  coreExtensionData,\n  discoveryApiRef,\n  fetchApiRef,\n  ApiBlueprint,\n  PageBlueprint,\n  NavItemBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { devToolsApiRef, DevToolsClient } from '../api';\nimport BuildIcon from '@material-ui/icons/Build';\nimport { Content } from '@backstage/core-components';\nimport { rootRouteRef } from '../routes';\nimport {\n  devToolsConfigReadPermission,\n  devToolsInfoReadPermission,\n} from '@backstage/plugin-devtools-common';\nimport { devToolsTaskSchedulerReadPermission } from '@backstage/plugin-devtools-common/alpha';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\n/** @alpha */\nexport const devToolsApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: devToolsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DevToolsClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nexport const devToolsPage = PageBlueprint.makeWithOverrides({\n  factory(originalFactory, { inputs }) {\n    const pages = [...inputs.pages].sort((left, right) => {\n      const leftPath = left.get(coreExtensionData.routePath);\n      const rightPath = right.get(coreExtensionData.routePath);\n\n      if (leftPath === 'info' && rightPath !== 'info') {\n        return -1;\n      }\n      if (leftPath !== 'info' && rightPath === 'info') {\n        return 1;\n      }\n\n      return 0;\n    });\n\n    return originalFactory(\n      {\n        path: '/devtools',\n        routeRef: rootRouteRef,\n        title: 'DevTools',\n      },\n      {\n        inputs: {\n          pages,\n        },\n      },\n    );\n  },\n});\n\n/** @alpha */\nexport const devToolsInfoPage = SubPageBlueprint.make({\n  name: 'info',\n  params: {\n    path: 'info',\n    title: 'Info',\n    loader: () =>\n      import('../components/Content').then(m => (\n        <Content>\n          <RequirePermission permission={devToolsInfoReadPermission}>\n            <m.InfoContent />\n          </RequirePermission>\n        </Content>\n      )),\n  },\n});\n\n/** @alpha */\nexport const devToolsConfigPage = SubPageBlueprint.make({\n  name: 'config',\n  params: {\n    path: 'config',\n    title: 'Config',\n    loader: () =>\n      import('../components/Content').then(m => (\n        <Content>\n          <RequirePermission permission={devToolsConfigReadPermission}>\n            <m.ConfigContent />\n          </RequirePermission>\n        </Content>\n      )),\n  },\n});\n\n/** @alpha */\nexport const devToolsScheduledTasksPage = SubPageBlueprint.make({\n  name: 'scheduled-tasks',\n  params: {\n    path: 'scheduled-tasks',\n    title: 'Scheduled Tasks',\n    loader: () =>\n      import('../components/Content').then(m => (\n        <Content>\n          <RequirePermission permission={devToolsTaskSchedulerReadPermission}>\n            <m.ScheduledTasksContent />\n          </RequirePermission>\n        </Content>\n      )),\n  },\n});\n\n/** @alpha */\nexport const devToolsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'DevTools',\n    routeRef: rootRouteRef,\n    icon: BuildIcon,\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'devtools',\n  title: 'DevTools',\n  icon: <BuildIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../../package.json') },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    devToolsApi,\n    devToolsPage,\n    devToolsInfoPage,\n    devToolsConfigPage,\n    devToolsScheduledTasksPage,\n    devToolsNavItem,\n  ],\n});\n"],"names":[],"mappings":"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"}

package/dist/alpha.d.ts

@@ -60,13 +60,6 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
                 optional: false;
                 internal: false;
             }>;
-            contents: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
-                optional: true;
-            }>, {
-                singleton: false;
-                optional: true;
-                internal: false;
-            }>;
         };
         kind: "page";
         name: undefined;
@@ -79,6 +72,81 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             noHeader?: boolean;
         };
     }>;
+    "sub-page:devtools/config": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "sub-page";
+        name: "config";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            path: string;
+            title: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
+    "sub-page:devtools/info": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "sub-page";
+        name: "info";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            path: string;
+            title: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
+    "sub-page:devtools/scheduled-tasks": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "sub-page";
+        name: "scheduled-tasks";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            path: string;
+            title: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
 }>;
 
 export { _default as default };

package/dist/api/DevToolsApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsApi.esm.js","sources":["../../src/api/DevToolsApi.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  ConfigInfo,\n  DevToolsInfo,\n  ExternalDependency,\n} from '@backstage/plugin-devtools-common';\nimport {\n  ScheduledTasks,\n  TriggerScheduledTask,\n} from '@backstage/plugin-devtools-common/alpha';\n\nexport const devToolsApiRef = createApiRef<DevToolsApi>({\n  id: 'plugin.devtools.service',\n});\n\nexport interface DevToolsApi {\n  getConfig(): Promise<ConfigInfo | undefined>;\n  getExternalDependencies(): Promise<ExternalDependency[] | undefined>;\n  getInfo(): Promise<DevToolsInfo | undefined>;\n  getScheduledTasksByPlugin(plugin: string): Promise<ScheduledTasks>;\n  triggerScheduledTask(\n    plugin: string,\n    taskId: string,\n  ): Promise<TriggerScheduledTask>;\n}\n"],"names":[],"mappings":";;AA2BO,MAAM,iBAAiB,YAAA,CAA0B;AAAA,EACtD,EAAA,EAAI;AACN,CAAC;;;;"}
+{"version":3,"file":"DevToolsApi.esm.js","sources":["../../src/api/DevToolsApi.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  ConfigInfo,\n  DevToolsInfo,\n  ExternalDependency,\n} from '@backstage/plugin-devtools-common';\nimport {\n  ScheduledTasks,\n  TriggerScheduledTask,\n} from '@backstage/plugin-devtools-common/alpha';\n\nexport const devToolsApiRef = createApiRef<DevToolsApi>({\n  id: 'plugin.devtools.service',\n});\n\nexport interface DevToolsApi {\n  getConfig(): Promise<ConfigInfo | undefined>;\n  getExternalDependencies(): Promise<ExternalDependency[] | undefined>;\n  getInfo(): Promise<DevToolsInfo | undefined>;\n  getScheduledTasksByPlugin(plugin: string): Promise<ScheduledTasks>;\n  triggerScheduledTask(\n    plugin: string,\n    taskId: string,\n  ): Promise<TriggerScheduledTask>;\n  cancelScheduledTask(plugin: string, taskId: string): Promise<void>;\n}\n"],"names":[],"mappings":";;AA2BO,MAAM,iBAAiB,YAAA,CAA0B;AAAA,EACtD,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/api/DevToolsClient.esm.js

@@ -1,4 +1,4 @@
-import { ResponseError } from '@backstage/errors';
+import { ResponseError, NotFoundError, ConflictError } from '@backstage/errors';
 
 class DevToolsClient {
   discoveryApi;
@@ -36,7 +36,25 @@ class DevToolsClient {
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
     }
-    return response.json();
+    return {};
+  }
+  async cancelScheduledTask(plugin, taskId) {
+    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;
+    const url = new URL(
+      `.backstage/scheduler/v1/tasks/${encodeURIComponent(taskId)}/cancel`,
+      baseUrl
+    );
+    const response = await this.fetchApi.fetch(url.toString(), {
+      method: "POST"
+    });
+    if (!response.ok) {
+      if (response.status === 404) {
+        throw new NotFoundError(`Task ${taskId} not found`);
+      } else if (response.status === 409) {
+        throw new ConflictError(`Task ${taskId} is not running`);
+      }
+      throw await ResponseError.fromResponse(response);
+    }
   }
   async getExternalDependencies() {
     const urlSegment = "external-dependencies";

package/dist/api/DevToolsClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsClient.esm.js","sources":["../../src/api/DevToolsClient.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport {\n  ConfigInfo,\n  DevToolsInfo,\n  ExternalDependency,\n} from '@backstage/plugin-devtools-common';\nimport {\n  ScheduledTasks,\n  TriggerScheduledTask,\n} from '@backstage/plugin-devtools-common/alpha';\nimport { ResponseError } from '@backstage/errors';\nimport { DevToolsApi } from './DevToolsApi';\n\nexport class DevToolsClient implements DevToolsApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  public constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  public async getConfig(): Promise<ConfigInfo | undefined> {\n    const urlSegment = 'config';\n\n    const configInfo = await this.get<ConfigInfo | undefined>(urlSegment);\n    return configInfo;\n  }\n\n  public async getScheduledTasksByPlugin(\n    plugin: string,\n  ): Promise<ScheduledTasks> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;\n    const url = new URL('.backstage/scheduler/v1/tasks', baseUrl);\n\n    const response = await this.fetchApi.fetch(url.toString());\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    const scheduledTasks = await response.json();\n    return {\n      scheduledTasks: scheduledTasks.tasks,\n    };\n  }\n\n  public async triggerScheduledTask(\n    plugin: string,\n    taskId: string,\n  ): Promise<TriggerScheduledTask> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;\n    const url = new URL(\n      `.backstage/scheduler/v1/tasks/${encodeURIComponent(taskId)}/trigger`,\n      baseUrl,\n    );\n\n    const response = await this.fetchApi.fetch(url.toString(), {\n      method: 'POST',\n    });\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response.json() as Promise<TriggerScheduledTask>;\n  }\n\n  public async getExternalDependencies(): Promise<\n    ExternalDependency[] | undefined\n  > {\n    const urlSegment = 'external-dependencies';\n\n    const externalDependencies = await this.get<\n      ExternalDependency[] | undefined\n    >(urlSegment);\n    return externalDependencies;\n  }\n\n  public async getInfo(): Promise<DevToolsInfo | undefined> {\n    const urlSegment = 'info';\n\n    const info = await this.get<DevToolsInfo | undefined>(urlSegment);\n    return info;\n  }\n\n  private async get<T>(path: string): Promise<T> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl('devtools')}/`;\n    const url = new URL(path, baseUrl);\n\n    const response = await this.fetchApi.fetch(url.toString());\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response.json() as Promise<T>;\n  }\n}\n"],"names":[],"mappings":";;AA6BO,MAAM,cAAA,CAAsC;AAAA,EAChC,YAAA;AAAA,EACA,QAAA;AAAA,EAEV,YAAY,OAAA,EAGhB;AACD,IAAA,IAAA,CAAK,eAAe,OAAA,CAAQ,YAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,QAAA;AAAA,EAC1B;AAAA,EAEA,MAAa,SAAA,GAA6C;AACxD,IAAA,MAAM,UAAA,GAAa,QAAA;AAEnB,IAAA,MAAM,UAAA,GAAa,MAAM,IAAA,CAAK,GAAA,CAA4B,UAAU,CAAA;AACpE,IAAA,OAAO,UAAA;AAAA,EACT;AAAA,EAEA,MAAa,0BACX,MAAA,EACyB;AACzB,IAAA,MAAM,UAAU,CAAA,EAAG,MAAM,KAAK,YAAA,CAAa,UAAA,CAAW,MAAM,CAAC,CAAA,CAAA,CAAA;AAC7D,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,+BAAA,EAAiC,OAAO,CAAA;AAE5D,IAAA,MAAM,WAAW,MAAM,IAAA,CAAK,SAAS,KAAA,CAAM,GAAA,CAAI,UAAU,CAAA;AAEzD,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,MAAM,aAAA,CAAc,YAAA,CAAa,QAAQ,CAAA;AAAA,IACjD;AAEA,IAAA,MAAM,cAAA,GAAiB,MAAM,QAAA,CAAS,IAAA,EAAK;AAC3C,IAAA,OAAO;AAAA,MACL,gBAAgB,cAAA,CAAe;AAAA,KACjC;AAAA,EACF;AAAA,EAEA,MAAa,oBAAA,CACX,MAAA,EACA,MAAA,EAC+B;AAC/B,IAAA,MAAM,UAAU,CAAA,EAAG,MAAM,KAAK,YAAA,CAAa,UAAA,CAAW,MAAM,CAAC,CAAA,CAAA,CAAA;AAC7D,IAAA,MAAM,MAAM,IAAI,GAAA;AAAA,MACd,CAAA,8BAAA,EAAiC,kBAAA,CAAmB,MAAM,CAAC,CAAA,QAAA,CAAA;AAAA,MAC3D;AAAA,KACF;AAEA,IAAA,MAAM,WAAW,MAAM,IAAA,CAAK,SAAS,KAAA,CAAM,GAAA,CAAI,UAAS,EAAG;AAAA,MACzD,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,MAAM,aAAA,CAAc,YAAA,CAAa,QAAQ,CAAA;AAAA,IACjD;AAEA,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB;AAAA,EAEA,MAAa,uBAAA,GAEX;AACA,IAAA,MAAM,UAAA,GAAa,uBAAA;AAEnB,IAAA,MAAM,oBAAA,GAAuB,MAAM,IAAA,CAAK,GAAA,CAEtC,UAAU,CAAA;AACZ,IAAA,OAAO,oBAAA;AAAA,EACT;AAAA,EAEA,MAAa,OAAA,GAA6C;AACxD,IAAA,MAAM,UAAA,GAAa,MAAA;AAEnB,IAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,GAAA,CAA8B,UAAU,CAAA;AAChE,IAAA,OAAO,IAAA;AAAA,EACT;AAAA,EAEA,MAAc,IAAO,IAAA,EAA0B;AAC7C,IAAA,MAAM,UAAU,CAAA,EAAG,MAAM,KAAK,YAAA,CAAa,UAAA,CAAW,UAAU,CAAC,CAAA,CAAA,CAAA;AACjE,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,IAAA,EAAM,OAAO,CAAA;AAEjC,IAAA,MAAM,WAAW,MAAM,IAAA,CAAK,SAAS,KAAA,CAAM,GAAA,CAAI,UAAU,CAAA;AAEzD,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,MAAM,aAAA,CAAc,YAAA,CAAa,QAAQ,CAAA;AAAA,IACjD;AAEA,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB;AACF;;;;"}
+{"version":3,"file":"DevToolsClient.esm.js","sources":["../../src/api/DevToolsClient.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport {\n  ConfigInfo,\n  DevToolsInfo,\n  ExternalDependency,\n} from '@backstage/plugin-devtools-common';\nimport {\n  ScheduledTasks,\n  TriggerScheduledTask,\n} from '@backstage/plugin-devtools-common/alpha';\nimport { ResponseError, NotFoundError, ConflictError } from '@backstage/errors';\nimport { DevToolsApi } from './DevToolsApi';\n\nexport class DevToolsClient implements DevToolsApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  public constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  public async getConfig(): Promise<ConfigInfo | undefined> {\n    const urlSegment = 'config';\n\n    const configInfo = await this.get<ConfigInfo | undefined>(urlSegment);\n    return configInfo;\n  }\n\n  public async getScheduledTasksByPlugin(\n    plugin: string,\n  ): Promise<ScheduledTasks> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;\n    const url = new URL('.backstage/scheduler/v1/tasks', baseUrl);\n\n    const response = await this.fetchApi.fetch(url.toString());\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    const scheduledTasks = await response.json();\n    return {\n      scheduledTasks: scheduledTasks.tasks,\n    };\n  }\n\n  public async triggerScheduledTask(\n    plugin: string,\n    taskId: string,\n  ): Promise<TriggerScheduledTask> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;\n    const url = new URL(\n      `.backstage/scheduler/v1/tasks/${encodeURIComponent(taskId)}/trigger`,\n      baseUrl,\n    );\n\n    const response = await this.fetchApi.fetch(url.toString(), {\n      method: 'POST',\n    });\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return {};\n  }\n\n  public async cancelScheduledTask(\n    plugin: string,\n    taskId: string,\n  ): Promise<void> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl(plugin)}/`;\n    const url = new URL(\n      `.backstage/scheduler/v1/tasks/${encodeURIComponent(taskId)}/cancel`,\n      baseUrl,\n    );\n\n    const response = await this.fetchApi.fetch(url.toString(), {\n      method: 'POST',\n    });\n\n    if (!response.ok) {\n      if (response.status === 404) {\n        throw new NotFoundError(`Task ${taskId} not found`);\n      } else if (response.status === 409) {\n        throw new ConflictError(`Task ${taskId} is not running`);\n      }\n      throw await ResponseError.fromResponse(response);\n    }\n  }\n\n  public async getExternalDependencies(): Promise<\n    ExternalDependency[] | undefined\n  > {\n    const urlSegment = 'external-dependencies';\n\n    const externalDependencies = await this.get<\n      ExternalDependency[] | undefined\n    >(urlSegment);\n    return externalDependencies;\n  }\n\n  public async getInfo(): Promise<DevToolsInfo | undefined> {\n    const urlSegment = 'info';\n\n    const info = await this.get<DevToolsInfo | undefined>(urlSegment);\n    return info;\n  }\n\n  private async get<T>(path: string): Promise<T> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl('devtools')}/`;\n    const url = new URL(path, baseUrl);\n\n    const response = await this.fetchApi.fetch(url.toString());\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response.json() as Promise<T>;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Content/ScheduledTasksContent/ScheduledTasksContent.esm.js

@@ -14,8 +14,9 @@ import '@backstage/errors';
 import { useApi, configApiRef, alertApiRef } from '@backstage/core-plugin-api';
 import 'react-use/esm/useAsync';
 import { useScheduledTasks } from '../../../hooks/useScheduledTasks.esm.js';
-import { useTriggerScheduledTask } from '../../../hooks/useTriggerScheduledTask.esm.js';
+import { useScheduledTasksOperations } from '../../../hooks/useScheduledTasksOperations.esm.js';
 import RefreshIcon from '@material-ui/icons/Refresh';
+import StopIcon from '@material-ui/icons/Stop';
 import NightsStay from '@material-ui/icons/NightsStay';
 import ErrorIcon from '@material-ui/icons/Error';
 import BlockIcon from '@material-ui/icons/Block';
@@ -72,7 +73,7 @@ const ScheduledTasksContent = () => {
   const plugins = configApi.getOptionalStringArray("devTools.scheduledTasks.plugins") || [];
   const [selectedPlugin, setSelectedPlugin] = useState(plugins[0] || "");
   const { scheduledTasks, loading, error } = useScheduledTasks(selectedPlugin);
-  const { triggerTask, isTriggering, triggerError } = useTriggerScheduledTask();
+  const { triggerTask, cancelTask, isLoading } = useScheduledTasksOperations();
   const [inputValue, setInputValue] = useState("");
   const handleAutocompleteChange = (_event, newValue) => {
     setSelectedPlugin(newValue || "");
@@ -149,28 +150,52 @@ const ScheduledTasksContent = () => {
         {
           permission: devToolsTaskSchedulerCreatePermission,
           errorPage: /* @__PURE__ */ jsx(CreateNotAllowed, {}),
-          children: /* @__PURE__ */ jsx(Tooltip, { title: "Run Task", children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "Trigger",
-              disabled: isTriggering,
-              onClick: () => {
-                triggerTask(selectedPlugin, rowData.taskId);
-                if (triggerError) {
-                  alertApi.post({
-                    message: `Error triggering task ${rowData.taskId}: ${error}`,
-                    severity: "error"
-                  });
-                } else {
-                  alertApi.post({
-                    message: `Successfully triggered task ${rowData.taskId}`,
-                    severity: "success"
-                  });
-                }
-              },
-              children: /* @__PURE__ */ jsx(RefreshIcon, {})
-            }
-          ) })
+          children: /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "center", children: [
+            /* @__PURE__ */ jsx(Tooltip, { title: "Run Task", children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": "Trigger",
+                disabled: isLoading,
+                onClick: async () => {
+                  try {
+                    await triggerTask(selectedPlugin, rowData.taskId);
+                    alertApi.post({
+                      message: `Successfully triggered task ${rowData.taskId}`,
+                      severity: "success"
+                    });
+                  } catch (e) {
+                    alertApi.post({
+                      message: `Error triggering task ${rowData.taskId}: ${e.message}`,
+                      severity: "error"
+                    });
+                  }
+                },
+                children: /* @__PURE__ */ jsx(RefreshIcon, {})
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Tooltip, { title: "Cancel Task", children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": "Cancel",
+                disabled: isLoading,
+                onClick: async () => {
+                  try {
+                    await cancelTask(selectedPlugin, rowData.taskId);
+                    alertApi.post({
+                      message: `Successfully cancelled task ${rowData.taskId}`,
+                      severity: "success"
+                    });
+                  } catch (e) {
+                    alertApi.post({
+                      message: `Error cancelling task ${rowData.taskId}: ${e.message}`,
+                      severity: "error"
+                    });
+                  }
+                },
+                children: /* @__PURE__ */ jsx(StopIcon, {})
+              }
+            ) })
+          ] })
         }
       ),
       sorting: false,
@@ -204,7 +229,7 @@ const ScheduledTasksContent = () => {
         )
       }
     ),
-    loading && /* @__PURE__ */ jsx(Progress, {}),
+    loading && !scheduledTasks && /* @__PURE__ */ jsx(Progress, {}),
     error && /* @__PURE__ */ jsxs(
       ErrorPanel,
       {
@@ -224,7 +249,7 @@ const ScheduledTasksContent = () => {
         ]
       }
     ),
-    !loading && !error && /* @__PURE__ */ jsx(
+    scheduledTasks && /* @__PURE__ */ jsx(
       Table,
       {
         title: `Scheduled Tasks (${selectedPlugin})`,
@@ -232,7 +257,8 @@ const ScheduledTasksContent = () => {
           paging: true,
           search: true,
           sorting: true,
-          searchFieldAlignment: "right"
+          searchFieldAlignment: "right",
+          padding: "dense"
         },
         columns,
         data: scheduledTasks || [],

package/dist/components/Content/ScheduledTasksContent/ScheduledTasksContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduledTasksContent.esm.js","sources":["../../../../src/components/Content/ScheduledTasksContent/ScheduledTasksContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport {\n  ErrorPanel,\n  Progress,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport Alert from '@material-ui/lab/Alert';\nimport { useScheduledTasks, useTriggerScheduledTask } from '../../../hooks';\nimport { TaskApiTasksResponse } from '@backstage/plugin-devtools-common/alpha';\nimport { alertApiRef, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport BlockIcon from '@material-ui/icons/Block';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { ScheduledTaskDetailPanel } from './ScheduledTaskDetailedPanel';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { devToolsTaskSchedulerCreatePermission } from '@backstage/plugin-devtools-common/alpha';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paperStyle: {\n      display: 'flex',\n      marginBottom: theme.spacing(2),\n    },\n    flexContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      padding: 0,\n    },\n    formControl: {\n      minWidth: 240,\n      marginBottom: theme.spacing(2),\n    },\n    detailPanel: {\n      padding: theme.spacing(2),\n      backgroundColor: theme.palette.background.default,\n    },\n    detailLabel: {\n      fontWeight: 'bold',\n      marginRight: theme.spacing(1),\n    },\n    errorIcon: {\n      color: theme.palette.error.main,\n      marginRight: theme.spacing(1),\n      fontSize: '1.2rem',\n    },\n    detailPanelAlert: {\n      marginBottom: theme.spacing(2),\n    },\n  }),\n);\n\nconst StatusDisplay = ({\n  icon,\n  text,\n}: {\n  icon: React.ReactNode;\n  text: string;\n}) => (\n  <Box display=\"flex\" alignItems=\"center\">\n    {icon}\n    <Typography variant=\"body2\" style={{ marginLeft: 8 }}>\n      {text}\n    </Typography>\n  </Box>\n);\n\nconst CreateNotAllowed = () => (\n  <Tooltip title=\"You are not allowed to perform this action\">\n    <BlockIcon color=\"disabled\" />\n  </Tooltip>\n);\n\n/** @public */\nexport const ScheduledTasksContent = () => {\n  const classes = useStyles();\n  const configApi = useApi(configApiRef);\n  const alertApi = useApi(alertApiRef);\n  const plugins =\n    configApi.getOptionalStringArray('devTools.scheduledTasks.plugins') || [];\n  const [selectedPlugin, setSelectedPlugin] = useState(plugins[0] || '');\n  const { scheduledTasks, loading, error } = useScheduledTasks(selectedPlugin);\n  const { triggerTask, isTriggering, triggerError } = useTriggerScheduledTask();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleAutocompleteChange = (_event: any, newValue: string | null) => {\n    setSelectedPlugin(newValue || '');\n  };\n\n  const handleCommitChange = () => {\n    if (inputValue !== selectedPlugin) {\n      setSelectedPlugin(inputValue);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      handleCommitChange();\n      // Prevent Autocomplete's default behavior (which might select a filtered item)\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  if (!plugins || plugins.length === 0) {\n    return (\n      <Alert severity=\"info\">\n        No plugins configured for scheduled tasks. Please configure\n        `devTools.scheduledTasks.plugins` in app-config.yaml.\n      </Alert>\n    );\n  }\n\n  const columns: TableColumn<TaskApiTasksResponse>[] = [\n    {\n      title: 'Task ID',\n      field: 'taskId',\n      width: '35%',\n      render: (rowData: TaskApiTasksResponse) => {\n        const errorIconStyle: React.CSSProperties = {\n          color: '#f44336',\n          marginRight: '8px',\n          fontSize: '1.2rem',\n          verticalAlign: 'middle',\n        };\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\">\n            {rowData.taskState?.lastRunError && (\n              <ErrorIcon style={errorIconStyle} />\n            )}\n            <Typography>{rowData.taskId}</Typography>\n          </Box>\n        );\n      },\n    },\n    {\n      title: 'Status',\n      field: 'taskState.status',\n      width: '15%',\n      render: (rowData: TaskApiTasksResponse) => {\n        const status = rowData.taskState?.status;\n\n        if (status === 'idle') {\n          return (\n            <StatusDisplay icon={<NightsStay fontSize=\"small\" />} text=\"Idle\" />\n          );\n        }\n\n        if (status === 'running') {\n          return (\n            <StatusDisplay\n              icon={<CircularProgress color=\"inherit\" size=\"30px\" />}\n              text=\"Running\"\n            />\n          );\n        }\n\n        return <Typography variant=\"body2\">{status || 'N/A'}</Typography>;\n      },\n    },\n    {\n      title: 'Last Run',\n      field: 'taskState.lastRunEndedAt',\n      width: '25%',\n      render: (rowData: TaskApiTasksResponse) =>\n        rowData.taskState?.lastRunEndedAt\n          ? new Date(rowData.taskState.lastRunEndedAt).toLocaleString()\n          : 'N/A',\n    },\n    {\n      title: 'Next Run',\n      width: '15%',\n      render: (rowData: TaskApiTasksResponse) =>\n        rowData.taskState?.status === 'idle' && rowData.taskState.startsAt\n          ? new Date(rowData.taskState.startsAt).toLocaleString()\n          : 'N/A',\n    },\n    {\n      title: 'Actions',\n      render: (rowData: TaskApiTasksResponse) => (\n        <RequirePermission\n          permission={devToolsTaskSchedulerCreatePermission}\n          errorPage={<CreateNotAllowed />}\n        >\n          <Tooltip title=\"Run Task\">\n            <IconButton\n              aria-label=\"Trigger\"\n              disabled={isTriggering}\n              onClick={() => {\n                triggerTask(selectedPlugin, rowData.taskId);\n                if (triggerError) {\n                  alertApi.post({\n                    message: `Error triggering task ${rowData.taskId}: ${error}`,\n                    severity: 'error',\n                  });\n                } else {\n                  alertApi.post({\n                    message: `Successfully triggered task ${rowData.taskId}`,\n                    severity: 'success',\n                  });\n                }\n              }}\n            >\n              <RefreshIcon />\n            </IconButton>\n          </Tooltip>\n        </RequirePermission>\n      ),\n      sorting: false,\n      width: '10%',\n      align: 'center',\n    },\n  ];\n\n  return (\n    <Box>\n      <Autocomplete\n        className={classes.formControl}\n        classes={{ root: classes.formControl }}\n        freeSolo\n        options={plugins}\n        value={selectedPlugin}\n        inputValue={inputValue}\n        onChange={handleAutocompleteChange}\n        onInputChange={(_event, newInputValue) => {\n          setInputValue(newInputValue);\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            label=\"Select Plugin\"\n            variant=\"outlined\"\n            onKeyDown={handleKeyDown}\n            onBlur={handleCommitChange}\n          />\n        )}\n      />\n\n      {loading && <Progress />}\n\n      {error && (\n        <ErrorPanel\n          error={new Error(`No scheduled tasks found for \"${selectedPlugin}\"`)}\n          title=\"No Scheduled Tasks Found\"\n        >\n          <Typography variant=\"body2\">\n            The plugin ID \"{selectedPlugin}\" doesn't have any scheduled tasks or\n            may contain a typo.\n          </Typography>\n          <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n            Please verify:\n          </Typography>\n          <ul>\n            <li>\n              <Typography variant=\"body2\">\n                The plugin ID is spelled correctly\n              </Typography>\n            </li>\n            <li>\n              <Typography variant=\"body2\">\n                The plugin has registered scheduled tasks\n              </Typography>\n            </li>\n          </ul>\n        </ErrorPanel>\n      )}\n\n      {!loading && !error && (\n        <Table\n          title={`Scheduled Tasks (${selectedPlugin})`}\n          options={{\n            paging: true,\n            search: true,\n            sorting: true,\n            searchFieldAlignment: 'right',\n          }}\n          columns={columns}\n          data={scheduledTasks || []}\n          emptyContent={\n            <Alert severity=\"info\">\n              No scheduled tasks found for {selectedPlugin}.\n            </Alert>\n          }\n          detailPanel={({ rowData }) => {\n            return <ScheduledTaskDetailPanel rowData={rowData} />;\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScheduledTasksContent.esm.js","sources":["../../../../src/components/Content/ScheduledTasksContent/ScheduledTasksContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport {\n  ErrorPanel,\n  Progress,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport Alert from '@material-ui/lab/Alert';\nimport { useScheduledTasks, useScheduledTasksOperations } from '../../../hooks';\nimport { TaskApiTasksResponse } from '@backstage/plugin-devtools-common/alpha';\nimport { alertApiRef, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport StopIcon from '@material-ui/icons/Stop';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport BlockIcon from '@material-ui/icons/Block';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { ScheduledTaskDetailPanel } from './ScheduledTaskDetailedPanel';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { devToolsTaskSchedulerCreatePermission } from '@backstage/plugin-devtools-common/alpha';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paperStyle: {\n      display: 'flex',\n      marginBottom: theme.spacing(2),\n    },\n    flexContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      padding: 0,\n    },\n    formControl: {\n      minWidth: 240,\n      marginBottom: theme.spacing(2),\n    },\n    detailPanel: {\n      padding: theme.spacing(2),\n      backgroundColor: theme.palette.background.default,\n    },\n    detailLabel: {\n      fontWeight: 'bold',\n      marginRight: theme.spacing(1),\n    },\n    errorIcon: {\n      color: theme.palette.error.main,\n      marginRight: theme.spacing(1),\n      fontSize: '1.2rem',\n    },\n    detailPanelAlert: {\n      marginBottom: theme.spacing(2),\n    },\n  }),\n);\n\nconst StatusDisplay = ({\n  icon,\n  text,\n}: {\n  icon: React.ReactNode;\n  text: string;\n}) => (\n  <Box display=\"flex\" alignItems=\"center\">\n    {icon}\n    <Typography variant=\"body2\" style={{ marginLeft: 8 }}>\n      {text}\n    </Typography>\n  </Box>\n);\n\nconst CreateNotAllowed = () => (\n  <Tooltip title=\"You are not allowed to perform this action\">\n    <BlockIcon color=\"disabled\" />\n  </Tooltip>\n);\n\n/** @public */\nexport const ScheduledTasksContent = () => {\n  const classes = useStyles();\n  const configApi = useApi(configApiRef);\n  const alertApi = useApi(alertApiRef);\n  const plugins =\n    configApi.getOptionalStringArray('devTools.scheduledTasks.plugins') || [];\n  const [selectedPlugin, setSelectedPlugin] = useState(plugins[0] || '');\n  const { scheduledTasks, loading, error } = useScheduledTasks(selectedPlugin);\n  const { triggerTask, cancelTask, isLoading } = useScheduledTasksOperations();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleAutocompleteChange = (_event: any, newValue: string | null) => {\n    setSelectedPlugin(newValue || '');\n  };\n\n  const handleCommitChange = () => {\n    if (inputValue !== selectedPlugin) {\n      setSelectedPlugin(inputValue);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      handleCommitChange();\n      // Prevent Autocomplete's default behavior (which might select a filtered item)\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  if (!plugins || plugins.length === 0) {\n    return (\n      <Alert severity=\"info\">\n        No plugins configured for scheduled tasks. Please configure\n        `devTools.scheduledTasks.plugins` in app-config.yaml.\n      </Alert>\n    );\n  }\n\n  const columns: TableColumn<TaskApiTasksResponse>[] = [\n    {\n      title: 'Task ID',\n      field: 'taskId',\n      width: '35%',\n      render: (rowData: TaskApiTasksResponse) => {\n        const errorIconStyle: React.CSSProperties = {\n          color: '#f44336',\n          marginRight: '8px',\n          fontSize: '1.2rem',\n          verticalAlign: 'middle',\n        };\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\">\n            {rowData.taskState?.lastRunError && (\n              <ErrorIcon style={errorIconStyle} />\n            )}\n            <Typography>{rowData.taskId}</Typography>\n          </Box>\n        );\n      },\n    },\n    {\n      title: 'Status',\n      field: 'taskState.status',\n      width: '15%',\n      render: (rowData: TaskApiTasksResponse) => {\n        const status = rowData.taskState?.status;\n\n        if (status === 'idle') {\n          return (\n            <StatusDisplay icon={<NightsStay fontSize=\"small\" />} text=\"Idle\" />\n          );\n        }\n\n        if (status === 'running') {\n          return (\n            <StatusDisplay\n              icon={<CircularProgress color=\"inherit\" size=\"30px\" />}\n              text=\"Running\"\n            />\n          );\n        }\n\n        return <Typography variant=\"body2\">{status || 'N/A'}</Typography>;\n      },\n    },\n    {\n      title: 'Last Run',\n      field: 'taskState.lastRunEndedAt',\n      width: '25%',\n      render: (rowData: TaskApiTasksResponse) =>\n        rowData.taskState?.lastRunEndedAt\n          ? new Date(rowData.taskState.lastRunEndedAt).toLocaleString()\n          : 'N/A',\n    },\n    {\n      title: 'Next Run',\n      width: '15%',\n      render: (rowData: TaskApiTasksResponse) =>\n        rowData.taskState?.status === 'idle' && rowData.taskState.startsAt\n          ? new Date(rowData.taskState.startsAt).toLocaleString()\n          : 'N/A',\n    },\n    {\n      title: 'Actions',\n      render: (rowData: TaskApiTasksResponse) => (\n        <RequirePermission\n          permission={devToolsTaskSchedulerCreatePermission}\n          errorPage={<CreateNotAllowed />}\n        >\n          <Box display=\"flex\" justifyContent=\"center\">\n            <Tooltip title=\"Run Task\">\n              <IconButton\n                aria-label=\"Trigger\"\n                disabled={isLoading}\n                onClick={async () => {\n                  try {\n                    await triggerTask(selectedPlugin, rowData.taskId);\n                    alertApi.post({\n                      message: `Successfully triggered task ${rowData.taskId}`,\n                      severity: 'success',\n                    });\n                  } catch (e) {\n                    alertApi.post({\n                      message: `Error triggering task ${rowData.taskId}: ${e.message}`,\n                      severity: 'error',\n                    });\n                  }\n                }}\n              >\n                <RefreshIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Cancel Task\">\n              <IconButton\n                aria-label=\"Cancel\"\n                disabled={isLoading}\n                onClick={async () => {\n                  try {\n                    await cancelTask(selectedPlugin, rowData.taskId);\n                    alertApi.post({\n                      message: `Successfully cancelled task ${rowData.taskId}`,\n                      severity: 'success',\n                    });\n                  } catch (e) {\n                    alertApi.post({\n                      message: `Error cancelling task ${rowData.taskId}: ${e.message}`,\n                      severity: 'error',\n                    });\n                  }\n                }}\n              >\n                <StopIcon />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        </RequirePermission>\n      ),\n      sorting: false,\n      width: '10%',\n      align: 'center',\n    },\n  ];\n\n  return (\n    <Box>\n      <Autocomplete\n        className={classes.formControl}\n        classes={{ root: classes.formControl }}\n        freeSolo\n        options={plugins}\n        value={selectedPlugin}\n        inputValue={inputValue}\n        onChange={handleAutocompleteChange}\n        onInputChange={(_event, newInputValue) => {\n          setInputValue(newInputValue);\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            label=\"Select Plugin\"\n            variant=\"outlined\"\n            onKeyDown={handleKeyDown}\n            onBlur={handleCommitChange}\n          />\n        )}\n      />\n\n      {loading && !scheduledTasks && <Progress />}\n\n      {error && (\n        <ErrorPanel\n          error={new Error(`No scheduled tasks found for \"${selectedPlugin}\"`)}\n          title=\"No Scheduled Tasks Found\"\n        >\n          <Typography variant=\"body2\">\n            The plugin ID \"{selectedPlugin}\" doesn't have any scheduled tasks or\n            may contain a typo.\n          </Typography>\n          <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n            Please verify:\n          </Typography>\n          <ul>\n            <li>\n              <Typography variant=\"body2\">\n                The plugin ID is spelled correctly\n              </Typography>\n            </li>\n            <li>\n              <Typography variant=\"body2\">\n                The plugin has registered scheduled tasks\n              </Typography>\n            </li>\n          </ul>\n        </ErrorPanel>\n      )}\n\n      {scheduledTasks && (\n        <Table\n          title={`Scheduled Tasks (${selectedPlugin})`}\n          options={{\n            paging: true,\n            search: true,\n            sorting: true,\n            searchFieldAlignment: 'right',\n            padding: 'dense',\n          }}\n          columns={columns}\n          data={scheduledTasks || []}\n          emptyContent={\n            <Alert severity=\"info\">\n              No scheduled tasks found for {selectedPlugin}.\n            </Alert>\n          }\n          detailPanel={({ rowData }) => {\n            return <ScheduledTaskDetailPanel rowData={rowData} />;\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Content/index.esm.js

@@ -0,0 +1,6 @@
+export { ConfigContent } from './ConfigContent/ConfigContent.esm.js';
+export { InfoContent } from './InfoContent/InfoContent.esm.js';
+export { ExternalDependenciesContent } from './ExternalDependenciesContent/ExternalDependenciesContent.esm.js';
+export { ScheduledTasksContent } from './ScheduledTasksContent/ScheduledTasksContent.esm.js';
+export { ScheduledTaskDetailPanel } from './ScheduledTasksContent/ScheduledTaskDetailedPanel.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Content/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DefaultDevToolsPage/DefaultDevToolsPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDevToolsPage.esm.js","sources":["../../../src/components/DefaultDevToolsPage/DefaultDevToolsPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  devToolsConfigReadPermission,\n  devToolsInfoReadPermission,\n} from '@backstage/plugin-devtools-common';\n\nimport { ConfigContent } from '../Content';\nimport { devToolsTaskSchedulerReadPermission } from '@backstage/plugin-devtools-common/alpha';\nimport { DevToolsLayout } from '../DevToolsLayout';\nimport { InfoContent } from '../Content';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { ScheduledTasksContent } from '../Content/ScheduledTasksContent';\nimport { DevToolsPageProps } from '../DevToolsPage';\n\n/** @public */\nexport const DefaultDevToolsPage = ({ contents }: DevToolsPageProps) => (\n  <DevToolsLayout>\n    <DevToolsLayout.Route path=\"info\" title=\"Info\">\n      <RequirePermission permission={devToolsInfoReadPermission}>\n        <InfoContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    <DevToolsLayout.Route path=\"config\" title=\"Config\">\n      <RequirePermission permission={devToolsConfigReadPermission}>\n        <ConfigContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    <DevToolsLayout.Route path=\"scheduled-tasks\" title=\"Scheduled Tasks\">\n      <RequirePermission permission={devToolsTaskSchedulerReadPermission}>\n        <ScheduledTasksContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    {contents?.map((content, index) => (\n      <DevToolsLayout.Route\n        key={`extension-${index}`}\n        path={content.path}\n        title={content.title}\n      >\n        {content.children}\n      </DevToolsLayout.Route>\n    ))}\n  </DevToolsLayout>\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA8BO,MAAM,sBAAsB,CAAC,EAAE,QAAA,EAAS,0BAC5C,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,IAAA,EAAK,QAAO,KAAA,EAAM,MAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,UAAA,EAAY,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,GACf,CAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,MAAK,QAAA,EAAS,KAAA,EAAM,QAAA,EACxC,QAAA,kBAAA,GAAA,CAAC,qBAAkB,UAAA,EAAY,4BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,GACjB,CAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,MAAK,iBAAA,EAAkB,KAAA,EAAM,iBAAA,EACjD,QAAA,kBAAA,GAAA,CAAC,qBAAkB,UAAA,EAAY,mCAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,GACzB,CAAA,EACF,CAAA;AAAA,EACC,QAAA,EAAU,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,qBACvB,GAAA;AAAA,IAAC,cAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MAEC,MAAM,OAAA,CAAQ,IAAA;AAAA,MACd,OAAO,OAAA,CAAQ,KAAA;AAAA,MAEd,QAAA,EAAA,OAAA,CAAQ;AAAA,KAAA;AAAA,IAJJ,aAAa,KAAK,CAAA;AAAA,GAM1B;AAAA,CAAA,EACH;;;;"}
+{"version":3,"file":"DefaultDevToolsPage.esm.js","sources":["../../../src/components/DefaultDevToolsPage/DefaultDevToolsPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  devToolsConfigReadPermission,\n  devToolsInfoReadPermission,\n} from '@backstage/plugin-devtools-common';\n\nimport { ConfigContent } from '../Content';\nimport { devToolsTaskSchedulerReadPermission } from '@backstage/plugin-devtools-common/alpha';\nimport { DevToolsLayout } from '../DevToolsLayout/DevToolsLayout';\nimport { InfoContent } from '../Content';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { ScheduledTasksContent } from '../Content/ScheduledTasksContent';\nimport { DevToolsPageProps } from '../DevToolsPage';\n\n/** @public */\nexport const DefaultDevToolsPage = ({ contents }: DevToolsPageProps) => (\n  <DevToolsLayout>\n    <DevToolsLayout.Route path=\"info\" title=\"Info\">\n      <RequirePermission permission={devToolsInfoReadPermission}>\n        <InfoContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    <DevToolsLayout.Route path=\"config\" title=\"Config\">\n      <RequirePermission permission={devToolsConfigReadPermission}>\n        <ConfigContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    <DevToolsLayout.Route path=\"scheduled-tasks\" title=\"Scheduled Tasks\">\n      <RequirePermission permission={devToolsTaskSchedulerReadPermission}>\n        <ScheduledTasksContent />\n      </RequirePermission>\n    </DevToolsLayout.Route>\n    {contents?.map((content, index) => (\n      <DevToolsLayout.Route\n        key={`extension-${index}`}\n        path={content.path}\n        title={content.title}\n      >\n        {content.children}\n      </DevToolsLayout.Route>\n    ))}\n  </DevToolsLayout>\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA8BO,MAAM,sBAAsB,CAAC,EAAE,QAAA,EAAS,0BAC5C,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,IAAA,EAAK,QAAO,KAAA,EAAM,MAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,UAAA,EAAY,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,GACf,CAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,MAAK,QAAA,EAAS,KAAA,EAAM,QAAA,EACxC,QAAA,kBAAA,GAAA,CAAC,qBAAkB,UAAA,EAAY,4BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,GACjB,CAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,MAAK,iBAAA,EAAkB,KAAA,EAAM,iBAAA,EACjD,QAAA,kBAAA,GAAA,CAAC,qBAAkB,UAAA,EAAY,mCAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,GACzB,CAAA,EACF,CAAA;AAAA,EACC,QAAA,EAAU,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,qBACvB,GAAA;AAAA,IAAC,cAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MAEC,MAAM,OAAA,CAAQ,IAAA;AAAA,MACd,OAAO,OAAA,CAAQ,KAAA;AAAA,MAEd,QAAA,EAAA,OAAA,CAAQ;AAAA,KAAA;AAAA,IAJJ,aAAa,KAAK,CAAA;AAAA,GAM1B;AAAA,CAAA,EACH;;;;"}

package/dist/hooks/useScheduledTasksOperations.esm.js

@@ -0,0 +1,49 @@
+import { useState, useCallback } from 'react';
+import { devToolsApiRef } from '../api/DevToolsApi.esm.js';
+import '@backstage/errors';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useScheduledTasksOperations = () => {
+  const api = useApi(devToolsApiRef);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState();
+  const triggerTask = useCallback(
+    async (plugin, taskId) => {
+      setIsLoading(true);
+      setError(void 0);
+      try {
+        await api.triggerScheduledTask(plugin, taskId);
+      } catch (e) {
+        setError(e);
+        throw e;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [api]
+  );
+  const cancelTask = useCallback(
+    async (plugin, taskId) => {
+      setIsLoading(true);
+      setError(void 0);
+      try {
+        await api.cancelScheduledTask(plugin, taskId);
+      } catch (e) {
+        setError(e);
+        throw e;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [api]
+  );
+  return {
+    triggerTask,
+    cancelTask,
+    isLoading,
+    error: error?.message
+  };
+};
+
+export { useScheduledTasksOperations };
+//# sourceMappingURL=useScheduledTasksOperations.esm.js.map

package/dist/hooks/useScheduledTasksOperations.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScheduledTasksOperations.esm.js","sources":["../../src/hooks/useScheduledTasksOperations.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useCallback } from 'react';\nimport { devToolsApiRef } from '../api';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const useScheduledTasksOperations = () => {\n  const api = useApi(devToolsApiRef);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | undefined>();\n\n  const triggerTask = useCallback(\n    async (plugin: string, taskId: string) => {\n      setIsLoading(true);\n      setError(undefined);\n\n      try {\n        await api.triggerScheduledTask(plugin, taskId);\n      } catch (e) {\n        setError(e);\n        throw e;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [api],\n  );\n\n  const cancelTask = useCallback(\n    async (plugin: string, taskId: string) => {\n      setIsLoading(true);\n      setError(undefined);\n\n      try {\n        await api.cancelScheduledTask(plugin, taskId);\n      } catch (e) {\n        setError(e);\n        throw e;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [api],\n  );\n\n  return {\n    triggerTask,\n    cancelTask,\n    isLoading,\n    error: error?.message,\n  };\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,8BAA8B,MAAM;AAC/C,EAAA,MAAM,GAAA,GAAM,OAAO,cAAc,CAAA;AACjC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,EAA4B;AAEtD,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,OAAO,QAAgB,MAAA,KAAmB;AACxC,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,QAAA,CAAS,MAAS,CAAA;AAElB,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,CAAI,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA;AAAA,MAC/C,SAAS,CAAA,EAAG;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AACV,QAAA,MAAM,CAAA;AAAA,MACR,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,OAAO,QAAgB,MAAA,KAAmB;AACxC,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,QAAA,CAAS,MAAS,CAAA;AAElB,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,CAAI,mBAAA,CAAoB,MAAA,EAAQ,MAAM,CAAA;AAAA,MAC9C,SAAS,CAAA,EAAG;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AACV,QAAA,MAAM,CAAA;AAAA,MACR,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,OAAO;AAAA,IACL,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAO,KAAA,EAAO;AAAA,GAChB;AACF;;;;"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-devtools";
-var version = "0.1.37-next.2";
+var version = "0.1.37";
 var backstage = {
 	role: "frontend-plugin",
 	pluginId: "devtools",
@@ -58,8 +58,8 @@ var dependencies = {
 	"@backstage/errors": "workspace:^",
 	"@backstage/frontend-plugin-api": "workspace:^",
 	"@backstage/plugin-devtools-common": "workspace:^",
-	"@backstage/plugin-devtools-react": "workspace:^",
 	"@backstage/plugin-permission-react": "workspace:^",
+	"@backstage/ui": "workspace:^",
 	"@material-ui/core": "^4.9.13",
 	"@material-ui/icons": "^4.9.1",
 	"@material-ui/lab": "^4.0.0-alpha.57",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-devtools",
-  "version": "0.1.37-next.2",
+  "version": "0.1.37",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "devtools",
@@ -65,14 +65,14 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-compat-api": "0.5.9-next.2",
-    "@backstage/core-components": "0.18.8-next.1",
-    "@backstage/core-plugin-api": "1.12.4-next.1",
-    "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.15.0-next.1",
-    "@backstage/plugin-devtools-common": "0.1.22",
-    "@backstage/plugin-devtools-react": "0.1.2-next.1",
-    "@backstage/plugin-permission-react": "0.4.41-next.0",
+    "@backstage/core-compat-api": "^0.5.9",
+    "@backstage/core-components": "^0.18.8",
+    "@backstage/core-plugin-api": "^1.12.4",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/frontend-plugin-api": "^0.15.0",
+    "@backstage/plugin-devtools-common": "^0.1.23",
+    "@backstage/plugin-permission-react": "^0.4.41",
+    "@backstage/ui": "^0.13.0",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.57",
@@ -81,8 +81,8 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.0-next.2",
-    "@backstage/dev-utils": "1.1.21-next.1",
+    "@backstage/cli": "^0.36.0",
+    "@backstage/dev-utils": "^1.1.21",
     "@testing-library/jest-dom": "^6.0.0",
     "@types/lodash": "^4.14.151",
     "@types/react": "^18.0.0",

package/dist/hooks/useTriggerScheduledTask.esm.js

@@ -1,32 +0,0 @@
-import { useState, useCallback } from 'react';
-import { devToolsApiRef } from '../api/DevToolsApi.esm.js';
-import '@backstage/errors';
-import { useApi } from '@backstage/core-plugin-api';
-
-const useTriggerScheduledTask = () => {
-  const api = useApi(devToolsApiRef);
-  const [isTriggering, setIsTriggering] = useState(false);
-  const [error, setError] = useState();
-  const triggerTask = useCallback(
-    async (plugin, taskId) => {
-      setIsTriggering(true);
-      setError(void 0);
-      try {
-        await api.triggerScheduledTask(plugin, taskId);
-      } catch (e) {
-        setError(e);
-      } finally {
-        setIsTriggering(false);
-      }
-    },
-    [api]
-  );
-  return {
-    triggerTask,
-    isTriggering,
-    triggerError: error?.message
-  };
-};
-
-export { useTriggerScheduledTask };
-//# sourceMappingURL=useTriggerScheduledTask.esm.js.map

package/dist/hooks/useTriggerScheduledTask.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTriggerScheduledTask.esm.js","sources":["../../src/hooks/useTriggerScheduledTask.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useCallback } from 'react';\nimport { devToolsApiRef } from '../api';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const useTriggerScheduledTask = () => {\n  const api = useApi(devToolsApiRef);\n  const [isTriggering, setIsTriggering] = useState(false);\n  const [error, setError] = useState<Error | undefined>();\n\n  const triggerTask = useCallback(\n    async (plugin: string, taskId: string) => {\n      setIsTriggering(true);\n      setError(undefined);\n\n      try {\n        await api.triggerScheduledTask(plugin, taskId);\n      } catch (e) {\n        setError(e);\n      } finally {\n        setIsTriggering(false);\n      }\n    },\n    [api],\n  );\n\n  return {\n    triggerTask,\n    isTriggering,\n    triggerError: error?.message,\n  };\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,GAAA,GAAM,OAAO,cAAc,CAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,EAA4B;AAEtD,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,OAAO,QAAgB,MAAA,KAAmB;AACxC,MAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,MAAA,QAAA,CAAS,MAAS,CAAA;AAElB,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,CAAI,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA;AAAA,MAC/C,SAAS,CAAA,EAAG;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA,MACZ,CAAA,SAAE;AACA,QAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,OAAO;AAAA,IACL,WAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAc,KAAA,EAAO;AAAA,GACvB;AACF;;;;"}