@dxos/plugin-devtools 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/src/capabilities/app-graph-builder.ts

@@ -3,6 +3,7 @@
 //
 
 import * as Effect from 'effect/Effect';
+import type * as Atom from 'effect/reactivity/Atom';
 
 import * as Capability from '@dxos/app-framework/Capability';
 import * as AppGraphBuilder from '@dxos/app-graph/AppGraphBuilder';
@@ -10,11 +11,9 @@ import * as AppGraphNode from '@dxos/app-graph/AppGraphNode';
 import * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';
 import * as AppNode from '@dxos/app-toolkit/AppNode';
 import * as AppNodeMatcher from '@dxos/app-toolkit/AppNodeMatcher';
-import * as GraphPath from '@dxos/app-toolkit/GraphPath';
 import * as GraphNode from '@dxos/graph/GraphNode';
 import * as GraphNodeMatcher from '@dxos/graph/GraphNodeMatcher';
-import { type Space } from '@dxos/react-client/echo';
-import { Position } from '@dxos/util';
+import * as Position from '@dxos/util/Position';
 
 import { meta } from '#meta';
 import { Devtools } from '#types';
@@ -46,366 +45,378 @@ export default Capability.makeModule(
           ]),
       }),
 
+      createDevtoolsExtension(appGraphAtom),
+
+      // Devtools deck companion.
       AppGraphBuilder.createExtension({
-        id: 'devtools',
-        match: GraphNodeMatcher.whenAny(
-          GraphNodeMatcher.whenRoot,
-          AppNodeMatcher.whenNavTreeGroup(GraphPath.GroupTypes.system),
-        ),
-        connector: (_nodeOrSpace: AppGraphNode.Node | Space, get) =>
-          Effect.gen(function* () {
-            const [graph] = get(appGraphAtom);
+        id: 'devtoolsOverview',
+        relation: AppNode.companion,
+        match: GraphNodeMatcher.whenRoot,
+        connector: () =>
+          Effect.succeed([
+            AppNode.makeDeckCompanion({
+              id: 'devtoolsOverview',
+              label: ['devtools-overview.label', { ns: meta.profile.key }],
+              icon: 'ph--equalizer--regular',
+              data: 'devtoolsOverview' as const,
+              position: Position.last,
+            }),
+          ]),
+      }),
+    ]);
+
+    return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);
+  }),
+);
+
+/** The devtools tree: a container under the debug category with one page per tool, grouped by subsystem. */
+export const createDevtoolsExtension = (appGraphAtom: Atom.Atom<AppCapabilities.AppGraph[]>) =>
+  AppGraphBuilder.createExtension({
+    id: 'devtools',
+    match: AppNodeMatcher.whenDebugGroup,
+    connector: (_node, get) =>
+      Effect.gen(function* () {
+        const [graph] = get(appGraphAtom);
 
-            return [
+        return [
+          AppGraphNode.make({
+            id: Devtools.nodeId(Devtools.id),
+            data: null,
+            type: Devtools.id,
+            properties: {
+              label: ['devtools.label', { ns: meta.profile.key }],
+              icon: 'ph--toolbox--regular',
+              // After Debug (0), whichever plugin registers first.
+              position: 10,
+            },
+            nodes: [
               AppGraphNode.make({
-                id: Devtools.nodeId(Devtools.id),
-                data: null,
+                id: Devtools.nodeId(Devtools.AppGraph),
+                type: `${meta.profile.key}.app-graph`,
+                data: { graph: graph?.graph, root: GraphNode.RootId },
+                properties: {
+                  label: ['debug-app-graph.label', { ns: meta.profile.key }],
+                  icon: 'ph--graph--regular',
+                },
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.ToolsExplorer),
+                data: Devtools.ToolsExplorer,
                 type: Devtools.id,
                 properties: {
-                  label: ['devtools.label', { ns: meta.profile.key }],
+                  label: ['debug-tools-explorer.label', { ns: meta.profile.key }],
                   icon: 'ph--toolbox--regular',
-                  position: Position.last,
+                },
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Cli),
+                data: Devtools.Cli,
+                type: Devtools.id,
+                properties: {
+                  label: ['cli.label', { ns: meta.profile.key }],
+                  icon: 'ph--terminal-window--regular',
+                },
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Client.id),
+                data: null,
+                type: Devtools.id,
+                properties: {
+                  label: ['client.label', { ns: meta.profile.key }],
+                  icon: 'ph--users--regular',
                 },
                 nodes: [
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.AppGraph),
-                    type: `${meta.profile.key}.app-graph`,
-                    data: { graph: graph?.graph, root: GraphNode.RootId },
+                    id: Devtools.nodeId(Devtools.Client.Config),
+                    data: Devtools.Client.Config,
+                    type: Devtools.id,
                     properties: {
-                      label: ['debug-app-graph.label', { ns: meta.profile.key }],
-                      icon: 'ph--graph--regular',
+                      label: ['config.label', { ns: meta.profile.key }],
+                      icon: 'ph--gear--regular',
                     },
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.ToolsExplorer),
-                    data: Devtools.ToolsExplorer,
+                    id: Devtools.nodeId(Devtools.Client.Storage),
+                    data: Devtools.Client.Storage,
                     type: Devtools.id,
                     properties: {
-                      label: ['debug-tools-explorer.label', { ns: meta.profile.key }],
-                      icon: 'ph--toolbox--regular',
+                      label: ['storage.label', { ns: meta.profile.key }],
+                      icon: 'ph--hard-drives--regular',
                     },
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Cli),
-                    data: Devtools.Cli,
+                    id: Devtools.nodeId(Devtools.Client.Sqlite),
+                    data: Devtools.Client.Sqlite,
                     type: Devtools.id,
                     properties: {
-                      label: ['cli.label', { ns: meta.profile.key }],
-                      icon: 'ph--terminal-window--regular',
+                      label: ['sqlite.label', { ns: meta.profile.key }],
+                      icon: 'ph--database--regular',
                     },
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Client.id),
-                    data: null,
+                    id: Devtools.nodeId(Devtools.Client.Logs),
+                    data: Devtools.Client.Logs,
                     type: Devtools.id,
                     properties: {
-                      label: ['client.label', { ns: meta.profile.key }],
-                      icon: 'ph--users--regular',
+                      label: ['logging.label', { ns: meta.profile.key }],
+                      icon: 'ph--file-text--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Client.Diagnostics),
+                    data: Devtools.Client.Diagnostics,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['diagnostics.label', { ns: meta.profile.key }],
+                      icon: 'ph--chart-line--regular',
                     },
-                    nodes: [
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Client.Config),
-                        data: Devtools.Client.Config,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['config.label', { ns: meta.profile.key }],
-                          icon: 'ph--gear--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Client.Storage),
-                        data: Devtools.Client.Storage,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['storage.label', { ns: meta.profile.key }],
-                          icon: 'ph--hard-drives--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Client.Sqlite),
-                        data: Devtools.Client.Sqlite,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['sqlite.label', { ns: meta.profile.key }],
-                          icon: 'ph--database--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Client.Logs),
-                        data: Devtools.Client.Logs,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['logging.label', { ns: meta.profile.key }],
-                          icon: 'ph--file-text--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Client.Diagnostics),
-                        data: Devtools.Client.Diagnostics,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['diagnostics.label', { ns: meta.profile.key }],
-                          icon: 'ph--chart-line--regular',
-                        },
-                      }),
-                    ],
                   }),
+                ],
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Halo.id),
+                data: null,
+                type: Devtools.id,
+                properties: {
+                  label: ['halo.label', { ns: meta.profile.key }],
+                  icon: 'ph--identification-badge--regular',
+                },
+                nodes: [
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Halo.id),
-                    data: null,
+                    id: Devtools.nodeId(Devtools.Halo.Identity),
+                    data: Devtools.Halo.Identity,
                     type: Devtools.id,
                     properties: {
-                      label: ['halo.label', { ns: meta.profile.key }],
+                      label: ['identity.label', { ns: meta.profile.key }],
                       icon: 'ph--identification-badge--regular',
                     },
-                    nodes: [
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Halo.Identity),
-                        data: Devtools.Halo.Identity,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['identity.label', { ns: meta.profile.key }],
-                          icon: 'ph--identification-badge--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Halo.Devices),
-                        data: Devtools.Halo.Devices,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['devices.label', { ns: meta.profile.key }],
-                          icon: 'ph--devices--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Halo.Keyring),
-                        data: Devtools.Halo.Keyring,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['keyring.label', { ns: meta.profile.key }],
-                          icon: 'ph--key--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Halo.Credentials),
-                        data: Devtools.Halo.Credentials,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['credentials.label', { ns: meta.profile.key }],
-                          icon: 'ph--credit-card--regular',
-                        },
-                      }),
-                    ],
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Echo.id),
-                    data: null,
+                    id: Devtools.nodeId(Devtools.Halo.Devices),
+                    data: Devtools.Halo.Devices,
                     type: Devtools.id,
                     properties: {
-                      label: ['echo.label', { ns: meta.profile.key }],
-                      icon: 'ph--database--regular',
+                      label: ['devices.label', { ns: meta.profile.key }],
+                      icon: 'ph--devices--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Halo.Keyring),
+                    data: Devtools.Halo.Keyring,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['keyring.label', { ns: meta.profile.key }],
+                      icon: 'ph--key--regular',
                     },
-                    nodes: [
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Spaces),
-                        data: Devtools.Echo.Spaces,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['spaces.label', { ns: meta.profile.key }],
-                          icon: 'ph--graph--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Space),
-                        data: Devtools.Echo.Space,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['space.label', { ns: meta.profile.key }],
-                          icon: 'ph--planet--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Feeds),
-                        data: Devtools.Echo.Feeds,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['feeds.label', { ns: meta.profile.key }],
-                          icon: 'ph--list-bullets--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Objects),
-                        data: Devtools.Echo.Objects,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['objects.label', { ns: meta.profile.key }],
-                          icon: 'ph--cube--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Schema),
-                        data: Devtools.Echo.Schema,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['schema.label', { ns: meta.profile.key }],
-                          icon: 'ph--database--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Registry),
-                        data: Devtools.Echo.Registry,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['registry.label', { ns: meta.profile.key }],
-                          icon: 'ph--books--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Automerge),
-                        data: Devtools.Echo.Automerge,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['automerge.label', { ns: meta.profile.key }],
-                          icon: 'ph--gear-six--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Queues),
-                        data: Devtools.Echo.Queues,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['queues.label', { ns: meta.profile.key }],
-                          icon: 'ph--queue--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Members),
-                        data: Devtools.Echo.Members,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['members.label', { ns: meta.profile.key }],
-                          icon: 'ph--users--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Echo.Metadata),
-                        data: Devtools.Echo.Metadata,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['metadata.label', { ns: meta.profile.key }],
-                          icon: 'ph--hard-drive--regular',
-                        },
-                      }),
-                    ],
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Mesh.id),
-                    data: null,
+                    id: Devtools.nodeId(Devtools.Halo.Credentials),
+                    data: Devtools.Halo.Credentials,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['credentials.label', { ns: meta.profile.key }],
+                      icon: 'ph--credit-card--regular',
+                    },
+                  }),
+                ],
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Echo.id),
+                data: null,
+                type: Devtools.id,
+                properties: {
+                  label: ['echo.label', { ns: meta.profile.key }],
+                  icon: 'ph--database--regular',
+                },
+                nodes: [
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Spaces),
+                    data: Devtools.Echo.Spaces,
                     type: Devtools.id,
                     properties: {
-                      label: ['mesh.label', { ns: meta.profile.key }],
+                      label: ['spaces.label', { ns: meta.profile.key }],
                       icon: 'ph--graph--regular',
                     },
-                    nodes: [
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Mesh.Signal),
-                        data: Devtools.Mesh.Signal,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['signal.label', { ns: meta.profile.key }],
-                          icon: 'ph--wifi-high--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Mesh.Swarm),
-                        data: Devtools.Mesh.Swarm,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['swarm.label', { ns: meta.profile.key }],
-                          icon: 'ph--users-three--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Mesh.Network),
-                        data: Devtools.Mesh.Network,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['network.label', { ns: meta.profile.key }],
-                          icon: 'ph--polygon--regular',
-                        },
-                      }),
-                    ],
                   }),
                   AppGraphNode.make({
-                    id: Devtools.nodeId(Devtools.Edge.id),
-                    data: null,
+                    id: Devtools.nodeId(Devtools.Echo.Space),
+                    data: Devtools.Echo.Space,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['space.label', { ns: meta.profile.key }],
+                      icon: 'ph--planet--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Feeds),
+                    data: Devtools.Echo.Feeds,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['feeds.label', { ns: meta.profile.key }],
+                      icon: 'ph--list-bullets--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Objects),
+                    data: Devtools.Echo.Objects,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['objects.label', { ns: meta.profile.key }],
+                      icon: 'ph--cube--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Queries),
+                    data: Devtools.Echo.Queries,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['queries.label', { ns: meta.profile.key }],
+                      icon: 'ph--tree-view--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Schema),
+                    data: Devtools.Echo.Schema,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['schema.label', { ns: meta.profile.key }],
+                      icon: 'ph--database--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Registry),
+                    data: Devtools.Echo.Registry,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['registry.label', { ns: meta.profile.key }],
+                      icon: 'ph--books--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Automerge),
+                    data: Devtools.Echo.Automerge,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['automerge.label', { ns: meta.profile.key }],
+                      icon: 'ph--gear-six--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Queues),
+                    data: Devtools.Echo.Queues,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['queues.label', { ns: meta.profile.key }],
+                      icon: 'ph--queue--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Members),
+                    data: Devtools.Echo.Members,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['members.label', { ns: meta.profile.key }],
+                      icon: 'ph--users--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Echo.Metadata),
+                    data: Devtools.Echo.Metadata,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['metadata.label', { ns: meta.profile.key }],
+                      icon: 'ph--hard-drive--regular',
+                    },
+                  }),
+                ],
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Mesh.id),
+                data: null,
+                type: Devtools.id,
+                properties: {
+                  label: ['mesh.label', { ns: meta.profile.key }],
+                  icon: 'ph--graph--regular',
+                },
+                nodes: [
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Mesh.Signal),
+                    data: Devtools.Mesh.Signal,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['signal.label', { ns: meta.profile.key }],
+                      icon: 'ph--wifi-high--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Mesh.Swarm),
+                    data: Devtools.Mesh.Swarm,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['swarm.label', { ns: meta.profile.key }],
+                      icon: 'ph--users-three--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Mesh.Network),
+                    data: Devtools.Mesh.Network,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['network.label', { ns: meta.profile.key }],
+                      icon: 'ph--polygon--regular',
+                    },
+                  }),
+                ],
+              }),
+              AppGraphNode.make({
+                id: Devtools.nodeId(Devtools.Edge.id),
+                data: null,
+                type: Devtools.id,
+                properties: {
+                  label: ['edge.label', { ns: meta.profile.key }],
+                  icon: 'ph--cloud--regular',
+                },
+                nodes: [
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Edge.Dashboard),
+                    data: Devtools.Edge.Dashboard,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['dashboard.label', { ns: meta.profile.key }],
+                      icon: 'ph--computer-tower--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Edge.Workflows),
+                    data: Devtools.Edge.Workflows,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['workflows.label', { ns: meta.profile.key }],
+                      icon: 'ph--function--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Edge.Traces),
+                    data: Devtools.Edge.Traces,
+                    type: Devtools.id,
+                    properties: {
+                      label: ['traces.label', { ns: meta.profile.key }],
+                      icon: 'ph--line-segments--regular',
+                    },
+                  }),
+                  AppGraphNode.make({
+                    id: Devtools.nodeId(Devtools.Edge.Testing),
+                    data: Devtools.Edge.Testing,
                     type: Devtools.id,
                     properties: {
-                      label: ['edge.label', { ns: meta.profile.key }],
-                      icon: 'ph--cloud--regular',
+                      label: ['testing.label', { ns: meta.profile.key }],
+                      icon: 'ph--flask--regular',
                     },
-                    nodes: [
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Edge.Dashboard),
-                        data: Devtools.Edge.Dashboard,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['dashboard.label', { ns: meta.profile.key }],
-                          icon: 'ph--computer-tower--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Edge.Workflows),
-                        data: Devtools.Edge.Workflows,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['workflows.label', { ns: meta.profile.key }],
-                          icon: 'ph--function--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Edge.Traces),
-                        data: Devtools.Edge.Traces,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['traces.label', { ns: meta.profile.key }],
-                          icon: 'ph--line-segments--regular',
-                        },
-                      }),
-                      AppGraphNode.make({
-                        id: Devtools.nodeId(Devtools.Edge.Testing),
-                        data: Devtools.Edge.Testing,
-                        type: Devtools.id,
-                        properties: {
-                          label: ['testing.label', { ns: meta.profile.key }],
-                          icon: 'ph--flask--regular',
-                        },
-                      }),
-                    ],
                   }),
                 ],
               }),
-            ];
+            ],
           }),
+        ];
       }),
-
-      // Devtools deck companion.
-      AppGraphBuilder.createExtension({
-        id: 'devtoolsOverview',
-        match: GraphNodeMatcher.whenRoot,
-        connector: () =>
-          Effect.succeed([
-            AppNode.makeDeckCompanion({
-              id: 'devtoolsOverview',
-              label: ['devtools-overview.label', { ns: meta.profile.key }],
-              icon: 'ph--equalizer--regular',
-              data: 'devtoolsOverview' as const,
-              position: Position.last,
-            }),
-          ]),
-      }),
-    ]);
-
-    return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);
-  }),
-);
+  });