@dxos/plugin-devtools 0.11.1 → 0.12.0-next-2800d0376abcc62d5544afdd744b16b2b960434e

package/dist/lib/chunk-GithubPanel.mjs

@@ -1,7 +1,7 @@
 import { meta } from "#meta";
 import { createContext, useContext, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { IconButton, ScrollArea, useTranslation } from "@dxos/react-ui";
+import { Flex, IconButton, ScrollArea, useTranslation } from "@dxos/react-ui";
 //#region src/containers/GithubPanel/GithubComponent.tsx
 var DEFAULT_REPO = "dxos/dxos";
 var DEFAULT_LIMIT = 20;
@@ -71,10 +71,10 @@ var Header = () => {
 	});
 };
 var RELATIVE_UNITS = [
-	["year", 3600 * 24 * 365],
-	["month", 3600 * 24 * 30],
-	["week", 3600 * 24 * 7],
-	["day", 3600 * 24],
+	["year", 31536e3],
+	["month", 2592e3],
+	["week", 604800],
+	["day", 86400],
 	["hour", 3600],
 	["minute", 60]
 ];
@@ -85,32 +85,38 @@ var formatRelative = (iso) => {
 	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__ */ jsx("li", { children: /* @__PURE__ */ jsxs("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",
-	children: [/* @__PURE__ */ jsx("img", {
-		src: pull.user.avatar_url,
-		alt: "",
-		className: "w-6 h-6 rounded-full shrink-0 mt-0.5"
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col min-w-0 flex-1",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "text-sm truncate",
-			children: pull.title
-		}), /* @__PURE__ */ jsxs("span", {
-			className: "text-xs text-description truncate",
-			children: [
-				"#",
-				pull.number,
-				" · ",
-				pull.user.login,
-				" · ",
-				pull.merged_at ? formatRelative(pull.merged_at) : ""
-			]
+var PullRow = ({ pull }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Flex, {
+	asChild: true,
+	align: "start",
+	gap: "sm",
+	classNames: "px-trim-sm py-trim-xs rounded-sm hover:bg-hover-surface",
+	children: /* @__PURE__ */ jsxs("a", {
+		href: pull.html_url,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: [/* @__PURE__ */ jsx("img", {
+			src: pull.user.avatar_url,
+			alt: "",
+			className: "size-6 rounded-full shrink-0"
+		}), /* @__PURE__ */ jsxs(Flex, {
+			column: true,
+			classNames: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm leading-6 truncate",
+				children: pull.title
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-xs text-description truncate",
+				children: [
+					"#",
+					pull.number,
+					" · ",
+					pull.user.login,
+					" · ",
+					pull.merged_at ? formatRelative(pull.merged_at) : ""
+				]
+			})]
 		})]
-	})]
+	})
 }) });
 var Content = () => {
 	const { pulls } = useComponentContext();

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-GithubPanel.mjs","names":[],"sources":["../../src/containers/GithubPanel/GithubComponent.tsx","../../src/containers/GithubPanel/GithubPanel.tsx"],"sourcesContent":["//\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.profile.key);\n  const { repo, pulls, unavailable } = useComponentContext();\n  return (\n    <header className='flex items-center justify-between gap-1 px-4 py-3 dx-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.profile.key);\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","//\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 w-full'>\n      <GithubComponent.Header />\n      <GithubComponent.Content />\n      <GithubComponent.StatusBar />\n    </div>\n  </GithubComponent.Root>\n);\n\nGithubPanel.displayName = 'GithubPanel';\n"],"mappings":"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"}
+{"version":3,"file":"chunk-GithubPanel.mjs","names":[],"sources":["../../src/containers/GithubPanel/GithubComponent.tsx","../../src/containers/GithubPanel/GithubPanel.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type ReactNode, createContext, useContext, useEffect, useState } from 'react';\n\nimport { Flex, 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.profile.key);\n  const { repo, pulls, unavailable } = useComponentContext();\n  return (\n    <header className='flex items-center justify-between gap-1 px-4 py-3 dx-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    <Flex asChild align='start' gap='sm' classNames='px-trim-sm py-trim-xs rounded-sm hover:bg-hover-surface'>\n      <a href={pull.html_url} target='_blank' rel='noopener noreferrer'>\n        <img src={pull.user.avatar_url} alt='' className='size-6 rounded-full shrink-0' />\n        <Flex column classNames='min-w-0 flex-1'>\n          {/* `leading-6` gives the title the avatar's line box, so the two align on their own. */}\n          <span className='text-sm leading-6 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        </Flex>\n      </a>\n    </Flex>\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.profile.key);\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","//\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 w-full'>\n      <GithubComponent.Header />\n      <GithubComponent.Content />\n      <GithubComponent.StatusBar />\n    </div>\n  </GithubComponent.Root>\n);\n\nGithubPanel.displayName = 'GithubPanel';\n"],"mappings":"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"}

package/dist/lib/chunk-RegistryPanel.mjs

@@ -2,9 +2,9 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { JsonView, Placeholder, Searchbar } from "@dxos/devtools";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Entity, Format, Obj, Type } from "@dxos/echo";
-import { Panel, Toolbar } from "@dxos/react-ui";
-import { Operation } from "@dxos/compute";
 import { useClient } from "@dxos/react-client";
+import { Panel, Toolbar } from "@dxos/react-ui";
+import * as Operation from "@dxos/compute/Operation";
 import { DynamicTable } from "@dxos/react-ui-table";
 import { mx } from "@dxos/ui-theme";
 //#region src/containers/RegistryPanel/RegistryPanel.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-RegistryPanel.mjs","names":[],"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, Placeholder, Searchbar } from '@dxos/devtools';\nimport { Entity, Format, Obj, Type } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { Panel, 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    <Panel.Root>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root>\n          <Searchbar placeholder='Filter...' onChange={setFilter} />\n        </Toolbar.Root>\n      </Panel.Toolbar>\n      <Panel.Content>\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      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nRegistryPanel.displayName = 'RegistryPanel';\n"],"mappings":"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"}
+{"version":3,"file":"chunk-RegistryPanel.mjs","names":[],"sources":["../../src/containers/RegistryPanel/RegistryPanel.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport * as Operation from '@dxos/compute/Operation';\nimport { JsonView, Placeholder, Searchbar } from '@dxos/devtools';\nimport { Entity, Format, Obj, Type } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { Panel, 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    <Panel.Root>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root>\n          <Searchbar placeholder='Filter...' onChange={setFilter} />\n        </Toolbar.Root>\n      </Panel.Toolbar>\n      <Panel.Content>\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      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nRegistryPanel.displayName = 'RegistryPanel';\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,cAAc,SAAkB;CACpC,IAAI,CAAC,MACH,aAAa;CAGf,MAAM,UAAU,IAAI,OAAO,MAAM,GAAG;CACpC,QAAQ,WAA2B;EASjC,OAAO;GARU,OAAO,YAAY,MAAM,KAAK;GAC/B,IAAI,SAAS,MAAM,IAAK,IAAI,QAAQ,MAAM,CAAC,CAAC,OAAO,KAAM;GAC7D,KAAK,OAAO,MAAM,IAAK,KAAK,OAAO,MAAM,CAAC,EAAE,SAAS,KAAK,KAAM;GAE1E,IAAI,SAAS,MAAM,KAAK,IAAI,WAAW,UAAU,qBAAqB,MAAM,IACvE,UAAU,OAAO,MAAM,KAAK,KAC7B;GACO,IAAI,SAAS,MAAM,KAAK,IAAI,WAAW,UAAU,qBAAqB,MAAM,IAAI,OAAO,OAAO;GACvD,YAAY,MAAM;EAAC,CAAC,CAAC,MAAM,UAAU,MAAM,MAAM,OAAO,CAAC;CAC/G;AACF;AAEA,IAAM,eAAe,WAAmC;CACtD,IAAI,OAAO,IACT,OAAO,OAAO;CAEhB,IAAI,KAAK,OAAO,MAAM,GACpB,OAAO,KAAK,OAAO,MAAM,CAAC,EAAE,SAAS,KAAK,KAAK,YAAY,MAAM,KAAK;CAExE,OAAO,OAAO,YAAY,MAAM,KAAK;AACvC;AAEA,IAAM,WAAW,WAAmC;CAClD,IAAI,KAAK,OAAO,MAAM,GACpB,OAAO;CAET,IAAI,IAAI,SAAS,MAAM,KAAK,IAAI,WAAW,UAAU,qBAAqB,MAAM,GAC9E,OAAO;CAET,OAAO;AACT;AAEA,IAAM,YAAY,WAAmC;CACnD,IAAI,IAAI,SAAS,MAAM,KAAK,IAAI,WAAW,UAAU,qBAAqB,MAAM,GAC9E,OAAO,OAAO,QAAQ,UAAU,OAAO,MAAM,KAAK,YAAY,MAAM;CAEtE,IAAI,KAAK,OAAO,MAAM,GACpB,OAAO,KAAK,YAAY,MAAM,KAAK,YAAY,MAAM;CAEvD,OAAO,YAAY,MAAM;AAC3B;AAEA,IAAM,gBAAgB,WAAmC;CACvD,IAAI,KAAK,OAAO,MAAM,GACpB,OAAO;EACL,IAAI,YAAY,MAAM;EACtB,UAAU,KAAK,YAAY,MAAM;EACjC,KAAK,KAAK,OAAO,MAAM,CAAC,EAAE,SAAS;EACnC,SAAS,KAAK,WAAW,MAAM;EAC/B,YAAY,OAAO;CACrB;CAEF,IAAI,IAAI,SAAS,MAAM,GACrB,OAAO,IAAI,OAAO,MAAM;CAE1B,OAAO;EAAE,IAAI,YAAY,MAAM;EAAG,UAAU,OAAO,YAAY,MAAM;CAAE;AACzE;AAEA,IAAa,sBAAsB;CACjC,MAAM,SAAS,UAAU;CACzB,MAAM,CAAC,UAAU,eAAe,SAA2B,CAAC,CAAC;CAC7D,MAAM,CAAC,QAAQ,aAAa,SAAS,EAAE;CACvC,MAAM,CAAC,UAAU,eAAe,SAAyB;CAEzD,gBAAgB;EACd,MAAM,WAAW,OAAO,MAAM;EAC9B,MAAM,gBAAgB,YAAY,CAAC,GAAG,SAAS,KAAK,CAAC,CAAC;EACtD,QAAQ;EACR,OAAO,SAAS,QAAQ,GAAG,OAAO;CACpC,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,aAAa,cACX;EACJ;GAAE,MAAM;GAAQ,QAAQ,OAAO,WAAW;GAAQ,MAAM;EAAI;EAC5D;GAAE,MAAM;GAAS,QAAQ,OAAO,WAAW;EAAO;EAClD;GAAE,MAAM;GAAM,QAAQ,OAAO,WAAW;GAAQ,MAAM;EAAI;CAC5D,GACA,CAAC,CACH;CAEA,MAAM,OAAO,cAA6B;EACxC,OAAO,SACJ,OAAO,WAAW,MAAM,CAAC,CAAA,CACzB,KAAK,YAAY;GAChB,IAAI,YAAY,MAAM;GACtB,MAAM,QAAQ,MAAM;GACpB,OAAO,SAAS,MAAM;GACtB,SAAS;EACX,EAAE,CAAA,CACD,UAAU,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM,KAAK,CAAC;CACpE,GAAG,CAAC,UAAU,MAAM,CAAC;CAErB,MAAM,mBAAmB,aAAa,QAAiC;EACrE,IAAI,CAAC,KAAK,SACR;EAEF,YAAY,IAAI,OAAO;CACzB,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,cAAe,WAAW,aAAa,QAAQ,IAAI,KAAA,GAAY,CAAC,QAAQ,CAAC;CAE5F,MAAM,WAAmC,eAAe,EAAE,WAAW;EAAE,SAAS;EAAM,MAAM;CAAS,EAAE,IAAI,CAAC,CAAC;CAE7G,OACE,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,SAAP;EAAe,SAAA;EACb,UAAA,oBAAC,QAAQ,MAAT,EAAA,UACE,oBAAC,WAAD;GAAW,aAAY;GAAY,UAAU;EAAY,CAAA,EAC7C,CAAA;CACD,CAAA,GACf,oBAAC,MAAM,SAAP,EAAA,UACE,qBAAC,OAAD;EAAK,WAAW,GAAG,iDAAiD;EAApE,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,uCAAuC;GACxD,UAAA,oBAAC,cAAD;IAA0B;IAAkB;IAAgB;IAAU,YAAY;GAAmB,CAAA;EAClG,CAAA,GACL,oBAAC,OAAD;GAAK,WAAW,GAAG,gEAAgE;GAChF,UAAA,aAAa,oBAAC,UAAD,EAAU,MAAM,WAAa,CAAA,IAAI,oBAAC,aAAD,EAAa,OAAM,UAAW,CAAA;EAC1E,CAAA,CACF;CACQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA;AAEhB;AAEA,cAAc,cAAc"}

package/dist/lib/chunk-app-graph-builder.mjs

@@ -1,20 +1,27 @@
-import { Capability } from "@dxos/app-framework";
-import { Position } from "@dxos/util";
-import { meta } from "#meta";
 import * as Effect from "effect/Effect";
-import { AppCapabilities, AppNode, AppNodeMatcher, GraphPath } from "@dxos/app-toolkit";
-import { GraphBuilder, Node, NodeMatcher } from "@dxos/plugin-graph";
+import * as Capability from "@dxos/app-framework/Capability";
+import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
+import { meta } from "#meta";
 import { Devtools } from "#types";
+import { Position } from "@dxos/util";
+import * as AppGraphBuilder from "@dxos/app-graph/AppGraphBuilder";
+import * as AppGraphNode from "@dxos/app-graph/AppGraphNode";
+import * as AppNode from "@dxos/app-toolkit/AppNode";
+import * as AppNodeMatcher from "@dxos/app-toolkit/AppNodeMatcher";
+import * as GraphPath from "@dxos/app-toolkit/GraphPath";
+import * as GraphNode from "@dxos/graph/GraphNode";
+import * as GraphNodeMatcher from "@dxos/graph/GraphNodeMatcher";
 //#region src/capabilities/app-graph-builder.ts
 var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+	const appGraphAtom = yield* Capability.atom(AppCapabilities.AppGraph);
 	const extensions = yield* Effect.all([
-		GraphBuilder.createExtension({
+		AppGraphBuilder.createExtension({
 			id: "root",
-			match: NodeMatcher.whenRoot,
-			actions: () => Effect.succeed([Node.makeAction({
+			match: GraphNodeMatcher.whenRoot,
+			actions: () => Effect.succeed([AppGraphNode.makeAction({
 				id: "resetData",
 				data: () => Effect.sync(() => {
-					window.location.href = "/reset.html#continue";
+					window.location.href = "/reset.html";
 				}),
 				properties: {
 					label: ["reset-data.label", { ns: meta.profile.key }],
@@ -22,12 +29,12 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 				}
 			})])
 		}),
-		GraphBuilder.createExtension({
+		AppGraphBuilder.createExtension({
 			id: "devtools",
-			match: NodeMatcher.whenAny(NodeMatcher.whenRoot, AppNodeMatcher.whenNavTreeGroup(GraphPath.GroupTypes.system)),
+			match: GraphNodeMatcher.whenAny(GraphNodeMatcher.whenRoot, AppNodeMatcher.whenNavTreeGroup(GraphPath.GroupTypes.system)),
 			connector: (_nodeOrSpace, get) => Effect.gen(function* () {
-				const [graph] = get(yield* Capability.atom(AppCapabilities.AppGraph));
-				return [Node.make({
+				const [graph] = get(appGraphAtom);
+				return [AppGraphNode.make({
 					id: Devtools.nodeId(Devtools.id),
 					data: null,
 					type: Devtools.id,
@@ -37,19 +44,19 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 						position: Position.last
 					},
 					nodes: [
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.AppGraph),
 							type: `${meta.profile.key}.app-graph`,
 							data: {
 								graph: graph?.graph,
-								root: Node.RootId
+								root: GraphNode.RootId
 							},
 							properties: {
 								label: ["debug-app-graph.label", { ns: meta.profile.key }],
 								icon: "ph--graph--regular"
 							}
 						}),
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.ToolsExplorer),
 							data: Devtools.ToolsExplorer,
 							type: Devtools.id,
@@ -58,7 +65,16 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--toolbox--regular"
 							}
 						}),
-						Node.make({
+						AppGraphNode.make({
+							id: Devtools.nodeId(Devtools.Cli),
+							data: Devtools.Cli,
+							type: Devtools.id,
+							properties: {
+								label: ["cli.label", { ns: meta.profile.key }],
+								icon: "ph--terminal-window--regular"
+							}
+						}),
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.Client.id),
 							data: null,
 							type: Devtools.id,
@@ -67,7 +83,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--users--regular"
 							},
 							nodes: [
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Client.Config),
 									data: Devtools.Client.Config,
 									type: Devtools.id,
@@ -76,7 +92,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--gear--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Client.Storage),
 									data: Devtools.Client.Storage,
 									type: Devtools.id,
@@ -85,7 +101,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--hard-drives--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Client.Sqlite),
 									data: Devtools.Client.Sqlite,
 									type: Devtools.id,
@@ -94,7 +110,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--database--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Client.Logs),
 									data: Devtools.Client.Logs,
 									type: Devtools.id,
@@ -103,7 +119,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--file-text--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Client.Diagnostics),
 									data: Devtools.Client.Diagnostics,
 									type: Devtools.id,
@@ -114,7 +130,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								})
 							]
 						}),
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.Halo.id),
 							data: null,
 							type: Devtools.id,
@@ -123,7 +139,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--identification-badge--regular"
 							},
 							nodes: [
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Halo.Identity),
 									data: Devtools.Halo.Identity,
 									type: Devtools.id,
@@ -132,7 +148,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--identification-badge--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Halo.Devices),
 									data: Devtools.Halo.Devices,
 									type: Devtools.id,
@@ -141,7 +157,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--devices--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Halo.Keyring),
 									data: Devtools.Halo.Keyring,
 									type: Devtools.id,
@@ -150,7 +166,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--key--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Halo.Credentials),
 									data: Devtools.Halo.Credentials,
 									type: Devtools.id,
@@ -161,7 +177,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								})
 							]
 						}),
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.Echo.id),
 							data: null,
 							type: Devtools.id,
@@ -170,7 +186,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--database--regular"
 							},
 							nodes: [
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Spaces),
 									data: Devtools.Echo.Spaces,
 									type: Devtools.id,
@@ -179,7 +195,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--graph--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Space),
 									data: Devtools.Echo.Space,
 									type: Devtools.id,
@@ -188,7 +204,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--planet--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Feeds),
 									data: Devtools.Echo.Feeds,
 									type: Devtools.id,
@@ -197,7 +213,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--list-bullets--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Objects),
 									data: Devtools.Echo.Objects,
 									type: Devtools.id,
@@ -206,7 +222,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--cube--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Schema),
 									data: Devtools.Echo.Schema,
 									type: Devtools.id,
@@ -215,7 +231,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--database--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Registry),
 									data: Devtools.Echo.Registry,
 									type: Devtools.id,
@@ -224,7 +240,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--books--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Automerge),
 									data: Devtools.Echo.Automerge,
 									type: Devtools.id,
@@ -233,7 +249,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--gear-six--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Queues),
 									data: Devtools.Echo.Queues,
 									type: Devtools.id,
@@ -242,7 +258,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--queue--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Members),
 									data: Devtools.Echo.Members,
 									type: Devtools.id,
@@ -251,7 +267,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--users--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Echo.Metadata),
 									data: Devtools.Echo.Metadata,
 									type: Devtools.id,
@@ -262,7 +278,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								})
 							]
 						}),
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.Mesh.id),
 							data: null,
 							type: Devtools.id,
@@ -271,7 +287,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--graph--regular"
 							},
 							nodes: [
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Mesh.Signal),
 									data: Devtools.Mesh.Signal,
 									type: Devtools.id,
@@ -280,7 +296,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--wifi-high--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Mesh.Swarm),
 									data: Devtools.Mesh.Swarm,
 									type: Devtools.id,
@@ -289,7 +305,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--users-three--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Mesh.Network),
 									data: Devtools.Mesh.Network,
 									type: Devtools.id,
@@ -300,7 +316,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								})
 							]
 						}),
-						Node.make({
+						AppGraphNode.make({
 							id: Devtools.nodeId(Devtools.Edge.id),
 							data: null,
 							type: Devtools.id,
@@ -309,7 +325,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 								icon: "ph--cloud--regular"
 							},
 							nodes: [
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Edge.Dashboard),
 									data: Devtools.Edge.Dashboard,
 									type: Devtools.id,
@@ -318,7 +334,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--computer-tower--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Edge.Workflows),
 									data: Devtools.Edge.Workflows,
 									type: Devtools.id,
@@ -327,7 +343,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--function--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Edge.Traces),
 									data: Devtools.Edge.Traces,
 									type: Devtools.id,
@@ -336,7 +352,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 										icon: "ph--line-segments--regular"
 									}
 								}),
-								Node.make({
+								AppGraphNode.make({
 									id: Devtools.nodeId(Devtools.Edge.Testing),
 									data: Devtools.Edge.Testing,
 									type: Devtools.id,
@@ -351,9 +367,9 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 				})];
 			})
 		}),
-		GraphBuilder.createExtension({
+		AppGraphBuilder.createExtension({
 			id: "devtoolsOverview",
-			match: NodeMatcher.whenRoot,
+			match: GraphNodeMatcher.whenRoot,
 			connector: () => Effect.succeed([AppNode.makeDeckCompanion({
 				id: "devtoolsOverview",
 				label: ["devtools-overview.label", { ns: meta.profile.key }],
@@ -363,7 +379,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 			})])
 		})
 	]);
-	return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+	return Capability.contribute(AppCapabilities.AppGraphBuilder, extensions);
 }));
 //#endregion
 export { app_graph_builder_default as default };