@dxos/plugin-debug 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/chunk-DebugSettings.mjs

@@ -0,0 +1,237 @@
+import { setDeep } from "@dxos/util";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { meta } from "#meta";
+import { AppSpace } from "@dxos/app-toolkit";
+import { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Settings } from "#types";
+import { useClient } from "@dxos/react-client";
+import { SaveConfig, Storage, defs } from "@dxos/config";
+import { log } from "@dxos/log";
+import { MANUAL_LOG_EXPORT_MAX_BYTES } from "@dxos/log-store-idb";
+import { Form } from "@dxos/react-ui-form";
+import { TRACE_ALL_KEY } from "@dxos/tracing";
+//#region src/containers/DebugSettings/DebugSettings.tsx
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/containers/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.profile.key);
+	const [toast, setToast] = useState();
+	const download = useFileDownload();
+	const [storageConfig, setStorageConfig] = useState({});
+	const client = useClient();
+	useEffect(() => {
+		Storage().then((config) => setStorageConfig(config));
+	}, []);
+	const handleToast = useCallback((toast) => {
+		setToast(toast);
+		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 = AppSpace.getPersonalSpace(client);
+			if (!personalSpace) {
+				log.error("no personal space available for upload", void 0, {
+					"~LogMeta": "~LogMeta",
+					F: __dxlog_file,
+					L: 70,
+					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: 75,
+					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;
+			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: 90,
+				S: void 0
+			});
+		}
+	}, [
+		client,
+		download,
+		handleToast,
+		onUpload,
+		t
+	]);
+	const handleDownloadLogs = useCallback(async () => {
+		const file = await logStore.exportBlob({ maxSize: MANUAL_LOG_EXPORT_MAX_BYTES });
+		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__ */ jsx(Form.Root, {
+		schema: Settings.Settings,
+		values: settings,
+		variant: "settings",
+		readonly: !onSettingsChange,
+		children: /* @__PURE__ */ jsx(Form.Viewport, {
+			scroll: true,
+			children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsxs(Form.Section, {
+				title: meta.profile.name ?? meta.profile.key,
+				children: [
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.wireframe.label"),
+						description: t("settings.wireframe.description"),
+						children: /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
+							disabled: !onSettingsChange,
+							checked: settings.wireframe,
+							onCheckedChange: handleWireframeChange
+						}) })
+					}),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.trace-all.label"),
+						description: t("settings.trace-all.description"),
+						children: /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
+							disabled: !onSettingsChange,
+							checked: traceAll,
+							onCheckedChange: handleTraceAllChange
+						}) })
+					}),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.tracing-panel.label"),
+						description: t("settings.tracing-panel.description"),
+						children: /* @__PURE__ */ jsx(IconButton, {
+							icon: "ph--arrow-square-out--regular",
+							iconOnly: true,
+							label: t("settings.tracing-panel.label"),
+							onClick: handleOpenTracingPanel
+						})
+					}),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.download-diagnostics.label"),
+						description: t("settings.download-diagnostics.description"),
+						children: /* @__PURE__ */ jsx(IconButton, {
+							icon: "ph--download-simple--regular",
+							iconOnly: true,
+							label: t("settings.download-diagnostics.label"),
+							onClick: handleDownload
+						})
+					}),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.download-logs.label"),
+						description: t("settings.download-logs.description"),
+						children: /* @__PURE__ */ jsx(IconButton, {
+							icon: "ph--download-simple--regular",
+							iconOnly: true,
+							label: t("settings.download-logs.label"),
+							onClick: handleDownloadLogs
+						})
+					}),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.repair.label"),
+						description: t("settings.repair.description"),
+						children: /* @__PURE__ */ jsx(IconButton, {
+							icon: "ph--first-aid-kit--regular",
+							iconOnly: true,
+							label: t("settings.repair.label"),
+							onClick: handleRepair
+						})
+					}),
+					toast && /* @__PURE__ */ jsxs(Toast.Root, { children: [/* @__PURE__ */ jsx(Toast.Title, {
+						icon: "ph--gift--duotone",
+						children: /* @__PURE__ */ jsx("span", { children: toast.title })
+					}), toast.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast.description })] }),
+					/* @__PURE__ */ jsx(Form.Row, {
+						label: t("settings.choose-storage-adaptor.label"),
+						description: t("settings.choose-storage-adaptor.description"),
+						children: /* @__PURE__ */ jsxs(Select.Root, {
+							disabled: !onSettingsChange,
+							value: Object.entries(StorageAdapters).find(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)?.[0],
+							onValueChange: handleStorageAdapterChange,
+							children: [/* @__PURE__ */ jsx(Select.TriggerButton, {
+								disabled: !onSettingsChange,
+								placeholder: t("settings.data-store.label")
+							}), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(Select.Content, { children: [/* @__PURE__ */ jsx(Select.Viewport, { children: Object.keys(StorageAdapters).map((key) => /* @__PURE__ */ jsx(Select.Option, {
+								value: key,
+								children: t(`settings.storage-adaptor.${key}.label`)
+							}, key)) }), /* @__PURE__ */ jsx(Select.Arrow, {})] }) })]
+						})
+					})
+				]
+			}) })
+		})
+	});
+};
+var updateConfig = (config, setConfig, path, value) => {
+	const storageConfigCopy = JSON.parse(JSON.stringify(config ?? {}));
+	setDeep(storageConfigCopy, path, value);
+	setConfig(storageConfigCopy);
+	queueMicrotask(async () => {
+		await SaveConfig(storageConfigCopy);
+	});
+};
+DebugSettings.displayName = "DebugSettings";
+//#endregion
+export { DebugSettings as default };
+
+//# sourceMappingURL=chunk-DebugSettings.mjs.map

package/dist/lib/chunk-DebugSettings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugSettings.mjs","names":[],"sources":["../../src/containers/DebugSettings/DebugSettings.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { AppCapabilities, AppSpace } 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, MANUAL_LOG_EXPORT_MAX_BYTES } from '@dxos/log-store-idb';\nimport { useClient } from '@dxos/react-client';\nimport { IconButton, Input, Select, Toast, useFileDownload, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { TRACE_ALL_KEY } from '@dxos/tracing';\nimport { setDeep } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { 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.SettingsProps<\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.profile.key);\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 = AppSpace.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 file = await logStore.exportBlob({ maxSize: MANUAL_LOG_EXPORT_MAX_BYTES });\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    <Form.Root schema={Settings.Settings} values={settings} variant='settings' readonly={!onSettingsChange}>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={meta.profile.name ?? meta.profile.key}>\n            <Form.Row label={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>\n              <Input.Root>\n                <Input.Switch\n                  disabled={!onSettingsChange}\n                  checked={settings.wireframe}\n                  onCheckedChange={handleWireframeChange}\n                />\n              </Input.Root>\n            </Form.Row>\n            <Form.Row label={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>\n              <Input.Root>\n                <Input.Switch disabled={!onSettingsChange} checked={traceAll} onCheckedChange={handleTraceAllChange} />\n              </Input.Root>\n            </Form.Row>\n            <Form.Row label={t('settings.tracing-panel.label')} description={t('settings.tracing-panel.description')}>\n              <IconButton\n                icon='ph--arrow-square-out--regular'\n                iconOnly\n                label={t('settings.tracing-panel.label')}\n                onClick={handleOpenTracingPanel}\n              />\n            </Form.Row>\n            <Form.Row\n              label={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            </Form.Row>\n            <Form.Row label={t('settings.download-logs.label')} description={t('settings.download-logs.description')}>\n              <IconButton\n                icon='ph--download-simple--regular'\n                iconOnly\n                label={t('settings.download-logs.label')}\n                onClick={handleDownloadLogs}\n              />\n            </Form.Row>\n            <Form.Row label={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            </Form.Row>\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            <Form.Row\n              label={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            </Form.Row>\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\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\nDebugSettings.displayName = 'DebugSettings';\n"],"mappings":"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"}

package/dist/lib/chunk-DebugSpaceObjectsPanel.mjs

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

package/dist/lib/chunk-DebugSpaceObjectsPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugSpaceObjectsPanel.mjs","names":[],"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 { type Entity, Filter, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { type EntityId } from '@dxos/keys';\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  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }: 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-subdued-separator'>\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree\n                  db={space.db}\n                  onSelect={(entity) => setSelectedId(entity.id)}\n                  onOpen={onOpen}\n                  canOpen={canOpen}\n                />\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\nDebugSpaceObjectsPanel.displayName = 'DebugSpaceObjectsPanel';\n"],"mappings":";;;;;;;;AAmBA,IAAa,0BAA0B,EAAE,OAAO,QAAQ,cAA2C;CACjG,MAAM,CAAC,YAAY,iBAAiB,SAA0B,IAAI;CAClE,MAAM,CAAC,kBAAkB,SACvB,MAAM,IACN,aAAa,MAAM,OAAO,OAAO,GAAG,UAAU,CAAC,IAAI,MAAM,OAAO,OAAO,QAAQ,CAAC,CAClF;CAEA,OACE,oBAAC,UAAU,UAAX,EAAA,UACE,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,SAAP;EAAe,SAAA;YACb,oBAAC,QAAQ,MAAT,EAAA,UACE,oBAAC,MAAM,MAAP,EAAA,UACE,oBAAC,MAAM,WAAP;GAAiB,UAAA;GAAS,aAAY;EAAa,CAAA,EACzC,CAAA,EACA,CAAA;CACD,CAAA,GACf,oBAAC,MAAM,SAAP;EAAe,SAAA;YACb,qBAAC,MAAD;GAAM,MAAM;GAAG,YAAW;aAA1B,CACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,aAAD;IACE,IAAI,MAAM;IACV,WAAW,WAAW,cAAc,OAAO,EAAE;IACrC;IACC;GACV,CAAA,EACkB,CAAA,EACN,CAAA,GAChB,kBAAkB,oBAAC,iBAAD;IAAiB,YAAW;IAAM,MAAM;GAAiB,CAAA,CACxE;;CACO,CAAA,CACL,EAAA,CAAA,EACM,CAAA;AAExB;AAEA,uBAAuB,cAAc"}

package/dist/lib/chunk-DebugStatus.mjs

@@ -0,0 +1,117 @@
+import { useEffect, useRef, useState } from "react";
+import { IconButton } from "@dxos/react-ui";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import "@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";
+//#region src/containers/DebugStatus/DebugStatus.tsx
+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"
+};
+/**
+* Global error handler.
+*/
+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__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		variant: "ghost",
+		icon: "ph--warning-circle--duotone",
+		iconOnly: true,
+		label: errorRef.current.message,
+		classNames: styles.error,
+		onClick: handleReset
+	}) });
+	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		variant: "ghost",
+		icon: "ph--check--regular",
+		iconOnly: true,
+		label: "No errors."
+	}) });
+};
+/**
+* Swarm connection handler.
+*/
+var SwarmIndicator = () => {
+	const [state, setState] = useState(0);
+	const { swarm } = useNetworkStatus();
+	useEffect(() => {
+		setState(swarm === ConnectionState.ONLINE ? 0 : 1);
+	}, [swarm]);
+	if (state === 0) return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		variant: "ghost",
+		icon: "ph--lightning--regular",
+		iconOnly: true,
+		label: "Connected to swarm."
+	}) });
+	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		variant: "ghost",
+		icon: "ph--lightning-slash--regular",
+		iconOnly: true,
+		label: "Disconnected from swarm.",
+		classNames: styles.warning
+	}) });
+};
+/**
+* Data saving indicator.
+*/
+var SavingIndicator = () => {
+	const [state, _setState] = useState(0);
+	switch (state) {
+		case 2: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+			variant: "ghost",
+			icon: "ph--circle--duotone",
+			iconOnly: true,
+			label: "Edit not saved.",
+			classNames: styles.warning
+		}) });
+		case 1: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+			variant: "ghost",
+			icon: "ph--circle--duotone",
+			iconOnly: true,
+			label: "Saving...",
+			classNames: styles.success
+		}) });
+		default: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+			variant: "ghost",
+			icon: "ph--circle--duotone",
+			iconOnly: true,
+			label: "Modified indicator."
+		}) });
+	}
+};
+var indicators = [
+	SavingIndicator,
+	SwarmIndicator,
+	ErrorIndicator
+];
+var DebugStatus = () => {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: indicators.map((Indicator) => /* @__PURE__ */ jsx(Indicator, {}, Indicator.name)) });
+};
+DebugStatus.displayName = "DebugStatus";
+//#endregion
+export { DebugStatus as default };
+
+//# sourceMappingURL=chunk-DebugStatus.mjs.map

package/dist/lib/chunk-DebugStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugStatus.mjs","names":[],"sources":["../../src/containers/DebugStatus/DebugStatus.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { TimeoutError } from '@dxos/async';\nimport { StatusBar } from '@dxos/plugin-status-bar/components';\nimport { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { IconButton } from '@dxos/react-ui';\n\nconst styles = {\n  success: 'text-sky-300 dark:text-green-700',\n  warning: 'text-orange-300 dark:text-orange-600',\n  error: 'text-red-300 dark:text-red-600',\n};\n\n// TODO(burdon): Move out of debug plugin.\n// TODO(burdon): Make pluggable (move indicators to relevant plugins).\n// TODO(burdon): Vault heartbeat indicator (global scope)?\n\n/**\n * Ensure light doesn't flicker immediately after start.\n */\n// TODO(burdon): Move to @dxos/async (debounce?)\nconst _timer = (cb: (err?: Error) => void, options?: { min?: number; max?: number }) => {\n  const min = options?.min ?? 500;\n  let start: number;\n  let pending: NodeJS.Timeout;\n  let timeout: NodeJS.Timeout;\n  return {\n    start: () => {\n      start = Date.now();\n      clearTimeout(pending);\n      if (options?.max) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n          cb(new TimeoutError(options.max));\n        }, options.max);\n      }\n    },\n    stop: () => {\n      clearTimeout(timeout);\n      const delta = Date.now() - start;\n      if (delta < min) {\n        pending = setTimeout(() => {\n          cb();\n        }, min - delta);\n      }\n    },\n  };\n};\n\n/**\n * Global error handler.\n */\n// TODO(burdon): Integrate with Sentry?\nconst ErrorIndicator = () => {\n  const [, forceUpdate] = useState({});\n  const errorRef = useRef<Error>(null);\n  useEffect(() => {\n    const errorListener = (event: any) => {\n      const error: Error = event.error ?? event.reason;\n      if (errorRef.current !== error) {\n        errorRef.current = error;\n        forceUpdate({});\n      }\n    };\n\n    // TODO(burdon): Register globally?\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/error_event\n    window.addEventListener('error', errorListener);\n\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event\n    window.addEventListener('unhandledrejection', errorListener);\n\n    return () => {\n      window.removeEventListener('error', errorListener);\n      window.removeEventListener('unhandledrejection', errorListener);\n    };\n  }, []);\n\n  const handleReset = () => {\n    errorRef.current = null;\n    forceUpdate({});\n  };\n\n  if (errorRef.current) {\n    return (\n      <StatusBar.Item>\n        <IconButton\n          variant='ghost'\n          icon='ph--warning-circle--duotone'\n          iconOnly\n          label={errorRef.current.message}\n          classNames={styles.error}\n          onClick={handleReset}\n        />\n      </StatusBar.Item>\n    );\n  } else {\n    return (\n      <StatusBar.Item>\n        <IconButton variant='ghost' icon='ph--check--regular' iconOnly label='No errors.' />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Swarm connection handler.\n */\nconst SwarmIndicator = () => {\n  const [state, setState] = useState(0);\n  const { swarm } = useNetworkStatus();\n  useEffect(() => {\n    setState(swarm === ConnectionState.ONLINE ? 0 : 1);\n  }, [swarm]);\n\n  if (state === 0) {\n    return (\n      <StatusBar.Item>\n        <IconButton variant='ghost' icon='ph--lightning--regular' iconOnly label='Connected to swarm.' />\n      </StatusBar.Item>\n    );\n  } else {\n    return (\n      <StatusBar.Item>\n        <IconButton\n          variant='ghost'\n          icon='ph--lightning-slash--regular'\n          iconOnly\n          label='Disconnected from swarm.'\n          classNames={styles.warning}\n        />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Data saving indicator.\n */\n// TODO(burdon): Merge with SaveStatus.\nconst SavingIndicator = () => {\n  const [state, _setState] = useState(0);\n  // TODO(dmaretskyi): Fix this when we have save status for automerge.\n  // useEffect(() => {\n  //   if (!space) {\n  //     return;\n  //   }\n  // const { start, stop } = timer(() => setState(0), { min: 250 });\n  // return space.db.pendingBatch.on(({ duration, error }) => {\n  //   if (error) {\n  //     setState(2);\n  //     stop();\n  //   } else if (duration === undefined) {\n  //     setState(1);\n  //     start();\n  //   } else {\n  //     stop();\n  //   }\n  // });\n  // }, [space]);\n\n  switch (state) {\n    case 2:\n      return (\n        <StatusBar.Item>\n          <IconButton\n            variant='ghost'\n            icon='ph--circle--duotone'\n            iconOnly\n            label='Edit not saved.'\n            classNames={styles.warning}\n          />\n        </StatusBar.Item>\n      );\n    case 1:\n      return (\n        <StatusBar.Item>\n          <IconButton\n            variant='ghost'\n            icon='ph--circle--duotone'\n            iconOnly\n            label='Saving...'\n            classNames={styles.success}\n          />\n        </StatusBar.Item>\n      );\n    case 0:\n    default:\n      return (\n        <StatusBar.Item>\n          <IconButton variant='ghost' icon='ph--circle--duotone' iconOnly label='Modified indicator.' />\n        </StatusBar.Item>\n      );\n  }\n};\n\nconst indicators = [SavingIndicator, SwarmIndicator, ErrorIndicator];\n\nexport const DebugStatus = () => {\n  return (\n    <>\n      {indicators.map((Indicator) => (\n        <Indicator key={Indicator.name} />\n      ))}\n    </>\n  );\n};\n\nDebugStatus.displayName = 'DebugStatus';\n"],"mappings":";;;;;;;;AAYA,IAAM,SAAS;CACb,SAAS;CACT,SAAS;CACT,OAAO;AACT;;;;AA0CA,IAAM,uBAAuB;CAC3B,MAAM,GAAG,eAAe,SAAS,CAAC,CAAC;CACnC,MAAM,WAAW,OAAc,IAAI;CACnC,gBAAgB;EACd,MAAM,iBAAiB,UAAe;GACpC,MAAM,QAAe,MAAM,SAAS,MAAM;GAC1C,IAAI,SAAS,YAAY,OAAO;IAC9B,SAAS,UAAU;IACnB,YAAY,CAAC,CAAC;GAChB;EACF;EAIA,OAAO,iBAAiB,SAAS,aAAa;EAG9C,OAAO,iBAAiB,sBAAsB,aAAa;EAE3D,aAAa;GACX,OAAO,oBAAoB,SAAS,aAAa;GACjD,OAAO,oBAAoB,sBAAsB,aAAa;EAChE;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,oBAAoB;EACxB,SAAS,UAAU;EACnB,YAAY,CAAC,CAAC;CAChB;CAEA,IAAI,SAAS,SACX,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;EACE,SAAQ;EACR,MAAK;EACL,UAAA;EACA,OAAO,SAAS,QAAQ;EACxB,YAAY,OAAO;EACnB,SAAS;CACV,CAAA,EACa,CAAA;MAGlB,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;EAAY,SAAQ;EAAQ,MAAK;EAAqB,UAAA;EAAS,OAAM;CAAc,CAAA,EACrE,CAAA;AAGtB;;;;AAKA,IAAM,uBAAuB;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CACpC,MAAM,EAAE,UAAU,iBAAiB;CACnC,gBAAgB;EACd,SAAS,UAAU,gBAAgB,SAAS,IAAI,CAAC;CACnD,GAAG,CAAC,KAAK,CAAC;CAEV,IAAI,UAAU,GACZ,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;EAAY,SAAQ;EAAQ,MAAK;EAAyB,UAAA;EAAS,OAAM;CAAuB,CAAA,EAClF,CAAA;MAGlB,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;EACE,SAAQ;EACR,MAAK;EACL,UAAA;EACA,OAAM;EACN,YAAY,OAAO;CACpB,CAAA,EACa,CAAA;AAGtB;;;;AAMA,IAAM,wBAAwB;CAC5B,MAAM,CAAC,OAAO,aAAa,SAAS,CAAC;CAoBrC,QAAQ,OAAR;EACE,KAAK,GACH,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;GACE,SAAQ;GACR,MAAK;GACL,UAAA;GACA,OAAM;GACN,YAAY,OAAO;EACpB,CAAA,EACa,CAAA;EAEpB,KAAK,GACH,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;GACE,SAAQ;GACR,MAAK;GACL,UAAA;GACA,OAAM;GACN,YAAY,OAAO;EACpB,CAAA,EACa,CAAA;EAGpB,SACE,OACE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,YAAD;GAAY,SAAQ;GAAQ,MAAK;GAAsB,UAAA;GAAS,OAAM;EAAuB,CAAA,EAC/E,CAAA;CAEtB;AACF;AAEA,IAAM,aAAa;CAAC;CAAiB;CAAgB;AAAc;AAEnE,IAAa,oBAAoB;CAC/B,OACE,oBAAA,YAAA,EAAA,UACG,WAAW,KAAK,cACf,oBAAC,WAAD,CAAiC,GAAjB,UAAU,IAAO,CAClC,EACD,CAAA;AAEN;AAEA,YAAY,cAAc"}

package/dist/lib/chunk-LogStatus.mjs

@@ -0,0 +1,44 @@
+import "react";
+import { meta } from "#meta";
+import { IconButton, Panel, Popover, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Logger } from "@dxos/react-ui-debug";
+import { StatusBar } from "@dxos/plugin-status-bar/components";
+//#region src/containers/LogStatus/LogStatus.tsx
+/** Status-bar button that opens the log panel in a popover for a quick glance. */
+var LogStatus = () => {
+	const { t } = useTranslation(meta.profile.key);
+	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Popover.Trigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(IconButton, {
+			variant: "ghost",
+			icon: "ph--list-magnifying-glass--regular",
+			iconOnly: true,
+			label: t("open-logs.label")
+		})
+	}) }), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+		side: "top",
+		children: [/* @__PURE__ */ jsx(Popover.Viewport, {
+			classNames: "w-[40rem] h-[24rem]",
+			children: /* @__PURE__ */ jsx(Logger.Root, { children: /* @__PURE__ */ jsxs(Panel.Root, { children: [
+				/* @__PURE__ */ jsx(Panel.Toolbar, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Logger.Toolbar, {})
+				}),
+				/* @__PURE__ */ jsx(Panel.Content, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Logger.Content, { children: /* @__PURE__ */ jsx(Logger.List, {}) })
+				}),
+				/* @__PURE__ */ jsx(Panel.Statusbar, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Logger.Filter, {})
+				})
+			] }) })
+		}), /* @__PURE__ */ jsx(Popover.Arrow, {})]
+	}) })] });
+};
+LogStatus.displayName = "LogStatus";
+//#endregion
+export { LogStatus };
+
+//# sourceMappingURL=chunk-LogStatus.mjs.map

package/dist/lib/chunk-LogStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-LogStatus.mjs","names":[],"sources":["../../src/containers/LogStatus/LogStatus.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport { StatusBar } from '@dxos/plugin-status-bar/components';\nimport { IconButton, Panel, Popover, useTranslation } from '@dxos/react-ui';\nimport { Logger } from '@dxos/react-ui-debug';\n\nimport { meta } from '#meta';\n\n/** Status-bar button that opens the log panel in a popover for a quick glance. */\nexport const LogStatus = () => {\n  const { t } = useTranslation(meta.profile.key);\n\n  return (\n    <Popover.Root>\n      {/* IconButton is the direct trigger child so the trigger ref/handlers/ARIA attach to the button, not the container. */}\n      <StatusBar.Item>\n        <Popover.Trigger asChild>\n          <IconButton variant='ghost' icon='ph--list-magnifying-glass--regular' iconOnly label={t('open-logs.label')} />\n        </Popover.Trigger>\n      </StatusBar.Item>\n      <Popover.Portal>\n        <Popover.Content side='top'>\n          <Popover.Viewport classNames='w-[40rem] h-[24rem]'>\n            <Logger.Root>\n              <Panel.Root>\n                <Panel.Toolbar asChild>\n                  <Logger.Toolbar />\n                </Panel.Toolbar>\n                <Panel.Content asChild>\n                  <Logger.Content>\n                    <Logger.List />\n                  </Logger.Content>\n                </Panel.Content>\n                <Panel.Statusbar asChild>\n                  <Logger.Filter />\n                </Panel.Statusbar>\n              </Panel.Root>\n            </Logger.Root>\n          </Popover.Viewport>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nLogStatus.displayName = 'LogStatus';\n"],"mappings":";;;;;;;;AAaA,IAAa,kBAAkB;CAC7B,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,OACE,qBAAC,QAAQ,MAAT,EAAA,UAAA,CAEE,oBAAC,UAAU,MAAX,EAAA,UACE,oBAAC,QAAQ,SAAT;EAAiB,SAAA;YACf,oBAAC,YAAD;GAAY,SAAQ;GAAQ,MAAK;GAAqC,UAAA;GAAS,OAAO,EAAE,iBAAiB;EAAI,CAAA;CAC9F,CAAA,EACH,CAAA,GAChB,oBAAC,QAAQ,QAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;EAAiB,MAAK;YAAtB,CACE,oBAAC,QAAQ,UAAT;GAAkB,YAAW;aAC3B,oBAAC,OAAO,MAAR,EAAA,UACE,qBAAC,MAAM,MAAP,EAAA,UAAA;IACE,oBAAC,MAAM,SAAP;KAAe,SAAA;eACb,oBAAC,OAAO,SAAR,CAAiB,CAAA;IACJ,CAAA;IACf,oBAAC,MAAM,SAAP;KAAe,SAAA;eACb,oBAAC,OAAO,SAAR,EAAA,UACE,oBAAC,OAAO,MAAR,CAAc,CAAA,EACA,CAAA;IACH,CAAA;IACf,oBAAC,MAAM,WAAP;KAAiB,SAAA;eACf,oBAAC,OAAO,QAAR,CAAgB,CAAA;IACD,CAAA;GACP,EAAA,CAAA,EACD,CAAA;EACG,CAAA,GAClB,oBAAC,QAAQ,OAAT,CAAgB,CAAA,CACD;IACH,CAAA,CACJ,EAAA,CAAA;AAElB;AAEA,UAAU,cAAc"}