@dxos/plugin-graph 0.7.4-staging.f7e8224 → 0.7.5-feature-compute.4d9d99a

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":854,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":6615,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4417},"packages/plugins/plugin-graph/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":1293},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1971},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs","kind":"import-statement"}],"exports":["GRAPH_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":159},"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":403},"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":87}},"bytes":220}}}
+{"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytes":891,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphContext.tsx":{"bytes":3234,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/graph.ts":{"bytes":4364,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.ts":{"bytes":3276,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-graph/src/GraphContext.tsx","kind":"dynamic-import","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/graph.ts","kind":"dynamic-import","original":"./graph"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":797,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.tsx","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.ts","kind":"import-statement","original":"./GraphPlugin"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1757},"packages/plugins/plugin-graph/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-3QIHDIIS.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs","kind":"import-statement"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/dist/lib/node/GraphContext-MUIA2AJE.cjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-graph/dist/lib/node/graph-HXCMZDUQ.cjs","kind":"dynamic-import"}],"exports":["GRAPH_PLUGIN","GraphPlugin","meta","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":33},"packages/plugins/plugin-graph/src/GraphPlugin.ts":{"bytesInOutput":552}},"bytes":896},"packages/plugins/plugin-graph/dist/lib/node/GraphContext-MUIA2AJE.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node/GraphContext-MUIA2AJE.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-3QIHDIIS.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs","kind":"import-statement"}],"exports":["default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/GraphContext.tsx","inputs":{},"bytes":215},"packages/plugins/plugin-graph/dist/lib/node/chunk-3QIHDIIS.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1766},"packages/plugins/plugin-graph/dist/lib/node/chunk-3QIHDIIS.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"exports":["GraphContext_default","useGraph"],"inputs":{"packages/plugins/plugin-graph/src/GraphContext.tsx":{"bytesInOutput":612}},"bytes":814},"packages/plugins/plugin-graph/dist/lib/node/graph-HXCMZDUQ.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2342},"packages/plugins/plugin-graph/dist/lib/node/graph-HXCMZDUQ.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-graph/src/graph.ts","inputs":{"packages/plugins/plugin-graph/src/graph.ts":{"bytesInOutput":867}},"bytes":1052},"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":418},"packages/plugins/plugin-graph/dist/lib/node/chunk-KHIPMH35.cjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":79}},"bytes":204}}}

package/dist/lib/node-esm/GraphContext-VNVZEAJK.mjs

@@ -0,0 +1,11 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  GraphContext_default,
+  useGraph
+} from "./chunk-XY43PHPY.mjs";
+import "./chunk-IHM26RSC.mjs";
+export {
+  GraphContext_default as default,
+  useGraph
+};
+//# sourceMappingURL=GraphContext-VNVZEAJK.mjs.map

package/dist/lib/node-esm/{chunk-H3EEX7DI.mjs → chunk-IHM26RSC.mjs}

@@ -2,12 +2,12 @@ import { createRequire } from 'node:module';const require = createRequire(import
 
 // packages/plugins/plugin-graph/src/meta.ts
 var GRAPH_PLUGIN = "dxos.org/plugin/graph";
-var meta_default = {
+var meta = {
   id: GRAPH_PLUGIN
 };
 
 export {
   GRAPH_PLUGIN,
-  meta_default
+  meta
 };
-//# sourceMappingURL=chunk-H3EEX7DI.mjs.map
+//# sourceMappingURL=chunk-IHM26RSC.mjs.map

package/dist/lib/node-esm/chunk-IHM26RSC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport const meta = {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;AAMO,IAAMA,eAAe;AAErB,IAAMC,OAAO;EAClBC,IAAIF;AACN;",
+  "names": ["GRAPH_PLUGIN", "meta", "id"]
+}

package/dist/lib/node-esm/chunk-XY43PHPY.mjs

@@ -0,0 +1,26 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  GRAPH_PLUGIN
+} from "./chunk-IHM26RSC.mjs";
+
+// packages/plugins/plugin-graph/src/GraphContext.tsx
+import React, { createContext, useContext } from "react";
+import { Capabilities, contributes, useCapability } from "@dxos/app-framework";
+import { raise } from "@dxos/debug";
+var GraphContext = /* @__PURE__ */ createContext(null);
+var useGraph = () => useContext(GraphContext) ?? raise(new Error("Missing GraphContext"));
+var GraphContext_default = () => contributes(Capabilities.ReactContext, {
+  id: GRAPH_PLUGIN,
+  context: (props) => {
+    const value = useCapability(Capabilities.AppGraph);
+    return /* @__PURE__ */ React.createElement(GraphContext.Provider, {
+      value
+    }, props.children);
+  }
+});
+
+export {
+  useGraph,
+  GraphContext_default
+};
+//# sourceMappingURL=chunk-XY43PHPY.mjs.map

package/dist/lib/node-esm/chunk-XY43PHPY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GraphContext.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type Context, createContext, type PropsWithChildren, useContext } from 'react';\n\nimport { Capabilities, contributes, useCapability } from '@dxos/app-framework';\nimport { type GraphBuilder } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nimport { GRAPH_PLUGIN } from './meta';\n\ntype GraphContextType = Pick<GraphBuilder, 'graph' | 'explore'>;\nconst GraphContext: Context<GraphContextType | null> = createContext<GraphContextType | null>(null);\n\nexport const useGraph = (): GraphContextType => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n\nexport default () =>\n  contributes(Capabilities.ReactContext, {\n    id: GRAPH_PLUGIN,\n    context: (props: PropsWithChildren) => {\n      const value = useCapability(Capabilities.AppGraph);\n      return <GraphContext.Provider value={value}>{props.children}</GraphContext.Provider>;\n    },\n  });\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,SAAuBC,eAAuCC,kBAAkB;AAEvF,SAASC,cAAcC,aAAaC,qBAAqB;AAEzD,SAASC,aAAa;AAKtB,IAAMC,eAAiDC,8BAAuC,IAAA;AAEvF,IAAMC,WAAW,MAAwBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;AAE5F,IAAA,uBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,IAAIC;EACJC,SAAS,CAACC,UAAAA;AACR,UAAMC,QAAQC,cAAcP,aAAaQ,QAAQ;AACjD,WAAO,sBAAA,cAACf,aAAagB,UAAQ;MAACH;OAAeD,MAAMK,QAAQ;EAC7D;AACF,CAAA;",
+  "names": ["React", "createContext", "useContext", "Capabilities", "contributes", "useCapability", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "contributes", "Capabilities", "ReactContext", "id", "GRAPH_PLUGIN", "context", "props", "value", "useCapability", "AppGraph", "Provider", "children"]
+}

package/dist/lib/node-esm/graph-UQRZMBQ5.mjs

@@ -0,0 +1,31 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  GRAPH_PLUGIN
+} from "./chunk-IHM26RSC.mjs";
+
+// packages/plugins/plugin-graph/src/graph.ts
+import { Capabilities, contributes } from "@dxos/app-framework";
+import { GraphBuilder } from "@dxos/app-graph";
+var KEY = `${GRAPH_PLUGIN}/app-graph`;
+var graph_default = async (context) => {
+  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? void 0);
+  const interval = setInterval(() => {
+    localStorage.setItem(KEY, builder.graph.pickle());
+  }, 5e3);
+  context.requestCapabilities(Capabilities.AppGraphBuilder).forEach((extension) => builder.addExtension(extension));
+  await builder.initialize();
+  await builder.graph.expand(builder.graph.root);
+  setupDevtools(builder.graph);
+  return contributes(Capabilities.AppGraph, {
+    graph: builder.graph,
+    explore: (options) => builder.explore(options)
+  }, () => clearInterval(interval));
+};
+var setupDevtools = (graph) => {
+  globalThis.composer ??= {};
+  globalThis.composer.graph = graph;
+};
+export {
+  graph_default as default
+};
+//# sourceMappingURL=graph-UQRZMBQ5.mjs.map

package/dist/lib/node-esm/graph-UQRZMBQ5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/graph.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { type Graph, GraphBuilder } from '@dxos/app-graph';\n\nimport { GRAPH_PLUGIN } from './meta';\n\nconst KEY = `${GRAPH_PLUGIN}/app-graph`;\n\nexport default async (context: PluginsContext) => {\n  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);\n  const interval = setInterval(() => {\n    localStorage.setItem(KEY, builder.graph.pickle());\n  }, 5_000);\n\n  context.requestCapabilities(Capabilities.AppGraphBuilder).forEach((extension) => builder.addExtension(extension));\n\n  await builder.initialize();\n  await builder.graph.expand(builder.graph.root);\n\n  setupDevtools(builder.graph);\n\n  return contributes(\n    Capabilities.AppGraph,\n    { graph: builder.graph, explore: (options) => builder.explore(options) },\n    () => clearInterval(interval),\n  );\n};\n\n// Expose the graph to the window for debugging.\nconst setupDevtools = (graph: Graph) => {\n  (globalThis as any).composer ??= {};\n  (globalThis as any).composer.graph = graph;\n};\n"],
+  "mappings": ";;;;;;AAIA,SAASA,cAAcC,mBAAwC;AAC/D,SAAqBC,oBAAoB;AAIzC,IAAMC,MAAM,GAAGC,YAAAA;AAEf,IAAA,gBAAe,OAAOC,YAAAA;AACpB,QAAMC,UAAUC,aAAaC,KAAKC,aAAaC,QAAQP,GAAAA,KAAQQ,MAAAA;AAC/D,QAAMC,WAAWC,YAAY,MAAA;AAC3BJ,iBAAaK,QAAQX,KAAKG,QAAQS,MAAMC,OAAM,CAAA;EAChD,GAAG,GAAA;AAEHX,UAAQY,oBAAoBC,aAAaC,eAAe,EAAEC,QAAQ,CAACC,cAAcf,QAAQgB,aAAaD,SAAAA,CAAAA;AAEtG,QAAMf,QAAQiB,WAAU;AACxB,QAAMjB,QAAQS,MAAMS,OAAOlB,QAAQS,MAAMU,IAAI;AAE7CC,gBAAcpB,QAAQS,KAAK;AAE3B,SAAOY,YACLT,aAAaU,UACb;IAAEb,OAAOT,QAAQS;IAAOc,SAAS,CAACC,YAAYxB,QAAQuB,QAAQC,OAAAA;EAAS,GACvE,MAAMC,cAAcnB,QAAAA,CAAAA;AAExB;AAGA,IAAMc,gBAAgB,CAACX,UAAAA;AACpBiB,aAAmBC,aAAa,CAAC;AACjCD,aAAmBC,SAASlB,QAAQA;AACvC;",
+  "names": ["Capabilities", "contributes", "GraphBuilder", "KEY", "GRAPH_PLUGIN", "context", "builder", "GraphBuilder", "from", "localStorage", "getItem", "undefined", "interval", "setInterval", "setItem", "graph", "pickle", "requestCapabilities", "Capabilities", "AppGraphBuilder", "forEach", "extension", "addExtension", "initialize", "expand", "root", "setupDevtools", "contributes", "AppGraph", "explore", "options", "clearInterval", "globalThis", "composer"]
+}

package/dist/lib/node-esm/index.mjs

@@ -1,62 +1,39 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  useGraph
+} from "./chunk-XY43PHPY.mjs";
 import {
   GRAPH_PLUGIN,
-  meta_default
-} from "./chunk-H3EEX7DI.mjs";
-
-// packages/plugins/plugin-graph/src/GraphPlugin.tsx
-import React from "react";
-import { filterPlugins, parseGraphBuilderPlugin } from "@dxos/app-framework";
-import { GraphBuilder } from "@dxos/app-graph";
-
-// packages/plugins/plugin-graph/src/GraphContext.ts
-import { createContext, useContext } from "react";
-import { raise } from "@dxos/debug";
-var GraphContext = createContext(null);
-var useGraph = () => useContext(GraphContext) ?? raise(new Error("Missing GraphContext"));
-
-// packages/plugins/plugin-graph/src/GraphPlugin.tsx
-var KEY = `${GRAPH_PLUGIN}/app-graph`;
-var GraphPlugin = () => {
-  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? void 0);
-  let interval;
-  return {
-    meta: meta_default,
-    ready: async (plugins) => {
-      interval = setInterval(() => {
-        localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());
-      }, 5e3);
-      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) => builder.addExtension(plugin.provides.graph.builder(plugins)));
-      await builder.initialize();
-      await builder.graph.expand(builder.graph.root);
-      const composer = window.composer;
-      if (typeof composer === "object") {
-        composer.graph = builder.graph;
-      }
-    },
-    unload: async () => {
-      clearInterval(interval);
-    },
-    provides: {
-      graph: builder.graph,
-      // TODO(wittjosiah): This is janky to expose this function in this way.
-      explore: (options) => builder.explore(options),
-      context: ({ children }) => /* @__PURE__ */ React.createElement(GraphContext.Provider, {
-        value: {
-          graph: builder.graph
-        }
-      }, children)
-    }
-  };
-};
+  meta
+} from "./chunk-IHM26RSC.mjs";
 
 // packages/plugins/plugin-graph/src/index.ts
 export * from "@dxos/app-graph";
-var src_default = GraphPlugin;
+
+// packages/plugins/plugin-graph/src/GraphPlugin.ts
+import { defineModule, lazy, Events, definePlugin } from "@dxos/app-framework";
+var GraphPlugin = () => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/react-context`,
+    activatesOn: Events.Startup,
+    activate: lazy(() => import("./GraphContext-VNVZEAJK.mjs"))
+  }),
+  defineModule({
+    id: `${meta.id}/module/graph`,
+    activatesOn: Events.Startup,
+    activatesBefore: [
+      Events.SetupAppGraph
+    ],
+    activatesAfter: [
+      Events.AppGraphReady
+    ],
+    activate: lazy(() => import("./graph-UQRZMBQ5.mjs"))
+  })
+]);
 export {
-  GraphContext,
+  GRAPH_PLUGIN,
   GraphPlugin,
-  src_default as default,
+  meta,
   useGraph
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/GraphPlugin.tsx", "../../../src/GraphContext.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\n\nimport { GraphContext } from './GraphContext';\nimport meta, { GRAPH_PLUGIN } from './meta';\n\nconst KEY = `${GRAPH_PLUGIN}/app-graph`;\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);\n  let interval: NodeJS.Timeout | undefined;\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      interval = setInterval(() => {\n        localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());\n      }, 5_000);\n\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n\n      await builder.initialize();\n      await builder.graph.expand(builder.graph.root);\n\n      // Expose the graph to the window for debugging.\n      const composer = (window as any).composer;\n      if (typeof composer === 'object') {\n        composer.graph = builder.graph;\n      }\n    },\n    unload: async () => {\n      clearInterval(interval);\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky to expose this function in this way.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
-  "mappings": ";;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,eAA0DC,+BAA+B;AAClG,SAASC,oBAAoB;;;ACF7B,SAAuBC,eAAeC,kBAAkB;AAGxD,SAASC,aAAa;AAIf,IAAMC,eAA6CC,cAAmC,IAAA;AAEtF,IAAMC,WAAW,MAAoBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;;;ADFxF,IAAMC,MAAM,GAAGC,YAAAA;AAOR,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAUC,aAAaC,KAAKC,aAAaC,QAAQP,GAAAA,KAAQQ,MAAAA;AAC/D,MAAIC;AAEJ,SAAO;IACLC;IACAC,OAAO,OAAOC,YAAAA;AACZH,iBAAWI,YAAY,MAAA;AACrBP,qBAAaQ,QAAQ,GAAGb,YAAAA,UAAsBE,QAAQY,MAAMC,OAAM,CAAA;MACpE,GAAG,GAAA;AAEHC,oBAAcL,SAASM,uBAAAA,EAAyBC,QAAQ,CAACC,WACvDjB,QAAQkB,aAAaD,OAAOE,SAASP,MAAMZ,QAAQS,OAAAA,CAAAA,CAAAA;AAGrD,YAAMT,QAAQoB,WAAU;AACxB,YAAMpB,QAAQY,MAAMS,OAAOrB,QAAQY,MAAMU,IAAI;AAG7C,YAAMC,WAAYC,OAAeD;AACjC,UAAI,OAAOA,aAAa,UAAU;AAChCA,iBAASX,QAAQZ,QAAQY;MAC3B;IACF;IACAa,QAAQ,YAAA;AACNC,oBAAcpB,QAAAA;IAChB;IACAa,UAAU;MACRP,OAAOZ,QAAQY;;MAEfe,SAAS,CAACC,YAAY5B,QAAQ2B,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,sBAAA,cAACC,aAAaC,UAAQ;QAACC,OAAO;UAAErB,OAAOZ,QAAQY;QAAM;SAAIkB,QAAAA;IAE7D;EACF;AACF;;;AE/CA,cAAc;AAFd,IAAA,cAAeI;",
-  "names": ["React", "filterPlugins", "parseGraphBuilderPlugin", "GraphBuilder", "createContext", "useContext", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "KEY", "GRAPH_PLUGIN", "GraphPlugin", "builder", "GraphBuilder", "from", "localStorage", "getItem", "undefined", "interval", "meta", "ready", "plugins", "setInterval", "setItem", "graph", "pickle", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "initialize", "expand", "root", "composer", "window", "unload", "clearInterval", "explore", "options", "context", "children", "GraphContext", "Provider", "value", "GraphPlugin"]
+  "sources": ["../../../src/index.ts", "../../../src/GraphPlugin.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\nexport * from './meta';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineModule, lazy, Events, definePlugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/react-context`,\n      activatesOn: Events.Startup,\n      activate: lazy(() => import('./GraphContext')),\n    }),\n    defineModule({\n      id: `${meta.id}/module/graph`,\n      activatesOn: Events.Startup,\n      activatesBefore: [Events.SetupAppGraph],\n      activatesAfter: [Events.AppGraphReady],\n      activate: lazy(() => import('./graph')),\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;AAIA,cAAc;;;ACAd,SAASA,cAAcC,MAAMC,QAAQC,oBAAoB;AASlD,IAAMC,cAAc,MACzBC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAUC,KAAK,MAAM,OAAO,6BAAA,CAAA;EAC9B,CAAA;EACAN,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBG,iBAAiB;MAACJ,OAAOK;;IACzBC,gBAAgB;MAACN,OAAOO;;IACxBL,UAAUC,KAAK,MAAM,OAAO,sBAAA,CAAA;EAC9B,CAAA;CACD;",
+  "names": ["defineModule", "lazy", "Events", "definePlugin", "GraphPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "Startup", "activate", "lazy", "activatesBefore", "SetupAppGraph", "activatesAfter", "AppGraphReady"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":854,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":6615,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4418},"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":1293},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":2063},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs","kind":"import-statement"}],"exports":["GRAPH_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":251},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":405},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":87}},"bytes":313}}}
+{"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytes":891,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphContext.tsx":{"bytes":3234,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/graph.ts":{"bytes":4364,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.ts":{"bytes":3276,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-graph/src/GraphContext.tsx","kind":"dynamic-import","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/graph.ts","kind":"dynamic-import","original":"./graph"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":797,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.tsx","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.ts","kind":"import-statement","original":"./GraphPlugin"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1758},"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-XY43PHPY.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs","kind":"import-statement"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/GraphContext-VNVZEAJK.mjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/graph-UQRZMBQ5.mjs","kind":"dynamic-import"}],"exports":["GRAPH_PLUGIN","GraphPlugin","meta","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":33},"packages/plugins/plugin-graph/src/GraphPlugin.ts":{"bytesInOutput":552}},"bytes":988},"packages/plugins/plugin-graph/dist/lib/node-esm/GraphContext-VNVZEAJK.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node-esm/GraphContext-VNVZEAJK.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-XY43PHPY.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs","kind":"import-statement"}],"exports":["default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/GraphContext.tsx","inputs":{},"bytes":307},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-XY43PHPY.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1767},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-XY43PHPY.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"exports":["GraphContext_default","useGraph"],"inputs":{"packages/plugins/plugin-graph/src/GraphContext.tsx":{"bytesInOutput":612}},"bytes":906},"packages/plugins/plugin-graph/dist/lib/node-esm/graph-UQRZMBQ5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2343},"packages/plugins/plugin-graph/dist/lib/node-esm/graph-UQRZMBQ5.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-graph/src/graph.ts","inputs":{"packages/plugins/plugin-graph/src/graph.ts":{"bytesInOutput":867}},"bytes":1144},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":420},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-IHM26RSC.mjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":79}},"bytes":297}}}

package/dist/types/src/GraphContext.d.ts

@@ -1,8 +1,11 @@
-import { type Context } from 'react';
-import { type Graph } from '@dxos/app-graph';
-export type GraphContext = {
-    graph: Graph;
-};
-export declare const GraphContext: Context<GraphContext | null>;
-export declare const useGraph: () => GraphContext;
+import React, { type PropsWithChildren } from 'react';
+import { type GraphBuilder } from '@dxos/app-graph';
+type GraphContextType = Pick<GraphBuilder, 'graph' | 'explore'>;
+export declare const useGraph: () => GraphContextType;
+declare const _default: () => import("@dxos/app-framework").Capability<Readonly<{
+    id: string;
+    dependsOn?: string[];
+    context: React.FC<PropsWithChildren>;
+}>>;
+export default _default;
 //# sourceMappingURL=GraphContext.d.ts.map

package/dist/types/src/GraphContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphContext.d.ts","sourceRoot":"","sources":["../../../src/GraphContext.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,OAAO,EAA6B,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7C,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,YAAY,GAAG,IAAI,CAA4C,CAAC;AAEnG,eAAO,MAAM,QAAQ,QAAO,YAAoF,CAAC"}
+{"version":3,"file":"GraphContext.d.ts","sourceRoot":"","sources":["../../../src/GraphContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAA+B,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,KAAK,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAGhE,eAAO,MAAM,QAAQ,QAAO,gBAAwF,CAAC;;;;;;AAErH,wBAOK"}

package/dist/types/src/GraphPlugin.d.ts

@@ -1,8 +1,7 @@
-import { type GraphProvides, type PluginDefinition } from '@dxos/app-framework';
 /**
  * Manages the state of the graph for the application.
  * Enables other plugins to register node builders to add nodes to the graph.
  * This includes actions and annotation each other's nodes.
  */
-export declare const GraphPlugin: () => PluginDefinition<GraphProvides>;
+export declare const GraphPlugin: () => import("@dxos/app-framework").Plugin;
 //# sourceMappingURL=GraphPlugin.d.ts.map

package/dist/types/src/GraphPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphPlugin.d.ts","sourceRoot":"","sources":["../../../src/GraphPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAA2B,MAAM,qBAAqB,CAAC;AAQxH;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,gBAAgB,CAAC,aAAa,CAoC5D,CAAC"}
+{"version":3,"file":"GraphPlugin.d.ts","sourceRoot":"","sources":["../../../src/GraphPlugin.ts"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,eAAO,MAAM,WAAW,4CAcpB,CAAC"}

package/dist/types/src/graph.d.ts

@@ -0,0 +1,8 @@
+import { type PluginsContext } from '@dxos/app-framework';
+import { type Graph } from '@dxos/app-graph';
+declare const _default: (context: PluginsContext) => Promise<import("@dxos/app-framework").Capability<{
+    graph: Graph;
+    explore: (options: import("@dxos/app-graph").GraphBuilderTraverseOptions) => Promise<void>;
+}>>;
+export default _default;
+//# sourceMappingURL=graph.d.ts.map

package/dist/types/src/graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../../src/graph.ts"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,KAAK,KAAK,EAAgB,MAAM,iBAAiB,CAAC;kCAM5B,cAAc;;;;AAA7C,wBAkBE"}

package/dist/types/src/index.d.ts

@@ -1,6 +1,5 @@
-import { GraphPlugin } from './GraphPlugin';
-export default GraphPlugin;
 export * from '@dxos/app-graph';
 export * from './GraphContext';
 export * from './GraphPlugin';
+export * from './meta';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAe,WAAW,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,6 +1,5 @@
 export declare const GRAPH_PLUGIN = "dxos.org/plugin/graph";
-declare const _default: {
+export declare const meta: {
     id: string;
 };
-export default _default;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,0BAA0B,CAAC;;;;AAEpD,wBAEuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,0BAA0B,CAAC;AAEpD,eAAO,MAAM,IAAI;;CAEK,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-graph",
-  "version": "0.7.4-staging.f7e8224",
+  "version": "0.7.5-feature-compute.4d9d99a",
   "description": "DXOS Surface plugin for constructing knowledge graphs",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,20 +12,11 @@
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
-    },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs",
-      "node": "./dist/lib/node-esm/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ]
-    }
+    "*": {}
   },
   "files": [
     "dist",
@@ -33,10 +24,10 @@
   ],
   "dependencies": {
     "@preact/signals-core": "^1.6.0",
-    "@dxos/app-framework": "0.7.4-staging.f7e8224",
-    "@dxos/app-graph": "0.7.4-staging.f7e8224",
-    "@dxos/async": "0.7.4-staging.f7e8224",
-    "@dxos/debug": "0.7.4-staging.f7e8224"
+    "@dxos/app-framework": "0.7.5-feature-compute.4d9d99a",
+    "@dxos/app-graph": "0.7.5-feature-compute.4d9d99a",
+    "@dxos/async": "0.7.5-feature-compute.4d9d99a",
+    "@dxos/debug": "0.7.5-feature-compute.4d9d99a"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -44,8 +35,8 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/storybook-utils": "0.7.4-staging.f7e8224",
-    "@dxos/react-client": "0.7.4-staging.f7e8224"
+    "@dxos/react-client": "0.7.5-feature-compute.4d9d99a",
+    "@dxos/storybook-utils": "0.7.5-feature-compute.4d9d99a"
   },
   "peerDependencies": {
     "react": "~18.2.0",

package/src/GraphContext.tsx

@@ -0,0 +1,25 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { type Context, createContext, type PropsWithChildren, useContext } from 'react';
+
+import { Capabilities, contributes, useCapability } from '@dxos/app-framework';
+import { type GraphBuilder } from '@dxos/app-graph';
+import { raise } from '@dxos/debug';
+
+import { GRAPH_PLUGIN } from './meta';
+
+type GraphContextType = Pick<GraphBuilder, 'graph' | 'explore'>;
+const GraphContext: Context<GraphContextType | null> = createContext<GraphContextType | null>(null);
+
+export const useGraph = (): GraphContextType => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));
+
+export default () =>
+  contributes(Capabilities.ReactContext, {
+    id: GRAPH_PLUGIN,
+    context: (props: PropsWithChildren) => {
+      const value = useCapability(Capabilities.AppGraph);
+      return <GraphContext.Provider value={value}>{props.children}</GraphContext.Provider>;
+    },
+  });

package/src/GraphPlugin.ts

@@ -0,0 +1,28 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineModule, lazy, Events, definePlugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+/**
+ * Manages the state of the graph for the application.
+ * Enables other plugins to register node builders to add nodes to the graph.
+ * This includes actions and annotation each other's nodes.
+ */
+export const GraphPlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/react-context`,
+      activatesOn: Events.Startup,
+      activate: lazy(() => import('./GraphContext')),
+    }),
+    defineModule({
+      id: `${meta.id}/module/graph`,
+      activatesOn: Events.Startup,
+      activatesBefore: [Events.SetupAppGraph],
+      activatesAfter: [Events.AppGraphReady],
+      activate: lazy(() => import('./graph')),
+    }),
+  ]);

package/src/graph.ts

@@ -0,0 +1,36 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
+import { type Graph, GraphBuilder } from '@dxos/app-graph';
+
+import { GRAPH_PLUGIN } from './meta';
+
+const KEY = `${GRAPH_PLUGIN}/app-graph`;
+
+export default async (context: PluginsContext) => {
+  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);
+  const interval = setInterval(() => {
+    localStorage.setItem(KEY, builder.graph.pickle());
+  }, 5_000);
+
+  context.requestCapabilities(Capabilities.AppGraphBuilder).forEach((extension) => builder.addExtension(extension));
+
+  await builder.initialize();
+  await builder.graph.expand(builder.graph.root);
+
+  setupDevtools(builder.graph);
+
+  return contributes(
+    Capabilities.AppGraph,
+    { graph: builder.graph, explore: (options) => builder.explore(options) },
+    () => clearInterval(interval),
+  );
+};
+
+// Expose the graph to the window for debugging.
+const setupDevtools = (graph: Graph) => {
+  (globalThis as any).composer ??= {};
+  (globalThis as any).composer.graph = graph;
+};

package/src/index.ts

@@ -2,11 +2,8 @@
 // Copyright 2023 DXOS.org
 //
 
-import { GraphPlugin } from './GraphPlugin';
-
-export default GraphPlugin;
-
 export * from '@dxos/app-graph';
 
 export * from './GraphContext';
 export * from './GraphPlugin';
+export * from './meta';

package/src/meta.ts

@@ -6,6 +6,6 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const GRAPH_PLUGIN = 'dxos.org/plugin/graph';
 
-export default {
+export const meta = {
   id: GRAPH_PLUGIN,
 } satisfies PluginMeta;

package/dist/lib/browser/chunk-SYPRW7IK.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport default {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;AACN;",
-  "names": ["GRAPH_PLUGIN", "id"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  GRAPH_PLUGIN,
-  meta_default
-} from "./chunk-SYPRW7IK.mjs";
-export {
-  GRAPH_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/lib/node/chunk-PIWXSWR4.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport default {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;AACN;",
-  "names": ["GRAPH_PLUGIN", "id"]
-}

package/dist/lib/node/meta.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["meta.cjs"],
-  "sourcesContent": ["import {\n  GRAPH_PLUGIN,\n  meta_default\n} from \"./chunk-PIWXSWR4.cjs\";\nexport {\n  GRAPH_PLUGIN,\n  meta_default as default\n};\n//# sourceMappingURL=meta.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;",
-  "names": []
-}