@dxos/plugin-debug 0.8.1-main.ba2dec9 → 0.8.1-staging.31c3ee1

package/src/capabilities/react-surface.tsx

@@ -2,14 +2,17 @@
 // Copyright 2025 DXOS.org
 //
 
+import { pipe } from 'effect';
 import React, { useCallback } from 'react';
 
 import {
   Capabilities,
+  chain,
   contributes,
   createIntent,
   createSurface,
   LayoutAction,
+  useCapability,
   type PluginsContext,
 } from '@dxos/app-framework';
 import {
@@ -31,16 +34,18 @@ import {
   StoragePanel,
   SwarmPanel,
   TracingPanel,
-  DashboardPanel,
   EdgeDashboardPanel,
-  SearchPanel,
   AutomergePanel,
   WorkflowPanel,
   QueuesPanel,
   InvocationTracePanel,
+  TestingPanel,
 } from '@dxos/devtools';
 import { SettingsStore } from '@dxos/local-storage';
+import { log } from '@dxos/log';
+import { ClientCapabilities } from '@dxos/plugin-client';
 import { Graph } from '@dxos/plugin-graph';
+import { ScriptAction } from '@dxos/plugin-script/types';
 import { SpaceAction, CollectionType } from '@dxos/plugin-space/types';
 import {
   SpaceState,
@@ -49,17 +54,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';
 
@@ -75,10 +73,19 @@ 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({
-      id: `${DEBUG_PLUGIN}/settings`,
+      id: `${DEBUG_PLUGIN}/plugin-settings`,
       role: 'article',
       filter: (data): data is { subject: SettingsStore<DebugSettingsProps> } =>
         data.subject instanceof SettingsStore && data.subject.prefix === DEBUG_PLUGIN,
@@ -110,12 +117,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({
@@ -139,10 +141,11 @@ export default (context: PluginsContext) =>
       ),
     }),
     createSurface({
-      id: `${DEBUG_PLUGIN}/complementary`,
-      role: 'complementary--debug',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
-      component: ({ data }) => <DebugObjectPanel object={data.subject} />,
+      id: `${DEBUG_PLUGIN}/object-debug`,
+      role: 'article',
+      filter: (data): data is { companionTo: ReactiveEchoObject<any> } =>
+        data.subject === 'debug' && isEchoObject(data.companionTo),
+      component: ({ data }) => <DebugObjectPanel object={data.companionTo} />,
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/status`,
@@ -158,7 +161,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`,
@@ -206,7 +209,10 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/halo/credentials`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Halo.Credentials,
-      component: () => <CredentialsPanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <CredentialsPanel space={space} />;
+      },
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/echo/spaces`,
@@ -226,31 +232,41 @@ 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({
       id: `${DEBUG_PLUGIN}/echo/feeds`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Feeds,
-      component: () => <FeedsPanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <FeedsPanel space={space} />;
+      },
     }),
     createSurface({
       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`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Automerge,
-      component: () => <AutomergePanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <AutomergePanel space={space} />;
+      },
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/echo/queues`,
@@ -262,7 +278,10 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/echo/members`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Echo.Members,
-      component: () => <MembersPanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <MembersPanel space={space} />;
+      },
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/echo/metadata`,
@@ -286,20 +305,18 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/mesh/network`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Mesh.Network,
-      component: () => <NetworkPanel />,
-    }),
-    createSurface({
-      id: `${DEBUG_PLUGIN}/agent/dashboard`,
-      role: 'article',
-      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 />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <NetworkPanel space={space} />;
+      },
     }),
+    // TODO(wittjosiah): Remove?
+    // createSurface({
+    //   id: `${DEBUG_PLUGIN}/agent/dashboard`,
+    //   role: 'article',
+    //   filter: (data): data is any => data.subject === Devtools.Agent.Dashboard,
+    //   component: () => <DashboardPanel />,
+    // }),
     createSurface({
       id: `${DEBUG_PLUGIN}/edge/dashboard`,
       role: 'article',
@@ -310,12 +327,48 @@ export default (context: PluginsContext) =>
       id: `${DEBUG_PLUGIN}/edge/workflows`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Edge.Workflows,
-      component: () => <WorkflowPanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <WorkflowPanel space={space} />;
+      },
     }),
     createSurface({
       id: `${DEBUG_PLUGIN}/edge/traces`,
       role: 'article',
       filter: (data): data is any => data.subject === Devtools.Edge.Traces,
-      component: () => <InvocationTracePanel />,
+      component: () => {
+        const space = useCurrentSpace();
+        return <InvocationTracePanel space={space} />;
+      },
+    }),
+    createSurface({
+      id: `${DEBUG_PLUGIN}/edge/testing`,
+      role: 'article',
+      filter: (data): data is any => data.subject === Devtools.Edge.Testing,
+      component: () => {
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        const onSpaceCreate = useCallback(
+          async (space: Space) => {
+            await space.waitUntilReady();
+            await dispatch(createIntent(SpaceAction.Migrate, { space }));
+            await space.db.flush();
+          },
+          [dispatch],
+        );
+        const onScriptPluginOpen = useCallback(
+          async (space: Space) => {
+            await space.waitUntilReady();
+            const result = await dispatch(
+              pipe(createIntent(ScriptAction.Create, { space }), chain(SpaceAction.AddObject, { target: space })),
+            );
+            log.info('script created', { result });
+            await dispatch(
+              createIntent(LayoutAction.Open, { part: 'main', subject: [`${space.id}:${result.data?.object.id}`] }),
+            );
+          },
+          [dispatch],
+        );
+        return <TestingPanel onSpaceCreate={onSpaceCreate} onScriptPluginOpen={onScriptPluginOpen} />;
+      },
     }),
   ]);

package/src/capabilities/settings.ts

@@ -9,9 +9,7 @@ import { DEBUG_PLUGIN } from '../meta';
 import { type DebugSettingsProps, DebugSettingsSchema } from '../types';
 
 export default () => {
-  const settings = create<DebugSettingsProps>({
-    debug: true,
-  });
+  const settings = create<DebugSettingsProps>({});
 
   return contributes(Capabilities.Settings, { schema: DebugSettingsSchema, prefix: DEBUG_PLUGIN, value: settings });
 };

package/src/components/DebugSettings.tsx

@@ -78,9 +78,6 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
 
   return (
     <DeprecatedFormContainer>
-      <DeprecatedFormInput label={t('settings show debug panel')}>
-        <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />
-      </DeprecatedFormInput>
       <DeprecatedFormInput label={t('settings wireframe')}>
         <Input.Switch checked={settings.wireframe} onCheckedChange={(checked) => (settings.wireframe = !!checked)} />
       </DeprecatedFormInput>

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -150,7 +150,7 @@ export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): Obj
       (await space.db.schemaRegistry.register([type]))[0];
 
     // Create objects.
-    const generate = createAsyncGenerator(generator, schema.getSchemaSnapshot(), { db: space.db });
+    const generate = createAsyncGenerator(generator, schema.snapshot, { db: space.db });
     const objects = await generate.createObjects(n);
 
     // Find or create table and view.

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

@@ -34,13 +34,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const client = useClient();
   const staticTypes = [DocumentType, DiagramType, SheetType, ComputeGraph]; // TODO(burdon): Make extensible.
-  const mutableTypes = [
-    Testing.OrgType,
-    Testing.ProjectType,
-    Testing.ContactType,
-    Testing.EmailType,
-    Testing.MessageType,
-  ];
+  const mutableTypes = [Testing.Org, Testing.Project, Testing.Contact, Testing.Message];
   const [count, setCount] = useState(1);
   const [info, setInfo] = useState<any>({});
 
@@ -118,7 +112,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
             const parts = schema.typename.split('/');
             const name = parts[parts.length - 1];
             const table = create(TableType, { name, threads: [] });
-            await initializeTable({ space, table, initialSchema: schema.typename });
+            await initializeTable({ client, space, table, typename: schema.typename });
             await dispatch(createIntent(SpaceAction.AddObject, { target: space, object: table }));
             return table;
           }),
@@ -145,7 +139,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

@@ -51,16 +51,17 @@ export default [
         'queues label': 'Queues',
         'members label': 'Members',
         'metadata label': 'Metadata',
-        'mesh label': 'Mesh',
+        'mesh label': 'MESH',
         'signal label': 'Signal',
         'swarm label': 'Swarm',
         'network label': 'Network',
         'agent label': 'Agent',
         'dashboard label': 'Dashboard',
         'search label': 'Search',
-        'edge label': 'Edge',
+        'edge label': 'EDGE',
         'workflows label': 'Workflows',
         'traces label': 'Traces',
+        'testing label': 'Testing',
       },
     },
   },

package/src/types.ts

@@ -21,7 +21,6 @@ export const DebugContext: Context<DebugContextType> = createContext<DebugContex
 
 export const DebugSettingsSchema = S.mutable(
   S.Struct({
-    debug: S.optional(S.Boolean),
     wireframe: S.optional(S.Boolean),
   }),
 );
@@ -79,5 +78,6 @@ export namespace Devtools {
     export const Dashboard = `${Devtools.Edge.id}.dashboard`;
     export const Workflows = `${Devtools.Edge.id}.workflows`;
     export const Traces = `${Devtools.Edge.id}.traces`;
+    export const Testing = `${Devtools.Edge.id}.testing`;
   }
 }

package/dist/lib/browser/DebugSpace-5A2QOKAZ.mjs

@@ -1,277 +0,0 @@
-import {
-  Container
-} from "./chunk-GSJS3HEM.mjs";
-import {
-  DebugContext
-} from "./chunk-LHJC7LSH.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-5A2QOKAZ.mjs.map