@dxos/app-framework 0.3.6 → 0.3.7-main.645bcb5

package/dist/lib/node/index.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,21 +30,215 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// packages/sdk/app-framework/src/plugins/helpers.ts
+var import_debug, findPlugin, getPlugin, filterPlugins, resolvePlugin;
+var init_helpers = __esm({
+  "packages/sdk/app-framework/src/plugins/helpers.ts"() {
+    "use strict";
+    import_debug = require("@dxos/debug");
+    findPlugin = (plugins, id) => {
+      return plugins.find((plugin) => plugin.meta.id === id || typeof plugin.meta.shortId === "string" && plugin.meta.shortId === id);
+    };
+    getPlugin = (plugins, id) => {
+      return findPlugin(plugins, id) ?? (0, import_debug.raise)(new Error(`Plugin not found: ${id}`));
+    };
+    filterPlugins = (plugins, predicate) => plugins.map((plugin) => predicate(plugin)).filter((plugin) => !!plugin);
+    resolvePlugin = (plugins, predicate) => filterPlugins(plugins, predicate)[0];
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/provides.ts
+var parseIntentPlugin, parseIntentResolverPlugin;
+var init_provides = __esm({
+  "packages/sdk/app-framework/src/plugins/IntentPlugin/provides.ts"() {
+    "use strict";
+    parseIntentPlugin = (plugin) => plugin.provides.intent?.dispatch ? plugin : void 0;
+    parseIntentResolverPlugin = (plugin) => plugin.provides.intent?.resolver ? plugin : void 0;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentContext.tsx
+var import_react, IntentContext, useIntent, IntentProvider;
+var init_IntentContext = __esm({
+  "packages/sdk/app-framework/src/plugins/IntentPlugin/IntentContext.tsx"() {
+    "use strict";
+    import_react = require("react");
+    IntentContext = /* @__PURE__ */ (0, import_react.createContext)({
+      dispatch: async () => {
+      }
+    });
+    useIntent = () => (0, import_react.useContext)(IntentContext);
+    IntentProvider = IntentContext.Provider;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/provides.ts
+var parseRootSurfacePlugin, parseSurfacePlugin;
+var init_provides2 = __esm({
+  "packages/sdk/app-framework/src/plugins/SurfacePlugin/provides.ts"() {
+    "use strict";
+    parseRootSurfacePlugin = (plugin) => plugin?.provides?.surface?.components ? plugin : void 0;
+    parseSurfacePlugin = (plugin) => plugin?.provides?.surface?.component ? plugin : void 0;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfaceRootContext.tsx
+var import_react6, SurfaceRootContext, useSurface, SurfaceProvider;
+var init_SurfaceRootContext = __esm({
+  "packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfaceRootContext.tsx"() {
+    "use strict";
+    import_react6 = require("react");
+    SurfaceRootContext = /* @__PURE__ */ (0, import_react6.createContext)({
+      components: {}
+    });
+    useSurface = () => (0, import_react6.useContext)(SurfaceRootContext);
+    SurfaceProvider = SurfaceRootContext.Provider;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/meta.ts
+var IntentMeta, meta_default;
+var init_meta = __esm({
+  "packages/sdk/app-framework/src/plugins/IntentPlugin/meta.ts"() {
+    "use strict";
+    IntentMeta = {
+      id: "dxos.org/plugin/intent"
+    };
+    meta_default = IntentMeta;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/meta.ts
+var SurfaceMeta, meta_default2;
+var init_meta2 = __esm({
+  "packages/sdk/app-framework/src/plugins/SurfacePlugin/meta.ts"() {
+    "use strict";
+    SurfaceMeta = {
+      id: "dxos.org/plugin/surface"
+    };
+    meta_default2 = SurfaceMeta;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/plugin.tsx
+var plugin_exports = {};
+__export(plugin_exports, {
+  default: () => plugin_default
+});
+var import_react9, import_react10, SurfacePlugin, plugin_default;
+var init_plugin = __esm({
+  "packages/sdk/app-framework/src/plugins/SurfacePlugin/plugin.tsx"() {
+    "use strict";
+    import_react9 = require("deepsignal/react");
+    import_react10 = __toESM(require("react"));
+    init_SurfaceRootContext();
+    init_meta2();
+    init_provides2();
+    init_helpers();
+    SurfacePlugin = () => {
+      const state = (0, import_react9.deepSignal)({
+        components: {}
+      });
+      return {
+        meta: meta_default2,
+        ready: async (plugins) => {
+          state.components = (0, import_react9.shallow)(filterPlugins(plugins, parseSurfacePlugin).reduce((acc, plugin) => {
+            return {
+              ...acc,
+              [plugin.meta.id]: plugin.provides.surface.component
+            };
+          }, {}));
+        },
+        provides: {
+          surface: state,
+          context: ({ children }) => /* @__PURE__ */ import_react10.default.createElement(SurfaceProvider, {
+            value: state
+          }, children)
+        }
+      };
+    };
+    plugin_default = SurfacePlugin;
+  }
+});
+
+// packages/sdk/app-framework/src/plugins/IntentPlugin/plugin.tsx
+var plugin_exports2 = {};
+__export(plugin_exports2, {
+  default: () => plugin_default2
+});
+var import_react11, import_react12, IntentPlugin, plugin_default2;
+var init_plugin2 = __esm({
+  "packages/sdk/app-framework/src/plugins/IntentPlugin/plugin.tsx"() {
+    "use strict";
+    import_react11 = require("deepsignal/react");
+    import_react12 = __toESM(require("react"));
+    init_IntentContext();
+    init_meta();
+    init_provides();
+    init_helpers();
+    IntentPlugin = () => {
+      const state = (0, import_react11.deepSignal)({
+        dispatch: async () => {
+        }
+      });
+      return {
+        meta: meta_default,
+        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__ */ import_react12.default.createElement(IntentProvider, {
+            value: state
+          }, children)
+        }
+      };
+    };
+    plugin_default2 = IntentPlugin;
+  }
+});
+
 // packages/sdk/app-framework/src/index.ts
 var src_exports = {};
 __export(src_exports, {
   ErrorBoundary: () => ErrorBoundary,
-  IntentPlugin: () => IntentPlugin,
   IntentProvider: () => IntentProvider,
   Layout: () => Layout,
   LayoutAction: () => LayoutAction,
+  Plugin: () => Plugin,
   PluginHost: () => PluginHost,
   PluginProvider: () => PluginProvider,
   Resource: () => Resource,
   ResourceKey: () => ResourceKey,
   ResourceLanguage: () => ResourceLanguage,
   Surface: () => Surface,
-  SurfacePlugin: () => SurfacePlugin,
   SurfaceProvider: () => SurfaceProvider,
   createApp: () => createApp,
   filterPlugins: () => filterPlugins,
@@ -59,6 +256,7 @@ __export(src_exports, {
   parseRootSurfacePlugin: () => parseRootSurfacePlugin,
   parseSurfacePlugin: () => parseSurfacePlugin,
   parseTranslationsPlugin: () => parseTranslationsPlugin,
+  pluginMeta: () => pluginMeta,
   resolvePlugin: () => resolvePlugin,
   useIntent: () => useIntent,
   usePlugin: () => usePlugin,
@@ -126,88 +324,38 @@ var parseTranslationsPlugin = (plugin) => {
   return success ? plugin : void 0;
 };
 
-// packages/sdk/app-framework/src/plugins/helpers.ts
-var import_debug = require("@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) ?? (0, import_debug.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/index.ts
+init_helpers();
 
-// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentContext.tsx
-var import_react = require("react");
-var IntentContext = /* @__PURE__ */ (0, import_react.createContext)({
-  dispatch: async () => {
-  }
-});
-var useIntent = () => (0, import_react.useContext)(IntentContext);
-var IntentProvider = IntentContext.Provider;
+// packages/sdk/app-framework/src/plugins/IntentPlugin/index.ts
+init_provides();
+init_IntentContext();
 
-// packages/sdk/app-framework/src/plugins/IntentPlugin/IntentPlugin.tsx
-var import_react2 = require("deepsignal/react");
-var import_react3 = __toESM(require("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 = (0, import_react2.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__ */ import_react3.default.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
-var import_react4 = require("react");
-var PluginContext = /* @__PURE__ */ (0, import_react4.createContext)({
+var import_react2 = require("react");
+init_helpers();
+var PluginContext = /* @__PURE__ */ (0, import_react2.createContext)({
   ready: false,
-  initializing: [],
-  loading: [],
-  plugins: []
+  enabled: [],
+  plugins: [],
+  available: [],
+  enablePlugin: () => {
+  },
+  disablePlugin: () => {
+  }
 });
-var usePlugins = () => (0, import_react4.useContext)(PluginContext);
+var usePlugins = () => (0, import_react2.useContext)(PluginContext);
 var usePlugin = (id) => {
   const { plugins } = usePlugins();
   return findPlugin(plugins, id);
@@ -219,90 +367,100 @@ var useResolvePlugin = (predicate) => {
 var PluginProvider = PluginContext.Provider;
 
 // packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx
-var import_react5 = require("deepsignal/react");
-var import_react6 = __toESM(require("react"));
+var import_react3 = require("deepsignal/react");
+var import_react4 = __toESM(require("react"));
+var import_local_storage = require("@dxos/local-storage");
 var import_log = require("@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 = (0, import_react5.deepSignal)({
+var PLUGIN_HOST = "dxos.org/plugin/host";
+var PluginHost = ({ order, plugins: definitions, core = order.map(({ id }) => id), defaults = [], fallback = null }) => {
+  const state = new import_local_storage.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", import_local_storage.LocalStorageStore.json);
   return {
     meta: {
-      id: "dxos.org/plugin/host"
+      id: PLUGIN_HOST
     },
     provides: {
-      plugins: state,
-      context: ({ children }) => /* @__PURE__ */ import_react6.default.createElement(PluginProvider, {
-        value: state
+      plugins: state.values,
+      context: ({ children }) => /* @__PURE__ */ import_react4.default.createElement(PluginProvider, {
+        value: state.values
       }, children),
       root: () => {
-        (0, import_react6.useEffect)(() => {
+        (0, import_react4.useEffect)(() => {
           (0, import_log.log)("initializing plugins", {
-            definitions
+            enabled: state.values.enabled
           }, {
             F: __dxlog_file,
-            L: 43,
+            L: 65,
             S: void 0,
             C: (f, a) => f(...a)
           });
           const timeout = setTimeout(async () => {
-            state.initializing = (0, import_react5.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 = (0, import_react5.shallow)(state.initializing.filter((plugin2) => plugin2 !== definition));
               return plugin;
             })).then((plugins2) => plugins2.filter((plugin) => Boolean(plugin)));
             (0, import_log.log)("plugins initialized", {
               plugins
             }, {
               F: __dxlog_file,
-              L: 57,
+              L: 90,
               S: void 0,
               C: (f, a) => f(...a)
             });
-            state.loading = (0, import_react5.shallow)(definitions);
-            await Promise.all(definitions.map(async (pluginDefinition) => {
+            await Promise.all(enabled.map(async (pluginDefinition) => {
               await pluginDefinition.ready?.(plugins);
-              state.loading = (0, import_react5.shallow)(state.loading.filter((plugin) => plugin !== pluginDefinition));
             }));
             (0, import_log.log)("plugins ready", {
               plugins
             }, {
               F: __dxlog_file,
-              L: 66,
+              L: 97,
               S: void 0,
               C: (f, a) => f(...a)
             });
-            state.plugins = (0, import_react5.shallow)(plugins);
-            state.ready = true;
+            state.values.plugins = (0, import_react3.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__ */ import_react6.default.createElement(FallbackComponent, {
-              initializing: state.initializing,
-              loading: state.loading,
-              plugins: state.plugins
-            });
-          }
-          return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, fallback ?? null);
+        if (!state.values.ready) {
+          return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, fallback);
         }
-        const ComposedContext = composeContext(state.plugins);
-        return /* @__PURE__ */ import_react6.default.createElement(ComposedContext, null, rootComponents(state.plugins));
+        const ComposedContext = composeContext(state.values.plugins);
+        return /* @__PURE__ */ import_react4.default.createElement(ComposedContext, null, rootComponents(state.values.plugins));
       }
     }
   };
@@ -321,7 +479,7 @@ var rootComponents = (plugins) => {
   return plugins.map((plugin) => {
     const Component2 = plugin.provides.root;
     if (Component2) {
-      return /* @__PURE__ */ import_react6.default.createElement(Component2, {
+      return /* @__PURE__ */ import_react4.default.createElement(Component2, {
         key: plugin.meta.id
       });
     } else {
@@ -335,12 +493,15 @@ var composeContext = (plugins) => {
 var compose = (contexts) => {
   return [
     ...contexts
-  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ import_react6.default.createElement(Acc, null, /* @__PURE__ */ import_react6.default.createElement(Next, null, children)));
+  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ import_react4.default.createElement(Acc, null, /* @__PURE__ */ import_react4.default.createElement(Next, null, children)));
 };
 
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/index.ts
+init_provides2();
+
 // packages/sdk/app-framework/src/plugins/SurfacePlugin/ErrorBoundary.tsx
-var import_react7 = __toESM(require("react"));
-var ErrorBoundary = class extends import_react7.Component {
+var import_react5 = __toESM(require("react"));
+var ErrorBoundary = class extends import_react5.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -359,7 +520,7 @@ var ErrorBoundary = class extends import_react7.Component {
   }
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ import_react7.default.createElement(this.props.fallback, {
+      return /* @__PURE__ */ import_react5.default.createElement(this.props.fallback, {
         error: this.state.error,
         reset: this.resetError
       });
@@ -374,37 +535,34 @@ var ErrorBoundary = class extends import_react7.Component {
 };
 
 // packages/sdk/app-framework/src/plugins/SurfacePlugin/Surface.tsx
-var import_react9 = __toESM(require("react"));
-var import_react10 = require("react");
-
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfaceRootContext.tsx
+var import_react7 = __toESM(require("react"));
 var import_react8 = require("react");
-var SurfaceRootContext = /* @__PURE__ */ (0, import_react8.createContext)({
-  components: {}
-});
-var useSurface = () => (0, import_react8.useContext)(SurfaceRootContext);
-var SurfaceProvider = SurfaceRootContext.Provider;
-
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/Surface.tsx
-var Surface = ({ role, name = role, fallback, ...rest }) => {
+init_SurfaceRootContext();
+var Surface = /* @__PURE__ */ (0, import_react7.forwardRef)(({ role, name = role, fallback, ...rest }, forwardedRef) => {
   const props = {
     role,
     name,
     fallback,
     ...rest
   };
-  const context = (0, import_react10.useContext)(SurfaceContext);
+  const context = (0, import_react8.useContext)(SurfaceContext);
   const data = props.data ?? (name && context?.surfaces?.[name]?.data || {});
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, fallback ? /* @__PURE__ */ import_react9.default.createElement(ErrorBoundary, {
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, fallback ? /* @__PURE__ */ import_react7.default.createElement(ErrorBoundary, {
     data,
     fallback
-  }, /* @__PURE__ */ import_react9.default.createElement(SurfaceResolver, props)) : /* @__PURE__ */ import_react9.default.createElement(SurfaceResolver, props));
-};
-var SurfaceContext = /* @__PURE__ */ (0, import_react10.createContext)(null);
-var SurfaceResolver = (props) => {
+  }, /* @__PURE__ */ import_react7.default.createElement(SurfaceResolver, {
+    ...props,
+    ref: forwardedRef
+  })) : /* @__PURE__ */ import_react7.default.createElement(SurfaceResolver, {
+    ...props,
+    ref: forwardedRef
+  }));
+});
+var SurfaceContext = /* @__PURE__ */ (0, import_react8.createContext)(null);
+var SurfaceResolver = /* @__PURE__ */ (0, import_react7.forwardRef)((props, forwardedRef) => {
   const { components } = useSurface();
-  const parent = (0, import_react10.useContext)(SurfaceContext);
-  const nodes = resolveNodes(components, props, parent);
+  const parent = (0, import_react8.useContext)(SurfaceContext);
+  const nodes = resolveNodes(components, props, parent, forwardedRef);
   const currentContext = {
     ...props,
     surfaces: {
@@ -412,71 +570,58 @@ var SurfaceResolver = (props) => {
       ...props.surfaces
     }
   };
-  return /* @__PURE__ */ import_react9.default.createElement(SurfaceContext.Provider, {
+  return /* @__PURE__ */ import_react7.default.createElement(SurfaceContext.Provider, {
     value: currentContext
-  }, nodes.length > 0 ? nodes : props.contentFallback ? /* @__PURE__ */ import_react9.default.createElement(props.contentFallback, null) : null);
-};
-var resolveNodes = (components, props, context) => {
+  }, nodes.length > 0 ? nodes : props.contentFallback ? /* @__PURE__ */ import_react7.default.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__ */ import_react9.default.createElement(Wrapper, {
+    const result = component({
+      ...props,
+      data
+    }, forwardedRef);
+    return result ? /* @__PURE__ */ import_react7.default.createElement(import_react7.Fragment, {
       key
     }, result) : void 0;
   }).filter((Component2) => Boolean(Component2));
   return props.limit ? nodes.slice(0, props.limit) : nodes;
 };
-var Wrapper = ({ children }) => /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, children);
 
-// packages/sdk/app-framework/src/plugins/SurfacePlugin/SurfacePlugin.tsx
-var import_react11 = require("deepsignal/react");
-var import_react12 = __toESM(require("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 = (0, import_react11.deepSignal)({
-    components: {}
-  });
-  return {
-    meta: {
-      id: "dxos.org/plugin/surface"
-    },
-    ready: async (plugins) => {
-      state.components = (0, import_react11.shallow)(filterPlugins(plugins, parseSurfacePlugin).reduce((acc, plugin) => {
-        return {
-          ...acc,
-          [plugin.meta.id]: plugin.provides.surface.component
-        };
-      }, {}));
-    },
-    provides: {
-      surface: state,
-      context: ({ children }) => /* @__PURE__ */ import_react12.default.createElement(SurfaceProvider, {
-        value: state
-      }, children)
-    }
-  };
-};
+// packages/sdk/app-framework/src/plugins/SurfacePlugin/index.ts
+init_SurfaceRootContext();
 
 // packages/sdk/app-framework/src/App.tsx
 var import_react13 = __toESM(require("react"));
 var import_invariant = require("@dxos/invariant");
-var __dxlog_file2 = "/home/circleci/project/packages/sdk/app-framework/src/App.tsx";
-var createApp = ({ plugins, fallback }) => {
+init_meta();
+init_meta2();
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/App.tsx";
+var createApp = ({ order, plugins, core = [], ...params }) => {
   const host = PluginHost({
-    plugins: [
-      SurfacePlugin(),
-      IntentPlugin(),
-      ...plugins
+    order: [
+      meta_default2,
+      meta_default,
+      ...order
     ],
-    fallback
+    plugins: {
+      ...plugins,
+      [meta_default2.id]: Plugin.lazy(() => Promise.resolve().then(() => (init_plugin(), plugin_exports))),
+      [meta_default.id]: Plugin.lazy(() => Promise.resolve().then(() => (init_plugin2(), plugin_exports2)))
+    },
+    core: [
+      meta_default2.id,
+      meta_default.id,
+      ...core
+    ],
+    ...params
   });
   (0, import_invariant.invariant)(host.provides?.context, void 0, {
     F: __dxlog_file2,
-    L: 33,
+    L: 51,
     S: void 0,
     A: [
       "host.provides?.context",
@@ -485,7 +630,7 @@ var createApp = ({ plugins, fallback }) => {
   });
   (0, import_invariant.invariant)(host.provides?.root, void 0, {
     F: __dxlog_file2,
-    L: 34,
+    L: 52,
     S: void 0,
     A: [
       "host.provides?.root",
@@ -499,17 +644,16 @@ var createApp = ({ plugins, fallback }) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ErrorBoundary,
-  IntentPlugin,
   IntentProvider,
   Layout,
   LayoutAction,
+  Plugin,
   PluginHost,
   PluginProvider,
   Resource,
   ResourceKey,
   ResourceLanguage,
   Surface,
-  SurfacePlugin,
   SurfaceProvider,
   createApp,
   filterPlugins,
@@ -527,6 +671,7 @@ var createApp = ({ plugins, fallback }) => {
   parseRootSurfacePlugin,
   parseSurfacePlugin,
   parseTranslationsPlugin,
+  pluginMeta,
   resolvePlugin,
   useIntent,
   usePlugin,