npm - @dxos/plugin-devtools - Versions diffs - 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (144) hide show

package/dist/lib/chunk-app-graph-builder.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chunk-app-graph-builder.mjs","names":[],"sources":["../../src/capabilities/app-graph-builder.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraphBuilder from '@dxos/app-graph/AppGraphBuilder';\nimport * as AppGraphNode from '@dxos/app-graph/AppGraphNode';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppNode from '@dxos/app-toolkit/AppNode';\nimport * as AppNodeMatcher from '@dxos/app-toolkit/AppNodeMatcher';\nimport * as GraphPath from '@dxos/app-toolkit/GraphPath';\nimport * as GraphNode from '@dxos/graph/GraphNode';\nimport * as GraphNodeMatcher from '@dxos/graph/GraphNodeMatcher';\nimport { type Space } from '@dxos/react-client/echo';\nimport { Position } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { Devtools } from '#types';\n\nexport default Capability.makeModule(\n Effect.fnUntraced(function* () {\n // Read the app graph through its atom so the extension establishes a reactive dependency\n // and re-evaluates once the capability lands (dependency modules contribute individually,\n // not batched per wave).\n const appGraphAtom = yield* Capability.atom(AppCapabilities.AppGraph);\n\n const extensions = yield* Effect.all([\n AppGraphBuilder.createExtension({\n id: 'root',\n match: GraphNodeMatcher.whenRoot,\n actions: () =>\n Effect.succeed([\n AppGraphNode.makeAction({\n id: 'resetData',\n data: () =>\n Effect.sync(() => {\n window.location.href = '/reset.html';\n }),\n properties: {\n label: ['reset-data.label', { ns: meta.profile.key }],\n icon: 'ph--warning--regular',\n },\n }),\n ]),\n }),\n\n AppGraphBuilder.createExtension({\n id: 'devtools',\n match: GraphNodeMatcher.whenAny(\n GraphNodeMatcher.whenRoot,\n AppNodeMatcher.whenNavTreeGroup(GraphPath.GroupTypes.system),\n ),\n connector: (_nodeOrSpace: AppGraphNode.Node \| Space, get) =>\n Effect.gen(function* () {\n const [graph] = get(appGraphAtom);\n\n return [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['devtools.label', { ns: meta.profile.key }],\n icon: 'ph--toolbox--regular',\n position: Position.last,\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.AppGraph),\n type: `${meta.profile.key}.app-graph`,\n data: { graph: graph?.graph, root: GraphNode.RootId },\n properties: {\n label: ['debug-app-graph.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.ToolsExplorer),\n data: Devtools.ToolsExplorer,\n type: Devtools.id,\n properties: {\n label: ['debug-tools-explorer.label', { ns: meta.profile.key }],\n icon: 'ph--toolbox--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Cli),\n data: Devtools.Cli,\n type: Devtools.id,\n properties: {\n label: ['cli.label', { ns: meta.profile.key }],\n icon: 'ph--terminal-window--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['client.label', { ns: meta.profile.key }],\n icon: 'ph--users--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Config),\n data: Devtools.Client.Config,\n type: Devtools.id,\n properties: {\n label: ['config.label', { ns: meta.profile.key }],\n icon: 'ph--gear--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Storage),\n data: Devtools.Client.Storage,\n type: Devtools.id,\n properties: {\n label: ['storage.label', { ns: meta.profile.key }],\n icon: 'ph--hard-drives--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Sqlite),\n data: Devtools.Client.Sqlite,\n type: Devtools.id,\n properties: {\n label: ['sqlite.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Logs),\n data: Devtools.Client.Logs,\n type: Devtools.id,\n properties: {\n label: ['logging.label', { ns: meta.profile.key }],\n icon: 'ph--file-text--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Diagnostics),\n data: Devtools.Client.Diagnostics,\n type: Devtools.id,\n properties: {\n label: ['diagnostics.label', { ns: meta.profile.key }],\n icon: 'ph--chart-line--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['halo.label', { ns: meta.profile.key }],\n icon: 'ph--identification-badge--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Identity),\n data: Devtools.Halo.Identity,\n type: Devtools.id,\n properties: {\n label: ['identity.label', { ns: meta.profile.key }],\n icon: 'ph--identification-badge--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Devices),\n data: Devtools.Halo.Devices,\n type: Devtools.id,\n properties: {\n label: ['devices.label', { ns: meta.profile.key }],\n icon: 'ph--devices--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Keyring),\n data: Devtools.Halo.Keyring,\n type: Devtools.id,\n properties: {\n label: ['keyring.label', { ns: meta.profile.key }],\n icon: 'ph--key--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Credentials),\n data: Devtools.Halo.Credentials,\n type: Devtools.id,\n properties: {\n label: ['credentials.label', { ns: meta.profile.key }],\n icon: 'ph--credit-card--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['echo.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Spaces),\n data: Devtools.Echo.Spaces,\n type: Devtools.id,\n properties: {\n label: ['spaces.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Space),\n data: Devtools.Echo.Space,\n type: Devtools.id,\n properties: {\n label: ['space.label', { ns: meta.profile.key }],\n icon: 'ph--planet--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Feeds),\n data: Devtools.Echo.Feeds,\n type: Devtools.id,\n properties: {\n label: ['feeds.label', { ns: meta.profile.key }],\n icon: 'ph--list-bullets--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Objects),\n data: Devtools.Echo.Objects,\n type: Devtools.id,\n properties: {\n label: ['objects.label', { ns: meta.profile.key }],\n icon: 'ph--cube--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Schema),\n data: Devtools.Echo.Schema,\n type: Devtools.id,\n properties: {\n label: ['schema.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Registry),\n data: Devtools.Echo.Registry,\n type: Devtools.id,\n properties: {\n label: ['registry.label', { ns: meta.profile.key }],\n icon: 'ph--books--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Automerge),\n data: Devtools.Echo.Automerge,\n type: Devtools.id,\n properties: {\n label: ['automerge.label', { ns: meta.profile.key }],\n icon: 'ph--gear-six--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Queues),\n data: Devtools.Echo.Queues,\n type: Devtools.id,\n properties: {\n label: ['queues.label', { ns: meta.profile.key }],\n icon: 'ph--queue--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Members),\n data: Devtools.Echo.Members,\n type: Devtools.id,\n properties: {\n label: ['members.label', { ns: meta.profile.key }],\n icon: 'ph--users--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Metadata),\n data: Devtools.Echo.Metadata,\n type: Devtools.id,\n properties: {\n label: ['metadata.label', { ns: meta.profile.key }],\n icon: 'ph--hard-drive--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['mesh.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Signal),\n data: Devtools.Mesh.Signal,\n type: Devtools.id,\n properties: {\n label: ['signal.label', { ns: meta.profile.key }],\n icon: 'ph--wifi-high--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Swarm),\n data: Devtools.Mesh.Swarm,\n type: Devtools.id,\n properties: {\n label: ['swarm.label', { ns: meta.profile.key }],\n icon: 'ph--users-three--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Network),\n data: Devtools.Mesh.Network,\n type: Devtools.id,\n properties: {\n label: ['network.label', { ns: meta.profile.key }],\n icon: 'ph--polygon--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['edge.label', { ns: meta.profile.key }],\n icon: 'ph--cloud--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Dashboard),\n data: Devtools.Edge.Dashboard,\n type: Devtools.id,\n properties: {\n label: ['dashboard.label', { ns: meta.profile.key }],\n icon: 'ph--computer-tower--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Workflows),\n data: Devtools.Edge.Workflows,\n type: Devtools.id,\n properties: {\n label: ['workflows.label', { ns: meta.profile.key }],\n icon: 'ph--function--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Traces),\n data: Devtools.Edge.Traces,\n type: Devtools.id,\n properties: {\n label: ['traces.label', { ns: meta.profile.key }],\n icon: 'ph--line-segments--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Testing),\n data: Devtools.Edge.Testing,\n type: Devtools.id,\n properties: {\n label: ['testing.label', { ns: meta.profile.key }],\n icon: 'ph--flask--regular',\n },\n }),\n ],\n }),\n ],\n }),\n ];\n }),\n }),\n\n // Devtools deck companion.\n AppGraphBuilder.createExtension({\n id: 'devtoolsOverview',\n match: GraphNodeMatcher.whenRoot,\n connector: () =>\n Effect.succeed([\n AppNode.makeDeckCompanion({\n id: 'devtoolsOverview',\n label: ['devtools-overview.label', { ns: meta.profile.key }],\n icon: 'ph--equalizer--regular',\n data: 'devtoolsOverview' as const,\n position: Position.last,\n }),\n ]),\n }),\n ]);\n\n return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);\n }),\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"chunk-app-graph-builder.mjs","names":[],"sources":["../../src/capabilities/app-graph-builder.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport type * as Atom from 'effect/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraphBuilder from '@dxos/app-graph/AppGraphBuilder';\nimport * as AppGraphNode from '@dxos/app-graph/AppGraphNode';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppNode from '@dxos/app-toolkit/AppNode';\nimport * as AppNodeMatcher from '@dxos/app-toolkit/AppNodeMatcher';\nimport * as GraphNode from '@dxos/graph/GraphNode';\nimport * as GraphNodeMatcher from '@dxos/graph/GraphNodeMatcher';\nimport * as Position from '@dxos/util/Position';\n\nimport { meta } from '#meta';\nimport { Devtools } from '#types';\n\nexport default Capability.makeModule(\n Effect.fnUntraced(function* () {\n // Read the app graph through its atom so the extension establishes a reactive dependency\n // and re-evaluates once the capability lands (dependency modules contribute individually,\n // not batched per wave).\n const appGraphAtom = yield* Capability.atom(AppCapabilities.AppGraph);\n\n const extensions = yield* Effect.all([\n AppGraphBuilder.createExtension({\n id: 'root',\n match: GraphNodeMatcher.whenRoot,\n actions: () =>\n Effect.succeed([\n AppGraphNode.makeAction({\n id: 'resetData',\n data: () =>\n Effect.sync(() => {\n window.location.href = '/reset.html';\n }),\n properties: {\n label: ['reset-data.label', { ns: meta.profile.key }],\n icon: 'ph--warning--regular',\n },\n }),\n ]),\n }),\n\n createDevtoolsExtension(appGraphAtom),\n\n // Devtools deck companion.\n AppGraphBuilder.createExtension({\n id: 'devtoolsOverview',\n relation: AppNode.companion,\n match: GraphNodeMatcher.whenRoot,\n connector: () =>\n Effect.succeed([\n AppNode.makeDeckCompanion({\n id: 'devtoolsOverview',\n label: ['devtools-overview.label', { ns: meta.profile.key }],\n icon: 'ph--equalizer--regular',\n data: 'devtoolsOverview' as const,\n position: Position.last,\n }),\n ]),\n }),\n ]);\n\n return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);\n }),\n);\n\n/** The devtools tree: a container under the debug category with one page per tool, grouped by subsystem. /\nexport const createDevtoolsExtension = (appGraphAtom: Atom.Atom<AppCapabilities.AppGraph[]>) =>\n AppGraphBuilder.createExtension({\n id: 'devtools',\n match: AppNodeMatcher.whenDebugGroup,\n connector: (_node, get) =>\n Effect.gen(function () {\n const [graph] = get(appGraphAtom);\n\n return [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['devtools.label', { ns: meta.profile.key }],\n icon: 'ph--toolbox--regular',\n // After Debug (0), whichever plugin registers first.\n position: 10,\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.AppGraph),\n type: `${meta.profile.key}.app-graph`,\n data: { graph: graph?.graph, root: GraphNode.RootId },\n properties: {\n label: ['debug-app-graph.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.ToolsExplorer),\n data: Devtools.ToolsExplorer,\n type: Devtools.id,\n properties: {\n label: ['debug-tools-explorer.label', { ns: meta.profile.key }],\n icon: 'ph--toolbox--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Cli),\n data: Devtools.Cli,\n type: Devtools.id,\n properties: {\n label: ['cli.label', { ns: meta.profile.key }],\n icon: 'ph--terminal-window--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['client.label', { ns: meta.profile.key }],\n icon: 'ph--users--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Config),\n data: Devtools.Client.Config,\n type: Devtools.id,\n properties: {\n label: ['config.label', { ns: meta.profile.key }],\n icon: 'ph--gear--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Storage),\n data: Devtools.Client.Storage,\n type: Devtools.id,\n properties: {\n label: ['storage.label', { ns: meta.profile.key }],\n icon: 'ph--hard-drives--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Sqlite),\n data: Devtools.Client.Sqlite,\n type: Devtools.id,\n properties: {\n label: ['sqlite.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Logs),\n data: Devtools.Client.Logs,\n type: Devtools.id,\n properties: {\n label: ['logging.label', { ns: meta.profile.key }],\n icon: 'ph--file-text--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Client.Diagnostics),\n data: Devtools.Client.Diagnostics,\n type: Devtools.id,\n properties: {\n label: ['diagnostics.label', { ns: meta.profile.key }],\n icon: 'ph--chart-line--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['halo.label', { ns: meta.profile.key }],\n icon: 'ph--identification-badge--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Identity),\n data: Devtools.Halo.Identity,\n type: Devtools.id,\n properties: {\n label: ['identity.label', { ns: meta.profile.key }],\n icon: 'ph--identification-badge--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Devices),\n data: Devtools.Halo.Devices,\n type: Devtools.id,\n properties: {\n label: ['devices.label', { ns: meta.profile.key }],\n icon: 'ph--devices--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Keyring),\n data: Devtools.Halo.Keyring,\n type: Devtools.id,\n properties: {\n label: ['keyring.label', { ns: meta.profile.key }],\n icon: 'ph--key--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Halo.Credentials),\n data: Devtools.Halo.Credentials,\n type: Devtools.id,\n properties: {\n label: ['credentials.label', { ns: meta.profile.key }],\n icon: 'ph--credit-card--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['echo.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Spaces),\n data: Devtools.Echo.Spaces,\n type: Devtools.id,\n properties: {\n label: ['spaces.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Space),\n data: Devtools.Echo.Space,\n type: Devtools.id,\n properties: {\n label: ['space.label', { ns: meta.profile.key }],\n icon: 'ph--planet--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Feeds),\n data: Devtools.Echo.Feeds,\n type: Devtools.id,\n properties: {\n label: ['feeds.label', { ns: meta.profile.key }],\n icon: 'ph--list-bullets--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Objects),\n data: Devtools.Echo.Objects,\n type: Devtools.id,\n properties: {\n label: ['objects.label', { ns: meta.profile.key }],\n icon: 'ph--cube--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Queries),\n data: Devtools.Echo.Queries,\n type: Devtools.id,\n properties: {\n label: ['queries.label', { ns: meta.profile.key }],\n icon: 'ph--tree-view--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Schema),\n data: Devtools.Echo.Schema,\n type: Devtools.id,\n properties: {\n label: ['schema.label', { ns: meta.profile.key }],\n icon: 'ph--database--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Registry),\n data: Devtools.Echo.Registry,\n type: Devtools.id,\n properties: {\n label: ['registry.label', { ns: meta.profile.key }],\n icon: 'ph--books--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Automerge),\n data: Devtools.Echo.Automerge,\n type: Devtools.id,\n properties: {\n label: ['automerge.label', { ns: meta.profile.key }],\n icon: 'ph--gear-six--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Queues),\n data: Devtools.Echo.Queues,\n type: Devtools.id,\n properties: {\n label: ['queues.label', { ns: meta.profile.key }],\n icon: 'ph--queue--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Members),\n data: Devtools.Echo.Members,\n type: Devtools.id,\n properties: {\n label: ['members.label', { ns: meta.profile.key }],\n icon: 'ph--users--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Echo.Metadata),\n data: Devtools.Echo.Metadata,\n type: Devtools.id,\n properties: {\n label: ['metadata.label', { ns: meta.profile.key }],\n icon: 'ph--hard-drive--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['mesh.label', { ns: meta.profile.key }],\n icon: 'ph--graph--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Signal),\n data: Devtools.Mesh.Signal,\n type: Devtools.id,\n properties: {\n label: ['signal.label', { ns: meta.profile.key }],\n icon: 'ph--wifi-high--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Swarm),\n data: Devtools.Mesh.Swarm,\n type: Devtools.id,\n properties: {\n label: ['swarm.label', { ns: meta.profile.key }],\n icon: 'ph--users-three--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Mesh.Network),\n data: Devtools.Mesh.Network,\n type: Devtools.id,\n properties: {\n label: ['network.label', { ns: meta.profile.key }],\n icon: 'ph--polygon--regular',\n },\n }),\n ],\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.id),\n data: null,\n type: Devtools.id,\n properties: {\n label: ['edge.label', { ns: meta.profile.key }],\n icon: 'ph--cloud--regular',\n },\n nodes: [\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Dashboard),\n data: Devtools.Edge.Dashboard,\n type: Devtools.id,\n properties: {\n label: ['dashboard.label', { ns: meta.profile.key }],\n icon: 'ph--computer-tower--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Workflows),\n data: Devtools.Edge.Workflows,\n type: Devtools.id,\n properties: {\n label: ['workflows.label', { ns: meta.profile.key }],\n icon: 'ph--function--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Traces),\n data: Devtools.Edge.Traces,\n type: Devtools.id,\n properties: {\n label: ['traces.label', { ns: meta.profile.key }],\n icon: 'ph--line-segments--regular',\n },\n }),\n AppGraphNode.make({\n id: Devtools.nodeId(Devtools.Edge.Testing),\n data: Devtools.Edge.Testing,\n type: Devtools.id,\n properties: {\n label: ['testing.label', { ns: meta.profile.key }],\n icon: 'ph--flask--regular',\n },\n }),\n ],\n }),\n ],\n }),\n ];\n }),\n });\n"],"mappings":"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"}

package/dist/lib/chunk-react-context.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import * as Capability from "@dxos/app-framework/Capability";
 import { meta } from "#meta";
 import "react";
 import * as Capabilities from "@dxos/app-framework/Capabilities";
-import { Surface } from "@dxos/app-framework/ui";
+import * as Surface from "@dxos/app-framework/Surface";
 import { DevtoolsContextProvider } from "@dxos/devtools";
 import { jsx } from "react/jsx-runtime";
 //#region src/capabilities/react-context.tsx

package/dist/lib/chunk-react-context.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chunk-react-context.mjs","names":[],"sources":["../../src/capabilities/react-context.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { DevtoolsContextProvider } from '@dxos/devtools';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contribute(Capabilities.ReactContext, {\n id: meta.profile.key,\n context: ({ children }) => (\n <Surface.ProfilerProvider>\n <DevtoolsContextProvider>{children}</DevtoolsContextProvider>\n </Surface.ProfilerProvider>\n ),\n }),\n ),\n);\n"],"mappings":";;;;;;;;;AAcA,IAAA,wBAAe,WAAW,iBACxB,OAAO,QACL,WAAW,WAAW,aAAa,cAAc;CAC/C,IAAI,KAAK,QAAQ;CACjB,UAAU,EAAE,eACV,oBAAC,QAAQ,kBAAT,EAAA,UACE,oBAAC,yBAAD,EAA0B,SAAkC,CAAA,EACpC,CAAA;AAE9B,CAAC,CACH,CACF"}
1	+ {"version":3,"file":"chunk-react-context.mjs","names":[],"sources":["../../src/capabilities/react-context.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as Surface from '@dxos/app-framework/Surface';\nimport { DevtoolsContextProvider } from '@dxos/devtools';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contribute(Capabilities.ReactContext, {\n id: meta.profile.key,\n context: ({ children }) => (\n <Surface.ProfilerProvider>\n <DevtoolsContextProvider>{children}</DevtoolsContextProvider>\n </Surface.ProfilerProvider>\n ),\n }),\n ),\n);\n"],"mappings":";;;;;;;;;AAcA,IAAA,wBAAe,WAAW,iBACxB,OAAO,QACL,WAAW,WAAW,aAAa,cAAc;CAC/C,IAAI,KAAK,QAAQ;CACjB,UAAU,EAAE,eACV,oBAAC,QAAQ,kBAAT,EAAA,UACE,oBAAC,yBAAD,EAA0B,SAAkC,CAAA,EACpC,CAAA;AAE9B,CAAC,CACH,CACF"}

package/dist/lib/chunk-react-surface.mjs CHANGED Viewed

@@ -1,16 +1,21 @@
+import { a as SwarmTraceCardSurface, i as SurfaceProfilerCardSurface, n as IndexerCardSurface, o as SyncCardSurface, r as QueriesCardSurface, s as devtoolsCard, t as EdgeCardSurface } from "./chunk-DevtoolsCards.mjs";
 import * as Effect from "effect/Effect";
 import * as Capability from "@dxos/app-framework/Capability";
 import { Devtools } from "#types";
 import { useCallback } from "react";
 import * as GraphPath from "@dxos/app-toolkit/GraphPath";
 import * as Capabilities from "@dxos/app-framework/Capabilities";
-import { Surface, useOperationInvoker } from "@dxos/app-framework/ui";
-import { AutomergePanel, ConfigPanel, CredentialsPanel, DeviceListPanel, DiagnosticsPanel, EdgeDashboardPanel, FeedsPanel, IdentityPanel, InvocationTraceContainer, KeyringPanel, LoggingPanel, MembersPanel, MetadataPanel, NetworkPanel, ObjectsPanel, QueuesPanel, SchemaPanel, SignalPanel, SpaceInfoPanel, SpaceListPanel, SqlitePanel, StoragePanel, SwarmPanel, TestingPanel, WorkflowPanel } from "@dxos/devtools";
+import * as Surface from "@dxos/app-framework/Surface";
+import { AutomergeArticle, ConfigArticle, CredentialsArticle, DatabaseCard, DeviceListArticle, DiagnosticsArticle, EdgeDashboardArticle, FeedsArticle, IdentityArticle, InvocationTraceContainer, KeyringArticle, LoggingArticle, MembersArticle, MemoryCard, MetadataArticle, NetworkArticle, NetworkCard, ObjectsArticle, PerformanceCard, QueriesArticle, QueuesArticle, ReplicatorCard, ReplicatorMessagesCard, SchemaArticle, SignalArticle, SpaceInfoArticle, SpaceListArticle, SqliteArticle, StorageArticle, SwarmArticle, TestingArticle, TimeSeriesCard, WorkflowArticle } from "@dxos/devtools";
 import { jsx } from "react/jsx-runtime";
-import { AppSurface, useActiveSpace } from "@dxos/app-toolkit/ui";
-import { CliPanel, DebugGraph, DevtoolsOverviewContainer, RegistryPanel, ToolsExplorerContainer } from "#containers";
+import * as AppSurface from "@dxos/app-toolkit/AppSurface";
+import * as DebugSurface from "@dxos/plugin-debug/DebugSurface";
+import { CliArticle, DebugGraph, DevtoolsOverviewContainer, RegistryArticle, ToolsExplorerContainer } from "#containers";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import * as ToolkitHooks from "@dxos/app-toolkit/Hooks";
 import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
 import { Feed } from "@dxos/echo";
+import { useResolveRef } from "@dxos/echo-react";
 import { log } from "@dxos/log";
 import * as ScriptOperation from "@dxos/plugin-script/ScriptOperation";
 import * as SpaceOperation from "@dxos/plugin-space/SpaceOperation";
@@ -20,44 +25,47 @@ var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-devtools/src/capabili
 * Most devtools panels take the active space and render nothing without one. A mapper cannot read
 * the active space (it is a hook) nor decline to render, so they share this wrapper.
 */
-var ActiveSpacePanel = ({ Panel }) => {
-	const space = useActiveSpace();
-	return space ? /* @__PURE__ */ jsx(Panel, { space }) : null;
+var ActiveSpacePanel = ({ role, Panel }) => {
+	const space = ToolkitHooks.useActiveSpace();
+	return space ? /* @__PURE__ */ jsx(Panel, {
+		role,
+		space
+	}) : null;
 };
-var SpaceListSurface = () => {
-	const { invokePromise } = useOperationInvoker();
-	const handleSelect = useCallback(() => invokePromise(LayoutOperation.Open, { subject: [Devtools.Echo.Space] }), [invokePromise]);
-	return /* @__PURE__ */ jsx(SpaceListPanel, { onSelect: handleSelect });
+/** The space list; selecting a space shows its page in the debug panel. */
+var SpaceListSurface = ({ role, onNavigate }) => {
+	const handleSelect = useCallback(() => onNavigate(Devtools.getNodePath(Devtools.Echo.Space)), [onNavigate]);
+	return /* @__PURE__ */ jsx(SpaceListArticle, {
+		role,
+		onSelect: handleSelect
+	});
 };
-var SpaceInfoSurface = () => {
-	const space = useActiveSpace();
-	const { invokePromise } = useOperationInvoker();
-	const handleSelect = useCallback(() => invokePromise(LayoutOperation.Open, { subject: [Devtools.Echo.Feeds] }), [invokePromise]);
+/** The active space; selecting a feed or pipeline shows the feeds page in the debug panel. */
+var SpaceInfoSurface = ({ role, onNavigate }) => {
+	const space = ToolkitHooks.useActiveSpace();
+	const handleSelect = useCallback(() => onNavigate(Devtools.getNodePath(Devtools.Echo.Feeds)), [onNavigate]);
 	if (!space) return null;
-	return /* @__PURE__ */ jsx(SpaceInfoPanel, {
+	return /* @__PURE__ */ jsx(SpaceInfoArticle, {
+		role,
 		space,
 		onSelectFeed: handleSelect,
 		onSelectPipeline: handleSelect
 	});
 };
-var EdgeTracesSurface = () => {
-	const space = useActiveSpace();
+var EdgeTracesSurface = ({ role }) => {
+	const space = ToolkitHooks.useActiveSpace();
+	const feed = useResolveRef(space?.properties.invocationTraceFeed);
 	if (!space) return null;
-	const feed = space.properties.invocationTraceFeed?.target;
 	const feedDXN = feed ? Feed.getFeedUri(feed) : void 0;
 	return /* @__PURE__ */ jsx(InvocationTraceContainer, {
+		role,
 		db: space.db,
 		feedDXN,
 		detailAxis: "block"
 	});
 };
-var EdgeTestingSurface = () => {
-	const { invokePromise } = useOperationInvoker();
-	const onSpaceCreate = useCallback(async (space) => {
-		await space.waitUntilReady();
-		await invokePromise(SpaceOperation.Migrate, { space });
-		await space.db.flush();
-	}, [invokePromise]);
+var EdgeTestingSurface = ({ role }) => {
+	const { invokePromise } = Hooks.useOperationInvoker();
 	const onScriptPluginOpen = useCallback(async (space) => {
 		await space.waitUntilReady();
 		const createResult = await invokePromise(ScriptOperation.CreateScript, { db: space.db });
@@ -65,13 +73,13 @@ var EdgeTestingSurface = () => {
 		log.info("script created", { result: createResult }, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file,
-			L: 94,
+			L: 88,
 			S: void 0
 		});
 		if (createResult.data?.object) await invokePromise(LayoutOperation.Open, { subject: [GraphPath.getObjectPathFromObject(createResult.data.object)] });
 	}, [invokePromise]);
-	return /* @__PURE__ */ jsx(TestingPanel, {
-		onSpaceCreate,
+	return /* @__PURE__ */ jsx(TestingArticle, {
+		role,
 		onScriptPluginOpen
 	});
 };
@@ -86,166 +94,314 @@ var react_surface_default = Capability.makeModule(Effect.fnUntraced(function* ()
 	return Capability.contribute(Capabilities.ReactSurface, [
 		Surface.create({
 			id: "appGraph",
-			filter: AppSurface.subject(AppSurface.Article, isGraphDebug),
+			filter: AppSurface.subject(DebugSurface.Page, isGraphDebug),
 			component: DebugGraph,
-			props: ({ data: { subject } }) => ({
+			props: ({ role, data: { subject } }) => ({
+				role,
 				graph: subject.graph,
 				root: subject.root
 			})
 		}),
 		Surface.create({
 			id: "toolsExplorer",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.ToolsExplorer),
-			component: ToolsExplorerContainer
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.ToolsExplorer),
+			component: ToolsExplorerContainer,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "cli",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Cli),
-			component: CliPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Cli),
+			component: CliArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "registry",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Registry),
-			component: RegistryPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Registry),
+			component: RegistryArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "devtoolsOverview",
 			filter: Surface.makeFilter(AppSurface.deckCompanion("devtoolsOverview")),
 			component: DevtoolsOverviewContainer
 		}),
+		Surface.create({
+			id: "card.memory",
+			filter: devtoolsCard,
+			position: 0,
+			component: MemoryCard,
+			props: ({ data: { stats } }) => ({ memory: stats.memory })
+		}),
+		Surface.create({
+			id: "card.network",
+			filter: devtoolsCard,
+			position: 1,
+			component: NetworkCard,
+			props: ({ data: { stats } }) => ({ network: stats.network })
+		}),
+		Surface.create({
+			id: "card.edge",
+			filter: devtoolsCard,
+			position: 2,
+			component: EdgeCardSurface,
+			props: ({ data: { stats } }) => ({ stats })
+		}),
+		Surface.create({
+			id: "card.performance",
+			filter: devtoolsCard,
+			position: 3,
+			component: PerformanceCard,
+			props: ({ data: { stats } }) => ({ entries: stats.performanceEntries })
+		}),
+		Surface.create({
+			id: "card.swarmTrace",
+			filter: devtoolsCard,
+			position: 4,
+			component: SwarmTraceCardSurface
+		}),
+		Surface.create({
+			id: "card.surfaceProfiler",
+			filter: devtoolsCard,
+			position: 5,
+			component: SurfaceProfilerCardSurface,
+			props: ({ data: { surfaceProfilerStats, onClearSurfaceProfiler } }) => ({
+				surfaceProfilerStats,
+				onClearSurfaceProfiler
+			})
+		}),
+		Surface.create({
+			id: "card.database",
+			filter: devtoolsCard,
+			position: 6,
+			component: DatabaseCard,
+			props: ({ data: { stats } }) => ({ database: stats.database })
+		}),
+		Surface.create({
+			id: "card.replicator",
+			filter: devtoolsCard,
+			position: 7,
+			component: ReplicatorCard,
+			props: ({ data: { stats } }) => ({ database: stats.database })
+		}),
+		Surface.create({
+			id: "card.replicatorMessages",
+			filter: devtoolsCard,
+			position: 8,
+			component: ReplicatorMessagesCard,
+			props: ({ data: { stats } }) => ({ database: stats.database })
+		}),
+		Surface.create({
+			id: "card.queries",
+			filter: devtoolsCard,
+			position: 9,
+			component: QueriesCardSurface
+		}),
+		Surface.create({
+			id: "card.sync",
+			filter: devtoolsCard,
+			position: 11,
+			component: SyncCardSurface
+		}),
+		Surface.create({
+			id: "card.indexer",
+			filter: devtoolsCard,
+			position: 12,
+			component: IndexerCardSurface
+		}),
+		Surface.create({
+			id: "card.timeSeries",
+			filter: devtoolsCard,
+			position: 13,
+			component: TimeSeriesCard
+		}),
 		Surface.create({
 			id: "client.config",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Client.Config),
-			component: ConfigPanel,
-			props: () => ({ vaultSelector: false })
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Client.Config),
+			component: ConfigArticle,
+			props: ({ role }) => ({
+				role,
+				vaultSelector: false
+			})
 		}),
 		Surface.create({
 			id: "client.storage",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Client.Storage),
-			component: StoragePanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Client.Storage),
+			component: StorageArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "client.sqlite",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Client.Sqlite),
-			component: SqlitePanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Client.Sqlite),
+			component: SqliteArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "client.logs",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Client.Logs),
-			component: LoggingPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Client.Logs),
+			component: LoggingArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "client.diagnostics",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Client.Diagnostics),
-			component: DiagnosticsPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Client.Diagnostics),
+			component: DiagnosticsArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "halo.identity",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Halo.Identity),
-			component: IdentityPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Halo.Identity),
+			component: IdentityArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "halo.devices",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Halo.Devices),
-			component: DeviceListPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Halo.Devices),
+			component: DeviceListArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "halo.keyring",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Halo.Keyring),
-			component: KeyringPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Halo.Keyring),
+			component: KeyringArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "halo.credentials",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Halo.Credentials),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Halo.Credentials),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: CredentialsPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: CredentialsArticle
+			})
 		}),
 		Surface.create({
 			id: "echo.spaces",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Spaces),
-			component: SpaceListSurface
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Spaces),
+			component: SpaceListSurface,
+			props: ({ role, data: { onNavigate } }) => ({
+				role,
+				onNavigate
+			})
 		}),
 		Surface.create({
 			id: "echo.space",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Space),
-			component: SpaceInfoSurface
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Space),
+			component: SpaceInfoSurface,
+			props: ({ role, data: { onNavigate } }) => ({
+				role,
+				onNavigate
+			})
 		}),
 		Surface.create({
 			id: "echo.feeds",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Feeds),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Feeds),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: FeedsPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: FeedsArticle
+			})
 		}),
 		Surface.create({
 			id: "echo.objects",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Objects),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Objects),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: ObjectsPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: ObjectsArticle
+			})
+		}),
+		Surface.create({
+			id: "echo.queries",
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Queries),
+			component: QueriesArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "echo.schema",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Schema),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Schema),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: SchemaPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: SchemaArticle
+			})
 		}),
 		Surface.create({
 			id: "echo.automerge",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Automerge),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Automerge),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: AutomergePanel })
+			props: ({ role }) => ({
+				role,
+				Panel: AutomergeArticle
+			})
 		}),
 		Surface.create({
 			id: "echo.queues",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Queues),
-			component: QueuesPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Queues),
+			component: QueuesArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "echo.members",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Members),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Members),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: MembersPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: MembersArticle
+			})
 		}),
 		Surface.create({
 			id: "echo.metadata",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Echo.Metadata),
-			component: MetadataPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Echo.Metadata),
+			component: MetadataArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "mesh.signal",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Mesh.Signal),
-			component: SignalPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Mesh.Signal),
+			component: SignalArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "mesh.swarm",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Mesh.Swarm),
-			component: SwarmPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Mesh.Swarm),
+			component: SwarmArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "mesh.network",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Mesh.Network),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Mesh.Network),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: NetworkPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: NetworkArticle
+			})
 		}),
 		Surface.create({
 			id: "edge.dashboard",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Edge.Dashboard),
-			component: EdgeDashboardPanel
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Edge.Dashboard),
+			component: EdgeDashboardArticle,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "edge.workflows",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Edge.Workflows),
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Edge.Workflows),
 			component: ActiveSpacePanel,
-			props: () => ({ Panel: WorkflowPanel })
+			props: ({ role }) => ({
+				role,
+				Panel: WorkflowArticle
+			})
 		}),
 		Surface.create({
 			id: "edge.traces",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Edge.Traces),
-			component: EdgeTracesSurface
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Edge.Traces),
+			component: EdgeTracesSurface,
+			props: ({ role }) => ({ role })
 		}),
 		Surface.create({
 			id: "edge.testing",
-			filter: AppSurface.literal(AppSurface.Article, Devtools.Edge.Testing),
-			component: EdgeTestingSurface
+			filter: AppSurface.literal(DebugSurface.Page, Devtools.Edge.Testing),
+			component: EdgeTestingSurface,
+			props: ({ role }) => ({ role })
 		})
 	]);
 }));