@dxos/app-framework 0.8.4-main.dedc0f3 → 0.8.4-main.e8ec1fe

package/.storybook/main.mts

@@ -0,0 +1,11 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { createConfig } from '../../../../tools/storybook/.storybook/main';
+
+export const stories = [
+  '../src/**/*.stories.tsx',
+]
+
+export default createConfig({ stories });

package/.storybook/preview.mts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { preview } from '../../../../tools/storybook/.storybook/preview';
+
+export * from '../../../../tools/storybook/.storybook/preview';
+export default preview;

package/dist/lib/browser/{app-graph-builder-AFFC6VB2.mjs → app-graph-builder-OIEZZC45.mjs}

@@ -1,26 +1,27 @@
 import {
   SETTINGS_ID,
   SETTINGS_KEY,
-  SETTINGS_PLUGIN,
-  SettingsAction
-} from "./chunk-ORWHM7CO.mjs";
+  SettingsAction,
+  meta
+} from "./chunk-SCPE4ZO2.mjs";
 import {
   Capabilities,
   contributes,
   createIntent
-} from "./chunk-OZY7HV2A.mjs";
+} from "./chunk-WPW5VVAX.mjs";
 
 // src/plugin-settings/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
+import { Atom } from "@effect-atom/atom-react";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
 import { ROOT_ID, createExtension } from "@dxos/app-graph";
 import { isNonNullable } from "@dxos/util";
-var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
+var app_graph_builder_default = ((context) => contributes(Capabilities.AppGraphBuilder, [
   createExtension({
-    id: `${SETTINGS_PLUGIN}/action`,
-    actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
+    id: `${meta.id}/action`,
+    actions: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
       {
-        id: SETTINGS_PLUGIN,
+        id: meta.id,
         data: async () => {
           const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
           await dispatch(createIntent(SettingsAction.Open));
@@ -29,7 +30,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
           label: [
             "open settings label",
             {
-              ns: SETTINGS_PLUGIN
+              ns: meta.id
             }
           ],
           icon: "ph--gear--regular",
@@ -43,16 +44,16 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     ]), Option.getOrElse(() => [])))
   }),
   createExtension({
-    id: `${SETTINGS_PLUGIN}/core`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
+    id: `${meta.id}/core`,
+    connector: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
       {
         id: SETTINGS_ID,
-        type: SETTINGS_PLUGIN,
+        type: meta.id,
         properties: {
           label: [
             "app settings label",
             {
-              ns: SETTINGS_PLUGIN
+              ns: meta.id
             }
           ],
           icon: "ph--gear--regular",
@@ -64,8 +65,8 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     ]), Option.getOrElse(() => [])))
   }),
   createExtension({
-    id: `${SETTINGS_PLUGIN}/core-plugins`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id !== SETTINGS_ID ? Option.none() : Option.some(node2)), Option.map(() => {
+    id: `${meta.id}/core-plugins`,
+    connector: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id !== SETTINGS_ID ? Option.none() : Option.some(node2)), Option.map(() => {
       const manager = get(context.capability(Capabilities.PluginManager));
       const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));
       return [
@@ -78,13 +79,13 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
             plugin.meta,
             settings
           ];
-        }).filter(isNonNullable).map(([meta, settings]) => ({
-          id: `${SETTINGS_KEY}:${meta.id.replaceAll("/", ":")}`,
+        }).filter(isNonNullable).map(([meta2, settings]) => ({
+          id: `${SETTINGS_KEY}:${meta2.id.replaceAll("/", ":")}`,
           type: "category",
           data: settings,
           properties: {
-            label: meta.name ?? meta.id,
-            icon: meta.icon ?? "ph--circle--regular"
+            label: meta2.name ?? meta2.id,
+            icon: meta2.icon ?? "ph--circle--regular"
           }
         })),
         {
@@ -94,7 +95,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
             label: [
               "custom plugins label",
               {
-                ns: SETTINGS_PLUGIN
+                ns: meta.id
               }
             ],
             icon: "ph--squares-four--regular",
@@ -106,8 +107,8 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
     }), Option.getOrElse(() => [])))
   }),
   createExtension({
-    id: `${SETTINGS_PLUGIN}/custom-plugins`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id !== `${SETTINGS_KEY}:custom-plugins` ? Option.none() : Option.some(node2)), Option.map(() => {
+    id: `${meta.id}/custom-plugins`,
+    connector: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id !== `${SETTINGS_KEY}:custom-plugins` ? Option.none() : Option.some(node2)), Option.map(() => {
       const manager = get(context.capability(Capabilities.PluginManager));
       const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));
       return manager.plugins.filter((plugin) => !manager.core.includes(plugin.meta.id)).map((plugin) => {
@@ -119,19 +120,19 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
           plugin.meta,
           settings
         ];
-      }).filter(isNonNullable).map(([meta, settings]) => ({
-        id: `${SETTINGS_KEY}:${meta.id.replaceAll("/", ":")}`,
+      }).filter(isNonNullable).map(([meta2, settings]) => ({
+        id: `${SETTINGS_KEY}:${meta2.id.replaceAll("/", ":")}`,
         type: "category",
         data: settings,
         properties: {
-          label: meta.name ?? meta.id,
-          icon: meta.icon ?? "ph--circle--regular"
+          label: meta2.name ?? meta2.id,
+          icon: meta2.icon ?? "ph--circle--regular"
         }
       }));
     }), Option.getOrElse(() => [])))
   })
-]);
+]));
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-AFFC6VB2.mjs.map
+//# sourceMappingURL=app-graph-builder-OIEZZC45.mjs.map

package/dist/lib/browser/app-graph-builder-OIEZZC45.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-settings/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\n\nimport { ROOT_ID, createExtension } from '@dxos/app-graph';\nimport { type SettingsStore, type SettingsValue } from '@dxos/local-storage';\nimport { isNonNullable } from '@dxos/util';\n\nimport { Capabilities } from '../common';\nimport { type PluginContext, type PluginMeta, contributes } from '../core';\nimport { createIntent } from '../plugin-intent';\n\nimport { SETTINGS_ID, SETTINGS_KEY, SettingsAction } from './actions';\nimport { meta } from './meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/action`,\n      actions: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),\n            Option.map(() => [\n              {\n                id: meta.id,\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  await dispatch(createIntent(SettingsAction.Open));\n                },\n                properties: {\n                  label: ['open settings label', { ns: meta.id }],\n                  icon: 'ph--gear--regular',\n                  disposition: 'menu',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/core`,\n      connector: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),\n            Option.map(() => [\n              {\n                id: SETTINGS_ID,\n                type: meta.id,\n                properties: {\n                  label: ['app settings label', { ns: meta.id }],\n                  icon: 'ph--gear--regular',\n                  disposition: 'pin-end',\n                  position: 'hoist',\n                  testId: 'treeView.appSettings',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/core-plugins`,\n      connector: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id !== SETTINGS_ID ? Option.none() : Option.some(node))),\n            Option.map(() => {\n              const manager = get(context.capability(Capabilities.PluginManager));\n              const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));\n              return [\n                ...manager.plugins\n                  .filter((plugin) => manager.core.includes(plugin.meta.id))\n                  .map((plugin): [PluginMeta, SettingsStore<SettingsValue>] | null => {\n                    const settings = settingsStore?.getStore(plugin.meta.id);\n                    if (!settings) {\n                      return null;\n                    }\n\n                    return [plugin.meta, settings];\n                  })\n                  .filter(isNonNullable)\n                  .map(([meta, settings]) => ({\n                    id: `${SETTINGS_KEY}:${meta.id.replaceAll('/', ':')}`,\n                    type: 'category',\n                    data: settings,\n                    properties: {\n                      label: meta.name ?? meta.id,\n                      icon: meta.icon ?? 'ph--circle--regular',\n                    },\n                  })),\n\n                {\n                  id: `${SETTINGS_KEY}:custom-plugins`,\n                  type: 'category',\n                  properties: {\n                    label: ['custom plugins label', { ns: meta.id }],\n                    icon: 'ph--squares-four--regular',\n                    role: 'branch',\n                    disposition: 'collection',\n                  },\n                },\n              ];\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/custom-plugins`,\n      connector: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) =>\n              node.id !== `${SETTINGS_KEY}:custom-plugins` ? Option.none() : Option.some(node),\n            ),\n            Option.map(() => {\n              const manager = get(context.capability(Capabilities.PluginManager));\n              const [settingsStore] = get(context.capabilities(Capabilities.SettingsStore));\n              return manager.plugins\n                .filter((plugin) => !manager.core.includes(plugin.meta.id))\n                .map((plugin): [PluginMeta, SettingsStore<SettingsValue>] | null => {\n                  const settings = settingsStore?.getStore(plugin.meta.id);\n                  if (!settings) {\n                    return null;\n                  }\n\n                  return [plugin.meta, settings];\n                })\n                .filter(isNonNullable)\n                .map(([meta, settings]) => ({\n                  id: `${SETTINGS_KEY}:${meta.id.replaceAll('/', ':')}`,\n                  type: 'category',\n                  data: settings,\n                  properties: {\n                    label: meta.name ?? meta.id,\n                    icon: meta.icon ?? 'ph--circle--regular',\n                  },\n                }));\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
+  "mappings": "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",
+  "names": ["Atom", "Function", "Option", "ROOT_ID", "createExtension", "isNonNullable", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "actions", "node", "Atom", "make", "get", "pipe", "flatMap", "ROOT_ID", "some", "none", "map", "data", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "createIntent", "SettingsAction", "Open", "properties", "label", "ns", "icon", "disposition", "keyBinding", "macos", "windows", "getOrElse", "connector", "SETTINGS_ID", "type", "position", "testId", "manager", "capability", "PluginManager", "settingsStore", "capabilities", "SettingsStore", "plugins", "filter", "plugin", "core", "includes", "settings", "getStore", "isNonNullable", "SETTINGS_KEY", "replaceAll", "name", "role"]
+}

package/dist/lib/browser/{chunk-ORWHM7CO.mjs → chunk-SCPE4ZO2.mjs}

@@ -1,11 +1,15 @@
+// src/plugin-settings/meta.ts
+var meta = {
+  id: "dxos.org/plugin/settings",
+  name: "Settings"
+};
+
 // src/plugin-settings/actions.ts
-import { Schema } from "effect";
-var SETTINGS_PLUGIN = "dxos.org/plugin/settings";
-var SETTINGS_ACTION = `${SETTINGS_PLUGIN}/action`;
+import * as Schema from "effect/Schema";
 var SETTINGS_ID = "!dxos:settings";
 var SETTINGS_KEY = "settings";
 (function(SettingsAction2) {
-  class Open extends Schema.TaggedClass()(`${SETTINGS_ACTION}/open`, {
+  class Open extends Schema.TaggedClass()(`${meta.id}/open`, {
     input: Schema.Struct({
       plugin: Schema.optional(Schema.String)
     }),
@@ -13,7 +17,7 @@ var SETTINGS_KEY = "settings";
   }) {
   }
   SettingsAction2.Open = Open;
-  class OpenPluginRegistry extends Schema.TaggedClass()(`${SETTINGS_ACTION}/open-plugin-registry`, {
+  class OpenPluginRegistry extends Schema.TaggedClass()(`${meta.id}/open-plugin-registry`, {
     input: Schema.Void,
     output: Schema.Void
   }) {
@@ -23,10 +27,9 @@ var SETTINGS_KEY = "settings";
 var SettingsAction;
 
 export {
-  SETTINGS_PLUGIN,
-  SETTINGS_ACTION,
+  meta,
   SETTINGS_ID,
   SETTINGS_KEY,
   SettingsAction
 };
-//# sourceMappingURL=chunk-ORWHM7CO.mjs.map
+//# sourceMappingURL=chunk-SCPE4ZO2.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-settings/meta.ts", "../../../src/plugin-settings/actions.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/settings',\n  name: 'Settings',\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { meta } from './meta';\n\n// TODO(burdon): Document.\nexport const SETTINGS_ID = '!dxos:settings';\nexport const SETTINGS_KEY = 'settings';\n\nexport namespace SettingsAction {\n  export class Open extends Schema.TaggedClass<Open>()(`${meta.id}/open`, {\n    input: Schema.Struct({\n      plugin: Schema.optional(Schema.String),\n    }),\n    output: Schema.Void,\n  }) {}\n\n  export class OpenPluginRegistry extends Schema.TaggedClass<OpenPluginRegistry>()(`${meta.id}/open-plugin-registry`, {\n    input: Schema.Void,\n    output: Schema.Void,\n  }) {}\n}\n"],
+  "mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;AACR;;;ACLA,YAAYC,YAAY;AAKjB,IAAMC,cAAc;AACpB,IAAMC,eAAe;UAEXC,iBAAAA;EACR,MAAMC,aAAoBC,mBAAW,EAAS,GAAGC,KAAKC,EAAE,SAAS;IACtEC,OAAcC,cAAO;MACnBC,QAAeC,gBAAgBC,aAAM;IACvC,CAAA;IACAC,QAAeC;EACjB,CAAA,EAAA;EAAI;kBALSV,OAAAA;EAON,MAAMW,2BAAkCV,mBAAW,EAAuB,GAAGC,KAAKC,EAAE,yBAAyB;IAClHC,OAAcM;IACdD,QAAeC;EACjB,CAAA,EAAA;EAAI;kBAHSC,qBAAAA;AAIf,GAZiBZ,mBAAAA,iBAAAA,CAAAA,EAAAA;;",
+  "names": ["meta", "id", "name", "Schema", "SETTINGS_ID", "SETTINGS_KEY", "SettingsAction", "Open", "TaggedClass", "meta", "id", "input", "Struct", "plugin", "optional", "String", "output", "Void", "OpenPluginRegistry"]
+}

package/dist/lib/browser/{chunk-T6M7JB7M.mjs → chunk-VFUKEZIN.mjs}

@@ -2,7 +2,11 @@ import {
   Capabilities,
   Events,
   PluginManager
-} from "./chunk-OZY7HV2A.mjs";
+} from "./chunk-WPW5VVAX.mjs";
+
+// src/react/useCapabilities.ts
+import { useAtomValue } from "@effect-atom/atom-react";
+import { invariant } from "@dxos/invariant";
 
 // src/react/PluginManagerProvider.ts
 import { createContext, useContext } from "react";
@@ -12,12 +16,10 @@ var usePluginManager = () => useContext(PluginManagerContext) ?? raise(new Error
 var PluginManagerProvider = PluginManagerContext.Provider;
 
 // src/react/useCapabilities.ts
-import { useRxValue } from "@effect-rx/rx-react";
-import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/__w/dxos/dxos/packages/sdk/app-framework/src/react/useCapabilities.ts";
 var useCapabilities = (interfaceDef) => {
   const manager = usePluginManager();
-  return useRxValue(manager.context.capabilities(interfaceDef));
+  return useAtomValue(manager.context.capabilities(interfaceDef));
 };
 var useCapability = (interfaceDef) => {
   const capabilities = useCapabilities(interfaceDef);
@@ -38,28 +40,22 @@ var useIntentDispatcher = () => useCapability(Capabilities.IntentDispatcher);
 var useAppGraph = () => useCapability(Capabilities.AppGraph);
 var useLayout = () => useCapability(Capabilities.Layout);
 
+// src/react/types.ts
+import * as Schema from "effect/Schema";
+var SurfaceCardRole = Schema.Literal("card", "card--popover", "card--intrinsic", "card--extrinsic", "card--transclusion");
+
 // src/react/ErrorBoundary.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { Component } from "react";
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var ErrorBoundary = class extends Component {
   static getDerivedStateFromError(error) {
     return {
       error
     };
   }
+  state = {
+    error: void 0
+  };
   componentDidUpdate(prevProps) {
     if (prevProps.data !== this.props.data) {
       this.resetError();
@@ -80,21 +76,16 @@ var ErrorBoundary = class extends Component {
       error: void 0
     });
   }
-  constructor(...args) {
-    super(...args), _define_property(this, "state", {
-      error: void 0
-    });
-  }
 };
 var DefaultFallback = ({ data, error }) => {
   var _effect = _useSignals();
   try {
     return /* @__PURE__ */ React.createElement("div", {
       className: "flex flex-col gap-2 overflow-hidden border border-red-500 rounded-sm"
-    }, /* @__PURE__ */ React.createElement("pre", {
-      className: "whitespace-pre-wrap font-sm text-xs p-2"
+    }, /* @__PURE__ */ React.createElement("h1", {
+      className: "p-2"
     }, "ERROR: ", error.message), /* @__PURE__ */ React.createElement("pre", {
-      className: "whitespace-pre-wrap font-sm text-xs p-2 text-subdued"
+      className: "p-2 overflow-y-auto text-sm text-subdued"
     }, JSON.stringify(data, null, 2)));
   } finally {
     _effect.f();
@@ -107,34 +98,17 @@ import React2, { Fragment, Suspense, forwardRef, memo, useMemo } from "react";
 import { useDefaultValue } from "@dxos/react-hooks";
 import { byPosition } from "@dxos/util";
 var DEFAULT_PLACEHOLDER = /* @__PURE__ */ React2.createElement(Fragment, null);
-var useSurfaces = () => {
-  const surfaces = useCapabilities(Capabilities.ReactSurface);
-  return useMemo(() => surfaces.flat(), [
-    surfaces
-  ]);
-};
-var findCandidates = (surfaces, { role, data }) => {
-  return Object.values(surfaces).filter((definition) => Array.isArray(definition.role) ? definition.role.includes(role) : definition.role === role).filter(({ filter }) => filter ? filter(data ?? {}) : true).toSorted(byPosition);
-};
-var isSurfaceAvailable = (context, { role, data }) => {
-  const surfaces = context.getCapabilities(Capabilities.ReactSurface);
-  const candidates = findCandidates(surfaces.flat(), {
-    role,
-    data
-  });
-  return candidates.length > 0;
-};
-var Surface = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(({ id: _id, role, data: _data, limit, fallback, placeholder = DEFAULT_PLACEHOLDER, ...rest }, forwardedRef) => {
+var Surface = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(({ id: _id, role, data: dataParam, limit, fallback = DefaultFallback2, placeholder = DEFAULT_PLACEHOLDER, ...rest }, forwardedRef) => {
   var _effect = _useSignals2();
   try {
     const surfaces = useSurfaces();
-    const data = useDefaultValue(_data, () => ({}));
+    const data = useDefaultValue(dataParam, () => ({}));
     const definitions = findCandidates(surfaces, {
       role,
       data
     });
     const candidates = limit ? definitions.slice(0, limit) : definitions;
-    const nodes = candidates.map(({ component: Component2, id }) => /* @__PURE__ */ React2.createElement(Component2, {
+    const nodes = candidates.map(({ id, component: Component2 }) => /* @__PURE__ */ React2.createElement(Component2, {
       ref: forwardedRef,
       key: id,
       id,
@@ -146,42 +120,67 @@ var Surface = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(({ id: _id, role,
     const suspense = /* @__PURE__ */ React2.createElement(Suspense, {
       fallback: placeholder
     }, nodes);
-    return fallback ? /* @__PURE__ */ React2.createElement(ErrorBoundary, {
+    return /* @__PURE__ */ React2.createElement(ErrorBoundary, {
       data,
       fallback
-    }, suspense) : suspense;
+    }, suspense);
   } finally {
     _effect.f();
   }
 }));
-Surface.displayName = "Surface";
-
-// src/react/useIntentResolver.ts
-import { useEffect } from "react";
-var useIntentResolver = (module, resolver) => {
-  const manager = usePluginManager();
-  useEffect(() => {
-    manager.context.contributeCapability({
-      module,
-      interface: Capabilities.IntentResolver,
-      implementation: resolver
-    });
-    return () => manager.context.removeCapability(Capabilities.IntentResolver, resolver);
-  }, [
-    module,
-    resolver
+var DefaultFallback2 = ({ data, error, dev }) => {
+  var _effect = _useSignals2();
+  try {
+    if (dev) {
+      return /* @__PURE__ */ React2.createElement("div", {
+        className: "flex flex-col gap-4 p-4 is-full overflow-y-auto"
+      }, /* @__PURE__ */ React2.createElement("h1", {
+        className: "flex gap-2 text-sm mbs-2"
+      }, error.message), /* @__PURE__ */ React2.createElement("pre", {
+        className: "overflow-auto text-xs text-description"
+      }, JSON.stringify(data, null, 2)));
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: "flex flex-col gap-4 p-4 is-full overflow-y-auto border border-roseFill"
+    }, /* @__PURE__ */ React2.createElement("h1", {
+      className: "flex gap-2 text-sm mbs-2 text-rose-500"
+    }, error.message), /* @__PURE__ */ React2.createElement("pre", {
+      className: "overflow-auto text-xs text-description"
+    }, error.stack), /* @__PURE__ */ React2.createElement("pre", {
+      className: "overflow-auto text-xs text-description"
+    }, JSON.stringify(data, null, 2)));
+  } finally {
+    _effect.f();
+  }
+};
+var useSurfaces = () => {
+  const surfaces = useCapabilities(Capabilities.ReactSurface);
+  return useMemo(() => surfaces.flat(), [
+    surfaces
   ]);
 };
+var isSurfaceAvailable = (context, { role, data }) => {
+  const surfaces = context.getCapabilities(Capabilities.ReactSurface);
+  const candidates = findCandidates(surfaces.flat(), {
+    role,
+    data
+  });
+  return candidates.length > 0;
+};
+var findCandidates = (surfaces, { role, data }) => {
+  return Object.values(surfaces).filter((definition) => Array.isArray(definition.role) ? definition.role.includes(role) : definition.role === role).filter(({ filter }) => filter ? filter(data ?? {}) : true).toSorted(byPosition);
+};
+Surface.displayName = "Surface";
 
-// src/components/useApp.tsx
-import { RegistryContext } from "@effect-rx/rx-react";
+// src/react/useApp.tsx
+import { RegistryContext } from "@effect-atom/atom-react";
 import { effect } from "@preact/signals-core";
-import React5, { useCallback, useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import React5, { useCallback, useEffect as useEffect2, useMemo as useMemo2 } from "react";
 import { invariant as invariant2 } from "@dxos/invariant";
 import { live } from "@dxos/live-object";
 import { useAsyncEffect, useDefaultValue as useDefaultValue2 } from "@dxos/react-hooks";
 
-// src/components/App.tsx
+// src/react/App.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3 from "react";
 
@@ -216,18 +215,18 @@ var topologicalSort = (nodes) => {
   return allDependencies.map((id) => nodes.find((node) => node.id === id)).filter((node) => node !== void 0);
 };
 
-// src/components/useLoading.tsx
-import { useEffect as useEffect2, useState } from "react";
-var LoadingState = /* @__PURE__ */ function(LoadingState2) {
+// src/react/useLoading.tsx
+import { useEffect, useState } from "react";
+var LoadingState = /* @__PURE__ */ (function(LoadingState2) {
   LoadingState2[LoadingState2["Loading"] = 0] = "Loading";
   LoadingState2[LoadingState2["FadeIn"] = 1] = "FadeIn";
   LoadingState2[LoadingState2["FadeOut"] = 2] = "FadeOut";
   LoadingState2[LoadingState2["Done"] = 3] = "Done";
   return LoadingState2;
-}({});
+})({});
 var useLoading = (state, debounce = 0) => {
   const [stage, setStage] = useState(0);
-  useEffect2(() => {
+  useEffect(() => {
     if (!debounce) {
       return;
     }
@@ -266,7 +265,7 @@ var useLoading = (state, debounce = 0) => {
   return stage;
 };
 
-// src/components/App.tsx
+// src/react/App.tsx
 var App = ({ placeholder: Placeholder, state, debounce }) => {
   var _effect = _useSignals3();
   try {
@@ -299,10 +298,10 @@ var composeContexts = (contexts) => {
   return topologicalSort(contexts).map(({ context }) => context).reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ React3.createElement(Acc, null, /* @__PURE__ */ React3.createElement(Next, null, children)));
 };
 
-// src/components/DefaultFallback.tsx
+// src/react/DefaultFallback.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4 from "react";
-var DefaultFallback2 = ({ error }) => {
+var DefaultFallback3 = ({ error }) => {
   var _effect = _useSignals4();
   try {
     return /* @__PURE__ */ React4.createElement("div", {
@@ -318,7 +317,7 @@ var DefaultFallback2 = ({ error }) => {
         margin: "0.5rem 0",
         fontSize: "1.2rem"
       }
-    }, "[ERROR]: ", error.message), /* @__PURE__ */ React4.createElement("pre", {
+    }, "ERROR: ", error.message), /* @__PURE__ */ React4.createElement("pre", {
       style: {
         overflow: "auto",
         fontSize: "1rem",
@@ -331,18 +330,18 @@ var DefaultFallback2 = ({ error }) => {
   }
 };
 
-// src/components/useApp.tsx
-var __dxlog_file2 = "/__w/dxos/dxos/packages/sdk/app-framework/src/components/useApp.tsx";
+// src/react/useApp.tsx
+var __dxlog_file2 = "/__w/dxos/dxos/packages/sdk/app-framework/src/react/useApp.tsx";
 var ENABLED_KEY = "dxos.org/app-framework/enabled";
-var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, core: _core, defaults: _defaults, placeholder, fallback = DefaultFallback2, cacheEnabled = false, safeMode = false, debounce = 0 }) => {
-  const plugins = useDefaultValue2(_plugins, () => []);
-  const core = useDefaultValue2(_core, () => plugins.map(({ meta }) => meta.id));
-  const defaults = useDefaultValue2(_defaults, () => []);
-  const pluginLoader = useMemo2(() => _pluginLoader ?? ((id) => {
+var useApp = ({ pluginManager, pluginLoader: pluginLoaderParam, plugins: pluginsParam, core: coreParam, defaults: defaultsParam, placeholder, fallback = DefaultFallback3, cacheEnabled = false, safeMode = false, debounce = 0 }) => {
+  const plugins = useDefaultValue2(pluginsParam, () => []);
+  const core = useDefaultValue2(coreParam, () => plugins.map(({ meta }) => meta.id));
+  const defaults = useDefaultValue2(defaultsParam, () => []);
+  const pluginLoader = useMemo2(() => pluginLoaderParam ?? ((id) => {
     const plugin = plugins.find((plugin2) => plugin2.meta.id === id);
     invariant2(plugin, `Plugin not found: ${id}`, {
       F: __dxlog_file2,
-      L: 82,
+      L: 83,
       S: void 0,
       A: [
         "plugin",
@@ -351,7 +350,7 @@ var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, c
     });
     return plugin;
   }), [
-    _pluginLoader,
+    pluginLoaderParam,
     plugins
   ]);
   const state = useMemo2(() => live({
@@ -377,7 +376,7 @@ var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, c
     core,
     enabled
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     return manager.activation.on(({ event, state: _state, error }) => {
       if (!state.ready && event === Events.Startup.id) {
         state.ready = _state === "activated";
@@ -390,7 +389,7 @@ var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, c
     manager,
     state
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     effect(() => {
       cacheEnabled && localStorage.setItem(ENABLED_KEY, JSON.stringify(manager.enabled));
     });
@@ -398,35 +397,31 @@ var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, c
     cacheEnabled,
     manager
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
+    setupDevtools(manager);
+  }, [
+    manager
+  ]);
+  useAsyncEffect(async () => {
     manager.context.contributeCapability({
       interface: Capabilities.PluginManager,
       implementation: manager,
       module: "dxos.org/app-framework/plugin-manager"
     });
     manager.context.contributeCapability({
-      interface: Capabilities.RxRegistry,
+      interface: Capabilities.AtomRegistry,
       implementation: manager.registry,
-      module: "dxos.org/app-framework/rx-registry"
+      module: "dxos.org/app-framework/atom-registry"
     });
-    return () => {
-      manager.context.removeCapability(Capabilities.PluginManager, manager);
-      manager.context.removeCapability(Capabilities.RxRegistry, manager.registry);
-    };
-  }, [
-    manager
-  ]);
-  useEffect3(() => {
-    setupDevtools(manager);
-  }, [
-    manager
-  ]);
-  useAsyncEffect(async () => {
     await Promise.all([
       // TODO(wittjosiah): Factor out such that this could be called per surface role when attempting to render.
       manager.activate(Events.SetupReactSurface),
       manager.activate(Events.Startup)
     ]);
+    return () => {
+      manager.context.removeCapability(Capabilities.PluginManager, manager);
+      manager.context.removeCapability(Capabilities.AtomRegistry, manager.registry);
+    };
   }, [
     manager
   ]);
@@ -448,11 +443,27 @@ var useApp = ({ pluginManager, pluginLoader: _pluginLoader, plugins: _plugins, c
   ]);
 };
 var setupDevtools = (manager) => {
-  var _globalThis;
-  (_globalThis = globalThis).composer ?? (_globalThis.composer = {});
+  globalThis.composer ??= {};
   globalThis.composer.manager = manager;
 };
 
+// src/react/useIntentResolver.ts
+import { useEffect as useEffect3 } from "react";
+var useIntentResolver = (module, resolver) => {
+  const manager = usePluginManager();
+  useEffect3(() => {
+    manager.context.contributeCapability({
+      module,
+      interface: Capabilities.IntentResolver,
+      implementation: resolver
+    });
+    return () => manager.context.removeCapability(Capabilities.IntentResolver, resolver);
+  }, [
+    module,
+    resolver
+  ]);
+};
+
 export {
   usePluginManager,
   PluginManagerProvider,
@@ -461,11 +472,12 @@ export {
   useIntentDispatcher,
   useAppGraph,
   useLayout,
+  SurfaceCardRole,
   ErrorBoundary,
+  Surface,
   useSurfaces,
   isSurfaceAvailable,
-  Surface,
-  useIntentResolver,
-  useApp
+  useApp,
+  useIntentResolver
 };
-//# sourceMappingURL=chunk-T6M7JB7M.mjs.map
+//# sourceMappingURL=chunk-VFUKEZIN.mjs.map