@dxos/plugin-debug 0.8.3 → 0.8.4-main.c1de068

package/src/components/SpaceGenerator/presets.ts

@@ -2,13 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Schema, SchemaAST } from 'effect';
+import { Schema } from 'effect';
 
 import { type ComputeGraphModel, NODE_INPUT } from '@dxos/conductor';
 import { DXN, Key, Obj, Ref, Type } from '@dxos/echo';
-import { FunctionTrigger, TriggerKind, EmailTriggerOutput, type TriggerType } from '@dxos/functions';
+import { FunctionTrigger, TriggerKind, type TriggerType } from '@dxos/functions';
 import { invariant } from '@dxos/invariant';
-import { Filter, type Space } from '@dxos/react-client/echo';
+import { type Space } from '@dxos/react-client/echo';
 import {
   type ComputeShape,
   createAppend,
@@ -31,21 +31,20 @@ import {
   pointsToRect,
   rectToPoints,
 } from '@dxos/react-ui-canvas-editor';
-import { TableType } from '@dxos/react-ui-table';
 import { range } from '@dxos/util';
 
 import { type ObjectGenerator } from './ObjectGenerator';
 
 export enum PresetName {
-  EMAIL_TABLE = 'email-table',
+  // EMAIL_TABLE = 'email-table',
   GPT_QUEUE = 'webhook-gpt-queue',
   CHAT_GPT = 'chat-gpt-text',
-  EMAIL_WITH_SUMMARY = 'email-gptSummary-table',
+  // EMAIL_WITH_SUMMARY = 'email-gptSummary-table',
   OBJECT_CHANGE_QUEUE = 'objectChange-queue',
   FOREX_FUNCTION_CALL = 'forex-function-call',
   TIMER_TICK_QUEUE = 'timerTick-queue',
   DISCORD_MESSAGES = 'discord-messages',
-  KANBAN_QUEUE = 'kanban-queue',
+  // KANBAN_QUEUE = 'kanban-queue',
 }
 
 export const generator = () => ({
@@ -125,72 +124,73 @@ export const generator = () => ({
       },
     ],
 
-    [
-      PresetName.EMAIL_TABLE,
-      async (space, n, cb) => {
-        const objects = range(n, () => {
-          const canvasModel = CanvasGraphModel.create<ComputeShape>();
-
-          const results = space.db.query(Filter.type(TableType)).runSync();
-          const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
-          invariant(emailTable, 'Email table not found.');
-
-          const template = canvasModel.createNode(
-            createTemplate({
-              valueType: 'object',
-              ...rawPosition({ centerX: -80, centerY: -64, width: 320, height: 320 }),
-            }),
-          );
-          const templateContent = ['{'];
-
-          let functionTrigger: FunctionTrigger | undefined;
-          canvasModel.builder.call((builder) => {
-            const triggerShape = createTrigger({
-              spaceId: space.id,
-              triggerKind: TriggerKind.Email,
-              ...position({ x: -18, y: -2 }),
-            });
-            const trigger = canvasModel.createNode(triggerShape);
-
-            const tableId = canvasModel.createNode(
-              createConstant({
-                value: DXN.fromLocalObjectId(emailTable.id).toString(),
-                ...position({ x: -18, y: 5, width: 8, height: 6 }),
-              }),
-            );
-
-            const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
-
-            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
-            for (let i = 0; i < properties.length; i++) {
-              const propName = properties[i].name.toString();
-              builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
-              templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
-            }
-            templateContent.push('}');
-
-            builder
-              .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
-              .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
-
-            functionTrigger = triggerShape.functionTrigger!.target!;
-          });
-
-          const computeModel = createComputeGraph(canvasModel);
-
-          const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
-          invariant(templateComputeNode, 'Template compute node was not created.');
-          templateComputeNode.value = templateContent.join('\n');
-          templateComputeNode.inputSchema = Type.toJsonSchema(EmailTriggerOutput);
-
-          attachTrigger(functionTrigger, computeModel);
-
-          return addToSpace(PresetName.EMAIL_TABLE, space, canvasModel, computeModel);
-        });
-        cb?.(objects);
-        return objects;
-      },
-    ],
+    // TODO(wittjosiah): Remove?
+    // [
+    //   PresetName.EMAIL_TABLE,
+    //   async (space, n, cb) => {
+    //     const objects = range(n, () => {
+    //       const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+    //       const results = space.db.query(Filter.type(TableType)).runSync();
+    //       const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
+    //       invariant(emailTable, 'Email table not found.');
+
+    //       const template = canvasModel.createNode(
+    //         createTemplate({
+    //           valueType: 'object',
+    //           ...rawPosition({ centerX: -80, centerY: -64, width: 320, height: 320 }),
+    //         }),
+    //       );
+    //       const templateContent = ['{'];
+
+    //       let functionTrigger: FunctionTrigger | undefined;
+    //       canvasModel.builder.call((builder) => {
+    //         const triggerShape = createTrigger({
+    //           spaceId: space.id,
+    //           triggerKind: TriggerKind.Email,
+    //           ...position({ x: -18, y: -2 }),
+    //         });
+    //         const trigger = canvasModel.createNode(triggerShape);
+
+    //         const tableId = canvasModel.createNode(
+    //           createConstant({
+    //             value: DXN.fromLocalObjectId(emailTable.id).toString(),
+    //             ...position({ x: -18, y: 5, width: 8, height: 6 }),
+    //           }),
+    //         );
+
+    //         const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
+
+    //         const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
+    //         for (let i = 0; i < properties.length; i++) {
+    //           const propName = properties[i].name.toString();
+    //           builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
+    //           templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
+    //         }
+    //         templateContent.push('}');
+
+    //         builder
+    //           .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
+    //           .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
+
+    //         functionTrigger = triggerShape.functionTrigger!.target!;
+    //       });
+
+    //       const computeModel = createComputeGraph(canvasModel);
+
+    //       const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+    //       invariant(templateComputeNode, 'Template compute node was not created.');
+    //       templateComputeNode.value = templateContent.join('\n');
+    //       templateComputeNode.inputSchema = Type.toJsonSchema(EmailTriggerOutput);
+
+    //       attachTrigger(functionTrigger, computeModel);
+
+    //       return addToSpace(PresetName.EMAIL_TABLE, space, canvasModel, computeModel);
+    //     });
+    //     cb?.(objects);
+    //     return objects;
+    //   },
+    // ],
 
     [
       PresetName.CHAT_GPT,
@@ -222,99 +222,100 @@ export const generator = () => ({
       },
     ],
 
-    [
-      PresetName.EMAIL_WITH_SUMMARY,
-      async (space, n, cb) => {
-        const objects = range(n, () => {
-          const canvasModel = CanvasGraphModel.create<ComputeShape>();
-
-          const results = space.db.query(Filter.type(TableType)).runSync();
-          const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
-          invariant(emailTable, 'Email table not found.');
-
-          const template = canvasModel.createNode(
-            createTemplate({
-              valueType: 'object',
-              ...rawPosition({ centerX: 192, centerY: -176, width: 320, height: 320 }),
-            }),
-          );
-          const templateContent = ['{'];
-
-          let functionTrigger: FunctionTrigger | undefined;
-          canvasModel.builder.call((builder) => {
-            const gpt = canvasModel.createNode(
-              createGpt(rawPosition({ centerX: -400, centerY: -112, width: 256, height: 202 })),
-            );
-            const systemPrompt = canvasModel.createNode(
-              createConstant({
-                value: "use one word to describe content category. don't write anything else",
-                ...rawPosition({ centerX: -800, centerY: -160, width: 192, height: 128 }),
-              }),
-            );
-            const triggerShape = createTrigger({
-              spaceId: space.id,
-              triggerKind: TriggerKind.Email,
-              ...rawPosition({ centerX: -736, centerY: -384, width: 182, height: 192 }),
-            });
-            const trigger = canvasModel.createNode(triggerShape);
-
-            const { queueId } = setupQueue(space, canvasModel, {
-              idPosition: { centerX: -720, centerY: 224, width: 192, height: 256 },
-              queuePosition: { centerX: -144, centerY: 416, width: 320, height: 448 },
-            });
-            const appendToQueue = canvasModel.createNode(
-              createAppend(rawPosition({ centerX: -80, centerY: 96, width: 122, height: 128 })),
-            );
-
-            const tableId = canvasModel.createNode(
-              createConstant({
-                value: DXN.fromLocalObjectId(emailTable.id).toString(),
-                ...rawPosition({ centerX: -112, centerY: -544, width: 192, height: 256 }),
-              }),
-            );
-
-            const appendToTable = canvasModel.createNode(
-              createAppend(rawPosition({ centerX: 560, centerY: -416, width: 128, height: 122 })),
-            );
-
-            templateContent.push('  "category": "{{text}}",');
-            builder.createEdge({ source: gpt.id, target: template.id, input: 'text', output: 'text' });
-
-            const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
-            for (let i = 0; i < properties.length; i++) {
-              const propName = properties[i].name.toString();
-              builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
-              templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
-            }
-            templateContent.push('}');
-
-            builder
-              .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
-              .createEdge({ source: queueId.id, target: appendToQueue.id, input: 'id' })
-              .createEdge({ source: gpt.id, target: appendToQueue.id, output: 'messages', input: 'items' })
-              .createEdge({ source: systemPrompt.id, target: gpt.id, input: 'systemPrompt' })
-              .createEdge({ source: trigger.id, target: gpt.id, input: 'prompt', output: 'body' })
-              .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
-
-            functionTrigger = triggerShape.functionTrigger!.target!;
-          });
-
-          const computeModel = createComputeGraph(canvasModel);
-
-          const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
-          invariant(templateComputeNode, 'Template compute node was not created.');
-          templateComputeNode.value = templateContent.join('\n');
-          const extendedSchema = Schema.extend(EmailTriggerOutput, Schema.Struct({ text: Schema.String }));
-          templateComputeNode.inputSchema = Type.toJsonSchema(extendedSchema);
-
-          attachTrigger(functionTrigger, computeModel);
-
-          return addToSpace(PresetName.EMAIL_WITH_SUMMARY, space, canvasModel, computeModel);
-        });
-        cb?.(objects);
-        return objects;
-      },
-    ],
+    // TODO(wittjosiah): Remove?
+    // [
+    //   PresetName.EMAIL_WITH_SUMMARY,
+    //   async (space, n, cb) => {
+    //     const objects = range(n, () => {
+    //       const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+    //       const results = space.db.query(Filter.type(TableType)).runSync();
+    //       const emailTable = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Email'));
+    //       invariant(emailTable, 'Email table not found.');
+
+    //       const template = canvasModel.createNode(
+    //         createTemplate({
+    //           valueType: 'object',
+    //           ...rawPosition({ centerX: 192, centerY: -176, width: 320, height: 320 }),
+    //         }),
+    //       );
+    //       const templateContent = ['{'];
+
+    //       let functionTrigger: FunctionTrigger | undefined;
+    //       canvasModel.builder.call((builder) => {
+    //         const gpt = canvasModel.createNode(
+    //           createGpt(rawPosition({ centerX: -400, centerY: -112, width: 256, height: 202 })),
+    //         );
+    //         const systemPrompt = canvasModel.createNode(
+    //           createConstant({
+    //             value: "use one word to describe content category. don't write anything else",
+    //             ...rawPosition({ centerX: -800, centerY: -160, width: 192, height: 128 }),
+    //           }),
+    //         );
+    //         const triggerShape = createTrigger({
+    //           spaceId: space.id,
+    //           triggerKind: TriggerKind.Email,
+    //           ...rawPosition({ centerX: -736, centerY: -384, width: 182, height: 192 }),
+    //         });
+    //         const trigger = canvasModel.createNode(triggerShape);
+
+    //         const { queueId } = setupQueue(space, canvasModel, {
+    //           idPosition: { centerX: -720, centerY: 224, width: 192, height: 256 },
+    //           queuePosition: { centerX: -144, centerY: 416, width: 320, height: 448 },
+    //         });
+    //         const appendToQueue = canvasModel.createNode(
+    //           createAppend(rawPosition({ centerX: -80, centerY: 96, width: 122, height: 128 })),
+    //         );
+
+    //         const tableId = canvasModel.createNode(
+    //           createConstant({
+    //             value: DXN.fromLocalObjectId(emailTable.id).toString(),
+    //             ...rawPosition({ centerX: -112, centerY: -544, width: 192, height: 256 }),
+    //           }),
+    //         );
+
+    //         const appendToTable = canvasModel.createNode(
+    //           createAppend(rawPosition({ centerX: 560, centerY: -416, width: 128, height: 122 })),
+    //         );
+
+    //         templateContent.push('  "category": "{{text}}",');
+    //         builder.createEdge({ source: gpt.id, target: template.id, input: 'text', output: 'text' });
+
+    //         const properties = SchemaAST.getPropertySignatures(EmailTriggerOutput.ast);
+    //         for (let i = 0; i < properties.length; i++) {
+    //           const propName = properties[i].name.toString();
+    //           builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
+    //           templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
+    //         }
+    //         templateContent.push('}');
+
+    //         builder
+    //           .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
+    //           .createEdge({ source: queueId.id, target: appendToQueue.id, input: 'id' })
+    //           .createEdge({ source: gpt.id, target: appendToQueue.id, output: 'messages', input: 'items' })
+    //           .createEdge({ source: systemPrompt.id, target: gpt.id, input: 'systemPrompt' })
+    //           .createEdge({ source: trigger.id, target: gpt.id, input: 'prompt', output: 'body' })
+    //           .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
+
+    //         functionTrigger = triggerShape.functionTrigger!.target!;
+    //       });
+
+    //       const computeModel = createComputeGraph(canvasModel);
+
+    //       const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+    //       invariant(templateComputeNode, 'Template compute node was not created.');
+    //       templateComputeNode.value = templateContent.join('\n');
+    //       const extendedSchema = Schema.extend(EmailTriggerOutput, Schema.Struct({ text: Schema.String }));
+    //       templateComputeNode.inputSchema = Type.toJsonSchema(extendedSchema);
+
+    //       attachTrigger(functionTrigger, computeModel);
+
+    //       return addToSpace(PresetName.EMAIL_WITH_SUMMARY, space, canvasModel, computeModel);
+    //     });
+    //     cb?.(objects);
+    //     return objects;
+    //   },
+    // ],
 
     [
       PresetName.FOREX_FUNCTION_CALL,
@@ -395,54 +396,55 @@ export const generator = () => ({
       },
     ],
 
-    [
-      PresetName.KANBAN_QUEUE,
-      async (space, n, cb) => {
-        const objects = range(n, () => {
-          const canvasModel = CanvasGraphModel.create<ComputeShape>();
-
-          // TODO(wittjosiah): Integrate directly w/ Kanban.
-          // const results = space.db.query(Filter.type(KanbanType)).runSync();
-          // const kanban = results.find((r) => r.object?.cardView?.target?.query?.type?.endsWith('Message'));
-          // invariant(kanban, 'Kanban not found.');
-
-          const results = space.db.query(Filter.type(TableType)).runSync();
-          const messages = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Message'));
-          invariant(messages, 'Table not found.');
-
-          let functionTrigger: FunctionTrigger | undefined;
-          canvasModel.builder.call((builder) => {
-            const triggerShape = createTrigger({
-              spaceId: space.id,
-              triggerKind: TriggerKind.Queue,
-              ...position({ x: -10, y: -5 }),
-            });
-            const trigger = canvasModel.createNode(triggerShape);
-
-            const tableId = canvasModel.createNode(
-              createConstant({
-                value: DXN.fromLocalObjectId(messages.id).toString(),
-                ...position({ x: -10, y: 5 }),
-              }),
-            );
-            const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 0 })));
-
-            builder
-              .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
-              .createEdge({ source: trigger.id, target: appendToTable.id, input: 'items', output: 'item' });
-
-            functionTrigger = triggerShape.functionTrigger!.target!;
-          });
-
-          const computeModel = createComputeGraph(canvasModel);
-          attachTrigger(functionTrigger, computeModel);
-
-          return addToSpace(PresetName.KANBAN_QUEUE, space, canvasModel, computeModel);
-        });
-        cb?.(objects);
-        return objects;
-      },
-    ],
+    // TODO(wittjosiah): Remove?
+    // [
+    //   PresetName.KANBAN_QUEUE,
+    //   async (space, n, cb) => {
+    //     const objects = range(n, () => {
+    //       const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+    //       // TODO(wittjosiah): Integrate directly w/ Kanban.
+    //       // const results = space.db.query(Filter.type(KanbanType)).runSync();
+    //       // const kanban = results.find((r) => r.object?.cardView?.target?.query?.type?.endsWith('Message'));
+    //       // invariant(kanban, 'Kanban not found.');
+
+    //       const results = space.db.query(Filter.type(TableType)).runSync();
+    //       const messages = results.find((r) => r.object?.view?.target?.query?.typename?.endsWith('Message'));
+    //       invariant(messages, 'Table not found.');
+
+    //       let functionTrigger: FunctionTrigger | undefined;
+    //       canvasModel.builder.call((builder) => {
+    //         const triggerShape = createTrigger({
+    //           spaceId: space.id,
+    //           triggerKind: TriggerKind.Queue,
+    //           ...position({ x: -10, y: -5 }),
+    //         });
+    //         const trigger = canvasModel.createNode(triggerShape);
+
+    //         const tableId = canvasModel.createNode(
+    //           createConstant({
+    //             value: DXN.fromLocalObjectId(messages.id).toString(),
+    //             ...position({ x: -10, y: 5 }),
+    //           }),
+    //         );
+    //         const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 0 })));
+
+    //         builder
+    //           .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
+    //           .createEdge({ source: trigger.id, target: appendToTable.id, input: 'items', output: 'item' });
+
+    //         functionTrigger = triggerShape.functionTrigger!.target!;
+    //       });
+
+    //       const computeModel = createComputeGraph(canvasModel);
+    //       attachTrigger(functionTrigger, computeModel);
+
+    //       return addToSpace(PresetName.KANBAN_QUEUE, space, canvasModel, computeModel);
+    //     });
+    //     cb?.(objects);
+    //     return objects;
+    //   },
+    // ],
   ] as [PresetName, ObjectGenerator<any>][],
 });
 

package/src/translations.ts

@@ -2,12 +2,14 @@
 // Copyright 2023 DXOS.org
 //
 
-import { DEBUG_PLUGIN } from './meta';
+import { type Resource } from '@dxos/react-ui';
 
-export default [
+import { meta } from './meta';
+
+export const translations = [
   {
     'en-US': {
-      [DEBUG_PLUGIN]: {
+      [meta.id]: {
         'plugin name': 'Debug',
         'mutation count': 'Number of mutations',
         'mutation period': 'Mutation period',
@@ -67,4 +69,4 @@ export default [
       },
     },
   },
-];
+] as const satisfies Resource[];

package/dist/lib/browser/DebugApp-WSEJPCKY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugApp/DebugApp.tsx", "../../../src/components/DebugApp/Tree.tsx", "../../../src/components/Container.tsx", "../../../src/components/DebugApp/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from '@phosphor-icons/react';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { type Graph } from '@dxos/plugin-graph';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { Button, ToggleGroup, ToggleGroupItem, Toolbar } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { Json, Tree } from './Tree';\nimport { Container } from '../Container';\n\nexport const DebugApp: FC<{ graph: Graph }> = ({ graph }) => {\n  const [view, setView] = useState<'config' | 'diagnostics' | 'graph'>('graph');\n  const [data, setData] = useState<any>({});\n  const client = useClient();\n  const config = useConfig();\n  const handleRefresh = async () => {\n    const data = await client.diagnostics({ truncate: true });\n    setData(data);\n  };\n  useEffect(() => {\n    void handleRefresh();\n  }, []);\n\n  const handleResetClient = async (force = false) => {\n    if (!force && !window.confirm('Reset storage?')) {\n      return;\n    }\n\n    // TODO(burdon): Throws exception.\n    await client.reset();\n    window.location.href = window.location.origin;\n  };\n\n  const handleOpenDevtools = () => {\n    const vaultUrl = config.values?.runtime?.client?.remoteSource;\n    if (vaultUrl) {\n      window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);\n    }\n  };\n\n  return (\n    <Container\n      toolbar={\n        <Toolbar.Root classNames='p-1'>\n          <ToggleGroup type='single' value={view}>\n            <ToggleGroupItem value={'graph'} onClick={() => setView('graph')} title={'Plugin graph'}>\n              <GraphIcon className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'diagnostics'} onClick={() => setView('diagnostics')} title={'Diagnostics'}>\n              <Gauge className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'config'} onClick={() => setView('config')} title={'Config'}>\n              <Gear className={getSize(5)} />\n            </ToggleGroupItem>\n          </ToggleGroup>\n\n          <Toolbar.Separator variant='gap' />\n          <Button onClick={(event) => handleResetClient(event.shiftKey)} title='Reset client'>\n            <Warning className={mx(getSize(5), 'text-red-700')} />\n          </Button>\n          <Button onClick={handleOpenDevtools} title='Open Devtools'>\n            <Toolbox weight='duotone' className={mx(getSize(5), 'text-700')} />\n          </Button>\n        </Toolbar.Root>\n      }\n    >\n      {view === 'graph' && <Tree data={graph.toJSON()} />}\n      {view === 'config' && <Json data={data.diagnostics?.config} />}\n      {view === 'diagnostics' && <Json data={data} />}\n    </Container>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, type HTMLAttributes, useState } from 'react';\n\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\nimport { arrayToBuffer } from '@dxos/util';\n\n// TODO(burdon): Copied form devtools.\n\nexport const replacer = (key: any, value: any) => {\n  if (typeof value === 'object') {\n    if (value instanceof Uint8Array) {\n      return arrayToBuffer(value).toString('hex');\n    }\n\n    if (value?.type === 'Buffer') {\n      return Buffer.from(value.data).toString('hex');\n    }\n\n    if (key === 'downloaded') {\n      return undefined;\n    }\n  }\n\n  return value;\n};\n\nexport const Json: FC<{ data?: object }> = ({ data }) => {\n  return <SyntaxHighlighter language='json'>{JSON.stringify(data, replacer, 2)}</SyntaxHighlighter>;\n};\n\nexport const Tree: FC<{ data?: object }> = ({ data }) => {\n  return (\n    <div className='p-2'>\n      <Node data={data} root />\n    </div>\n  );\n};\n\nexport const Node: FC<{ data?: any; root?: boolean }> = ({ data, root }) => {\n  if (typeof data !== 'object' || data === undefined || data === null) {\n    return <Scalar value={data} />;\n  }\n\n  if (Array.isArray(data)) {\n    return (\n      <div className='flex flex-col space-y-2'>\n        {data.map((value, index) => (\n          <KeyValue key={index} label={String(index)} data={value} className='bg-teal-50' />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className='flex flex-col space-y-2'>\n      {Object.entries(data).map(([key, value]) => (\n        <KeyValue key={key} label={key} data={value} className='bg-blue-50' />\n      ))}\n    </div>\n  );\n};\n\nexport const KeyValue: FC<{ label: string; data?: any; className?: string }> = ({ label, data, className }) => {\n  const [open, setOpen] = useState(true);\n  if (data === undefined) {\n    return null;\n  }\n\n  return (\n    <div className='flex'>\n      <Box\n        className={mx('border-blue-200 text-sm select-none cursor-pointer', className)}\n        onClick={() => setOpen((open) => !open)}\n      >\n        {label}\n      </Box>\n      {open && <Node data={data} />}\n    </div>\n  );\n};\n\nconst Scalar: FC<{ value: any }> = ({ value }) => {\n  return (\n    <Box className='bg-green-50 border-green-200 rounded-r text-sm font-thin'>\n      {(value === undefined && 'undefined') ||\n        (value === null && 'null') ||\n        (typeof value === 'string' && value) ||\n        JSON.stringify(value)}\n    </Box>\n  );\n};\n\nconst Box: FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...props }) => {\n  return (\n    <div className={mx('flex px-2 border border-l-0 font-mono truncate', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\n// TODO(burdon): Convert to grid.\nexport const Container = ({ toolbar, children }: PropsWithChildren<{ toolbar: ReactNode }>) => {\n  return (\n    <div role='none' className='flex flex-col grow overflow-hidden divide-y divide-separator'>\n      {toolbar}\n      <div className='flex flex-col grow overflow-auto'>{children}</div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugApp } from './DebugApp';\n\nexport default DebugApp;\n"],
-  "mappings": "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",
-  "names": ["Gauge", "Graph", "GraphIcon", "Gear", "Toolbox", "Warning", "React", "useEffect", "useState", "useClient", "useConfig", "Button", "ToggleGroup", "ToggleGroupItem", "Toolbar", "getSize", "mx", "React", "useState", "SyntaxHighlighter", "mx", "arrayToBuffer", "replacer", "key", "value", "Uint8Array", "arrayToBuffer", "toString", "type", "Buffer", "from", "data", "undefined", "Json", "SyntaxHighlighter", "language", "JSON", "stringify", "Tree", "div", "className", "Node", "root", "Scalar", "Array", "isArray", "map", "index", "KeyValue", "label", "String", "Object", "entries", "open", "setOpen", "useState", "Box", "mx", "onClick", "children", "props", "React", "Container", "toolbar", "children", "React", "div", "role", "className", "DebugApp", "graph", "view", "setView", "useState", "data", "setData", "client", "useClient", "config", "useConfig", "handleRefresh", "diagnostics", "truncate", "useEffect", "handleResetClient", "force", "window", "confirm", "reset", "location", "href", "origin", "handleOpenDevtools", "vaultUrl", "values", "runtime", "remoteSource", "open", "React", "Container", "toolbar", "Toolbar", "Root", "classNames", "ToggleGroup", "type", "value", "ToggleGroupItem", "onClick", "title", "GraphIcon", "className", "getSize", "Gauge", "Gear", "Separator", "variant", "Button", "event", "shiftKey", "Warning", "mx", "Toolbox", "weight", "Tree", "toJSON", "Json", "DebugApp"]
-}