@dxos/plugin-debug 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/dist/lib/{browser/DebugStatus-COQGH37G.mjs → neutral/DebugStatus-H2BAHN26.mjs}

@@ -1,11 +1,12 @@
+import "./chunk-J5LGTIGS.mjs";
+
 // src/containers/DebugStatus/DebugStatus.tsx
 import React, { useEffect, useRef, useState } from "react";
 import { TimeoutError } from "@dxos/async";
-import { useActiveSpace } from "@dxos/plugin-space";
-import { StatusBar } from "@dxos/plugin-status-bar";
+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 { Icon } from "@dxos/react-ui";
+import { IconButton } from "@dxos/react-ui";
 var styles = {
   success: "text-sky-300 dark:text-green-700",
   warning: "text-orange-300 dark:text-orange-600",
@@ -34,20 +35,20 @@ var ErrorIndicator = () => {
     forceUpdate({});
   };
   if (errorRef.current) {
-    return /* @__PURE__ */ React.createElement(StatusBar.Button, {
-      title: errorRef.current.message,
-      onClick: handleReset
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--warning-circle--duotone",
-      size: 4,
-      classNames: styles.error
+      iconOnly: true,
+      label: errorRef.current.message,
+      classNames: styles.error,
+      onClick: handleReset
     }));
   } else {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "No errors."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--check--regular",
-      size: 4
+      iconOnly: true,
+      label: "No errors."
     }));
   }
 };
@@ -60,49 +61,48 @@ var SwarmIndicator = () => {
     swarm
   ]);
   if (state === 0) {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "Connected to swarm."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--lightning--regular",
-      size: 4
+      iconOnly: true,
+      label: "Connected to swarm."
     }));
   } else {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "Disconnected from swarm."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--lightning-slash--regular",
-      size: 4,
+      iconOnly: true,
+      label: "Disconnected from swarm.",
       classNames: styles.warning
     }));
   }
 };
 var SavingIndicator = () => {
   const [state, _setState] = useState(0);
-  const _space = useActiveSpace();
   switch (state) {
     case 2:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Edit not saved."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4,
+        iconOnly: true,
+        label: "Edit not saved.",
         classNames: styles.warning
       }));
     case 1:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Saving..."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4,
+        iconOnly: true,
+        label: "Saving...",
         classNames: styles.success
       }));
     case 0:
     default:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Modified indicator."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4
+        iconOnly: true,
+        label: "Modified indicator."
       }));
   }
 };
@@ -116,10 +116,7 @@ var DebugStatus = () => {
     key: Indicator.name
   })));
 };
-
-// src/containers/DebugStatus/index.ts
-var DebugStatus_default = DebugStatus;
 export {
-  DebugStatus_default as default
+  DebugStatus as default
 };
-//# sourceMappingURL=DebugStatus-COQGH37G.mjs.map
+//# sourceMappingURL=DebugStatus-H2BAHN26.mjs.map

package/dist/lib/neutral/DebugStatus-H2BAHN26.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          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"],
+  "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", "variant", "icon", "iconOnly", "label", "message", "classNames", "styles", "onClick", "SwarmIndicator", "state", "setState", "swarm", "useNetworkStatus", "ConnectionState", "ONLINE", "warning", "SavingIndicator", "_setState", "success", "indicators", "DebugStatus", "map", "Indicator", "key", "name"]
+}

package/dist/lib/{browser/DevtoolsOverviewContainer-C75NFVER.mjs → neutral/DevtoolsOverviewContainer-YX7Z3D2H.mjs}

@@ -1,20 +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,
-    onRefresh: refreshStats
+    surfaceProfilerStats,
+    onRefresh: refreshStats,
+    onClearSurfaceProfiler: clearSurfaceProfiler
   }, /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "devtools-overview"
   }));
 };
-
-// src/containers/DevtoolsOverviewContainer/index.ts
-var DevtoolsOverviewContainer_default = DevtoolsOverviewContainer;
 export {
-  DevtoolsOverviewContainer_default as default
+  DevtoolsOverviewContainer as default
 };
-//# sourceMappingURL=DevtoolsOverviewContainer-C75NFVER.mjs.map
+//# 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/RegistryPanel-64GIYJHN.mjs

@@ -0,0 +1,161 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/RegistryPanel/RegistryPanel.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Operation } from "@dxos/compute";
+import { JsonView, PanelContainer, Placeholder, Searchbar } from "@dxos/devtools";
+import { Entity, Format, Obj, Type } from "@dxos/echo";
+import { useClient } from "@dxos/react-client";
+import { Toolbar } from "@dxos/react-ui";
+import { DynamicTable } from "@dxos/react-ui-table";
+import { mx } from "@dxos/ui-theme";
+var textFilter = (text) => {
+  if (!text) {
+    return () => true;
+  }
+  const matcher = new RegExp(text, "i");
+  return (entity) => {
+    const typename = Entity.getTypename(entity) ?? "";
+    const metaKey = Obj.isObject(entity) ? Obj.getMeta(entity).key ?? "" : "";
+    const uri = Type.isType(entity) ? Type.getURI(entity)?.toString() ?? "" : "";
+    const operationKey = Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity) ? Operation.getKey(entity) ?? "" : "";
+    const name = Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity) ? entity.name : "";
+    return [
+      typename,
+      metaKey,
+      uri,
+      operationKey,
+      name,
+      getEntityId(entity)
+    ].some((value) => value.match(matcher));
+  };
+};
+var getEntityId = (entity) => {
+  if (entity.id) {
+    return entity.id;
+  }
+  if (Type.isType(entity)) {
+    return Type.getURI(entity)?.toString() ?? Type.getTypename(entity) ?? "unknown-type";
+  }
+  return Entity.getTypename(entity) ?? "unknown";
+};
+var getKind = (entity) => {
+  if (Type.isType(entity)) {
+    return "type";
+  }
+  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {
+    return "operation";
+  }
+  return "other";
+};
+var getLabel = (entity) => {
+  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {
+    return entity.name || Operation.getKey(entity) || getEntityId(entity);
+  }
+  if (Type.isType(entity)) {
+    return Type.getTypename(entity) ?? getEntityId(entity);
+  }
+  return getEntityId(entity);
+};
+var toDetailJson = (entity) => {
+  if (Type.isType(entity)) {
+    return {
+      id: getEntityId(entity),
+      typename: Type.getTypename(entity),
+      uri: Type.getURI(entity)?.toString(),
+      version: Type.getVersion(entity),
+      jsonSchema: entity.jsonSchema
+    };
+  }
+  if (Obj.isObject(entity)) {
+    return Obj.toJSON(entity);
+  }
+  return {
+    id: getEntityId(entity),
+    typename: Entity.getTypename(entity)
+  };
+};
+var RegistryPanel = () => {
+  const client = useClient();
+  const [entities, setEntities] = useState([]);
+  const [filter, setFilter] = useState("");
+  const [selected, setSelected] = useState();
+  useEffect(() => {
+    const registry = client.graph.registry;
+    const refresh = () => setEntities([
+      ...registry.list()
+    ]);
+    refresh();
+    return registry.changed.on(refresh);
+  }, [
+    client
+  ]);
+  const properties = useMemo(() => [
+    {
+      name: "kind",
+      format: Format.TypeFormat.String,
+      size: 100
+    },
+    {
+      name: "label",
+      format: Format.TypeFormat.String
+    },
+    {
+      name: "id",
+      format: Format.TypeFormat.String,
+      size: 280
+    }
+  ], []);
+  const rows = useMemo(() => {
+    return entities.filter(textFilter(filter)).map((entity) => ({
+      id: getEntityId(entity),
+      kind: getKind(entity),
+      label: getLabel(entity),
+      _entity: entity
+    })).toSorted((left, right) => left.label.localeCompare(right.label));
+  }, [
+    entities,
+    filter
+  ]);
+  const handleRowClicked = useCallback((row) => {
+    if (!row?._entity) {
+      return;
+    }
+    setSelected(row._entity);
+  }, []);
+  const detailJson = useMemo(() => selected ? toDetailJson(selected) : void 0, [
+    selected
+  ]);
+  const features = useMemo(() => ({
+    selection: {
+      enabled: true,
+      mode: "single"
+    }
+  }), []);
+  return /* @__PURE__ */ React.createElement(PanelContainer, {
+    toolbar: /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Searchbar, {
+      placeholder: "Filter...",
+      onChange: setFilter
+    }))
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("h-full grid grid-cols-[2fr_1fr] overflow-hidden")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex flex-col min-h-0 overflow-hidden")
+  }, /* @__PURE__ */ React.createElement(DynamicTable, {
+    properties,
+    rows,
+    features,
+    onRowClick: handleRowClicked
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: mx("min-h-0 h-full overflow-auto border-s border-separator text-sm")
+  }, detailJson ? /* @__PURE__ */ React.createElement(JsonView, {
+    data: detailJson
+  }) : /* @__PURE__ */ React.createElement(Placeholder, {
+    label: "Details"
+  }))));
+};
+export {
+  RegistryPanel,
+  RegistryPanel as default
+};
+//# sourceMappingURL=RegistryPanel-64GIYJHN.mjs.map

package/dist/lib/neutral/RegistryPanel-64GIYJHN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RegistryPanel/RegistryPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Operation } from '@dxos/compute';\nimport { JsonView, PanelContainer, Placeholder, Searchbar } from '@dxos/devtools';\nimport { Entity, Format, Obj, Type } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { Toolbar } from '@dxos/react-ui';\nimport { DynamicTable, type TableFeatures } from '@dxos/react-ui-table';\nimport { mx } from '@dxos/ui-theme';\n\ntype RegistryRow = {\n  id: string;\n  kind: string;\n  label: string;\n  _entity: Entity.Unknown;\n};\n\nconst textFilter = (text?: string) => {\n  if (!text) {\n    return () => true;\n  }\n\n  const matcher = new RegExp(text, 'i');\n  return (entity: Entity.Unknown) => {\n    const typename = Entity.getTypename(entity) ?? '';\n    const metaKey = Obj.isObject(entity) ? (Obj.getMeta(entity).key ?? '') : '';\n    const uri = Type.isType(entity) ? (Type.getURI(entity)?.toString() ?? '') : '';\n    const operationKey =\n      Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)\n        ? (Operation.getKey(entity) ?? '')\n        : '';\n    const name = Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity) ? entity.name : '';\n    return [typename, metaKey, uri, operationKey, name, getEntityId(entity)].some((value) => value.match(matcher));\n  };\n};\n\nconst getEntityId = (entity: Entity.Unknown): string => {\n  if (entity.id) {\n    return entity.id;\n  }\n  if (Type.isType(entity)) {\n    return Type.getURI(entity)?.toString() ?? Type.getTypename(entity) ?? 'unknown-type';\n  }\n  return Entity.getTypename(entity) ?? 'unknown';\n};\n\nconst getKind = (entity: Entity.Unknown): string => {\n  if (Type.isType(entity)) {\n    return 'type';\n  }\n  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {\n    return 'operation';\n  }\n  return 'other';\n};\n\nconst getLabel = (entity: Entity.Unknown): string => {\n  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {\n    return entity.name || Operation.getKey(entity) || getEntityId(entity);\n  }\n  if (Type.isType(entity)) {\n    return Type.getTypename(entity) ?? getEntityId(entity);\n  }\n  return getEntityId(entity);\n};\n\nconst toDetailJson = (entity: Entity.Unknown): object => {\n  if (Type.isType(entity)) {\n    return {\n      id: getEntityId(entity),\n      typename: Type.getTypename(entity),\n      uri: Type.getURI(entity)?.toString(),\n      version: Type.getVersion(entity),\n      jsonSchema: entity.jsonSchema,\n    };\n  }\n  if (Obj.isObject(entity)) {\n    return Obj.toJSON(entity);\n  }\n  return { id: getEntityId(entity), typename: Entity.getTypename(entity) };\n};\n\nexport const RegistryPanel = () => {\n  const client = useClient();\n  const [entities, setEntities] = useState<Entity.Unknown[]>([]);\n  const [filter, setFilter] = useState('');\n  const [selected, setSelected] = useState<Entity.Unknown>();\n\n  useEffect(() => {\n    const registry = client.graph.registry;\n    const refresh = () => setEntities([...registry.list()]);\n    refresh();\n    return registry.changed.on(refresh);\n  }, [client]);\n\n  const properties = useMemo(\n    () => [\n      { name: 'kind', format: Format.TypeFormat.String, size: 100 },\n      { name: 'label', format: Format.TypeFormat.String },\n      { name: 'id', format: Format.TypeFormat.String, size: 280 },\n    ],\n    [],\n  );\n\n  const rows = useMemo((): RegistryRow[] => {\n    return entities\n      .filter(textFilter(filter))\n      .map((entity) => ({\n        id: getEntityId(entity),\n        kind: getKind(entity),\n        label: getLabel(entity),\n        _entity: entity,\n      }))\n      .toSorted((left, right) => left.label.localeCompare(right.label));\n  }, [entities, filter]);\n\n  const handleRowClicked = useCallback((row: RegistryRow | undefined) => {\n    if (!row?._entity) {\n      return;\n    }\n    setSelected(row._entity);\n  }, []);\n\n  const detailJson = useMemo(() => (selected ? toDetailJson(selected) : undefined), [selected]);\n\n  const features: Partial<TableFeatures> = useMemo(() => ({ selection: { enabled: true, mode: 'single' } }), []);\n\n  return (\n    <PanelContainer\n      toolbar={\n        <Toolbar.Root>\n          <Searchbar placeholder='Filter...' onChange={setFilter} />\n        </Toolbar.Root>\n      }\n    >\n      <div className={mx('h-full grid grid-cols-[2fr_1fr] overflow-hidden')}>\n        <div className={mx('flex flex-col min-h-0 overflow-hidden')}>\n          <DynamicTable properties={properties} rows={rows} features={features} onRowClick={handleRowClicked} />\n        </div>\n        <div className={mx('min-h-0 h-full overflow-auto border-s border-separator text-sm')}>\n          {detailJson ? <JsonView data={detailJson} /> : <Placeholder label='Details' />}\n        </div>\n      </div>\n    </PanelContainer>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "useMemo", "useState", "Operation", "JsonView", "PanelContainer", "Placeholder", "Searchbar", "Entity", "Format", "Obj", "Type", "useClient", "Toolbar", "DynamicTable", "mx", "textFilter", "text", "matcher", "RegExp", "entity", "typename", "getTypename", "metaKey", "isObject", "getMeta", "key", "uri", "isType", "getURI", "toString", "operationKey", "instanceOf", "PersistentOperation", "getKey", "name", "getEntityId", "some", "value", "match", "id", "getKind", "getLabel", "toDetailJson", "version", "getVersion", "jsonSchema", "toJSON", "RegistryPanel", "client", "entities", "setEntities", "filter", "setFilter", "selected", "setSelected", "registry", "graph", "refresh", "list", "changed", "on", "properties", "format", "TypeFormat", "String", "size", "rows", "map", "kind", "label", "_entity", "toSorted", "left", "right", "localeCompare", "handleRowClicked", "row", "detailJson", "undefined", "features", "selection", "enabled", "mode", "toolbar", "Root", "placeholder", "onChange", "div", "className", "onRowClick", "data"]
+}