feat(tech-insights): add support for new frontend system

Added alpha exports for the new Backstage frontend system:
- techInsightsPlugin: Main plugin for the new frontend system
- techInsightsApi: API extension using ApiBlueprint
- techInsightsScorecardPage: Page extension at /tech-insights
- entityTechInsightsScorecardContent: Entity content tab
- entityTechInsightsScorecardCard: Entity overview card

Usage:
```tsx
import techInsightsPlugin from '@backstage-community/plugin-tech-insights/alpha';

const app = createApp({
  features: [techInsightsPlugin],
});
```

Signed-off-by: Tommy Le <tommy_le@outlook.com>

Author: OSfrog

workspaces/tech-insights/.changeset/wet-planes-beg.md

@@ -0,0 +1,5 @@
+---
+'@backstage-community/plugin-tech-insights': minor
+---
+
+Added support for the new Backstage frontend system. The plugin can now be used with the new frontend system by importing from `@backstage-community/plugin-tech-insights/alpha`.

workspaces/tech-insights/plugins/tech-insights/README.md

@@ -16,7 +16,38 @@ Main areas covered by this plugin currently are:
 yarn --cwd packages/app add @backstage-community/plugin-tech-insights
 ```
 
-### Add boolean checks overview (Scorecards) page to the EntityPage
+### Integrating with the New Frontend System
+
+Follow this section if you are using Backstage's [new frontend system](https://backstage.io/docs/frontend-system/).
+
+Import `techInsightsPlugin` in your `App.tsx` and add it to your app's `features` array:
+
+```tsx
+import techInsightsPlugin from '@backstage-community/plugin-tech-insights/alpha';
+
+// ...
+
+export const app = createApp({
+  features: [
+    // ...
+    techInsightsPlugin,
+    // ...
+  ],
+});
+```
+
+This will automatically register:
+
+- The Tech Insights API
+- The Scorecards page at `/tech-insights`
+- Entity content for displaying scorecards on entity pages
+- Entity cards for displaying scorecards in entity overview
+
+### Integrating with the Legacy Frontend System
+
+The following sections describe how to integrate the plugin with the legacy frontend system.
+
+#### Add boolean checks overview (Scorecards) page to the EntityPage
 
 ```tsx
 // packages/app/src/components/catalog/EntityPage.tsx
@@ -119,7 +150,7 @@ If you follow the [Backend Example](../tech-insights-backend#backend-example), o
 
 ![Boolean Scorecard Example](./docs/boolean-scorecard-example.png)
 
-### Add overview (Scorecards) page
+#### Add overview (Scorecards) page
 
 ![Scorecard Overview](./docs/scorecard-overview.png)
 

workspaces/tech-insights/plugins/tech-insights/package.json

@@ -15,9 +15,22 @@
     ]
   },
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./alpha": "./src/alpha.tsx",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "src/alpha.tsx"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
   },
   "homepage": "https://backstage.io",
   "repository": {
@@ -30,7 +43,8 @@
   "main": "src/index.ts",
   "types": "src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "alpha"
   ],
   "scripts": {
     "build": "backstage-cli package build",
@@ -45,9 +59,11 @@
     "@backstage-community/plugin-tech-insights-common": "workspace:^",
     "@backstage-community/plugin-tech-insights-react": "workspace:^",
     "@backstage/catalog-model": "^1.7.6",
+    "@backstage/core-compat-api": "^0.5.5",
     "@backstage/core-components": "^0.18.4",
     "@backstage/core-plugin-api": "^1.12.1",
     "@backstage/errors": "^1.2.7",
+    "@backstage/frontend-plugin-api": "^0.13.2",
     "@backstage/plugin-catalog-react": "^1.21.4",
     "@backstage/types": "^1.2.2",
     "@material-table/exporters": "^1.2.19",

workspaces/tech-insights/plugins/tech-insights/report-alpha.api.md

@@ -0,0 +1,26 @@
+## API Report File for "@backstage-community/plugin-tech-insights"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { ExtensionDefinition } from '@backstage/frontend-plugin-api';
+import { FrontendPlugin } from '@backstage/frontend-plugin-api';
+
+// @alpha
+export const entityTechInsightsScorecardCard: ExtensionDefinition;
+
+// @alpha
+export const entityTechInsightsScorecardContent: ExtensionDefinition;
+
+// @alpha (undocumented)
+export const techInsightsApi: ExtensionDefinition;
+
+// @alpha
+const techInsightsPlugin: FrontendPlugin;
+export default techInsightsPlugin;
+
+// @alpha
+export const techInsightsScorecardPage: ExtensionDefinition;
+
+// (No @packageDocumentation comment for this package)
+```

workspaces/tech-insights/plugins/tech-insights/src/alpha.tsx

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './alpha/index';
+export { default } from './alpha/index';

workspaces/tech-insights/plugins/tech-insights/src/alpha/apis.ts

@@ -0,0 +1,42 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import {
+  ApiBlueprint,
+  discoveryApiRef,
+  identityApiRef,
+  type ExtensionDefinition,
+} from '@backstage/frontend-plugin-api';
+import {
+  techInsightsApiRef,
+  TechInsightsClient,
+} from '@backstage-community/plugin-tech-insights-react';
+
+/**
+ * @alpha
+ */
+export const techInsightsApi: ExtensionDefinition = ApiBlueprint.make({
+  name: 'tech-insights-api',
+  params: defineParams =>
+    defineParams({
+      api: techInsightsApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        identityApi: identityApiRef,
+      },
+      factory: ({ discoveryApi, identityApi }) =>
+        new TechInsightsClient({ discoveryApi, identityApi }),
+    }),
+});

workspaces/tech-insights/plugins/tech-insights/src/alpha/entityCards.tsx

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { compatWrapper } from '@backstage/core-compat-api';
+import { type ExtensionDefinition } from '@backstage/frontend-plugin-api';
+import { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
+
+/**
+ * Entity card extension that displays Tech Insights scorecards for an entity.
+ *
+ * @alpha
+ */
+export const entityTechInsightsScorecardCard: ExtensionDefinition =
+  EntityCardBlueprint.make({
+    name: 'scorecards',
+    params: {
+      loader: () =>
+        import('../components/ScorecardsCard').then(m =>
+          compatWrapper(<m.ScorecardsCard title="Scorecards" />),
+        ),
+    },
+  });

workspaces/tech-insights/plugins/tech-insights/src/alpha/entityContent.tsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { compatWrapper } from '@backstage/core-compat-api';
+import { type ExtensionDefinition } from '@backstage/frontend-plugin-api';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+
+/**
+ * Entity content extension that displays Tech Insights scorecards for an entity.
+ *
+ * @alpha
+ */
+export const entityTechInsightsScorecardContent: ExtensionDefinition =
+  EntityContentBlueprint.make({
+    name: 'scorecards',
+    params: {
+      path: '/tech-insights',
+      title: 'Scorecards',
+      loader: () =>
+        import('../components/ScorecardsContent').then(m =>
+          compatWrapper(<m.ScorecardsContent title="Scorecards" />),
+        ),
+    },
+  });

workspaces/tech-insights/plugins/tech-insights/src/alpha/index.tsx

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { techInsightsApi } from './apis';
+export { entityTechInsightsScorecardContent } from './entityContent';
+export { entityTechInsightsScorecardCard } from './entityCards';
+export { techInsightsScorecardPage } from './pages';
+export { default } from './plugin';

workspaces/tech-insights/plugins/tech-insights/src/alpha/pages.tsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2026 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { compatWrapper } from '@backstage/core-compat-api';
+import {
+  PageBlueprint,
+  type ExtensionDefinition,
+} from '@backstage/frontend-plugin-api';
+
+/**
+ * Page extension that displays the Tech Insights scorecards overview page.
+ *
+ * @alpha
+ */
+export const techInsightsScorecardPage: ExtensionDefinition =
+  PageBlueprint.make({
+    params: {
+      path: '/tech-insights',
+      loader: () =>
+        import('../components/ScorecardsPage').then(m =>
+          compatWrapper(<m.ScorecardsPage />),
+        ),
+    },
+  });