@dxos/plugin-debug 0.8.4-main.c4373fc → 0.8.4-main.d9fc60f731

package/dist/lib/neutral/DebugPlugin.mjs

@@ -0,0 +1,59 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DebugPlugin.tsx
+import * as Effect from "effect/Effect";
+import { ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, DebugSettings, ReactContext, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+
+// raw-loader:/__w/dxos/dxos/packages/plugins/plugin-debug/PLUGIN.mdl?raw
+var PLUGIN_default = '---\nid: org.dxos.plugin.debug\nname: DebugPlugin\nversion: 0.1.0\n---\n\nDeveloper toolkit plugin for `DXOS` Composer \u2014 real-time object inspection, structured devtools panels for Client/HALO/ECHO/Mesh/EDGE subsystems, space data generation, wireframe overlays, a tools explorer, and downloadable log capture.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`        |\n| `feat`      | `org.dxos.mdl.feat@1.0`        |\n| `test`      | `org.dxos.mdl.test@1.0`        |\n| `component` | `org.dxos.mdl.component@1.0`   |\n| `op`        | `org.dxos.mdl.op@1.0`          |\n\n## Types\n\n```mdl\ntype Settings\n  fields:\n    wireframe?: boolean         # overlay every article/section surface with a labelled border\n    traceAll?: boolean          # enable verbose operation tracing across all plugins\n```\n\n```mdl\ntype DebugPluginOptions\n  fields:\n    logStore?: IdbLogStore      # shared persistent log store for capturing and downloading logs\n```\n\n```mdl\ntype DebugContextType\n  fields:\n    running: boolean\n    start(cb: TimerCallback, options: TimerOptions): void\n    stop(): void\n```\n\n## Components\n\n```mdl\ncomponent DebugSettings\n  desc: Settings panel rendered in the plugin-settings article slot; controls wireframe and traceAll toggles and exposes log download.\n  props:\n    settings: Settings\n    logStore?: IdbLogStore\n  actions:\n    updateSettings(patch: Partial<Settings>)\n    downloadLogs()\n```\n\n```mdl\ncomponent DebugStatus\n  desc: Status-indicator surface shown in the main toolbar; reflects the generator timer running state.\n  state:\n    running: boolean\n```\n\n```mdl\ncomponent DevtoolsOverviewContainer\n  desc: Deck-companion panel that provides quick access to all devtools sections via a categorised link list.\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502  Client  \u25B8 Config / Storage \u2502\n    \u2502            Logs / Diag      \u2502\n    \u2502  HALO    \u25B8 Identity / Keys  \u2502\n    \u2502  ECHO    \u25B8 Spaces / Feeds   \u2502\n    \u2502            Objects / Schema \u2502\n    \u2502  Mesh    \u25B8 Signal / Swarm   \u2502\n    \u2502  EDGE    \u25B8 Dashboard / \u2026    \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n```mdl\ncomponent DebugObjectPanel\n  desc: Companion panel for any ECHO object that shows raw field values, type info, and DXN.\n  props:\n    companionTo: string         # DXN of the object being inspected\n```\n\n```mdl\ncomponent DebugSpaceObjectsPanel\n  desc: Deck-companion panel listing all objects in the active space with their type, ID, and field count.\n  props:\n    space: Space\n```\n\n```mdl\ncomponent DebugGraph\n  desc: Visual representation of the Composer app-graph as a collapsible JSON tree.\n  props:\n    graph: Graph.Graph\n    root: string                # node ID used as the traversal root\n```\n\n```mdl\ncomponent SpaceGenerator\n  desc: Article view for generating synthetic ECHO objects into a space; controls count, type mix, and relation density.\n  props:\n    space: Space\n  actions:\n    generateObjects(count: number, types: string[])\n    clear()\n  emits:\n    onCreateObjects(objects: Obj.Unknown[])\n```\n\n```mdl\ncomponent Wireframe\n  desc: Transparent overlay that wraps any article or section surface and renders a labelled border for layout debugging.\n  props:\n    label: string               # "role:name" descriptor shown in the corner badge\n    object: Obj.Unknown\n    classNames?: string\n```\n\n```mdl\ncomponent SchemaTable\n  desc: Tabular display of all registered ECHO schemas with typename, fields, and version.\n```\n\n```mdl\ncomponent GithubPanel\n  desc: Developer panel linking to open GitHub issues and CI run status for the current build.\n```\n```\n\n## Components (Devtools Panels)\n\nThe following components are thin wrappers around `@dxos/devtools` panel components, each bound to a specific `Devtools.*` node:\n\n| Component              | Devtools node              | Displays                                |\n|------------------------|----------------------------|-----------------------------------------|\n| ConfigPanel            | Client.Config              | Vault config JSON viewer                |\n| StoragePanel           | Client.Storage             | Local storage browser                   |\n| LoggingPanel           | Client.Logs                | Live log stream; download via logStore  |\n| DiagnosticsPanel       | Client.Diagnostics         | Client health / metric charts           |\n| IdentityPanel          | Halo.Identity              | Local identity key + device list        |\n| DeviceListPanel        | Halo.Devices               | All devices paired with this identity   |\n| KeyringPanel           | Halo.Keyring               | Raw keyring entries                     |\n| CredentialsPanel       | Halo.Credentials           | Credentials held in the active space    |\n| SpaceListPanel         | Echo.Spaces                | All spaces with state + select action   |\n| SpaceInfoPanel         | Echo.Space                 | Selected space feeds / pipelines        |\n| FeedsPanel             | Echo.Feeds                 | Feed entries for the active space       |\n| ObjectsPanel           | Echo.Objects               | All objects in the active space         |\n| SchemaPanel            | Echo.Schema                | Schemas registered in the active space  |\n| AutomergePanel         | Echo.Automerge             | Automerge document internals            |\n| QueuesPanel            | Echo.Queues                | Pending queue items                     |\n| MembersPanel           | Echo.Members               | Space members with last-seen            |\n| MetadataPanel          | Echo.Metadata              | Space/feed metadata blobs               |\n| SignalPanel            | Mesh.Signal                | Signal-server connection state          |\n| SwarmPanel             | Mesh.Swarm                 | Active swarm peers                      |\n| NetworkPanel           | Mesh.Network               | Full network topology for active space  |\n| EdgeDashboardPanel     | Edge.Dashboard             | EDGE node health / worker stats         |\n| WorkflowPanel          | Edge.Workflows             | Workflow definitions in active space    |\n| InvocationTraceContainer | Edge.Traces              | Invocation trace timeline from feed     |\n| TestingPanel           | Edge.Testing               | Integration test harness for EDGE       |\n| ToolsExplorer          | ToolsExplorer              | MCP-backed tools explorer               |\n\n## Operations\n\nNo first-party operations are defined by DebugPlugin. The plugin invokes `SpaceOperation.AddObject`, `SpaceOperation.Migrate`, `LayoutOperation.Open`, and `ScriptOperation.CreateScript` from other plugins via `useOperationInvoker` inside its surfaces.\n\n## Features\n\n```mdl\nfeat F-1: Devtools Graph Node\n\n  req F-1.1:\n    when: DebugPlugin is loaded\n    then: a "Devtools" node appears pinned at the end of each root and space in the nav graph\n\n  req F-1.2: The Devtools node contains sub-trees for Client, HALO, ECHO, Mesh, and EDGE categories.\n  req F-1.3: An app-graph sub-node renders DebugGraph rooted at the current space or root.\n  req F-1.4: A tools-explorer sub-node renders ToolsExplorer connected to the MCP introspect service.\n```\n\n```mdl\nfeat F-2: Object Debug Companion\n\n  req F-2.1:\n    when: any ECHO object is open in the deck\n    then: a "Debug" companion tab is injected at the last position\n\n  req F-2.2: DebugObjectPanel shows raw object fields, DXN, and typename for the companion target.\n```\n\n```mdl\nfeat F-3: Space Object Explorer\n\n  req F-3.1:\n    when: user opens the "Space Objects" deck companion\n    then: DebugSpaceObjectsPanel lists all ECHO objects in the active space\n\n  req F-3.2: List updates reactively as objects are added or removed.\n```\n\n```mdl\nfeat F-4: Devtools Overview Companion\n\n  req F-4.1:\n    when: user opens the "Devtools" deck companion\n    then: DevtoolsOverviewContainer renders a categorised link list to all devtools panels\n\n  req F-4.2: Clicking a category link navigates the deck to the corresponding devtools article.\n```\n\n```mdl\nfeat F-5: Space Data Generator\n\n  req F-5.1:\n    when: user navigates to the debug node under a space\n    then: SpaceGenerator is rendered as the article\n\n  req F-5.2:\n    when: user triggers object generation\n    then: synthetic ECHO objects are created via op:SpaceOperation.AddObject in the active collection\n\n  req F-5.3: DebugStatus indicator in the toolbar shows a running state while generation is active.\n```\n\n```mdl\nfeat F-6: Wireframe Overlay\n\n  req F-6.1:\n    when: settings.wireframe is true\n    then: Wireframe wraps every article and section surface with a labelled border\n\n  req F-6.2:\n    when: settings.wireframe is false or unset\n    then: no overlay is injected; the Wireframe surface filter returns false immediately\n```\n\n```mdl\nfeat F-7: Log Capture and Download\n\n  req F-7.1:\n    when: logStore is provided in DebugPluginOptions\n    then: LoggingPanel can stream and display captured log entries\n\n  req F-7.2:\n    when: user clicks download in DebugSettings\n    then: captured logs are serialised and offered as a file download via the file uploader capability\n```\n\n```mdl\nfeat F-8: Global Dev Utilities\n\n  req F-8.1:\n    when: DebugPlugin activates\n    then: globalThis.composer.changeStorageVersionInMetadata is registered for manual storage-migration testing\n\n  req F-8.2: The function destroys the client, rewrites the storage version metadata, and reloads the page.\n```\n\n## Acceptance\n\n```mdl\ntest T-1: Devtools node appears in nav graph\n  given: Composer loaded with DebugPlugin enabled\n  when: user opens the navigation tree\n  then:\n    - "Devtools" node is visible pinned at the end of the root\n    - sub-nodes Client, HALO, ECHO, Mesh, EDGE are present\n```\n\n```mdl\ntest T-2: Debug companion on ECHO object\n  given: a Document is open in the deck\n  when: user clicks the "Debug" companion tab\n  then:\n    - DebugObjectPanel renders with the object\'s DXN and field map\n```\n\n```mdl\ntest T-3: Wireframe overlay toggle\n  given: DebugPlugin settings panel is open\n  when: user enables the wireframe toggle\n  then:\n    - every article and section surface shows a labelled border\n  when: user disables the wireframe toggle\n  then:\n    - borders are removed immediately\n```\n\n```mdl\ntest T-4: Space object generation\n  given: a space with an empty collection is active\n  when: user opens the debug space node and generates 10 objects\n  then:\n    - 10 new objects appear in the active collection\n    - DebugStatus shows "running" while generation is in progress\n```\n\n```mdl\ntest T-5: Log download\n  given: logStore is configured and some log entries have been captured\n  when: user clicks "Download Logs" in DebugSettings\n  then:\n    - a file download is triggered containing the serialised log entries\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n';
+
+// src/DebugPlugin.tsx
+var DebugPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addReactContextModule({
+  activate: ReactContext
+}), AppPlugin.addSettingsModule({
+  activate: DebugSettings
+}), Plugin.addModule(({ logStore }) => ({
+  id: Capability.getModuleTag(ReactSurface) ?? "surfaces",
+  activatesOn: ActivationEvents.SetupReactSurface,
+  activate: () => ReactSurface({
+    logStore
+  })
+})), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.addModule({
+  id: "setup-devtools",
+  activatesOn: ActivationEvents.Startup,
+  activate: () => Effect.sync(() => setupDevtools())
+}), AppPlugin.addPluginAssetModule({
+  asset: {
+    pluginId: meta.id,
+    path: "PLUGIN.mdl",
+    content: PLUGIN_default,
+    mimeType: "application/x-mdl"
+  }
+}), Plugin.make);
+var setupDevtools = () => {
+  globalThis.composer ??= {};
+  globalThis.composer.changeStorageVersionInMetadata = async (version) => {
+    const { changeStorageVersionInMetadata } = await import("@dxos/echo-pipeline/testing");
+    const { createStorageObjects } = await import("@dxos/client-services");
+    const client = window.dxos.client;
+    const config = client.config;
+    await client.destroy();
+    const { storage } = createStorageObjects(config.values?.runtime?.client?.storage ?? {});
+    await changeStorageVersionInMetadata(storage, version);
+    location.pathname = "/";
+  };
+};
+var DebugPlugin_default = DebugPlugin;
+export {
+  DebugPlugin,
+  DebugPlugin_default as default
+};
+//# sourceMappingURL=DebugPlugin.mjs.map

package/dist/lib/neutral/DebugPlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DebugPlugin.tsx", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-debug/PLUGIN.mdl?raw"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvents, Capability, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { type Client } from '@dxos/react-client';\n\nimport { AppGraphBuilder, DebugSettings, ReactContext, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { type DebugPluginOptions } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\n\n// TODO(wittjosiah): Factor out DevtoolsPlugin?\n\nexport const DebugPlugin = Plugin.define<DebugPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addReactContextModule({ activate: ReactContext }),\n  AppPlugin.addSettingsModule({ activate: DebugSettings }),\n  Plugin.addModule(({ logStore }) => ({\n    id: Capability.getModuleTag(ReactSurface) ?? 'surfaces',\n    activatesOn: ActivationEvents.SetupReactSurface,\n    activate: () => ReactSurface({ logStore }),\n  })),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'setup-devtools',\n    activatesOn: ActivationEvents.Startup,\n    activate: () => Effect.sync(() => setupDevtools()),\n  }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nconst setupDevtools = () => {\n  (globalThis as any).composer ??= {};\n\n  // Used to test how composer handles breaking protocol changes.\n  (globalThis as any).composer.changeStorageVersionInMetadata = async (version: number) => {\n    const { changeStorageVersionInMetadata } = await import('@dxos/echo-pipeline/testing');\n    const { createStorageObjects } = await import('@dxos/client-services');\n    const client: Client = (window as any).dxos.client;\n    const config = client.config;\n    await client.destroy();\n    const { storage } = createStorageObjects(config.values?.runtime?.client?.storage ?? {});\n    await changeStorageVersionInMetadata(storage, version);\n    location.pathname = '/';\n  };\n};\n\nexport default DebugPlugin;\n", "---\nid: org.dxos.plugin.debug\nname: DebugPlugin\nversion: 0.1.0\n---\n\nDeveloper toolkit plugin for `DXOS` Composer \u2014 real-time object inspection, structured devtools panels for Client/HALO/ECHO/Mesh/EDGE subsystems, space data generation, wireframe overlays, a tools explorer, and downloadable log capture.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`        |\n| `feat`      | `org.dxos.mdl.feat@1.0`        |\n| `test`      | `org.dxos.mdl.test@1.0`        |\n| `component` | `org.dxos.mdl.component@1.0`   |\n| `op`        | `org.dxos.mdl.op@1.0`          |\n\n## Types\n\n```mdl\ntype Settings\n  fields:\n    wireframe?: boolean         # overlay every article/section surface with a labelled border\n    traceAll?: boolean          # enable verbose operation tracing across all plugins\n```\n\n```mdl\ntype DebugPluginOptions\n  fields:\n    logStore?: IdbLogStore      # shared persistent log store for capturing and downloading logs\n```\n\n```mdl\ntype DebugContextType\n  fields:\n    running: boolean\n    start(cb: TimerCallback, options: TimerOptions): void\n    stop(): void\n```\n\n## Components\n\n```mdl\ncomponent DebugSettings\n  desc: Settings panel rendered in the plugin-settings article slot; controls wireframe and traceAll toggles and exposes log download.\n  props:\n    settings: Settings\n    logStore?: IdbLogStore\n  actions:\n    updateSettings(patch: Partial<Settings>)\n    downloadLogs()\n```\n\n```mdl\ncomponent DebugStatus\n  desc: Status-indicator surface shown in the main toolbar; reflects the generator timer running state.\n  state:\n    running: boolean\n```\n\n```mdl\ncomponent DevtoolsOverviewContainer\n  desc: Deck-companion panel that provides quick access to all devtools sections via a categorised link list.\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502  Client  \u25B8 Config / Storage \u2502\n    \u2502            Logs / Diag      \u2502\n    \u2502  HALO    \u25B8 Identity / Keys  \u2502\n    \u2502  ECHO    \u25B8 Spaces / Feeds   \u2502\n    \u2502            Objects / Schema \u2502\n    \u2502  Mesh    \u25B8 Signal / Swarm   \u2502\n    \u2502  EDGE    \u25B8 Dashboard / \u2026    \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n```mdl\ncomponent DebugObjectPanel\n  desc: Companion panel for any ECHO object that shows raw field values, type info, and DXN.\n  props:\n    companionTo: string         # DXN of the object being inspected\n```\n\n```mdl\ncomponent DebugSpaceObjectsPanel\n  desc: Deck-companion panel listing all objects in the active space with their type, ID, and field count.\n  props:\n    space: Space\n```\n\n```mdl\ncomponent DebugGraph\n  desc: Visual representation of the Composer app-graph as a collapsible JSON tree.\n  props:\n    graph: Graph.Graph\n    root: string                # node ID used as the traversal root\n```\n\n```mdl\ncomponent SpaceGenerator\n  desc: Article view for generating synthetic ECHO objects into a space; controls count, type mix, and relation density.\n  props:\n    space: Space\n  actions:\n    generateObjects(count: number, types: string[])\n    clear()\n  emits:\n    onCreateObjects(objects: Obj.Unknown[])\n```\n\n```mdl\ncomponent Wireframe\n  desc: Transparent overlay that wraps any article or section surface and renders a labelled border for layout debugging.\n  props:\n    label: string               # \"role:name\" descriptor shown in the corner badge\n    object: Obj.Unknown\n    classNames?: string\n```\n\n```mdl\ncomponent SchemaTable\n  desc: Tabular display of all registered ECHO schemas with typename, fields, and version.\n```\n\n```mdl\ncomponent GithubPanel\n  desc: Developer panel linking to open GitHub issues and CI run status for the current build.\n```\n```\n\n## Components (Devtools Panels)\n\nThe following components are thin wrappers around `@dxos/devtools` panel components, each bound to a specific `Devtools.*` node:\n\n| Component              | Devtools node              | Displays                                |\n|------------------------|----------------------------|-----------------------------------------|\n| ConfigPanel            | Client.Config              | Vault config JSON viewer                |\n| StoragePanel           | Client.Storage             | Local storage browser                   |\n| LoggingPanel           | Client.Logs                | Live log stream; download via logStore  |\n| DiagnosticsPanel       | Client.Diagnostics         | Client health / metric charts           |\n| IdentityPanel          | Halo.Identity              | Local identity key + device list        |\n| DeviceListPanel        | Halo.Devices               | All devices paired with this identity   |\n| KeyringPanel           | Halo.Keyring               | Raw keyring entries                     |\n| CredentialsPanel       | Halo.Credentials           | Credentials held in the active space    |\n| SpaceListPanel         | Echo.Spaces                | All spaces with state + select action   |\n| SpaceInfoPanel         | Echo.Space                 | Selected space feeds / pipelines        |\n| FeedsPanel             | Echo.Feeds                 | Feed entries for the active space       |\n| ObjectsPanel           | Echo.Objects               | All objects in the active space         |\n| SchemaPanel            | Echo.Schema                | Schemas registered in the active space  |\n| AutomergePanel         | Echo.Automerge             | Automerge document internals            |\n| QueuesPanel            | Echo.Queues                | Pending queue items                     |\n| MembersPanel           | Echo.Members               | Space members with last-seen            |\n| MetadataPanel          | Echo.Metadata              | Space/feed metadata blobs               |\n| SignalPanel            | Mesh.Signal                | Signal-server connection state          |\n| SwarmPanel             | Mesh.Swarm                 | Active swarm peers                      |\n| NetworkPanel           | Mesh.Network               | Full network topology for active space  |\n| EdgeDashboardPanel     | Edge.Dashboard             | EDGE node health / worker stats         |\n| WorkflowPanel          | Edge.Workflows             | Workflow definitions in active space    |\n| InvocationTraceContainer | Edge.Traces              | Invocation trace timeline from feed     |\n| TestingPanel           | Edge.Testing               | Integration test harness for EDGE       |\n| ToolsExplorer          | ToolsExplorer              | MCP-backed tools explorer               |\n\n## Operations\n\nNo first-party operations are defined by DebugPlugin. The plugin invokes `SpaceOperation.AddObject`, `SpaceOperation.Migrate`, `LayoutOperation.Open`, and `ScriptOperation.CreateScript` from other plugins via `useOperationInvoker` inside its surfaces.\n\n## Features\n\n```mdl\nfeat F-1: Devtools Graph Node\n\n  req F-1.1:\n    when: DebugPlugin is loaded\n    then: a \"Devtools\" node appears pinned at the end of each root and space in the nav graph\n\n  req F-1.2: The Devtools node contains sub-trees for Client, HALO, ECHO, Mesh, and EDGE categories.\n  req F-1.3: An app-graph sub-node renders DebugGraph rooted at the current space or root.\n  req F-1.4: A tools-explorer sub-node renders ToolsExplorer connected to the MCP introspect service.\n```\n\n```mdl\nfeat F-2: Object Debug Companion\n\n  req F-2.1:\n    when: any ECHO object is open in the deck\n    then: a \"Debug\" companion tab is injected at the last position\n\n  req F-2.2: DebugObjectPanel shows raw object fields, DXN, and typename for the companion target.\n```\n\n```mdl\nfeat F-3: Space Object Explorer\n\n  req F-3.1:\n    when: user opens the \"Space Objects\" deck companion\n    then: DebugSpaceObjectsPanel lists all ECHO objects in the active space\n\n  req F-3.2: List updates reactively as objects are added or removed.\n```\n\n```mdl\nfeat F-4: Devtools Overview Companion\n\n  req F-4.1:\n    when: user opens the \"Devtools\" deck companion\n    then: DevtoolsOverviewContainer renders a categorised link list to all devtools panels\n\n  req F-4.2: Clicking a category link navigates the deck to the corresponding devtools article.\n```\n\n```mdl\nfeat F-5: Space Data Generator\n\n  req F-5.1:\n    when: user navigates to the debug node under a space\n    then: SpaceGenerator is rendered as the article\n\n  req F-5.2:\n    when: user triggers object generation\n    then: synthetic ECHO objects are created via op:SpaceOperation.AddObject in the active collection\n\n  req F-5.3: DebugStatus indicator in the toolbar shows a running state while generation is active.\n```\n\n```mdl\nfeat F-6: Wireframe Overlay\n\n  req F-6.1:\n    when: settings.wireframe is true\n    then: Wireframe wraps every article and section surface with a labelled border\n\n  req F-6.2:\n    when: settings.wireframe is false or unset\n    then: no overlay is injected; the Wireframe surface filter returns false immediately\n```\n\n```mdl\nfeat F-7: Log Capture and Download\n\n  req F-7.1:\n    when: logStore is provided in DebugPluginOptions\n    then: LoggingPanel can stream and display captured log entries\n\n  req F-7.2:\n    when: user clicks download in DebugSettings\n    then: captured logs are serialised and offered as a file download via the file uploader capability\n```\n\n```mdl\nfeat F-8: Global Dev Utilities\n\n  req F-8.1:\n    when: DebugPlugin activates\n    then: globalThis.composer.changeStorageVersionInMetadata is registered for manual storage-migration testing\n\n  req F-8.2: The function destroys the client, rewrites the storage version metadata, and reloads the page.\n```\n\n## Acceptance\n\n```mdl\ntest T-1: Devtools node appears in nav graph\n  given: Composer loaded with DebugPlugin enabled\n  when: user opens the navigation tree\n  then:\n    - \"Devtools\" node is visible pinned at the end of the root\n    - sub-nodes Client, HALO, ECHO, Mesh, EDGE are present\n```\n\n```mdl\ntest T-2: Debug companion on ECHO object\n  given: a Document is open in the deck\n  when: user clicks the \"Debug\" companion tab\n  then:\n    - DebugObjectPanel renders with the object's DXN and field map\n```\n\n```mdl\ntest T-3: Wireframe overlay toggle\n  given: DebugPlugin settings panel is open\n  when: user enables the wireframe toggle\n  then:\n    - every article and section surface shows a labelled border\n  when: user disables the wireframe toggle\n  then:\n    - borders are removed immediately\n```\n\n```mdl\ntest T-4: Space object generation\n  given: a space with an empty collection is active\n  when: user opens the debug space node and generates 10 objects\n  then:\n    - 10 new objects appear in the active collection\n    - DebugStatus shows \"running\" while generation is in progress\n```\n\n```mdl\ntest T-5: Log download\n  given: logStore is configured and some log entries have been captured\n  when: user clicks \"Download Logs\" in DebugSettings\n  then:\n    - a file download is triggered containing the serialised log entries\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkBC,YAAYC,cAAc;AACrD,SAASC,iBAAiB;AAG1B,SAASC,iBAAiBC,eAAeC,cAAcC,oBAAoB;AAC3E,SAASC,YAAY;AACrB,SAASC,oBAAoB;;;ACZ7B;;;ADoBO,IAAMC,cAAcC,OAAOC,OAA2BC,IAAAA,EAAMC,KACjEC,UAAUC,kBAAkB;EAAEC,UAAUC;AAAgB,CAAA,GACxDH,UAAUI,sBAAsB;EAAEF,UAAUG;AAAa,CAAA,GACzDL,UAAUM,kBAAkB;EAAEJ,UAAUK;AAAc,CAAA,GACtDX,OAAOY,UAAU,CAAC,EAAEC,SAAQ,OAAQ;EAClCC,IAAIC,WAAWC,aAAaC,YAAAA,KAAiB;EAC7CC,aAAaC,iBAAiBC;EAC9Bd,UAAU,MAAMW,aAAa;IAAEJ;EAAS,CAAA;AAC1C,EAAA,GACAT,UAAUiB,sBAAsB;EAAEC;AAAa,CAAA,GAC/CtB,OAAOY,UAAU;EACfE,IAAI;EACJI,aAAaC,iBAAiBI;EAC9BjB,UAAU,MAAakB,YAAK,MAAMC,cAAAA,CAAAA;AACpC,CAAA,GACArB,UAAUsB,qBAAqB;EAC7BC,OAAO;IAAEC,UAAU1B,KAAKY;IAAIe,MAAM;IAAcC,SAASC;IAAYC,UAAU;EAAoB;AACrG,CAAA,GACAhC,OAAOiC,IAAI;AAGb,IAAMR,gBAAgB,MAAA;AACnBS,aAAmBC,aAAa,CAAC;AAGjCD,aAAmBC,SAASC,iCAAiC,OAAOC,YAAAA;AACnE,UAAM,EAAED,+BAA8B,IAAK,MAAM,OAAO,6BAAA;AACxD,UAAM,EAAEE,qBAAoB,IAAK,MAAM,OAAO,uBAAA;AAC9C,UAAMC,SAAkBC,OAAeC,KAAKF;AAC5C,UAAMG,SAASH,OAAOG;AACtB,UAAMH,OAAOI,QAAO;AACpB,UAAM,EAAEC,QAAO,IAAKN,qBAAqBI,OAAOG,QAAQC,SAASP,QAAQK,WAAW,CAAC,CAAA;AACrF,UAAMR,+BAA+BQ,SAASP,OAAAA;AAC9CU,aAASC,WAAW;EACtB;AACF;AAEA,IAAA,sBAAejD;",
+  "names": ["Effect", "ActivationEvents", "Capability", "Plugin", "AppPlugin", "AppGraphBuilder", "DebugSettings", "ReactContext", "ReactSurface", "meta", "translations", "DebugPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "AppGraphBuilder", "addReactContextModule", "ReactContext", "addSettingsModule", "DebugSettings", "addModule", "logStore", "id", "Capability", "getModuleTag", "ReactSurface", "activatesOn", "ActivationEvents", "SetupReactSurface", "addTranslationsModule", "translations", "Startup", "sync", "setupDevtools", "addPluginAssetModule", "asset", "pluginId", "path", "content", "pluginSpec", "mimeType", "make", "globalThis", "composer", "changeStorageVersionInMetadata", "version", "createStorageObjects", "client", "window", "dxos", "config", "destroy", "storage", "values", "runtime", "location", "pathname"]
+}

package/dist/lib/neutral/DebugPlugin.node.mjs

@@ -0,0 +1,18 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DebugPlugin.node.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, DebugSettings } from "#capabilities";
+import { meta } from "#meta";
+var DebugPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addSettingsModule({
+  activate: DebugSettings
+}), Plugin.make);
+var DebugPlugin_node_default = DebugPlugin;
+export {
+  DebugPlugin,
+  DebugPlugin_node_default as default
+};
+//# sourceMappingURL=DebugPlugin.node.mjs.map

package/dist/lib/neutral/DebugPlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DebugPlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, DebugSettings } from '#capabilities';\nimport { meta } from '#meta';\nimport { type DebugPluginOptions } from '#types';\n\nexport const DebugPlugin = Plugin.define<DebugPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addSettingsModule({ activate: DebugSettings }),\n  Plugin.make,\n);\n\nexport default DebugPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,iBAAiBC,qBAAqB;AAC/C,SAASC,YAAY;AAGd,IAAMC,cAAcL,OAAOM,OAA2BF,IAAAA,EAAMG,KACjEN,UAAUO,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDD,UAAUS,kBAAkB;EAAED,UAAUN;AAAc,CAAA,GACtDH,OAAOW,IAAI;AAGb,IAAA,2BAAeN;",
+  "names": ["Plugin", "AppPlugin", "AppGraphBuilder", "DebugSettings", "meta", "DebugPlugin", "define", "pipe", "addAppGraphModule", "activate", "addSettingsModule", "make"]
+}

package/dist/lib/neutral/DebugPlugin.workerd.mjs

@@ -0,0 +1,12 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/DebugPlugin.workerd.ts
+import { Plugin } from "@dxos/app-framework";
+import { meta } from "#meta";
+var DebugPlugin = Plugin.define(meta).pipe(Plugin.make);
+var DebugPlugin_workerd_default = DebugPlugin;
+export {
+  DebugPlugin,
+  DebugPlugin_workerd_default as default
+};
+//# sourceMappingURL=DebugPlugin.workerd.mjs.map

package/dist/lib/neutral/DebugPlugin.workerd.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DebugPlugin.workerd.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from '#meta';\nimport { type DebugPluginOptions } from '#types';\n\nexport const DebugPlugin = Plugin.define<DebugPluginOptions>(meta).pipe(Plugin.make);\n\nexport default DebugPlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AAEvB,SAASC,YAAY;AAGd,IAAMC,cAAcF,OAAOG,OAA2BF,IAAAA,EAAMG,KAAKJ,OAAOK,IAAI;AAEnF,IAAA,8BAAeH;",
+  "names": ["Plugin", "meta", "DebugPlugin", "define", "pipe", "make"]
+}

package/dist/lib/neutral/DebugSettings-RKYNQIKH.mjs

@@ -0,0 +1,223 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/DebugSettings/DebugSettings.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { getPersonalSpace } from "@dxos/app-toolkit";
+import { SaveConfig, Storage, defs } from "@dxos/config";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
+import { Settings as SettingsForm } from "@dxos/react-ui-form";
+import { TRACE_ALL_KEY } from "@dxos/tracing";
+import { setDeep } from "@dxos/util";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/components/DebugSettings/DebugSettings.tsx";
+var StorageAdapters = {
+  opfs: defs.Runtime.Client.Storage.StorageDriver.WEBFS,
+  idb: defs.Runtime.Client.Storage.StorageDriver.IDB
+};
+var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
+  const { t } = useTranslation(meta.id);
+  const [toast, setToast] = useState();
+  const download = useFileDownload();
+  const [storageConfig, setStorageConfig] = useState({});
+  const client = useClient();
+  useEffect(() => {
+    void Storage().then((config) => setStorageConfig(config));
+  }, []);
+  const handleToast = useCallback((toast2) => {
+    setToast(toast2);
+    const timer = setTimeout(() => setToast(void 0), 5e3);
+    return () => clearTimeout(timer);
+  }, [
+    setToast
+  ]);
+  const handleDownload = useCallback(async () => {
+    const data = await client.diagnostics();
+    const file = new Blob([
+      JSON.stringify(data, void 0, 2)
+    ], {
+      type: "text/plain"
+    });
+    const fileName = `composer-${(/* @__PURE__ */ new Date()).toISOString().replace(/\W/g, "-")}.json`;
+    download(file, fileName);
+    if (onUpload) {
+      const personalSpace = getPersonalSpace(client);
+      if (!personalSpace) {
+        log.error("no personal space available for upload", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 46, S: void 0 });
+        return;
+      }
+      const info = await onUpload(personalSpace.db, new File([
+        file
+      ], fileName));
+      if (!info) {
+        log.error("diagnostics failed to upload to IPFS", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 53, S: void 0 });
+        return;
+      }
+      handleToast({
+        title: t("settings.uploaded.message"),
+        description: t("settings.uploaded.description")
+      });
+      const url = client.config.values.runtime.services.ipfs.gateway + "/" + info.cid;
+      void navigator.clipboard.writeText(url);
+      handleToast({
+        title: t("settings.uploaded.message"),
+        description: t("settings.uploaded.description")
+      });
+      log.info("diagnostics", {
+        url
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 67, S: void 0 });
+    }
+  }, [
+    client,
+    download,
+    handleToast,
+    onUpload,
+    t
+  ]);
+  const handleDownloadLogs = useCallback(async () => {
+    const ndjson = await logStore.export();
+    const file = new Blob([
+      ndjson
+    ], {
+      type: "application/x-ndjson"
+    });
+    const fileName = `composer-logs-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.ndjson`;
+    download(file, fileName);
+  }, [
+    download,
+    logStore
+  ]);
+  const handleRepair = useCallback(async () => {
+    try {
+      const info = await client.repair();
+      setStorageConfig(await Storage());
+      handleToast({
+        title: t("settings.repair-success.message"),
+        description: JSON.stringify(info, void 0, 2)
+      });
+    } catch (err) {
+      handleToast({
+        title: t("settings.repair-failed.message"),
+        description: err.message
+      });
+    }
+  }, [
+    client,
+    handleToast,
+    t
+  ]);
+  const handleWireframeChange = useCallback((checked) => onSettingsChange?.((s) => ({
+    ...s,
+    wireframe: !!checked
+  })), [
+    onSettingsChange
+  ]);
+  const traceAll = useMemo(() => settings.traceAll ?? (typeof localStorage !== "undefined" && localStorage.getItem(TRACE_ALL_KEY) === "true"), [
+    settings.traceAll
+  ]);
+  const handleTraceAllChange = useCallback((checked) => {
+    const value = !!checked;
+    localStorage.setItem(TRACE_ALL_KEY, String(value));
+    onSettingsChange?.((s) => ({
+      ...s,
+      traceAll: value
+    }));
+  }, [
+    onSettingsChange
+  ]);
+  const handleOpenTracingPanel = useCallback(() => {
+    window.open("about:blank", "_blank");
+  }, []);
+  const handleStorageAdapterChange = useCallback((value) => {
+    if (confirm(t("settings.storage-adapter.changed-alert.message"))) {
+      updateConfig(storageConfig, setStorageConfig, [
+        "runtime",
+        "client",
+        "storage",
+        "dataStore"
+      ], StorageAdapters[value]);
+    }
+  }, [
+    storageConfig,
+    t
+  ]);
+  return /* @__PURE__ */ React.createElement(SettingsForm.Viewport, null, /* @__PURE__ */ React.createElement(SettingsForm.Section, {
+    title: t("settings.title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.wireframe.label"),
+    description: t("settings.wireframe.description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    disabled: !onSettingsChange,
+    checked: settings.wireframe,
+    onCheckedChange: handleWireframeChange
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.trace-all.label"),
+    description: t("settings.trace-all.description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    disabled: !onSettingsChange,
+    checked: traceAll,
+    onCheckedChange: handleTraceAllChange
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.tracing-panel.label"),
+    description: t("settings.tracing-panel.description")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--arrow-square-out--regular",
+    iconOnly: true,
+    label: t("settings.tracing-panel.label"),
+    onClick: handleOpenTracingPanel
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.download-diagnostics.label"),
+    description: t("settings.download-diagnostics.description")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--download-simple--regular",
+    iconOnly: true,
+    label: t("settings.download-diagnostics.label"),
+    onClick: handleDownload
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.download-logs.label"),
+    description: t("settings.download-logs.description")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--download-simple--regular",
+    iconOnly: true,
+    label: t("settings.download-logs.label"),
+    onClick: handleDownloadLogs
+  })), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.repair.label"),
+    description: t("settings.repair.description")
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--first-aid-kit--regular",
+    iconOnly: true,
+    label: t("settings.repair.label"),
+    onClick: handleRepair
+  })), toast && /* @__PURE__ */ React.createElement(Toast.Root, null, /* @__PURE__ */ React.createElement(Toast.Title, {
+    icon: "ph--gift--duotone"
+  }, /* @__PURE__ */ React.createElement("span", null, toast.title)), toast.description && /* @__PURE__ */ React.createElement(Toast.Description, null, toast.description)), /* @__PURE__ */ React.createElement(SettingsForm.Item, {
+    title: t("settings.choose-storage-adaptor.label"),
+    description: t("settings.choose-storage-adaptor.description")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    disabled: !onSettingsChange,
+    value: Object.entries(StorageAdapters).find(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
+    onValueChange: handleStorageAdapterChange
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    disabled: !onSettingsChange,
+    placeholder: t("settings.data-store.label")
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, Object.keys(StorageAdapters).map((key) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key,
+    value: key
+  }, t(`settings.storage-adaptor.${key}.label`)))), /* @__PURE__ */ React.createElement(Select.Arrow, null)))))));
+};
+var updateConfig = (config, setConfig, path, value) => {
+  const storageConfigCopy = JSON.parse(JSON.stringify(config ?? {}));
+  setDeep(storageConfigCopy, path, value);
+  setConfig(storageConfigCopy);
+  queueMicrotask(async () => {
+    await SaveConfig(storageConfigCopy);
+  });
+};
+export {
+  DebugSettings as default
+};
+//# sourceMappingURL=DebugSettings-RKYNQIKH.mjs.map

package/dist/lib/neutral/DebugSettings-RKYNQIKH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugSettings/DebugSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { AppCapabilities, getPersonalSpace } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type ConfigProto, SaveConfig, Storage, defs } from '@dxos/config';\nimport { log } from '@dxos/log';\nimport { type IdbLogStore } from '@dxos/log-store-idb';\nimport { useClient } from '@dxos/react-client';\nimport { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';\nimport { Settings as SettingsForm } from '@dxos/react-ui-form';\nimport { TRACE_ALL_KEY } from '@dxos/tracing';\nimport { setDeep } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { type Settings } from '#types';\n\ntype Toast = {\n  title: string;\n  description?: string;\n};\n\nconst StorageAdapters = {\n  opfs: defs.Runtime.Client.Storage.StorageDriver.WEBFS,\n  idb: defs.Runtime.Client.Storage.StorageDriver.IDB,\n} as const;\n\nexport type DebugSettingsProps = AppSurface.SettingsArticleProps<\n  Settings.Settings,\n  {\n    logStore: IdbLogStore;\n    onUpload?: AppCapabilities.FileUploader;\n  }\n>;\n\nexport const DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }: DebugSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const [toast, setToast] = useState<Toast>();\n  const download = useFileDownload();\n  const [storageConfig, setStorageConfig] = useState<ConfigProto>({});\n  const client = useClient();\n\n  useEffect(() => {\n    void Storage().then((config) => setStorageConfig(config));\n  }, []);\n\n  const handleToast = useCallback(\n    (toast: Toast) => {\n      setToast(toast);\n      const timer = setTimeout(() => setToast(undefined), 5_000);\n      return () => clearTimeout(timer);\n    },\n    [setToast],\n  );\n\n  const handleDownload = useCallback(async () => {\n    const data = await client.diagnostics();\n    const file = new Blob([JSON.stringify(data, undefined, 2)], {\n      type: 'text/plain',\n    });\n    const fileName = `composer-${new Date().toISOString().replace(/\\W/g, '-')}.json`;\n    download(file, fileName);\n\n    if (onUpload) {\n      const personalSpace = getPersonalSpace(client);\n      if (!personalSpace) {\n        log.error('no personal space available for upload');\n        return;\n      }\n      const info = await onUpload(personalSpace.db, new File([file], fileName));\n      if (!info) {\n        log.error('diagnostics failed to upload to IPFS');\n        return;\n      }\n      handleToast({\n        title: t('settings.uploaded.message'),\n        description: t('settings.uploaded.description'),\n      });\n\n      // TODO(nf): move to IpfsPlugin?\n      const url = client.config.values.runtime!.services!.ipfs!.gateway + '/' + info.cid;\n      void navigator.clipboard.writeText(url);\n      handleToast({\n        title: t('settings.uploaded.message'),\n        description: t('settings.uploaded.description'),\n      });\n      log.info('diagnostics', { url });\n    }\n  }, [client, download, handleToast, onUpload, t]);\n\n  const handleDownloadLogs = useCallback(async () => {\n    const ndjson = await logStore.export();\n    const file = new Blob([ndjson], { type: 'application/x-ndjson' });\n    const fileName = `composer-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.ndjson`;\n    download(file, fileName);\n  }, [download, logStore]);\n\n  const handleRepair = useCallback(async () => {\n    try {\n      const info = await client.repair();\n      setStorageConfig(await Storage());\n      handleToast({\n        title: t('settings.repair-success.message'),\n        description: JSON.stringify(info, undefined, 2),\n      });\n    } catch (err: any) {\n      handleToast({\n        title: t('settings.repair-failed.message'),\n        description: err.message,\n      });\n    }\n  }, [client, handleToast, t]);\n\n  const handleWireframeChange = useCallback(\n    (checked: boolean) => onSettingsChange?.((s) => ({ ...s, wireframe: !!checked })),\n    [onSettingsChange],\n  );\n\n  const traceAll = useMemo(\n    () => settings.traceAll ?? (typeof localStorage !== 'undefined' && localStorage.getItem(TRACE_ALL_KEY) === 'true'),\n    [settings.traceAll],\n  );\n\n  const handleTraceAllChange = useCallback(\n    (checked: boolean) => {\n      const value = !!checked;\n      localStorage.setItem(TRACE_ALL_KEY, String(value));\n      onSettingsChange?.((s) => ({ ...s, traceAll: value }));\n    },\n    [onSettingsChange],\n  );\n\n  const handleOpenTracingPanel = useCallback(() => {\n    window.open('about:blank', '_blank');\n  }, []);\n\n  const handleStorageAdapterChange = useCallback(\n    (value: string) => {\n      if (confirm(t('settings.storage-adapter.changed-alert.message'))) {\n        updateConfig(\n          storageConfig,\n          setStorageConfig,\n          ['runtime', 'client', 'storage', 'dataStore'],\n          StorageAdapters[value as keyof typeof StorageAdapters],\n        );\n      }\n    },\n    [storageConfig, t],\n  );\n\n  return (\n    <SettingsForm.Viewport>\n      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>\n        <SettingsForm.Item title={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>\n          <Input.Switch\n            disabled={!onSettingsChange}\n            checked={settings.wireframe}\n            onCheckedChange={handleWireframeChange}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item title={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>\n          <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />\n        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={t('settings.tracing-panel.label')}\n          description={t('settings.tracing-panel.description')}\n        >\n          <IconButton\n            icon='ph--arrow-square-out--regular'\n            iconOnly\n            label={t('settings.tracing-panel.label')}\n            onClick={handleOpenTracingPanel}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={t('settings.download-diagnostics.label')}\n          description={t('settings.download-diagnostics.description')}\n        >\n          <IconButton\n            icon='ph--download-simple--regular'\n            iconOnly\n            label={t('settings.download-diagnostics.label')}\n            onClick={handleDownload}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item\n          title={t('settings.download-logs.label')}\n          description={t('settings.download-logs.description')}\n        >\n          <IconButton\n            icon='ph--download-simple--regular'\n            iconOnly\n            label={t('settings.download-logs.label')}\n            onClick={handleDownloadLogs}\n          />\n        </SettingsForm.Item>\n        <SettingsForm.Item title={t('settings.repair.label')} description={t('settings.repair.description')}>\n          <IconButton\n            icon='ph--first-aid-kit--regular'\n            iconOnly\n            label={t('settings.repair.label')}\n            onClick={handleRepair}\n          />\n        </SettingsForm.Item>\n\n        {/* TODO(burdon): Move to layout? */}\n        {toast && (\n          <Toast.Root>\n            <Toast.Title icon='ph--gift--duotone'>\n              <span>{toast.title}</span>\n            </Toast.Title>\n            {toast.description && <Toast.Description>{toast.description}</Toast.Description>}\n          </Toast.Root>\n        )}\n\n        <SettingsForm.Item\n          title={t('settings.choose-storage-adaptor.label')}\n          description={t('settings.choose-storage-adaptor.description')}\n        >\n          <Select.Root\n            disabled={!onSettingsChange}\n            value={\n              Object.entries(StorageAdapters).find(\n                ([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore,\n              )?.[0]\n            }\n            onValueChange={handleStorageAdapterChange}\n          >\n            <Select.TriggerButton disabled={!onSettingsChange} placeholder={t('settings.data-store.label')} />\n            <Select.Portal>\n              <Select.Content>\n                <Select.Viewport>\n                  {Object.keys(StorageAdapters).map((key) => (\n                    <Select.Option key={key} value={key}>\n                      {t(`settings.storage-adaptor.${key}.label`)}\n                    </Select.Option>\n                  ))}\n                </Select.Viewport>\n                <Select.Arrow />\n              </Select.Content>\n            </Select.Portal>\n          </Select.Root>\n        </SettingsForm.Item>\n      </SettingsForm.Section>\n    </SettingsForm.Viewport>\n  );\n};\n\nconst updateConfig = (config: ConfigProto, setConfig: (newConfig: ConfigProto) => void, path: string[], value: any) => {\n  const storageConfigCopy = JSON.parse(JSON.stringify(config ?? {}));\n  setDeep(storageConfigCopy, path, value);\n  setConfig(storageConfigCopy);\n  queueMicrotask(async () => {\n    await SaveConfig(storageConfigCopy);\n  });\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "useMemo", "useState", "getPersonalSpace", "SaveConfig", "Storage", "defs", "log", "useClient", "IconButton", "Input", "Select", "Toast", "useFileDownload", "useTranslation", "Settings", "SettingsForm", "TRACE_ALL_KEY", "setDeep", "meta", "StorageAdapters", "idb", "Client", "DebugSettings", "settings", "onSettingsChange", "toast", "download", "storageConfig", "setStorageConfig", "client", "config", "handleToast", "setToast", "setTimeout", "clearTimeout", "Blob", "JSON", "stringify", "data", "undefined", "type", "fileName", "onUpload", "personalSpace", "error", "description", "title", "info", "t", "ndjson", "checked", "handleTraceAllChange", "localStorage", "String", "value", "handleStorageAdapterChange", "disabled", "wireframe", "onCheckedChange", "traceAll", "icon", "iconOnly", "label", "onClick", "handleOpenTracingPanel", "handleDownload", "handleDownloadLogs", "handleRepair", "span", "Object", "entries", "find", "_name", "onValueChange", "TriggerButton", "key", "updateConfig", "path", "storageConfigCopy", "setConfig", "queueMicrotask"]
+}

package/dist/lib/neutral/DebugSpaceObjectsPanel-BHOCFWDJ.mjs

@@ -0,0 +1,34 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx
+import React, { useState } from "react";
+import { ObjectsTree } from "@dxos/devtools";
+import { Filter, Query } from "@dxos/echo";
+import { useQuery } from "@dxos/react-client/echo";
+import { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
+import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+var DebugSpaceObjectsPanel = ({ space }) => {
+  const [selectedId, setSelectedId] = useState(null);
+  const [selectedObject] = useQuery(space.db, selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()));
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    disabled: true,
+    placeholder: "Search..."
+  })))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Grid, {
+    rows: 2,
+    classNames: "divide-y divide-separator"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, null, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(ObjectsTree, {
+    db: space.db,
+    onSelect: (entity) => setSelectedId(entity.id)
+  }))), selectedObject && /* @__PURE__ */ React.createElement(JsonHighlighter, {
+    classNames: "p-1",
+    data: selectedObject
+  })))));
+};
+export {
+  DebugSpaceObjectsPanel as default
+};
+//# sourceMappingURL=DebugSpaceObjectsPanel-BHOCFWDJ.mjs.map

package/dist/lib/neutral/DebugSpaceObjectsPanel-BHOCFWDJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { Filter, Query } from '@dxos/echo';\nimport { type EntityId } from '@dxos/keys';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nexport type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps;\n\nexport const DebugSpaceObjectsPanel = ({ space }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  const [selectedObject] = useQuery(\n    space.db,\n    selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()),\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Input.Root>\n              <Input.TextInput disabled placeholder='Search...' />\n            </Input.Root>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <Grid rows={2} classNames='divide-y divide-separator'>\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree db={space.db} onSelect={(entity) => setSelectedId(entity.id)} />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n            {selectedObject && <JsonHighlighter classNames='p-1' data={selectedObject} />}\n          </Grid>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,gBAAgB;AAGhC,SAASC,mBAAmB;AAC5B,SAASC,QAAQC,aAAa;AAE9B,SAASC,gBAAgB;AACzB,SAASC,WAAWC,MAAMC,OAAOC,OAAOC,YAAYC,eAAe;AACnE,SAASC,uBAAuB;AAIzB,IAAMC,yBAAyB,CAAC,EAAEC,MAAK,MAA+B;AAC3E,QAAM,CAACC,YAAYC,aAAAA,IAAiBf,SAA0B,IAAA;AAC9D,QAAM,CAACgB,cAAAA,IAAkBZ,SACvBS,MAAMI,IACNH,aAAaX,MAAMe,OAAOhB,OAAOiB,GAAGL,UAAAA,CAAAA,IAAeX,MAAMe,OAAOhB,OAAOkB,QAAO,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACf,UAAUgB,UAAQ,MACjB,sBAAA,cAACb,MAAMc,MAAI,MACT,sBAAA,cAACd,MAAME,SAAO;IAACa,SAAAA;KACb,sBAAA,cAACb,QAAQY,MAAI,MACX,sBAAA,cAACf,MAAMe,MAAI,MACT,sBAAA,cAACf,MAAMiB,WAAS;IAACC,UAAAA;IAASC,aAAY;SAI5C,sBAAA,cAAClB,MAAMmB,SAAO;IAACJ,SAAAA;KACb,sBAAA,cAACjB,MAAAA;IAAKsB,MAAM;IAAGC,YAAW;KACxB,sBAAA,cAACpB,WAAWa,MAAI,MACd,sBAAA,cAACb,WAAWqB,UAAQ,MAClB,sBAAA,cAAC7B,aAAAA;IAAYgB,IAAIJ,MAAMI;IAAIc,UAAU,CAACC,WAAWjB,cAAciB,OAAOb,EAAE;QAG3EH,kBAAkB,sBAAA,cAACL,iBAAAA;IAAgBkB,YAAW;IAAMI,MAAMjB;;AAMvE;",
+  "names": ["React", "useState", "ObjectsTree", "Filter", "Query", "useQuery", "Clipboard", "Grid", "Input", "Panel", "ScrollArea", "Toolbar", "JsonHighlighter", "DebugSpaceObjectsPanel", "space", "selectedId", "setSelectedId", "selectedObject", "db", "select", "id", "nothing", "Provider", "Root", "asChild", "TextInput", "disabled", "placeholder", "Content", "rows", "classNames", "Viewport", "onSelect", "entity", "data"]
+}

package/dist/lib/neutral/DebugStatus-H2BAHN26.mjs

@@ -0,0 +1,122 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugStatus/DebugStatus.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { TimeoutError } from "@dxos/async";
+import { StatusBar } from "@dxos/plugin-status-bar/components";
+import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
+import { useNetworkStatus } from "@dxos/react-client/mesh";
+import { IconButton } from "@dxos/react-ui";
+var styles = {
+  success: "text-sky-300 dark:text-green-700",
+  warning: "text-orange-300 dark:text-orange-600",
+  error: "text-red-300 dark:text-red-600"
+};
+var ErrorIndicator = () => {
+  const [, forceUpdate] = useState({});
+  const errorRef = useRef(null);
+  useEffect(() => {
+    const errorListener = (event) => {
+      const error = event.error ?? event.reason;
+      if (errorRef.current !== error) {
+        errorRef.current = error;
+        forceUpdate({});
+      }
+    };
+    window.addEventListener("error", errorListener);
+    window.addEventListener("unhandledrejection", errorListener);
+    return () => {
+      window.removeEventListener("error", errorListener);
+      window.removeEventListener("unhandledrejection", errorListener);
+    };
+  }, []);
+  const handleReset = () => {
+    errorRef.current = null;
+    forceUpdate({});
+  };
+  if (errorRef.current) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--warning-circle--duotone",
+      iconOnly: true,
+      label: errorRef.current.message,
+      classNames: styles.error,
+      onClick: handleReset
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--check--regular",
+      iconOnly: true,
+      label: "No errors."
+    }));
+  }
+};
+var SwarmIndicator = () => {
+  const [state, setState] = useState(0);
+  const { swarm } = useNetworkStatus();
+  useEffect(() => {
+    setState(swarm === ConnectionState.ONLINE ? 0 : 1);
+  }, [
+    swarm
+  ]);
+  if (state === 0) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning--regular",
+      iconOnly: true,
+      label: "Connected to swarm."
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning-slash--regular",
+      iconOnly: true,
+      label: "Disconnected from swarm.",
+      classNames: styles.warning
+    }));
+  }
+};
+var SavingIndicator = () => {
+  const [state, _setState] = useState(0);
+  switch (state) {
+    case 2:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Edit not saved.",
+        classNames: styles.warning
+      }));
+    case 1:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Saving...",
+        classNames: styles.success
+      }));
+    case 0:
+    default:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Modified indicator."
+      }));
+  }
+};
+var indicators = [
+  SavingIndicator,
+  SwarmIndicator,
+  ErrorIndicator
+];
+var DebugStatus = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, indicators.map((Indicator) => /* @__PURE__ */ React.createElement(Indicator, {
+    key: Indicator.name
+  })));
+};
+export {
+  DebugStatus as default
+};
+//# sourceMappingURL=DebugStatus-H2BAHN26.mjs.map