@dxos/plugin-debug 0.7.5-main.9d2a38b → 0.7.5-main.b19bfc8

package/dist/lib/browser/{react-surface-5GNO6NWP.mjs → react-surface-W6QLG4YJ.mjs}

@@ -1,11 +1,15 @@
 import {
   DEBUG_PLUGIN
-} from "./chunk-I3ON45JK.mjs";
+} from "./chunk-EF3UVAVI.mjs";
+import {
+  Devtools
+} from "./chunk-UASI2CRI.mjs";
 
 // packages/plugins/plugin-debug/src/capabilities/react-surface.tsx
 import React5, { useCallback } from "react";
-import { Capabilities as Capabilities3, contributes, createIntent, createSurface, useCapability as useCapability2 } from "@dxos/app-framework";
-import { Devtools } from "@dxos/devtools";
+import { Capabilities as Capabilities2, contributes, createIntent, createSurface, LayoutAction } from "@dxos/app-framework";
+import { ConfigPanel, CredentialsPanel, DeviceListPanel, DiagnosticsPanel, FeedsPanel, IdentityPanel, KeyringPanel, LoggingPanel, MembersPanel, MetadataPanel, NetworkPanel, ObjectsPanel, SignalPanel, SpaceInfoPanel, SpaceListPanel, StoragePanel, SwarmPanel, TracingPanel, DashboardPanel, EdgeDashboardPanel, SearchPanel, AutomergePanel, WorkflowPanel } from "@dxos/devtools";
+import { SettingsStore } from "@dxos/local-storage";
 import { Graph } from "@dxos/plugin-graph";
 import { SpaceAction, CollectionType } from "@dxos/plugin-space/types";
 import { SpaceState, isSpace, isEchoObject } from "@dxos/react-client/echo";
@@ -15,26 +19,37 @@ import { lazy } from "react";
 
 // packages/plugins/plugin-debug/src/components/DebugObjectPanel.tsx
 import React from "react";
+import { Clipboard, Input } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 var DebugObjectPanel = ({ object }) => {
-  return /* @__PURE__ */ React.createElement("div", {
+  const dxn = `dxn:echo:@:${object.id}`;
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement("div", {
     className: "flex flex-col"
-  }, /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    disabled: true,
+    value: dxn
+  }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    value: dxn
+  })))), /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
     classNames: "flex text-xs",
     language: "json"
-  }, JSON.stringify(object, null, 2)));
+  }, JSON.stringify(object, null, 2))));
 };
 
 // packages/plugins/plugin-debug/src/components/DebugSettings.tsx
-import { Gift, DownloadSimple, FirstAidKit } from "@phosphor-icons/react";
 import React2, { useEffect, useState } from "react";
 import { Capabilities, useCapabilities } from "@dxos/app-framework";
 import { defs, SaveConfig, Storage } from "@dxos/config";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
-import { useTranslation, Button, Toast, Input, useFileDownload, Select } from "@dxos/react-ui";
-import { DeprecatedFormInput } from "@dxos/react-ui-form";
-import { getSize, mx } from "@dxos/react-ui-theme";
+import { useTranslation, Button, Toast, Input as Input2, useFileDownload, Select, Icon } from "@dxos/react-ui";
+import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
 import { setDeep } from "@dxos/util";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-debug/src/components/DebugSettings.tsx";
 var StorageAdapters = {
@@ -72,7 +87,7 @@ var DebugSettings = ({ settings }) => {
       if (!info) {
         log.error("diagnostics failed to upload to IPFS", void 0, {
           F: __dxlog_file,
-          L: 58,
+          L: 56,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -92,7 +107,7 @@ var DebugSettings = ({ settings }) => {
         url
       }, {
         F: __dxlog_file,
-        L: 67,
+        L: 65,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -113,36 +128,34 @@ var DebugSettings = ({ settings }) => {
       });
     }
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+  return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
     label: t("settings show debug panel")
-  }, /* @__PURE__ */ React2.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
-  })), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-    label: t("settings show devtools panel")
-  }, /* @__PURE__ */ React2.createElement(Input.Switch, {
-    checked: settings.devtools,
-    onCheckedChange: (checked) => settings.devtools = !!checked
   })), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
     label: t("settings wireframe")
-  }, /* @__PURE__ */ React2.createElement(Input.Switch, {
+  }, /* @__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(DownloadSimple, {
-    className: getSize(5)
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    icon: "ph--download-simple--regular",
+    size: 5
   }))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
     label: t("settings repair")
   }, /* @__PURE__ */ React2.createElement(Button, {
     onClick: handleRepair
-  }, /* @__PURE__ */ React2.createElement(FirstAidKit, {
-    className: getSize(5)
-  }))), toast && /* @__PURE__ */ React2.createElement(Toast.Root, null, /* @__PURE__ */ React2.createElement(Toast.Body, null, /* @__PURE__ */ React2.createElement(Toast.Title, null, /* @__PURE__ */ React2.createElement(Gift, {
-    className: mx(getSize(5), "inline mr-1"),
-    weight: "duotone"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    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, {
+    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(Select.Root, {
@@ -175,15 +188,14 @@ var updateConfig = (config, setConfig, path, value) => {
 
 // packages/plugins/plugin-debug/src/components/DebugStatus.tsx
 import React3, { useEffect as useEffect2, useRef, useState as useState2 } from "react";
-import { Capabilities as Capabilities2, firstIdInPart, useCapability } from "@dxos/app-framework";
+import { useAppGraph, useLayout } from "@dxos/app-framework";
 import { TimeoutError } from "@dxos/async";
 import { StatsPanel, useStats } from "@dxos/devtools";
 import { getActiveSpace } from "@dxos/plugin-space";
 import { StatusBar } from "@dxos/plugin-status-bar";
 import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
 import { useNetworkStatus } from "@dxos/react-client/mesh";
-import { Icon } from "@dxos/react-ui";
-import { mx as mx2 } from "@dxos/react-ui-theme";
+import { Icon as Icon2, Popover } from "@dxos/react-ui";
 var styles = {
   success: "text-sky-300 dark:text-green-700",
   warning: "text-orange-300 dark:text-orange-600",
@@ -215,7 +227,7 @@ var ErrorIndicator = () => {
     return /* @__PURE__ */ React3.createElement(StatusBar.Button, {
       title: errorRef.current.message,
       onClick: handleReset
-    }, /* @__PURE__ */ React3.createElement(Icon, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--warning-circle--duotone",
       size: 4,
       classNames: styles.error
@@ -223,7 +235,7 @@ var ErrorIndicator = () => {
   } else {
     return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
       title: "No errors."
-    }, /* @__PURE__ */ React3.createElement(Icon, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--check--regular",
       size: 4
     }));
@@ -240,14 +252,14 @@ var SwarmIndicator = () => {
   if (state === 0) {
     return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
       title: "Connected to swarm."
-    }, /* @__PURE__ */ React3.createElement(Icon, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--lightning--regular",
       size: 4
     }));
   } else {
     return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
       title: "Disconnected from swarm."
-    }, /* @__PURE__ */ React3.createElement(Icon, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--lightning-slash--regular",
       size: 4,
       classNames: styles.warning
@@ -256,14 +268,14 @@ var SwarmIndicator = () => {
 };
 var SavingIndicator = () => {
   const [state, _setState] = useState2(0);
-  const location = useCapability(Capabilities2.Location);
-  const { graph } = useCapability(Capabilities2.AppGraph);
-  const _space = location && graph ? getActiveSpace(graph, firstIdInPart(location.active, "main")) : void 0;
+  const layout = useLayout();
+  const { graph } = useAppGraph();
+  const _space = graph ? getActiveSpace(graph, layout.active[0]) : void 0;
   switch (state) {
     case 2:
       return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
         title: "Edit not saved."
-      }, /* @__PURE__ */ React3.createElement(Icon, {
+      }, /* @__PURE__ */ React3.createElement(Icon2, {
         icon: "ph--circle--duotone",
         size: 4,
         classNames: styles.warning
@@ -271,7 +283,7 @@ var SavingIndicator = () => {
     case 1:
       return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
         title: "Saving..."
-      }, /* @__PURE__ */ React3.createElement(Icon, {
+      }, /* @__PURE__ */ React3.createElement(Icon2, {
         icon: "ph--circle--duotone",
         size: 4,
         classNames: styles.success
@@ -280,7 +292,7 @@ var SavingIndicator = () => {
     default:
       return /* @__PURE__ */ React3.createElement(StatusBar.Item, {
         title: "Modified indicator."
-      }, /* @__PURE__ */ React3.createElement(Icon, {
+      }, /* @__PURE__ */ React3.createElement(Icon2, {
         icon: "ph--circle--duotone",
         size: 4
       }));
@@ -289,18 +301,23 @@ var SavingIndicator = () => {
 var PerformanceIndicator = () => {
   const [visible, setVisible] = useState2(false);
   const [stats, refreshStats] = useStats();
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(StatusBar.Button, {
+  return /* @__PURE__ */ React3.createElement(Popover.Root, {
+    open: visible,
+    onOpenChange: setVisible
+  }, /* @__PURE__ */ React3.createElement(Popover.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement(StatusBar.Button, {
     onClick: () => setVisible((visible2) => !visible2),
     title: "Performance panels"
-  }, /* @__PURE__ */ React3.createElement(Icon, {
+  }, /* @__PURE__ */ React3.createElement(Icon2, {
     icon: "ph--chart-bar--regular",
     size: 4
-  })), visible && /* @__PURE__ */ React3.createElement("div", {
-    className: mx2("z-20 absolute bottom-[--statusbar-size] right-4 w-[450px]", "overflow-x-hidden overflow-y-auto scrollbar-thin", "border-x border-y border-separator")
+  }))), /* @__PURE__ */ React3.createElement(Popover.Portal, null, /* @__PURE__ */ React3.createElement(Popover.Content, {
+    classNames: "max-is-[min(var(--radix-popover-content-available-width),300px)] max-bs-[--radix-popover-content-available-height]"
   }, /* @__PURE__ */ React3.createElement(StatsPanel, {
     stats,
     onRefresh: refreshStats
-  })));
+  }), /* @__PURE__ */ React3.createElement(Popover.Arrow, null))));
 };
 var indicators = [
   SavingIndicator,
@@ -320,13 +337,13 @@ import { useResizeDetector } from "react-resize-detector";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { useAttendableAttributes } from "@dxos/react-ui-attention";
 import { SyntaxHighlighter as SyntaxHighlighter2 } from "@dxos/react-ui-syntax-highlighter";
-import { mx as mx3 } from "@dxos/react-ui-theme";
+import { mx } from "@dxos/react-ui-theme";
 var Wireframe = ({ classNames, label, object }) => {
   const attendableAttrs = useAttendableAttributes(fullyQualifiedId(object));
   const { width, height, ref } = useResizeDetector();
   return /* @__PURE__ */ React4.createElement("div", {
     ref,
-    className: mx3("relative grow min-bs-96", classNames),
+    className: mx("relative grow min-bs-96", classNames),
     ...attendableAttrs
   }, /* @__PURE__ */ React4.createElement("div", {
     className: "absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono"
@@ -363,45 +380,20 @@ var Wireframe = ({ classNames, label, object }) => {
 
 // packages/plugins/plugin-debug/src/components/index.ts
 var DebugApp = lazy(() => import("./DebugApp-LQHFFK3Y.mjs"));
-var DebugSpace = lazy(() => import("./DebugSpace-4JHYA7FG.mjs"));
-var SpaceGenerator = lazy(() => import("./SpaceGenerator-NJCG57CU.mjs"));
+var DebugSpace = lazy(() => import("./DebugSpace-BTMTVZ6C.mjs"));
+var SpaceGenerator = lazy(() => import("./SpaceGenerator-BPZGOSH4.mjs"));
 
 // 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 react_surface_default = (context) => contributes(Capabilities3.ReactSurface, [
+var isSpaceDebug = (data) => data?.type === `${DEBUG_PLUGIN}/space` && isSpace(data.space);
+var isGraphDebug = (data) => data?.graph instanceof Graph;
+var react_surface_default = (context) => contributes(Capabilities2.ReactSurface, [
   createSurface({
     id: `${DEBUG_PLUGIN}/settings`,
-    role: "settings",
-    filter: (data) => data.subject === DEBUG_PLUGIN,
-    component: () => {
-      const settings = useCapability2(Capabilities3.SettingsStore).getStore(DEBUG_PLUGIN).value;
-      return /* @__PURE__ */ React5.createElement(DebugSettings, {
-        settings
-      });
-    }
-  }),
-  createSurface({
-    id: `${DEBUG_PLUGIN}/status`,
-    role: "status",
-    component: () => /* @__PURE__ */ React5.createElement(DebugStatus, null)
-  }),
-  createSurface({
-    id: `${DEBUG_PLUGIN}/complementary`,
-    role: "complementary--debug",
-    filter: (data) => isEchoObject(data.subject),
-    component: ({ data }) => /* @__PURE__ */ React5.createElement(DebugObjectPanel, {
-      object: data.subject
-    })
-  }),
-  createSurface({
-    id: `${DEBUG_PLUGIN}/devtools`,
     role: "article",
-    filter: (data) => {
-      const settings = context.requestCapability(Capabilities3.SettingsStore).getStore(DEBUG_PLUGIN).value;
-      return data.subject === "devtools" && !!settings.devtools;
-    },
-    component: () => /* @__PURE__ */ React5.createElement(Devtools, null)
+    filter: (data) => data.subject instanceof SettingsStore && data.subject.prefix === DEBUG_PLUGIN,
+    component: ({ data: { subject } }) => /* @__PURE__ */ React5.createElement(DebugSettings, {
+      settings: subject.value
+    })
   }),
   createSurface({
     id: `${DEBUG_PLUGIN}/space`,
@@ -416,7 +408,7 @@ var react_surface_default = (context) => contributes(Capabilities3.ReactSurface,
         if (!(collection instanceof CollectionType)) {
           return;
         }
-        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities3.IntentDispatcher);
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities2.IntentDispatcher);
         objects.forEach((object) => {
           void dispatch(createIntent(SpaceAction.AddObject, {
             target: collection,
@@ -450,9 +442,9 @@ var react_surface_default = (context) => contributes(Capabilities3.ReactSurface,
       "article",
       "section"
     ],
-    disposition: "hoist",
+    position: "hoist",
     filter: (data) => {
-      const settings = context.requestCapability(Capabilities3.SettingsStore).getStore(DEBUG_PLUGIN).value;
+      const settings = context.requestCapability(Capabilities2.SettingsStore).getStore(DEBUG_PLUGIN).value;
       return isEchoObject(data.subject) && !!settings.wireframe;
     },
     component: ({ data, role }) => /* @__PURE__ */ React5.createElement(Wireframe, {
@@ -460,9 +452,190 @@ var react_surface_default = (context) => contributes(Capabilities3.ReactSurface,
       object: data.subject,
       classNames: "row-span-2 overflow-hidden"
     })
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/complementary`,
+    role: "complementary--debug",
+    filter: (data) => isEchoObject(data.subject),
+    component: ({ data }) => /* @__PURE__ */ React5.createElement(DebugObjectPanel, {
+      object: data.subject
+    })
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/status`,
+    role: "status",
+    component: () => /* @__PURE__ */ React5.createElement(DebugStatus, null)
+  }),
+  //
+  // Devtools
+  //
+  createSurface({
+    id: `${DEBUG_PLUGIN}/client/config`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Client.Config,
+    component: () => /* @__PURE__ */ React5.createElement(ConfigPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/client/storage`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Client.Storage,
+    component: () => /* @__PURE__ */ React5.createElement(StoragePanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/client/logs`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Client.Logs,
+    component: () => /* @__PURE__ */ React5.createElement(LoggingPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/client/diagnostics`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Client.Diagnostics,
+    component: () => /* @__PURE__ */ React5.createElement(DiagnosticsPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/client/tracing`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Client.Tracing,
+    component: () => /* @__PURE__ */ React5.createElement(TracingPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/halo/identity`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Halo.Identity,
+    component: () => /* @__PURE__ */ React5.createElement(IdentityPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/halo/devices`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Halo.Devices,
+    component: () => /* @__PURE__ */ React5.createElement(DeviceListPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/halo/keyring`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Halo.Keyring,
+    component: () => /* @__PURE__ */ React5.createElement(KeyringPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/halo/credentials`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Halo.Credentials,
+    component: () => /* @__PURE__ */ React5.createElement(CredentialsPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/spaces`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Spaces,
+    component: () => {
+      const { dispatchPromise: dispatch } = context.requestCapability(Capabilities2.IntentDispatcher);
+      const handleSelect = useCallback(() => dispatch(createIntent(LayoutAction.Open, {
+        part: "main",
+        subject: [
+          Devtools.Echo.Space
+        ]
+      })), [
+        dispatch
+      ]);
+      return /* @__PURE__ */ React5.createElement(SpaceListPanel, {
+        onSelect: handleSelect
+      });
+    }
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/space`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Space,
+    component: () => {
+      const { dispatchPromise: dispatch } = context.requestCapability(Capabilities2.IntentDispatcher);
+      const handleSelect = useCallback(() => dispatch(createIntent(LayoutAction.Open, {
+        part: "main",
+        subject: [
+          Devtools.Echo.Feeds
+        ]
+      })), [
+        dispatch
+      ]);
+      return /* @__PURE__ */ React5.createElement(SpaceInfoPanel, {
+        onSelectFeed: handleSelect,
+        onSelectPipeline: handleSelect
+      });
+    }
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/feeds`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Feeds,
+    component: () => /* @__PURE__ */ React5.createElement(FeedsPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/objects`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Objects,
+    component: () => /* @__PURE__ */ React5.createElement(ObjectsPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/automerge`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Automerge,
+    component: () => /* @__PURE__ */ React5.createElement(AutomergePanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/members`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Members,
+    component: () => /* @__PURE__ */ React5.createElement(MembersPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/echo/metadata`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Echo.Metadata,
+    component: () => /* @__PURE__ */ React5.createElement(MetadataPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/mesh/signal`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Mesh.Signal,
+    component: () => /* @__PURE__ */ React5.createElement(SignalPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/mesh/swarm`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Mesh.Swarm,
+    component: () => /* @__PURE__ */ React5.createElement(SwarmPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/mesh/network`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Mesh.Network,
+    component: () => /* @__PURE__ */ React5.createElement(NetworkPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/agent/dashboard`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Agent.Dashboard,
+    component: () => /* @__PURE__ */ React5.createElement(DashboardPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/agent/search`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Agent.Search,
+    component: () => /* @__PURE__ */ React5.createElement(SearchPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/edge/dashboard`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Edge.Dashboard,
+    component: () => /* @__PURE__ */ React5.createElement(EdgeDashboardPanel, null)
+  }),
+  createSurface({
+    id: `${DEBUG_PLUGIN}/edge/workflows`,
+    role: "article",
+    filter: (data) => data.subject === Devtools.Edge.Workflows,
+    component: () => /* @__PURE__ */ React5.createElement(WorkflowPanel, null)
   })
 ]);
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-5GNO6NWP.mjs.map
+//# sourceMappingURL=react-surface-W6QLG4YJ.mjs.map