@dxos/app-framework 0.3.6 → 0.3.7-main.4df0bc8

package/dist/lib/browser/chunk-C2K6M6WC.mjs

@@ -0,0 +1,27 @@
+// packages/sdk/app-framework/src/plugins/IntentPlugin/provides.ts
+var parseIntentPlugin = (plugin) => plugin.provides.intent?.dispatch ? plugin : void 0;
+var parseIntentResolverPlugin = (plugin) => plugin.provides.intent?.resolver ? plugin : void 0;
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentContext.tsx
+import { createContext, useContext } from "react";
+var IntentContext = /* @__PURE__ */ createContext({
+  dispatch: async () => {
+  }
+});
+var useIntent = () => useContext(IntentContext);
+var IntentProvider = IntentContext.Provider;
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/meta.ts
+var IntentMeta = {
+  id: "dxos.org/plugin/intent"
+};
+var meta_default = IntentMeta;
+
+export {
+  parseIntentPlugin,
+  parseIntentResolverPlugin,
+  useIntent,
+  IntentProvider,
+  meta_default
+};
+//# sourceMappingURL=chunk-C2K6M6WC.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/IntentPlugin/provides.ts", "../../../src/plugins/IntentPlugin/IntentContext.tsx", "../../../src/plugins/IntentPlugin/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IntentContext } from './IntentContext';\nimport { type Intent } from './intent';\nimport { type Plugin } from '../PluginHost';\n\nexport type IntentResolverProvides = {\n  intent: {\n    resolver: (intent: Intent, plugins: Plugin[]) => any;\n  };\n};\n\nexport type IntentPluginProvides = {\n  intent: IntentContext;\n};\n\nexport const parseIntentPlugin = (plugin: Plugin) =>\n  (plugin.provides as any).intent?.dispatch ? (plugin as Plugin<IntentPluginProvides>) : undefined;\n\nexport const parseIntentResolverPlugin = (plugin: Plugin) =>\n  (plugin.provides as any).intent?.resolver ? (plugin as Plugin<IntentResolverProvides>) : undefined;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Context, createContext, useContext, type Provider } from 'react';\n\nimport { type DispatchIntent } from './intent';\n\nexport type IntentContext = {\n  dispatch: DispatchIntent;\n};\n\nconst IntentContext: Context<IntentContext> = createContext<IntentContext>({ dispatch: async () => {} });\n\nexport const useIntent = () => useContext(IntentContext);\n\nexport const IntentProvider: Provider<IntentContext> = IntentContext.Provider;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nconst IntentMeta = {\n  id: 'dxos.org/plugin/intent',\n};\n\nexport default IntentMeta;\n"],
+  "mappings": ";AAkBO,IAAMA,oBAAoB,CAACC,WAC/BA,OAAOC,SAAiBC,QAAQC,WAAYH,SAA0CI;AAElF,IAAMC,4BAA4B,CAACL,WACvCA,OAAOC,SAAiBC,QAAQI,WAAYN,SAA4CI;;;AClB3F,SAAuBG,eAAeC,kBAAiC;AAQvE,IAAMC,gBAAwCC,8BAA6B;EAAEC,UAAU,YAAA;EAAa;AAAE,CAAA;AAE/F,IAAMC,YAAY,MAAMC,WAAWJ,aAAAA;AAEnC,IAAMK,iBAA0CL,cAAcM;;;ACZrE,IAAMC,aAAa;EACjBC,IAAI;AACN;AAEA,IAAA,eAAeD;",
+  "names": ["parseIntentPlugin", "plugin", "provides", "intent", "dispatch", "undefined", "parseIntentResolverPlugin", "resolver", "createContext", "useContext", "IntentContext", "createContext", "dispatch", "useIntent", "useContext", "IntentProvider", "Provider", "IntentMeta", "id"]
+}

package/dist/lib/browser/chunk-CFZ5JAJF.mjs

@@ -0,0 +1,18 @@
+// packages/sdk/app-framework/src/plugins/helpers.ts
+import { raise } from "@dxos/debug";
+var findPlugin = (plugins, id) => {
+  return plugins.find((plugin) => plugin.meta.id === id || typeof plugin.meta.shortId === "string" && plugin.meta.shortId === id);
+};
+var getPlugin = (plugins, id) => {
+  return findPlugin(plugins, id) ?? raise(new Error(`Plugin not found: ${id}`));
+};
+var filterPlugins = (plugins, predicate) => plugins.map((plugin) => predicate(plugin)).filter((plugin) => !!plugin);
+var resolvePlugin = (plugins, predicate) => filterPlugins(plugins, predicate)[0];
+
+export {
+  findPlugin,
+  getPlugin,
+  filterPlugins,
+  resolvePlugin
+};
+//# sourceMappingURL=chunk-CFZ5JAJF.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/helpers.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { raise } from '@dxos/debug';\n\nimport { type Plugin } from './PluginHost';\n\n/**\n * Find a plugin by ID.\n */\nexport const findPlugin = <T>(plugins: Plugin[], id: string): Plugin<T> | undefined => {\n  return plugins.find(\n    (plugin) => plugin.meta.id === id || (typeof plugin.meta.shortId === 'string' && plugin.meta.shortId === id),\n  ) as Plugin<T>;\n};\n\n/**\n * Find a plugin by ID, or raise an error if not found.\n */\nexport const getPlugin = <T>(plugins: Plugin[], id: string): Plugin<T> => {\n  return findPlugin(plugins, id) ?? raise(new Error(`Plugin not found: ${id}`));\n};\n\n/**\n * Filter a list of plugins to only those that match a predicate.\n */\nexport const filterPlugins = <T>(\n  plugins: Plugin[],\n  predicate: (plugin: Plugin) => Plugin<T> | undefined,\n): Plugin<T>[] => plugins.map((plugin) => predicate(plugin)).filter((plugin): plugin is Plugin<T> => !!plugin);\n\n/**\n * Resolves a plugin by predicate.\n *\n * @example\n * import { parseIntentPlugin, resolvePlugin } from '@dxos/app-framework';\n * const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n */\nexport const resolvePlugin = <T>(\n  plugins: Plugin[],\n  predicate: (plugin: Plugin) => Plugin<T> | undefined,\n): Plugin<T> | undefined => filterPlugins(plugins, predicate)[0];\n"],
+  "mappings": ";AAIA,SAASA,aAAa;AAOf,IAAMC,aAAa,CAAIC,SAAmBC,OAAAA;AAC/C,SAAOD,QAAQE,KACb,CAACC,WAAWA,OAAOC,KAAKH,OAAOA,MAAO,OAAOE,OAAOC,KAAKC,YAAY,YAAYF,OAAOC,KAAKC,YAAYJ,EAAAA;AAE7G;AAKO,IAAMK,YAAY,CAAIN,SAAmBC,OAAAA;AAC9C,SAAOF,WAAWC,SAASC,EAAAA,KAAOM,MAAM,IAAIC,MAAM,qBAAqBP,EAAAA,EAAI,CAAA;AAC7E;AAKO,IAAMQ,gBAAgB,CAC3BT,SACAU,cACgBV,QAAQW,IAAI,CAACR,WAAWO,UAAUP,MAAAA,CAAAA,EAASS,OAAO,CAACT,WAAgC,CAAC,CAACA,MAAAA;AAShG,IAAMU,gBAAgB,CAC3Bb,SACAU,cAC0BD,cAAcT,SAASU,SAAAA,EAAW,CAAA;",
+  "names": ["raise", "findPlugin", "plugins", "id", "find", "plugin", "meta", "shortId", "getPlugin", "raise", "Error", "filterPlugins", "predicate", "map", "filter", "resolvePlugin"]
+}

package/dist/lib/browser/chunk-WDA7VA54.mjs

@@ -0,0 +1,26 @@
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/provides.ts
+var parseRootSurfacePlugin = (plugin) => plugin?.provides?.surface?.components ? plugin : void 0;
+var parseSurfacePlugin = (plugin) => plugin?.provides?.surface?.component ? plugin : void 0;
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfaceRootContext.tsx
+import { createContext, useContext } from "react";
+var SurfaceRootContext = /* @__PURE__ */ createContext({
+  components: {}
+});
+var useSurface = () => useContext(SurfaceRootContext);
+var SurfaceProvider = SurfaceRootContext.Provider;
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/meta.ts
+var SurfaceMeta = {
+  id: "dxos.org/plugin/surface"
+};
+var meta_default = SurfaceMeta;
+
+export {
+  parseRootSurfacePlugin,
+  parseSurfacePlugin,
+  useSurface,
+  SurfaceProvider,
+  meta_default
+};
+//# sourceMappingURL=chunk-WDA7VA54.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/SurfacePlugin/provides.ts", "../../../src/plugins/SurfacePlugin/SurfaceRootContext.tsx", "../../../src/plugins/SurfacePlugin/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type SurfaceComponent, type SurfaceRootContext } from './SurfaceRootContext';\nimport { type Plugin } from '../PluginHost';\n\nexport type SurfaceProvides = {\n  surface: {\n    /**\n     * Used by the `Surface` resolver to find a component to render.\n     */\n    component: SurfaceComponent;\n  };\n};\n\nexport type SurfacePluginProvides = {\n  surface: SurfaceRootContext;\n};\n\nexport const parseRootSurfacePlugin = (plugin?: Plugin) =>\n  (plugin?.provides as any)?.surface?.components ? (plugin as Plugin<SurfacePluginProvides>) : undefined;\n\nexport const parseSurfacePlugin = (plugin?: Plugin) =>\n  (plugin?.provides as any)?.surface?.component ? (plugin as Plugin<SurfaceProvides>) : undefined;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { createContext, useContext, type Context, type Provider, type ReactNode, type ForwardedRef } from 'react';\n\nimport { type SurfaceProps } from './Surface';\n\n// TODO(wittjosiah): Factor out.\ntype WithRequiredProperty<Type, Key extends keyof Type> = Type & {\n  [Property in Key]-?: Type[Property];\n};\n\ntype SurfaceComponentProps = WithRequiredProperty<SurfaceProps, 'data'>;\n\n/**\n * Function which resolves a Surface.\n *\n * If a null value is returned, the rendering is deferred to other plugins.\n */\nexport type SurfaceComponent = (props: SurfaceComponentProps, forwardedRef: ForwardedRef<HTMLElement>) => ReactNode;\n\nexport type SurfaceRootContext = {\n  components: Record<string, SurfaceComponent>;\n};\n\nconst SurfaceRootContext: Context<SurfaceRootContext> = createContext<SurfaceRootContext>({ components: {} });\n\nexport const useSurface = () => useContext(SurfaceRootContext);\n\nexport const SurfaceProvider: Provider<SurfaceRootContext> = SurfaceRootContext.Provider;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nconst SurfaceMeta = {\n  id: 'dxos.org/plugin/surface',\n};\n\nexport default SurfaceMeta;\n"],
+  "mappings": ";AAoBO,IAAMA,yBAAyB,CAACC,WACpCA,QAAQC,UAAkBC,SAASC,aAAcH,SAA2CI;AAExF,IAAMC,qBAAqB,CAACL,WAChCA,QAAQC,UAAkBC,SAASI,YAAaN,SAAqCI;;;ACpBxF,SAASG,eAAeC,kBAAkF;AAsB1G,IAAMC,qBAAkDC,8BAAkC;EAAEC,YAAY,CAAC;AAAE,CAAA;AAEpG,IAAMC,aAAa,MAAMC,WAAWJ,kBAAAA;AAEpC,IAAMK,kBAAgDL,mBAAmBM;;;AC1BhF,IAAMC,cAAc;EAClBC,IAAI;AACN;AAEA,IAAA,eAAeD;",
+  "names": ["parseRootSurfacePlugin", "plugin", "provides", "surface", "components", "undefined", "parseSurfacePlugin", "component", "createContext", "useContext", "SurfaceRootContext", "createContext", "components", "useSurface", "useContext", "SurfaceProvider", "Provider", "SurfaceMeta", "id"]
+}

package/dist/lib/browser/index.mjs

@@ -1,3 +1,24 @@
+import {
+  SurfaceProvider,
+  meta_default as meta_default2,
+  parseRootSurfacePlugin,
+  parseSurfacePlugin,
+  useSurface
+} from "./chunk-WDA7VA54.mjs";
+import {
+  IntentProvider,
+  meta_default,
+  parseIntentPlugin,
+  parseIntentResolverPlugin,
+  useIntent
+} from "./chunk-C2K6M6WC.mjs";
+import {
+  filterPlugins,
+  findPlugin,
+  getPlugin,
+  resolvePlugin
+} from "./chunk-CFZ5JAJF.mjs";
+
 // packages/sdk/app-framework/src/plugins/common/graph.ts
 var parseGraphPlugin = (plugin) => plugin.provides.graph?.root ? plugin : void 0;
 var parseGraphBuilderPlugin = (plugin) => plugin.provides.graph?.builder ? plugin : void 0;
@@ -56,88 +77,30 @@ var parseTranslationsPlugin = (plugin) => {
   return success ? plugin : void 0;
 };
 
-// packages/sdk/app-framework/src/plugins/helpers.ts
-import { raise } from "@dxos/debug";
-var findPlugin = (plugins, id) => {
-  return plugins.find((plugin) => plugin.meta.id === id || typeof plugin.meta.shortId === "string" && plugin.meta.shortId === id);
-};
-var getPlugin = (plugins, id) => {
-  return findPlugin(plugins, id) ?? raise(new Error(`Plugin not found: ${id}`));
-};
-var filterPlugins = (plugins, predicate) => plugins.map((plugin) => predicate(plugin)).filter((plugin) => !!plugin);
-var resolvePlugin = (plugins, predicate) => filterPlugins(plugins, predicate)[0];
-
-// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentContext.tsx
-import { createContext, useContext } from "react";
-var IntentContext = /* @__PURE__ */ createContext({
-  dispatch: async () => {
-  }
-});
-var useIntent = () => useContext(IntentContext);
-var IntentProvider = IntentContext.Provider;
-
-// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentPlugin.tsx
-import { deepSignal } from "deepsignal/react";
-import React from "react";
-var parseIntentPlugin = (plugin) => plugin.provides.intent?.dispatch ? plugin : void 0;
-var parseIntentResolverPlugin = (plugin) => plugin.provides.intent?.resolver ? plugin : void 0;
-var IntentPlugin = () => {
-  const state = deepSignal({
-    dispatch: async () => {
-    }
-  });
-  return {
-    meta: {
-      id: "dxos.org/plugin/intent"
-    },
-    ready: async (plugins) => {
-      const dispatch = async (intent) => {
-        if (intent.plugin) {
-          const plugin = findPlugin(plugins, intent.plugin);
-          return plugin?.provides.intent.resolver(intent, plugins);
-        }
-        for (const plugin of filterPlugins(plugins, parseIntentResolverPlugin)) {
-          const result = await plugin.provides.intent.resolver(intent, plugins);
-          if (result) {
-            return result;
-          }
-        }
-      };
-      state.dispatch = async (intentOrArray) => {
-        let result = null;
-        for (const intent of Array.isArray(intentOrArray) ? intentOrArray : [
-          intentOrArray
-        ]) {
-          const data = intent.data ? {
-            ...result,
-            ...intent.data
-          } : result;
-          result = await dispatch({
-            ...intent,
-            data
-          });
-        }
-        return result;
-      };
-    },
-    provides: {
-      intent: state,
-      context: ({ children }) => /* @__PURE__ */ React.createElement(IntentProvider, {
-        value: state
-      }, children)
-    }
+// packages/sdk/app-framework/src/plugins/PluginHost/plugin.ts
+var pluginMeta = (meta) => meta;
+var Plugin;
+(function(Plugin2) {
+  var lazy = Plugin2.lazy = (p, props) => {
+    return () => p().then(({ default: definition }) => {
+      return definition(props);
+    });
   };
-};
+})(Plugin || (Plugin = {}));
 
 // packages/sdk/app-framework/src/plugins/PluginHost/PluginContext.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var PluginContext = /* @__PURE__ */ createContext2({
+import { createContext, useContext } from "react";
+var PluginContext = /* @__PURE__ */ createContext({
   ready: false,
-  initializing: [],
-  loading: [],
-  plugins: []
+  enabled: [],
+  plugins: [],
+  available: [],
+  enablePlugin: () => {
+  },
+  disablePlugin: () => {
+  }
 });
-var usePlugins = () => useContext2(PluginContext);
+var usePlugins = () => useContext(PluginContext);
 var usePlugin = (id) => {
   const { plugins } = usePlugins();
   return findPlugin(plugins, id);
@@ -149,90 +112,101 @@ var useResolvePlugin = (predicate) => {
 var PluginProvider = PluginContext.Provider;
 
 // packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx
-import { deepSignal as deepSignal2, shallow } from "deepsignal/react";
-import React2, { useEffect } from "react";
+import { shallow } from "deepsignal/react";
+import React, { useEffect } from "react";
+import { LocalStorageStore } from "@dxos/local-storage";
 import { log } from "@dxos/log";
-var __dxlog_file = "/home/circleci/project/packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx";
 var parsePluginHost = (plugin) => plugin.provides.plugins ? plugin : void 0;
-var PluginHost = ({ plugins: definitions, fallback }) => {
-  const state = deepSignal2({
+var PLUGIN_HOST = "dxos.org/plugin/host";
+var PluginHost = ({ order, plugins: definitions, core = [], defaults = [], fallback = null }) => {
+  const state = new LocalStorageStore(PLUGIN_HOST, {
     ready: false,
-    initializing: [],
-    loading: [],
-    plugins: []
+    enabled: [
+      ...defaults
+    ],
+    plugins: [],
+    available: order.filter(({ id }) => !core.includes(id)),
+    enablePlugin: (id) => {
+      state.values.enabled = [
+        ...state.values.enabled,
+        id
+      ];
+    },
+    disablePlugin: (id) => {
+      state.values.enabled = state.values.enabled.filter((enabled) => enabled !== id);
+    }
   });
+  state.prop(state.values.$enabled, "enabled", LocalStorageStore.json);
   return {
     meta: {
-      id: "dxos.org/plugin/host"
+      id: PLUGIN_HOST,
+      name: "Plugin host"
     },
     provides: {
-      plugins: state,
-      context: ({ children }) => /* @__PURE__ */ React2.createElement(PluginProvider, {
-        value: state
+      plugins: state.values,
+      context: ({ children }) => /* @__PURE__ */ React.createElement(PluginProvider, {
+        value: state.values
       }, children),
       root: () => {
         useEffect(() => {
           log("initializing plugins", {
-            definitions
+            enabled: state.values.enabled
           }, {
             F: __dxlog_file,
-            L: 43,
+            L: 66,
             S: void 0,
             C: (f, a) => f(...a)
           });
           const timeout = setTimeout(async () => {
-            state.initializing = shallow(definitions);
-            const plugins = await Promise.all(definitions.map(async (definition) => {
+            const enabledIds = [
+              ...core,
+              ...state.values.enabled
+            ].sort((a, b) => {
+              const indexA = order.findIndex(({ id }) => id === a);
+              const indexB = order.findIndex(({ id }) => id === b);
+              return indexA - indexB;
+            });
+            const enabled = await Promise.all(enabledIds.map((id) => definitions[id]).filter((definition) => Boolean(definition)).map((definition) => definition()));
+            const plugins = await Promise.all(enabled.map(async (definition) => {
               const plugin = await initializePlugin(definition).catch((err) => {
                 console.error("Failed to initialize plugin:", definition.meta.id, err);
                 return void 0;
               });
-              state.initializing = shallow(state.initializing.filter((plugin2) => plugin2 !== definition));
               return plugin;
             })).then((plugins2) => plugins2.filter((plugin) => Boolean(plugin)));
             log("plugins initialized", {
               plugins
             }, {
               F: __dxlog_file,
-              L: 57,
+              L: 91,
               S: void 0,
               C: (f, a) => f(...a)
             });
-            state.loading = shallow(definitions);
-            await Promise.all(definitions.map(async (pluginDefinition) => {
+            await Promise.all(enabled.map(async (pluginDefinition) => {
               await pluginDefinition.ready?.(plugins);
-              state.loading = shallow(state.loading.filter((plugin) => plugin !== pluginDefinition));
             }));
             log("plugins ready", {
               plugins
             }, {
               F: __dxlog_file,
-              L: 66,
+              L: 98,
               S: void 0,
               C: (f, a) => f(...a)
             });
-            state.plugins = shallow(plugins);
-            state.ready = true;
+            state.values.plugins = shallow(plugins);
+            state.values.ready = true;
           });
           return () => {
             clearTimeout(timeout);
-            state.ready = false;
-            void Promise.all(definitions.map((definition) => definition.unload?.()));
+            state.values.ready = false;
           };
         }, []);
-        if (!state.ready) {
-          if (typeof fallback === "function") {
-            const FallbackComponent = fallback;
-            return /* @__PURE__ */ React2.createElement(FallbackComponent, {
-              initializing: state.initializing,
-              loading: state.loading,
-              plugins: state.plugins
-            });
-          }
-          return /* @__PURE__ */ React2.createElement(React2.Fragment, null, fallback ?? null);
+        if (!state.values.ready) {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
         }
-        const ComposedContext = composeContext(state.plugins);
-        return /* @__PURE__ */ React2.createElement(ComposedContext, null, rootComponents(state.plugins));
+        const ComposedContext = composeContext(state.values.plugins);
+        return /* @__PURE__ */ React.createElement(ComposedContext, null, rootComponents(state.values.plugins));
       }
     }
   };
@@ -251,7 +225,7 @@ var rootComponents = (plugins) => {
   return plugins.map((plugin) => {
     const Component2 = plugin.provides.root;
     if (Component2) {
-      return /* @__PURE__ */ React2.createElement(Component2, {
+      return /* @__PURE__ */ React.createElement(Component2, {
         key: plugin.meta.id
       });
     } else {
@@ -265,11 +239,11 @@ var composeContext = (plugins) => {
 var compose = (contexts) => {
   return [
     ...contexts
-  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ React2.createElement(Acc, null, /* @__PURE__ */ React2.createElement(Next, null, children)));
+  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ React.createElement(Acc, null, /* @__PURE__ */ React.createElement(Next, null, children)));
 };
 
 // packages/sdk/app-framework/src/plugins/SurfacePlugin/ErrorBoundary.tsx
-import React3, { Component } from "react";
+import React2, { Component } from "react";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -289,7 +263,7 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ React3.createElement(this.props.fallback, {
+      return /* @__PURE__ */ React2.createElement(this.props.fallback, {
         error: this.state.error,
         reset: this.resetError
       });
@@ -304,37 +278,33 @@ var ErrorBoundary = class extends Component {
 };
 
 // packages/sdk/app-framework/src/plugins/SurfacePlugin/Surface.tsx
-import React4 from "react";
-import { createContext as createContext4, useContext as useContext4 } from "react";
-
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfaceRootContext.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var SurfaceRootContext = /* @__PURE__ */ createContext3({
-  components: {}
-});
-var useSurface = () => useContext3(SurfaceRootContext);
-var SurfaceProvider = SurfaceRootContext.Provider;
-
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/Surface.tsx
-var Surface = ({ role, name = role, fallback, ...rest }) => {
+import React3, { forwardRef, Fragment } from "react";
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var Surface = /* @__PURE__ */ forwardRef(({ role, name = role, fallback, ...rest }, forwardedRef) => {
   const props = {
     role,
     name,
     fallback,
     ...rest
   };
-  const context = useContext4(SurfaceContext);
+  const context = useContext2(SurfaceContext);
   const data = props.data ?? (name && context?.surfaces?.[name]?.data || {});
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, fallback ? /* @__PURE__ */ React4.createElement(ErrorBoundary, {
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, fallback ? /* @__PURE__ */ React3.createElement(ErrorBoundary, {
     data,
     fallback
-  }, /* @__PURE__ */ React4.createElement(SurfaceResolver, props)) : /* @__PURE__ */ React4.createElement(SurfaceResolver, props));
-};
-var SurfaceContext = /* @__PURE__ */ createContext4(null);
-var SurfaceResolver = (props) => {
+  }, /* @__PURE__ */ React3.createElement(SurfaceResolver, {
+    ...props,
+    ref: forwardedRef
+  })) : /* @__PURE__ */ React3.createElement(SurfaceResolver, {
+    ...props,
+    ref: forwardedRef
+  }));
+});
+var SurfaceContext = /* @__PURE__ */ createContext2(null);
+var SurfaceResolver = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { components } = useSurface();
-  const parent = useContext4(SurfaceContext);
-  const nodes = resolveNodes(components, props, parent);
+  const parent = useContext2(SurfaceContext);
+  const nodes = resolveNodes(components, props, parent, forwardedRef);
   const currentContext = {
     ...props,
     surfaces: {
@@ -342,71 +312,53 @@ var SurfaceResolver = (props) => {
       ...props.surfaces
     }
   };
-  return /* @__PURE__ */ React4.createElement(SurfaceContext.Provider, {
+  return /* @__PURE__ */ React3.createElement(SurfaceContext.Provider, {
     value: currentContext
-  }, nodes.length > 0 ? nodes : props.contentFallback ? /* @__PURE__ */ React4.createElement(props.contentFallback, null) : null);
-};
-var resolveNodes = (components, props, context) => {
+  }, nodes.length > 0 ? nodes : props.contentFallback ? /* @__PURE__ */ React3.createElement(props.contentFallback, null) : null);
+});
+var resolveNodes = (components, props, context, forwardedRef) => {
   const data = {
     ...props.name && context?.surfaces?.[props.name]?.data || {},
     ...props.data
   };
   const nodes = Object.entries(components).map(([key, component]) => {
-    const result = component(data, props.role);
-    return result ? /* @__PURE__ */ React4.createElement(Wrapper, {
+    const result = component({
+      ...props,
+      data
+    }, forwardedRef);
+    return result ? /* @__PURE__ */ React3.createElement(Fragment, {
       key
     }, result) : void 0;
   }).filter((Component2) => Boolean(Component2));
   return props.limit ? nodes.slice(0, props.limit) : nodes;
 };
-var Wrapper = ({ children }) => /* @__PURE__ */ React4.createElement(React4.Fragment, null, children);
-
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfacePlugin.tsx
-import { deepSignal as deepSignal3, shallow as shallow2 } from "deepsignal/react";
-import React5 from "react";
-var parseRootSurfacePlugin = (plugin) => plugin?.provides?.surface?.components ? plugin : void 0;
-var parseSurfacePlugin = (plugin) => plugin?.provides?.surface?.component ? plugin : void 0;
-var SurfacePlugin = () => {
-  const state = deepSignal3({
-    components: {}
-  });
-  return {
-    meta: {
-      id: "dxos.org/plugin/surface"
-    },
-    ready: async (plugins) => {
-      state.components = shallow2(filterPlugins(plugins, parseSurfacePlugin).reduce((acc, plugin) => {
-        return {
-          ...acc,
-          [plugin.meta.id]: plugin.provides.surface.component
-        };
-      }, {}));
-    },
-    provides: {
-      surface: state,
-      context: ({ children }) => /* @__PURE__ */ React5.createElement(SurfaceProvider, {
-        value: state
-      }, children)
-    }
-  };
-};
 
 // packages/sdk/app-framework/src/App.tsx
-import React6 from "react";
+import React4 from "react";
 import { invariant } from "@dxos/invariant";
-var __dxlog_file2 = "/home/circleci/project/packages/sdk/app-framework/src/App.tsx";
-var createApp = ({ plugins, fallback }) => {
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/App.tsx";
+var createApp = ({ order, plugins, core = order.map(({ id }) => id), ...params }) => {
   const host = PluginHost({
-    plugins: [
-      SurfacePlugin(),
-      IntentPlugin(),
-      ...plugins
+    order: [
+      meta_default2,
+      meta_default,
+      ...order
     ],
-    fallback
+    plugins: {
+      ...plugins,
+      [meta_default2.id]: Plugin.lazy(() => import("./plugin-XEJ5RYCP.mjs")),
+      [meta_default.id]: Plugin.lazy(() => import("./plugin-CBPJO5NB.mjs"))
+    },
+    core: [
+      meta_default2.id,
+      meta_default.id,
+      ...core
+    ],
+    ...params
   });
   invariant(host.provides?.context, void 0, {
     F: __dxlog_file2,
-    L: 33,
+    L: 51,
     S: void 0,
     A: [
       "host.provides?.context",
@@ -415,7 +367,7 @@ var createApp = ({ plugins, fallback }) => {
   });
   invariant(host.provides?.root, void 0, {
     F: __dxlog_file2,
-    L: 34,
+    L: 52,
     S: void 0,
     A: [
       "host.provides?.root",
@@ -424,21 +376,20 @@ var createApp = ({ plugins, fallback }) => {
   });
   const Context = host.provides.context;
   const Root = host.provides.root;
-  return () => /* @__PURE__ */ React6.createElement(Context, null, /* @__PURE__ */ React6.createElement(Root, null));
+  return () => /* @__PURE__ */ React4.createElement(Context, null, /* @__PURE__ */ React4.createElement(Root, null));
 };
 export {
   ErrorBoundary,
-  IntentPlugin,
   IntentProvider,
   Layout,
   LayoutAction,
+  Plugin,
   PluginHost,
   PluginProvider,
   Resource,
   ResourceKey,
   ResourceLanguage,
   Surface,
-  SurfacePlugin,
   SurfaceProvider,
   createApp,
   filterPlugins,
@@ -456,6 +407,7 @@ export {
   parseRootSurfacePlugin,
   parseSurfacePlugin,
   parseTranslationsPlugin,
+  pluginMeta,
   resolvePlugin,
   useIntent,
   usePlugin,