@dxos/plugin-debug 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/dist/lib/chunk-DebugPanelStatus.mjs

@@ -0,0 +1,127 @@
+import { n as DebugPanel, t as DebugPanelHeader } from "./chunk-DebugPanelHeader.mjs";
+import { n as debugPanelAspect, t as DEBUG_PANEL_CONTEXT } from "./chunk-view-state.mjs";
+import { meta } from "#meta";
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import * as Button from "@dxos/react-ui/Button";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
+import * as UiHooks from "@dxos/react-ui/Hooks";
+import { getDebugPortController } from "@dxos/react-client/devtools";
+import { useViewState, useViewStateActions } from "@dxos/react-ui-attention";
+import * as StatusBar from "@dxos/plugin-status-bar/StatusBar";
+import * as FloatingPanel from "@dxos/react-ui/FloatingPanel";
+//#region src/containers/DebugPanelStatus/DebugPanelStatus.tsx
+/** Room for the log table to breathe; the console fits itself to whatever it is given. */
+var DEFAULT_SIZE = {
+	width: 1024,
+	height: 384
+};
+var MIN_SIZE = {
+	width: 480,
+	height: 240
+};
+/** Clear of the status bar the panel opens from. */
+var MARGIN = 8;
+/**
+* Status-bar button showing the debug panel: docked, it toggles the deck's bottom drawer; floating,
+* it opens the panel as a window over the whole app — dragged, resized, folded to its title bar as
+* the session needs, and left where it was put across reloads. The red dot marks a live agent debug
+* port — an agent can evaluate code in this page — so it must be visible without opening settings.
+*/
+var DebugPanelStatus = ({ controller = getDebugPortController() }) => {
+	const { t } = UiHooks.useTranslation(meta.profile.key);
+	const subscribe = useCallback((listener) => controller.subscribe(listener), [controller]);
+	const getStatus = useCallback(() => controller.getStatus(), [controller]);
+	const status = useSyncExternalStore(subscribe, getStatus);
+	const { invokePromise } = Hooks.useOperationInvoker();
+	const { position, size = DEFAULT_SIZE, mode = "docked" } = useViewState(debugPanelAspect, DEBUG_PANEL_CONTEXT);
+	const { update } = useViewStateActions(debugPanelAspect, DEBUG_PANEL_CONTEXT);
+	const label = status.running ? t("debug-port-status.running.label") : t("open-debug-panel.label");
+	const [floatingOpen, setFloatingOpen] = useState(false);
+	const previousModeRef = useRef(mode);
+	useEffect(() => {
+		if (previousModeRef.current === "docked" && mode === "floating") setFloatingOpen(true);
+		previousModeRef.current = mode;
+	}, [mode]);
+	const handleToggleDrawer = useCallback(() => void invokePromise(LayoutOperation.UpdateDrawer, { state: "toggle" }), [invokePromise]);
+	const handleModeChange = useCallback((next) => {
+		setFloatingOpen(false);
+		update((prev) => ({
+			...prev,
+			mode: next
+		}));
+		if (next === "docked") invokePromise(LayoutOperation.UpdateDrawer, { state: "open" });
+	}, [update, invokePromise]);
+	const handlePositionChangeEnd = useCallback(({ position }) => update((prev) => ({
+		...prev,
+		position
+	})), [update]);
+	const handleSizeChangeEnd = useCallback(({ size }) => update((prev) => ({
+		...prev,
+		size
+	})), [update]);
+	const getAnchorPosition = useCallback(({ triggerRect, boundaryRect }) => {
+		if (position) return position;
+		const bounds = boundaryRect ?? new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+		const bottom = triggerRect?.top ?? bounds.bottom;
+		return {
+			x: Math.max(0, bounds.left + (bounds.width - size.width) / 2),
+			y: Math.max(0, bottom - size.height - MARGIN)
+		};
+	}, [position, size]);
+	return /* @__PURE__ */ jsxs(FloatingPanel.Root, {
+		open: mode === "floating" && floatingOpen,
+		onOpenChange: ({ open }) => setFloatingOpen(open),
+		defaultSize: size,
+		minSize: MIN_SIZE,
+		getAnchorPosition,
+		persistRect: true,
+		closeOnEscape: true,
+		onPositionChangeEnd: handlePositionChangeEnd,
+		onSizeChangeEnd: handleSizeChangeEnd,
+		children: [/* @__PURE__ */ jsxs(StatusBar.Item, {
+			classNames: "relative",
+			children: [mode === "floating" ? /* @__PURE__ */ jsx(FloatingPanel.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button.Root, {
+					variant: "ghost",
+					icon: "ph--terminal-window--regular",
+					iconOnly: true,
+					label
+				})
+			}) : /* @__PURE__ */ jsx(Button.Root, {
+				variant: "ghost",
+				icon: "ph--terminal-window--regular",
+				iconOnly: true,
+				label,
+				onClick: handleToggleDrawer
+			}), status.running && /* @__PURE__ */ jsx("span", {
+				role: "status",
+				"aria-label": t("debug-port-status.running.label"),
+				"data-testid": "debugPlugin.portIndicator",
+				className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-red-500 pointer-events-none"
+			})]
+		}), /* @__PURE__ */ jsx(FloatingPanel.Content, { children: /* @__PURE__ */ jsxs(DebugPanel.Root, { children: [/* @__PURE__ */ jsxs(FloatingPanel.Header, {
+			classNames: "pl-1",
+			children: [/* @__PURE__ */ jsx(FloatingPanel.DragTrigger, { children: /* @__PURE__ */ jsx(FloatingPanel.Title, { children: t("debug-panel.title") }) }), /* @__PURE__ */ jsxs(FloatingPanel.Control, { children: [
+				/* @__PURE__ */ jsx(DebugPanelHeader, {
+					mode,
+					onModeChange: handleModeChange,
+					size: "sm"
+				}),
+				/* @__PURE__ */ jsx(FloatingPanel.StageTrigger, { stage: "minimized" }),
+				/* @__PURE__ */ jsx(FloatingPanel.StageTrigger, { stage: "default" }),
+				/* @__PURE__ */ jsx(FloatingPanel.CloseTrigger, {})
+			] })]
+		}), /* @__PURE__ */ jsx(FloatingPanel.Body, {
+			classNames: "grid",
+			children: /* @__PURE__ */ jsx(DebugPanel.Body, {})
+		})] }) })]
+	});
+};
+DebugPanelStatus.displayName = "DebugPanelStatus";
+//#endregion
+export { DebugPanelStatus };
+
+//# sourceMappingURL=chunk-DebugPanelStatus.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugPanelStatus.mjs","names":[],"sources":["../../src/containers/DebugPanelStatus/DebugPanelStatus.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as StatusBar from '@dxos/plugin-status-bar/StatusBar';\nimport { type DebugPortController, getDebugPortController } from '@dxos/react-client/devtools';\nimport { useViewState, useViewStateActions } from '@dxos/react-ui-attention';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as FloatingPanel from '@dxos/react-ui/FloatingPanel';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\n\nimport { meta } from '#meta';\n\nimport {\n  DEBUG_PANEL_CONTEXT,\n  DebugPanel,\n  DebugPanelHeader,\n  type DebugPanelMode,\n  debugPanelAspect,\n} from '../DebugPanel/index.ts';\n\n/** Room for the log table to breathe; the console fits itself to whatever it is given. */\nconst DEFAULT_SIZE: FloatingPanel.Size = { width: 1024, height: 384 };\n\nconst MIN_SIZE: FloatingPanel.Size = { width: 480, height: 240 };\n\n/** Clear of the status bar the panel opens from. */\nconst MARGIN = 8;\n\nexport type DebugPanelStatusProps = {\n  /** Injectable for stories/tests; defaults to the page-wide controller. */\n  controller?: DebugPortController;\n};\n\n/**\n * Status-bar button showing the debug panel: docked, it toggles the deck's bottom drawer; floating,\n * it opens the panel as a window over the whole app — dragged, resized, folded to its title bar as\n * the session needs, and left where it was put across reloads. The red dot marks a live agent debug\n * port — an agent can evaluate code in this page — so it must be visible without opening settings.\n */\nexport const DebugPanelStatus = ({ controller = getDebugPortController() }: DebugPanelStatusProps) => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const subscribe = useCallback((listener: () => void) => controller.subscribe(listener), [controller]);\n  const getStatus = useCallback(() => controller.getStatus(), [controller]);\n  const status = useSyncExternalStore(subscribe, getStatus);\n  const { invokePromise } = Hooks.useOperationInvoker();\n\n  const { position, size = DEFAULT_SIZE, mode = 'docked' } = useViewState(debugPanelAspect, DEBUG_PANEL_CONTEXT);\n  const { update } = useViewStateActions(debugPanelAspect, DEBUG_PANEL_CONTEXT);\n  const label = status.running ? t('debug-port-status.running.label') : t('open-debug-panel.label');\n\n  // Owned here rather than by the window so the drawer's float control can open it: the drawer\n  // only flips the persisted mode, and a docked-to-floating flip while mounted is that request.\n  const [floatingOpen, setFloatingOpen] = useState(false);\n  const previousModeRef = useRef(mode);\n  useEffect(() => {\n    if (previousModeRef.current === 'docked' && mode === 'floating') {\n      setFloatingOpen(true);\n    }\n    previousModeRef.current = mode;\n  }, [mode]);\n\n  const handleToggleDrawer = useCallback(\n    () => void invokePromise(LayoutOperation.UpdateDrawer, { state: 'toggle' }),\n    [invokePromise],\n  );\n  // Docking moves the panel: the window closes before the drawer opens so the two never show at once.\n  const handleModeChange = useCallback(\n    (next: DebugPanelMode) => {\n      setFloatingOpen(false);\n      update((prev) => ({ ...prev, mode: next }));\n      if (next === 'docked') {\n        void invokePromise(LayoutOperation.UpdateDrawer, { state: 'open' });\n      }\n    },\n    [update, invokePromise],\n  );\n  const handlePositionChangeEnd = useCallback(\n    ({ position }: { position: FloatingPanel.Point }) => update((prev) => ({ ...prev, position })),\n    [update],\n  );\n\n  const handleSizeChangeEnd = useCallback(\n    ({ size }: { size: FloatingPanel.Size }) => update((prev) => ({ ...prev, size })),\n    [update],\n  );\n  // First opening: centred above the status bar, where the popover it replaces used to sit. A\n  // persisted position wins from then on.\n  const getAnchorPosition = useCallback(\n    ({ triggerRect, boundaryRect }: { triggerRect: DOMRect | null; boundaryRect: DOMRect | null }) => {\n      if (position) {\n        return position;\n      }\n      const bounds = boundaryRect ?? new DOMRect(0, 0, window.innerWidth, window.innerHeight);\n      const bottom = triggerRect?.top ?? bounds.bottom;\n      return {\n        x: Math.max(0, bounds.left + (bounds.width - size.width) / 2),\n        y: Math.max(0, bottom - size.height - MARGIN),\n      };\n    },\n    [position, size],\n  );\n\n  return (\n    <FloatingPanel.Root\n      open={mode === 'floating' && floatingOpen}\n      onOpenChange={({ open }) => setFloatingOpen(open)}\n      defaultSize={size}\n      minSize={MIN_SIZE}\n      getAnchorPosition={getAnchorPosition}\n      persistRect\n      closeOnEscape\n      onPositionChangeEnd={handlePositionChangeEnd}\n      onSizeChangeEnd={handleSizeChangeEnd}\n    >\n      {/* IconButton is the direct trigger child so the trigger ref/handlers/ARIA attach to the button, not the container. */}\n      <StatusBar.Item classNames='relative'>\n        {mode === 'floating' ? (\n          <FloatingPanel.Trigger asChild>\n            <Button.Root variant='ghost' icon='ph--terminal-window--regular' iconOnly label={label} />\n          </FloatingPanel.Trigger>\n        ) : (\n          <Button.Root\n            variant='ghost'\n            icon='ph--terminal-window--regular'\n            iconOnly\n            label={label}\n            onClick={handleToggleDrawer}\n          />\n        )}\n        {status.running && (\n          <span\n            role='status'\n            aria-label={t('debug-port-status.running.label')}\n            data-testid='debugPlugin.portIndicator'\n            className='absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-red-500 pointer-events-none'\n          />\n        )}\n      </StatusBar.Item>\n      <FloatingPanel.Content>\n        <DebugPanel.Root>\n          <FloatingPanel.Header classNames='pl-1'>\n            <FloatingPanel.DragTrigger>\n              <FloatingPanel.Title>{t('debug-panel.title')}</FloatingPanel.Title>\n            </FloatingPanel.DragTrigger>\n            {/* Fold and restore only: a debug panel over the whole app is a window the reader would resize. */}\n            <FloatingPanel.Control>\n              <DebugPanelHeader mode={mode} onModeChange={handleModeChange} size='sm' />\n              <FloatingPanel.StageTrigger stage='minimized' />\n              <FloatingPanel.StageTrigger stage='default' />\n              <FloatingPanel.CloseTrigger />\n            </FloatingPanel.Control>\n          </FloatingPanel.Header>\n          <FloatingPanel.Body classNames='grid'>\n            <DebugPanel.Body />\n          </FloatingPanel.Body>\n        </DebugPanel.Root>\n      </FloatingPanel.Content>\n    </FloatingPanel.Root>\n  );\n};\n\nDebugPanelStatus.displayName = 'DebugPanelStatus';\n"],"mappings":"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"}

package/dist/lib/chunk-DebugSettings.mjs

@@ -1,18 +1,24 @@
 import { Settings } from "#types";
 import { meta } from "#meta";
+import { log } from "@dxos/log";
+import { gzip, setDeep } from "@dxos/util";
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { Flex, IconButton, Input, Select, Toast, useFileDownload, useTranslation } from "@dxos/react-ui";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { setDeep } from "@dxos/util";
+import * as Button from "@dxos/react-ui/Button";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useClient } from "@dxos/react-client";
-import { Logger } from "@dxos/react-ui-debug";
+import * as Hooks from "@dxos/react-ui/Hooks";
+import { getDebugPortController } from "@dxos/react-client/devtools";
 import * as AppSpace from "@dxos/app-toolkit/AppSpace";
 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 * as Input from "@dxos/react-ui/Input";
+import * as Select from "@dxos/react-ui/Select";
+import * as UiToast from "@dxos/react-ui/Toast";
 import { TRACE_ALL_KEY } from "@dxos/tracing";
-import { getDebugPortController } from "@dxos/react-client/devtools";
+import { Logger } from "@dxos/react-ui-debug";
+import * as Field from "@dxos/react-ui/Field";
+import * as Layout from "@dxos/react-ui/Layout";
 //#region src/containers/DebugPortSettings/DebugPortSettings.tsx
 /**
 * Scopes the panel to the controller's own entries.
@@ -29,25 +35,23 @@ var CONTROLLER_FILE = "devtools/debug-port-controller";
 * flipped, the session id is regenerated on every activation, and nothing survives a reload.
 */
 var DebugPortSettings = ({ controller = getDebugPortController(), disabled }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	const subscribe = useCallback((listener) => controller.subscribe(listener), [controller]);
 	const getStatus = useCallback(() => controller.getStatus(), [controller]);
 	const status = useSyncExternalStore(subscribe, getStatus);
 	const handleToggle = useCallback((checked) => checked ? controller.start({ persist: true }) : controller.stop(), [controller]);
-	const handleCopy = useCallback(() => {
-		if (status.session) navigator.clipboard.writeText(status.session);
-	}, [status.session]);
-	return /* @__PURE__ */ jsxs(Form.Section, {
-		title: t("settings.debug-port.section.label"),
+	return /* @__PURE__ */ jsxs(Form.FieldSet, {
+		label: t("settings.debug-port.section.label"),
 		description: t("settings.debug-port.section.description"),
-		children: [/* @__PURE__ */ jsx(Form.Row, {
+		children: [/* @__PURE__ */ jsx(Form.Field, {
+			standalone: true,
 			label: t("settings.debug-port.label"),
 			description: t("settings.debug-port.description"),
-			children: /* @__PURE__ */ jsxs(Flex, {
+			children: /* @__PURE__ */ jsxs(Layout.Flex, {
 				gap: "md",
 				align: "center",
 				children: [status.running && /* @__PURE__ */ jsxs("span", {
-					className: "text-sm text-description",
+					className: "text-sm text-fg-muted",
 					children: [
 						t("settings.debug-port.running.label"),
 						" ",
@@ -56,38 +60,31 @@ var DebugPortSettings = ({ controller = getDebugPortController(), disabled }) =>
 							children: status.origin
 						})
 					]
-				}), /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
+				}), /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
 					checked: status.running,
 					disabled,
-					onCheckedChange: handleToggle
+					onCheckedChange: ({ checked }) => handleToggle(checked)
 				}) })]
 			})
-		}), status.running && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Form.Row, {
+		}), status.running && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Form.Field, {
 			standalone: true,
 			label: t("settings.debug-port.session.label"),
 			description: t("settings.debug-port.session.description"),
-			children: /* @__PURE__ */ jsxs(Flex, {
-				gap: "sm",
-				align: "center",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "grow truncate font-mono text-sm",
-					children: status.session
-				}), /* @__PURE__ */ jsx(IconButton, {
-					icon: "ph--copy--regular",
-					iconOnly: true,
-					label: t("settings.debug-port.copy-session.label"),
-					onClick: handleCopy
-				})]
+			children: /* @__PURE__ */ jsx(Input.Root, {
+				value: status.session ?? "",
+				disabled: true,
+				variant: "mono",
+				copyable: true,
+				"aria-label": t("settings.debug-port.session.label")
 			})
-		}), /* @__PURE__ */ jsx(Form.Row, {
+		}), /* @__PURE__ */ jsx(Form.Field, {
 			standalone: true,
 			label: t("settings.debug-port.log.label"),
-			classNames: "md:grid-cols-1 md:[grid-template-areas:\"header\"\"description\"\"control\"\"validation\"]",
 			children: /* @__PURE__ */ jsx(Logger.Root, {
 				rowFilter: isDebugPortRow,
 				children: /* @__PURE__ */ jsx(Logger.Content, {
 					classNames: "max-h-[16lh]",
-					children: /* @__PURE__ */ jsx(Logger.List, {})
+					children: /* @__PURE__ */ jsx(Logger.List, { checkable: false })
 				})
 			})
 		})] })]
@@ -101,10 +98,10 @@ 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);
+var DebugSettings = ({ settings, onSettingsChange, scope, logStore, onUpload }) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
 	const [toast, setToast] = useState();
-	const download = useFileDownload();
+	const download = Hooks.useFileDownload();
 	const [storageConfig, setStorageConfig] = useState({});
 	const client = useClient();
 	useEffect(() => {
@@ -126,7 +123,7 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
 				log.error("no default space available for upload", void 0, {
 					"~LogMeta": "~LogMeta",
 					F: __dxlog_file,
-					L: 73,
+					L: 77,
 					S: void 0
 				});
 				return;
@@ -136,7 +133,7 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
 				log.error("diagnostics failed to upload to IPFS", void 0, {
 					"~LogMeta": "~LogMeta",
 					F: __dxlog_file,
-					L: 78,
+					L: 82,
 					S: void 0
 				});
 				return;
@@ -154,7 +151,7 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
 			log.info("diagnostics", { url }, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file,
-				L: 93,
+				L: 97,
 				S: void 0
 			});
 		}
@@ -166,8 +163,8 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, 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`;
+		const file = await gzip(await logStore.exportBlob({ maxSize: MANUAL_LOG_EXPORT_MAX_BYTES }));
+		const fileName = `composer-logs-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.ndjson.gz`;
 		download(file, fileName);
 	}, [download, logStore]);
 	const handleRepair = useCallback(async () => {
@@ -220,85 +217,99 @@ var DebugSettings = ({ settings, onSettingsChange, logStore, onUpload }) => {
 		readonly: !onSettingsChange,
 		children: /* @__PURE__ */ jsx(Form.Viewport, {
 			scroll: true,
-			children: /* @__PURE__ */ jsxs(Form.Content, { children: [/* @__PURE__ */ jsxs(Form.Section, {
-				title: meta.profile.name ?? meta.profile.key,
+			children: /* @__PURE__ */ jsxs(Form.Content, { children: [/* @__PURE__ */ jsxs(Form.FieldSet, {
+				label: meta.profile.name ?? meta.profile.key,
+				actions: scope,
 				children: [
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
 						label: t("settings.wireframe.label"),
 						description: t("settings.wireframe.description"),
-						children: /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
+						children: /* @__PURE__ */ jsx(Input.Switch, {
 							disabled: !onSettingsChange,
 							checked: settings.wireframe,
-							onCheckedChange: handleWireframeChange
-						}) })
+							onCheckedChange: ({ checked }) => handleWireframeChange(checked)
+						})
 					}),
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
 						label: t("settings.trace-all.label"),
 						description: t("settings.trace-all.description"),
-						children: /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Switch, {
+						children: /* @__PURE__ */ jsx(Input.Switch, {
 							disabled: !onSettingsChange,
 							checked: traceAll,
-							onCheckedChange: handleTraceAllChange
-						}) })
+							onCheckedChange: ({ checked }) => handleTraceAllChange(checked)
+						})
 					}),
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
+						standalone: true,
 						label: t("settings.tracing-panel.label"),
 						description: t("settings.tracing-panel.description"),
-						children: /* @__PURE__ */ jsx(IconButton, {
+						children: /* @__PURE__ */ jsx(Button.Root, {
 							icon: "ph--arrow-square-out--regular",
 							iconOnly: true,
 							label: t("settings.tracing-panel.label"),
 							onClick: handleOpenTracingPanel
 						})
 					}),
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
+						standalone: true,
 						label: t("settings.download-diagnostics.label"),
 						description: t("settings.download-diagnostics.description"),
-						children: /* @__PURE__ */ jsx(IconButton, {
+						children: /* @__PURE__ */ jsx(Button.Root, {
 							icon: "ph--download-simple--regular",
 							iconOnly: true,
 							label: t("settings.download-diagnostics.label"),
 							onClick: handleDownload
 						})
 					}),
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
+						standalone: true,
 						label: t("settings.download-logs.label"),
 						description: t("settings.download-logs.description"),
-						children: /* @__PURE__ */ jsx(IconButton, {
+						children: /* @__PURE__ */ jsx(Button.Root, {
 							icon: "ph--download-simple--regular",
 							iconOnly: true,
 							label: t("settings.download-logs.label"),
 							onClick: handleDownloadLogs
 						})
 					}),
-					/* @__PURE__ */ jsx(Form.Row, {
+					/* @__PURE__ */ jsx(Form.Field, {
+						standalone: true,
 						label: t("settings.repair.label"),
 						description: t("settings.repair.description"),
-						children: /* @__PURE__ */ jsx(IconButton, {
+						children: /* @__PURE__ */ jsx(Button.Root, {
 							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, {
+					toast && /* @__PURE__ */ jsxs(UiToast.Root, {
+						defaultOpen: true,
+						duration: 5e3,
+						onOpenChange: (open) => !open && setToast(void 0),
+						children: [/* @__PURE__ */ jsx(UiToast.Header, {
+							icon: "ph--gift--duotone",
+							children: toast.title
+						}), toast.description && /* @__PURE__ */ jsx(UiToast.Description, { children: toast.description })]
+					}),
+					/* @__PURE__ */ jsx(Form.Field, {
 						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, {
+							value: Object.entries(StorageAdapters).filter(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore).map(([name]) => name).slice(0, 1),
+							onValueChange: ({ value: [value] }) => value && handleStorageAdapterChange(value),
+							items: Object.keys(StorageAdapters).map((key) => ({
+								value: key,
+								label: t(`settings.storage-adaptor.${key}.label`)
+							})),
+							children: [/* @__PURE__ */ jsx(Select.Trigger, {
 								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, {
+							}), /* @__PURE__ */ jsx(Select.Content, { children: Object.keys(StorageAdapters).map((key) => /* @__PURE__ */ jsx(Select.Item, { item: {
 								value: key,
-								children: t(`settings.storage-adaptor.${key}.label`)
-							}, key)) }), /* @__PURE__ */ jsx(Select.Arrow, {})] }) })]
+								label: t(`settings.storage-adaptor.${key}.label`)
+							} }, key)) })]
 						})
 					})
 				]

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-DebugSettings.mjs","names":[],"sources":["../../src/containers/DebugPortSettings/DebugPortSettings.tsx","../../src/containers/DebugSettings/DebugSettings.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useSyncExternalStore } from 'react';\n\nimport { type DebugPortController, getDebugPortController } from '@dxos/react-client/devtools';\nimport { Flex, IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Logger, type LogRow } from '@dxos/react-ui-debug';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\n\n/**\n * Scopes the panel to the controller's own entries.\n *\n * A display filter, not `initialFilter`: that one narrows what the process-wide buffer captures,\n * which would starve the main log companion reading the same buffer.\n */\nconst isDebugPortRow = (row: LogRow): boolean => (row.entry.meta?.F ?? '').includes(CONTROLLER_FILE);\n\nconst CONTROLLER_FILE = 'devtools/debug-port-controller';\n\nexport type DebugPortSettingsProps = {\n  /** Injectable for stories/tests; defaults to the page-wide controller. */\n  controller?: DebugPortController;\n  /** The switch starts arbitrary eval, so it follows the form's readonly state like every other control. */\n  disabled?: boolean;\n};\n\n/**\n * Start/stop the agent debug port and surface the session id an agent needs.\n *\n * The port evaluates agent-supplied code against the live client, so it is off until this switch is\n * flipped, the session id is regenerated on every activation, and nothing survives a reload.\n */\nexport const DebugPortSettings = ({ controller = getDebugPortController(), disabled }: DebugPortSettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const subscribe = useCallback((listener: () => void) => controller.subscribe(listener), [controller]);\n  const getStatus = useCallback(() => controller.getStatus(), [controller]);\n  const status = useSyncExternalStore(subscribe, getStatus);\n\n  // `persist` keeps the session across reloads of this tab: an OAuth redirect or a HMR reload would\n  // otherwise strand the agent mid-investigation with a dead session id.\n  const handleToggle = useCallback(\n    (checked: boolean) => (checked ? controller.start({ persist: true }) : controller.stop()),\n    [controller],\n  );\n\n  const handleCopy = useCallback(() => {\n    if (status.session) {\n      void navigator.clipboard.writeText(status.session);\n    }\n  }, [status.session]);\n\n  return (\n    <Form.Section\n      title={t('settings.debug-port.section.label')}\n      description={t('settings.debug-port.section.description')}\n    >\n      <Form.Row label={t('settings.debug-port.label')} description={t('settings.debug-port.description')}>\n        <Flex gap='md' align='center'>\n          {status.running && (\n            <span className='text-sm text-description'>\n              {t('settings.debug-port.running.label')} <span className='font-mono'>{status.origin}</span>\n            </span>\n          )}\n          <Input.Root>\n            <Input.Switch checked={status.running} disabled={disabled} onCheckedChange={handleToggle} />\n          </Input.Root>\n        </Flex>\n      </Form.Row>\n\n      {status.running && (\n        <>\n          <Form.Row\n            standalone\n            label={t('settings.debug-port.session.label')}\n            description={t('settings.debug-port.session.description')}\n          >\n            <Flex gap='sm' align='center'>\n              <span className='grow truncate font-mono text-sm'>{status.session}</span>\n              <IconButton\n                icon='ph--copy--regular'\n                iconOnly\n                label={t('settings.debug-port.copy-session.label')}\n                onClick={handleCopy}\n              />\n            </Flex>\n          </Form.Row>\n\n          {/* The settings variant puts the control in a right-hand column; log rows need the full\n              width, so this row collapses to a single column. */}\n          <Form.Row\n            standalone\n            label={t('settings.debug-port.log.label')}\n            classNames='md:grid-cols-1 md:[grid-template-areas:\"header\"\"description\"\"control\"\"validation\"]'\n          >\n            {/* Only the rows: a settings card has no room for the panel's toolbar, levels or filter. */}\n            <Logger.Root rowFilter={isDebugPortRow}>\n              <Logger.Content classNames='max-h-[16lh]'>\n                <Logger.List />\n              </Logger.Content>\n            </Logger.Root>\n          </Form.Row>\n        </>\n      )}\n    </Form.Section>\n  );\n};\n\nDebugPortSettings.displayName = 'DebugPortSettings';\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppSpace from '@dxos/app-toolkit/AppSpace';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type ConfigInit, 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\nimport { DebugPortSettings } from '../DebugPortSettings';\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<ConfigInit>({});\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 defaultSpace = AppSpace.getDefaultSpace(client);\n      if (!defaultSpace) {\n        log.error('no default space available for upload');\n        return;\n      }\n      const info = await onUpload(defaultSpace.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\n          <DebugPortSettings disabled={!onSettingsChange} />\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nconst updateConfig = (config: ConfigInit, setConfig: (newConfig: ConfigInit) => 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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"}
+{"version":3,"file":"chunk-DebugSettings.mjs","names":[],"sources":["../../src/containers/DebugPortSettings/DebugPortSettings.tsx","../../src/containers/DebugSettings/DebugSettings.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useSyncExternalStore } from 'react';\n\nimport { type DebugPortController, getDebugPortController } from '@dxos/react-client/devtools';\nimport { Logger, type LogRow } from '@dxos/react-ui-debug';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Field from '@dxos/react-ui/Field';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\nimport * as Layout from '@dxos/react-ui/Layout';\n\nimport { meta } from '#meta';\n\n/**\n * Scopes the panel to the controller's own entries.\n *\n * A display filter, not `initialFilter`: that one narrows what the process-wide buffer captures,\n * which would starve the main log companion reading the same buffer.\n */\nconst isDebugPortRow = (row: LogRow): boolean => (row.entry.meta?.F ?? '').includes(CONTROLLER_FILE);\n\nconst CONTROLLER_FILE = 'devtools/debug-port-controller';\n\nexport type DebugPortSettingsProps = {\n  /** Injectable for stories/tests; defaults to the page-wide controller. */\n  controller?: DebugPortController;\n  /** The switch starts arbitrary eval, so it follows the form's readonly state like every other control. */\n  disabled?: boolean;\n};\n\n/**\n * Start/stop the agent debug port and surface the session id an agent needs.\n *\n * The port evaluates agent-supplied code against the live client, so it is off until this switch is\n * flipped, the session id is regenerated on every activation, and nothing survives a reload.\n */\nexport const DebugPortSettings = ({ controller = getDebugPortController(), disabled }: DebugPortSettingsProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const subscribe = useCallback((listener: () => void) => controller.subscribe(listener), [controller]);\n  const getStatus = useCallback(() => controller.getStatus(), [controller]);\n  const status = useSyncExternalStore(subscribe, getStatus);\n\n  // `persist` keeps the session across reloads of this tab: an OAuth redirect or a HMR reload would\n  // otherwise strand the agent mid-investigation with a dead session id.\n  const handleToggle = useCallback(\n    (checked: boolean) => (checked ? controller.start({ persist: true }) : controller.stop()),\n    [controller],\n  );\n\n  return (\n    <Form.FieldSet\n      label={t('settings.debug-port.section.label')}\n      description={t('settings.debug-port.section.description')}\n    >\n      <Form.Field standalone label={t('settings.debug-port.label')} description={t('settings.debug-port.description')}>\n        <Layout.Flex gap='md' align='center'>\n          {status.running && (\n            <span className='text-sm text-fg-muted'>\n              {t('settings.debug-port.running.label')} <span className='font-mono'>{status.origin}</span>\n            </span>\n          )}\n          <Field.Root>\n            <Input.Switch\n              checked={status.running}\n              disabled={disabled}\n              onCheckedChange={({ checked }) => handleToggle(checked)}\n            />\n          </Field.Root>\n        </Layout.Flex>\n      </Form.Field>\n\n      {status.running && (\n        <>\n          <Form.Field\n            standalone\n            label={t('settings.debug-port.session.label')}\n            description={t('settings.debug-port.session.description')}\n          >\n            <Input.Root\n              value={status.session ?? ''}\n              disabled\n              variant='mono'\n              copyable\n              aria-label={t('settings.debug-port.session.label')}\n            />\n          </Form.Field>\n\n          <Form.Field standalone label={t('settings.debug-port.log.label')}>\n            {/* Only the rows: a settings card has no room for the panel's toolbar, levels or filter, so nothing to check rows for. */}\n            <Logger.Root rowFilter={isDebugPortRow}>\n              <Logger.Content classNames='max-h-[16lh]'>\n                <Logger.List checkable={false} />\n              </Logger.Content>\n            </Logger.Root>\n          </Form.Field>\n        </>\n      )}\n    </Form.FieldSet>\n  );\n};\n\nDebugPortSettings.displayName = 'DebugPortSettings';\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppSpace from '@dxos/app-toolkit/AppSpace';\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport { type ConfigInit, 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 { Form } from '@dxos/react-ui-form';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\nimport * as Select from '@dxos/react-ui/Select';\nimport * as UiToast from '@dxos/react-ui/Toast';\nimport { TRACE_ALL_KEY } from '@dxos/tracing';\nimport { gzip, setDeep } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { Settings } from '#types';\n\nimport { DebugPortSettings } from '../DebugPortSettings/index.ts';\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, scope, logStore, onUpload }: DebugSettingsProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const [toast, setToast] = useState<Toast>();\n  const download = Hooks.useFileDownload();\n  const [storageConfig, setStorageConfig] = useState<ConfigInit>({});\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 defaultSpace = AppSpace.getDefaultSpace(client);\n      if (!defaultSpace) {\n        log.error('no default space available for upload');\n        return;\n      }\n      const info = await onUpload(defaultSpace.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 gzip(await logStore.exportBlob({ maxSize: MANUAL_LOG_EXPORT_MAX_BYTES }));\n    const fileName = `composer-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.ndjson.gz`;\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.FieldSet label={meta.profile.name ?? meta.profile.key} actions={scope}>\n            <Form.Field label={t('settings.wireframe.label')} description={t('settings.wireframe.description')}>\n              <Input.Switch\n                disabled={!onSettingsChange}\n                checked={settings.wireframe}\n                onCheckedChange={({ checked }) => handleWireframeChange(checked)}\n              />\n            </Form.Field>\n            <Form.Field label={t('settings.trace-all.label')} description={t('settings.trace-all.description')}>\n              <Input.Switch\n                disabled={!onSettingsChange}\n                checked={traceAll}\n                onCheckedChange={({ checked }) => handleTraceAllChange(checked)}\n              />\n            </Form.Field>\n            <Form.Field\n              standalone\n              label={t('settings.tracing-panel.label')}\n              description={t('settings.tracing-panel.description')}\n            >\n              <Button.Root\n                icon='ph--arrow-square-out--regular'\n                iconOnly\n                label={t('settings.tracing-panel.label')}\n                onClick={handleOpenTracingPanel}\n              />\n            </Form.Field>\n            <Form.Field\n              standalone\n              label={t('settings.download-diagnostics.label')}\n              description={t('settings.download-diagnostics.description')}\n            >\n              <Button.Root\n                icon='ph--download-simple--regular'\n                iconOnly\n                label={t('settings.download-diagnostics.label')}\n                onClick={handleDownload}\n              />\n            </Form.Field>\n            <Form.Field\n              standalone\n              label={t('settings.download-logs.label')}\n              description={t('settings.download-logs.description')}\n            >\n              <Button.Root\n                icon='ph--download-simple--regular'\n                iconOnly\n                label={t('settings.download-logs.label')}\n                onClick={handleDownloadLogs}\n              />\n            </Form.Field>\n            <Form.Field standalone label={t('settings.repair.label')} description={t('settings.repair.description')}>\n              <Button.Root\n                icon='ph--first-aid-kit--regular'\n                iconOnly\n                label={t('settings.repair.label')}\n                onClick={handleRepair}\n              />\n            </Form.Field>\n\n            {/* TODO(burdon): Move to layout? */}\n            {toast && (\n              <UiToast.Root defaultOpen duration={5_000} onOpenChange={(open) => !open && setToast(undefined)}>\n                <UiToast.Header icon='ph--gift--duotone'>{toast.title}</UiToast.Header>\n                {toast.description && <UiToast.Description>{toast.description}</UiToast.Description>}\n              </UiToast.Root>\n            )}\n\n            <Form.Field\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={Object.entries(StorageAdapters)\n                  .filter(([_name, value]) => value === storageConfig?.runtime?.client?.storage?.dataStore)\n                  .map(([name]) => name)\n                  .slice(0, 1)}\n                onValueChange={({ value: [value] }) => value && handleStorageAdapterChange(value)}\n                items={Object.keys(StorageAdapters).map((key) => ({\n                  value: key,\n                  label: t(`settings.storage-adaptor.${key}.label`),\n                }))}\n              >\n                <Select.Trigger disabled={!onSettingsChange} placeholder={t('settings.data-store.label')} />\n                <Select.Content>\n                  {Object.keys(StorageAdapters).map((key) => (\n                    <Select.Item key={key} item={{ value: key, label: t(`settings.storage-adaptor.${key}.label`) }} />\n                  ))}\n                </Select.Content>\n              </Select.Root>\n            </Form.Field>\n          </Form.FieldSet>\n\n          <DebugPortSettings disabled={!onSettingsChange} />\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nconst updateConfig = (config: ConfigInit, setConfig: (newConfig: ConfigInit) => 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

@@ -1,27 +1,36 @@
-import { useState } from "react";
 import { Filter, Query } from "@dxos/echo";
-import { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as Panel from "@dxos/react-ui/Panel";
+import * as Toolbar from "@dxos/react-ui/Toolbar";
 import { ObjectsTree } from "@dxos/devtools";
 import { useQuery } from "@dxos/echo-react";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import * as ScrollArea from "@dxos/react-ui/ScrollArea";
+import * as Input from "@dxos/react-ui/Input";
+import * as Layout from "@dxos/react-ui/Layout";
+import * as Icon from "@dxos/react-ui/Icon";
 //#region src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx
 var DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }) => {
 	const [selectedId, setSelectedId] = useState(null);
+	const [filter, setFilter] = useState("");
 	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, {
+	return /* @__PURE__ */ jsxs(Panel.Root, { children: [/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsx(Toolbar.Root, { children: /* @__PURE__ */ jsx(Input.Root, {
+		placeholder: "Search...",
+		"aria-label": "Search",
+		noAutoFill: true,
+		value: filter,
+		onChange: (event) => setFilter(event.target.value),
+		end: /* @__PURE__ */ jsx(Icon.Icon, { icon: "ph--magnifying-glass--regular" })
+	}) }) }), /* @__PURE__ */ jsx(Panel.Body, {
 		asChild: true,
-		children: /* @__PURE__ */ jsxs(Grid, {
+		children: /* @__PURE__ */ jsxs(Layout.Grid, {
+			grow: true,
 			rows: 2,
-			classNames: "divide-y divide-subdued-separator",
+			classNames: "divide-y divide-separator-subtle",
 			children: [/* @__PURE__ */ jsx(ScrollArea.Root, { children: /* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(ObjectsTree, {
 				db: space.db,
+				filter,
 				onSelect: (entity) => setSelectedId(entity.id),
 				onOpen,
 				canOpen
@@ -30,7 +39,7 @@ var DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }) => {
 				data: selectedObject
 			})]
 		})
-	})] }) });
+	})] });
 };
 DebugSpaceObjectsPanel.displayName = "DebugSpaceObjectsPanel";
 //#endregion