@dxos/app-framework 0.6.13 → 0.6.14-main.1366248

package/dist/lib/node/index.cjs

@@ -29,15 +29,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var node_exports = {};
 __export(node_exports, {
   ActiveParts: () => ActiveParts,
-  Attention: () => Attention,
-  ErrorBoundary: () => ErrorBoundary,
-  IntentAction: () => import_chunk_DFST5IG5.IntentAction,
-  IntentProvider: () => import_chunk_DFST5IG5.IntentProvider,
+  ErrorBoundary: () => import_chunk_EF67TRWJ.ErrorBoundary,
+  HostPlugin: () => HostPlugin,
+  IntentAction: () => import_chunk_VOKMWTKO.IntentAction,
+  IntentProvider: () => import_chunk_VOKMWTKO.IntentProvider,
   Layout: () => Layout,
   LayoutAction: () => LayoutAction,
   NavigationAction: () => NavigationAction,
   Plugin: () => Plugin,
-  PluginHost: () => PluginHost,
   PluginProvider: () => PluginProvider,
   Resource: () => Resource,
   ResourceKey: () => ResourceKey,
@@ -47,70 +46,67 @@ __export(node_exports, {
   SLUG_KEY_VALUE_SEPARATOR: () => SLUG_KEY_VALUE_SEPARATOR,
   SLUG_LIST_SEPARATOR: () => SLUG_LIST_SEPARATOR,
   SLUG_PATH_SEPARATOR: () => SLUG_PATH_SEPARATOR,
-  SettingsAction: () => SettingsAction,
-  Surface: () => Surface,
-  SurfaceProvider: () => import_chunk_P5GRB4XF.SurfaceProvider,
+  SettingsAction: () => import_chunk_JZ2JVKRY.SettingsAction,
+  Surface: () => import_chunk_EF67TRWJ.Surface,
+  SurfaceProvider: () => import_chunk_EF67TRWJ.SurfaceProvider,
   Toast: () => Toast,
   createApp: () => createApp,
   defaultFileTypes: () => defaultFileTypes,
-  definePlugin: () => import_chunk_62W6CMGM.definePlugin,
-  filterPlugins: () => import_chunk_62W6CMGM.filterPlugins,
-  findPlugin: () => import_chunk_62W6CMGM.findPlugin,
+  definePlugin: () => import_chunk_QBM42OQ6.definePlugin,
+  filterPlugins: () => import_chunk_QBM42OQ6.filterPlugins,
+  findPlugin: () => import_chunk_QBM42OQ6.findPlugin,
   firstIdInPart: () => firstIdInPart,
-  getPlugin: () => import_chunk_62W6CMGM.getPlugin,
+  getPlugin: () => import_chunk_QBM42OQ6.getPlugin,
   indexInPart: () => indexInPart,
-  initializePlugin: () => initializePlugin,
   isLayoutAdjustment: () => isLayoutAdjustment,
   isLayoutMode: () => isLayoutMode,
   isLayoutParts: () => isLayoutParts,
-  isObject: () => isObject,
+  isObject: () => import_chunk_EF67TRWJ.isObject,
   openIds: () => openIds,
   parseFileManagerPlugin: () => parseFileManagerPlugin,
   parseGraphBuilderPlugin: () => parseGraphBuilderPlugin,
   parseGraphPlugin: () => parseGraphPlugin,
   parseGraphSerializerPlugin: () => parseGraphSerializerPlugin,
-  parseIntentPlugin: () => import_chunk_DFST5IG5.parseIntentPlugin,
-  parseIntentResolverPlugin: () => import_chunk_DFST5IG5.parseIntentResolverPlugin,
+  parseIntentPlugin: () => import_chunk_VOKMWTKO.parseIntentPlugin,
+  parseIntentResolverPlugin: () => import_chunk_VOKMWTKO.parseIntentResolverPlugin,
   parseLayoutPlugin: () => parseLayoutPlugin,
   parseMetadataRecordsPlugin: () => parseMetadataRecordsPlugin,
   parseMetadataResolverPlugin: () => parseMetadataResolverPlugin,
   parseNavigationPlugin: () => parseNavigationPlugin,
   parsePluginHost: () => parsePluginHost,
-  parseRootSurfacePlugin: () => import_chunk_P5GRB4XF.parseRootSurfacePlugin,
-  parseSettingsPlugin: () => parseSettingsPlugin,
-  parseSurfacePlugin: () => import_chunk_P5GRB4XF.parseSurfacePlugin,
+  parseRootSurfacePlugin: () => import_chunk_EF67TRWJ.parseRootSurfacePlugin,
+  parseSettingsPlugin: () => import_chunk_JZ2JVKRY.parseSettingsPlugin,
+  parseSurfacePlugin: () => import_chunk_EF67TRWJ.parseSurfacePlugin,
   parseTranslationsPlugin: () => parseTranslationsPlugin,
   partLength: () => partLength,
-  pluginMeta: () => pluginMeta,
-  resolvePlugin: () => import_chunk_62W6CMGM.resolvePlugin,
-  useIntent: () => import_chunk_DFST5IG5.useIntent,
-  useIntentDispatcher: () => import_chunk_DFST5IG5.useIntentDispatcher,
-  useIntentResolver: () => import_chunk_DFST5IG5.useIntentResolver,
+  resolvePlugin: () => import_chunk_QBM42OQ6.resolvePlugin,
+  useIntent: () => import_chunk_VOKMWTKO.useIntent,
+  useIntentDispatcher: () => import_chunk_VOKMWTKO.useIntentDispatcher,
+  useIntentResolver: () => import_chunk_VOKMWTKO.useIntentResolver,
   usePlugin: () => usePlugin,
   usePlugins: () => usePlugins,
   useResolvePlugin: () => useResolvePlugin,
   useResolvePlugins: () => useResolvePlugins,
-  useSurface: () => useSurface,
-  useSurfaceRoot: () => import_chunk_P5GRB4XF.useSurfaceRoot
+  useSurface: () => import_chunk_EF67TRWJ.useSurface,
+  useSurfaceRoot: () => import_chunk_EF67TRWJ.useSurfaceRoot
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_P5GRB4XF = require("./chunk-P5GRB4XF.cjs");
-var import_chunk_DFST5IG5 = require("./chunk-DFST5IG5.cjs");
-var import_chunk_62W6CMGM = require("./chunk-62W6CMGM.cjs");
+var import_chunk_VOKMWTKO = require("./chunk-VOKMWTKO.cjs");
+var import_chunk_EF67TRWJ = require("./chunk-EF67TRWJ.cjs");
+var import_chunk_QBM42OQ6 = require("./chunk-QBM42OQ6.cjs");
+var import_chunk_JZ2JVKRY = require("./chunk-JZ2JVKRY.cjs");
 var import_zod = require("zod");
+var import_schema = require("@effect/schema");
 var import_zod2 = require("zod");
-var import_echo_schema = require("@dxos/echo-schema");
 var import_zod3 = require("zod");
-var import_react = require("react");
-var import_util = require("@dxos/util");
-var import_react2 = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 var import_local_storage = require("@dxos/local-storage");
+var import_react2 = __toESM(require("react"));
 var import_log = require("@dxos/log");
-var import_react3 = __toESM(require("react"));
-var import_react4 = __toESM(require("react"));
-var import_react5 = require("react");
+var import_react3 = require("react");
 var import_debug = require("@dxos/debug");
-var import_react6 = __toESM(require("react"));
+var import_util = require("@dxos/util");
+var import_react4 = __toESM(require("react"));
 var import_invariant = require("@dxos/invariant");
 var defaultFileTypes = {
   images: [
@@ -184,7 +180,8 @@ var parseLayoutPlugin = (plugin) => {
   const { success } = Layout.safeParse(plugin.provides.layout);
   return success ? plugin : void 0;
 };
-var LAYOUT_ACTION = "dxos.org/plugin/layout";
+var LAYOUT_PLUGIN = "dxos.org/plugin/layout";
+var LAYOUT_ACTION = `${LAYOUT_PLUGIN}/action`;
 var LayoutAction;
 (function(LayoutAction2) {
   LayoutAction2[LayoutAction2["SET_LAYOUT"] = `${LAYOUT_ACTION}/set-layout`] = "SET_LAYOUT";
@@ -203,18 +200,21 @@ var SLUG_ENTRY_SEPARATOR = "_";
 var SLUG_KEY_VALUE_SEPARATOR = "-";
 var SLUG_PATH_SEPARATOR = "~";
 var SLUG_COLLECTION_INDICATOR = "";
-var LayoutEntrySchema = import_echo_schema.S.mutable(import_echo_schema.S.Struct({
-  id: import_echo_schema.S.String,
-  path: import_echo_schema.S.optional(import_echo_schema.S.String)
+var LayoutEntrySchema = import_schema.Schema.mutable(import_schema.Schema.Struct({
+  id: import_schema.Schema.String,
+  path: import_schema.Schema.optional(import_schema.Schema.String)
 }));
-var LayoutPartSchema = import_echo_schema.S.Union(import_echo_schema.S.Literal("sidebar"), import_echo_schema.S.Literal("main"), import_echo_schema.S.Literal("solo"), import_echo_schema.S.Literal("complementary"), import_echo_schema.S.Literal("fullScreen"));
-var LayoutPartsSchema = import_echo_schema.S.partial(import_echo_schema.S.mutable(import_echo_schema.S.Record(LayoutPartSchema, import_echo_schema.S.mutable(import_echo_schema.S.Array(LayoutEntrySchema)))));
-var LayoutCoordinateSchema = import_echo_schema.S.mutable(import_echo_schema.S.Struct({
+var LayoutPartSchema = import_schema.Schema.Union(import_schema.Schema.Literal("sidebar"), import_schema.Schema.Literal("main"), import_schema.Schema.Literal("solo"), import_schema.Schema.Literal("complementary"), import_schema.Schema.Literal("fullScreen"));
+var LayoutPartsSchema = import_schema.Schema.partial(import_schema.Schema.mutable(import_schema.Schema.Record({
+  key: LayoutPartSchema,
+  value: import_schema.Schema.mutable(import_schema.Schema.Array(LayoutEntrySchema))
+})));
+var LayoutCoordinateSchema = import_schema.Schema.mutable(import_schema.Schema.Struct({
   part: LayoutPartSchema,
-  entryId: import_echo_schema.S.String
+  entryId: import_schema.Schema.String
 }));
-var PartAdjustmentSchema = import_echo_schema.S.Union(import_echo_schema.S.Literal("increment-start"), import_echo_schema.S.Literal("increment-end"), import_echo_schema.S.Literal("solo"));
-var LayoutAdjustmentSchema = import_echo_schema.S.mutable(import_echo_schema.S.Struct({
+var PartAdjustmentSchema = import_schema.Schema.Union(import_schema.Schema.Literal("increment-start"), import_schema.Schema.Literal("increment-end"), import_schema.Schema.Literal("solo"));
+var LayoutAdjustmentSchema = import_schema.Schema.mutable(import_schema.Schema.Struct({
   layoutCoordinate: LayoutCoordinateSchema,
   type: PartAdjustmentSchema
 }));
@@ -222,27 +222,24 @@ var ActiveParts = import_zod2.z.record(import_zod2.z.string(), import_zod2.z.uni
   import_zod2.z.string(),
   import_zod2.z.array(import_zod2.z.string())
 ]));
-var Attention = import_zod2.z.object({
-  attended: import_zod2.z.set(import_zod2.z.string()).optional().describe("Ids of items which have focus.")
-});
-var LocationProvidesSchema = import_echo_schema.S.mutable(import_echo_schema.S.Struct({
-  location: import_echo_schema.S.Struct({
+var LocationProvidesSchema = import_schema.Schema.mutable(import_schema.Schema.Struct({
+  location: import_schema.Schema.Struct({
     active: LayoutPartsSchema,
-    closed: import_echo_schema.S.Array(import_echo_schema.S.String)
+    closed: import_schema.Schema.Array(import_schema.Schema.String)
   })
 }));
 var isLayoutParts = (value) => {
-  return import_echo_schema.S.is(LayoutPartsSchema)(value);
+  return import_schema.Schema.is(LayoutPartsSchema)(value);
 };
 var isLayoutAdjustment = (value) => {
-  return import_echo_schema.S.is(LayoutAdjustmentSchema)(value);
+  return import_schema.Schema.is(LayoutAdjustmentSchema)(value);
 };
 var parseNavigationPlugin = (plugin) => {
   const location = plugin.provides?.location;
   if (!location) {
     return void 0;
   }
-  if (import_echo_schema.S.is(LocationProvidesSchema)({
+  if (import_schema.Schema.is(LocationProvidesSchema)({
     location
   })) {
     return plugin;
@@ -271,7 +268,8 @@ var partLength = (layout, part) => {
   }
   return layout[part]?.length ?? 0;
 };
-var NAVIGATION_ACTION = "dxos.org/plugin/navigation";
+var NAVIGATION_PLUGIN = "dxos.org/plugin/navigation";
+var NAVIGATION_ACTION = `${NAVIGATION_PLUGIN}/action`;
 var NavigationAction;
 (function(NavigationAction2) {
   NavigationAction2[NavigationAction2["OPEN"] = `${NAVIGATION_ACTION}/open`] = "OPEN";
@@ -281,14 +279,6 @@ var NavigationAction;
   NavigationAction2[NavigationAction2["CLOSE"] = `${NAVIGATION_ACTION}/close`] = "CLOSE";
   NavigationAction2[NavigationAction2["EXPOSE"] = `${NAVIGATION_ACTION}/expose`] = "EXPOSE";
 })(NavigationAction || (NavigationAction = {}));
-var parseSettingsPlugin = (plugin) => {
-  return typeof plugin.provides.settings === "object" ? plugin : void 0;
-};
-var SETTINGS_ACTION = "dxos.org/plugin/settings";
-var SettingsAction;
-(function(SettingsAction2) {
-  SettingsAction2[SettingsAction2["OPEN"] = `${SETTINGS_ACTION}/open`] = "OPEN";
-})(SettingsAction || (SettingsAction = {}));
 var ResourceKey = import_zod3.z.union([
   import_zod3.z.string(),
   import_zod3.z.record(import_zod3.z.any())
@@ -299,7 +289,6 @@ var parseTranslationsPlugin = (plugin) => {
   const { success } = import_zod3.z.array(Resource).safeParse(plugin.provides.translations);
   return success ? plugin : void 0;
 };
-var pluginMeta = (meta) => meta;
 var Plugin;
 (function(Plugin2) {
   Plugin2.lazy = (p, props) => {
@@ -308,225 +297,24 @@ var Plugin;
     });
   };
 })(Plugin || (Plugin = {}));
-var PluginContext = /* @__PURE__ */ (0, import_react.createContext)({
-  ready: false,
-  core: [],
-  enabled: [],
-  plugins: [],
-  available: [],
-  setPlugin: () => {
-  }
-});
-var usePlugins = () => (0, import_react.useContext)(PluginContext);
-var usePlugin = (id) => {
-  const { plugins } = usePlugins();
-  return (0, import_chunk_62W6CMGM.findPlugin)(plugins, id);
-};
-var useResolvePlugin = (predicate) => {
-  const { plugins } = usePlugins();
-  return (0, import_chunk_62W6CMGM.resolvePlugin)(plugins, predicate);
-};
-var useResolvePlugins = (predicate) => {
-  const { plugins } = usePlugins();
-  return (0, import_react.useMemo)(() => plugins.map(predicate).filter(import_util.nonNullable), [
-    plugins,
-    predicate
-  ]);
-};
-var PluginProvider = PluginContext.Provider;
-var isObject = (data) => !!data && typeof data === "object";
-var ErrorBoundary = class extends import_react3.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      error: void 0
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.data !== this.props.data) {
-      this.resetError();
-    }
-  }
-  render() {
-    if (this.state.error) {
-      return /* @__PURE__ */ import_react3.default.createElement(this.props.fallback, {
-        data: this.props.data,
-        error: this.state.error,
-        reset: this.resetError
-      });
-    }
-    return this.props.children;
-  }
-  resetError() {
-    this.setState({
-      error: void 0
-    });
-  }
-};
-var Surface = /* @__PURE__ */ (0, import_react4.forwardRef)(({ role, name = role, fallback, placeholder, ...rest }, forwardedRef) => {
-  const props = {
-    role,
-    name,
-    fallback,
-    ...rest
-  };
-  const context = (0, import_react5.useContext)(SurfaceContext);
-  const data = props.data ?? (name && context?.surfaces?.[name]?.data || {});
-  const resolver = /* @__PURE__ */ import_react4.default.createElement(SurfaceResolver, {
-    ...props,
-    ref: forwardedRef
-  });
-  const suspense = placeholder ? /* @__PURE__ */ import_react4.default.createElement(import_react4.Suspense, {
-    fallback: placeholder
-  }, resolver) : resolver;
-  return fallback ? /* @__PURE__ */ import_react4.default.createElement(ErrorBoundary, {
-    data,
-    fallback
-  }, suspense) : suspense;
-});
-var SurfaceContext = /* @__PURE__ */ (0, import_react5.createContext)(null);
-var useSurface = () => (0, import_react5.useContext)(SurfaceContext) ?? (0, import_debug.raise)(new Error("Surface context not found"));
-var SurfaceResolver = /* @__PURE__ */ (0, import_react4.forwardRef)((props, forwardedRef) => {
-  const { components } = (0, import_chunk_P5GRB4XF.useSurfaceRoot)();
-  const parent = (0, import_react5.useContext)(SurfaceContext);
-  const nodes = resolveNodes(components, props, parent, forwardedRef);
-  const currentContext = {
-    ...props,
-    surfaces: {
-      ...props.name && parent?.surfaces?.[props.name]?.surfaces || {},
-      ...props.surfaces
-    }
-  };
-  return /* @__PURE__ */ import_react4.default.createElement(SurfaceContext.Provider, {
-    value: currentContext
-  }, nodes);
-});
-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({
-      ...props,
-      data
-    }, forwardedRef);
-    if (!result || typeof result !== "object") {
-      return void 0;
-    }
-    return "node" in result ? [
-      key,
-      result
-    ] : /* @__PURE__ */ (0, import_react4.isValidElement)(result) ? [
-      key,
-      {
-        node: result
-      }
-    ] : void 0;
-  }).filter((result) => Boolean(result)).sort(([, a], [, b]) => {
-    const aDisposition = a.disposition ?? "default";
-    const bDisposition = b.disposition ?? "default";
-    if (aDisposition === bDisposition) {
-      return 0;
-    } else if (aDisposition === "hoist" || bDisposition === "fallback") {
-      return -1;
-    } else if (bDisposition === "hoist" || aDisposition === "fallback") {
-      return 1;
-    }
-    return 0;
-  }).map(([key, result]) => /* @__PURE__ */ import_react4.default.createElement(import_react4.Fragment, {
-    key
-  }, result.node));
-  return props.limit ? nodes.slice(0, props.limit) : nodes;
-};
-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 PLUGIN_HOST = "dxos.org/plugin/host";
-var PluginHost = ({ order, plugins: definitions, core = [], defaults = [], fallback = DefaultFallback, placeholder = null }) => {
-  const state = new import_local_storage.LocalStorageStore(PLUGIN_HOST, {
-    ready: false,
-    core,
-    enabled: [
-      ...defaults
-    ],
-    plugins: [],
-    available: order.filter(({ id }) => !core.includes(id)),
-    setPlugin: (id, enabled) => {
-      if (enabled) {
-        state.values.enabled.push(id);
-      } else {
-        const index = state.values.enabled.findIndex((enabled2) => enabled2 === id);
-        index !== -1 && state.values.enabled.splice(index, 1);
-      }
-    }
-  });
-  state.prop({
-    key: "enabled",
-    type: import_local_storage.LocalStorageStore.json()
-  });
-  return {
-    meta: {
-      id: PLUGIN_HOST,
-      name: "Plugin host"
-    },
-    provides: {
-      plugins: state.values,
-      context: ({ children }) => /* @__PURE__ */ import_react2.default.createElement(PluginProvider, {
-        value: state.values
-      }, children),
-      root: () => {
-        return /* @__PURE__ */ import_react2.default.createElement(ErrorBoundary, {
-          fallback
-        }, /* @__PURE__ */ import_react2.default.createElement(Root, {
-          order,
-          core,
-          definitions,
-          state: state.values,
-          placeholder
-        }));
-      }
-    }
-  };
-};
-var DefaultFallback = ({ error }) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    style: {
-      padding: "1rem"
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement("h1", {
-    style: {
-      fontSize: "1.2rem",
-      fontWeight: 700,
-      margin: "0.5rem 0"
-    }
-  }, error.message), /* @__PURE__ */ import_react2.default.createElement("pre", null, error.stack));
-};
-var Root = ({ order, core: corePluginIds, definitions, state, placeholder }) => {
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/plugins/plugin-host/PluginContainer.tsx";
+var PluginContainer = ({ plugins: definitions, core, state, placeholder }) => {
   const [error, setError] = (0, import_react2.useState)();
   (0, import_react2.useEffect)(() => {
     (0, import_log.log)("initializing plugins", {
       enabled: state.enabled
     }, {
       F: __dxlog_file,
-      L: 102,
+      L: 26,
       S: void 0,
       C: (f, a) => f(...a)
     });
-    const timeout = setTimeout(async () => {
+    const t = setTimeout(async () => {
       try {
         const enabledIds = [
-          ...corePluginIds,
+          ...core,
           ...state.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) => {
@@ -535,39 +323,47 @@ var Root = ({ order, core: corePluginIds, definitions, state, placeholder }) =>
               err
             }, {
               F: __dxlog_file,
-              L: 122,
+              L: 41,
               S: void 0,
               C: (f, a) => f(...a)
             });
-            return void 0;
+          });
+          (0, import_log.log)("initialized", {
+            plugin: definition.meta.id
+          }, {
+            F: __dxlog_file,
+            L: 44,
+            S: void 0,
+            C: (f, a) => f(...a)
           });
           return plugin;
-        })).then((plugins2) => plugins2.filter((plugin) => Boolean(plugin)));
+        }));
+        const initialized = plugins.filter((plugin) => Boolean(plugin));
         (0, import_log.log)("plugins initialized", {
-          plugins
+          plugins: initialized
         }, {
           F: __dxlog_file,
-          L: 128,
+          L: 50,
           S: void 0,
           C: (f, a) => f(...a)
         });
-        await Promise.all(enabled.map((pluginDefinition) => pluginDefinition.ready?.(plugins)));
+        await Promise.all(enabled.map((plugin) => plugin.ready?.(initialized)));
         (0, import_log.log)("plugins ready", {
-          plugins
+          plugins: initialized
         }, {
           F: __dxlog_file,
-          L: 131,
+          L: 53,
           S: void 0,
           C: (f, a) => f(...a)
         });
-        state.plugins = plugins;
+        state.plugins = initialized;
         state.ready = true;
       } catch (err) {
         setError(err);
       }
     });
     return () => {
-      clearTimeout(timeout);
+      clearTimeout(t);
       state.ready = false;
     };
   }, []);
@@ -592,9 +388,9 @@ var initializePlugin = async (pluginDefinition) => {
 };
 var rootComponents = (plugins) => {
   return plugins.map((plugin) => {
-    const Component2 = plugin.provides.root;
-    if (Component2) {
-      return /* @__PURE__ */ import_react2.default.createElement(Component2, {
+    const Component = plugin.provides.root;
+    if (Component) {
+      return /* @__PURE__ */ import_react2.default.createElement(Component, {
         key: plugin.meta.id
       });
     } else {
@@ -610,60 +406,151 @@ var compose = (contexts) => {
     ...contexts
   ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ import_react2.default.createElement(Acc, null, /* @__PURE__ */ import_react2.default.createElement(Next, null, children)));
 };
-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({
-    order: [
-      import_chunk_P5GRB4XF.meta_default,
-      import_chunk_DFST5IG5.meta_default,
-      ...order
+var PluginContext = /* @__PURE__ */ (0, import_react3.createContext)(void 0);
+var usePlugins = () => (0, import_react3.useContext)(PluginContext) ?? (0, import_debug.raise)(new Error("Missing PluginContext"));
+var usePlugin = (id) => {
+  const { plugins } = usePlugins();
+  return (0, import_chunk_QBM42OQ6.findPlugin)(plugins, id);
+};
+var useResolvePlugin = (predicate) => {
+  const { plugins } = usePlugins();
+  return (0, import_chunk_QBM42OQ6.resolvePlugin)(plugins, predicate);
+};
+var useResolvePlugins = (predicate) => {
+  const { plugins } = usePlugins();
+  return (0, import_react3.useMemo)(() => plugins.map(predicate).filter(import_util.nonNullable), [
+    plugins,
+    predicate
+  ]);
+};
+var PluginProvider = PluginContext.Provider;
+var parsePluginHost = (plugin) => plugin.provides.plugins ? plugin : void 0;
+var HOST_PLUGIN = "dxos.org/plugin/host";
+var HostPlugin = ({ plugins, meta, core, defaults = [], fallback = DefaultFallback, placeholder = null }) => {
+  const state = new import_local_storage.LocalStorageStore(HOST_PLUGIN, {
+    ready: false,
+    core,
+    enabled: [
+      ...defaults
     ],
+    plugins: [],
+    available: meta.filter(({ id }) => !core.includes(id)),
+    // TODO(burdon): Functions should not be part of the settings type.
+    setPlugin: (id, enabled) => {
+      if (enabled) {
+        state.values.enabled.push(id);
+      } else {
+        const index = state.values.enabled.findIndex((enabled2) => enabled2 === id);
+        index !== -1 && state.values.enabled.splice(index, 1);
+      }
+    }
+  });
+  state.prop({
+    key: "enabled",
+    type: import_local_storage.LocalStorageStore.json()
+  });
+  return {
+    meta: {
+      id: HOST_PLUGIN,
+      name: "Plugin host"
+    },
+    provides: {
+      plugins: state.values,
+      context: ({ children }) => {
+        return /* @__PURE__ */ import_react.default.createElement(PluginProvider, {
+          value: state.values
+        }, children);
+      },
+      root: () => {
+        return /* @__PURE__ */ import_react.default.createElement(import_chunk_EF67TRWJ.ErrorBoundary, {
+          fallback
+        }, /* @__PURE__ */ import_react.default.createElement(PluginContainer, {
+          plugins,
+          core,
+          state: state.values,
+          placeholder
+        }));
+      }
+    }
+  };
+};
+var DefaultFallback = ({ error }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    style: {
+      padding: "1rem"
+    }
+  }, /* @__PURE__ */ import_react.default.createElement("h1", {
+    style: {
+      fontSize: "1.2rem",
+      fontWeight: 700,
+      margin: "0.5rem 0"
+    }
+  }, error.message), /* @__PURE__ */ import_react.default.createElement("pre", null, error.stack));
+};
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/App.tsx";
+var createApp = ({ meta, plugins, core, ...params }) => {
+  const hostPlugin = HostPlugin({
     plugins: {
       ...plugins,
-      [import_chunk_P5GRB4XF.meta_default.id]: Plugin.lazy(() => import("./plugin-RUJ5PEXB.cjs")),
-      [import_chunk_DFST5IG5.meta_default.id]: Plugin.lazy(() => import("./plugin-QV7ESETI.cjs"))
+      [import_chunk_VOKMWTKO.meta_default.id]: Plugin.lazy(() => import("./plugin-intent-FMC4SDI3.cjs")),
+      [import_chunk_JZ2JVKRY.meta_default.id]: Plugin.lazy(() => import("./plugin-settings-OZ6IKAE5.cjs")),
+      [import_chunk_EF67TRWJ.meta_default.id]: Plugin.lazy(() => import("./plugin-surface-B5NHOBSW.cjs"))
     },
+    meta: [
+      import_chunk_VOKMWTKO.meta_default,
+      import_chunk_JZ2JVKRY.meta_default,
+      import_chunk_EF67TRWJ.meta_default,
+      ...meta
+    ],
     core: [
-      import_chunk_P5GRB4XF.meta_default.id,
-      import_chunk_DFST5IG5.meta_default.id,
+      import_chunk_VOKMWTKO.meta_default.id,
+      import_chunk_JZ2JVKRY.meta_default.id,
+      import_chunk_EF67TRWJ.meta_default.id,
       ...core
     ],
     ...params
   });
-  (0, import_invariant.invariant)(host.provides?.context, void 0, {
+  (0, import_invariant.invariant)(hostPlugin.provides, void 0, {
+    F: __dxlog_file2,
+    L: 53,
+    S: void 0,
+    A: [
+      "hostPlugin.provides",
+      ""
+    ]
+  });
+  const { context: Context, root: Root } = hostPlugin.provides;
+  (0, import_invariant.invariant)(Context, void 0, {
     F: __dxlog_file2,
-    L: 51,
+    L: 55,
     S: void 0,
     A: [
-      "host.provides?.context",
+      "Context",
       ""
     ]
   });
-  (0, import_invariant.invariant)(host.provides?.root, void 0, {
+  (0, import_invariant.invariant)(Root, void 0, {
     F: __dxlog_file2,
-    L: 52,
+    L: 56,
     S: void 0,
     A: [
-      "host.provides?.root",
+      "Root",
       ""
     ]
   });
-  const Context = host.provides.context;
-  const Root2 = host.provides.root;
-  return () => /* @__PURE__ */ import_react6.default.createElement(Context, null, /* @__PURE__ */ import_react6.default.createElement(Root2, null));
+  return () => /* @__PURE__ */ import_react4.default.createElement(Context, null, /* @__PURE__ */ import_react4.default.createElement(Root, null));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActiveParts,
-  Attention,
   ErrorBoundary,
+  HostPlugin,
   IntentAction,
   IntentProvider,
   Layout,
   LayoutAction,
   NavigationAction,
   Plugin,
-  PluginHost,
   PluginProvider,
   Resource,
   ResourceKey,
@@ -685,7 +572,6 @@ var createApp = ({ order, plugins, core = order.map(({ id }) => id), ...params }
   firstIdInPart,
   getPlugin,
   indexInPart,
-  initializePlugin,
   isLayoutAdjustment,
   isLayoutMode,
   isLayoutParts,
@@ -707,7 +593,6 @@ var createApp = ({ order, plugins, core = order.map(({ id }) => id), ...params }
   parseSurfacePlugin,
   parseTranslationsPlugin,
   partLength,
-  pluginMeta,
   resolvePlugin,
   useIntent,
   useIntentDispatcher,