@backstage-community/plugin-cost-insights 0.18.0 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage-community/plugin-cost-insights
 
+## 0.19.0
+
+### Minor Changes
+
+- ceeadd1: **ALPHA BREAKING** The New Frontend System `CostInsightsProjectGrowthInstructionsPage` and `CostInsightsLabelDataflowInstructionsPage` have been removed and the new frontend system support refactored to work in the same way as the current implementation.
+
 ## 0.18.0
 
 ### Minor Changes

package/dist/alpha/plugin.esm.js

@@ -1,43 +1,117 @@
 import { jsx } from 'react/jsx-runtime';
-import { PageBlueprint, NavItemBlueprint } from '@backstage/frontend-plugin-api';
-import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
+import { ApiBlueprint, createApiFactory, PageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { convertLegacyRouteRef, compatWrapper, convertLegacyRouteRefs } from '@backstage/core-compat-api';
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import MoneyIcon from '@material-ui/icons/MonetizationOn';
-import { rootRouteRef, projectGrowthAlertRef, unlabeledDataflowAlertRef } from '../routes.esm.js';
+import { rootRouteRef } from '../routes.esm.js';
+import { costInsightsApiRef } from '../api/CostInsightsApi.esm.js';
+import 'pluralize';
+import '@material-ui/core/Typography';
+import '@material-ui/core/Box';
+import '@material-ui/core/styles';
+import 'react';
+import '@material-ui/core/Avatar';
+import '@material-ui/core/Tooltip';
+import '@material-ui/core/IconButton';
+import '@material-ui/core/Badge';
+import '@material-ui/core/Paper';
+import '@material-ui/core/Divider';
+import '@material-ui/icons/AccessTime';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Delete';
+import 'classnames';
+import '@material-ui/core/Card';
+import '@material-ui/core/CardHeader';
+import '../hooks/useConfig.esm.js';
+import '../hooks/useCurrency.esm.js';
+import '../hooks/useFilters.esm.js';
+import '../hooks/useGroups.esm.js';
+import '../hooks/useLoading.esm.js';
+import '../hooks/useScroll.esm.js';
+import '../hooks/useLastCompleteBillingDate.esm.js';
+import '../utils/styles.esm.js';
+import '../types/Alert.esm.js';
+import '@material-ui/core/Grid';
+import '@material-ui/core/Snackbar';
+import '@material-ui/lab/Alert';
+import '@material-ui/core/utils';
+import '@material-ui/core/Button';
+import '@material-ui/core/Dialog';
+import '@material-ui/core/DialogActions';
+import '@material-ui/core/DialogContent';
+import '@material-ui/icons/Close';
+import '../utils/alerts.esm.js';
+import '@material-ui/core/Collapse';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/Whatshot';
+import '@material-ui/icons/Settings';
+import '@material-ui/icons/AccountTree';
+import '@material-ui/icons/Storage';
+import '@material-ui/icons/Search';
+import '@material-ui/icons/CloudQueue';
+import '@material-ui/icons/School';
+import '@material-ui/icons/ViewHeadline';
+import '../utils/duration.esm.js';
+import '../components/AlertInstructionsLayout/AlertInstructionsLayout.esm.js';
+import 'recharts';
+import '@material-ui/core/Slide';
+import '@material-ui/icons/ChevronLeft';
+import '@material-ui/icons/ChevronRight';
+import '../components/BarChart/BarChartStepperButton.esm.js';
+import '@material-ui/core/ButtonBase';
+import '@material-ui/icons/Lens';
+import 'luxon';
+import '@material-ui/icons/HelpOutlineOutlined';
+import 'react-router-dom';
+import 'react-use/esm/useCopyToClipboard';
+import '@material-ui/icons/AssignmentOutlined';
+import '@material-ui/icons/AssignmentTurnedInOutlined';
+import '@material-ui/icons/SentimentVeryDissatisfied';
+import '../utils/currency.esm.js';
+import '@material-ui/icons/ArrowDropUp';
+import '@material-ui/icons/ArrowDropDown';
+import 'react-use/esm/useAsync';
+import '@backstage/core-plugin-api';
+import '../components/CostInsightsLayout/CostInsightsLayout.esm.js';
+import '../components/CostInsightsNavigation/CostInsightsNavigation.esm.js';
+import '@material-ui/core/Container';
+import '@material-ui/core/InputLabel';
+import '@material-ui/core/Select';
+import '@material-ui/core/FormControl';
+import '@material-ui/core/MenuItem';
+import '@material-ui/core/CardContent';
+import '@material-ui/core/Tab';
+import '@material-ui/core/Tabs';
+import '@material-ui/core/styles/colorManipulator';
+import '@material-ui/icons/Fullscreen';
+import '@material-ui/core/CircularProgress';
+import '@backstage/core-components';
+import '@material-ui/core/Menu';
+import '../components/ProjectGrowthInstructionsPage/ProjectGrowthInstructionsPage.esm.js';
+import '../example/forms/KubernetesMigrationDismissForm.esm.js';
+import { ExampleCostInsightsClient } from '../example/client.esm.js';
 
-const CostInsightsPage = PageBlueprint.make({
-  params: {
-    defaultPath: "/cost-insights",
-    routeRef: convertLegacyRouteRef(rootRouteRef),
-    loader: () => import('../components/CostInsightsPage/index.esm.js').then(
-      (m) => compatWrapper(/* @__PURE__ */ jsx(m.CostInsightsPage, {}))
-    )
-  }
-});
-const CostInsightsProjectGrowthInstructionsPage = PageBlueprint.make({
+const CostInsightsApi = ApiBlueprint.make({
   params: {
-    defaultPath: "/cost-insights/investigating-growth",
-    routeRef: convertLegacyRouteRef(projectGrowthAlertRef),
-    loader: () => import('../components/ProjectGrowthInstructionsPage/index.esm.js').then(
-      (m) => compatWrapper(/* @__PURE__ */ jsx(m.ProjectGrowthInstructionsPage, {}))
-    )
+    factory: createApiFactory({
+      api: costInsightsApiRef,
+      deps: {},
+      factory: ({}) => new ExampleCostInsightsClient()
+    })
   }
 });
-const CostInsightsLabelDataflowInstructionsPage = PageBlueprint.make({
+const CostInsightsPage = PageBlueprint.make({
   params: {
-    defaultPath: "/cost-insights/labeling-jobs",
-    routeRef: convertLegacyRouteRef(unlabeledDataflowAlertRef),
-    loader: () => import('../components/LabelDataflowInstructionsPage/index.esm.js').then(
-      (m) => compatWrapper(/* @__PURE__ */ jsx(m.LabelDataflowInstructionsPage, {}))
-    )
+    defaultPath: "/cost-insights",
+    routeRef: convertLegacyRouteRef(rootRouteRef),
+    loader: () => import('./router.esm.js').then((m) => compatWrapper(/* @__PURE__ */ jsx(m.CostInsightsRouter, {})))
   }
 });
-const EntityCostInsightsContent = EntityContentBlueprint.make({
+EntityContentBlueprint.make({
   name: "EntityCostInsightsContent",
   params: {
     defaultPath: "/cost-insights",
     defaultTitle: "Cost Insights",
-    routeRef: convertLegacyRouteRef(rootRouteRef),
     loader: () => import('../components/EntityCosts/index.esm.js').then(
       (m) => compatWrapper(/* @__PURE__ */ jsx(m.EntityCosts, {}))
     )
@@ -50,6 +124,13 @@ const CostInsightsNavItem = NavItemBlueprint.make({
     icon: MoneyIcon
   }
 });
+var plugin = createFrontendPlugin({
+  pluginId: "cost-insights",
+  extensions: [CostInsightsApi, CostInsightsPage, CostInsightsNavItem],
+  routes: convertLegacyRouteRefs({
+    root: rootRouteRef
+  })
+});
 
-export { CostInsightsLabelDataflowInstructionsPage, CostInsightsNavItem, CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, EntityCostInsightsContent };
+export { CostInsightsApi, CostInsightsNavItem, CostInsightsPage, plugin as default };
 //# 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 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 {\n  PageBlueprint,\n  NavItemBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport MoneyIcon from '@material-ui/icons/MonetizationOn';\nimport {\n  projectGrowthAlertRef,\n  rootRouteRef,\n  unlabeledDataflowAlertRef,\n} from '../routes';\n\n/** @alpha */\nexport const CostInsightsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/CostInsightsPage').then(m =>\n        compatWrapper(<m.CostInsightsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const CostInsightsProjectGrowthInstructionsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights/investigating-growth',\n    routeRef: convertLegacyRouteRef(projectGrowthAlertRef),\n    loader: () =>\n      import('../components/ProjectGrowthInstructionsPage').then(m =>\n        compatWrapper(<m.ProjectGrowthInstructionsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const CostInsightsLabelDataflowInstructionsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights/labeling-jobs',\n    routeRef: convertLegacyRouteRef(unlabeledDataflowAlertRef),\n    loader: () =>\n      import('../components/LabelDataflowInstructionsPage').then(m =>\n        compatWrapper(<m.LabelDataflowInstructionsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const EntityCostInsightsContent = EntityContentBlueprint.make({\n  name: 'EntityCostInsightsContent',\n  params: {\n    defaultPath: '/cost-insights',\n    defaultTitle: 'Cost Insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/EntityCosts').then(m =>\n        compatWrapper(<m.EntityCosts />),\n      ),\n  },\n});\n\n/**\n * @alpha\n */\nexport const CostInsightsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Cost Insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    icon: MoneyIcon,\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAiCa,MAAA,gBAAA,GAAmB,cAAc,IAAK,CAAA;AAAA,EACjD,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,6CAAgC,CAAE,CAAA,IAAA;AAAA,MAAK,OAC5C,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,gBAAA,EAAF,EAAmB,CAAE;AAAA;AACtC;AAEN,CAAC;AAGY,MAAA,yCAAA,GAA4C,cAAc,IAAK,CAAA;AAAA,EAC1E,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,qCAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,qBAAqB,CAAA;AAAA,IACrD,MAAQ,EAAA,MACN,OAAO,0DAA6C,CAAE,CAAA,IAAA;AAAA,MAAK,OACzD,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,6BAAA,EAAF,EAAgC,CAAE;AAAA;AACnD;AAEN,CAAC;AAGY,MAAA,yCAAA,GAA4C,cAAc,IAAK,CAAA;AAAA,EAC1E,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,8BAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,yBAAyB,CAAA;AAAA,IACzD,MAAQ,EAAA,MACN,OAAO,0DAA6C,CAAE,CAAA,IAAA;AAAA,MAAK,OACzD,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,6BAAA,EAAF,EAAgC,CAAE;AAAA;AACnD;AAEN,CAAC;AAGY,MAAA,yBAAA,GAA4B,uBAAuB,IAAK,CAAA;AAAA,EACnE,IAAM,EAAA,2BAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,YAAc,EAAA,eAAA;AAAA,IACd,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,wCAA2B,CAAE,CAAA,IAAA;AAAA,MAAK,OACvC,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,WAAA,EAAF,EAAc,CAAE;AAAA;AACjC;AAEN,CAAC;AAKY,MAAA,mBAAA,GAAsB,iBAAiB,IAAK,CAAA;AAAA,EACvD,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA;AAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.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 {\n  PageBlueprint,\n  NavItemBlueprint,\n  createFrontendPlugin,\n  ApiBlueprint,\n  createApiFactory,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport MoneyIcon from '@material-ui/icons/MonetizationOn';\nimport { rootRouteRef } from '../routes';\nimport { costInsightsApiRef } from '../api';\nimport { ExampleCostInsightsClient } from '../example';\n\n/** @alpha */\nexport const CostInsightsApi = ApiBlueprint.make({\n  params: {\n    factory: createApiFactory({\n      api: costInsightsApiRef,\n      deps: {},\n      factory: ({}) => new ExampleCostInsightsClient(),\n    }),\n  },\n});\n\n/** @alpha */\nexport const CostInsightsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('./router').then(m => compatWrapper(<m.CostInsightsRouter />)),\n  },\n});\n\n/** @alpha */\nexport const EntityCostInsightsContent = EntityContentBlueprint.make({\n  name: 'EntityCostInsightsContent',\n  params: {\n    defaultPath: '/cost-insights',\n    defaultTitle: 'Cost Insights',\n    loader: () =>\n      import('../components/EntityCosts').then(m =>\n        compatWrapper(<m.EntityCosts />),\n      ),\n  },\n});\n\n/**\n * @alpha\n */\nexport const CostInsightsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Cost Insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    icon: MoneyIcon,\n  },\n});\n\nexport default createFrontendPlugin({\n  pluginId: 'cost-insights',\n  extensions: [CostInsightsApi, CostInsightsPage, CostInsightsNavItem],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCa,MAAA,eAAA,GAAkB,aAAa,IAAK,CAAA;AAAA,EAC/C,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,kBAAA;AAAA,MACL,MAAM,EAAC;AAAA,MACP,OAAS,EAAA,CAAC,EAAC,KAAM,IAAI,yBAA0B;AAAA,KAChD;AAAA;AAEL,CAAC;AAGY,MAAA,gBAAA,GAAmB,cAAc,IAAK,CAAA;AAAA,EACjD,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,iBAAU,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,kBAAF,EAAA,EAAqB,CAAE,CAAC;AAAA;AAE1E,CAAC;AAGwC,uBAAuB,IAAK,CAAA;AAAA,EACnE,IAAM,EAAA,2BAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,YAAc,EAAA,eAAA;AAAA,IACd,MAAQ,EAAA,MACN,OAAO,wCAA2B,CAAE,CAAA,IAAA;AAAA,MAAK,OACvC,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,WAAA,EAAF,EAAc,CAAE;AAAA;AACjC;AAEN,CAAC;AAKY,MAAA,mBAAA,GAAsB,iBAAiB,IAAK,CAAA;AAAA,EACvD,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA;AAAA;AAEV,CAAC;AAED,aAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA,CAAC,eAAiB,EAAA,gBAAA,EAAkB,mBAAmB,CAAA;AAAA,EACnE,QAAQ,sBAAuB,CAAA;AAAA,IAC7B,IAAM,EAAA;AAAA,GACP;AACH,CAAC,CAAA;;;;"}

package/dist/alpha/router.esm.js

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createSubRouteRef } from '@backstage/core-plugin-api';
+import { Routes, Route } from 'react-router-dom';
+import { rootRouteRef } from '../routes.esm.js';
+import 'react';
+import '@material-ui/core/Avatar';
+import '@material-ui/core/Tooltip';
+import '@material-ui/core/IconButton';
+import '@material-ui/core/Badge';
+import '@material-ui/core/Box';
+import '@material-ui/core/Paper';
+import '@material-ui/core/Divider';
+import '@material-ui/icons/AccessTime';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Delete';
+import 'classnames';
+import '@material-ui/core/Card';
+import '@material-ui/core/CardHeader';
+import '../hooks/useConfig.esm.js';
+import '../hooks/useCurrency.esm.js';
+import '../hooks/useFilters.esm.js';
+import '../hooks/useGroups.esm.js';
+import '../hooks/useLoading.esm.js';
+import '../hooks/useScroll.esm.js';
+import '../hooks/useLastCompleteBillingDate.esm.js';
+import '../utils/styles.esm.js';
+import '../types/Alert.esm.js';
+import 'pluralize';
+import '@material-ui/core/Grid';
+import '@material-ui/core/Snackbar';
+import '@material-ui/lab/Alert';
+import '@material-ui/core/utils';
+import '@material-ui/core/Button';
+import '@material-ui/core/Dialog';
+import '@material-ui/core/DialogActions';
+import '@material-ui/core/DialogContent';
+import '@material-ui/core/Typography';
+import '@material-ui/icons/Close';
+import '../utils/alerts.esm.js';
+import '@material-ui/core/Collapse';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/MonetizationOn';
+import '@material-ui/icons/Whatshot';
+import '@material-ui/icons/Settings';
+import '@material-ui/icons/AccountTree';
+import '@material-ui/icons/Storage';
+import '@material-ui/icons/Search';
+import '@material-ui/icons/CloudQueue';
+import '@material-ui/icons/School';
+import '@material-ui/icons/ViewHeadline';
+import '../utils/duration.esm.js';
+import '../components/AlertInstructionsLayout/AlertInstructionsLayout.esm.js';
+import 'recharts';
+import '@material-ui/core/styles';
+import '@material-ui/core/Slide';
+import '@material-ui/icons/ChevronLeft';
+import '@material-ui/icons/ChevronRight';
+import '../components/BarChart/BarChartStepperButton.esm.js';
+import '@material-ui/core/ButtonBase';
+import '@material-ui/icons/Lens';
+import 'luxon';
+import '@material-ui/icons/HelpOutlineOutlined';
+import 'react-use/esm/useCopyToClipboard';
+import '@material-ui/icons/AssignmentOutlined';
+import '@material-ui/icons/AssignmentTurnedInOutlined';
+import '@material-ui/icons/SentimentVeryDissatisfied';
+import '../utils/currency.esm.js';
+import '@material-ui/icons/ArrowDropUp';
+import '@material-ui/icons/ArrowDropDown';
+import 'react-use/esm/useAsync';
+import '../components/CostInsightsLayout/CostInsightsLayout.esm.js';
+import '../components/CostInsightsNavigation/CostInsightsNavigation.esm.js';
+import { CostInsightsPageRoot } from '../components/CostInsightsPage/CostInsightsPageRoot.esm.js';
+import '@backstage/core-components';
+import '@material-ui/core/Menu';
+import '@material-ui/core/MenuItem';
+import '@material-ui/core/Tab';
+import '@material-ui/core/Tabs';
+import '@material-ui/core/CardContent';
+import '@material-ui/core/styles/colorManipulator';
+import '@material-ui/icons/Fullscreen';
+import '@material-ui/core/InputLabel';
+import '@material-ui/core/FormControl';
+import '@material-ui/core/Select';
+import { LabelDataflowInstructionsPage } from '../components/LabelDataflowInstructionsPage/LabelDataflowInstructionsPage.esm.js';
+import '../api/CostInsightsApi.esm.js';
+import '@material-ui/core/CircularProgress';
+import { ProjectGrowthInstructionsPage } from '../components/ProjectGrowthInstructionsPage/ProjectGrowthInstructionsPage.esm.js';
+import '@material-ui/core/Container';
+
+const projectGrowthAlertSubRouteRef = createSubRouteRef({
+  id: "cost-insights/investigating-growth",
+  parent: rootRouteRef,
+  path: "/investigating-growth"
+});
+const unlabeledDataflowAlertSubRouteRef = createSubRouteRef({
+  id: "cost-insights/labeling-jobs",
+  parent: rootRouteRef,
+  path: "/labeling-jobs"
+});
+const CostInsightsRouter = () => /* @__PURE__ */ jsxs(Routes, { children: [
+  /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(CostInsightsPageRoot, {}) }),
+  /* @__PURE__ */ jsx(
+    Route,
+    {
+      path: projectGrowthAlertSubRouteRef.path,
+      element: /* @__PURE__ */ jsx(ProjectGrowthInstructionsPage, {})
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    Route,
+    {
+      path: unlabeledDataflowAlertSubRouteRef.path,
+      element: /* @__PURE__ */ jsx(LabelDataflowInstructionsPage, {})
+    }
+  )
+] });
+
+export { CostInsightsRouter, projectGrowthAlertSubRouteRef, unlabeledDataflowAlertSubRouteRef };
+//# sourceMappingURL=router.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"router.esm.js","sources":["../../src/alpha/router.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 { createSubRouteRef } from '@backstage/core-plugin-api';\nimport { Route, Routes } from 'react-router-dom';\nimport { rootRouteRef } from '../routes';\nimport {\n  CostInsightsPage,\n  LabelDataflowInstructionsPage,\n  ProjectGrowthInstructionsPage,\n} from '../components';\n\nexport const projectGrowthAlertSubRouteRef = createSubRouteRef({\n  id: 'cost-insights/investigating-growth',\n  parent: rootRouteRef,\n  path: '/investigating-growth',\n});\n\nexport const unlabeledDataflowAlertSubRouteRef = createSubRouteRef({\n  id: 'cost-insights/labeling-jobs',\n  parent: rootRouteRef,\n  path: '/labeling-jobs',\n});\n\nexport const CostInsightsRouter = () => (\n  <Routes>\n    <Route path=\"/\" element={<CostInsightsPage />} />\n    <Route\n      path={projectGrowthAlertSubRouteRef.path}\n      element={<ProjectGrowthInstructionsPage />}\n    />\n    <Route\n      path={unlabeledDataflowAlertSubRouteRef.path}\n      element={<LabelDataflowInstructionsPage />}\n    />\n  </Routes>\n);\n"],"names":["CostInsightsPage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,gCAAgC,iBAAkB,CAAA;AAAA,EAC7D,EAAI,EAAA,oCAAA;AAAA,EACJ,MAAQ,EAAA,YAAA;AAAA,EACR,IAAM,EAAA;AACR,CAAC;AAEM,MAAM,oCAAoC,iBAAkB,CAAA;AAAA,EACjE,EAAI,EAAA,6BAAA;AAAA,EACJ,MAAQ,EAAA,YAAA;AAAA,EACR,IAAM,EAAA;AACR,CAAC;AAEY,MAAA,kBAAA,GAAqB,sBAChC,IAAA,CAAC,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAACA,wBAAiB,CAAI,EAAA,CAAA;AAAA,kBAC/C,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAM,6BAA8B,CAAA,IAAA;AAAA,MACpC,OAAA,sBAAU,6BAA8B,EAAA,EAAA;AAAA;AAAA,GAC1C;AAAA,kBACA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAM,iCAAkC,CAAA,IAAA;AAAA,MACxC,OAAA,sBAAU,6BAA8B,EAAA,EAAA;AAAA;AAAA;AAC1C,CACF,EAAA;;;;"}

package/dist/alpha.d.ts

@@ -1,47 +1,20 @@
 /// <reference types="react" />
-import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import * as _backstage_catalog_model from '@backstage/catalog-model';
 import * as react from 'react';
-import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
 declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{
     root: _backstage_frontend_plugin_api.RouteRef<undefined>;
-    growthAlerts: _backstage_frontend_plugin_api.RouteRef<undefined>;
-    unlabeledDataflowAlerts: _backstage_frontend_plugin_api.RouteRef<undefined>;
 }, {}, {
-    "entity-content:cost-insights/EntityCostInsightsContent": _backstage_frontend_plugin_api.ExtensionDefinition<{
-        kind: "entity-content";
-        name: "EntityCostInsightsContent";
-        config: {
-            path: string | undefined;
-            title: string | undefined;
-            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
-            group: string | false | undefined;
-        };
-        configInput: {
-            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
-            title?: string | undefined;
-            path?: string | undefined;
-            group?: string | false | undefined;
-        };
-        output: _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;
-        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-group", {
-            optional: true;
-        }>;
+    "api:cost-insights": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
         inputs: {};
         params: {
-            loader: () => Promise<JSX.Element>;
-            defaultPath: string;
-            defaultTitle: string;
-            defaultGroup?: (string & {}) | "overview" | "documentation" | "development" | "deployment" | "operation" | "observability" | undefined;
-            routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
-            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+            factory: _backstage_core_plugin_api.AnyApiFactory;
         };
     }>;
     "nav-item:cost-insights": _backstage_frontend_plugin_api.ExtensionDefinition<{

package/dist/alpha.esm.js

@@ -1,23 +1,2 @@
-import { convertLegacyRouteRefs } from '@backstage/core-compat-api';
-import { rootRouteRef, projectGrowthAlertRef, unlabeledDataflowAlertRef } from './routes.esm.js';
-import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
-import { CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, CostInsightsLabelDataflowInstructionsPage, EntityCostInsightsContent, CostInsightsNavItem } from './alpha/plugin.esm.js';
-
-var alpha = createFrontendPlugin({
-  pluginId: "cost-insights",
-  extensions: [
-    CostInsightsPage,
-    CostInsightsProjectGrowthInstructionsPage,
-    CostInsightsLabelDataflowInstructionsPage,
-    EntityCostInsightsContent,
-    CostInsightsNavItem
-  ],
-  routes: convertLegacyRouteRefs({
-    root: rootRouteRef,
-    growthAlerts: projectGrowthAlertRef,
-    unlabeledDataflowAlerts: unlabeledDataflowAlertRef
-  })
-});
-
-export { alpha as default };
+export { default } from './alpha/plugin.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.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 */\n\nimport { convertLegacyRouteRefs } from '@backstage/core-compat-api';\n\nimport {\n  projectGrowthAlertRef,\n  rootRouteRef,\n  unlabeledDataflowAlertRef,\n} from './routes';\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  CostInsightsLabelDataflowInstructionsPage,\n  CostInsightsNavItem,\n  CostInsightsPage,\n  CostInsightsProjectGrowthInstructionsPage,\n  EntityCostInsightsContent,\n} from './alpha/plugin';\n\nexport default createFrontendPlugin({\n  pluginId: 'cost-insights',\n  extensions: [\n    CostInsightsPage,\n    CostInsightsProjectGrowthInstructionsPage,\n    CostInsightsLabelDataflowInstructionsPage,\n    EntityCostInsightsContent,\n    CostInsightsNavItem,\n  ],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef,\n    growthAlerts: projectGrowthAlertRef,\n    unlabeledDataflowAlerts: unlabeledDataflowAlertRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;AAgCA,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,gBAAA;AAAA,IACA,yCAAA;AAAA,IACA,yCAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAQ,sBAAuB,CAAA;AAAA,IAC7B,IAAM,EAAA,YAAA;AAAA,IACN,YAAc,EAAA,qBAAA;AAAA,IACd,uBAAyB,EAAA;AAAA,GAC1B;AACH,CAAC,CAAA;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-cost-insights",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "A Backstage plugin that helps you keep track of your cloud spend",
   "backstage": {
     "role": "frontend-plugin",