@dxos/plugin-debug 0.8.4-main.2e9d522 → 0.8.4-main.3c1ae3b

package/dist/lib/browser/{react-surface-3GD2OWCA.mjs → react-surface-RFG63TTF.mjs}

@@ -1,16 +1,17 @@
 import {
   Devtools
-} from "./chunk-AJA6RYN3.mjs";
+} from "./chunk-SRV2AIGJ.mjs";
 import {
-  DEBUG_PLUGIN
-} from "./chunk-5XPIRNQS.mjs";
+  meta
+} from "./chunk-WZFZ4ESO.mjs";
 
 // src/capabilities/react-surface.tsx
-import { pipe } from "effect";
+import * as Function from "effect/Function";
 import React5, { useCallback } from "react";
-import { Capabilities as Capabilities2, chain, contributes, createIntent, createSurface, LayoutAction, useCapability, useIntentDispatcher } from "@dxos/app-framework";
+import { Capabilities as Capabilities2, LayoutAction, chain, contributes, createIntent, createSurface } from "@dxos/app-framework";
+import { useCapability, useIntentDispatcher } from "@dxos/app-framework/react";
 import { AutomergePanel, ConfigPanel, CredentialsPanel, DeviceListPanel, DiagnosticsPanel, EdgeDashboardPanel, FeedsPanel, IdentityPanel, InvocationTraceContainer, KeyringPanel, LoggingPanel, MembersPanel, MetadataPanel, NetworkPanel, ObjectsPanel, QueuesPanel, SchemaPanel, SignalPanel, SpaceInfoPanel, SpaceListPanel, StoragePanel, SwarmPanel, TestingPanel, TracingPanel, WorkflowPanel } from "@dxos/devtools";
-import { Obj } from "@dxos/echo";
+import { Obj as Obj2 } from "@dxos/echo";
 import { SettingsStore } from "@dxos/local-storage";
 import { log as log2 } from "@dxos/log";
 import { ClientCapabilities } from "@dxos/plugin-client";
@@ -19,7 +20,7 @@ import { ScriptAction } from "@dxos/plugin-script/types";
 import { SpaceAction } from "@dxos/plugin-space/types";
 import { SpaceState, isSpace, parseId } from "@dxos/react-client/echo";
 import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
-import { DataType } from "@dxos/schema";
+import { Collection } from "@dxos/schema";
 
 // src/components/index.ts
 import { lazy } from "react";
@@ -29,7 +30,7 @@ import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
 import { Clipboard, Input, Toolbar } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
-import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { Json } from "@dxos/react-ui-syntax-highlighter";
 var DebugObjectPanel = ({ object }) => {
   var _effect = _useSignals();
   try {
@@ -41,10 +42,9 @@ var DebugObjectPanel = ({ object }) => {
       value: dxn
     }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
       value: dxn
-    }))), /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
-      classNames: "flex text-xs",
-      language: "json"
-    }, JSON.stringify(object, null, 2))));
+    }))), /* @__PURE__ */ React.createElement(Json, {
+      data: object
+    })));
   } finally {
     _effect.f();
   }
@@ -53,12 +53,13 @@ var DebugObjectPanel = ({ object }) => {
 // src/components/DebugSettings.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2, { useEffect, useState } from "react";
-import { Capabilities, useCapabilities } from "@dxos/app-framework";
-import { defs, SaveConfig, Storage } from "@dxos/config";
+import { Capabilities } from "@dxos/app-framework";
+import { useCapabilities } from "@dxos/app-framework/react";
+import { SaveConfig, Storage, defs } from "@dxos/config";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
-import { useTranslation, Button, Toast, Input as Input2, useFileDownload, Select, Icon } from "@dxos/react-ui";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+import { Icon, IconButton, Input as Input2, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
+import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
 import { setDeep } from "@dxos/util";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/components/DebugSettings.tsx";
 var StorageAdapters = {
@@ -68,7 +69,7 @@ var StorageAdapters = {
 var DebugSettings = ({ settings }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation(DEBUG_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const [toast, setToast] = useState();
     const client = useClient();
     const download = useFileDownload();
@@ -92,13 +93,13 @@ var DebugSettings = ({ settings }) => {
       const fileName = `composer-${(/* @__PURE__ */ new Date()).toISOString().replace(/\W/g, "-")}.json`;
       download(file, fileName);
       if (upload) {
-        const info = await upload(new File([
+        const info = await upload(client.spaces.default, new File([
           file
-        ], fileName), client.spaces.default);
+        ], fileName));
         if (!info) {
           log.error("diagnostics failed to upload to IPFS", void 0, {
             F: __dxlog_file,
-            L: 56,
+            L: 59,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -118,7 +119,7 @@ var DebugSettings = ({ settings }) => {
           url
         }, {
           F: __dxlog_file,
-          L: 65,
+          L: 74,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -139,33 +140,37 @@ var DebugSettings = ({ settings }) => {
         });
       }
     };
-    return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-      label: t("settings wireframe")
+    return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
+      title: t("settings title", {
+        ns: meta.id
+      })
+    }, /* @__PURE__ */ React2.createElement(ControlGroup, null, /* @__PURE__ */ React2.createElement(ControlItemInput, {
+      title: t("settings wireframe")
     }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
       checked: settings.wireframe,
       onCheckedChange: (checked) => settings.wireframe = !!checked
-    })), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-      label: t("settings download diagnostics")
-    }, /* @__PURE__ */ React2.createElement(Button, {
-      onClick: handleDownload
-    }, /* @__PURE__ */ React2.createElement(Icon, {
+    })), /* @__PURE__ */ React2.createElement(ControlItemInput, {
+      title: t("settings download diagnostics")
+    }, /* @__PURE__ */ React2.createElement(IconButton, {
       icon: "ph--download-simple--regular",
-      size: 5
-    }))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-      label: t("settings repair")
-    }, /* @__PURE__ */ React2.createElement(Button, {
-      onClick: handleRepair
-    }, /* @__PURE__ */ React2.createElement(Icon, {
+      iconOnly: true,
+      label: t("settings download diagnostics"),
+      onClick: handleDownload
+    })), /* @__PURE__ */ React2.createElement(ControlItemInput, {
+      title: t("settings repair")
+    }, /* @__PURE__ */ React2.createElement(IconButton, {
       icon: "ph--first-aid-kit--regular",
-      size: 5
-    }))), toast && /* @__PURE__ */ React2.createElement(Toast.Root, null, /* @__PURE__ */ React2.createElement(Toast.Body, null, /* @__PURE__ */ React2.createElement(Toast.Title, null, /* @__PURE__ */ React2.createElement(Icon, {
+      iconOnly: true,
+      label: t("settings repair"),
+      onClick: handleRepair
+    })), toast && /* @__PURE__ */ React2.createElement(Toast.Root, null, /* @__PURE__ */ React2.createElement(Toast.Body, null, /* @__PURE__ */ React2.createElement(Toast.Title, null, /* @__PURE__ */ React2.createElement(Icon, {
       icon: "ph--gift--duotone",
       size: 5,
       classNames: "inline mr-1"
-    }), /* @__PURE__ */ React2.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React2.createElement(Toast.Description, null, toast.description))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-      label: t("settings choose storage adaptor")
+    }), /* @__PURE__ */ React2.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React2.createElement(Toast.Description, null, toast.description))), /* @__PURE__ */ React2.createElement(ControlItemInput, {
+      title: t("settings choose storage adaptor")
     }, /* @__PURE__ */ React2.createElement(Select.Root, {
-      value: Object.entries(StorageAdapters).find(([name2, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
+      value: Object.entries(StorageAdapters).find(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
       onValueChange: (value) => {
         if (confirm(t("settings storage adapter changed alert"))) {
           updateConfig(storageConfig, setStorageConfig, [
@@ -181,7 +186,7 @@ var DebugSettings = ({ settings }) => {
     }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, Object.keys(StorageAdapters).map((key) => /* @__PURE__ */ React2.createElement(Select.Option, {
       key,
       value: key
-    }, t(`settings storage adaptor ${key} label`)))))))));
+    }, t(`settings storage adaptor ${key} label`)))), /* @__PURE__ */ React2.createElement(Select.Arrow, null))))))));
   } finally {
     _effect.f();
   }
@@ -213,7 +218,7 @@ var ErrorIndicator = () => {
   var _effect = _useSignals3();
   try {
     const [, forceUpdate] = useState2({});
-    const errorRef = useRef();
+    const errorRef = useRef(null);
     useEffect2(() => {
       const errorListener = (event) => {
         const error = event.error ?? event.reason;
@@ -230,7 +235,7 @@ var ErrorIndicator = () => {
       };
     }, []);
     const handleReset = () => {
-      errorRef.current = void 0;
+      errorRef.current = null;
       forceUpdate({});
     };
     if (errorRef.current) {
@@ -339,14 +344,14 @@ var DebugStatus = () => {
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4 from "react";
 import { useResizeDetector } from "react-resize-detector";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { Obj } from "@dxos/echo";
 import { useAttentionAttributes } from "@dxos/react-ui-attention";
-import { SyntaxHighlighter as SyntaxHighlighter2 } from "@dxos/react-ui-syntax-highlighter";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/react-ui-theme";
 var Wireframe = ({ classNames, label, object }) => {
   var _effect = _useSignals4();
   try {
-    const attentionAttrs = useAttentionAttributes(fullyQualifiedId(object));
+    const attentionAttrs = useAttentionAttributes(Obj.getDXN(object).toString());
     const { width, height, ref } = useResizeDetector();
     return /* @__PURE__ */ React4.createElement("div", {
       ref,
@@ -356,9 +361,9 @@ var Wireframe = ({ classNames, label, object }) => {
       className: "absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono"
     }, /* @__PURE__ */ React4.createElement("div", {
       className: "flex justify-between"
-    }, /* @__PURE__ */ React4.createElement("div", null, label), /* @__PURE__ */ React4.createElement("div", null, `[${width}x${height}]`)), object && /* @__PURE__ */ React4.createElement(SyntaxHighlighter2, {
+    }, /* @__PURE__ */ React4.createElement("div", null, label), /* @__PURE__ */ React4.createElement("div", null, `[${width}x${height}]`)), object && /* @__PURE__ */ React4.createElement(SyntaxHighlighter, {
       language: "json",
-      classNames: "flex w-full text-xs opacity-75 rounded"
+      classNames: "text-xs opacity-75 rounded"
     }, JSON.stringify(object, void 0, 2))), /* @__PURE__ */ React4.createElement("svg", {
       width,
       height,
@@ -389,14 +394,14 @@ var Wireframe = ({ classNames, label, object }) => {
 };
 
 // src/components/index.ts
-var DebugApp = lazy(() => import("./DebugApp-ZDL4CPY5.mjs"));
-var DevtoolsOverviewContainer = lazy(() => import("./DevtoolsOverviewContainer-EPD6EWT5.mjs"));
-var SpaceGenerator = lazy(() => import("./SpaceGenerator-AG3XGNMV.mjs"));
+var DebugGraph = lazy(() => import("./DebugGraph-EDOH6R2G.mjs"));
+var DevtoolsOverviewContainer = lazy(() => import("./DevtoolsOverviewContainer-JXVZVPHN.mjs"));
+var SpaceGenerator = lazy(() => import("./SpaceGenerator-GYCIEMMO.mjs"));
 
 // src/capabilities/react-surface.tsx
 var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/capabilities/react-surface.tsx";
-var isSpaceDebug = (data) => data?.type === `${DEBUG_PLUGIN}/space` && isSpace(data.space);
-var isGraphDebug = (data) => data?.graph instanceof Graph;
+var isSpaceDebug = (data) => data?.type === `${meta.id}/space` && isSpace(data.space);
+var isGraphDebug = (data) => data?.graph instanceof Graph && typeof data?.root === "string";
 var useCurrentSpace = () => {
   const layout = useCapability(Capabilities2.Layout);
   const client = useCapability(ClientCapabilities.Client);
@@ -404,17 +409,17 @@ var useCurrentSpace = () => {
   const space = spaceId ? client.spaces.get(spaceId) : void 0;
   return space;
 };
-var react_surface_default = (context) => contributes(Capabilities2.ReactSurface, [
+var react_surface_default = ((context) => contributes(Capabilities2.ReactSurface, [
   createSurface({
-    id: `${DEBUG_PLUGIN}/plugin-settings`,
+    id: `${meta.id}/plugin-settings`,
     role: "article",
-    filter: (data) => data.subject instanceof SettingsStore && data.subject.prefix === DEBUG_PLUGIN,
+    filter: (data) => data.subject instanceof SettingsStore && data.subject.prefix === meta.id,
     component: ({ data: { subject } }) => /* @__PURE__ */ React5.createElement(DebugSettings, {
       settings: subject.value
     })
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/space`,
+    id: `${meta.id}/space`,
     role: "article",
     filter: (data) => isSpaceDebug(data.subject),
     component: ({ data }) => {
@@ -423,8 +428,8 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
         if (!isSpace(data.subject.space)) {
           return;
         }
-        const collection = data.subject.space.state.get() === SpaceState.SPACE_READY && data.subject.space.properties[DataType.Collection.typename]?.target;
-        if (!Obj.instanceOf(DataType.Collection, collection)) {
+        const collection = data.subject.space.state.get() === SpaceState.SPACE_READY && data.subject.space.properties[Collection.Collection.typename]?.target;
+        if (!Obj2.instanceOf(Collection.Collection, collection)) {
           return;
         }
         objects.forEach((object) => {
@@ -443,23 +448,24 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/graph`,
+    id: `${meta.id}/app-graph`,
     role: "article",
     filter: (data) => isGraphDebug(data.subject),
-    component: ({ data }) => /* @__PURE__ */ React5.createElement(DebugApp, {
-      graph: data.subject.graph
+    component: ({ data }) => /* @__PURE__ */ React5.createElement(DebugGraph, {
+      graph: data.subject.graph,
+      root: data.subject.root
     })
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/wireframe`,
+    id: `${meta.id}/wireframe`,
     role: [
       "article",
       "section"
     ],
     position: "hoist",
     filter: (data) => {
-      const settings = context.getCapability(Capabilities2.SettingsStore).getStore(DEBUG_PLUGIN).value;
-      return Obj.isObject(data.subject) && !!settings.wireframe;
+      const settings = context.getCapability(Capabilities2.SettingsStore).getStore(meta.id).value;
+      return Obj2.isObject(data.subject) && !!settings.wireframe;
     },
     component: ({ data, role }) => /* @__PURE__ */ React5.createElement(Wireframe, {
       label: `${role}:${name}`,
@@ -468,20 +474,20 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     })
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/object-debug`,
+    id: `${meta.id}/object-debug`,
     role: "article",
-    filter: (data) => data.subject === "debug" && Obj.isObject(data.companionTo),
+    filter: (data) => data.subject === "debug" && Obj2.isObject(data.companionTo),
     component: ({ data }) => /* @__PURE__ */ React5.createElement(DebugObjectPanel, {
       object: data.companionTo
     })
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/devtools-overview`,
+    id: `${meta.id}/devtools-overview`,
     role: "deck-companion--devtools",
     component: () => /* @__PURE__ */ React5.createElement(DevtoolsOverviewContainer, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/status`,
+    id: `${meta.id}/status`,
     role: "status",
     component: () => /* @__PURE__ */ React5.createElement(DebugStatus, null)
   }),
@@ -489,7 +495,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
   // Devtools
   //
   createSurface({
-    id: `${DEBUG_PLUGIN}/client/config`,
+    id: `${meta.id}/client/config`,
     role: "article",
     filter: (data) => data.subject === Devtools.Client.Config,
     component: () => /* @__PURE__ */ React5.createElement(ConfigPanel, {
@@ -497,49 +503,49 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     })
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/client/storage`,
+    id: `${meta.id}/client/storage`,
     role: "article",
     filter: (data) => data.subject === Devtools.Client.Storage,
     component: () => /* @__PURE__ */ React5.createElement(StoragePanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/client/logs`,
+    id: `${meta.id}/client/logs`,
     role: "article",
     filter: (data) => data.subject === Devtools.Client.Logs,
     component: () => /* @__PURE__ */ React5.createElement(LoggingPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/client/diagnostics`,
+    id: `${meta.id}/client/diagnostics`,
     role: "article",
     filter: (data) => data.subject === Devtools.Client.Diagnostics,
     component: () => /* @__PURE__ */ React5.createElement(DiagnosticsPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/client/tracing`,
+    id: `${meta.id}/client/tracing`,
     role: "article",
     filter: (data) => data.subject === Devtools.Client.Tracing,
     component: () => /* @__PURE__ */ React5.createElement(TracingPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/halo/identity`,
+    id: `${meta.id}/halo/identity`,
     role: "article",
     filter: (data) => data.subject === Devtools.Halo.Identity,
     component: () => /* @__PURE__ */ React5.createElement(IdentityPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/halo/devices`,
+    id: `${meta.id}/halo/devices`,
     role: "article",
     filter: (data) => data.subject === Devtools.Halo.Devices,
     component: () => /* @__PURE__ */ React5.createElement(DeviceListPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/halo/keyring`,
+    id: `${meta.id}/halo/keyring`,
     role: "article",
     filter: (data) => data.subject === Devtools.Halo.Keyring,
     component: () => /* @__PURE__ */ React5.createElement(KeyringPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/halo/credentials`,
+    id: `${meta.id}/halo/credentials`,
     role: "article",
     filter: (data) => data.subject === Devtools.Halo.Credentials,
     component: () => {
@@ -550,7 +556,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/spaces`,
+    id: `${meta.id}/echo/spaces`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Spaces,
     component: () => {
@@ -569,7 +575,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/space`,
+    id: `${meta.id}/echo/space`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Space,
     component: () => {
@@ -591,7 +597,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/feeds`,
+    id: `${meta.id}/echo/feeds`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Feeds,
     component: () => {
@@ -602,7 +608,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/objects`,
+    id: `${meta.id}/echo/objects`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Objects,
     component: () => {
@@ -613,7 +619,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/schema`,
+    id: `${meta.id}/echo/schema`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Schema,
     component: () => {
@@ -624,7 +630,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/automerge`,
+    id: `${meta.id}/echo/automerge`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Automerge,
     component: () => {
@@ -635,13 +641,13 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/queues`,
+    id: `${meta.id}/echo/queues`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Queues,
     component: () => /* @__PURE__ */ React5.createElement(QueuesPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/members`,
+    id: `${meta.id}/echo/members`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Members,
     component: () => {
@@ -652,25 +658,25 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/echo/metadata`,
+    id: `${meta.id}/echo/metadata`,
     role: "article",
     filter: (data) => data.subject === Devtools.Echo.Metadata,
     component: () => /* @__PURE__ */ React5.createElement(MetadataPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/mesh/signal`,
+    id: `${meta.id}/mesh/signal`,
     role: "article",
     filter: (data) => data.subject === Devtools.Mesh.Signal,
     component: () => /* @__PURE__ */ React5.createElement(SignalPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/mesh/swarm`,
+    id: `${meta.id}/mesh/swarm`,
     role: "article",
     filter: (data) => data.subject === Devtools.Mesh.Swarm,
     component: () => /* @__PURE__ */ React5.createElement(SwarmPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/mesh/network`,
+    id: `${meta.id}/mesh/network`,
     role: "article",
     filter: (data) => data.subject === Devtools.Mesh.Network,
     component: () => {
@@ -682,19 +688,19 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
   }),
   // TODO(wittjosiah): Remove?
   // createSurface({
-  //   id: `${DEBUG_PLUGIN}/agent/dashboard`,
+  //   id: `${meta.id}/agent/dashboard`,
   //   role: 'article',
   //   filter: (data): data is any => data.subject === Devtools.Agent.Dashboard,
   //   component: () => <DashboardPanel />,
   // }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/edge/dashboard`,
+    id: `${meta.id}/edge/dashboard`,
     role: "article",
     filter: (data) => data.subject === Devtools.Edge.Dashboard,
     component: () => /* @__PURE__ */ React5.createElement(EdgeDashboardPanel, null)
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/edge/workflows`,
+    id: `${meta.id}/edge/workflows`,
     role: "article",
     filter: (data) => data.subject === Devtools.Edge.Workflows,
     component: () => {
@@ -705,7 +711,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/edge/traces`,
+    id: `${meta.id}/edge/traces`,
     role: "article",
     filter: (data) => data.subject === Devtools.Edge.Traces,
     component: () => {
@@ -717,7 +723,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
     }
   }),
   createSurface({
-    id: `${DEBUG_PLUGIN}/edge/testing`,
+    id: `${meta.id}/edge/testing`,
     role: "article",
     filter: (data) => data.subject === Devtools.Edge.Testing,
     component: () => {
@@ -733,7 +739,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
       ]);
       const onScriptPluginOpen = useCallback(async (space) => {
         await space.waitUntilReady();
-        const result = await dispatch(pipe(createIntent(ScriptAction.Create, {
+        const result = await dispatch(Function.pipe(createIntent(ScriptAction.CreateScript, {
           space
         }), chain(SpaceAction.AddObject, {
           target: space
@@ -742,7 +748,7 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
           result
         }, {
           F: __dxlog_file2,
-          L: 387,
+          L: 405,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -761,8 +767,8 @@ var react_surface_default = (context) => contributes(Capabilities2.ReactSurface,
       });
     }
   })
-]);
+]));
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-3GD2OWCA.mjs.map
+//# sourceMappingURL=react-surface-RFG63TTF.mjs.map