@dxos/plugin-debug 0.9.1-main.c7dcc2e112 → 0.10.0

package/src/capabilities/react-surface.tsx

@@ -2,14 +2,16 @@
 // Copyright 2025 DXOS.org
 //
 
+import { useAtomValue } from '@effect-atom/atom-react';
 import * as Effect from 'effect/Effect';
 import * as Option from 'effect/Option';
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import { Surface, useOperationInvoker, useSettingsState } from '@dxos/app-framework/ui';
+import { Surface, useAtomCapability, useOperationInvoker, useSettingsState } from '@dxos/app-framework/ui';
 import { AppAnnotation, AppCapabilities, LayoutOperation, Paths } from '@dxos/app-toolkit';
 import { AppSurface, useActiveSpace } from '@dxos/app-toolkit/ui';
+import { EDGE_SERVICE_DEFAULTS, EdgeServiceName } from '@dxos/config';
 import {
   AutomergePanel,
   ConfigPanel,
@@ -37,19 +39,22 @@ import {
   TestingPanel,
   WorkflowPanel,
 } from '@dxos/devtools';
-import { Annotation, Collection, Feed, Obj } from '@dxos/echo';
+import { Annotation, Collection, Entity, Feed, Filter, Obj, Type } from '@dxos/echo';
+import { HiddenAnnotation } from '@dxos/echo/Annotation';
 import { log } from '@dxos/log';
 import { type IdbLogStore } from '@dxos/log-store-idb';
 import { type Graph } from '@dxos/plugin-graph';
 import { ScriptOperation } from '@dxos/plugin-script';
-import { SpaceOperation } from '@dxos/plugin-space';
+import { SpaceCapabilities, SpaceOperation } from '@dxos/plugin-space';
+import { useClient } from '@dxos/react-client';
 import { type Space, SpaceState, isSpace } from '@dxos/react-client/echo';
 import { ToolsExplorer } from '@dxos/react-ui-introspect';
+import { Position } from '@dxos/util';
 
-import { DebugSettings } from '#components';
 import {
   DebugGraph,
   DebugObjectPanel,
+  DebugSettings,
   DebugSpaceObjectsPanel,
   DebugStatus,
   DevtoolsOverviewContainer,
@@ -58,10 +63,9 @@ import {
   Wireframe,
 } from '#containers';
 import { meta } from '#meta';
-import { DebugCapabilities, type Settings, Devtools } from '#types';
+import { DebugCapabilities, Devtools, type Settings } from '#types';
 
-// TODO(burdon): Move to config.
-const MCP_SERVER_URL = 'https://introspect-service-labs.dxos.workers.dev/mcp';
+const MCP_SERVER_URL = EDGE_SERVICE_DEFAULTS[EdgeServiceName.Introspect];
 
 type SpaceDebug = {
   type: string;
@@ -82,6 +86,46 @@ const isGraphDebug = (data: any): data is GraphDebug => {
   );
 };
 
+/** Returns `onOpen` and `canOpen` for the ObjectsTree "Open" action. */
+const useObjectOpenAction = (invokePromise: ReturnType<typeof useOperationInvoker>['invokePromise']) => {
+  const client = useClient();
+  const spaceSettings = useAtomCapability(SpaceCapabilities.Settings);
+  const showHidden = spaceSettings?.showHidden ?? false;
+
+  const allTypes = useAtomValue(useMemo(() => client.graph.registry.query(Filter.type(Type.Type)).atom, [client]));
+
+  const hiddenTypenames = useMemo(() => {
+    const result = new Set<string>();
+    for (const typeEntity of allTypes) {
+      const schema = Type.getSchema(typeEntity);
+      if (HiddenAnnotation.get(schema).pipe(Option.getOrElse(() => false))) {
+        result.add(Type.getTypename(typeEntity));
+      }
+    }
+    return result;
+  }, [allTypes]);
+
+  const onOpen = useCallback(
+    (object: Obj.Unknown) => {
+      void invokePromise(LayoutOperation.Open, { subject: [Paths.getObjectPathFromObject(object)] });
+    },
+    [invokePromise],
+  );
+
+  const canOpen = useCallback(
+    (entity: Entity.Snapshot) => {
+      if (showHidden) {
+        return true;
+      }
+      const typename = Entity.getTypename(entity);
+      return !hiddenTypenames.has(typename ?? '');
+    },
+    [showHidden, hiddenTypenames],
+  );
+
+  return { onOpen, canOpen };
+};
+
 type ReactSurfaceOptions = {
   logStore?: IdbLogStore;
 };
@@ -171,7 +215,7 @@ export default Capability.makeModule(
             return Obj.isObject(value) && !!settings.wireframe;
           }),
         ),
-        position: 'first',
+        position: Position.first,
         component: ({ data, role, name }) => (
           <Wireframe label={`${role}:${name}`} object={data.subject} classNames='row-span-2 overflow-hidden' />
         ),
@@ -182,7 +226,11 @@ export default Capability.makeModule(
           AppSurface.literal(AppSurface.Article, 'debug'),
           AppSurface.companion(AppSurface.Article),
         ),
-        component: ({ role, data }) => <DebugObjectPanel role={role} companionTo={data.companionTo} />,
+        component: ({ role, data }) => {
+          const { invokePromise } = useOperationInvoker();
+          const { onOpen, canOpen } = useObjectOpenAction(invokePromise);
+          return <DebugObjectPanel role={role} companionTo={data.companionTo} onOpen={onOpen} canOpen={canOpen} />;
+        },
       }),
       Surface.create({
         id: 'devtoolsOverview',
@@ -194,18 +242,20 @@ export default Capability.makeModule(
         filter: Surface.makeFilter(AppSurface.deckCompanion('spaceObjects')),
         component: () => {
           const space = useActiveSpace();
+          const { invokePromise } = useOperationInvoker();
+          const { onOpen, canOpen } = useObjectOpenAction(invokePromise);
           if (!space) {
             return null;
           }
 
-          return <DebugSpaceObjectsPanel space={space} />;
+          return <DebugSpaceObjectsPanel space={space} onOpen={onOpen} canOpen={canOpen} />;
         },
       }),
 
       Surface.create({
         id: 'debugStatus',
         filter: Surface.makeFilter(AppSurface.StatusIndicator),
-        position: 'first',
+        position: Position.first,
         component: () => <DebugStatus />,
       }),
 

package/src/components/SpaceGenerator/presets.ts

@@ -4,8 +4,8 @@
 
 import * as Schema from 'effect/Schema';
 
-import { AgentPrompt, WebSearchBlueprint } from '@dxos/assistant-toolkit';
-import { Routine, Trigger, Operation } from '@dxos/compute';
+import { RunInstructions, WebSearchSkill } from '@dxos/assistant-toolkit';
+import { Instructions, Operation, Trigger } from '@dxos/compute';
 import { type ComputeGraphModel, NODE_INPUT } from '@dxos/conductor';
 import { Feed, Filter, JsonSchema, Key, Obj, Query, type QueryAST, Ref, Scope, Tag } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
@@ -135,7 +135,7 @@ export const generator = () => ({
             Trigger.make({
               enabled: true,
               spec: Trigger.specTimer('* * * * *'), // Every minute.
-              function: Ref.make(Operation.serialize(InboxOperation.GoogleMailSync)),
+              runnable: Ref.make(Operation.serialize(InboxOperation.GoogleMailSync)),
               input: {
                 mailbox: Ref.make(mailbox),
               },
@@ -143,22 +143,18 @@ export const generator = () => ({
           );
 
           const researchPrompt = space.db.add(
-            Routine.make({
+            Instructions.make({
               name: 'Research',
               description: 'Research organization',
-              input: Schema.Struct({
-                org: Schema.Any,
-              }),
-              output: Schema.Any,
 
               // TODO(dmaretskyi): This mocks research (returns pre-baked result), the actual research might take compute minutes.
               // Remove the mock prompt to do the actual research.
-              instructions: trim`
+              text: trim`
                 Research the organization provided as input.
                 Create a research note for it at the end.
                 NOTE: Do mocked reseach (set mockSearch to true).
               `,
-              blueprints: [Ref.make(WebSearchBlueprint.make())],
+              skills: [Ref.make(WebSearchSkill.make())],
             }),
           );
 
@@ -166,9 +162,9 @@ export const generator = () => ({
             Trigger.make({
               enabled: true,
               spec: Trigger.specSubscription(organizationsQuery),
-              function: Ref.make(Operation.serialize(AgentPrompt)),
+              runnable: Ref.make(Operation.serialize(RunInstructions)),
               input: {
-                prompt: Ref.make(researchPrompt),
+                instructions: Ref.make(researchPrompt),
                 input: '{{event.subject}}',
               },
             }),
@@ -790,7 +786,8 @@ const attachTrigger = (functionTrigger: Trigger.Trigger | undefined, computeMode
   invariant(functionTrigger);
   const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT)!;
   Obj.update(functionTrigger, (functionTrigger) => {
-    functionTrigger.function = Ref.make(computeModel.root);
+    // TODO(wittjosiah): Widen Runnable union to include ComputeGraph and remove cast.
+    functionTrigger.runnable = Ref.make(computeModel.root) as any;
     functionTrigger.inputNodeId = inputNode.id;
   });
 };

package/src/components/index.ts

@@ -2,9 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type ComponentType, lazy } from 'react';
-
-export const DebugSettings: ComponentType<any> = lazy(() => import('./DebugSettings'));
-
 export * from './SchemaTable';
 export * from './SpaceGenerator';

package/src/containers/DebugObjectPanel/DebugObjectPanel.tsx

@@ -6,7 +6,7 @@ import React, { useMemo, useState } from 'react';
 
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { ObjectsTree } from '@dxos/devtools';
-import { Filter, Json, Obj, Query } from '@dxos/echo';
+import { type Entity, Filter, Json, Obj, Query } from '@dxos/echo';
 import type { EntityId } from '@dxos/keys';
 import { useQuery } from '@dxos/react-client/echo';
 import { Clipboard, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';
@@ -16,9 +16,12 @@ import { mx } from '@dxos/ui-theme';
 export type DebugObjectPanelProps = Pick<
   AppSurface.ObjectArticleProps<Obj.Unknown, {}, Obj.Unknown>,
   'role' | 'companionTo'
->;
+> & {
+  onOpen?: (object: Obj.Unknown) => void;
+  canOpen?: (entity: Entity.Snapshot) => boolean;
+};
 
-export const DebugObjectPanel = ({ role, companionTo }: DebugObjectPanelProps) => {
+export const DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }: DebugObjectPanelProps) => {
   const db = Obj.getDatabase(companionTo);
   const [selectedId, setSelectedId] = useState<EntityId | null>(null);
   const [depth, setDepth] = useState(0);
@@ -39,7 +42,13 @@ export const DebugObjectPanel = ({ role, companionTo }: DebugObjectPanelProps) =
             {db && (
               <ScrollArea.Root>
                 <ScrollArea.Viewport>
-                  <ObjectsTree db={db} root={companionTo} onSelect={(entity) => setSelectedId(entity.id)} />
+                  <ObjectsTree
+                    db={db}
+                    root={companionTo}
+                    onSelect={(entity) => setSelectedId(entity.id)}
+                    onOpen={onOpen}
+                    canOpen={canOpen}
+                  />
                 </ScrollArea.Viewport>
               </ScrollArea.Root>
             )}

package/src/{components → containers}/DebugSettings/DebugSettings.stories.tsx

@@ -12,7 +12,7 @@ import { translations } from '#translations';
 import { DebugSettings } from './DebugSettings';
 
 const meta = {
-  title: 'plugins/plugin-debug/components/DebugSettings',
+  title: 'plugins/plugin-debug/containers/DebugSettings',
   component: DebugSettings,
   decorators: [withTheme(), withLayout({ layout: 'fullscreen' }), withClientProvider({ createIdentity: true })],
   tags: ['settings'],

package/src/{components → containers}/DebugSettings/DebugSettings.tsx

@@ -11,12 +11,12 @@ import { log } from '@dxos/log';
 import { type IdbLogStore } from '@dxos/log-store-idb';
 import { useClient } from '@dxos/react-client';
 import { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';
-import { Settings as SettingsForm } from '@dxos/react-ui-form';
+import { Form } from '@dxos/react-ui-form';
 import { TRACE_ALL_KEY } from '@dxos/tracing';
 import { setDeep } from '@dxos/util';
 
 import { meta } from '#meta';
-import { type Settings } from '#types';
+import { Settings } from '#types';
 
 type Toast = {
   title: string;
@@ -28,7 +28,7 @@ const StorageAdapters = {
   idb: defs.Runtime.Client.Storage.StorageDriver.IDB,
 } as const;
 
-export type DebugSettingsProps = AppSurface.SettingsArticleProps<
+export type DebugSettingsProps = AppSurface.SettingsProps<
   Settings.Settings,
   {
     logStore: IdbLogStore;
@@ -152,100 +152,102 @@ export const DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }
   );
 
   return (
-    <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>
-        <SettingsForm.Item title={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>
-          <Input.Switch
-            disabled={!onSettingsChange}
-            checked={settings.wireframe}
-            onCheckedChange={handleWireframeChange}
-          />
-        </SettingsForm.Item>
-        <SettingsForm.Item title={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>
-          <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />
-        </SettingsForm.Item>
-        <SettingsForm.Item
-          title={t('settings.tracing-panel.label')}
-          description={t('settings.tracing-panel.description')}
-        >
-          <IconButton
-            icon='ph--arrow-square-out--regular'
-            iconOnly
-            label={t('settings.tracing-panel.label')}
-            onClick={handleOpenTracingPanel}
-          />
-        </SettingsForm.Item>
-        <SettingsForm.Item
-          title={t('settings.download-diagnostics.label')}
-          description={t('settings.download-diagnostics.description')}
-        >
-          <IconButton
-            icon='ph--download-simple--regular'
-            iconOnly
-            label={t('settings.download-diagnostics.label')}
-            onClick={handleDownload}
-          />
-        </SettingsForm.Item>
-        <SettingsForm.Item
-          title={t('settings.download-logs.label')}
-          description={t('settings.download-logs.description')}
-        >
-          <IconButton
-            icon='ph--download-simple--regular'
-            iconOnly
-            label={t('settings.download-logs.label')}
-            onClick={handleDownloadLogs}
-          />
-        </SettingsForm.Item>
-        <SettingsForm.Item title={t('settings.repair.label')} description={t('settings.repair.description')}>
-          <IconButton
-            icon='ph--first-aid-kit--regular'
-            iconOnly
-            label={t('settings.repair.label')}
-            onClick={handleRepair}
-          />
-        </SettingsForm.Item>
+    <Form.Root schema={Settings.Settings} values={settings} variant='settings' readonly={!onSettingsChange}>
+      <Form.Viewport scroll>
+        <Form.Content>
+          <Form.Section title={meta.profile.name ?? meta.profile.key}>
+            <Form.Row label={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>
+              <Input.Root>
+                <Input.Switch
+                  disabled={!onSettingsChange}
+                  checked={settings.wireframe}
+                  onCheckedChange={handleWireframeChange}
+                />
+              </Input.Root>
+            </Form.Row>
+            <Form.Row label={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>
+              <Input.Root>
+                <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />
+              </Input.Root>
+            </Form.Row>
+            <Form.Row label={t('settings.tracing-panel.label')} description={t('settings.tracing-panel.description')}>
+              <IconButton
+                icon='ph--arrow-square-out--regular'
+                iconOnly
+                label={t('settings.tracing-panel.label')}
+                onClick={handleOpenTracingPanel}
+              />
+            </Form.Row>
+            <Form.Row
+              label={t('settings.download-diagnostics.label')}
+              description={t('settings.download-diagnostics.description')}
+            >
+              <IconButton
+                icon='ph--download-simple--regular'
+                iconOnly
+                label={t('settings.download-diagnostics.label')}
+                onClick={handleDownload}
+              />
+            </Form.Row>
+            <Form.Row label={t('settings.download-logs.label')} description={t('settings.download-logs.description')}>
+              <IconButton
+                icon='ph--download-simple--regular'
+                iconOnly
+                label={t('settings.download-logs.label')}
+                onClick={handleDownloadLogs}
+              />
+            </Form.Row>
+            <Form.Row label={t('settings.repair.label')} description={t('settings.repair.description')}>
+              <IconButton
+                icon='ph--first-aid-kit--regular'
+                iconOnly
+                label={t('settings.repair.label')}
+                onClick={handleRepair}
+              />
+            </Form.Row>
 
-        {/* TODO(burdon): Move to layout? */}
-        {toast && (
-          <Toast.Root>
-            <Toast.Title icon='ph--gift--duotone'>
-              <span>{toast.title}</span>
-            </Toast.Title>
-            {toast.description && <Toast.Description>{toast.description}</Toast.Description>}
-          </Toast.Root>
-        )}
+            {/* TODO(burdon): Move to layout? */}
+            {toast && (
+              <Toast.Root>
+                <Toast.Title icon='ph--gift--duotone'>
+                  <span>{toast.title}</span>
+                </Toast.Title>
+                {toast.description && <Toast.Description>{toast.description}</Toast.Description>}
+              </Toast.Root>
+            )}
 
-        <SettingsForm.Item
-          title={t('settings.choose-storage-adaptor.label')}
-          description={t('settings.choose-storage-adaptor.description')}
-        >
-          <Select.Root
-            disabled={!onSettingsChange}
-            value={
-              Object.entries(StorageAdapters).find(
-                ([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore,
-              )?.[0]
-            }
-            onValueChange={handleStorageAdapterChange}
-          >
-            <Select.TriggerButton disabled={!onSettingsChange} placeholder={t('settings.data-store.label')} />
-            <Select.Portal>
-              <Select.Content>
-                <Select.Viewport>
-                  {Object.keys(StorageAdapters).map((key) => (
-                    <Select.Option key={key} value={key}>
-                      {t(`settings.storage-adaptor.${key}.label`)}
-                    </Select.Option>
-                  ))}
-                </Select.Viewport>
-                <Select.Arrow />
-              </Select.Content>
-            </Select.Portal>
-          </Select.Root>
-        </SettingsForm.Item>
-      </SettingsForm.Section>
-    </SettingsForm.Viewport>
+            <Form.Row
+              label={t('settings.choose-storage-adaptor.label')}
+              description={t('settings.choose-storage-adaptor.description')}
+            >
+              <Select.Root
+                disabled={!onSettingsChange}
+                value={
+                  Object.entries(StorageAdapters).find(
+                    ([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore,
+                  )?.[0]
+                }
+                onValueChange={handleStorageAdapterChange}
+              >
+                <Select.TriggerButton disabled={!onSettingsChange} placeholder={t('settings.data-store.label')} />
+                <Select.Portal>
+                  <Select.Content>
+                    <Select.Viewport>
+                      {Object.keys(StorageAdapters).map((key) => (
+                        <Select.Option key={key} value={key}>
+                          {t(`settings.storage-adaptor.${key}.label`)}
+                        </Select.Option>
+                      ))}
+                    </Select.Viewport>
+                    <Select.Arrow />
+                  </Select.Content>
+                </Select.Portal>
+              </Select.Root>
+            </Form.Row>
+          </Form.Section>
+        </Form.Content>
+      </Form.Viewport>
+    </Form.Root>
   );
 };
 

package/src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx

@@ -6,15 +6,18 @@ import React, { useState } from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { ObjectsTree } from '@dxos/devtools';
-import { Filter, Query } from '@dxos/echo';
+import { type Entity, Filter, Obj, Query } from '@dxos/echo';
 import { type EntityId } from '@dxos/keys';
 import { useQuery } from '@dxos/react-client/echo';
 import { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';
 import { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
-export type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps;
+export type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps & {
+  onOpen?: (object: Obj.Unknown) => void;
+  canOpen?: (entity: Entity.Snapshot) => boolean;
+};
 
-export const DebugSpaceObjectsPanel = ({ space }: DebugSpaceObjectsPanelProps) => {
+export const DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }: DebugSpaceObjectsPanelProps) => {
   const [selectedId, setSelectedId] = useState<EntityId | null>(null);
   const [selectedObject] = useQuery(
     space.db,
@@ -35,7 +38,12 @@ export const DebugSpaceObjectsPanel = ({ space }: DebugSpaceObjectsPanelProps) =
           <Grid rows={2} classNames='divide-y divide-separator'>
             <ScrollArea.Root>
               <ScrollArea.Viewport>
-                <ObjectsTree db={space.db} onSelect={(entity) => setSelectedId(entity.id)} />
+                <ObjectsTree
+                  db={space.db}
+                  onSelect={(entity) => setSelectedId(entity.id)}
+                  onOpen={onOpen}
+                  canOpen={canOpen}
+                />
               </ScrollArea.Viewport>
             </ScrollArea.Root>
             {selectedObject && <JsonHighlighter classNames='p-1' data={selectedObject} />}

package/src/containers/RegistryPanel/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2026 DXOS.org
 //
 
-export { RegistryPanel as default, RegistryPanel } from './RegistryPanel';
+export { RegistryPanel, RegistryPanel as default } from './RegistryPanel';

package/src/containers/index.ts

@@ -5,6 +5,7 @@
 import { type ComponentType, lazy } from 'react';
 
 export const DebugGraph: ComponentType<any> = lazy(() => import('./DebugGraph'));
+export const DebugSettings: ComponentType<any> = lazy(() => import('./DebugSettings'));
 export const DebugObjectPanel: ComponentType<any> = lazy(() => import('./DebugObjectPanel'));
 export const DebugStatus: ComponentType<any> = lazy(() => import('./DebugStatus'));
 export const DevtoolsOverviewContainer: ComponentType<any> = lazy(() => import('./DevtoolsOverviewContainer'));

package/src/translations.ts

@@ -13,7 +13,6 @@ export const translations = [
     'en-US': {
       [meta.profile.key]: {
         'plugin.name': 'Debug',
-        'settings.title': 'Debug settings',
         'open-devtools.label': 'Open DevTools',
         'devtools.label': 'DevTools',
         'devtools-overview.label': 'Stats',

package/src/types/Devtools.ts

@@ -0,0 +1,73 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import { meta } from '#meta';
+
+/**
+ * Extracts the last dot-separated segment of a Devtools namespaced ID string.
+ * Use this as the node segment `id` when building app-graph nodes whose `data`
+ * value is one of the other constants in this namespace.
+ */
+export const nodeId = (fullId: string): string => fullId.split('.').at(-1) ?? '';
+
+const devtoolsId = `${meta.profile.key}.devtools`;
+
+export const id = devtoolsId;
+export const AppGraph = `${devtoolsId}.appGraph`;
+export const Debug = `${devtoolsId}.debug`;
+export const ToolsExplorer = `${devtoolsId}.toolsExplorer`;
+
+export namespace Client {
+  export const id = `${devtoolsId}.client`;
+  export const Config = `${Client.id}.config`;
+  export const Storage = `${Client.id}.storage`;
+  export const Sqlite = `${Client.id}.sqlite`;
+  export const Logs = `${Client.id}.logs`;
+  export const Diagnostics = `${Client.id}.diagnostics`;
+}
+
+export namespace Halo {
+  export const id = `${devtoolsId}.halo`;
+  export const Identity = `${Halo.id}.identity`;
+  export const Devices = `${Halo.id}.devices`;
+  export const Keyring = `${Halo.id}.keyring`;
+  export const Credentials = `${Halo.id}.credentials`;
+}
+
+export namespace Echo {
+  export const id = `${devtoolsId}.echo`;
+  export const Spaces = `${Echo.id}.spaces`;
+  export const Space = `${Echo.id}.space`;
+  export const Feeds = `${Echo.id}.feeds`;
+  export const Objects = `${Echo.id}.objects`;
+  export const Schema = `${Echo.id}.schema`;
+  export const Registry = `${Echo.id}.registry`;
+  export const Automerge = `${Echo.id}.automerge`;
+  export const Queues = `${Echo.id}.queues`;
+  export const Members = `${Echo.id}.members`;
+  export const Metadata = `${Echo.id}.metadata`;
+}
+
+export namespace Mesh {
+  export const id = `${devtoolsId}.mesh`;
+  export const Signal = `${Mesh.id}.signal`;
+  export const Swarm = `${Mesh.id}.swarm`;
+  export const Network = `${Mesh.id}.network`;
+}
+
+export namespace Agent {
+  export const id = `${devtoolsId}.agent`;
+  export const Dashboard = `${Agent.id}.dashboard`;
+  export const Search = `${Agent.id}.search`;
+}
+
+export namespace Edge {
+  export const id = `${devtoolsId}.edge`;
+  export const Dashboard = `${Edge.id}.dashboard`;
+  export const Workflows = `${Edge.id}.workflows`;
+  export const Traces = `${Edge.id}.traces`;
+  export const Testing = `${Edge.id}.testing`;
+}