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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugConsole.mjs","names":[],"sources":["../../src/operations/errors.ts","../../src/containers/DebugConsole/cli.ts","../../src/containers/DebugConsole/DebugConsole.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { BaseError } from '@dxos/errors';\n\n/** Debug operation failed. The underlying failure, where there is one, is the `cause`. */\nexport class DebugOperationError extends BaseError.extend('DebugOperationError', 'Debug operation failed.') {}\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Args from 'effect/cli/Argument';\nimport * as Command from 'effect/cli/Command';\nimport * as Flag from 'effect/cli/Flag';\nimport * as Console from 'effect/Console';\nimport * as Effect from 'effect/Effect';\nimport * as Layer from 'effect/Layer';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport type * as Devtools from '@dxos/app-framework/Devtools';\nimport * as Plugin from '@dxos/app-framework/Plugin';\nimport type * as PluginManager from '@dxos/app-framework/PluginManager';\nimport type * as Operation from '@dxos/compute/Operation';\nimport { BaseError } from '@dxos/errors';\nimport { SpaceId } from '@dxos/keys';\nimport { getDebugPortController } from '@dxos/react-client/devtools';\n\nimport { DebugOperationError } from '../../operations/errors.ts';\n\n/**\n * The debug console's command set — the introspection surface an agent uses over the debug port\n * (operations, snapshot, plugin management), driveable by hand. Operations are invoked through the\n * same invoker the agent path uses, so the two surfaces cannot drift.\n */\nexport type DebugCli = {\n  command: ReturnType<typeof makeCommand>;\n  layer: Layer.Layer<Plugin.Service | Capability.Service, never, never>;\n};\n\nexport type DebugCliOptions = {\n  /** Receives each command result as printed — the clipboard source for \"copy last result\". */\n  onResult?: (text: string) => void;\n};\n\nconst normalizeKey = (key: unknown): string => String(key).replace(/^dxn:/, '');\n\n/**\n * The Linear label the PostHog feedback submissions sync under; console-filed issues carry it too\n * so both sources land in one triage view.\n */\nconst REPORT_LABEL = 'Composer Feedback Form';\n\nconst findDefinition = Effect.fn(function* (key: string) {\n  const capabilities = (yield* Plugin.Service).capabilities;\n  const wanted = normalizeKey(key);\n  for (const set of capabilities.getAll(Capabilities.OperationHandler)) {\n    const definition = set.definitions().find((candidate) => normalizeKey(candidate.meta.key) === wanted);\n    if (definition) {\n      return definition;\n    }\n  }\n  return yield* Effect.fail(new DebugOperationError({ message: `Unknown operation: ${key} (try \"ops\").` }));\n});\n\nconst invokeOperation = Effect.fn(function* (key: string, input: unknown, spaceId?: SpaceId) {\n  const capabilities = (yield* Plugin.Service).capabilities;\n  const definition = yield* findDefinition(key);\n  const invoker = capabilities.get(Capabilities.OperationInvoker);\n  const { data, error } = yield* Effect.promise(() =>\n    invoker.invokePromise(definition as Operation.Definition.Any, input as never, spaceId ? { spaceId } : undefined),\n  );\n  if (error) {\n    return yield* Effect.fail(error instanceof BaseError ? error : DebugOperationError.wrap()(error));\n  }\n  return data;\n});\n\n/** Results may hold live objects; a snapshot of what is printable beats a serializer crash. */\nconst format = (value: unknown): string => {\n  if (value === undefined) {\n    return 'undefined';\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value);\n  } catch {\n    return String(value);\n  }\n};\n\n/**\n * Evaluates a snippet with the same bindings the agent debug port provides (`dxos`, `composer`).\n * Tried as an expression first so `1 + 1` works; statements fall back to an async body.\n */\nconst evalSnippet = (code: string): Promise<unknown> => {\n  const compile = () => {\n    try {\n      // eslint-disable-next-line no-implied-eval -- eval is this console's purpose, same as the debug port.\n      return new Function('dxos', 'composer', `'use strict'; return (async () => (${code}))();`);\n    } catch {\n      // eslint-disable-next-line no-implied-eval -- as above; statement-shaped snippets need a body.\n      return new Function('dxos', 'composer', `'use strict'; return (async () => { ${code} })();`);\n    }\n  };\n  const composer: Devtools.ComposerDevtools | undefined = globalThis.composer;\n  return Promise.resolve(compile()(Reflect.get(globalThis, '__DXOS__'), composer));\n};\n\nconst makeCommand = (options: DebugCliOptions = {}) => {\n  const print = (value: unknown) =>\n    Effect.suspend(() => {\n      const text = format(value);\n      options.onResult?.(text);\n      return Console.log(text);\n    });\n\n  const snapshot = Command.make('snapshot', {}, () =>\n    Effect.gen(function* () {\n      yield* print(yield* invokeOperation('org.dxos.operation.debug.snapshot', {}));\n    }),\n  ).pipe(Command.withDescription('One JSON document of the live UI state: layout, attention, planks, actions.'));\n\n  const plugins = Command.make(\n    'plugins',\n    {\n      all: Flag.Boolean('all').pipe(Flag.withDefault(false), Flag.withDescription('Include disabled plugins.')),\n    },\n    ({ all }) =>\n      Effect.gen(function* () {\n        const manager = yield* Plugin.Service;\n        const enabled = new Set(manager.getEnabled());\n        const active = new Set(manager.getActive());\n        const rows = manager\n          .getPlugins()\n          .map((plugin) => {\n            const id = plugin.meta.profile.key;\n            return {\n              id,\n              enabled: enabled.has(id),\n              active: plugin.modules.some((module) => active.has(module.id)),\n            };\n          })\n          .filter((row) => all || row.enabled);\n        yield* print(rows);\n      }),\n  ).pipe(Command.withDescription('List plugins on this host.'));\n\n  const enable = Command.make(\n    'enable',\n    {\n      ids: Args.String('ids').pipe(Args.withDescription('Plugin ids.'), Args.variadic({ min: 1 })),\n    },\n    ({ ids }) =>\n      Effect.gen(function* () {\n        yield* print(yield* invokeOperation('org.dxos.operation.registry.enablePlugins', { ids }));\n      }),\n  ).pipe(Command.withDescription('Enable plugins (with their dependencies).'));\n\n  const disable = Command.make(\n    'disable',\n    {\n      ids: Args.String('ids').pipe(Args.withDescription('Plugin ids.'), Args.variadic({ min: 1 })),\n    },\n    ({ ids }) =>\n      Effect.gen(function* () {\n        yield* print(yield* invokeOperation('org.dxos.operation.registry.disablePlugins', { ids }));\n      }),\n  ).pipe(Command.withDescription('Disable plugins (with their enabled dependents).'));\n\n  const ops = Command.make(\n    'ops',\n    {\n      filter: Args.String('filter').pipe(\n        Args.withDescription('Substring filter on the key.'),\n        Args.variadic({ max: 1 }),\n      ),\n    },\n    ({ filter }) =>\n      Effect.gen(function* () {\n        const capabilities = (yield* Plugin.Service).capabilities;\n        const needle = filter[0]?.toLowerCase();\n        const keys = new Set<string>();\n        for (const set of capabilities.getAll(Capabilities.OperationHandler)) {\n          for (const definition of set.definitions()) {\n            const key = normalizeKey(definition.meta.key);\n            if (!needle || key.toLowerCase().includes(needle)) {\n              keys.add(key);\n            }\n          }\n        }\n        yield* print([...keys].sort());\n      }),\n  ).pipe(Command.withDescription('List invokable operations.'));\n\n  const invoke = Command.make(\n    'invoke',\n    {\n      key: Args.String('key').pipe(Args.withDescription('Operation key (bare or dxn: form).')),\n      input: Args.String('input').pipe(Args.withDescription('JSON input; defaults to {}.'), Args.variadic({ max: 1 })),\n      space: Flag.String('space').pipe(\n        Flag.optional,\n        Flag.withDescription('Space id, for operations that declare a database service.'),\n      ),\n    },\n    ({ key, input, space }) =>\n      Effect.gen(function* () {\n        const parsed: unknown = input[0] ? JSON.parse(input[0]) : {};\n        const spaceId = space._tag === 'Some' ? SpaceId.make(space.value) : undefined;\n        yield* print(yield* invokeOperation(key, parsed, spaceId));\n      }),\n  ).pipe(Command.withDescription('Invoke an operation with a JSON payload.'));\n\n  const evaluate = Command.make(\n    'eval',\n    {\n      code: Args.String('code').pipe(Args.withDescription('JavaScript to evaluate.'), Args.variadic({ min: 1 })),\n    },\n    ({ code }) =>\n      Effect.gen(function* () {\n        yield* print(yield* Effect.promise(() => evalSnippet(code.join(' '))));\n      }),\n  ).pipe(Command.withDescription('Evaluate a snippet with `dxos` and `composer` in scope.'));\n\n  const report = Command.make(\n    'report',\n    {\n      title: Args.String('title').pipe(Args.withDescription('Issue title.'), Args.variadic({ min: 1 })),\n      body: Flag.String('body').pipe(Flag.optional, Flag.withDescription('Issue body; defaults to the title.')),\n      type: Flag.String('type').pipe(Flag.optional, Flag.withDescription('bug | feature.')),\n      severity: Flag.String('severity').pipe(\n        Flag.optional,\n        Flag.withDescription('\"High priority\" | \"Medium priority\" | \"Low priority\".'),\n      ),\n      label: Flag.String('label').pipe(\n        Flag.optional,\n        Flag.withDescription(`Linear label; defaults to \"${REPORT_LABEL}\".`),\n      ),\n      noLogs: Flag.Boolean('no-logs').pipe(Flag.withDefault(false), Flag.withDescription('Skip the debug log dump.')),\n    },\n    ({ title, body, type, severity, label, noLogs }) =>\n      Effect.gen(function* () {\n        const heading = title.join(' ');\n        const result = yield* invokeOperation('org.dxos.operation.support.submitIssue', {\n          report: {\n            title: heading,\n            // The report schema requires a description, so a bare `report <title>` repeats the title.\n            body: body._tag === 'Some' && body.value.trim() ? body.value : heading,\n            ...(type._tag === 'Some' ? { type: type.value } : {}),\n            ...(severity._tag === 'Some' ? { severity: severity.value } : {}),\n            labels: [label._tag === 'Some' ? label.value : REPORT_LABEL],\n            includeLogs: !noLogs,\n          },\n        });\n        const issue = result as { issueIdentifier?: string; issueUrl?: string } | undefined;\n        yield* print(issue?.issueUrl ? `${issue.issueIdentifier} ${issue.issueUrl}` : result);\n      }),\n  ).pipe(Command.withDescription('File a Linear issue with the logs attached.'), Command.unlisted);\n\n  const port = Command.make(\n    'port',\n    {\n      action: Args.String('action').pipe(\n        Args.withDescription('start | stop; omit for status.'),\n        Args.variadic({ max: 1 }),\n      ),\n    },\n    ({ action }) =>\n      Effect.gen(function* () {\n        const controller = getDebugPortController();\n        switch (action[0]) {\n          case 'start': {\n            const session = controller.start({ persist: true });\n            yield* print(`Session: ${session}`);\n            break;\n          }\n          case 'stop': {\n            controller.stop();\n            yield* print('Stopped.');\n            break;\n          }\n          default: {\n            yield* print(controller.getStatus());\n          }\n        }\n      }),\n  ).pipe(Command.withDescription('Agent debug port: status, start, stop.'));\n\n  return Command.make('debug').pipe(\n    Command.withDescription('Composer debug console.'),\n    Command.withSubcommands([snapshot, plugins, enable, disable, ops, invoke, evaluate, report, port]),\n  );\n};\n\nexport const createDebugCli = (manager: PluginManager.PluginManager, options?: DebugCliOptions): DebugCli => ({\n  command: makeCommand(options),\n  layer: Layer.mergeAll(\n    Layer.succeed(Plugin.Service, manager),\n    Layer.succeed(Capability.Service, manager.capabilities),\n  ),\n});\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef } from 'react';\n\nimport * as PluginManagerProvider from '@dxos/app-framework/PluginManagerProvider';\nimport { Terminal, type TerminalApi } from '@dxos/react-ui-terminal';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Panel from '@dxos/react-ui/Panel';\nimport * as SystemButton from '@dxos/react-ui/SystemButton';\nimport * as Toolbar from '@dxos/react-ui/Toolbar';\n\nimport { meta } from '#meta';\n\nimport { createDebugCli } from './cli.ts';\n\nconst BOLD = '\\x1b[1m';\nconst DIM = '\\x1b[2m';\nconst RESET = '\\x1b[0m';\n\n/** Sizes a host that has no size of its own; a host with a definite size passes `fit` instead. */\nconst FIXED_GRID = { cols: 100, rows: 24 };\n\nconst BANNER = `${BOLD}Debug console${RESET}\\n${DIM}snapshot · plugins · enable · disable · ops · invoke · eval · port — \"help\" for details.${RESET}`;\n\nexport type DebugConsoleProps = {\n  /** Rendered as a close button in the toolbar when provided (the popover host closes itself). */\n  onClose?: () => void;\n  /** Fits the terminal to its container; without it the fixed grid sizes a content-sized host. */\n  fit?: boolean;\n};\n\n/**\n * The debug console: the introspection surface an agent drives over the debug port (operations,\n * snapshot, plugin management, eval), as an interactive Effect-CLI terminal.\n */\nexport const DebugConsole = ({ onClose, fit }: DebugConsoleProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const manager = PluginManagerProvider.usePluginManager();\n  const apiRef = useRef<TerminalApi | null>(null);\n  const lastResultRef = useRef('');\n  const cli = useMemo(\n    () =>\n      createDebugCli(manager, {\n        onResult: (text) => {\n          lastResultRef.current = text;\n        },\n      }),\n    [manager],\n  );\n\n  const handleClear = useCallback(() => {\n    apiRef.current?.clear();\n    apiRef.current?.focus();\n  }, []);\n\n  return (\n    <Panel.Root>\n      <Panel.Body>\n        <Terminal\n          ref={apiRef}\n          command={cli.command}\n          layer={cli.layer}\n          name='debug'\n          banner={BANNER}\n          dimensions={fit ? undefined : FIXED_GRID}\n        />\n      </Panel.Body>\n      <Panel.Footer>\n        <Toolbar.Root classNames='bg-transparent'>\n          <Button.Root\n            variant='ghost'\n            iconOnly\n            icon='ph--eraser--regular'\n            label={t('console.clear.label')}\n            onClick={handleClear}\n          />\n          <SystemButton.Clipboard\n            variant='ghost'\n            iconOnly\n            label={t('console.copy.label')}\n            onCopy={() => lastResultRef.current}\n          />\n          <Toolbar.Separator />\n          {onClose && <SystemButton.Close variant='ghost' iconOnly onClick={onClose} />}\n        </Toolbar.Root>\n      </Panel.Footer>\n    </Panel.Root>\n  );\n};\n\nDebugConsole.displayName = 'DebugConsole';\n"],"mappings":"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"}

package/dist/lib/chunk-DebugObjectPanel.mjs

@@ -1,11 +1,13 @@
-import { useMemo, useState } from "react";
 import { Filter, Json, Obj, Query } from "@dxos/echo";
-import { Clipboard, Panel, ScrollArea, Toolbar } from "@dxos/react-ui";
+import { useMemo, useState } from "react";
 import { mx } from "@dxos/ui-theme";
 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 { Syntax } from "@dxos/react-ui-syntax-highlighter";
+import * as ScrollArea from "@dxos/react-ui/ScrollArea";
 //#region src/containers/DebugObjectPanel/DebugObjectPanel.tsx
 var DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }) => {
 	const db = Obj.getDatabase(companionTo);
@@ -16,15 +18,12 @@ var DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }) => {
 		companionTo.id
 	]);
 	const [selectedObject] = useQuery(db, selectionQuery);
-	return /* @__PURE__ */ jsx(Clipboard.Provider, { children: /* @__PURE__ */ jsxs(Panel.Root, {
+	return /* @__PURE__ */ jsxs(Panel.Root, {
 		role,
-		children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Toolbar.Root, {})
-		}), /* @__PURE__ */ jsx(Panel.Content, {
+		children: [/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsx(Toolbar.Root, {}) }), /* @__PURE__ */ jsx(Panel.Body, {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs("div", {
-				className: mx("grid divide-y divide-subdued-separator", db && "grid-rows-[1fr_2fr]"),
+				className: mx("grid divide-y divide-separator-subtle", db && "grid-rows-[1fr_2fr]"),
 				children: [db && /* @__PURE__ */ jsx(ScrollArea.Root, { children: /* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(ObjectsTree, {
 					db,
 					root: companionTo,
@@ -37,20 +36,17 @@ var DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }) => {
 						db,
 						depth
 					}) : void 0,
-					children: /* @__PURE__ */ jsxs(Panel.Root, { children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
-						asChild: true,
-						children: /* @__PURE__ */ jsxs(Toolbar.Root, {
-							classNames: "grid grid-cols-[1fr_3rem]",
-							children: [/* @__PURE__ */ jsx(Syntax.Filter, {}), /* @__PURE__ */ jsx(Syntax.Depth, {})]
-						})
-					}), /* @__PURE__ */ jsx(Panel.Content, {
+					children: /* @__PURE__ */ jsxs(Panel.Root, { children: [/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsxs(Toolbar.Root, {
+						classNames: "grid grid-cols-[1fr_6rem]",
+						children: [/* @__PURE__ */ jsx(Syntax.Filter, {}), /* @__PURE__ */ jsx(Syntax.Depth, {})]
+					}) }), /* @__PURE__ */ jsx(Panel.Body, {
 						asChild: true,
 						children: /* @__PURE__ */ jsx(Syntax.Viewport, { children: /* @__PURE__ */ jsx(Syntax.Code, {}) })
 					})] })
 				})]
 			})
 		})]
-	}) });
+	});
 };
 DebugObjectPanel.displayName = "DebugObjectPanel";
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-DebugObjectPanel.mjs","names":[],"sources":["../../src/containers/DebugObjectPanel/DebugObjectPanel.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Json, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport type { EntityId } from '@dxos/keys';\nimport { Clipboard, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { Syntax } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\nexport type DebugObjectPanelProps = Pick<\n  AppSurface.ObjectArticleProps<Obj.Unknown, {}, Obj.Unknown>,\n  'role' | 'companionTo'\n> & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }: DebugObjectPanelProps) => {\n  const db = Obj.getDatabase(companionTo);\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  // Include feeds so that feed-backed objects (e.g. synced games) resolve in the selection query.\n  const selectionQuery = useMemo(\n    () =>\n      db\n        ? Query.select(Filter.id(selectedId ?? companionTo.id))\n            .options({ deleted: 'include' })\n            .from(db, { includeFeeds: true })\n        : Query.select(Filter.nothing()),\n    [db, selectedId, companionTo.id],\n  );\n  const [selectedObject] = useQuery(db, selectionQuery);\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <div className={mx('grid divide-y divide-subdued-separator', db && 'grid-rows-[1fr_2fr]')}>\n            {db && (\n              <ScrollArea.Root>\n                <ScrollArea.Viewport>\n                  <ObjectsTree\n                    db={db}\n                    root={companionTo}\n                    onSelect={(entity) => setSelectedId(entity.id)}\n                    onOpen={onOpen}\n                    canOpen={canOpen}\n                  />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            )}\n            <Syntax.Root\n              data={selectedObject}\n              getReplacer={(depth) => (db ? Json.createRefReplacer({ db, depth }) : undefined)}\n            >\n              <Panel.Root>\n                <Panel.Toolbar asChild>\n                  <Toolbar.Root classNames='grid grid-cols-[1fr_3rem]'>\n                    <Syntax.Filter />\n                    <Syntax.Depth />\n                  </Toolbar.Root>\n                </Panel.Toolbar>\n                <Panel.Content asChild>\n                  <Syntax.Viewport>\n                    <Syntax.Code />\n                  </Syntax.Viewport>\n                </Panel.Content>\n              </Panel.Root>\n            </Syntax.Root>\n          </div>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n\nDebugObjectPanel.displayName = 'DebugObjectPanel';\n"],"mappings":";;;;;;;;;AAuBA,IAAa,oBAAoB,EAAE,MAAM,aAAa,QAAQ,cAAqC;CACjG,MAAM,KAAK,IAAI,YAAY,WAAW;CACtC,MAAM,CAAC,YAAY,iBAAiB,SAA0B,IAAI;CAElE,MAAM,iBAAiB,cAEnB,KACI,MAAM,OAAO,OAAO,GAAG,cAAc,YAAY,EAAE,CAAC,CAAA,CACjD,QAAQ,EAAE,SAAS,UAAU,CAAC,CAAA,CAC9B,KAAK,IAAI,EAAE,cAAc,KAAK,CAAC,IAClC,MAAM,OAAO,OAAO,QAAQ,CAAC,GACnC;EAAC;EAAI;EAAY,YAAY;CAAE,CACjC;CACA,MAAM,CAAC,kBAAkB,SAAS,IAAI,cAAc;CAEpD,OACE,oBAAC,UAAU,UAAX,EAAA,UACE,qBAAC,MAAM,MAAP;EAAkB;EAAlB,UAAA,CACE,oBAAC,MAAM,SAAP;GAAe,SAAA;GACb,UAAA,oBAAC,QAAQ,MAAT,CAAe,CAAA;EACF,CAAA,GACf,oBAAC,MAAM,SAAP;GAAe,SAAA;GACb,UAAA,qBAAC,OAAD;IAAK,WAAW,GAAG,0CAA0C,MAAM,qBAAqB;IAAxF,UAAA,CACG,MACC,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,aAAD;KACM;KACJ,MAAM;KACN,WAAW,WAAW,cAAc,OAAO,EAAE;KACrC;KACC;IACV,CAAA,EACkB,CAAA,EACN,CAAA,GAEnB,oBAAC,OAAO,MAAR;KACE,MAAM;KACN,cAAc,UAAW,KAAK,KAAK,kBAAkB;MAAE;MAAI;KAAM,CAAC,IAAI,KAAA;KAEtE,UAAA,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,SAAP;MAAe,SAAA;MACb,UAAA,qBAAC,QAAQ,MAAT;OAAc,YAAW;OAAzB,UAAA,CACE,oBAAC,OAAO,QAAR,CAAgB,CAAA,GAChB,oBAAC,OAAO,OAAR,CAAe,CAAA,CACH;;KACD,CAAA,GACf,oBAAC,MAAM,SAAP;MAAe,SAAA;MACb,UAAA,oBAAC,OAAO,UAAR,EAAA,UACE,oBAAC,OAAO,MAAR,CAAc,CAAA,EACC,CAAA;KACJ,CAAA,CACL,EAAA,CAAA;IACD,CAAA,CACV;;EACQ,CAAA,CACL;CACM,CAAA,EAAA,CAAA;AAExB;AAEA,iBAAiB,cAAc"}
+{"version":3,"file":"chunk-DebugObjectPanel.mjs","names":[],"sources":["../../src/containers/DebugObjectPanel/DebugObjectPanel.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Json, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport type { EntityId } from '@dxos/keys';\nimport { Syntax } from '@dxos/react-ui-syntax-highlighter';\nimport * as Panel from '@dxos/react-ui/Panel';\nimport * as ScrollArea from '@dxos/react-ui/ScrollArea';\nimport * as Toolbar from '@dxos/react-ui/Toolbar';\nimport { mx } from '@dxos/ui-theme';\n\nexport type DebugObjectPanelProps = Pick<\n  AppSurface.ObjectArticleProps<Obj.Unknown, {}, Obj.Unknown>,\n  'role' | 'companionTo'\n> & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugObjectPanel = ({ role, companionTo, onOpen, canOpen }: DebugObjectPanelProps) => {\n  const db = Obj.getDatabase(companionTo);\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  // Include feeds so that feed-backed objects (e.g. synced games) resolve in the selection query.\n  const selectionQuery = useMemo(\n    () =>\n      db\n        ? Query.select(Filter.id(selectedId ?? companionTo.id))\n            .options({ deleted: 'include' })\n            .from(db, { includeFeeds: true })\n        : Query.select(Filter.nothing()),\n    [db, selectedId, companionTo.id],\n  );\n  const [selectedObject] = useQuery(db, selectionQuery);\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Header>\n        <Toolbar.Root />\n      </Panel.Header>\n      <Panel.Body asChild>\n        <div className={mx('grid divide-y divide-separator-subtle', db && 'grid-rows-[1fr_2fr]')}>\n          {db && (\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree\n                  db={db}\n                  root={companionTo}\n                  onSelect={(entity) => setSelectedId(entity.id)}\n                  onOpen={onOpen}\n                  canOpen={canOpen}\n                />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n          )}\n          <Syntax.Root\n            data={selectedObject}\n            getReplacer={(depth) => (db ? Json.createRefReplacer({ db, depth }) : undefined)}\n          >\n            <Panel.Root>\n              <Panel.Header>\n                <Toolbar.Root classNames='grid grid-cols-[1fr_6rem]'>\n                  <Syntax.Filter />\n                  <Syntax.Depth />\n                </Toolbar.Root>\n              </Panel.Header>\n              <Panel.Body asChild>\n                <Syntax.Viewport>\n                  <Syntax.Code />\n                </Syntax.Viewport>\n              </Panel.Body>\n            </Panel.Root>\n          </Syntax.Root>\n        </div>\n      </Panel.Body>\n    </Panel.Root>\n  );\n};\n\nDebugObjectPanel.displayName = 'DebugObjectPanel';\n"],"mappings":";;;;;;;;;;;AAyBA,IAAa,oBAAoB,EAAE,MAAM,aAAa,QAAQ,cAAqC;CACjG,MAAM,KAAK,IAAI,YAAY,WAAW;CACtC,MAAM,CAAC,YAAY,iBAAiB,SAA0B,IAAI;CAElE,MAAM,iBAAiB,cAEnB,KACI,MAAM,OAAO,OAAO,GAAG,cAAc,YAAY,EAAE,CAAC,CAAA,CACjD,QAAQ,EAAE,SAAS,UAAU,CAAC,CAAA,CAC9B,KAAK,IAAI,EAAE,cAAc,KAAK,CAAC,IAClC,MAAM,OAAO,OAAO,QAAQ,CAAC,GACnC;EAAC;EAAI;EAAY,YAAY;CAAE,CACjC;CACA,MAAM,CAAC,kBAAkB,SAAS,IAAI,cAAc;CAEpD,OACE,qBAAC,MAAM,MAAP;EAAkB;EAAlB,UAAA,CACE,oBAAC,MAAM,QAAP,EAAA,UACE,oBAAC,QAAQ,MAAT,CAAe,CAAA,EACH,CAAA,GACd,oBAAC,MAAM,MAAP;GAAY,SAAA;GACV,UAAA,qBAAC,OAAD;IAAK,WAAW,GAAG,yCAAyC,MAAM,qBAAqB;IAAvF,UAAA,CACG,MACC,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,aAAD;KACM;KACJ,MAAM;KACN,WAAW,WAAW,cAAc,OAAO,EAAE;KACrC;KACC;IACV,CAAA,EACkB,CAAA,EACN,CAAA,GAEnB,oBAAC,OAAO,MAAR;KACE,MAAM;KACN,cAAc,UAAW,KAAK,KAAK,kBAAkB;MAAE;MAAI;KAAM,CAAC,IAAI,KAAA;KAEtE,UAAA,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,QAAP,EAAA,UACE,qBAAC,QAAQ,MAAT;MAAc,YAAW;MAAzB,UAAA,CACE,oBAAC,OAAO,QAAR,CAAgB,CAAA,GAChB,oBAAC,OAAO,OAAR,CAAe,CAAA,CACH;KACF,CAAA,EAAA,CAAA,GACd,oBAAC,MAAM,MAAP;MAAY,SAAA;MACV,UAAA,oBAAC,OAAO,UAAR,EAAA,UACE,oBAAC,OAAO,MAAR,CAAc,CAAA,EACC,CAAA;KACP,CAAA,CACF,EAAA,CAAA;IACD,CAAA,CACV;;EACK,CAAA,CACF;;AAEhB;AAEA,iBAAiB,cAAc"}

package/dist/lib/chunk-DebugPanelDrawer.mjs

@@ -0,0 +1,48 @@
+import { n as DebugPanel, r as useDebugPanelContext, t as DebugPanelHeader } from "./chunk-DebugPanelHeader.mjs";
+import { t as DEBUG_PANEL_CONTEXT } from "./chunk-view-state.mjs";
+import { meta } from "#meta";
+import { useCallback } from "react";
+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 * as Panel from "@dxos/react-ui/Panel";
+import * as Toolbar from "@dxos/react-ui/Toolbar";
+//#region src/containers/DebugPanelDrawer/DebugPanelDrawer.tsx
+/**
+* The debug panel docked as the deck's bottom drawer: a title bar over the tree and the page. It
+* shares the floating window's context, so floating it keeps the tool that was open.
+*/
+var DebugPanelDrawer = ({ contextId = DEBUG_PANEL_CONTEXT }) => /* @__PURE__ */ jsx(DebugPanel.Root, {
+	contextId,
+	children: /* @__PURE__ */ jsx(DebugPanelDrawerContent, {})
+});
+DebugPanelDrawer.displayName = "DebugPanelDrawer";
+var DebugPanelDrawerContent = () => {
+	const { t } = UiHooks.useTranslation(meta.profile.key);
+	const { mode, setMode } = useDebugPanelContext();
+	const { invokePromise } = Hooks.useOperationInvoker();
+	const handleModeChange = useCallback((next) => {
+		invokePromise(LayoutOperation.UpdateDrawer, { state: next === "floating" ? "closed" : "open" });
+		setMode(next);
+	}, [invokePromise, setMode]);
+	const handleClose = useCallback(() => void invokePromise(LayoutOperation.UpdateDrawer, { state: "closed" }), [invokePromise]);
+	return /* @__PURE__ */ jsxs(Panel.Root, { children: [/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsxs(Toolbar.Root, {
+		size: "sm",
+		children: [/* @__PURE__ */ jsx(Toolbar.Text, {
+			classNames: "grow",
+			children: t("debug-panel.title")
+		}), /* @__PURE__ */ jsx(DebugPanelHeader, {
+			mode,
+			onModeChange: handleModeChange,
+			onClose: handleClose
+		})]
+	}) }), /* @__PURE__ */ jsx(Panel.Body, {
+		classNames: "grid",
+		children: /* @__PURE__ */ jsx(DebugPanel.Body, {})
+	})] });
+};
+//#endregion
+export { DebugPanelDrawer };
+
+//# sourceMappingURL=chunk-DebugPanelDrawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugPanelDrawer.mjs","names":[],"sources":["../../src/containers/DebugPanelDrawer/DebugPanelDrawer.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\nimport * as Panel from '@dxos/react-ui/Panel';\nimport * as Toolbar from '@dxos/react-ui/Toolbar';\n\nimport { meta } from '#meta';\n\nimport {\n  DEBUG_PANEL_CONTEXT,\n  DebugPanel,\n  DebugPanelHeader,\n  type DebugPanelMode,\n  useDebugPanelContext,\n} from '../DebugPanel/index.ts';\n\nexport type DebugPanelDrawerProps = {\n  /** Overridable so a story gets its own selection rather than the app's. */\n  contextId?: string;\n};\n\n/**\n * The debug panel docked as the deck's bottom drawer: a title bar over the tree and the page. It\n * shares the floating window's context, so floating it keeps the tool that was open.\n */\nexport const DebugPanelDrawer = ({ contextId = DEBUG_PANEL_CONTEXT }: DebugPanelDrawerProps) => (\n  <DebugPanel.Root contextId={contextId}>\n    <DebugPanelDrawerContent />\n  </DebugPanel.Root>\n);\n\nDebugPanelDrawer.displayName = 'DebugPanelDrawer';\n\nconst DebugPanelDrawerContent = () => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const { mode, setMode } = useDebugPanelContext();\n  const { invokePromise } = Hooks.useOperationInvoker();\n\n  // Floating asks the drawer to close so the window the status bar opens on the mode change does\n  // not stay over it; docking keeps it open.\n  const handleModeChange = useCallback(\n    (next: DebugPanelMode) => {\n      void invokePromise(LayoutOperation.UpdateDrawer, { state: next === 'floating' ? 'closed' : 'open' });\n      setMode(next);\n    },\n    [invokePromise, setMode],\n  );\n  const handleClose = useCallback(\n    () => void invokePromise(LayoutOperation.UpdateDrawer, { state: 'closed' }),\n    [invokePromise],\n  );\n\n  return (\n    <Panel.Root>\n      <Panel.Header>\n        <Toolbar.Root size='sm'>\n          <Toolbar.Text classNames='grow'>{t('debug-panel.title')}</Toolbar.Text>\n          <DebugPanelHeader mode={mode} onModeChange={handleModeChange} onClose={handleClose} />\n        </Toolbar.Root>\n      </Panel.Header>\n      <Panel.Body classNames='grid'>\n        <DebugPanel.Body />\n      </Panel.Body>\n    </Panel.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,IAAa,oBAAoB,EAAE,YAAY,0BAC7C,oBAAC,WAAW,MAAZ;CAA4B;CAC1B,UAAA,oBAAC,yBAAD,CAA0B,CAAA;AACX,CAAA;AAGnB,iBAAiB,cAAc;AAE/B,IAAM,gCAAgC;CACpC,MAAM,EAAE,MAAM,QAAQ,eAAe,KAAK,QAAQ,GAAG;CACrD,MAAM,EAAE,MAAM,YAAY,qBAAqB;CAC/C,MAAM,EAAE,kBAAkB,MAAM,oBAAoB;CAIpD,MAAM,mBAAmB,aACtB,SAAyB;EACxB,cAAmB,gBAAgB,cAAc,EAAE,OAAO,SAAS,aAAa,WAAW,OAAO,CAAC;EACnG,QAAQ,IAAI;CACd,GACA,CAAC,eAAe,OAAO,CACzB;CACA,MAAM,cAAc,kBACZ,KAAK,cAAc,gBAAgB,cAAc,EAAE,OAAO,SAAS,CAAC,GAC1E,CAAC,aAAa,CAChB;CAEA,OACE,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,QAAP,EAAA,UACE,qBAAC,QAAQ,MAAT;EAAc,MAAK;EAAnB,UAAA,CACE,oBAAC,QAAQ,MAAT;GAAc,YAAW;GAAQ,UAAA,EAAE,mBAAmB;EAAgB,CAAA,GACtE,oBAAC,kBAAD;GAAwB;GAAM,cAAc;GAAkB,SAAS;EAAc,CAAA,CACzE;CACF,CAAA,EAAA,CAAA,GACd,oBAAC,MAAM,MAAP;EAAY,YAAW;EACrB,UAAA,oBAAC,WAAW,MAAZ,CAAkB,CAAA;CACR,CAAA,CACF,EAAA,CAAA;AAEhB"}

package/dist/lib/chunk-DebugPanelHeader.mjs

@@ -0,0 +1,280 @@
+import { n as debugPanelAspect, t as DEBUG_PANEL_CONTEXT } from "./chunk-view-state.mjs";
+import { DebugNodes, DebugSurface } from "#types";
+import { meta } from "#meta";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import * as Button from "@dxos/react-ui/Button";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as Atom from "effect/reactivity/Atom";
+import * as Surface from "@dxos/app-framework/Surface";
+import * as ToolkitHooks from "@dxos/app-toolkit/Hooks";
+import * as Hooks from "@dxos/react-ui/Hooks";
+import { useManager, useViewState, useViewStateActions } from "@dxos/react-ui-attention";
+import * as Splitter from "@dxos/react-ui/Splitter";
+import * as AppGraph from "@dxos/app-graph/AppGraph";
+import * as GraphHooks from "@dxos/plugin-graph/Hooks";
+import * as Status from "@dxos/react-ui/Status";
+import { Path, Tree } from "@dxos/react-ui-list";
+//#region src/containers/DebugPanel/DebugPanelContext.ts
+var DebugPanelContext = createContext(null);
+var useDebugPanelContext = () => {
+	const value = useContext(DebugPanelContext);
+	if (!value) throw new Error("Missing DebugPanelContext");
+	return value;
+};
+//#endregion
+//#region src/containers/DebugPanel/DebugPanelMain.tsx
+/** Pages that stay mounted once visited: their buffers are the point of the tool. */
+var KEEP_MOUNTED = /* @__PURE__ */ new Set([DebugNodes.Console, DebugNodes.Logs]);
+/**
+* The selected page. The console and log viewer stay mounted (hidden) once visited so they keep
+* their buffers while another tool is shown; every other page mounts only while selected.
+*/
+var DebugPanelMain = () => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const { contextId, nodeId, select } = useDebugPanelContext();
+	const { graph } = ToolkitHooks.useAppGraph();
+	const handleNavigate = useCallback((target) => {
+		AppGraph.expandPath(graph, target);
+		select(target);
+	}, [graph, select]);
+	const node = GraphHooks.useNode(graph, nodeId);
+	const keepMounted = node !== void 0 && KEEP_MOUNTED.has(node.data);
+	const [visited, setVisited] = useState([]);
+	useEffect(() => {
+		if (nodeId && keepMounted) setVisited((prev) => prev.includes(nodeId) ? prev : [...prev, nodeId]);
+	}, [nodeId, keepMounted]);
+	if (!nodeId) return /* @__PURE__ */ jsx(Status.Empty, { children: t("debug-panel.empty.label") });
+	const mounted = keepMounted && !visited.includes(nodeId) ? [...visited, nodeId] : visited;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [mounted.map((id) => /* @__PURE__ */ jsx(DebugPanelPage, {
+		graph,
+		contextId,
+		nodeId: id,
+		hidden: id !== nodeId,
+		onNavigate: handleNavigate
+	}, id)), !mounted.includes(nodeId) && /* @__PURE__ */ jsx(DebugPanelPage, {
+		graph,
+		contextId,
+		nodeId,
+		hidden: false,
+		onNavigate: handleNavigate
+	}, nodeId)] });
+};
+DebugPanelMain.displayName = "DebugPanel.Main";
+/** One tool's article surface; the `div` is its show/hide element, not layout. */
+var DebugPanelPage = ({ graph, contextId, nodeId, hidden, onNavigate }) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const node = GraphHooks.useNode(graph, nodeId);
+	const data = useMemo(() => node && {
+		attendableId: `${contextId}/${nodeId}`,
+		nodeId,
+		subject: node.data,
+		properties: node.properties,
+		onNavigate
+	}, [
+		node,
+		contextId,
+		nodeId,
+		onNavigate
+	]);
+	if (!data) return hidden ? null : /* @__PURE__ */ jsx(Status.Empty, { children: t("debug-panel.empty.label") });
+	return /* @__PURE__ */ jsx("div", {
+		role: "none",
+		className: "dx-expand",
+		hidden,
+		children: /* @__PURE__ */ jsx(Surface.Surface, {
+			type: DebugSurface.Page,
+			data,
+			limit: 1
+		})
+	});
+};
+//#endregion
+//#region src/containers/DebugPanel/DebugPanelSidebar.tsx
+var ROOT_PATH = [DebugNodes.DEBUG_ROOT_ID];
+/** The node and every ancestor under the debug root, so each level's connector runs. */
+var lineage = (nodeId) => {
+	const segments = nodeId.split("/");
+	return segments.map((_, index) => segments.slice(0, index + 1).join("/")).filter((id) => id.startsWith(DebugNodes.DEBUG_ROOT_ID));
+};
+/** Page ids the panel persisted before the pages lived under the Debug node. */
+var LEGACY_PAGE_IDS = {
+	[`${DebugNodes.DEBUG_ROOT_ID}/${DebugNodes.nodeId(DebugNodes.Console)}`]: DebugNodes.CONSOLE_NODE_ID,
+	[`${DebugNodes.DEBUG_ROOT_ID}/${DebugNodes.nodeId(DebugNodes.Logs)}`]: DebugNodes.LOGS_NODE_ID
+};
+/** The tree over the hidden `root/debug` category: every developer tool, selected here and shown in `Main`. */
+var DebugPanelSidebar = () => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const { contextId, nodeId, open, select, setOpen } = useDebugPanelContext();
+	const { graph } = ToolkitHooks.useAppGraph();
+	const manager = useManager();
+	const stateAtom = useMemo(() => manager.atom(debugPanelAspect, contextId), [manager, contextId]);
+	const state = useMemo(() => ({
+		itemOpen: (path) => Atom.make((get) => get(stateAtom).open.includes(Path.create(...path))).pipe(Atom.keepAlive),
+		itemCurrent: (path) => Atom.make((get) => get(stateAtom).nodeId === path[path.length - 1]).pipe(Atom.keepAlive)
+	}), [stateAtom]);
+	const model = GraphHooks.useGraphTreeModel(DebugNodes.DEBUG_ROOT_ID, state);
+	const latestRef = useRef({
+		open,
+		nodeId
+	});
+	latestRef.current = {
+		open,
+		nodeId
+	};
+	useEffect(() => {
+		AppGraph.expandSync(graph, DebugNodes.DEBUG_ROOT_ID, "child");
+		const { open, nodeId } = latestRef.current;
+		if (!nodeId && open.length === 0) {
+			setOpen(Path.create(DebugNodes.DEBUG_ROOT_ID, contextId, DebugNodes.DEBUG_NODE_ID), true);
+			select(DebugNodes.CONSOLE_NODE_ID);
+		}
+		const legacy = nodeId ? LEGACY_PAGE_IDS[nodeId] : void 0;
+		if (legacy) select(legacy);
+		for (const key of open) AppGraph.expandSync(graph, Path.last(key), "child");
+		for (const id of lineage(legacy ?? nodeId ?? DebugNodes.CONSOLE_NODE_ID)) AppGraph.expandSync(graph, id, "child");
+	}, [
+		graph,
+		contextId,
+		select,
+		setOpen
+	]);
+	const handleOpenChange = useCallback(({ item, path, open }) => {
+		setOpen(Path.create(...path), open);
+		AppGraph.expandSync(graph, item.id, "child");
+	}, [graph, setOpen]);
+	const handleSelect = useCallback(({ item, path }) => {
+		if (item.data === null) {
+			const key = Path.create(...path);
+			setOpen(key, !open.includes(key));
+			AppGraph.expandSync(graph, item.id, "child");
+			return;
+		}
+		select(item.id);
+		AppGraph.expandSync(graph, item.id, "child");
+	}, [
+		graph,
+		open,
+		select,
+		setOpen
+	]);
+	return /* @__PURE__ */ jsxs(Tree.Root, {
+		id: contextId,
+		rootId: DebugNodes.DEBUG_ROOT_ID,
+		path: ROOT_PATH,
+		model,
+		size: "sm",
+		onOpenChange: handleOpenChange,
+		onSelect: handleSelect,
+		children: [/* @__PURE__ */ jsx(Tree.Label, {
+			srOnly: true,
+			children: t("debug-panel.tree.label")
+		}), /* @__PURE__ */ jsx(Tree.Content, {})]
+	});
+};
+DebugPanelSidebar.displayName = "DebugPanel.Sidebar";
+//#endregion
+//#region src/containers/DebugPanel/DebugPanel.tsx
+/**
+* The debug surface in parts, so a host places the tree and the page where the room is — the
+* floating window and the deck's drawer both split them under a title bar. `Root` owns the
+* selection, the expanded branches and the mode, persisted so a debugging session survives the
+* reloads it provokes.
+*/
+var DebugPanelRoot = ({ contextId = DEBUG_PANEL_CONTEXT, children }) => {
+	const { nodeId, open, mode = "docked" } = useViewState(debugPanelAspect, contextId);
+	const { update } = useViewStateActions(debugPanelAspect, contextId);
+	const select = useCallback((nodeId) => update((prev) => ({
+		...prev,
+		nodeId
+	})), [update]);
+	const setOpen = useCallback((pathKey, isOpen) => update((prev) => ({
+		...prev,
+		open: isOpen ? [.../* @__PURE__ */ new Set([...prev.open, pathKey])] : prev.open.filter((key) => key !== pathKey)
+	})), [update]);
+	const setMode = useCallback((mode) => update((prev) => ({
+		...prev,
+		mode
+	})), [update]);
+	const value = useMemo(() => ({
+		contextId,
+		nodeId,
+		open,
+		mode,
+		select,
+		setOpen,
+		setMode
+	}), [
+		contextId,
+		nodeId,
+		open,
+		mode,
+		select,
+		setOpen,
+		setMode
+	]);
+	return /* @__PURE__ */ jsx(DebugPanelContext.Provider, {
+		value,
+		children
+	});
+};
+DebugPanelRoot.displayName = "DebugPanel.Root";
+/** The tree's opening width (rem): a navtree sidebar's, so tool labels read at the scale they do there. */
+var SIDEBAR_SIZE = 16;
+/** The tree beside the selected tool's page, split the same way in every host. */
+var DebugPanelBody = () => /* @__PURE__ */ jsxs(Splitter.Root, {
+	orientation: "horizontal",
+	anchor: "start",
+	resizable: true,
+	defaultSize: SIDEBAR_SIZE,
+	minSize: 8,
+	children: [
+		/* @__PURE__ */ jsx(Splitter.Panel, {
+			position: "start",
+			children: /* @__PURE__ */ jsx(DebugPanelSidebar, {})
+		}),
+		/* @__PURE__ */ jsx(Splitter.ResizeTrigger, {}),
+		/* @__PURE__ */ jsx(Splitter.Panel, {
+			position: "end",
+			children: /* @__PURE__ */ jsx(DebugPanelMain, {})
+		})
+	]
+});
+DebugPanelBody.displayName = "DebugPanel.Body";
+var DebugPanel = {
+	Root: DebugPanelRoot,
+	Body: DebugPanelBody,
+	Sidebar: DebugPanelSidebar,
+	Main: DebugPanelMain
+};
+//#endregion
+//#region src/containers/DebugPanel/DebugPanelHeader.tsx
+/**
+* The title-bar controls both hosts share: the dock/float switch, and a close for a host without one
+* of its own. The button says what it does next, so the icon flips with the mode.
+*/
+var DebugPanelHeader = ({ mode, onModeChange, onClose, size }) => {
+	const { t } = Hooks.useTranslation(meta.profile.key);
+	const floating = mode === "floating";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button.Root, {
+		variant: "ghost",
+		size,
+		iconOnly: true,
+		icon: floating ? "ph--arrow-square-in--regular" : "ph--arrow-square-out--regular",
+		label: floating ? t("dock-panel.label") : t("float-panel.label"),
+		"data-testid": "debugPanel.mode",
+		onClick: () => onModeChange(floating ? "docked" : "floating")
+	}), onClose && /* @__PURE__ */ jsx(Button.Root, {
+		variant: "ghost",
+		size,
+		iconOnly: true,
+		icon: "ph--x--regular",
+		label: t("close-panel.label"),
+		"data-testid": "debugPanel.close",
+		onClick: onClose
+	})] });
+};
+DebugPanelHeader.displayName = "DebugPanelHeader";
+//#endregion
+export { DebugPanel as n, useDebugPanelContext as r, DebugPanelHeader as t };
+
+//# sourceMappingURL=chunk-DebugPanelHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-DebugPanelHeader.mjs","names":[],"sources":["../../src/containers/DebugPanel/DebugPanelContext.ts","../../src/containers/DebugPanel/DebugPanelMain.tsx","../../src/containers/DebugPanel/DebugPanelSidebar.tsx","../../src/containers/DebugPanel/DebugPanel.tsx","../../src/containers/DebugPanel/DebugPanelHeader.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type DebugPanelMode } from './view-state.ts';\n\n// Kept out of `DebugPanel.tsx`: the sidebar and main parts read the context the root provides, and\n// a module importing its own importers is a cycle.\n\nexport type DebugPanelContextValue = {\n  contextId: string;\n  /** Qualified id of the selected page. */\n  nodeId?: string;\n  /** Joined paths of the expanded branches. */\n  open: readonly string[];\n  /** Where the panel is hosted; the hosts read it to decide which of them shows. */\n  mode: DebugPanelMode;\n  select: (nodeId: string) => void;\n  setOpen: (pathKey: string, open: boolean) => void;\n  setMode: (mode: DebugPanelMode) => void;\n};\n\nexport const DebugPanelContext = createContext<DebugPanelContextValue | null>(null);\n\nexport const useDebugPanelContext = (): DebugPanelContextValue => {\n  const value = useContext(DebugPanelContext);\n  if (!value) {\n    throw new Error('Missing DebugPanelContext');\n  }\n  return value;\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport * as Surface from '@dxos/app-framework/Surface';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as ToolkitHooks from '@dxos/app-toolkit/Hooks';\nimport * as GraphHooks from '@dxos/plugin-graph/Hooks';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Status from '@dxos/react-ui/Status';\n\nimport { meta } from '#meta';\nimport { DebugNodes, DebugSurface } from '#types';\n\nimport { useDebugPanelContext } from './DebugPanelContext.ts';\n\n/** Pages that stay mounted once visited: their buffers are the point of the tool. */\nconst KEEP_MOUNTED: ReadonlySet<unknown> = new Set([DebugNodes.Console, DebugNodes.Logs]);\n\n/**\n * The selected page. The console and log viewer stay mounted (hidden) once visited so they keep\n * their buffers while another tool is shown; every other page mounts only while selected.\n */\nexport const DebugPanelMain = () => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const { contextId, nodeId, select } = useDebugPanelContext();\n  const { graph } = ToolkitHooks.useAppGraph();\n  const handleNavigate = useCallback(\n    (target: string) => {\n      AppGraph.expandPath(graph, target);\n      select(target);\n    },\n    [graph, select],\n  );\n  const node = GraphHooks.useNode(graph, nodeId);\n  const keepMounted = node !== undefined && KEEP_MOUNTED.has(node.data);\n  const [visited, setVisited] = useState<string[]>([]);\n  useEffect(() => {\n    if (nodeId && keepMounted) {\n      // Guarded in the updater: StrictMode runs the effect twice on mount, and two appends would mount the page twice.\n      setVisited((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    }\n  }, [nodeId, keepMounted]);\n\n  if (!nodeId) {\n    return <Status.Empty>{t('debug-panel.empty.label')}</Status.Empty>;\n  }\n\n  // Appended in the same render it is selected (the effect only catches up), so the keyed page is\n  // never first mounted as the transient one and then remounted.\n  const mounted = keepMounted && !visited.includes(nodeId) ? [...visited, nodeId] : visited;\n\n  return (\n    <>\n      {mounted.map((id) => (\n        <DebugPanelPage\n          key={id}\n          graph={graph}\n          contextId={contextId}\n          nodeId={id}\n          hidden={id !== nodeId}\n          onNavigate={handleNavigate}\n        />\n      ))}\n      {!mounted.includes(nodeId) && (\n        <DebugPanelPage\n          key={nodeId}\n          graph={graph}\n          contextId={contextId}\n          nodeId={nodeId}\n          hidden={false}\n          onNavigate={handleNavigate}\n        />\n      )}\n    </>\n  );\n};\n\nDebugPanelMain.displayName = 'DebugPanel.Main';\n\ntype DebugPanelPageProps = {\n  graph: AppGraph.ReadableGraph;\n  contextId: string;\n  nodeId: string;\n  hidden: boolean;\n  onNavigate: (nodeId: string) => void;\n};\n\n/** One tool's article surface; the `div` is its show/hide element, not layout. */\nconst DebugPanelPage = ({ graph, contextId, nodeId, hidden, onNavigate }: DebugPanelPageProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const node = GraphHooks.useNode(graph, nodeId);\n  const data = useMemo<DebugSurface.PageData | undefined>(\n    () =>\n      node && {\n        attendableId: `${contextId}/${nodeId}`,\n        nodeId,\n        subject: node.data,\n        properties: node.properties,\n        onNavigate,\n      },\n    [node, contextId, nodeId, onNavigate],\n  );\n  if (!data) {\n    // A persisted id that no longer resolves (a plugin disabled) shows the empty state rather than nothing.\n    return hidden ? null : <Status.Empty>{t('debug-panel.empty.label')}</Status.Empty>;\n  }\n\n  return (\n    <div role='none' className='dx-expand' hidden={hidden}>\n      <Surface.Surface type={DebugSurface.Page} data={data} limit={1} />\n    </div>\n  );\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Atom from 'effect/reactivity/Atom';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport type * as AppGraphNode from '@dxos/app-graph/AppGraphNode';\nimport * as ToolkitHooks from '@dxos/app-toolkit/Hooks';\nimport * as GraphHooks from '@dxos/plugin-graph/Hooks';\nimport { useManager } from '@dxos/react-ui-attention';\nimport { Path, Tree, type TreeSelectEvent } from '@dxos/react-ui-list';\nimport * as Hooks from '@dxos/react-ui/Hooks';\n\nimport { meta } from '#meta';\nimport { DebugNodes } from '#types';\n\nimport { useDebugPanelContext } from './DebugPanelContext.ts';\nimport { debugPanelAspect } from './view-state.ts';\n\nconst ROOT_PATH = [DebugNodes.DEBUG_ROOT_ID];\n\n/** The node and every ancestor under the debug root, so each level's connector runs. */\nconst lineage = (nodeId: string): string[] => {\n  const segments = nodeId.split('/');\n  return segments\n    .map((_, index) => segments.slice(0, index + 1).join('/'))\n    .filter((id) => id.startsWith(DebugNodes.DEBUG_ROOT_ID));\n};\n\n/** Page ids the panel persisted before the pages lived under the Debug node. */\nconst LEGACY_PAGE_IDS: Record<string, string> = {\n  [`${DebugNodes.DEBUG_ROOT_ID}/${DebugNodes.nodeId(DebugNodes.Console)}`]: DebugNodes.CONSOLE_NODE_ID,\n  [`${DebugNodes.DEBUG_ROOT_ID}/${DebugNodes.nodeId(DebugNodes.Logs)}`]: DebugNodes.LOGS_NODE_ID,\n};\n\n/** The tree over the hidden `root/debug` category: every developer tool, selected here and shown in `Main`. */\nexport const DebugPanelSidebar = () => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const { contextId, nodeId, open, select, setOpen } = useDebugPanelContext();\n  const { graph } = ToolkitHooks.useAppGraph();\n  const manager = useManager();\n  // The model reads state through atoms, and the manager's atom for this context is that state.\n  const stateAtom = useMemo(() => manager.atom(debugPanelAspect, contextId), [manager, contextId]);\n  const state = useMemo(\n    () => ({\n      itemOpen: (path: string[]) =>\n        Atom.make((get) => get(stateAtom).open.includes(Path.create(...path))).pipe(Atom.keepAlive),\n      itemCurrent: (path: string[]) =>\n        Atom.make((get) => get(stateAtom).nodeId === path[path.length - 1]).pipe(Atom.keepAlive),\n    }),\n    [stateAtom],\n  );\n  const model = GraphHooks.useGraphTreeModel(DebugNodes.DEBUG_ROOT_ID, state);\n\n  // Persisted state names nodes whose children come from connectors that only run on expansion, so\n  // without this an open branch restores empty and a nested selection restores to a blank page. A\n  // pristine panel opens on the console, as it did when the console was its first tab. The latest\n  // state is read through a ref so the restore runs once per context, not on every change.\n  const latestRef = useRef({ open, nodeId });\n  latestRef.current = { open, nodeId };\n  useEffect(() => {\n    AppGraph.expandSync(graph, DebugNodes.DEBUG_ROOT_ID, 'child');\n    const { open, nodeId } = latestRef.current;\n    if (!nodeId && open.length === 0) {\n      setOpen(Path.create(DebugNodes.DEBUG_ROOT_ID, contextId, DebugNodes.DEBUG_NODE_ID), true);\n      select(DebugNodes.CONSOLE_NODE_ID);\n    }\n    // The console and logs pages moved under the Debug node; a selection persisted at their old\n    // top-level ids is carried to the new ones.\n    const legacy = nodeId ? LEGACY_PAGE_IDS[nodeId] : undefined;\n    if (legacy) {\n      select(legacy);\n    }\n    for (const key of open) {\n      AppGraph.expandSync(graph, Path.last(key), 'child');\n    }\n    for (const id of lineage(legacy ?? nodeId ?? DebugNodes.CONSOLE_NODE_ID)) {\n      AppGraph.expandSync(graph, id, 'child');\n    }\n  }, [graph, contextId, select, setOpen]);\n\n  const handleOpenChange = useCallback(\n    ({ item, path, open }: { item: AppGraphNode.Node; path: string[]; open: boolean }) => {\n      setOpen(Path.create(...path), open);\n      AppGraph.expandSync(graph, item.id, 'child');\n    },\n    [graph, setOpen],\n  );\n\n  const handleSelect = useCallback(\n    ({ item, path }: TreeSelectEvent<AppGraphNode.Node>) => {\n      if (item.data === null) {\n        // A branch has no page: selecting it toggles it.\n        const key = Path.create(...path);\n        setOpen(key, !open.includes(key));\n        AppGraph.expandSync(graph, item.id, 'child');\n        return;\n      }\n      select(item.id);\n      AppGraph.expandSync(graph, item.id, 'child');\n    },\n    [graph, open, select, setOpen],\n  );\n\n  return (\n    <Tree.Root\n      id={contextId}\n      rootId={DebugNodes.DEBUG_ROOT_ID}\n      path={ROOT_PATH}\n      model={model}\n      size='sm'\n      onOpenChange={handleOpenChange}\n      onSelect={handleSelect}\n    >\n      <Tree.Label srOnly>{t('debug-panel.tree.label')}</Tree.Label>\n      <Tree.Content />\n    </Tree.Root>\n  );\n};\n\nDebugPanelSidebar.displayName = 'DebugPanel.Sidebar';\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport { useViewState, useViewStateActions } from '@dxos/react-ui-attention';\nimport * as Splitter from '@dxos/react-ui/Splitter';\n\nimport { DebugPanelContext, type DebugPanelContextValue } from './DebugPanelContext.ts';\nimport { DebugPanelMain } from './DebugPanelMain.tsx';\nimport { DebugPanelSidebar } from './DebugPanelSidebar.tsx';\nimport { DEBUG_PANEL_CONTEXT, type DebugPanelMode, debugPanelAspect } from './view-state.ts';\n\nexport type DebugPanelRootProps = PropsWithChildren<{\n  /** Overridable so a second host (or a story) gets its own selection rather than the rail's. */\n  contextId?: string;\n}>;\n\n/**\n * The debug surface in parts, so a host places the tree and the page where the room is — the\n * floating window and the deck's drawer both split them under a title bar. `Root` owns the\n * selection, the expanded branches and the mode, persisted so a debugging session survives the\n * reloads it provokes.\n */\nconst DebugPanelRoot = ({ contextId = DEBUG_PANEL_CONTEXT, children }: DebugPanelRootProps) => {\n  const { nodeId, open, mode = 'docked' } = useViewState(debugPanelAspect, contextId);\n  const { update } = useViewStateActions(debugPanelAspect, contextId);\n  const select = useCallback((nodeId: string) => update((prev) => ({ ...prev, nodeId })), [update]);\n  const setOpen = useCallback(\n    (pathKey: string, isOpen: boolean) =>\n      update((prev) => ({\n        ...prev,\n        open: isOpen ? [...new Set([...prev.open, pathKey])] : prev.open.filter((key) => key !== pathKey),\n      })),\n    [update],\n  );\n  const setMode = useCallback((mode: DebugPanelMode) => update((prev) => ({ ...prev, mode })), [update]);\n  const value = useMemo<DebugPanelContextValue>(\n    () => ({ contextId, nodeId, open, mode, select, setOpen, setMode }),\n    [contextId, nodeId, open, mode, select, setOpen, setMode],\n  );\n\n  return <DebugPanelContext.Provider value={value}>{children}</DebugPanelContext.Provider>;\n};\n\nDebugPanelRoot.displayName = 'DebugPanel.Root';\n\n/** The tree's opening width (rem): a navtree sidebar's, so tool labels read at the scale they do there. */\nconst SIDEBAR_SIZE = 16;\n\n/** The tree beside the selected tool's page, split the same way in every host. */\nconst DebugPanelBody = () => (\n  <Splitter.Root orientation='horizontal' anchor='start' resizable defaultSize={SIDEBAR_SIZE} minSize={8}>\n    <Splitter.Panel position='start'>\n      <DebugPanelSidebar />\n    </Splitter.Panel>\n    <Splitter.ResizeTrigger />\n    <Splitter.Panel position='end'>\n      <DebugPanelMain />\n    </Splitter.Panel>\n  </Splitter.Root>\n);\n\nDebugPanelBody.displayName = 'DebugPanel.Body';\n\nexport const DebugPanel = {\n  Root: DebugPanelRoot,\n  Body: DebugPanelBody,\n  Sidebar: DebugPanelSidebar,\n  Main: DebugPanelMain,\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Hooks from '@dxos/react-ui/Hooks';\n\nimport { meta } from '#meta';\n\nimport { type DebugPanelMode } from './view-state.ts';\n\nexport type DebugPanelHeaderProps = Pick<Button.RootProps, 'size'> & {\n  mode: DebugPanelMode;\n  onModeChange: (mode: DebugPanelMode) => void;\n  /** Omitted where the host brings its own close (the floating window's `CloseTrigger`). */\n  onClose?: () => void;\n};\n\n/**\n * The title-bar controls both hosts share: the dock/float switch, and a close for a host without one\n * of its own. The button says what it does next, so the icon flips with the mode.\n */\nexport const DebugPanelHeader = ({ mode, onModeChange, onClose, size }: DebugPanelHeaderProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const floating = mode === 'floating';\n  return (\n    <>\n      <Button.Root\n        variant='ghost'\n        size={size}\n        iconOnly\n        icon={floating ? 'ph--arrow-square-in--regular' : 'ph--arrow-square-out--regular'}\n        label={floating ? t('dock-panel.label') : t('float-panel.label')}\n        data-testid='debugPanel.mode'\n        onClick={() => onModeChange(floating ? 'docked' : 'floating')}\n      />\n      {onClose && (\n        <Button.Root\n          variant='ghost'\n          size={size}\n          iconOnly\n          icon='ph--x--regular'\n          label={t('close-panel.label')}\n          data-testid='debugPanel.close'\n          onClick={onClose}\n        />\n      )}\n    </>\n  );\n};\n\nDebugPanelHeader.displayName = 'DebugPanelHeader';\n"],"mappings":"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"}