@dxos/plugin-debug 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/dist/lib/neutral/DebugSpaceObjectsPanel-NISULU6U.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 { Filter, Query } from '@dxos/echo';\nimport { type ObjectId } from '@dxos/keys';\nimport { useQuery } from '@dxos/react-client/echo';\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\nexport const DebugSpaceObjectsPanel = ({ space }: DebugSpaceObjectsPanelProps) => {\n  const [selectedId, setSelectedId] = useState<ObjectId | 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-separator'>\n            <ScrollArea.Root>\n              <ScrollArea.Viewport>\n                <ObjectsTree db={space.db} onSelect={(entity) => setSelectedId(entity.id)} />\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"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,gBAAgB;AAGhC,SAASC,mBAAmB;AAC5B,SAASC,QAAQC,aAAa;AAE9B,SAASC,gBAAgB;AACzB,SAASC,WAAWC,MAAMC,OAAOC,OAAOC,YAAYC,eAAe;AACnE,SAASC,uBAAuB;AAIzB,IAAMC,yBAAyB,CAAC,EAAEC,MAAK,MAA+B;AAC3E,QAAM,CAACC,YAAYC,aAAAA,IAAiBf,SAA0B,IAAA;AAC9D,QAAM,CAACgB,cAAAA,IAAkBZ,SACvBS,MAAMI,IACNH,aAAaX,MAAMe,OAAOhB,OAAOiB,GAAGL,UAAAA,CAAAA,IAAeX,MAAMe,OAAOhB,OAAOkB,QAAO,CAAA,CAAA;AAGhF,SACE,sBAAA,cAACf,UAAUgB,UAAQ,MACjB,sBAAA,cAACb,MAAMc,MAAI,MACT,sBAAA,cAACd,MAAME,SAAO;IAACa,SAAAA;KACb,sBAAA,cAACb,QAAQY,MAAI,MACX,sBAAA,cAACf,MAAMe,MAAI,MACT,sBAAA,cAACf,MAAMiB,WAAS;IAACC,UAAAA;IAASC,aAAY;SAI5C,sBAAA,cAAClB,MAAMmB,SAAO;IAACJ,SAAAA;KACb,sBAAA,cAACjB,MAAAA;IAAKsB,MAAM;IAAGC,YAAW;KACxB,sBAAA,cAACpB,WAAWa,MAAI,MACd,sBAAA,cAACb,WAAWqB,UAAQ,MAClB,sBAAA,cAAC7B,aAAAA;IAAYgB,IAAIJ,MAAMI;IAAIc,UAAU,CAACC,WAAWjB,cAAciB,OAAOb,EAAE;QAG3EH,kBAAkB,sBAAA,cAACL,iBAAAA;IAAgBkB,YAAW;IAAMI,MAAMjB;;AAMvE;",
+  "names": ["React", "useState", "ObjectsTree", "Filter", "Query", "useQuery", "Clipboard", "Grid", "Input", "Panel", "ScrollArea", "Toolbar", "JsonHighlighter", "DebugSpaceObjectsPanel", "space", "selectedId", "setSelectedId", "selectedObject", "db", "select", "id", "nothing", "Provider", "Root", "asChild", "TextInput", "disabled", "placeholder", "Content", "rows", "classNames", "Viewport", "onSelect", "entity", "data"]
+}

package/dist/lib/neutral/DebugStatus-YB3KFP7G.mjs

@@ -0,0 +1,121 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DebugStatus/DebugStatus.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { TimeoutError } from "@dxos/async";
+import { StatusBar } from "@dxos/plugin-status-bar/components";
+import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
+import { useNetworkStatus } from "@dxos/react-client/mesh";
+import { IconButton } from "@dxos/react-ui";
+var styles = {
+  success: "text-sky-300 dark:text-green-700",
+  warning: "text-orange-300 dark:text-orange-600",
+  error: "text-red-300 dark:text-red-600"
+};
+var ErrorIndicator = () => {
+  const [, forceUpdate] = useState({});
+  const errorRef = useRef(null);
+  useEffect(() => {
+    const errorListener = (event) => {
+      const error = event.error ?? event.reason;
+      if (errorRef.current !== error) {
+        errorRef.current = error;
+        forceUpdate({});
+      }
+    };
+    window.addEventListener("error", errorListener);
+    window.addEventListener("unhandledrejection", errorListener);
+    return () => {
+      window.removeEventListener("error", errorListener);
+      window.removeEventListener("unhandledrejection", errorListener);
+    };
+  }, []);
+  const handleReset = () => {
+    errorRef.current = null;
+    forceUpdate({});
+  };
+  if (errorRef.current) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      icon: "ph--warning-circle--duotone",
+      iconOnly: true,
+      label: errorRef.current.message,
+      classNames: styles.error,
+      onClick: handleReset
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--check--regular",
+      iconOnly: true,
+      label: "No errors."
+    }));
+  }
+};
+var SwarmIndicator = () => {
+  const [state, setState] = useState(0);
+  const { swarm } = useNetworkStatus();
+  useEffect(() => {
+    setState(swarm === ConnectionState.ONLINE ? 0 : 1);
+  }, [
+    swarm
+  ]);
+  if (state === 0) {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning--regular",
+      iconOnly: true,
+      label: "Connected to swarm."
+    }));
+  } else {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--lightning-slash--regular",
+      iconOnly: true,
+      label: "Disconnected from swarm.",
+      classNames: styles.warning
+    }));
+  }
+};
+var SavingIndicator = () => {
+  const [state, _setState] = useState(0);
+  switch (state) {
+    case 2:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Edit not saved.",
+        classNames: styles.warning
+      }));
+    case 1:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Saving...",
+        classNames: styles.success
+      }));
+    case 0:
+    default:
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
+        icon: "ph--circle--duotone",
+        iconOnly: true,
+        label: "Modified indicator."
+      }));
+  }
+};
+var indicators = [
+  SavingIndicator,
+  SwarmIndicator,
+  ErrorIndicator
+];
+var DebugStatus = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, indicators.map((Indicator) => /* @__PURE__ */ React.createElement(Indicator, {
+    key: Indicator.name
+  })));
+};
+export {
+  DebugStatus as default
+};
+//# sourceMappingURL=DebugStatus-YB3KFP7G.mjs.map

package/dist/lib/neutral/DebugStatus-YB3KFP7G.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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          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"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useRef", "useState", "TimeoutError", "StatusBar", "ConnectionState", "useNetworkStatus", "IconButton", "styles", "success", "warning", "error", "ErrorIndicator", "forceUpdate", "useState", "errorRef", "useRef", "useEffect", "errorListener", "event", "error", "reason", "current", "window", "addEventListener", "removeEventListener", "handleReset", "StatusBar", "Item", "IconButton", "icon", "iconOnly", "label", "message", "classNames", "styles", "onClick", "variant", "SwarmIndicator", "state", "setState", "swarm", "useNetworkStatus", "ConnectionState", "ONLINE", "warning", "SavingIndicator", "_setState", "success", "indicators", "DebugStatus", "map", "Indicator", "key", "name"]
+}

package/dist/lib/neutral/DevtoolsOverviewContainer-YX7Z3D2H.mjs

@@ -0,0 +1,23 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx
+import React from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { StatsPanel, useStats } from "@dxos/devtools";
+var DevtoolsOverviewContainer = () => {
+  const [stats, refreshStats] = useStats();
+  const surfaceProfilerStats = Surface.useProfilerStats();
+  const clearSurfaceProfiler = Surface.useProfilerClear();
+  return /* @__PURE__ */ React.createElement(StatsPanel, {
+    stats,
+    surfaceProfilerStats,
+    onRefresh: refreshStats,
+    onClearSurfaceProfiler: clearSurfaceProfiler
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "devtools-overview"
+  }));
+};
+export {
+  DevtoolsOverviewContainer as default
+};
+//# sourceMappingURL=DevtoolsOverviewContainer-YX7Z3D2H.mjs.map

package/dist/lib/neutral/DevtoolsOverviewContainer-YX7Z3D2H.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { StatsPanel, useStats } from '@dxos/devtools';\n\nexport const DevtoolsOverviewContainer = () => {\n  const [stats, refreshStats] = useStats();\n  const surfaceProfilerStats = Surface.useProfilerStats();\n  const clearSurfaceProfiler = Surface.useProfilerClear();\n\n  return (\n    <StatsPanel\n      stats={stats}\n      surfaceProfilerStats={surfaceProfilerStats}\n      onRefresh={refreshStats}\n      onClearSurfaceProfiler={clearSurfaceProfiler}\n    >\n      <Surface.Surface role='devtools-overview' />\n    </StatsPanel>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,eAAe;AACxB,SAASC,YAAYC,gBAAgB;AAE9B,IAAMC,4BAA4B,MAAA;AACvC,QAAM,CAACC,OAAOC,YAAAA,IAAgBH,SAAAA;AAC9B,QAAMI,uBAAuBN,QAAQO,iBAAgB;AACrD,QAAMC,uBAAuBR,QAAQS,iBAAgB;AAErD,SACE,sBAAA,cAACR,YAAAA;IACCG;IACAE;IACAI,WAAWL;IACXM,wBAAwBH;KAExB,sBAAA,cAACR,QAAQA,SAAO;IAACY,MAAK;;AAG5B;",
+  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "surfaceProfilerStats", "useProfilerStats", "clearSurfaceProfiler", "useProfilerClear", "onRefresh", "onClearSurfaceProfiler", "role"]
+}

package/dist/lib/neutral/GithubPanel-QJKDJRVQ.mjs

@@ -0,0 +1,177 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/GithubPanel/GithubPanel.tsx
+import React2 from "react";
+
+// src/containers/GithubPanel/GithubComponent.tsx
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { IconButton, ScrollArea, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+var DEFAULT_REPO = "dxos/dxos";
+var DEFAULT_LIMIT = 20;
+var ComponentContext = /* @__PURE__ */ createContext(null);
+var useComponentContext = () => {
+  const ctx = useContext(ComponentContext);
+  if (!ctx) {
+    throw new Error("GithubComponent.* parts must be rendered inside GithubComponent.Root.");
+  }
+  return ctx;
+};
+var Root = ({ repo = DEFAULT_REPO, limit = DEFAULT_LIMIT, children }) => {
+  const [pulls, setPulls] = useState([]);
+  const [unavailable, setUnavailable] = useState(false);
+  useEffect(() => {
+    const controller = new AbortController();
+    setPulls([]);
+    setUnavailable(false);
+    void (async () => {
+      try {
+        const url = new URL(`https://api.github.com/repos/${repo}/pulls`);
+        url.searchParams.set("state", "closed");
+        url.searchParams.set("sort", "updated");
+        url.searchParams.set("direction", "desc");
+        url.searchParams.set("per_page", String(limit * 2));
+        const response = await fetch(url.toString(), {
+          signal: controller.signal,
+          headers: {
+            Accept: "application/vnd.github+json"
+          }
+        });
+        if (!response.ok) {
+          setUnavailable(true);
+          return;
+        }
+        const items = await response.json();
+        setPulls(items.filter((pull) => pull.merged_at !== null).slice(0, limit));
+        setUnavailable(false);
+      } catch {
+        if (controller.signal.aborted) {
+          return;
+        }
+        setPulls([]);
+        setUnavailable(true);
+      }
+    })();
+    return () => controller.abort();
+  }, [
+    repo,
+    limit
+  ]);
+  return /* @__PURE__ */ React.createElement(ComponentContext.Provider, {
+    value: {
+      repo,
+      pulls,
+      unavailable
+    }
+  }, children);
+};
+var Header = () => {
+  const { t } = useTranslation(meta.id);
+  const { repo, pulls, unavailable } = useComponentContext();
+  return /* @__PURE__ */ React.createElement("header", {
+    className: "flex items-center justify-between gap-1 px-4 py-3 bg-modal-surface border-b border-subdued-separator"
+  }, /* @__PURE__ */ React.createElement("a", {
+    href: `https://github.com/${repo}`,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "text-sm font-medium truncate"
+  }, "@", repo), /* @__PURE__ */ React.createElement("div", {
+    className: "text-xs text-description"
+  }, unavailable ? t("github-unavailable.message") : pulls.length > 0 ? t("recent-prs.label", {
+    count: pulls.length
+  }) : t("github-loading.message")));
+};
+var RELATIVE_UNITS = [
+  [
+    "year",
+    60 * 60 * 24 * 365
+  ],
+  [
+    "month",
+    60 * 60 * 24 * 30
+  ],
+  [
+    "week",
+    60 * 60 * 24 * 7
+  ],
+  [
+    "day",
+    60 * 60 * 24
+  ],
+  [
+    "hour",
+    60 * 60
+  ],
+  [
+    "minute",
+    60
+  ]
+];
+var formatRelative = (iso) => {
+  const formatter = new Intl.RelativeTimeFormat(void 0, {
+    numeric: "auto"
+  });
+  const diffSeconds = (Date.parse(iso) - Date.now()) / 1e3;
+  const absDiff = Math.abs(diffSeconds);
+  for (const [unit, secondsInUnit] of RELATIVE_UNITS) {
+    if (absDiff >= secondsInUnit) {
+      return formatter.format(Math.round(diffSeconds / secondsInUnit), unit);
+    }
+  }
+  return formatter.format(Math.round(diffSeconds), "second");
+};
+var PullRow = ({ pull }) => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
+  href: pull.html_url,
+  target: "_blank",
+  rel: "noopener noreferrer",
+  className: "flex items-start gap-2 px-2 py-1 rounded-sm hover:bg-hover-surface"
+}, /* @__PURE__ */ React.createElement("img", {
+  src: pull.user.avatar_url,
+  alt: "",
+  className: "w-6 h-6 rounded-full shrink-0 mt-0.5"
+}), /* @__PURE__ */ React.createElement("div", {
+  className: "flex flex-col min-w-0 flex-1"
+}, /* @__PURE__ */ React.createElement("span", {
+  className: "text-sm truncate"
+}, pull.title), /* @__PURE__ */ React.createElement("span", {
+  className: "text-xs text-description truncate"
+}, "#", pull.number, " \xB7 ", pull.user.login, " \xB7 ", pull.merged_at ? formatRelative(pull.merged_at) : ""))));
+var Content = () => {
+  const { pulls } = useComponentContext();
+  return /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement("ul", {
+    className: "flex flex-col p-1"
+  }, pulls.map((pull) => /* @__PURE__ */ React.createElement(PullRow, {
+    key: pull.number,
+    pull
+  })))));
+};
+var StatusBar = () => {
+  const { t } = useTranslation(meta.id);
+  const { repo } = useComponentContext();
+  return /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--github-logo--regular",
+    label: t("view-on-github.button"),
+    variant: "primary",
+    classNames: "w-full",
+    onClick: () => {
+      window.open(`https://github.com/${repo}`, "_blank", "noopener,noreferrer");
+    }
+  });
+};
+var GithubComponent = {
+  Root,
+  Header,
+  Content,
+  StatusBar
+};
+
+// src/containers/GithubPanel/GithubPanel.tsx
+var GithubPanel = () => /* @__PURE__ */ React2.createElement(GithubComponent.Root, null, /* @__PURE__ */ React2.createElement("div", {
+  className: "h-full grid grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden h-full is-full"
+}, /* @__PURE__ */ React2.createElement(GithubComponent.Header, null), /* @__PURE__ */ React2.createElement(GithubComponent.Content, null), /* @__PURE__ */ React2.createElement(GithubComponent.StatusBar, null)));
+export {
+  GithubPanel as default
+};
+//# sourceMappingURL=GithubPanel-QJKDJRVQ.mjs.map

package/dist/lib/neutral/GithubPanel-QJKDJRVQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/GithubPanel/GithubPanel.tsx", "../../../src/containers/GithubPanel/GithubComponent.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport { GithubComponent } from './GithubComponent';\n\nexport const GithubPanel = () => (\n  <GithubComponent.Root>\n    <div className='h-full grid grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden h-full is-full'>\n      <GithubComponent.Header />\n      <GithubComponent.Content />\n      <GithubComponent.StatusBar />\n    </div>\n  </GithubComponent.Root>\n);\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type ReactNode, createContext, useContext, useEffect, useState } from 'react';\n\nimport { IconButton, ScrollArea, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nconst DEFAULT_REPO = 'dxos/dxos';\nconst DEFAULT_LIMIT = 20;\n\ntype GithubUser = {\n  login: string;\n  avatar_url: string;\n  html_url: string;\n};\n\ntype GithubPullRequest = {\n  number: number;\n  title: string;\n  html_url: string;\n  merged_at: string | null;\n  user: GithubUser;\n};\n\ntype ComponentContextValue = {\n  repo: string;\n  pulls: GithubPullRequest[];\n  unavailable: boolean;\n};\n\nconst ComponentContext = createContext<ComponentContextValue | null>(null);\n\nconst useComponentContext = () => {\n  const ctx = useContext(ComponentContext);\n  if (!ctx) {\n    throw new Error('GithubComponent.* parts must be rendered inside GithubComponent.Root.');\n  }\n  return ctx;\n};\n\nexport type GithubComponentRootProps = {\n  /** `<owner>/<name>`. Defaults to `dxos/dxos`. */\n  repo?: string;\n  /** Maximum number of merged PRs to fetch. */\n  limit?: number;\n  children?: ReactNode;\n};\n\nconst Root = ({ repo = DEFAULT_REPO, limit = DEFAULT_LIMIT, children }: GithubComponentRootProps) => {\n  const [pulls, setPulls] = useState<GithubPullRequest[]>([]);\n  const [unavailable, setUnavailable] = useState(false);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setPulls([]);\n    setUnavailable(false);\n    void (async () => {\n      try {\n        const url = new URL(`https://api.github.com/repos/${repo}/pulls`);\n        url.searchParams.set('state', 'closed');\n        url.searchParams.set('sort', 'updated');\n        url.searchParams.set('direction', 'desc');\n        url.searchParams.set('per_page', String(limit * 2));\n        const response = await fetch(url.toString(), {\n          signal: controller.signal,\n          headers: { Accept: 'application/vnd.github+json' },\n        });\n        if (!response.ok) {\n          setUnavailable(true);\n          return;\n        }\n        const items = (await response.json()) as GithubPullRequest[];\n        setPulls(items.filter((pull) => pull.merged_at !== null).slice(0, limit));\n        setUnavailable(false);\n      } catch {\n        if (controller.signal.aborted) {\n          return;\n        }\n        setPulls([]);\n        setUnavailable(true);\n      }\n    })();\n    return () => controller.abort();\n  }, [repo, limit]);\n\n  return <ComponentContext.Provider value={{ repo, pulls, unavailable }}>{children}</ComponentContext.Provider>;\n};\n\nconst Header = () => {\n  const { t } = useTranslation(meta.id);\n  const { repo, pulls, unavailable } = useComponentContext();\n  return (\n    <header className='flex items-center justify-between gap-1 px-4 py-3 bg-modal-surface border-b border-subdued-separator'>\n      <a\n        href={`https://github.com/${repo}`}\n        target='_blank'\n        rel='noopener noreferrer'\n        className='text-sm font-medium truncate'\n      >\n        @{repo}\n      </a>\n      <div className='text-xs text-description'>\n        {unavailable\n          ? t('github-unavailable.message')\n          : pulls.length > 0\n            ? t('recent-prs.label', { count: pulls.length })\n            : t('github-loading.message')}\n      </div>\n    </header>\n  );\n};\n\nconst RELATIVE_UNITS: Array<[Intl.RelativeTimeFormatUnit, number]> = [\n  ['year', 60 * 60 * 24 * 365],\n  ['month', 60 * 60 * 24 * 30],\n  ['week', 60 * 60 * 24 * 7],\n  ['day', 60 * 60 * 24],\n  ['hour', 60 * 60],\n  ['minute', 60],\n];\n\nconst formatRelative = (iso: string): string => {\n  const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });\n  const diffSeconds = (Date.parse(iso) - Date.now()) / 1000;\n  const absDiff = Math.abs(diffSeconds);\n  for (const [unit, secondsInUnit] of RELATIVE_UNITS) {\n    if (absDiff >= secondsInUnit) {\n      return formatter.format(Math.round(diffSeconds / secondsInUnit), unit);\n    }\n  }\n  return formatter.format(Math.round(diffSeconds), 'second');\n};\n\nconst PullRow = ({ pull }: { pull: GithubPullRequest }) => (\n  <li>\n    <a\n      href={pull.html_url}\n      target='_blank'\n      rel='noopener noreferrer'\n      className='flex items-start gap-2 px-2 py-1 rounded-sm hover:bg-hover-surface'\n    >\n      <img src={pull.user.avatar_url} alt='' className='w-6 h-6 rounded-full shrink-0 mt-0.5' />\n      <div className='flex flex-col min-w-0 flex-1'>\n        <span className='text-sm truncate'>{pull.title}</span>\n        <span className='text-xs text-description truncate'>\n          #{pull.number} · {pull.user.login} · {pull.merged_at ? formatRelative(pull.merged_at) : ''}\n        </span>\n      </div>\n    </a>\n  </li>\n);\n\nconst Content = () => {\n  const { pulls } = useComponentContext();\n  return (\n    <ScrollArea.Root orientation='vertical'>\n      <ScrollArea.Viewport>\n        <ul className='flex flex-col p-1'>\n          {pulls.map((pull) => (\n            <PullRow key={pull.number} pull={pull} />\n          ))}\n        </ul>\n      </ScrollArea.Viewport>\n    </ScrollArea.Root>\n  );\n};\n\nconst StatusBar = () => {\n  const { t } = useTranslation(meta.id);\n  const { repo } = useComponentContext();\n  return (\n    <IconButton\n      icon='ph--github-logo--regular'\n      label={t('view-on-github.button')}\n      variant='primary'\n      classNames='w-full'\n      onClick={() => {\n        window.open(`https://github.com/${repo}`, '_blank', 'noopener,noreferrer');\n      }}\n    />\n  );\n};\n\nexport const GithubComponent = {\n  Root,\n  Header,\n  Content,\n  StatusBar,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "React", "createContext", "useContext", "useEffect", "useState", "IconButton", "ScrollArea", "useTranslation", "meta", "DEFAULT_REPO", "DEFAULT_LIMIT", "ComponentContext", "useComponentContext", "ctx", "Error", "Root", "repo", "limit", "children", "pulls", "setPulls", "unavailable", "setUnavailable", "controller", "AbortController", "url", "URL", "searchParams", "set", "String", "response", "fetch", "toString", "signal", "headers", "Accept", "ok", "items", "json", "filter", "pull", "merged_at", "slice", "aborted", "abort", "Provider", "value", "Header", "t", "id", "header", "className", "a", "href", "target", "rel", "div", "length", "count", "RELATIVE_UNITS", "formatRelative", "iso", "formatter", "Intl", "RelativeTimeFormat", "undefined", "numeric", "diffSeconds", "Date", "parse", "now", "absDiff", "Math", "abs", "unit", "secondsInUnit", "format", "round", "PullRow", "li", "html_url", "img", "src", "user", "avatar_url", "alt", "span", "title", "number", "login", "Content", "orientation", "Viewport", "ul", "map", "key", "StatusBar", "icon", "label", "variant", "classNames", "onClick", "window", "open", "GithubComponent", "GithubPanel", "React", "GithubComponent", "Root", "div", "className", "Header", "Content", "StatusBar"]
+}

package/dist/lib/neutral/SpaceGenerator-IQLBDY6R.mjs

@@ -0,0 +1,143 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/SpaceGenerator/SpaceGenerator.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { ComputeGraph } from "@dxos/conductor";
+import { Filter, Obj, Type } from "@dxos/echo";
+import { Markdown } from "@dxos/plugin-markdown";
+import { Sheet } from "@dxos/plugin-sheet";
+import { Sketch } from "@dxos/plugin-sketch";
+import { useClient } from "@dxos/react-client";
+import { IconButton, Input, Panel, ScrollArea, Toolbar, useAsyncEffect } from "@dxos/react-ui";
+import { composable, composableProps } from "@dxos/react-ui";
+import { Organization, Person, Task } from "@dxos/types";
+import { sortKeys } from "@dxos/util";
+import { SchemaTable, createGenerator, generator, staticGenerators } from "#components";
+var staticTypes = [
+  Markdown.Document,
+  Sketch.Sketch,
+  Sheet.Sheet,
+  ComputeGraph
+];
+var recordTypes = [
+  Organization.Organization,
+  Person.Person,
+  Task.Task
+];
+var SpaceGenerator = composable(({ space, onCreateObjects, children, ...props }, forwardedRef) => {
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const [count, setCount] = useState(1);
+  const [info, setInfo] = useState({});
+  const presets = useMemo(() => generator(), []);
+  useAsyncEffect(async () => {
+    await client.addTypes([
+      ...staticTypes,
+      ...recordTypes,
+      ...presets.schemas
+    ]);
+  }, [
+    client,
+    presets
+  ]);
+  const typeMap = useMemo(() => {
+    const recordGenerators = new Map(recordTypes.map((type) => [
+      Type.getTypename(type),
+      createGenerator(client, invokePromise, type)
+    ]));
+    return new Map([
+      ...staticGenerators,
+      ...presets.items,
+      ...recordGenerators
+    ]);
+  }, [
+    client,
+    invokePromise,
+    presets
+  ]);
+  const updateInfo = useCallback(async () => {
+    const echoSchema = await space.db.schemaRegistry.query().run();
+    const staticSchema = await space.db.graph.schemaRegistry.query().run();
+    const objects = await space.db.query(Filter.everything()).run();
+    const objectMap = sortKeys(objects.reduce((map, obj) => {
+      const type = Obj.getTypename(obj);
+      if (type) {
+        const count2 = map[type] ?? 0;
+        map[type] = count2 + 1;
+      }
+      return map;
+    }, {}));
+    setInfo({
+      schema: {
+        static: staticSchema.length,
+        mutable: echoSchema.length
+      },
+      objects: objectMap
+    });
+  }, [
+    space
+  ]);
+  useAsyncEffect(updateInfo, [
+    updateInfo
+  ]);
+  const handleCreateData = useCallback(async (typename) => {
+    const constructor = typeMap.get(typename);
+    if (constructor) {
+      await constructor(space, count, onCreateObjects);
+      await updateInfo();
+    }
+  }, [
+    typeMap,
+    count,
+    space,
+    onCreateObjects,
+    updateInfo
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    ...composableProps(props),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--arrow-clockwise--regular",
+    iconOnly: true,
+    label: "Refresh",
+    onClick: updateInfo
+  }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    type: "number",
+    placeholder: "Count",
+    classNames: "w-[4rem] text-right",
+    min: 1,
+    max: 100,
+    size: 8,
+    value: count,
+    onChange: (event) => setCount(parseInt(event.target.value))
+  })))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "dx-document gap-4 divide-y divide-subdued-separator"
+  }, /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: staticTypes,
+    objects: info.objects,
+    label: "Static Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: recordTypes,
+    objects: info.objects,
+    label: "Record Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: presets.types,
+    objects: info.objects,
+    label: "Presets",
+    onClick: handleCreateData
+  })))));
+});
+export {
+  SpaceGenerator as default
+};
+//# sourceMappingURL=SpaceGenerator-IQLBDY6R.mjs.map

package/dist/lib/neutral/SpaceGenerator-IQLBDY6R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceGenerator/SpaceGenerator.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { ComputeGraph } from '@dxos/conductor';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { Markdown } from '@dxos/plugin-markdown';\nimport { Sheet } from '@dxos/plugin-sheet';\nimport { Sketch } from '@dxos/plugin-sketch';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, Panel, ScrollArea, Toolbar, useAsyncEffect } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { Organization, Person, Task } from '@dxos/types';\nimport { sortKeys } from '@dxos/util';\n\nimport { type ObjectGenerator, SchemaTable, createGenerator, generator, staticGenerators } from '#components';\n\n// TODO(burdon): Make extensible.\nconst staticTypes = [Markdown.Document, Sketch.Sketch, Sheet.Sheet, ComputeGraph];\nconst recordTypes: Type.AnyObj[] = [Organization.Organization, Person.Person, Task.Task];\n\nexport type SpaceGeneratorProps = {\n  space: Space;\n  onCreateObjects?: (objects: Obj.Unknown[]) => void;\n};\n\nexport const SpaceGenerator = composable<HTMLDivElement, SpaceGeneratorProps>(\n  ({ space, onCreateObjects, children, ...props }, forwardedRef) => {\n    const { invokePromise } = useOperationInvoker();\n    const client = useClient();\n    const [count, setCount] = useState(1);\n    const [info, setInfo] = useState<any>({});\n    const presets = useMemo(() => generator(), []);\n\n    // Register types.\n    useAsyncEffect(async () => {\n      await client.addTypes([...staticTypes, ...recordTypes, ...presets.schemas]);\n    }, [client, presets]);\n\n    // Create type generators.\n    const typeMap = useMemo(() => {\n      const recordGenerators = new Map<string, ObjectGenerator<any>>(\n        recordTypes.map((type) => [Type.getTypename(type), createGenerator(client, invokePromise, type)]),\n      );\n\n      return new Map([...staticGenerators, ...presets.items, ...recordGenerators]);\n    }, [client, invokePromise, presets]);\n\n    // Query space to get info.\n    const updateInfo = useCallback(async () => {\n      const echoSchema = await space.db.schemaRegistry.query().run();\n      const staticSchema = await space.db.graph.schemaRegistry.query().run();\n\n      const objects = await space.db.query(Filter.everything()).run();\n      const objectMap = sortKeys(\n        objects.reduce<Record<string, number>>((map, obj) => {\n          const type = Obj.getTypename(obj);\n          if (type) {\n            const count = map[type] ?? 0;\n            map[type] = count + 1;\n          }\n\n          return map;\n        }, {}),\n      );\n\n      setInfo({\n        schema: {\n          static: staticSchema.length,\n          mutable: echoSchema.length,\n        },\n        objects: objectMap,\n      });\n    }, [space]);\n\n    useAsyncEffect(updateInfo, [updateInfo]);\n\n    const handleCreateData = useCallback(\n      async (typename: string) => {\n        const constructor = typeMap.get(typename);\n        if (constructor) {\n          // TODO(burdon): Input to specify number of objects.\n          await constructor(space, count, onCreateObjects);\n          await updateInfo();\n        }\n      },\n      [typeMap, count, space, onCreateObjects, updateInfo],\n    );\n\n    return (\n      <Panel.Root {...composableProps(props)} ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />\n            <Toolbar.Separator />\n            <Input.Root>\n              <Input.TextInput\n                type='number'\n                placeholder='Count'\n                classNames='w-[4rem] text-right'\n                min={1}\n                max={100}\n                size={8}\n                value={count}\n                onChange={(event) => setCount(parseInt(event.target.value))}\n              />\n            </Input.Root>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <ScrollArea.Root thin orientation='vertical'>\n            <ScrollArea.Viewport classNames='dx-document gap-4 divide-y divide-subdued-separator'>\n              <SchemaTable types={staticTypes} objects={info.objects} label='Static Types' onClick={handleCreateData} />\n              <SchemaTable types={recordTypes} objects={info.objects} label='Record Types' onClick={handleCreateData} />\n              <SchemaTable types={presets.types} objects={info.objects} label='Presets' onClick={handleCreateData} />\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "useOperationInvoker", "ComputeGraph", "Filter", "Obj", "Type", "Markdown", "Sheet", "Sketch", "useClient", "IconButton", "Input", "Panel", "ScrollArea", "Toolbar", "useAsyncEffect", "composable", "composableProps", "Organization", "Person", "Task", "sortKeys", "SchemaTable", "createGenerator", "generator", "staticGenerators", "staticTypes", "Document", "recordTypes", "SpaceGenerator", "space", "onCreateObjects", "children", "props", "forwardedRef", "invokePromise", "client", "count", "setCount", "info", "setInfo", "presets", "addTypes", "schemas", "typeMap", "recordGenerators", "Map", "map", "type", "getTypename", "items", "updateInfo", "echoSchema", "db", "schemaRegistry", "query", "run", "staticSchema", "graph", "objects", "everything", "objectMap", "reduce", "obj", "schema", "static", "length", "mutable", "handleCreateData", "typename", "constructor", "get", "Root", "ref", "asChild", "icon", "iconOnly", "label", "onClick", "Separator", "TextInput", "placeholder", "classNames", "min", "max", "size", "value", "onChange", "event", "parseInt", "target", "Content", "thin", "orientation", "Viewport", "types"]
+}

package/dist/lib/neutral/Wireframe-WD7S2AUU.mjs

@@ -0,0 +1,52 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/Wireframe/Wireframe.tsx
+import React from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { Obj } from "@dxos/echo";
+import { useAttentionAttributes } from "@dxos/react-ui-attention";
+import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { mx } from "@dxos/ui-theme";
+var Wireframe = ({ classNames, label, object }) => {
+  const attentionAttrs = useAttentionAttributes(Obj.getURI(object));
+  const { width, height, ref } = useResizeDetector();
+  return /* @__PURE__ */ React.createElement("div", {
+    ref,
+    className: mx("relative grow min-h-96", classNames),
+    ...attentionAttrs
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-between"
+  }, /* @__PURE__ */ React.createElement("div", null, label), /* @__PURE__ */ React.createElement("div", null, `[${width}x${height}]`)), object && /* @__PURE__ */ React.createElement(JsonHighlighter, {
+    data: object,
+    classNames: "text-xs opacity-75 rounded-sm"
+  })), /* @__PURE__ */ React.createElement("svg", {
+    width,
+    height,
+    className: "bg-transparent *:text-subdued"
+  }, /* @__PURE__ */ React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width,
+    height,
+    strokeWidth: 1,
+    fill: "none"
+  }), /* @__PURE__ */ React.createElement("line", {
+    x1: 0,
+    y1: 0,
+    x2: width,
+    y2: height,
+    strokeWidth: 1
+  }), /* @__PURE__ */ React.createElement("line", {
+    x1: 0,
+    y1: height,
+    x2: width,
+    y2: 0,
+    strokeWidth: 1
+  })));
+};
+export {
+  Wireframe as default
+};
+//# sourceMappingURL=Wireframe-WD7S2AUU.mjs.map

package/dist/lib/neutral/Wireframe-WD7S2AUU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/Wireframe/Wireframe.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { Obj } from '@dxos/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttentionAttributes } from '@dxos/react-ui-attention';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\n// TODO(burdon): Create generic container with wireframe mode.\nexport type WireframeProps = ThemedClassName<{\n  object: Obj.Unknown;\n  label?: string;\n}>;\n\n// TODO(burdon): Make focusable and attendable with input.\nexport const Wireframe = ({ classNames, label, object }: WireframeProps) => {\n  const attentionAttrs = useAttentionAttributes(Obj.getURI(object));\n  const { width, height, ref } = useResizeDetector();\n\n  return (\n    <div ref={ref} className={mx('relative grow min-h-96', classNames)} {...attentionAttrs}>\n      <div className='absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono'>\n        <div className='flex justify-between'>\n          <div>{label}</div>\n          <div>{`[${width}x${height}]`}</div>\n        </div>\n        {object && <JsonHighlighter data={object} classNames='text-xs opacity-75 rounded-sm' />}\n      </div>\n      <svg width={width} height={height} className='bg-transparent *:text-subdued'>\n        <rect x={0} y={0} width={width} height={height} strokeWidth={1} fill='none' />\n        <line x1={0} y1={0} x2={width} y2={height} strokeWidth={1} />\n        <line x1={0} y1={height} x2={width} y2={0} strokeWidth={1} />\n      </svg>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAClB,SAASC,yBAAyB;AAElC,SAASC,WAAW;AAEpB,SAASC,8BAA8B;AACvC,SAASC,uBAAuB;AAChC,SAASC,UAAU;AASZ,IAAMC,YAAY,CAAC,EAAEC,YAAYC,OAAOC,OAAM,MAAkB;AACrE,QAAMC,iBAAiBP,uBAAuBD,IAAIS,OAAOF,MAAAA,CAAAA;AACzD,QAAM,EAAEG,OAAOC,QAAQC,IAAG,IAAKb,kBAAAA;AAE/B,SACE,sBAAA,cAACc,OAAAA;IAAID;IAAUE,WAAWX,GAAG,0BAA0BE,UAAAA;IAAc,GAAGG;KACtE,sBAAA,cAACK,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA,MAAKP,KAAAA,GACN,sBAAA,cAACO,OAAAA,MAAK,IAAIH,KAAAA,IAASC,MAAAA,GAAS,CAAA,GAE7BJ,UAAU,sBAAA,cAACL,iBAAAA;IAAgBa,MAAMR;IAAQF,YAAW;OAEvD,sBAAA,cAACW,OAAAA;IAAIN;IAAcC;IAAgBG,WAAU;KAC3C,sBAAA,cAACG,QAAAA;IAAKC,GAAG;IAAGC,GAAG;IAAGT;IAAcC;IAAgBS,aAAa;IAAGC,MAAK;MACrE,sBAAA,cAACC,QAAAA;IAAKC,IAAI;IAAGC,IAAI;IAAGC,IAAIf;IAAOgB,IAAIf;IAAQS,aAAa;MACxD,sBAAA,cAACE,QAAAA;IAAKC,IAAI;IAAGC,IAAIb;IAAQc,IAAIf;IAAOgB,IAAI;IAAGN,aAAa;;AAIhE;",
+  "names": ["React", "useResizeDetector", "Obj", "useAttentionAttributes", "JsonHighlighter", "mx", "Wireframe", "classNames", "label", "object", "attentionAttrs", "getURI", "width", "height", "ref", "div", "className", "data", "svg", "rect", "x", "y", "strokeWidth", "fill", "line", "x1", "y1", "x2", "y2"]
+}