@dxos/plugin-debug 0.8.0 → 0.8.1-main.013e445

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-debug",
-  "version": "0.8.0",
+  "version": "0.8.1-main.013e445",
   "description": "DXOS Surface plugin for testing.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -28,52 +28,52 @@
     "@preact/signals-core": "^1.6.0",
     "@tldraw/tldraw": "^3.0.0",
     "date-fns": "^3.3.1",
-    "effect": "^3.12.3",
+    "effect": "3.13.3",
     "lodash.get": "^4.4.2",
     "react-json-tree": "^0.18.0",
     "react-resize-detector": "^11.0.1",
     "workerize-loader": "^2.0.2",
-    "@dxos/app-framework": "0.8.0",
-    "@dxos/async": "0.8.0",
-    "@dxos/automerge": "0.8.0",
-    "@dxos/client-services": "0.8.0",
-    "@dxos/compute": "0.8.0",
-    "@dxos/config": "0.8.0",
-    "@dxos/devtools": "0.8.0",
-    "@dxos/echo-generator": "0.8.0",
-    "@dxos/conductor": "0.8.0",
-    "@dxos/echo-schema": "0.8.0",
-    "@dxos/functions": "0.8.0",
-    "@dxos/echo-pipeline": "0.8.0",
-    "@dxos/invariant": "0.8.0",
-    "@dxos/keys": "0.8.0",
-    "@dxos/live-object": "0.8.0",
-    "@dxos/local-storage": "0.8.0",
-    "@dxos/log": "0.8.0",
-    "@dxos/plugin-deck": "0.8.0",
-    "@dxos/plugin-client": "0.8.0",
-    "@dxos/plugin-graph": "0.8.0",
-    "@dxos/plugin-markdown": "0.8.0",
-    "@dxos/plugin-sketch": "0.8.0",
-    "@dxos/plugin-sheet": "0.8.0",
-    "@dxos/plugin-space": "0.8.0",
-    "@dxos/plugin-status-bar": "0.8.0",
-    "@dxos/plugin-theme": "0.8.0",
-    "@dxos/plugin-table": "0.8.0",
-    "@dxos/protocols": "0.8.0",
-    "@dxos/random": "0.8.0",
-    "@dxos/react-client": "0.8.0",
-    "@dxos/react-hooks": "0.8.0",
-    "@dxos/react-ui-canvas-compute": "0.8.0",
-    "@dxos/react-ui-attention": "0.8.0",
-    "@dxos/react-ui-canvas-editor": "0.8.0",
-    "@dxos/react-ui-form": "0.8.0",
-    "@dxos/react-ui-kanban": "0.8.0",
-    "@dxos/react-ui-stack": "0.8.0",
-    "@dxos/react-ui-syntax-highlighter": "0.8.0",
-    "@dxos/react-ui-table": "0.8.0",
-    "@dxos/schema": "0.8.0",
-    "@dxos/util": "0.8.0"
+    "@dxos/app-framework": "0.8.1-main.013e445",
+    "@dxos/client-services": "0.8.1-main.013e445",
+    "@dxos/async": "0.8.1-main.013e445",
+    "@dxos/compute": "0.8.1-main.013e445",
+    "@dxos/automerge": "0.8.1-main.013e445",
+    "@dxos/conductor": "0.8.1-main.013e445",
+    "@dxos/config": "0.8.1-main.013e445",
+    "@dxos/devtools": "0.8.1-main.013e445",
+    "@dxos/echo-generator": "0.8.1-main.013e445",
+    "@dxos/echo-pipeline": "0.8.1-main.013e445",
+    "@dxos/echo-schema": "0.8.1-main.013e445",
+    "@dxos/invariant": "0.8.1-main.013e445",
+    "@dxos/functions": "0.8.1-main.013e445",
+    "@dxos/keys": "0.8.1-main.013e445",
+    "@dxos/local-storage": "0.8.1-main.013e445",
+    "@dxos/log": "0.8.1-main.013e445",
+    "@dxos/live-object": "0.8.1-main.013e445",
+    "@dxos/plugin-client": "0.8.1-main.013e445",
+    "@dxos/plugin-deck": "0.8.1-main.013e445",
+    "@dxos/plugin-graph": "0.8.1-main.013e445",
+    "@dxos/plugin-sheet": "0.8.1-main.013e445",
+    "@dxos/plugin-markdown": "0.8.1-main.013e445",
+    "@dxos/plugin-sketch": "0.8.1-main.013e445",
+    "@dxos/plugin-space": "0.8.1-main.013e445",
+    "@dxos/plugin-status-bar": "0.8.1-main.013e445",
+    "@dxos/plugin-table": "0.8.1-main.013e445",
+    "@dxos/plugin-theme": "0.8.1-main.013e445",
+    "@dxos/random": "0.8.1-main.013e445",
+    "@dxos/protocols": "0.8.1-main.013e445",
+    "@dxos/react-client": "0.8.1-main.013e445",
+    "@dxos/react-hooks": "0.8.1-main.013e445",
+    "@dxos/react-ui-canvas-compute": "0.8.1-main.013e445",
+    "@dxos/react-ui-attention": "0.8.1-main.013e445",
+    "@dxos/react-ui-canvas-editor": "0.8.1-main.013e445",
+    "@dxos/react-ui-kanban": "0.8.1-main.013e445",
+    "@dxos/react-ui-form": "0.8.1-main.013e445",
+    "@dxos/react-ui-syntax-highlighter": "0.8.1-main.013e445",
+    "@dxos/react-ui-stack": "0.8.1-main.013e445",
+    "@dxos/react-ui-table": "0.8.1-main.013e445",
+    "@dxos/schema": "0.8.1-main.013e445",
+    "@dxos/util": "0.8.1-main.013e445"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -83,17 +83,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.0",
-    "@dxos/react-ui-theme": "0.8.0",
-    "@dxos/storybook-utils": "0.8.0"
+    "@dxos/react-ui": "0.8.1-main.013e445",
+    "@dxos/react-ui-theme": "0.8.1-main.013e445",
+    "@dxos/storybook-utils": "0.8.1-main.013e445"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/random": "0.8.0",
-    "@dxos/react-ui": "0.8.0",
-    "@dxos/react-ui-theme": "0.8.0"
+    "@dxos/react-ui": "0.8.1-main.013e445",
+    "@dxos/react-ui-theme": "0.8.1-main.013e445",
+    "@dxos/random": "0.8.1-main.013e445"
   },
   "publishConfig": {
     "access": "public"

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

@@ -272,15 +272,6 @@ export default (context: PluginsContext) =>
                     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',
-                  },
-                },
               ],
             },
             {
@@ -310,6 +301,15 @@ export default (context: PluginsContext) =>
                     icon: 'ph--function--regular',
                   },
                 },
+                {
+                  id: Devtools.Edge.Traces,
+                  data: Devtools.Edge.Traces,
+                  type: DEVTOOLS_TYPE,
+                  properties: {
+                    label: ['traces label', { ns: DEBUG_PLUGIN }],
+                    icon: 'ph--line-segments--regular',
+                  },
+                },
               ],
             },
           ],
@@ -379,14 +379,52 @@ 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' },
+            id: `${space.id}-${Devtools.id}`,
+            data: null,
+            type: DEVTOOLS_TYPE,
             properties: {
-              label: ['debug label', { ns: DEBUG_PLUGIN }],
-              icon: 'ph--bug--regular',
+              label: ['devtools label', { ns: DEBUG_PLUGIN }],
+              icon: 'ph--hammer--regular',
             },
+            nodes: [
+              {
+                // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
+                id: `${space.id}-debug`,
+                type: 'dxos.org/plugin/debug/space',
+                data: { space, type: 'dxos.org/plugin/debug/space' },
+                properties: {
+                  label: ['debug label', { ns: DEBUG_PLUGIN }],
+                  icon: 'ph--bug--regular',
+                },
+              },
+              {
+                id: `${space.id}-${Devtools.Echo.Space}`,
+                data: Devtools.Echo.Space,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: ['space label', { ns: DEBUG_PLUGIN }],
+                  icon: 'ph--planet--regular',
+                },
+              },
+              {
+                id: `${space.id}-${Devtools.Echo.Objects}`,
+                data: Devtools.Echo.Objects,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: ['objects label', { ns: DEBUG_PLUGIN }],
+                  icon: 'ph--database--regular',
+                },
+              },
+              {
+                id: `${space.id}-${Devtools.Edge.Traces}`,
+                data: Devtools.Edge.Traces,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: ['traces label', { ns: DEBUG_PLUGIN }],
+                  icon: 'ph--line-segments--regular',
+                },
+              },
+            ],
           },
         ];
       },

package/src/capabilities/react-surface.tsx

@@ -10,6 +10,7 @@ import {
   createIntent,
   createSurface,
   LayoutAction,
+  useCapability,
   type PluginsContext,
 } from '@dxos/app-framework';
 import {
@@ -33,12 +34,13 @@ import {
   TracingPanel,
   DashboardPanel,
   EdgeDashboardPanel,
-  SearchPanel,
   AutomergePanel,
   WorkflowPanel,
   QueuesPanel,
+  InvocationTracePanel,
 } from '@dxos/devtools';
 import { SettingsStore } from '@dxos/local-storage';
+import { ClientCapabilities } from '@dxos/plugin-client';
 import { Graph } from '@dxos/plugin-graph';
 import { SpaceAction, CollectionType } from '@dxos/plugin-space/types';
 import {
@@ -48,17 +50,10 @@ import {
   type ReactiveEchoObject,
   type ReactiveObject,
   type Space,
+  parseId,
 } from '@dxos/react-client/echo';
 
-import {
-  DebugApp,
-  DebugObjectPanel,
-  DebugSettings,
-  DebugSpace,
-  DebugStatus,
-  SpaceGenerator,
-  Wireframe,
-} from '../components';
+import { DebugApp, DebugObjectPanel, DebugSettings, DebugStatus, SpaceGenerator, Wireframe } from '../components';
 import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, Devtools } from '../types';
 
@@ -74,6 +69,15 @@ type GraphDebug = {
 const isSpaceDebug = (data: any): data is SpaceDebug => data?.type === `${DEBUG_PLUGIN}/space` && isSpace(data.space);
 const isGraphDebug = (data: any): data is GraphDebug => data?.graph instanceof Graph;
 
+// TODO(wittjosiah): Factor out?
+const useCurrentSpace = () => {
+  const layout = useCapability(Capabilities.Layout);
+  const client = useCapability(ClientCapabilities.Client);
+  const { spaceId } = parseId(layout.workspace);
+  const space = spaceId ? client.spaces.get(spaceId) : undefined;
+  return space;
+};
+
 export default (context: PluginsContext) =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
@@ -109,12 +113,7 @@ export default (context: PluginsContext) =>
           [data.subject.space],
         );
 
-        const deprecated = false;
-        return deprecated ? (
-          <DebugSpace space={data.subject.space} onAddObjects={handleCreateObject} />
-        ) : (
-          <SpaceGenerator space={data.subject.space} onCreateObjects={handleCreateObject} />
-        );
+        return <SpaceGenerator space={data.subject.space} onCreateObjects={handleCreateObject} />;
       },
     }),
     createSurface({
@@ -157,7 +156,7 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/client/config`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Client.Config,
-      component: () => <ConfigPanel />,
+      component: () => <ConfigPanel vaultSelector={false} />,
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/client/storage`,
@@ -225,12 +224,13 @@ export default (context: PluginsContext) =>
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Space,
       component: () => {
+        const space = useCurrentSpace();
         const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         const handleSelect = useCallback(
           () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [Devtools.Echo.Feeds] })),
           [dispatch],
         );
-        return <SpaceInfoPanel onSelectFeed={handleSelect} onSelectPipeline={handleSelect} />;
+        return <SpaceInfoPanel space={space} onSelectFeed={handleSelect} onSelectPipeline={handleSelect} />;
       },
     }),
     createSurface({
@@ -243,7 +243,10 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/echo/objects`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Objects,
-      component: () => <ObjectsPanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <ObjectsPanel space={space} />;
+      },
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/echo/automerge`,
@@ -293,12 +296,6 @@ export default (context: PluginsContext) =>
       filter: (data): data is any => data.subject === Devtools.Agent.Dashboard,
       component: () => <DashboardPanel />,
     }),
-    createSurface({
-      id: `${DEBUG_PLUGIN}/agent/search`,
-      role: 'article',
-      filter: (data): data is any => data.subject === Devtools.Agent.Search,
-      component: () => <SearchPanel />,
-    }),
     createSurface({
       id: `${DEBUG_PLUGIN}/edge/dashboard`,
       role: 'article',
@@ -311,4 +308,13 @@ export default (context: PluginsContext) =>
       filter: (data): data is any => data.subject === Devtools.Edge.Workflows,
       component: () => <WorkflowPanel />,
     }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/edge/traces`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Edge.Traces,
+      component: () => {
+        const space = useCurrentSpace();
+        return <InvocationTracePanel space={space} />;
+      },
+    }),
   ]);

package/src/components/SpaceGenerator/SchemaTable.tsx

@@ -15,7 +15,7 @@ export type SchemaTableProps = {
 
 export const SchemaTable = ({ types, objects = {}, label, onClick }: SchemaTableProps) => {
   return (
-    <div className='grid grid-cols-[1fr_80px_40px] gap-1 overflow-hidden'>
+    <div className='grid grid-cols-[1fr_80px_40px] gap-1 overflow-none'>
       <div className='grid grid-cols-subgrid col-span-3'>
         <div className='px-2 text-sm text-primary-500'>{label}</div>
         <div className='px-2 text-xs text-subdued text-right'>count</div>

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -145,7 +145,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
   }, []);
 
   return (
-    <div role='none' className='flex flex-col divide-y divide-separator'>
+    <div role='none' className='flex flex-col divide-y divide-separator overflow-y-auto'>
       <Toolbar.Root classNames='p-1'>
         <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />
         <IconButton

package/src/components/index.ts

@@ -5,7 +5,6 @@
 import { lazy } from 'react';
 
 export const DebugApp = lazy(() => import('./DebugApp'));
-export const DebugSpace = lazy(() => import('./DebugSpace'));
 export const SpaceGenerator = lazy(() => import('./SpaceGenerator'));
 
 export * from './DebugObjectPanel';

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const DEBUG_PLUGIN = 'dxos.org/plugin/debug';
 
-export const meta = {
+export const meta: PluginMeta = {
   id: DEBUG_PLUGIN,
   name: 'Debug',
   description:
@@ -15,4 +15,4 @@ export const meta = {
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-debug',
   tags: ['experimental'],
   screenshots: ['https://dxos.network/plugin-details-debug-dark.png'],
-} satisfies PluginMeta;
+};

package/src/translations.ts

@@ -60,6 +60,7 @@ export default [
         'search label': 'Search',
         'edge label': 'Edge',
         'workflows label': 'Workflows',
+        'traces label': 'Traces',
       },
     },
   },

package/src/types.ts

@@ -78,5 +78,6 @@ export namespace Devtools {
     export const id = `${Devtools.id}.edge`;
     export const Dashboard = `${Devtools.Edge.id}.dashboard`;
     export const Workflows = `${Devtools.Edge.id}.workflows`;
+    export const Traces = `${Devtools.Edge.id}.traces`;
   }
 }