@dxos/plugin-debug 0.8.0 → 0.8.1-main.81238a8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-debug",
-  "version": "0.8.0",
+  "version": "0.8.1-main.81238a8",
   "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.81238a8",
+    "@dxos/async": "0.8.1-main.81238a8",
+    "@dxos/client-services": "0.8.1-main.81238a8",
+    "@dxos/automerge": "0.8.1-main.81238a8",
+    "@dxos/compute": "0.8.1-main.81238a8",
+    "@dxos/conductor": "0.8.1-main.81238a8",
+    "@dxos/devtools": "0.8.1-main.81238a8",
+    "@dxos/echo-pipeline": "0.8.1-main.81238a8",
+    "@dxos/echo-generator": "0.8.1-main.81238a8",
+    "@dxos/echo-schema": "0.8.1-main.81238a8",
+    "@dxos/config": "0.8.1-main.81238a8",
+    "@dxos/functions": "0.8.1-main.81238a8",
+    "@dxos/invariant": "0.8.1-main.81238a8",
+    "@dxos/live-object": "0.8.1-main.81238a8",
+    "@dxos/keys": "0.8.1-main.81238a8",
+    "@dxos/local-storage": "0.8.1-main.81238a8",
+    "@dxos/log": "0.8.1-main.81238a8",
+    "@dxos/plugin-deck": "0.8.1-main.81238a8",
+    "@dxos/plugin-client": "0.8.1-main.81238a8",
+    "@dxos/plugin-graph": "0.8.1-main.81238a8",
+    "@dxos/plugin-markdown": "0.8.1-main.81238a8",
+    "@dxos/plugin-sketch": "0.8.1-main.81238a8",
+    "@dxos/plugin-sheet": "0.8.1-main.81238a8",
+    "@dxos/plugin-status-bar": "0.8.1-main.81238a8",
+    "@dxos/plugin-table": "0.8.1-main.81238a8",
+    "@dxos/protocols": "0.8.1-main.81238a8",
+    "@dxos/plugin-space": "0.8.1-main.81238a8",
+    "@dxos/plugin-theme": "0.8.1-main.81238a8",
+    "@dxos/react-ui-attention": "0.8.1-main.81238a8",
+    "@dxos/random": "0.8.1-main.81238a8",
+    "@dxos/react-hooks": "0.8.1-main.81238a8",
+    "@dxos/react-ui-canvas-compute": "0.8.1-main.81238a8",
+    "@dxos/react-client": "0.8.1-main.81238a8",
+    "@dxos/react-ui-canvas-editor": "0.8.1-main.81238a8",
+    "@dxos/react-ui-form": "0.8.1-main.81238a8",
+    "@dxos/react-ui-stack": "0.8.1-main.81238a8",
+    "@dxos/react-ui-syntax-highlighter": "0.8.1-main.81238a8",
+    "@dxos/react-ui-table": "0.8.1-main.81238a8",
+    "@dxos/react-ui-kanban": "0.8.1-main.81238a8",
+    "@dxos/schema": "0.8.1-main.81238a8",
+    "@dxos/util": "0.8.1-main.81238a8"
   },
   "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.81238a8",
+    "@dxos/storybook-utils": "0.8.1-main.81238a8",
+    "@dxos/react-ui-theme": "0.8.1-main.81238a8"
   },
   "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/random": "0.8.1-main.81238a8",
+    "@dxos/react-ui": "0.8.1-main.81238a8",
+    "@dxos/react-ui-theme": "0.8.1-main.81238a8"
   },
   "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({
@@ -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/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`;
   }
 }

package/dist/lib/browser/DebugSpace-EBJYT5JG.mjs

@@ -1,277 +0,0 @@
-import {
-  Container
-} from "./chunk-GSJS3HEM.mjs";
-import {
-  DebugContext
-} from "./chunk-Y4ZZEHUN.mjs";
-
-// packages/plugins/plugin-debug/src/components/DebugSpace/DebugSpace.tsx
-import React2, { useContext, useMemo as useMemo2, useState as useState2 } from "react";
-import { createSpaceObjectGenerator as createSpaceObjectGenerator2 } from "@dxos/echo-generator";
-import { DocumentType } from "@dxos/plugin-markdown/types";
-import { Invitation } from "@dxos/protocols/proto/dxos/client/services";
-import { faker } from "@dxos/random";
-import { useClient } from "@dxos/react-client";
-import { Filter, useSpaceInvitation } from "@dxos/react-client/echo";
-import { InvitationEncoder } from "@dxos/react-client/invitations";
-import { useAsyncEffect } from "@dxos/react-hooks";
-import { Icon, IconButton as IconButton2, Input, Toolbar as Toolbar2, useFileDownload } from "@dxos/react-ui";
-import { safeParseInt } from "@dxos/util";
-
-// packages/plugins/plugin-debug/src/components/DebugSpace/ObjectCreator.tsx
-import React, { useMemo, useState } from "react";
-import { TestSchemaType, createSpaceObjectGenerator } from "@dxos/echo-generator";
-import { IconButton, Toolbar } from "@dxos/react-ui";
-import { createColumnBuilder, Table } from "@dxos/react-ui-table/deprecated";
-var BATCH_SIZE = 10;
-var ObjectCreator = ({ space, onAddObjects }) => {
-  const generator = useMemo(() => createSpaceObjectGenerator(space), [
-    space
-  ]);
-  const [objects, setObjects] = useState(Object.values(TestSchemaType).map((schema) => ({
-    schema,
-    enabled: true,
-    objects: 10,
-    mutations: {
-      count: 10,
-      mutationSize: 10,
-      maxContentLength: 1e3
-    }
-  })));
-  const handleCreate = async () => {
-    for (const params of objects) {
-      if (!params.enabled) {
-        continue;
-      }
-      let objectsCreated = 0;
-      while (objectsCreated < params.objects) {
-        const objects2 = await generator.createObjects({
-          [params.schema]: Math.min(BATCH_SIZE, params.objects - objectsCreated)
-        });
-        await generator.mutateObjects(objects2, params.mutations);
-        objectsCreated += objects2.length;
-        onAddObjects?.(objects2);
-      }
-    }
-    await space.db.flush();
-  };
-  const handleUpdate = (row, key, value) => {
-    const newObjects = [
-      ...objects
-    ];
-    Object.assign(newObjects.find((object) => object.schema === row.schema), {
-      [key]: value
-    });
-    setObjects(newObjects);
-  };
-  const { helper, builder } = createColumnBuilder();
-  const columns = [
-    helper.accessor("enabled", builder.switch({
-      label: "Live",
-      onUpdate: handleUpdate
-    })),
-    helper.accessor("schema", builder.string({
-      label: "Schema",
-      classNames: "font-mono"
-    })),
-    helper.accessor("objects", builder.number({
-      label: "Objects",
-      onUpdate: handleUpdate
-    })),
-    helper.accessor((obj) => obj.mutations.count, {
-      id: "mutations",
-      ...builder.number({
-        label: "Mutations",
-        onUpdate: handleUpdate
-      })
-    }),
-    helper.accessor((obj) => obj.mutations.mutationSize, {
-      id: "mutationSize",
-      ...builder.number({
-        label: "Mut. Size",
-        onUpdate: handleUpdate
-      })
-    }),
-    helper.accessor((obj) => obj.mutations.maxContentLength, {
-      id: "mutationMaxContentLength",
-      ...builder.number({
-        label: "Length",
-        onUpdate: handleUpdate
-      })
-    })
-  ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Table.Root, null, /* @__PURE__ */ React.createElement(Table.Viewport, null, /* @__PURE__ */ React.createElement(Table.Main, {
-    columns,
-    data: objects
-  }))), /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: "p-1"
-  }, /* @__PURE__ */ React.createElement(IconButton, {
-    icon: "ph--plus--regular",
-    label: "Create",
-    onClick: handleCreate
-  })));
-};
-
-// packages/plugins/plugin-debug/src/components/DebugSpace/DebugSpace.tsx
-var DEFAULT_COUNT = 100;
-var DEFAULT_PERIOD = 500;
-var DEFAULT_JITTER = 50;
-var useRefresh = () => {
-  const [update, setUpdate] = useState2({});
-  return [
-    update,
-    () => setUpdate({})
-  ];
-};
-var CustomInput = ({ icon, ...props }) => {
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "relative"
-  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
-    classNames: "w-[100px] text-right pie-[22px]",
-    size: 5,
-    ...props
-  })), /* @__PURE__ */ React2.createElement(Icon, {
-    icon,
-    size: 3,
-    classNames: "absolute inline-end-1 block-start-1 mt-[6px]"
-  }));
-};
-var DebugSpace = ({ space, onAddObjects }) => {
-  const { connect } = useSpaceInvitation(space?.key);
-  const client = useClient();
-  const [data, setData] = useState2({});
-  const [update, handleUpdate] = useRefresh();
-  useAsyncEffect(async (isMounted) => {
-    const data2 = await client.diagnostics({
-      truncate: true
-    });
-    if (isMounted()) {
-      setData(data2?.diagnostics?.spaces?.find(({ key }) => {
-        return space.key.toHex().startsWith(key);
-      }));
-    }
-  }, [
-    space,
-    update
-  ]);
-  const download = useFileDownload();
-  const handleDownload = async () => {
-    download(new Blob([
-      JSON.stringify(data, void 0, 2)
-    ], {
-      type: "text/plain"
-    }), `${(/* @__PURE__ */ new Date()).toISOString().replace(/\W/g, "-")}.json`);
-  };
-  const [mutationCount, setMutationCount] = useState2(String(DEFAULT_COUNT));
-  const [mutationInterval, setMutationInterval] = useState2(String(DEFAULT_PERIOD));
-  const [mutationJitter, setMutationJitter] = useState2(String(DEFAULT_JITTER));
-  const generator = useMemo2(() => createSpaceObjectGenerator2(space), [
-    space
-  ]);
-  const { running, start, stop } = useContext(DebugContext);
-  const handleToggleRunning = () => {
-    if (running) {
-      stop();
-      handleUpdate();
-    } else {
-      start(async () => {
-        const { objects } = await space.db.query(Filter.schema(DocumentType)).run();
-        if (objects.length) {
-          const object = faker.helpers.arrayElement(objects);
-          await generator.mutateObject(object, {
-            count: 10,
-            mutationSize: 10,
-            maxContentLength: 1e3
-          });
-        }
-      }, {
-        count: safeParseInt(mutationCount) ?? 0,
-        interval: safeParseInt(mutationInterval) ?? 0,
-        jitter: safeParseInt(mutationJitter) ?? 0
-      });
-    }
-  };
-  const handleCreateInvitation = () => {
-    const invitation = space.share({
-      type: Invitation.Type.INTERACTIVE,
-      authMethod: Invitation.AuthMethod.NONE,
-      multiUse: true
-    });
-    connect(invitation);
-    const code = InvitationEncoder.encode(invitation.get());
-    new URL(window.origin).searchParams.set("spaceInvitationCode", code);
-    const url = `${window.origin}?spaceInvitationCode=${code}`;
-    void navigator.clipboard.writeText(url);
-  };
-  const handleCreateEpoch = async () => {
-    await space.internal.createEpoch();
-    handleUpdate();
-  };
-  return /* @__PURE__ */ React2.createElement(Container, {
-    toolbar: /* @__PURE__ */ React2.createElement(Toolbar2.Root, {
-      classNames: "p-1"
-    }, /* @__PURE__ */ React2.createElement(CustomInput, {
-      icon: "ph--flag--regular",
-      autoComplete: "off",
-      placeholder: "Count",
-      value: mutationCount,
-      onChange: ({ target: { value } }) => setMutationCount(value)
-    }), /* @__PURE__ */ React2.createElement(CustomInput, {
-      icon: "ph--timer--regular",
-      autoComplete: "off",
-      placeholder: "Interval",
-      value: mutationInterval,
-      onChange: ({ target: { value } }) => setMutationInterval(value)
-    }), /* @__PURE__ */ React2.createElement(CustomInput, {
-      icon: "ph--plus-minus--regular",
-      autoComplete: "off",
-      placeholder: "Jitter",
-      value: mutationJitter,
-      onChange: ({ target: { value } }) => setMutationJitter(value)
-    }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: running ? "ph--pause-circle--regular" : "ph--play-circle--regular",
-      iconOnly: true,
-      label: "Start/stop",
-      size: 5,
-      onClick: handleToggleRunning
-    }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: "ph--arrow-clockwise--regular",
-      iconOnly: true,
-      label: "Refresh",
-      size: 5,
-      onClick: handleUpdate
-    }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: "ph--download-simple--regular",
-      iconOnly: true,
-      label: "Download",
-      size: 5,
-      onClick: handleDownload
-    }), /* @__PURE__ */ React2.createElement(Toolbar2.Separator, {
-      variant: "gap"
-    }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: "ph--flag-pennant--regular",
-      iconOnly: true,
-      label: "Create epoch",
-      size: 5,
-      onClick: handleCreateEpoch
-    }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: "ph--user-circle-plus--regular",
-      iconOnly: true,
-      iconClassNames: "text-blue-500",
-      label: "Create Invitation",
-      size: 5,
-      onClick: handleCreateInvitation
-    }))
-  }, /* @__PURE__ */ React2.createElement(ObjectCreator, {
-    space,
-    onAddObjects
-  }));
-};
-
-// packages/plugins/plugin-debug/src/components/DebugSpace/index.ts
-var DebugSpace_default = DebugSpace;
-export {
-  DebugSpace_default as default
-};
-//# sourceMappingURL=DebugSpace-EBJYT5JG.mjs.map