@dxos/plugin-debug 0.7.5-labs.ff2ff30 → 0.7.5-main.5ae2ba8

package/dist/types/src/types.d.ts

@@ -8,10 +8,53 @@ export type DebugContextType = {
 };
 export declare const DebugContext: Context<DebugContextType>;
 export declare const DebugSettingsSchema: S.mutable<S.Struct<{
-    devtools: S.optional<typeof S.Boolean>;
     debug: S.optional<typeof S.Boolean>;
     wireframe: S.optional<typeof S.Boolean>;
 }>>;
 export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {
 }
+export declare namespace Devtools {
+    const id = "dxos.org.plugin.debug.devtools";
+    namespace Client {
+        const id = "dxos.org.plugin.debug.devtools.client";
+        const Config = "dxos.org.plugin.debug.devtools.client.config";
+        const Storage = "dxos.org.plugin.debug.devtools.client.storage";
+        const Logs = "dxos.org.plugin.debug.devtools.client.logs";
+        const Diagnostics = "dxos.org.plugin.debug.devtools.client.diagnostics";
+        const Tracing = "dxos.org.plugin.debug.devtools.client.tracing";
+    }
+    namespace Halo {
+        const id = "dxos.org.plugin.debug.devtools.halo";
+        const Identity = "dxos.org.plugin.debug.devtools.halo.identity";
+        const Devices = "dxos.org.plugin.debug.devtools.halo.devices";
+        const Keyring = "dxos.org.plugin.debug.devtools.halo.keyring";
+        const Credentials = "dxos.org.plugin.debug.devtools.halo.credentials";
+    }
+    namespace Echo {
+        const id = "dxos.org.plugin.debug.devtools.echo";
+        const Spaces = "dxos.org.plugin.debug.devtools.echo.spaces";
+        const Space = "dxos.org.plugin.debug.devtools.echo.space";
+        const Feeds = "dxos.org.plugin.debug.devtools.echo.feeds";
+        const Objects = "dxos.org.plugin.debug.devtools.echo.objects";
+        const Automerge = "dxos.org.plugin.debug.devtools.echo.automerge";
+        const Members = "dxos.org.plugin.debug.devtools.echo.members";
+        const Metadata = "dxos.org.plugin.debug.devtools.echo.metadata";
+    }
+    namespace Mesh {
+        const id = "dxos.org.plugin.debug.devtools.mesh";
+        const Signal = "dxos.org.plugin.debug.devtools.mesh.signal";
+        const Swarm = "dxos.org.plugin.debug.devtools.mesh.swarm";
+        const Network = "dxos.org.plugin.debug.devtools.mesh.network";
+    }
+    namespace Agent {
+        const id = "dxos.org.plugin.debug.devtools.agent";
+        const Dashboard = "dxos.org.plugin.debug.devtools.agent.dashboard";
+        const Search = "dxos.org.plugin.debug.devtools.agent.search";
+    }
+    namespace Edge {
+        const id = "dxos.org.plugin.debug.devtools.edge";
+        const Dashboard = "dxos.org.plugin.debug.devtools.edge.dashboard";
+        const Workflows = "dxos.org.plugin.debug.devtools.edge.workflows";
+    }
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAiB,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAIjD,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;GAM/B,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,mBAAmB,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAiB,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAIjD,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;GAK/B,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAExF,yBAAiB,QAAQ,CAAC;IAEjB,MAAM,EAAE,mCAAmC,CAAC;IAEnD,UAAiB,MAAM,CAAC;QACf,MAAM,EAAE,0CAA0B,CAAC;QACnC,MAAM,MAAM,iDAAiC,CAAC;QAC9C,MAAM,OAAO,kDAAkC,CAAC;QAChD,MAAM,IAAI,+CAA+B,CAAC;QAC1C,MAAM,WAAW,sDAAsC,CAAC;QACxD,MAAM,OAAO,kDAAkC,CAAC;KACxD;IAED,UAAiB,IAAI,CAAC;QACb,MAAM,EAAE,wCAAwB,CAAC;QACjC,MAAM,QAAQ,iDAAiC,CAAC;QAChD,MAAM,OAAO,gDAAgC,CAAC;QAC9C,MAAM,OAAO,gDAAgC,CAAC;QAC9C,MAAM,WAAW,oDAAoC,CAAC;KAC9D;IAED,UAAiB,IAAI,CAAC;QACb,MAAM,EAAE,wCAAwB,CAAC;QACjC,MAAM,MAAM,+CAA+B,CAAC;QAC5C,MAAM,KAAK,8CAA8B,CAAC;QAC1C,MAAM,KAAK,8CAA8B,CAAC;QAC1C,MAAM,OAAO,gDAAgC,CAAC;QAC9C,MAAM,SAAS,kDAAkC,CAAC;QAClD,MAAM,OAAO,gDAAgC,CAAC;QAC9C,MAAM,QAAQ,iDAAiC,CAAC;KACxD;IAED,UAAiB,IAAI,CAAC;QACb,MAAM,EAAE,wCAAwB,CAAC;QACjC,MAAM,MAAM,+CAA+B,CAAC;QAC5C,MAAM,KAAK,8CAA8B,CAAC;QAC1C,MAAM,OAAO,gDAAgC,CAAC;KACtD;IAED,UAAiB,KAAK,CAAC;QACd,MAAM,EAAE,yCAAyB,CAAC;QAClC,MAAM,SAAS,mDAAmC,CAAC;QACnD,MAAM,MAAM,gDAAgC,CAAC;KACrD;IAED,UAAiB,IAAI,CAAC;QACb,MAAM,EAAE,wCAAwB,CAAC;QACjC,MAAM,SAAS,kDAAkC,CAAC;QAClD,MAAM,SAAS,kDAAkC,CAAC;KAC1D;CACF"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dxos/plugin-debug",
-  "version": "0.7.5-labs.ff2ff30",
+  "version": "0.7.5-main.5ae2ba8",
   "description": "DXOS Surface plugin for testing.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
@@ -32,46 +33,47 @@
     "react-json-tree": "^0.18.0",
     "react-resize-detector": "^11.0.1",
     "workerize-loader": "^2.0.2",
-    "@dxos/async": "0.7.5-labs.ff2ff30",
-    "@dxos/compute": "0.7.5-labs.ff2ff30",
-    "@dxos/client-services": "0.7.5-labs.ff2ff30",
-    "@dxos/conductor": "0.7.5-labs.ff2ff30",
-    "@dxos/echo-generator": "0.7.5-labs.ff2ff30",
-    "@dxos/config": "0.7.5-labs.ff2ff30",
-    "@dxos/automerge": "0.7.5-labs.ff2ff30",
-    "@dxos/echo-pipeline": "0.7.5-labs.ff2ff30",
-    "@dxos/devtools": "0.7.5-labs.ff2ff30",
-    "@dxos/echo-schema": "0.7.5-labs.ff2ff30",
-    "@dxos/app-framework": "0.7.5-labs.ff2ff30",
-    "@dxos/functions": "0.7.5-labs.ff2ff30",
-    "@dxos/keys": "0.7.5-labs.ff2ff30",
-    "@dxos/live-object": "0.7.5-labs.ff2ff30",
-    "@dxos/invariant": "0.7.5-labs.ff2ff30",
-    "@dxos/local-storage": "0.7.5-labs.ff2ff30",
-    "@dxos/log": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-client": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-graph": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-deck": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-markdown": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-sheet": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-space": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-sketch": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-theme": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-table": "0.7.5-labs.ff2ff30",
-    "@dxos/protocols": "0.7.5-labs.ff2ff30",
-    "@dxos/plugin-status-bar": "0.7.5-labs.ff2ff30",
-    "@dxos/react-client": "0.7.5-labs.ff2ff30",
-    "@dxos/random": "0.7.5-labs.ff2ff30",
-    "@dxos/react-hooks": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-attention": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-canvas-editor": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-form": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-stack": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-syntax-highlighter": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-table": "0.7.5-labs.ff2ff30",
-    "@dxos/util": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-canvas-compute": "0.7.5-labs.ff2ff30",
-    "@dxos/schema": "0.7.5-labs.ff2ff30"
+    "@dxos/async": "0.7.5-main.5ae2ba8",
+    "@dxos/app-framework": "0.7.5-main.5ae2ba8",
+    "@dxos/automerge": "0.7.5-main.5ae2ba8",
+    "@dxos/client-services": "0.7.5-main.5ae2ba8",
+    "@dxos/conductor": "0.7.5-main.5ae2ba8",
+    "@dxos/compute": "0.7.5-main.5ae2ba8",
+    "@dxos/config": "0.7.5-main.5ae2ba8",
+    "@dxos/devtools": "0.7.5-main.5ae2ba8",
+    "@dxos/echo-generator": "0.7.5-main.5ae2ba8",
+    "@dxos/echo-pipeline": "0.7.5-main.5ae2ba8",
+    "@dxos/functions": "0.7.5-main.5ae2ba8",
+    "@dxos/invariant": "0.7.5-main.5ae2ba8",
+    "@dxos/echo-schema": "0.7.5-main.5ae2ba8",
+    "@dxos/keys": "0.7.5-main.5ae2ba8",
+    "@dxos/local-storage": "0.7.5-main.5ae2ba8",
+    "@dxos/live-object": "0.7.5-main.5ae2ba8",
+    "@dxos/log": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-client": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-deck": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-graph": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-sheet": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-markdown": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-sketch": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-status-bar": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-space": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-table": "0.7.5-main.5ae2ba8",
+    "@dxos/plugin-theme": "0.7.5-main.5ae2ba8",
+    "@dxos/protocols": "0.7.5-main.5ae2ba8",
+    "@dxos/random": "0.7.5-main.5ae2ba8",
+    "@dxos/react-client": "0.7.5-main.5ae2ba8",
+    "@dxos/react-hooks": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-attention": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-form": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-kanban": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-canvas-compute": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-canvas-editor": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-syntax-highlighter": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-table": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-stack": "0.7.5-main.5ae2ba8",
+    "@dxos/schema": "0.7.5-main.5ae2ba8",
+    "@dxos/util": "0.7.5-main.5ae2ba8"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -81,17 +83,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-theme": "0.7.5-labs.ff2ff30",
-    "@dxos/storybook-utils": "0.7.5-labs.ff2ff30"
+    "@dxos/react-ui": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-theme": "0.7.5-main.5ae2ba8",
+    "@dxos/storybook-utils": "0.7.5-main.5ae2ba8"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/random": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui-theme": "0.7.5-labs.ff2ff30",
-    "@dxos/react-ui": "0.7.5-labs.ff2ff30"
+    "@dxos/random": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui": "0.7.5-main.5ae2ba8",
+    "@dxos/react-ui-theme": "0.7.5-main.5ae2ba8"
   },
   "publishConfig": {
     "access": "public"

package/src/DebugPlugin.tsx

@@ -3,13 +3,15 @@
 //
 
 import { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';
-import { DeckCapabilities } from '@dxos/plugin-deck';
+import { DeckCapabilities, DeckEvents } from '@dxos/plugin-deck';
 import { type Client } from '@dxos/react-client';
+import { isEchoObject, getSpace } from '@dxos/react-client/echo';
 
-import { AppGraphBuilder, DebugSettings, ReactSurface } from './capabilities';
+import { AppGraphBuilder, DebugSettings, ReactContext, ReactSurface } from './capabilities';
 import { DEBUG_PLUGIN, meta } from './meta';
 import translations from './translations';
 
+// TODO(wittjosiah): Rename to DevtoolsPlugin?
 export const DebugPlugin = () => {
   setupDevtools();
 
@@ -26,17 +28,23 @@ export const DebugPlugin = () => {
     }),
     defineModule({
       id: `${meta.id}/module/complementary-panel`,
-      activatesOn: Events.Startup,
+      activatesOn: DeckEvents.SetupComplementaryPanels,
       activate: () =>
         contributes(DeckCapabilities.ComplementaryPanel, {
           id: 'debug',
           label: ['debug label', { ns: DEBUG_PLUGIN }],
           icon: 'ph--bug--regular',
+          filter: (node) => isEchoObject(node.data) && !!getSpace(node.data),
         }),
     }),
+    defineModule({
+      id: `${meta.id}/module/react-context`,
+      activatesOn: Events.Startup,
+      activate: ReactContext,
+    }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupSurfaces,
+      activatesOn: Events.SetupReactSurface,
       activate: ReactSurface,
     }),
     defineModule({

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

@@ -3,41 +3,307 @@
 //
 
 import { contributes, Capabilities, type PluginsContext } from '@dxos/app-framework';
-import { ClientCapabilities } from '@dxos/plugin-client';
 import { createExtension, toSignal, type Node } from '@dxos/plugin-graph';
-import { memoizeQuery } from '@dxos/plugin-space';
 import { CollectionType } from '@dxos/plugin-space/types';
-import { getTypename, parseId, SpaceState } from '@dxos/react-client/echo';
+import { SpaceState } from '@dxos/react-client/echo';
 import { isSpace, type Space } from '@dxos/react-client/echo';
 
 import { DEBUG_PLUGIN } from '../meta';
-import { type DebugSettingsProps } from '../types';
+import { type DebugSettingsProps, Devtools } from '../types';
 
-export default (context: PluginsContext) => {
-  const resolve = (typename: string) =>
-    context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
+const DEVTOOLS_TYPE = 'dxos.org/plugin/debug/devtools';
 
-  return contributes(Capabilities.AppGraphBuilder, [
+export default (context: PluginsContext) =>
+  contributes(Capabilities.AppGraphBuilder, [
     // Devtools node.
     createExtension({
       id: 'dxos.org/plugin/debug/devtools',
-      filter: (node): node is Node<null> => {
-        const settings = context
-          .requestCapabilities(Capabilities.SettingsStore)[0]
-          ?.getStore<DebugSettingsProps>(DEBUG_PLUGIN)?.value;
-        return !!settings?.devtools && node.id === 'root';
-      },
+      filter: (node): node is Node<null> => node.id === 'root',
       connector: () => [
         {
-          // TODO(zan): Removed `/` because it breaks deck layout reload. Fix?
-          id: 'dxos.org.plugin.debug.devtools',
-          data: 'devtools',
-          type: 'dxos.org/plugin/debug/devtools',
+          id: Devtools.id,
+          data: null,
+          type: DEVTOOLS_TYPE,
           properties: {
             label: ['devtools label', { ns: DEBUG_PLUGIN }],
-            disposition: 'navigation',
+            disposition: 'workspace',
             icon: 'ph--hammer--regular',
           },
+          nodes: [
+            {
+              id: Devtools.Client.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['client label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--users--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Client.Config,
+                  data: Devtools.Client.Config,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['config label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--gear--regular',
+                  },
+                },
+                {
+                  id: Devtools.Client.Storage,
+                  data: Devtools.Client.Storage,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['storage label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--hard-drives--regular',
+                  },
+                },
+                {
+                  id: Devtools.Client.Logs,
+                  data: Devtools.Client.Logs,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['logs label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--file-text--regular',
+                  },
+                },
+                {
+                  id: Devtools.Client.Diagnostics,
+                  data: Devtools.Client.Diagnostics,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['diagnostics label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--chart-line--regular',
+                  },
+                },
+                {
+                  id: Devtools.Client.Tracing,
+                  data: Devtools.Client.Tracing,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['tracing label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--fire--regular',
+                  },
+                },
+              ],
+            },
+            {
+              id: Devtools.Halo.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['halo label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--identification-badge--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Halo.Identity,
+                  data: Devtools.Halo.Identity,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['identity label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--identification-badge--regular',
+                  },
+                },
+                {
+                  id: Devtools.Halo.Devices,
+                  data: Devtools.Halo.Devices,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['devices label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--devices--regular',
+                  },
+                },
+                {
+                  id: Devtools.Halo.Keyring,
+                  data: Devtools.Halo.Keyring,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['keyring label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--key--regular',
+                  },
+                },
+                {
+                  id: Devtools.Halo.Credentials,
+                  data: Devtools.Halo.Credentials,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['credentials label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--credit-card--regular',
+                  },
+                },
+              ],
+            },
+            {
+              id: Devtools.Echo.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['echo label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--database--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Echo.Spaces,
+                  data: Devtools.Echo.Spaces,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['spaces label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--graph--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Space,
+                  data: Devtools.Echo.Space,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['space label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--planet--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Feeds,
+                  data: Devtools.Echo.Feeds,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['feeds label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--queue--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Objects,
+                  data: Devtools.Echo.Objects,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['objects label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--database--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Automerge,
+                  data: Devtools.Echo.Automerge,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['automerge label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--gear-six--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Members,
+                  data: Devtools.Echo.Members,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['members label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--users--regular',
+                  },
+                },
+                {
+                  id: Devtools.Echo.Metadata,
+                  data: Devtools.Echo.Metadata,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['metadata label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--hard-drive--regular',
+                  },
+                },
+              ],
+            },
+            {
+              id: Devtools.Mesh.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['mesh label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--graph--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Mesh.Signal,
+                  data: Devtools.Mesh.Signal,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['signal label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--wifi-high--regular',
+                  },
+                },
+                {
+                  id: Devtools.Mesh.Swarm,
+                  data: Devtools.Mesh.Swarm,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['swarm label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--users-three--regular',
+                  },
+                },
+                {
+                  id: Devtools.Mesh.Network,
+                  data: Devtools.Mesh.Network,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['network label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--polygon--regular',
+                  },
+                },
+              ],
+            },
+            {
+              id: Devtools.Agent.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['agent label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--robot--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Agent.Dashboard,
+                  data: Devtools.Agent.Dashboard,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['dashboard label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--computer-tower--regular',
+                  },
+                },
+                {
+                  id: Devtools.Agent.Search,
+                  data: Devtools.Agent.Search,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['search label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--magnifying-glass--regular',
+                  },
+                },
+              ],
+            },
+            {
+              id: Devtools.Edge.id,
+              data: null,
+              type: DEVTOOLS_TYPE,
+              properties: {
+                label: ['edge label', { ns: DEBUG_PLUGIN }],
+                icon: 'ph--cloud--regular',
+              },
+              nodes: [
+                {
+                  id: Devtools.Edge.Dashboard,
+                  data: Devtools.Edge.Dashboard,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['dashboard label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--computer-tower--regular',
+                  },
+                },
+                {
+                  id: Devtools.Edge.Workflows,
+                  data: Devtools.Edge.Workflows,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['workflows label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--function--regular',
+                  },
+                },
+              ],
+            },
+          ],
         },
       ],
     }),
@@ -46,10 +312,12 @@ export default (context: PluginsContext) => {
     createExtension({
       id: 'dxos.org/plugin/debug/debug',
       filter: (node): node is Node<null> => {
-        const settings = context
-          .requestCapabilities(Capabilities.SettingsStore)[0]
-          ?.getStore<DebugSettingsProps>(DEBUG_PLUGIN)?.value;
-        return !!settings?.debug && node.id === 'root';
+        // TODO(wittjosiah): Plank is currently blank. Remove?
+        // const settings = context
+        //   .requestCapabilities(Capabilities.SettingsStore)[0]
+        //   ?.getStore<DebugSettingsProps>(DEBUG_PLUGIN)?.value;
+        // return !!settings?.debug && node.id === 'root';
+        return false;
       },
       connector: () => {
         const [graph] = context.requestCapabilities(Capabilities.AppGraph);
@@ -102,6 +370,7 @@ export default (context: PluginsContext) => {
 
         return [
           {
+            // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
             id: `${space.id}-debug`, // TODO(burdon): Change to slashes consistently.
             type: 'dxos.org/plugin/debug/space',
             data: { space, type: 'dxos.org/plugin/debug/space' },
@@ -113,63 +382,4 @@ export default (context: PluginsContext) => {
         ];
       },
     }),
-
-    // Create nodes for debug sidebar.
-    createExtension({
-      id: `${DEBUG_PLUGIN}/debug-for-subject`,
-      resolver: ({ id }) => {
-        if (!id.endsWith('~debug')) {
-          return;
-        }
-
-        const type = 'orphan-settings-for-subject';
-        const icon = 'ph--bug--regular';
-
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const [subjectId] = id.split('~');
-        const { spaceId, objectId } = parseId(subjectId);
-        const spaces = toSignal(
-          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
-          () => client.spaces.get(),
-        );
-        const space = spaces?.find((space) => space.state.get() === SpaceState.SPACE_READY && space.id === spaceId);
-        if (!objectId) {
-          // TODO(burdon): Ref SPACE_PLUGIN ns.
-          const label = space
-            ? space.properties.name || ['unnamed space label', { ns: DEBUG_PLUGIN }]
-            : ['unnamed object settings label', { ns: DEBUG_PLUGIN }];
-
-          // TODO(wittjosiah): Support comments for arbitrary subjects.
-          //   This is to ensure that the comments panel is not stuck on an old object.
-          return {
-            id,
-            type,
-            data: null,
-            properties: { icon, label, object: null, space },
-          };
-        }
-
-        const [object] = memoizeQuery(space, { id: objectId });
-        if (!object || !subjectId) {
-          return;
-        }
-
-        const meta = resolve(getTypename(object) ?? '');
-        const label = meta.label?.(object) ||
-          object.name ||
-          meta.placeholder || ['unnamed object settings label', { ns: DEBUG_PLUGIN }];
-
-        return {
-          id,
-          type,
-          data: null,
-          properties: {
-            icon,
-            label,
-            object,
-          },
-        };
-      },
-    }),
   ]);
-};

package/src/capabilities/index.ts

@@ -5,5 +5,6 @@
 import { lazy } from '@dxos/app-framework';
 
 export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
+export const ReactContext = lazy(() => import('./react-context'));
 export const ReactSurface = lazy(() => import('./react-surface'));
 export const DebugSettings = lazy(() => import('./settings'));