diff --git a/plugins/catalog-unprocessed-entities/report-alpha.api.md b/plugins/catalog-unprocessed-entities/report-alpha.api.md
index 2786100e1b..1f41fb4081 100644
--- a/plugins/catalog-unprocessed-entities/report-alpha.api.md
+++ b/plugins/catalog-unprocessed-entities/report-alpha.api.md
@@ -7,7 +7,6 @@ import { AnyApiFactory } from '@backstage/frontend-plugin-api';
 import { AnyRouteRefParams } from '@backstage/frontend-plugin-api';
 import { ApiFactory } from '@backstage/frontend-plugin-api';
 import { DevToolsRouteBlueprintParams } from '@backstage/plugin-devtools-react';
-import { DevToolsRouteData } from '@backstage/plugin-devtools-react';
 import { ExtensionBlueprintParams } from '@backstage/frontend-plugin-api';
 import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionDefinition } from '@backstage/frontend-plugin-api';
@@ -91,12 +90,28 @@ const _default: OverridableFrontendPlugin<
 export default _default;
 
 // @alpha
-export const unprocessedEntitiesDevToolsRoute: ExtensionDefinition<{
-  kind: 'devtools-route';
+export const unprocessedEntitiesDevToolsContent: ExtensionDefinition<{
+  kind: 'devtools-content';
   name: undefined;
-  config: {};
-  configInput: {};
-  output: ExtensionDataRef<DevToolsRouteData, 'devtools.route', {}>;
+  config: {
+    path: string | undefined;
+    title: string | undefined;
+  };
+  configInput: {
+    title?: string | undefined;
+    path?: string | undefined;
+  };
+  output:
+    | ExtensionDataRef<string, 'core.routing.path', {}>
+    | ExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
+    | ExtensionDataRef<
+        RouteRef<AnyRouteRefParams>,
+        'core.routing.ref',
+        {
+          optional: true;
+        }
+      >
+    | ExtensionDataRef<string, 'devtools.content-title', {}>;
   inputs: {};
   params: DevToolsRouteBlueprintParams;
 }>;
diff --git a/plugins/devtools-react/report.api.md b/plugins/devtools-react/report.api.md
index a6a6b6e69b..b1b6711bab 100644
--- a/plugins/devtools-react/report.api.md
+++ b/plugins/devtools-react/report.api.md
@@ -3,25 +3,46 @@
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
 ```ts
+import { AnyRouteRefParams } from '@backstage/frontend-plugin-api';
 import { ConfigurableExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionBlueprint } from '@backstage/frontend-plugin-api';
 import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { JSX as JSX_2 } from 'react';
+import { RouteRef } from '@backstage/frontend-plugin-api';
+
+// @public (undocumented)
+export const contentTitleDataRef: ConfigurableExtensionDataRef<
+  string,
+  'devtools.content-title',
+  {}
+>;
 
 // @public
-export const DevToolsRouteBlueprint: ExtensionBlueprint<{
-  kind: 'devtools-route';
+export const DevToolsContentBlueprint: ExtensionBlueprint<{
+  kind: 'devtools-content';
   params: DevToolsRouteBlueprintParams;
-  output: ExtensionDataRef<DevToolsRouteData, 'devtools.route', {}>;
+  output:
+    | ExtensionDataRef<string, 'core.routing.path', {}>
+    | ExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
+    | ExtensionDataRef<
+        RouteRef<AnyRouteRefParams>,
+        'core.routing.ref',
+        {
+          optional: true;
+        }
+      >
+    | ExtensionDataRef<string, 'devtools.content-title', {}>;
   inputs: {};
-  config: {};
-  configInput: {};
+  config: {
+    path: string | undefined;
+    title: string | undefined;
+  };
+  configInput: {
+    title?: string | undefined;
+    path?: string | undefined;
+  };
   dataRefs: {
-    route: ConfigurableExtensionDataRef<
-      DevToolsRouteData,
-      'devtools.route',
-      {}
-    >;
+    title: ConfigurableExtensionDataRef<string, 'devtools.content-title', {}>;
   };
 }>;
 
@@ -32,23 +53,8 @@ export interface DevToolsRouteBlueprintParams {
   // (undocumented)
   path: string;
   // (undocumented)
-  title: string;
-}
-
-// @public
-export interface DevToolsRouteData {
-  // (undocumented)
-  children: JSX_2.Element;
-  // (undocumented)
-  path: string;
+  routeRef?: RouteRef;
   // (undocumented)
   title: string;
 }
-
-// @public
-export const devToolsRouteDataRef: ConfigurableExtensionDataRef<
-  DevToolsRouteData,
-  'devtools.route',
-  {}
->;
 ```
diff --git a/plugins/devtools/report-alpha.api.md b/plugins/devtools/report-alpha.api.md
index d5b87ce96b..42d5d3a26c 100644
--- a/plugins/devtools/report-alpha.api.md
+++ b/plugins/devtools/report-alpha.api.md
@@ -7,7 +7,6 @@ import { AnyApiFactory } from '@backstage/frontend-plugin-api';
 import { AnyRouteRefParams } from '@backstage/frontend-plugin-api';
 import { ApiFactory } from '@backstage/frontend-plugin-api';
 import { ConfigurableExtensionDataRef } from '@backstage/frontend-plugin-api';
-import { DevToolsRouteData } from '@backstage/plugin-devtools-react';
 import { ExtensionBlueprintParams } from '@backstage/frontend-plugin-api';
 import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionDefinition } from '@backstage/frontend-plugin-api';
@@ -78,8 +77,17 @@ const _default: OverridableFrontendPlugin<
             }
           >;
       inputs: {
-        routes: ExtensionInput<
-          ConfigurableExtensionDataRef<DevToolsRouteData, 'devtools.route', {}>,
+        contents: ExtensionInput<
+          | ConfigurableExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
+          | ConfigurableExtensionDataRef<string, 'core.routing.path', {}>
+          | ConfigurableExtensionDataRef<
+              RouteRef<AnyRouteRefParams>,
+              'core.routing.ref',
+              {
+                optional: true;
+              }
+            >
+          | ConfigurableExtensionDataRef<string, 'devtools.content-title', {}>,
           {
             singleton: false;
             optional: true;
diff --git a/plugins/devtools/report.api.md b/plugins/devtools/report.api.md
index c3434c0219..70fbcaadb7 100644
--- a/plugins/devtools/report.api.md
+++ b/plugins/devtools/report.api.md
@@ -4,7 +4,6 @@
 
 ```ts
 import { BackstagePlugin } from '@backstage/core-plugin-api';
-import { DevToolsRouteData } from '@backstage/plugin-devtools-react';
 import { ElementType } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
@@ -28,14 +27,12 @@ export type DevToolsLayoutProps = {
 };
 
 // @public (undocumented)
-export const DevToolsPage: ({
-  extensionRoutes,
-}: DevToolsPageProps) => JSX_2.Element;
+export const DevToolsPage: ({ extensions }: DevToolsPageProps) => JSX_2.Element;
 
 // @public (undocumented)
 export interface DevToolsPageProps {
   // (undocumented)
-  extensionRoutes?: DevToolsRouteData[];
+  extensions?: any[];
 }
 
 // @public (undocumented)