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

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-DebugSpaceObjectsPanel.mjs","names":[],"sources":["../../src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { type EntityId } from '@dxos/keys';\nimport { Clipboard, Grid, Input, Panel, ScrollArea, Toolbar } from '@dxos/react-ui';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nexport type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  const [selectedObject] = useQuery(\n    space.db,\n    selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()),\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Panel.Root>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Input.Root>\n              <Input.TextInput disabled placeholder='Search...' />\n            </Input.Root>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <Grid rows={2} classNames='divide-y divide-subdued-separator'>\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree\n                  db={space.db}\n                  onSelect={(entity) => setSelectedId(entity.id)}\n                  onOpen={onOpen}\n                  canOpen={canOpen}\n                />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n            {selectedObject && <JsonHighlighter classNames='p-1' data={selectedObject} />}\n          </Grid>\n        </Panel.Content>\n      </Panel.Root>\n    </Clipboard.Provider>\n  );\n};\n\nDebugSpaceObjectsPanel.displayName = 'DebugSpaceObjectsPanel';\n"],"mappings":";;;;;;;;AAmBA,IAAa,0BAA0B,EAAE,OAAO,QAAQ,cAA2C;CACjG,MAAM,CAAC,YAAY,iBAAiB,SAA0B,IAAI;CAClE,MAAM,CAAC,kBAAkB,SACvB,MAAM,IACN,aAAa,MAAM,OAAO,OAAO,GAAG,UAAU,CAAC,IAAI,MAAM,OAAO,OAAO,QAAQ,CAAC,CAClF;CAEA,OACE,oBAAC,UAAU,UAAX,EAAA,UACE,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,SAAP;EAAe,SAAA;EACb,UAAA,oBAAC,QAAQ,MAAT,EAAA,UACE,oBAAC,MAAM,MAAP,EAAA,UACE,oBAAC,MAAM,WAAP;GAAiB,UAAA;GAAS,aAAY;EAAa,CAAA,EACzC,CAAA,EACA,CAAA;CACD,CAAA,GACf,oBAAC,MAAM,SAAP;EAAe,SAAA;EACb,UAAA,qBAAC,MAAD;GAAM,MAAM;GAAG,YAAW;GAA1B,UAAA,CACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,aAAD;IACE,IAAI,MAAM;IACV,WAAW,WAAW,cAAc,OAAO,EAAE;IACrC;IACC;GACV,CAAA,EACkB,CAAA,EACN,CAAA,GAChB,kBAAkB,oBAAC,iBAAD;IAAiB,YAAW;IAAM,MAAM;GAAiB,CAAA,CACxE;;CACO,CAAA,CACL,EAAA,CAAA,EACM,CAAA;AAExB;AAEA,uBAAuB,cAAc"}
+{"version":3,"file":"chunk-DebugSpaceObjectsPanel.mjs","names":[],"sources":["../../src/containers/DebugSpaceObjectsPanel/DebugSpaceObjectsPanel.tsx"],"sourcesContent":["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport { ObjectsTree } from '@dxos/devtools';\nimport { type Entity, Filter, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { type EntityId } from '@dxos/keys';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport * as Icon from '@dxos/react-ui/Icon';\nimport * as Input from '@dxos/react-ui/Input';\nimport * as Layout from '@dxos/react-ui/Layout';\nimport * as Panel from '@dxos/react-ui/Panel';\nimport * as ScrollArea from '@dxos/react-ui/ScrollArea';\nimport * as Toolbar from '@dxos/react-ui/Toolbar';\n\nexport type DebugSpaceObjectsPanelProps = AppSurface.SpaceArticleProps & {\n  onOpen?: (object: Obj.Unknown) => void;\n  canOpen?: (entity: Entity.Snapshot) => boolean;\n};\n\nexport const DebugSpaceObjectsPanel = ({ space, onOpen, canOpen }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<EntityId | null>(null);\n  const [filter, setFilter] = useState('');\n  // TODO(burdon): Guard.\n  const [selectedObject] = useQuery(\n    space.db,\n    selectedId ? Query.select(Filter.id(selectedId)) : Query.select(Filter.nothing()),\n  );\n\n  return (\n    <Panel.Root>\n      <Panel.Header>\n        <Toolbar.Root>\n          <Input.Root\n            placeholder='Search...'\n            aria-label='Search'\n            noAutoFill\n            value={filter}\n            onChange={(event) => setFilter(event.target.value)}\n            end={<Icon.Icon icon='ph--magnifying-glass--regular' />}\n          />\n        </Toolbar.Root>\n      </Panel.Header>\n      <Panel.Body asChild>\n        <Layout.Grid grow rows={2} classNames='divide-y divide-separator-subtle'>\n          <ScrollArea.Root>\n            <ScrollArea.Viewport>\n              <ObjectsTree\n                db={space.db}\n                filter={filter}\n                onSelect={(entity) => setSelectedId(entity.id)}\n                onOpen={onOpen}\n                canOpen={canOpen}\n              />\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n          {selectedObject && <JsonHighlighter classNames='p-1' data={selectedObject} />}\n        </Layout.Grid>\n      </Panel.Body>\n    </Panel.Root>\n  );\n};\n\nDebugSpaceObjectsPanel.displayName = 'DebugSpaceObjectsPanel';\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAa,0BAA0B,EAAE,OAAO,QAAQ,cAA2C;CACjG,MAAM,CAAC,YAAY,iBAAiB,SAA0B,IAAI;CAClE,MAAM,CAAC,QAAQ,aAAa,SAAS,EAAE;CAEvC,MAAM,CAAC,kBAAkB,SACvB,MAAM,IACN,aAAa,MAAM,OAAO,OAAO,GAAG,UAAU,CAAC,IAAI,MAAM,OAAO,OAAO,QAAQ,CAAC,CAClF;CAEA,OACE,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,QAAP,EAAA,UACE,oBAAC,QAAQ,MAAT,EAAA,UACE,oBAAC,MAAM,MAAP;EACE,aAAY;EACZ,cAAW;EACX,YAAA;EACA,OAAO;EACP,WAAW,UAAU,UAAU,MAAM,OAAO,KAAK;EACjD,KAAK,oBAAC,KAAK,MAAN,EAAW,MAAK,gCAAiC,CAAA;CACvD,CAAA,EACW,CAAA,EACF,CAAA,GACd,oBAAC,MAAM,MAAP;EAAY,SAAA;EACV,UAAA,qBAAC,OAAO,MAAR;GAAa,MAAA;GAAK,MAAM;GAAG,YAAW;GAAtC,UAAA,CACE,oBAAC,WAAW,MAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,aAAD;IACE,IAAI,MAAM;IACF;IACR,WAAW,WAAW,cAAc,OAAO,EAAE;IACrC;IACC;GACV,CAAA,EACkB,CAAA,EACN,CAAA,GAChB,kBAAkB,oBAAC,iBAAD;IAAiB,YAAW;IAAM,MAAM;GAAiB,CAAA,CACjE;;CACH,CAAA,CACF,EAAA,CAAA;AAEhB;AAEA,uBAAuB,cAAc"}

package/dist/lib/chunk-DebugStatus.mjs

@@ -1,9 +1,9 @@
 import { useEffect, useRef, useState } from "react";
-import { IconButton } from "@dxos/react-ui";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import * as Button from "@dxos/react-ui/Button";
+import { Fragment, jsx } from "react/jsx-runtime";
+import * as StatusBar from "@dxos/plugin-status-bar/StatusBar";
 import "@dxos/async";
-import { StatusBar } from "@dxos/plugin-status-bar/components";
-import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
+import { ConnectionState } from "@dxos/protocols/buf/dxos/client/services_pb";
 import { useNetworkStatus } from "@dxos/react-client/mesh";
 //#region src/containers/DebugStatus/DebugStatus.tsx
 var styles = {
@@ -36,7 +36,7 @@ var ErrorIndicator = () => {
 		errorRef.current = null;
 		forceUpdate({});
 	};
-	if (errorRef.current) return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+	if (errorRef.current) return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 		variant: "ghost",
 		icon: "ph--warning-circle--duotone",
 		iconOnly: true,
@@ -44,7 +44,7 @@ var ErrorIndicator = () => {
 		classNames: styles.error,
 		onClick: handleReset
 	}) });
-	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 		variant: "ghost",
 		icon: "ph--check--regular",
 		iconOnly: true,
@@ -60,13 +60,13 @@ var SwarmIndicator = () => {
 	useEffect(() => {
 		setState(swarm === ConnectionState.ONLINE ? 0 : 1);
 	}, [swarm]);
-	if (state === 0) return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+	if (state === 0) return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 		variant: "ghost",
 		icon: "ph--lightning--regular",
 		iconOnly: true,
 		label: "Connected to swarm."
 	}) });
-	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+	else return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 		variant: "ghost",
 		icon: "ph--lightning-slash--regular",
 		iconOnly: true,
@@ -80,21 +80,21 @@ var SwarmIndicator = () => {
 var SavingIndicator = () => {
 	const [state, _setState] = useState(0);
 	switch (state) {
-		case 2: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		case 2: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 			variant: "ghost",
 			icon: "ph--circle--duotone",
 			iconOnly: true,
 			label: "Edit not saved.",
 			classNames: styles.warning
 		}) });
-		case 1: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		case 1: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 			variant: "ghost",
 			icon: "ph--circle--duotone",
 			iconOnly: true,
 			label: "Saving...",
 			classNames: styles.success
 		}) });
-		default: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(IconButton, {
+		default: return /* @__PURE__ */ jsx(StatusBar.Item, { children: /* @__PURE__ */ jsx(Button.Root, {
 			variant: "ghost",
 			icon: "ph--circle--duotone",
 			iconOnly: true,
@@ -108,7 +108,7 @@ var indicators = [
 	ErrorIndicator
 ];
 var DebugStatus = () => {
-	return /* @__PURE__ */ jsx(Fragment$1, { children: indicators.map((Indicator) => /* @__PURE__ */ jsx(Indicator, {}, Indicator.name)) });
+	return /* @__PURE__ */ jsx(Fragment, { children: indicators.map((Indicator) => /* @__PURE__ */ jsx(Indicator, {}, Indicator.name)) });
 };
 DebugStatus.displayName = "DebugStatus";
 //#endregion

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

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

package/dist/lib/chunk-IncidentSpace.mjs

@@ -0,0 +1,269 @@
+import { t as __exportAll } from "./chunk-rolldown-runtime.mjs";
+import * as Effect from "effect/Effect";
+import * as SampleSpace from "@dxos/app-toolkit/SampleSpace";
+import { Database, Obj, Ref } from "@dxos/echo";
+import * as Markdown from "@dxos/plugin-markdown/Markdown";
+import * as Instructions from "@dxos/compute/Instructions";
+import * as Project from "@dxos/compute/Project";
+import { EntityId } from "@dxos/echo/Key";
+import { Task, TaskSet } from "@dxos/types";
+//#region src/samples/incident/docs.ts
+var STATUS_LOG_MD = `# Status log — incident 0516
+
+Exported from the status service. Times are UTC, Saturday 16 May.
+
+| Time | Source | Event |
+| --- | --- | --- |
+| 02:00:04 | edge | TLS handshake failures begin on api.northlight.example — certificate expired 2026-05-16T02:00:00Z |
+| 02:00:30 | edge | Error rate on api.* rises from 0% to 98% |
+| 02:03:11 | alerts | PAGE fired: "api error rate > 50%" — rotation platform-oncall, pager target m.okafor |
+| 02:03:12 | alerts | Page delivered to m.okafor. No acknowledgement. |
+| 02:33:11 | alerts | Page re-sent to m.okafor. No acknowledgement. |
+| 03:31:47 | support | Ticket #4471 opened from customer email (Ferrous Ltd): "API down since about 2am" |
+| 04:41:09 | alerts | Page acknowledged by j.reyes via Slack |
+| 04:52:30 | ops | Incident channel #inc-0516 opened by j.reyes |
+| 05:09:55 | ops | Certificate renewed manually by j.reyes using the shared ACME account |
+| 05:12:18 | edge | TLS handshakes succeeding; error rate on api.* falls from 98% to 0.2% |
+| 05:12:18 | ops | Incident resolved |
+
+No deploys, configuration changes or infrastructure events were recorded between 15 May 12:00 and
+16 May 05:12. Database disk usage held at 41% throughout.
+`;
+var NOTE_JAE_MD = `# Notes from Jae Reyes — platform, on call that weekend
+
+I was not paged. I found out when Priya messaged me on Slack a little after half four, and I had
+the cert renewed about half an hour later once I worked out that was what it was.
+
+Afterwards I looked at the pager config. The platform on-call rotation still lists Mira Okafor as
+the target. Mira moved to the data team in March. Nobody updated the rotation when the team
+changed, so for two months every page for our services has gone to someone who is no longer on
+the team.
+
+My guess is something went out on Friday afternoon that broke TLS termination. We should stop
+Friday deploys.
+`;
+var NOTE_PRIYA_MD = `# Notes from Priya Nair — support lead
+
+Ferrous emailed at about half three saying the API had been down since two. I opened a ticket and
+then tried to find someone. I did not know who was on call or how to reach the pager, so I messaged
+two people on the platform team who did not answer, and then Jae, who did, at around half four.
+
+There is no written path from support to on-call for weekends. During the week I would ask in the
+platform channel. On Saturday night nobody is reading it. I made three guesses at who to contact
+and the third one was right, and that is the only reason this was three hours and not six.
+`;
+var NOTE_DAN_MD = `# Notes from Dan Walsh — platform, renewed the certificate last year
+
+The certificate for api.northlight.example is renewed by hand once a year. I did it on 15 May last
+year. There is no ACME automation for that domain because its DNS is managed by a third party and
+we never finished the delegation work.
+
+The reminder to renew it was a calendar event on Tom's calendar. Tom left in January. When his
+account was closed the event went with it, and nobody had a copy. I only remembered the date
+because Jae asked me on Saturday.
+`;
+var NOTE_SAM_MD = `# Notes from Sam Lindqvist — product
+
+I was not online over the weekend, so this is second hand. I heard on Monday that the database
+ran out of disk and that is what took the API down.
+
+Three customers have asked for a summary they can forward internally. They do not need the
+technical detail; they need to know what happened, how long it lasted, and that it will not
+happen again.
+`;
+/** The record and the recollections the retro is written from. */
+var Docs = SampleSpace.phase("docs", {
+	schemas: [Markdown.Document],
+	run: () => Effect.gen(function* () {
+		return {
+			log: yield* Database.add(Markdown.make({
+				name: "Status log",
+				content: STATUS_LOG_MD
+			})),
+			notes: {
+				jae: yield* Database.add(Markdown.make({
+					name: "Notes — Jae Reyes",
+					content: NOTE_JAE_MD
+				})),
+				priya: yield* Database.add(Markdown.make({
+					name: "Notes — Priya Nair",
+					content: NOTE_PRIYA_MD
+				})),
+				dan: yield* Database.add(Markdown.make({
+					name: "Notes — Dan Walsh",
+					content: NOTE_DAN_MD
+				})),
+				sam: yield* Database.add(Markdown.make({
+					name: "Notes — Sam Lindqvist",
+					content: NOTE_SAM_MD
+				}))
+			}
+		};
+	})
+});
+//#endregion
+//#region src/samples/incident/project.ts
+var INSTRUCTIONS = `You are writing the retrospective for incident 0516, when the public API was down for just over \
+three hours on a Saturday morning.
+
+The status log is the record of what happened and when. The notes are what people remember, and \
+memory disagrees with the log in places. Where they disagree, the log wins, and the retrospective \
+says so rather than quietly picking one. A claim that appears in a note but nowhere in the log is a \
+claim, not a finding.
+
+Keep it blameless. Name the systems and the gaps, not the people at fault; the people in the notes \
+are the ones who will fix it.
+
+File every document you write as an artifact on this project rather than leaving it in the chat, and \
+turn every recommendation into a task on this project with an owner drawn from the people in the notes.`;
+/** The retro as a project: the record and the notes as its artifacts, the four steps as its tasks. */
+var ProjectPhase = SampleSpace.phase("project", {
+	schemas: [Project.Project, Instructions.Instructions],
+	run: ({ docs, tasks }) => Effect.gen(function* () {
+		const sources = [
+			docs.log,
+			docs.notes.jae,
+			docs.notes.priya,
+			docs.notes.dan,
+			docs.notes.sam
+		];
+		const instructions = yield* Database.add(Instructions.make({
+			name: "Incident 0516 retrospective",
+			text: INSTRUCTIONS,
+			objects: [...sources.map((doc) => Ref.make(doc)), Ref.make(tasks.taskSet)]
+		}));
+		return {
+			project: yield* Database.add(Project.make({
+				name: "Incident 0516 retrospective",
+				description: "The API certificate expired on a Saturday morning and nobody was paged for two and a half hours. Work out why, and what to change.",
+				status: "active",
+				instructions: Ref.make(instructions),
+				taskSet: Ref.make(tasks.taskSet),
+				artifacts: sources.map((doc) => Ref.make(doc))
+			})),
+			instructions
+		};
+	})
+});
+//#endregion
+//#region src/samples/incident/util.ts
+/**
+* The Monday after the incident, when the retro is written. Stable so regenerations are
+* reproducible; override with NOW=2026-05-18 env.
+*/
+var REFERENCE = process.env.NOW ? new Date(process.env.NOW) : /* @__PURE__ */ new Date("2026-05-18T09:00:00Z");
+/** ISO timestamp that many days before {@link REFERENCE}, at an optional UTC hour of that day. */
+var daysAgo = SampleSpace.makeClock(REFERENCE).daysAgo;
+//#endregion
+//#region src/samples/incident/tasks.ts
+var STEPS = [
+	{
+		title: "Reconstruct the timeline",
+		description: "One document on this project named \"Timeline\": what happened and when, from the status log. Where a note disagrees with the log, follow the log and record the disagreement.",
+		estimate: "s"
+	},
+	{
+		title: "Write the retrospective",
+		description: "One document on this project named \"Retrospective\": what broke, why it went undetected for as long as it did, and what would have prevented or caught it. Ground every claim in the log or a named note.",
+		estimate: "m"
+	},
+	{
+		title: "File the action items",
+		description: "One task on this project per recommendation in the retrospective, each assigned to one of the people in the notes. Tasks, not a list in the document.",
+		estimate: "s"
+	},
+	{
+		title: "Draft the customer notice",
+		description: "One document on this project named \"Customer notice\": what happened and for how long, in plain language a customer can forward. No internal names, systems or people.",
+		estimate: "s"
+	}
+];
+/** The four steps, each depending on the one before it. */
+var Tasks = SampleSpace.phase("tasks", {
+	schemas: [TaskSet.TaskSet, Task.Task],
+	run: () => Effect.gen(function* () {
+		const taskSet = yield* Database.add(TaskSet.make({
+			name: "Incident 0516 retrospective",
+			description: "From the log and the notes to a filed retro."
+		}));
+		const tasks = STEPS.map((step) => Task.make({
+			title: step.title,
+			description: step.description,
+			estimate: step.estimate,
+			status: "todo",
+			history: [{
+				id: EntityId.random(),
+				date: daysAgo(0),
+				event: "created",
+				description: "Filed from the incident template."
+			}]
+		}));
+		yield* SampleSpace.children(taskSet, tasks, (taskSet, refs) => {
+			taskSet.tasks = refs;
+		});
+		for (const [index, task] of tasks.entries()) if (index > 0) {
+			const previous = tasks[index - 1];
+			Obj.update(task, (task) => {
+				task.dependsOn = [Ref.make(previous)];
+			});
+		}
+		return {
+			taskSet,
+			tasks
+		};
+	})
+});
+//#endregion
+//#region src/samples/incident/IncidentSpace.ts
+var IncidentSpace_exports = /* @__PURE__ */ __exportAll({
+	make: () => make,
+	makeTemplate: () => makeTemplate
+});
+var phases = {
+	docs: Docs,
+	tasks: Tasks,
+	project: ProjectPhase
+};
+/**
+* An outage retrospective to delegate: a status log, four people's notes, and the four tasks that turn
+* them into a filed retro with owned action items and a customer notice.
+*
+* Engineering in setting, not in kind. The technical cause is a certificate that expired, and the log
+* states it outright; nothing here needs code read or written. The work is in the notes — a page sent
+* to someone who left the team, a renewal reminder on a departed colleague's calendar, a support lead
+* guessing who to call — and in holding them against the log, which contradicts two of them. That is
+* the evaluation: does the retro recommend what the evidence supports, or what the loudest note says.
+*/
+var make = () => SampleSpace.make({
+	space: {
+		name: "Incident 0516 retrospective",
+		icon: "stethoscope",
+		hue: "rose"
+	},
+	reference: REFERENCE,
+	phases,
+	build: (phases) => Effect.gen(function* () {
+		const docs = yield* phases.docs();
+		const tasks = yield* phases.tasks();
+		yield* phases.project({
+			docs,
+			tasks
+		});
+		yield* SampleSpace.collection("Sources", [
+			Ref.make(docs.log),
+			Ref.make(docs.notes.jae),
+			Ref.make(docs.notes.priya),
+			Ref.make(docs.notes.dan),
+			Ref.make(docs.notes.sam)
+		]);
+	})
+});
+var makeTemplate = () => SampleSpace.makeTemplate({
+	id: "org.dxos.plugin-debug.template.incident",
+	description: "A status log, four people's notes, and the four tasks that turn them into a filed retro.",
+	definition: make()
+});
+//#endregion
+export { make as n, makeTemplate as r, IncidentSpace_exports as t };
+
+//# sourceMappingURL=chunk-IncidentSpace.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-IncidentSpace.mjs","names":[],"sources":["../../src/samples/incident/docs.ts","../../src/samples/incident/project.ts","../../src/samples/incident/util.ts","../../src/samples/incident/tasks.ts","../../src/samples/incident/IncidentSpace.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as SampleSpace from '@dxos/app-toolkit/SampleSpace';\nimport { Database } from '@dxos/echo';\nimport * as Markdown from '@dxos/plugin-markdown/Markdown';\n\n//\n// The source material: one machine record and four human notes.\n//\n// The log alone gives the technical cause and every time that matters. The notes are the only place\n// the process failures live — who was paged, where the renewal reminder was kept, how support found\n// an engineer — and two of them carry claims the log contradicts. A retro that follows the notes\n// without checking them against the log recommends the wrong things; one that reads only the log\n// finds nothing to recommend at all.\n//\n\nconst STATUS_LOG_MD = `# Status log — incident 0516\n\nExported from the status service. Times are UTC, Saturday 16 May.\n\n| Time | Source | Event |\n| --- | --- | --- |\n| 02:00:04 | edge | TLS handshake failures begin on api.northlight.example — certificate expired 2026-05-16T02:00:00Z |\n| 02:00:30 | edge | Error rate on api.* rises from 0% to 98% |\n| 02:03:11 | alerts | PAGE fired: \"api error rate > 50%\" — rotation platform-oncall, pager target m.okafor |\n| 02:03:12 | alerts | Page delivered to m.okafor. No acknowledgement. |\n| 02:33:11 | alerts | Page re-sent to m.okafor. No acknowledgement. |\n| 03:31:47 | support | Ticket #4471 opened from customer email (Ferrous Ltd): \"API down since about 2am\" |\n| 04:41:09 | alerts | Page acknowledged by j.reyes via Slack |\n| 04:52:30 | ops | Incident channel #inc-0516 opened by j.reyes |\n| 05:09:55 | ops | Certificate renewed manually by j.reyes using the shared ACME account |\n| 05:12:18 | edge | TLS handshakes succeeding; error rate on api.* falls from 98% to 0.2% |\n| 05:12:18 | ops | Incident resolved |\n\nNo deploys, configuration changes or infrastructure events were recorded between 15 May 12:00 and\n16 May 05:12. Database disk usage held at 41% throughout.\n`;\n\nconst NOTE_JAE_MD = `# Notes from Jae Reyes — platform, on call that weekend\n\nI was not paged. I found out when Priya messaged me on Slack a little after half four, and I had\nthe cert renewed about half an hour later once I worked out that was what it was.\n\nAfterwards I looked at the pager config. The platform on-call rotation still lists Mira Okafor as\nthe target. Mira moved to the data team in March. Nobody updated the rotation when the team\nchanged, so for two months every page for our services has gone to someone who is no longer on\nthe team.\n\nMy guess is something went out on Friday afternoon that broke TLS termination. We should stop\nFriday deploys.\n`;\n\nconst NOTE_PRIYA_MD = `# Notes from Priya Nair — support lead\n\nFerrous emailed at about half three saying the API had been down since two. I opened a ticket and\nthen tried to find someone. I did not know who was on call or how to reach the pager, so I messaged\ntwo people on the platform team who did not answer, and then Jae, who did, at around half four.\n\nThere is no written path from support to on-call for weekends. During the week I would ask in the\nplatform channel. On Saturday night nobody is reading it. I made three guesses at who to contact\nand the third one was right, and that is the only reason this was three hours and not six.\n`;\n\nconst NOTE_DAN_MD = `# Notes from Dan Walsh — platform, renewed the certificate last year\n\nThe certificate for api.northlight.example is renewed by hand once a year. I did it on 15 May last\nyear. There is no ACME automation for that domain because its DNS is managed by a third party and\nwe never finished the delegation work.\n\nThe reminder to renew it was a calendar event on Tom's calendar. Tom left in January. When his\naccount was closed the event went with it, and nobody had a copy. I only remembered the date\nbecause Jae asked me on Saturday.\n`;\n\nconst NOTE_SAM_MD = `# Notes from Sam Lindqvist — product\n\nI was not online over the weekend, so this is second hand. I heard on Monday that the database\nran out of disk and that is what took the API down.\n\nThree customers have asked for a summary they can forward internally. They do not need the\ntechnical detail; they need to know what happened, how long it lasted, and that it will not\nhappen again.\n`;\n\nexport type DocsResult = {\n  log: Markdown.Document;\n  notes: {\n    jae: Markdown.Document;\n    priya: Markdown.Document;\n    dan: Markdown.Document;\n    sam: Markdown.Document;\n  };\n};\n\n/** The record and the recollections the retro is written from. */\nexport const Docs: SampleSpace.Phase<DocsResult> = SampleSpace.phase('docs', {\n  schemas: [Markdown.Document],\n  run: () =>\n    Effect.gen(function* () {\n      const log = yield* Database.add(Markdown.make({ name: 'Status log', content: STATUS_LOG_MD }));\n      const jae = yield* Database.add(Markdown.make({ name: 'Notes — Jae Reyes', content: NOTE_JAE_MD }));\n      const priya = yield* Database.add(Markdown.make({ name: 'Notes — Priya Nair', content: NOTE_PRIYA_MD }));\n      const dan = yield* Database.add(Markdown.make({ name: 'Notes — Dan Walsh', content: NOTE_DAN_MD }));\n      const sam = yield* Database.add(Markdown.make({ name: 'Notes — Sam Lindqvist', content: NOTE_SAM_MD }));\n      return { log, notes: { jae, priya, dan, sam } };\n    }),\n});\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as SampleSpace from '@dxos/app-toolkit/SampleSpace';\nimport * as Instructions from '@dxos/compute/Instructions';\nimport * as Project from '@dxos/compute/Project';\nimport { Database, Ref } from '@dxos/echo';\n\nimport { type DocsResult } from './docs.ts';\nimport { type TasksResult } from './tasks.ts';\n\nexport type ProjectInput = { docs: DocsResult; tasks: TasksResult };\n\nexport type ProjectResult = { project: Project.Project; instructions: Instructions.Instructions };\n\nconst INSTRUCTIONS = `You are writing the retrospective for incident 0516, when the public API was down for just over \\\nthree hours on a Saturday morning.\n\nThe status log is the record of what happened and when. The notes are what people remember, and \\\nmemory disagrees with the log in places. Where they disagree, the log wins, and the retrospective \\\nsays so rather than quietly picking one. A claim that appears in a note but nowhere in the log is a \\\nclaim, not a finding.\n\nKeep it blameless. Name the systems and the gaps, not the people at fault; the people in the notes \\\nare the ones who will fix it.\n\nFile every document you write as an artifact on this project rather than leaving it in the chat, and \\\nturn every recommendation into a task on this project with an owner drawn from the people in the notes.`;\n\n/** The retro as a project: the record and the notes as its artifacts, the four steps as its tasks. */\nexport const ProjectPhase: SampleSpace.Phase<ProjectResult, ProjectInput> = SampleSpace.phase('project', {\n  schemas: [Project.Project, Instructions.Instructions],\n  run: ({ docs, tasks }: ProjectInput) =>\n    Effect.gen(function* () {\n      const sources = [docs.log, docs.notes.jae, docs.notes.priya, docs.notes.dan, docs.notes.sam];\n      const instructions = yield* Database.add(\n        Instructions.make({\n          name: 'Incident 0516 retrospective',\n          text: INSTRUCTIONS,\n          objects: [...sources.map((doc) => Ref.make(doc)), Ref.make(tasks.taskSet)],\n        }),\n      );\n\n      const project = yield* Database.add(\n        Project.make({\n          name: 'Incident 0516 retrospective',\n          description:\n            'The API certificate expired on a Saturday morning and nobody was paged for two and a half hours. Work out why, and what to change.',\n          status: 'active',\n          instructions: Ref.make(instructions),\n          taskSet: Ref.make(tasks.taskSet),\n          artifacts: sources.map((doc) => Ref.make(doc)),\n        }),\n      );\n\n      return { project, instructions };\n    }),\n});\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport * as SampleSpace from '@dxos/app-toolkit/SampleSpace';\n\n/**\n * The Monday after the incident, when the retro is written. Stable so regenerations are\n * reproducible; override with NOW=2026-05-18 env.\n */\nexport const REFERENCE = process.env.NOW ? new Date(process.env.NOW) : new Date('2026-05-18T09:00:00Z');\n\nexport const clock = SampleSpace.makeClock(REFERENCE);\n\n/** ISO timestamp that many days before {@link REFERENCE}, at an optional UTC hour of that day. */\nexport const daysAgo = clock.daysAgo;\n\n/** The people in the notes, as task owners. The names are the only identity a template can give them. */\nexport const CAST = {\n  jae: { role: 'user', name: 'Jae Reyes' },\n  priya: { role: 'user', name: 'Priya Nair' },\n  dan: { role: 'user', name: 'Dan Walsh' },\n  sam: { role: 'user', name: 'Sam Lindqvist' },\n} as const;\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as SampleSpace from '@dxos/app-toolkit/SampleSpace';\nimport { Database, Obj, Ref } from '@dxos/echo';\nimport { EntityId } from '@dxos/echo/Key';\nimport { Task, TaskSet } from '@dxos/types';\n\nimport { daysAgo } from './util.ts';\n\n//\n// The retro as four pieces of work, in the order they depend on each other. Every one is `todo`:\n// this space is a job to delegate, not a retro caught half-written.\n//\n// Each task names one deliverable and where it goes, so the check on a finished task is whether\n// that thing exists in that place — not whether the chat said it did.\n//\n\ntype TaskSeed = {\n  readonly title: string;\n  readonly description: string;\n  readonly estimate?: Task.Estimate;\n};\n\nconst STEPS: ReadonlyArray<TaskSeed> = [\n  {\n    title: 'Reconstruct the timeline',\n    description:\n      'One document on this project named \"Timeline\": what happened and when, from the status log. Where a note disagrees with the log, follow the log and record the disagreement.',\n    estimate: 's',\n  },\n  {\n    title: 'Write the retrospective',\n    description:\n      'One document on this project named \"Retrospective\": what broke, why it went undetected for as long as it did, and what would have prevented or caught it. Ground every claim in the log or a named note.',\n    estimate: 'm',\n  },\n  {\n    title: 'File the action items',\n    description:\n      'One task on this project per recommendation in the retrospective, each assigned to one of the people in the notes. Tasks, not a list in the document.',\n    estimate: 's',\n  },\n  {\n    title: 'Draft the customer notice',\n    description:\n      'One document on this project named \"Customer notice\": what happened and for how long, in plain language a customer can forward. No internal names, systems or people.',\n    estimate: 's',\n  },\n];\n\nexport type TasksResult = { taskSet: TaskSet.TaskSet; tasks: Task.Task[] };\n\n/** The four steps, each depending on the one before it. */\nexport const Tasks: SampleSpace.Phase<TasksResult> = SampleSpace.phase('tasks', {\n  schemas: [TaskSet.TaskSet, Task.Task],\n  run: () =>\n    Effect.gen(function* () {\n      const taskSet = yield* Database.add(\n        TaskSet.make({\n          name: 'Incident 0516 retrospective',\n          description: 'From the log and the notes to a filed retro.',\n        }),\n      );\n\n      const tasks = STEPS.map((step) =>\n        Task.make({\n          title: step.title,\n          description: step.description,\n          estimate: step.estimate,\n          status: 'todo',\n          history: [\n            {\n              id: EntityId.random(),\n              date: daysAgo(0),\n              event: 'created' as const,\n              description: 'Filed from the incident template.',\n            },\n          ],\n        }),\n      );\n      yield* SampleSpace.children(taskSet, tasks, (taskSet, refs) => {\n        taskSet.tasks = refs;\n      });\n\n      // The retro needs the timeline, the action items need the retro, the notice needs both.\n      for (const [index, task] of tasks.entries()) {\n        if (index > 0) {\n          const previous = tasks[index - 1];\n          Obj.update(task, (task) => {\n            task.dependsOn = [Ref.make(previous)];\n          });\n        }\n      }\n\n      return { taskSet, tasks };\n    }),\n});\n","//\n// Copyright 2026 DXOS.org\n//\n\n// @import-as-namespace\n\nimport * as Effect from 'effect/Effect';\n\nimport type * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as SampleSpace from '@dxos/app-toolkit/SampleSpace';\nimport { Ref } from '@dxos/echo';\n\nimport { Docs } from './docs.ts';\nimport { ProjectPhase } from './project.ts';\nimport { Tasks } from './tasks.ts';\nimport { REFERENCE } from './util.ts';\n\nconst phases = {\n  docs: Docs,\n  tasks: Tasks,\n  project: ProjectPhase,\n};\n\n/**\n * An outage retrospective to delegate: a status log, four people's notes, and the four tasks that turn\n * them into a filed retro with owned action items and a customer notice.\n *\n * Engineering in setting, not in kind. The technical cause is a certificate that expired, and the log\n * states it outright; nothing here needs code read or written. The work is in the notes — a page sent\n * to someone who left the team, a renewal reminder on a departed colleague's calendar, a support lead\n * guessing who to call — and in holding them against the log, which contradicts two of them. That is\n * the evaluation: does the retro recommend what the evidence supports, or what the loudest note says.\n */\nexport const make = (): SampleSpace.Definition<typeof phases, void> =>\n  SampleSpace.make({\n    space: { name: 'Incident 0516 retrospective', icon: 'stethoscope', hue: 'rose' },\n    reference: REFERENCE,\n    phases,\n    build: (phases) =>\n      Effect.gen(function* () {\n        const docs = yield* phases.docs();\n        const tasks = yield* phases.tasks();\n        yield* phases.project({ docs, tasks });\n\n        // The root holds collections only; the project and its tasks surface through their own containers.\n        yield* SampleSpace.collection('Sources', [\n          Ref.make(docs.log),\n          Ref.make(docs.notes.jae),\n          Ref.make(docs.notes.priya),\n          Ref.make(docs.notes.dan),\n          Ref.make(docs.notes.sam),\n        ]);\n      }),\n  });\n\nexport const makeTemplate = (): AppCapabilities.SpaceTemplate =>\n  SampleSpace.makeTemplate({\n    id: 'org.dxos.plugin-debug.template.incident',\n    description: \"A status log, four people's notes, and the four tasks that turn them into a filed retro.\",\n    definition: make(),\n  });\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;AAsBtB,IAAM,cAAc;;;;;;;;;;;;;AAcpB,IAAM,gBAAgB;;;;;;;;;;AAWtB,IAAM,cAAc;;;;;;;;;;AAWpB,IAAM,cAAc;;;;;;;;;;AAqBpB,IAAa,OAAsC,YAAY,MAAM,QAAQ;CAC3E,SAAS,CAAC,SAAS,QAAQ;CAC3B,WACE,OAAO,IAAI,aAAa;EAMtB,OAAO;GAAE,KAAA,OALU,SAAS,IAAI,SAAS,KAAK;IAAE,MAAM;IAAc,SAAS;GAAc,CAAC,CAAC;GAK/E,OAAO;IAAE,KAAA,OAJJ,SAAS,IAAI,SAAS,KAAK;KAAE,MAAM;KAAqB,SAAS;IAAY,CAAC,CAAC;IAItE,OAAA,OAHP,SAAS,IAAI,SAAS,KAAK;KAAE,MAAM;KAAsB,SAAS;IAAc,CAAC,CAAC;IAGpE,KAAA,OAFhB,SAAS,IAAI,SAAS,KAAK;KAAE,MAAM;KAAqB,SAAS;IAAY,CAAC,CAAC;IAE1D,KAAA,OADrB,SAAS,IAAI,SAAS,KAAK;KAAE,MAAM;KAAyB,SAAS;IAAY,CAAC,CAAC;GAC1D;EAAE;CAChD,CAAC;AACL,CAAC;;;AC5FD,IAAM,eAAe;;;;;;;;;;;;;;AAerB,IAAa,eAA+D,YAAY,MAAM,WAAW;CACvG,SAAS,CAAC,QAAQ,SAAS,aAAa,YAAY;CACpD,MAAM,EAAE,MAAM,YACZ,OAAO,IAAI,aAAa;EACtB,MAAM,UAAU;GAAC,KAAK;GAAK,KAAK,MAAM;GAAK,KAAK,MAAM;GAAO,KAAK,MAAM;GAAK,KAAK,MAAM;EAAG;EAC3F,MAAM,eAAe,OAAO,SAAS,IACnC,aAAa,KAAK;GAChB,MAAM;GACN,MAAM;GACN,SAAS,CAAC,GAAG,QAAQ,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,KAAK,MAAM,OAAO,CAAC;EAC3E,CAAC,CACH;EAcA,OAAO;GAAE,SAAA,OAZc,SAAS,IAC9B,QAAQ,KAAK;IACX,MAAM;IACN,aACE;IACF,QAAQ;IACR,cAAc,IAAI,KAAK,YAAY;IACnC,SAAS,IAAI,KAAK,MAAM,OAAO;IAC/B,WAAW,QAAQ,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC;GAC/C,CAAC,CACH;GAEkB;EAAa;CACjC,CAAC;AACL,CAAC;;;;;;;AClDD,IAAa,YAAY,QAAQ,IAAI,MAAM,IAAI,KAAK,QAAQ,IAAI,GAAG,oBAAI,IAAI,KAAK,sBAAsB;;AAKtG,IAAa,UAHQ,YAAY,UAAU,SAGpB,CAAA,CAAM;;;ACY7B,IAAM,QAAiC;CACrC;EACE,OAAO;EACP,aACE;EACF,UAAU;CACZ;CACA;EACE,OAAO;EACP,aACE;EACF,UAAU;CACZ;CACA;EACE,OAAO;EACP,aACE;EACF,UAAU;CACZ;CACA;EACE,OAAO;EACP,aACE;EACF,UAAU;CACZ;AACF;;AAKA,IAAa,QAAwC,YAAY,MAAM,SAAS;CAC9E,SAAS,CAAC,QAAQ,SAAS,KAAK,IAAI;CACpC,WACE,OAAO,IAAI,aAAa;EACtB,MAAM,UAAU,OAAO,SAAS,IAC9B,QAAQ,KAAK;GACX,MAAM;GACN,aAAa;EACf,CAAC,CACH;EAEA,MAAM,QAAQ,MAAM,KAAK,SACvB,KAAK,KAAK;GACR,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,UAAU,KAAK;GACf,QAAQ;GACR,SAAS,CACP;IACE,IAAI,SAAS,OAAO;IACpB,MAAM,QAAQ,CAAC;IACf,OAAO;IACP,aAAa;GACf,CACF;EACF,CAAC,CACH;EACA,OAAO,YAAY,SAAS,SAAS,QAAQ,SAAS,SAAS;GAC7D,QAAQ,QAAQ;EAClB,CAAC;EAGD,KAAK,MAAM,CAAC,OAAO,SAAS,MAAM,QAAQ,GACxC,IAAI,QAAQ,GAAG;GACb,MAAM,WAAW,MAAM,QAAQ;GAC/B,IAAI,OAAO,OAAO,SAAS;IACzB,KAAK,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC;GACtC,CAAC;EACH;EAGF,OAAO;GAAE;GAAS;EAAM;CAC1B,CAAC;AACL,CAAC;;;;;;;ACnFD,IAAM,SAAS;CACb,MAAM;CACN,OAAO;CACP,SAAS;AACX;;;;;;;;;;;AAYA,IAAa,aACX,YAAY,KAAK;CACf,OAAO;EAAE,MAAM;EAA+B,MAAM;EAAe,KAAK;CAAO;CAC/E,WAAW;CACX;CACA,QAAQ,WACN,OAAO,IAAI,aAAa;EACtB,MAAM,OAAO,OAAO,OAAO,KAAK;EAChC,MAAM,QAAQ,OAAO,OAAO,MAAM;EAClC,OAAO,OAAO,QAAQ;GAAE;GAAM;EAAM,CAAC;EAGrC,OAAO,YAAY,WAAW,WAAW;GACvC,IAAI,KAAK,KAAK,GAAG;GACjB,IAAI,KAAK,KAAK,MAAM,GAAG;GACvB,IAAI,KAAK,KAAK,MAAM,KAAK;GACzB,IAAI,KAAK,KAAK,MAAM,GAAG;GACvB,IAAI,KAAK,KAAK,MAAM,GAAG;EACzB,CAAC;CACH,CAAC;AACL,CAAC;AAEH,IAAa,qBACX,YAAY,aAAa;CACvB,IAAI;CACJ,aAAa;CACb,YAAY,KAAK;AACnB,CAAC"}

package/dist/lib/chunk-LoggerPanel.mjs

@@ -0,0 +1,18 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Panel from "@dxos/react-ui/Panel";
+import { Logger } from "@dxos/react-ui-debug";
+//#region src/containers/LoggerPanel/LoggerPanel.tsx
+var LoggerPanel = () => /* @__PURE__ */ jsx(Logger.Root, { children: /* @__PURE__ */ jsxs(Panel.Root, { children: [
+	/* @__PURE__ */ jsx(Panel.Header, { children: /* @__PURE__ */ jsx(Logger.Toolbar, {}) }),
+	/* @__PURE__ */ jsx(Panel.Body, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Logger.Content, { children: /* @__PURE__ */ jsx(Logger.List, {}) })
+	}),
+	/* @__PURE__ */ jsx(Panel.Footer, { children: /* @__PURE__ */ jsx(Logger.Filter, {}) })
+] }) });
+LoggerPanel.displayName = "LoggerPanel";
+//#endregion
+export { LoggerPanel };
+
+//# sourceMappingURL=chunk-LoggerPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-LoggerPanel.mjs","names":[],"sources":["../../src/containers/LoggerPanel/LoggerPanel.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Logger } from '@dxos/react-ui-debug';\nimport * as Panel from '@dxos/react-ui/Panel';\n\nexport const LoggerPanel = () => (\n  <Logger.Root>\n    <Panel.Root>\n      <Panel.Header>\n        <Logger.Toolbar />\n      </Panel.Header>\n      <Panel.Body asChild>\n        <Logger.Content>\n          <Logger.List />\n        </Logger.Content>\n      </Panel.Body>\n      <Panel.Footer>\n        <Logger.Filter />\n      </Panel.Footer>\n    </Panel.Root>\n  </Logger.Root>\n);\n\nLoggerPanel.displayName = 'LoggerPanel';\n"],"mappings":";;;;;AASA,IAAa,oBACX,oBAAC,OAAO,MAAR,EAAA,UACE,qBAAC,MAAM,MAAP,EAAA,UAAA;CACE,oBAAC,MAAM,QAAP,EAAA,UACE,oBAAC,OAAO,SAAR,CAAiB,CAAA,EACL,CAAA;CACd,oBAAC,MAAM,MAAP;EAAY,SAAA;EACV,UAAA,oBAAC,OAAO,SAAR,EAAA,UACE,oBAAC,OAAO,MAAR,CAAc,CAAA,EACA,CAAA;CACN,CAAA;CACZ,oBAAC,MAAM,QAAP,EAAA,UACE,oBAAC,OAAO,QAAR,CAAgB,CAAA,EACJ,CAAA;AACJ,EAAA,CAAA,EACD,CAAA;AAGf,YAAY,cAAc"}

package/dist/lib/chunk-PLUGIN.mjs

@@ -0,0 +1,6 @@
+//#region PLUGIN.mdl?raw
+var PLUGIN_default = "---\nid: org.dxos.plugin.debug\nname: DebugPlugin\nversion: 0.1.0\n---\n\nDeveloper debugging utilities for `DXOS` Composer — a debug panel (console, log viewer, and every developer tool as a navtree) docked as the deck's bottom drawer or floated as a window, synthetic-object generation, a per-object Debug companion, a space-objects browser, a wireframe overlay, and a transient-stats panel. The panel is a navtree over a hidden `root/debug` app-graph category that this plugin contributes; the Devtools inspector (`org.dxos.plugin.devtools`) attaches its tree there too. Nothing under `root/debug` appears in the main navtree, opens in the deck, or has a URL.\n\n## Extensions\n\nThe following extension dialects are used in this document.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`        |\n| `feat`      | `org.dxos.mdl.feat@1.0`        |\n| `component` | `org.dxos.mdl.component@1.0`   |\n| `test`      | `org.dxos.mdl.test@1.0`        |\n\n## Types\n\n```mdl\ntype Settings\n  fields:\n    wireframe?: boolean         # overlay every article/section surface with a labelled border\n    traceAll?: boolean          # enable verbose operation tracing across all plugins\n```\n\n```mdl\ntype DebugPluginOptions\n  fields:\n    logStore?: IdbLogStore      # shared persistent log store for capturing and downloading logs\n    persistStats?: boolean      # persist the stats-panel store to localStorage (default true)\n```\n\n```mdl\ntype DebugPanelMode\n  literals: docked | floating   # docked = the deck's bottom drawer (default); floating = a FloatingPanel window\n```\n\n```mdl\ntype DebugPanelViewState\n  desc: Persisted (localStorage) so a debugging session survives the reloads it provokes; the floating window's open/closed state is not part of it (the drawer's is deck state).\n  fields:\n    nodeId?: string             # qualified id of the selected page (e.g. root/debug/devtools/client/config)\n    open: string[]              # path keys of the expanded branches\n    mode?: DebugPanelMode       # which host shows the panel; absent reads as docked\n    position?: Point            # where the floating panel was last dragged\n    size?: Size                 # the size the floating panel was last resized to\n```\n\n## App graph\n\n```mdl\nfeat DebugCategory\n  desc: |\n    A hidden `debug` category on the app-graph root: node `root/debug`, type\n    `GraphPath.GroupTypes.debug`, `data: null`, `disposition: hidden`, not draggable or droppable.\n    `hidden` is what the main navtree already filters, so no consumer has to learn about the\n    category. Tool plugins attach with `AppNodeMatcher.whenDebugGroup`; every tool is a global node\n    (no per-space enumeration) and a space-scoped tool resolves the active workspace's space at\n    render time. Nothing under `root/debug` declares a URL binding.\n```\n\n| Node                        | Type                | Article                    |\n|-----------------------------|---------------------|----------------------------|\n| `root/debug/debug`          | `DebugNodes.id`     | branch (no article); open with the console selected on a pristine panel |\n| `root/debug/debug/console`  | `DebugNodes.Console`| Console (agent debug shell)|\n| `root/debug/debug/logs`     | `DebugNodes.Logs`   | Log viewer                 |\n| `root/debug/debug/space`    | `DebugNodes.SpaceType` | Generate objects (active space) |\n| `root/debug/devtools/...`   | contributed by `org.dxos.plugin.devtools` | Client / HALO / ECHO / MESH / EDGE inspectors, App Graph, SDK Explorer, CLI |\n\n## Components\n\n```mdl\ncomponent DebugPanel\n  desc: |\n    The debug surface in parts (`DebugPanel.Root` / `Body` / `Sidebar` / `Main`) with two hosts\n    that share one `Root` context, so selection and open branches carry over when the panel moves:\n    `DebugPanelDrawer` renders it in the deck's bottom drawer (`AppSurface.Drawer`,\n    `org.dxos.role.drawer`) and `DebugPanelStatus` hosts it in a `FloatingPanel`. `Root` owns the\n    selection, the expanded branches and the mode (DebugPanelViewState); `Body` is the `Splitter`\n    over `Sidebar` — a `Tree` over `root/debug` via `useGraphTreeModel`\n    (`@dxos/plugin-graph/hooks`) — and `Main`, the selected node's article surface.\n    `DebugPanelHeader` is the title-bar control both hosts share: a dock/float switch\n    (`debugPanel.mode`) and, for the drawer, a close (`debugPanel.close`). Selecting a row never\n    touches the deck, attention, or the URL; the drawer is not a plank and never takes attention.\n  props:\n    contextId?: string          # view-state context; defaults to the status-rail singleton\n  state:\n    nodeId?: string             # selected page\n    open: string[]              # expanded branch path keys\n    mode: DebugPanelMode        # docked (default) or floating\n  actions:\n    select(nodeId: string)      # a leaf shows its article; a branch (data: null) toggles instead\n    setOpen(pathKey: string, isOpen: boolean)\n    setMode(mode: DebugPanelMode)  # float: close the drawer, open the window; dock: close the window, open the drawer\n  layout: |\n    ┌─ Main.Drawer (docked, default) ──────────────────────┐\n    │ Debug                                          ⇱ ×  │\n    ├─ Sidebar (Tree) ──┬─ Main (article surface) ────────┤\n    │ ▾ Debug           │                                  │\n    │   ▸ Console       │  Config JSON / log table /       │\n    │     Logs          │  generator / ...                 │\n    │     Generate obj. │                                  │\n    │ ▾ DevTools        │  (console and logs stay mounted  │\n    │   ▾ Client        │   while another page is shown)   │\n    │       Config      │                                  │\n    └───────────────────┴──────────────────────────────────┘\n    Floating: the same Sidebar/Main under a FloatingPanel title bar (⇲ dock, — minimize, ×).\n```\n\n## Features\n\n```mdl\nfeat DebugPanel\n  desc: |\n    A status-bar button shows the debug panel: docked (the default) it toggles the deck's bottom\n    drawer via `LayoutOperation.UpdateDrawer`, so the planks reflow above it, its height is dragged\n    from the top edge and persists with the deck's layout, and fullscreen hides it; floating, it\n    opens the panel as a window over the app. The title bar's dock/float control moves the panel\n    between the two with the same tool selected. The sidebar lists Debug (Console, Logs, Generate\n    objects — a pristine panel opens Debug with the console selected) and DevTools, and the\n    selection, open branches, and mode persist across reloads.\n```\n\n```mdl\nfeat GenerateObjects\n  desc: Create configurable batches of synthetic ECHO objects into the active workspace's space, from the Debug → Generate objects page of the panel.\n```\n\n```mdl\nfeat ObjectDebugCompanion\n  desc: A Debug companion tab on every ECHO object exposing raw field values and DXNs.\n```\n\n```mdl\nfeat SpaceObjectsBrowser\n  desc: A deck companion listing all objects in the active space with live reactive updates.\n```\n\n```mdl\nfeat Wireframe\n  desc: Overlay labelled borders around every article and section surface.\n```\n\n```mdl\nfeat StatsPanel\n  desc: |\n    The shared telemetry store (`AppCapabilities.StatsPanel`) as one `StatCard` per plugin\n    compartment. Rendered on the plugin's own `org.dxos.plugin.debug.surface.stats` role (with an\n    empty-state card) and contributed to `AppSurface.DevtoolsOverview` at position 20 (no card when\n    the store is empty), so it stacks under the devtools cards in the Stats companion.\n```\n\n## QA\n\nExecutable tests. Each step carries a human instruction (`do`) and, where the step maps to an\ninvocable operation, an agent binding (`invoke`). Report failures by test and step number.\n\nplugin-debug is a dev-only utility plugin: it defaults on in `isDev` builds (see\n`packages/apps/composer-app/src/plugin-defs.tsx`), off otherwise.\n\n```mdl\ntest QA-1: Insert Lorem ipsum from the slash menu\n  desc: The one debug feature with a real operation behind it — the MenuExtension contribution used as the worked example in plugin-markdown's QA-3.\n  actors: both\n  status: unverified\n  given:\n    - an identity exists\n    - space: a space is open and contains at least one collection\n    - plugin-debug is enabled (dev-only default; see above)\n    - attendableId: an empty document is open in the editor, its attendable id\n  steps:\n    - name: Open the command menu\n      do: With the caret on an empty line, type `/`.\n      expect: the popup lists a \"Debug\" group containing \"Lorem ipsum\", below the built-in groups\n      note: |\n        NO `invoke` — opening the popup is a real keystroke and CodeMirror does not observe\n        synthetic input events. Human-only step; an agent run reports it unverified.\n    - name: Insert a paragraph\n      do: Select \"Lorem ipsum\".\n      invoke: org.dxos.operation.debug.insertLoremIpsum { subject: $given.attendableId, head: 0 }\n      expect: a paragraph of placeholder prose appears at the caret\n      assert: return view.state.doc.length > 0;\n  after:\n    - name: Clear the document\n      do: Select all and delete.\n      expect: the editor is empty and the document body is an empty string\n```\n\n```mdl\ntest QA-2: Generate synthetic objects into a collection\n  desc: The SpaceGenerator UI (GenerateObjects) — no operation exists behind it, so this is a human-only sanity check that the debug tooling itself works.\n  actors: human\n  covers: [GenerateObjects, SpaceObjectsBrowser]\n  status: unverified\n  given:\n    - an identity exists\n    - space: a space is open\n    - collection: a collection in that space, empty of synthetic objects\n    - plugin-debug is enabled (dev-only default; see above)\n  steps:\n    - name: Open the debug panel and generate objects\n      do: |\n        Click the status-bar debug button (terminal icon), then in the panel's sidebar open\n        Debug → Generate objects. Set the batch size (e.g. 5) and press `+` on\n        `org.dxos.type.document`.\n      expect: |\n        the type's count rises by 5, the documents appear in the space-objects browser, and the\n        main navtree's SYSTEM group still shows only Database (no DevTools or Debug node)\n      note: NO `invoke` — GenerateObjects has no operation; it is a UI-only synthetic-data generator.\n  after:\n    - name: Remove the generated objects\n      do: Select the generated documents in the space-objects browser and delete them.\n      expect: the collection returns to its prior state\n```\n\n```mdl\ntest QA-3: Walk the review-queue demo space\n  desc: |\n    The demo script for the Review template (`samples/review`): seed a space holding one project whose\n    finished tasks carry merged dxos/dxos pull requests with their screenshots and demo recordings,\n    and whose tasks in review carry the PRs still open — then walk it the way a reviewer would.\n  actors: both\n  status: passing  # 2026-09-24, agent run recorded as a demo video\n  given:\n    - an identity exists\n    - defaultSpace: the default space, which is where the run returns to\n    - plugin-debug, plugin-projects, plugin-tasks, plugin-file and plugin-video are enabled (dev-only defaults)\n    - the browser can reach raw.githubusercontent.com, which serves the screenshots\n  before:\n    - name: Seed the space\n      do: Create a space from the \"Composer — Review queue\" template.\n      invoke: org.dxos.operation.debug.createSpaceFromTemplate { id: \"org.dxos.plugin-debug.template.review\" }\n      capture: seeded\n      expect: a space named \"Composer — Review queue\" appears in the space list\n      assert: return $snapshot.spaces.some((s) => s.id === $result.spaceId)\n      note: |\n        The template fetches four PNGs while it applies, so on a cold server the step takes up to a minute.\n        A screenshot the browser cannot reach is kept as an external blob naming its URL — this step still\n        passes, and the image step below is where that shows.\n    - name: Find the project\n      do: Open the space and expand Projects in the navtree.\n      invoke: org.dxos.operation.space.queryObjects { typename: \"org.dxos.type.project\" }\n      space: $seeded.spaceId\n      capture: projects\n      expect: Projects lists one project, \"Composer polish\"\n      assert: return $result.results.length === 1 && $result.results[0].label === 'Composer polish'\n  steps:\n    - name: Open the project's tasks\n      do: Click \"Composer polish\", then its Tasks tab.\n      invoke: org.dxos.operation.appToolkit.open { subject: [\"root/$seeded.spaceId/ai/org.dxos.type.project/$projects.results[0].dxn.objectId\"] }\n      expect: |\n        seven tasks: three done, each with a violet merged `#` pill and image or video tags; two in review,\n        each with a green open `#` pill and a video tag; one started; one to do\n      assert: |\n        const tasks = await dxos.spaces($seeded.spaceId).db.query(dxos.Filter.type(dxos.DXN.make('org.dxos.type.task'))).run();\n        const count = (status) => tasks.filter((task) => task.status === status).length;\n        const opened = $snapshot.planks.some((plank) => plank.subject?.dxn === $projects.results[0].dxn);\n        return opened && tasks.length === 7 && count('done') === 3 && count('review') === 2;\n      note: The Tasks tab is a view switch inside the plank, so the human clicks it; the agent judges from the database.\n    - name: Look at a finished task's screenshot\n      do: On \"Run desktop OAuth in the system browser\", click the `oauth-pending.png` tag.\n      expect: a preview card shows the screenshot of the sign-in form waiting on the provider\n      assert: |\n        const blobs = await dxos.spaces($seeded.spaceId).db.query(dxos.Filter.type(dxos.DXN.make('org.dxos.type.blob'))).run();\n        return blobs.length === 4 && blobs.every((blob) => blob.data._tag === 'inline' && blob.size > 0);\n      note: NO `invoke` — the tag is a pointer gesture on the task row, with no operation behind it.\n    - name: Review an open pull request\n      do: On \"Switch identities in place instead of a reset and reload\" (in review), click the `#13336` pill.\n      expect: the preview names dxos/dxos#13336, state open, by dmaretskyi\n      assert: |\n        const prs = await dxos.spaces($seeded.spaceId).db.query(dxos.Filter.type(dxos.DXN.make('org.dxos.type.pullRequest'))).run();\n        return prs.filter((pr) => pr.state === 'open').map((pr) => pr.number).sort().join() === '12952,13336';\n      note: NO `invoke` — as above.\n    - name: Watch a finished task's demo\n      do: On \"Count down a toast's remaining time\", click the \"Toast countdown demo\" tag, then Open from its ⋮ menu.\n      expect: |\n        the video opens in the project's plank (breadcrumb \"Composer polish » Toast countdown demo\") and plays\n        the toast counting down; the Transcript tab says transcripts are for YouTube videos only, and no error\n        toast appears\n      assert: |\n        return $snapshot.planks.some((plank) => plank.subject?.typename === 'org.dxos.type.video') &&\n          !$snapshot.toasts.some((toast) => toast.title === 'Transcription failed.') && $stepErrors.length === 0;\n      note: NO `invoke` — as above. The recording streams from its URL into the player; nothing is written.\n  after:\n    - name: Delete the space\n      do: Open the space's settings and delete the space.\n      invoke: org.dxos.operation.space.delete { space: Space($seeded.spaceId) }\n      expect: the space leaves the space list\n      assert: return !$snapshot.spaces.some((s) => s.id === $seeded.spaceId)\n    - name: Return to the default space\n      do: Pick the default space in the space list.\n      invoke: org.dxos.operation.appToolkit.switchWorkspace { subject: \"root/$given.defaultSpace.id\" }\n      expect: the workspace is the default space and no error is logged\n      assert: return $snapshot.layout.workspace === `root/${$given.defaultSpace.id}` && $stepErrors.length === 0\n```\n";
+//#endregion
+export { PLUGIN_default as t };
+
+//# sourceMappingURL=chunk-PLUGIN.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-PLUGIN.mjs","names":[],"sources":[],"mappings":""}