@dxos/app-framework 0.8.4-main.c85a9c8dae → 0.8.4-main.d05673bc65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/app-framework",
-  "version": "0.8.4-main.c85a9c8dae",
+  "version": "0.8.4-main.d05673bc65",
   "description": "A framework for building applications from composible plugins.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -108,18 +108,18 @@
   },
   "dependencies": {
     "@effect/cli": "0.73.2",
-    "@dxos/async": "0.8.4-main.c85a9c8dae",
-    "@dxos/echo": "0.8.4-main.c85a9c8dae",
-    "@dxos/debug": "0.8.4-main.c85a9c8dae",
-    "@dxos/invariant": "0.8.4-main.c85a9c8dae",
-    "@dxos/effect": "0.8.4-main.c85a9c8dae",
-    "@dxos/operation": "0.8.4-main.c85a9c8dae",
-    "@dxos/web-context": "0.8.4-main.c85a9c8dae",
-    "@dxos/react-hooks": "0.8.4-main.c85a9c8dae",
-    "@dxos/react-error-boundary": "0.8.4-main.c85a9c8dae",
-    "@dxos/web-context-react": "0.8.4-main.c85a9c8dae",
-    "@dxos/util": "0.8.4-main.c85a9c8dae",
-    "@dxos/log": "0.8.4-main.c85a9c8dae"
+    "@dxos/async": "0.8.4-main.d05673bc65",
+    "@dxos/echo": "0.8.4-main.d05673bc65",
+    "@dxos/debug": "0.8.4-main.d05673bc65",
+    "@dxos/effect": "0.8.4-main.d05673bc65",
+    "@dxos/log": "0.8.4-main.d05673bc65",
+    "@dxos/invariant": "0.8.4-main.d05673bc65",
+    "@dxos/react-error-boundary": "0.8.4-main.d05673bc65",
+    "@dxos/operation": "0.8.4-main.d05673bc65",
+    "@dxos/react-hooks": "0.8.4-main.d05673bc65",
+    "@dxos/util": "0.8.4-main.d05673bc65",
+    "@dxos/web-context": "0.8.4-main.d05673bc65",
+    "@dxos/web-context-react": "0.8.4-main.d05673bc65"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -130,12 +130,12 @@
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "typedoc": "0.28.1",
-    "@dxos/echo-db": "0.8.4-main.c85a9c8dae",
-    "@dxos/random": "0.8.4-main.c85a9c8dae",
-    "@dxos/react-ui": "0.8.4-main.c85a9c8dae",
-    "@dxos/test-utils": "0.8.4-main.c85a9c8dae",
-    "@dxos/storybook-utils": "0.8.4-main.c85a9c8dae",
-    "@dxos/ui-theme": "0.8.4-main.c85a9c8dae"
+    "@dxos/echo-db": "0.8.4-main.d05673bc65",
+    "@dxos/random": "0.8.4-main.d05673bc65",
+    "@dxos/react-ui": "0.8.4-main.d05673bc65",
+    "@dxos/test-utils": "0.8.4-main.d05673bc65",
+    "@dxos/ui-theme": "0.8.4-main.d05673bc65",
+    "@dxos/storybook-utils": "0.8.4-main.d05673bc65"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",

package/src/cli/cli.ts

@@ -75,13 +75,13 @@ export const createCliApp = Effect.fn(function* ({
   manager.capabilities.contribute({
     interface: Capabilities.PluginManager,
     implementation: manager,
-    module: 'dxos.org/app-framework/plugin-manager',
+    module: 'org.dxos.app-framework.plugin-manager',
   });
 
   manager.capabilities.contribute({
     interface: Capabilities.AtomRegistry,
     implementation: manager.registry,
-    module: 'dxos.org/app-framework/atom-registry',
+    module: 'org.dxos.app-framework.atom-registry',
   });
 
   // Activate startup event to load CLI commands and Effect layers.

package/src/common/activation-events.ts

@@ -7,7 +7,7 @@ import { ActivationEvent as ActivationEvent$ } from '../core';
 /**
  * Fired when the app is started.
  */
-export const Startup = ActivationEvent$.make('dxos.org/app-framework/event/startup');
+export const Startup = ActivationEvent$.make('org.dxos.app-framework.event.startup');
 
 //
 // Dependent Events
@@ -16,18 +16,18 @@ export const Startup = ActivationEvent$.make('dxos.org/app-framework/event/start
 /**
  * Fired to load any newly available surfaces.
  */
-export const SetupReactSurface = ActivationEvent$.make('dxos.org/app-framework/event/setup-react-surface');
+export const SetupReactSurface = ActivationEvent$.make('org.dxos.app-framework.event.setup-react-surface');
 
 /**
  * Fired before the operation invoker is activated.
  */
-export const SetupOperationResolver = ActivationEvent$.make('dxos.org/app-framework/event/setup-operation-resolver');
+export const SetupOperationResolver = ActivationEvent$.make('org.dxos.app-framework.event.setup-operation-resolver');
 
 /**
  * Fired before the managed runtime is created.
  * Plugins should contribute their Layer capabilities before this event.
  */
-export const SetupLayer = ActivationEvent$.make('dxos.org/app-framework/event/setup-layer');
+export const SetupLayer = ActivationEvent$.make('org.dxos.app-framework.event.setup-layer');
 
 //
 // Triggered Events
@@ -36,9 +36,9 @@ export const SetupLayer = ActivationEvent$.make('dxos.org/app-framework/event/se
 /**
  * Fired after the operation invoker is ready.
  */
-export const OperationInvokerReady = ActivationEvent$.make('dxos.org/app-framework/event/operation-invoker-ready');
+export const OperationInvokerReady = ActivationEvent$.make('org.dxos.app-framework.event.operation-invoker-ready');
 
 /**
  * Fired after the managed runtime is ready.
  */
-export const ManagedRuntimeReady = ActivationEvent$.make('dxos.org/app-framework/event/managed-runtime-ready');
+export const ManagedRuntimeReady = ActivationEvent$.make('org.dxos.app-framework.event.managed-runtime-ready');

package/src/common/capabilities.ts

@@ -23,19 +23,19 @@ import type { Surface } from '../ui';
  * Null capability.
  * @category Capability
  */
-export const Null = Capability$.make<null>('dxos.org/app-framework/capability/null');
+export const Null = Capability$.make<null>('org.dxos.app-framework.capability.null');
 
 /**
  * @category Capability
  */
 export const PluginManager = Capability$.make<PluginManager$.PluginManager>(
-  'dxos.org/app-framework/capability/plugin-manager',
+  'org.dxos.app-framework.capability.plugin-manager',
 );
 
 /**
  * @category Capability
  */
-export const AtomRegistry = Capability$.make<Registry.Registry>('dxos.org/app-framework/capability/atom-registry');
+export const AtomRegistry = Capability$.make<Registry.Registry>('org.dxos.app-framework.capability.atom-registry');
 
 export type ReactContext = Readonly<{
   id: string;
@@ -46,14 +46,14 @@ export type ReactContext = Readonly<{
 /**
  * @category Capability
  */
-export const ReactContext = Capability$.make<ReactContext>('dxos.org/app-framework/capability/react-context');
+export const ReactContext = Capability$.make<ReactContext>('org.dxos.app-framework.capability.react-context');
 
 export type ReactRoot = Readonly<{ id: string; root: FC<PropsWithChildren> }>;
 
 /**
  * @category Capability
  */
-export const ReactRoot = Capability$.make<ReactRoot>('dxos.org/app-framework/capability/react-root');
+export const ReactRoot = Capability$.make<ReactRoot>('org.dxos.app-framework.capability.react-root');
 
 /**
  * Surface definitions that can be either React components or Web Components.
@@ -63,26 +63,26 @@ export type ReactSurface = Surface.Definition | readonly Surface.Definition[];
 /**
  * @category Capability
  */
-export const ReactSurface = Capability$.make<ReactSurface>('dxos.org/app-framework/common/react-surface');
+export const ReactSurface = Capability$.make<ReactSurface>('org.dxos.app-framework.common.react-surface');
 
 export type AnyCommand = Command$.Command<any, any, any, any>;
 
 /**
  * @category Capability
  */
-export const Command = Capability$.make<AnyCommand>('dxos.org/app-framework/capability/command');
+export const Command = Capability$.make<AnyCommand>('org.dxos.app-framework.capability.command');
 
 /**
  * @category Capability
  */
-export const Layer = Capability$.make<Layer$.Layer<any, any, any>>('dxos.org/app-framework/capability/layer');
+export const Layer = Capability$.make<Layer$.Layer<any, any, any>>('org.dxos.app-framework.capability.layer');
 
 export type ManagedRuntime = ManagedRuntime$.ManagedRuntime<any, any>;
 
 /**
  * @category Capability
  */
-export const ManagedRuntime = Capability$.make<ManagedRuntime>('dxos.org/app-framework/capability/managed-runtime');
+export const ManagedRuntime = Capability$.make<ManagedRuntime>('org.dxos.app-framework.capability.managed-runtime');
 
 //
 // Operation System Capabilities
@@ -95,7 +95,7 @@ export type OperationResolver = OperationResolver$.OperationResolver<any, any, a
  * @category Capability
  */
 export const OperationResolver = Capability$.make<OperationResolver[]>(
-  'dxos.org/app-framework/capability/operation-resolver',
+  'org.dxos.app-framework.capability.operation-resolver',
 );
 
 export type UndoMapping = UndoMapping$.UndoMapping;
@@ -104,7 +104,7 @@ export type UndoMapping = UndoMapping$.UndoMapping;
  * Undo mapping registration - contributed by plugins.
  * @category Capability
  */
-export const UndoMapping = Capability$.make<UndoMapping[]>('dxos.org/app-framework/capability/undo-mapping');
+export const UndoMapping = Capability$.make<UndoMapping[]>('org.dxos.app-framework.capability.undo-mapping');
 
 export type OperationInvoker = OperationInvoker$.OperationInvoker;
 
@@ -113,7 +113,7 @@ export type OperationInvoker = OperationInvoker$.OperationInvoker;
  * @category Capability
  */
 export const OperationInvoker = Capability$.make<OperationInvoker>(
-  'dxos.org/app-framework/capability/operation-invoker',
+  'org.dxos.app-framework.capability.operation-invoker',
 );
 
 export type UndoRegistry = UndoRegistry$.UndoRegistry;
@@ -122,7 +122,7 @@ export type UndoRegistry = UndoRegistry$.UndoRegistry;
  * Undo registry - provided by OperationPlugin.
  * @category Capability
  */
-export const UndoRegistry = Capability$.make<UndoRegistry>('dxos.org/app-framework/capability/undo-registry');
+export const UndoRegistry = Capability$.make<UndoRegistry>('org.dxos.app-framework.capability.undo-registry');
 
 export type HistoryTracker = HistoryTracker$.HistoryTracker;
 
@@ -130,7 +130,7 @@ export type HistoryTracker = HistoryTracker$.HistoryTracker;
  * History tracker - provided by OperationPlugin.
  * @category Capability
  */
-export const HistoryTracker = Capability$.make<HistoryTracker>('dxos.org/app-framework/capability/history-tracker');
+export const HistoryTracker = Capability$.make<HistoryTracker>('org.dxos.app-framework.capability.history-tracker');
 
 //
 // Atom Capability Helpers

package/src/common/operations.ts

@@ -10,7 +10,7 @@ import { Capability } from '../core';
 
 import { Label } from './translations';
 
-const UNDO_NAMESPACE = 'dxos.org/app-framework/undo';
+const UNDO_NAMESPACE = 'org.dxos.app-framework.undo';
 
 /**
  * Operations related to undo/history functionality.
@@ -22,7 +22,7 @@ export namespace UndoOperation {
    */
   export const ShowUndo = Operation.make({
     meta: {
-      key: `${UNDO_NAMESPACE}/operation/show-undo`,
+      key: `${UNDO_NAMESPACE}.operation.show-undo`,
       name: 'Show Undo',
       description: 'Show an undo toast notification.',
     },

package/src/context.ts

@@ -6,4 +6,4 @@ import { createContext } from '@dxos/web-context';
 
 import { type PluginManager } from './core';
 
-export const PluginManagerContext = createContext<PluginManager.PluginManager>('dxos.org/app-framework/plugin-manager');
+export const PluginManagerContext = createContext<PluginManager.PluginManager>('org.dxos.app-framework.plugin-manager');

package/src/core/activation-event.ts

@@ -6,7 +6,7 @@
  * A unique string identifier representing an event.
  * This is expected to be a URI, where initial parts are often the id of the plugin whose package defines the event.
  *
- * @example dxos.org/plugin/example/event/ready
+ * @example org.dxos.plugin.example.event.ready
  */
 export type ActivationEvent = {
   id: string;

package/src/core/plugin-manager.test.ts

@@ -23,14 +23,14 @@ import type * as CapabilityManager from './capability-manager';
 import * as Plugin from './plugin';
 import * as PluginManager from './plugin-manager';
 
-const String = Capability.make<{ string: string }>('dxos.org/test/string');
-const Number = Capability.make<{ number: number }>('dxos.org/test/number');
-const Total = Capability.make<{ total: number }>('dxos.org/test/total');
+const String = Capability.make<{ string: string }>('org.dxos.test.string');
+const Number = Capability.make<{ number: number }>('org.dxos.test.number');
+const Total = Capability.make<{ total: number }>('org.dxos.test.total');
 
-const CountEvent = ActivationEvent.make('dxos.org/test/count');
-const FailEvent = ActivationEvent.make('dxos.org/test/fail');
+const CountEvent = ActivationEvent.make('org.dxos.test.count');
+const FailEvent = ActivationEvent.make('org.dxos.test.fail');
 
-const testMeta = { id: 'dxos.org/plugin/test', name: 'Test' };
+const testMeta = { id: 'org.dxos.plugin.test', name: 'Test' };
 
 // TODO(wittjosiah): Factor out?
 const atomCounter = (registry: Registry.Registry, atom: Atom.Atom<any>) => {
@@ -204,7 +204,7 @@ describe('PluginManager', () => {
 
   it.effect('should catch and log defects (synchronous throws) in module activation', () =>
     Effect.gen(function* () {
-      const DefectEvent = ActivationEvent.make('dxos.org/test/defect');
+      const DefectEvent = ActivationEvent.make('org.dxos.test.defect');
       const capturedErrors: LogEntry[] = [];
       const removeProcessor = log.addProcessor((_config: LogConfig, entry: LogEntry) => {
         if (entry.level === LogLevel.ERROR) {
@@ -238,7 +238,7 @@ describe('PluginManager', () => {
       const defectLog = capturedErrors.find(
         (entry) =>
           entry.message?.includes('module failed to activate') &&
-          entry.context?.module === 'dxos.org/plugin/test/module/DefectInEffectSync',
+          entry.context?.module === 'org.dxos.plugin.test.module.DefectInEffectSync',
       );
       assert.isNotNull(defectLog, 'Expected error log for defect');
       assert.strictEqual(defectLog?.context?.isDefect, true, 'Expected isDefect to be true for synchronous throw');
@@ -249,7 +249,7 @@ describe('PluginManager', () => {
 
   it.effect('should catch and log defects when activate throws before returning Effect', () =>
     Effect.gen(function* () {
-      const DefectEvent = ActivationEvent.make('dxos.org/test/defect-immediate');
+      const DefectEvent = ActivationEvent.make('org.dxos.test.defect-immediate');
       const capturedErrors: LogEntry[] = [];
       const removeProcessor = log.addProcessor((_config: LogConfig, entry: LogEntry) => {
         if (entry.level === LogLevel.ERROR) {
@@ -284,7 +284,7 @@ describe('PluginManager', () => {
       const defectLog = capturedErrors.find(
         (entry) =>
           entry.message?.includes('module failed to activate') &&
-          entry.context?.module === 'dxos.org/plugin/test/module/DefectImmediate',
+          entry.context?.module === 'org.dxos.plugin.test.module.DefectImmediate',
       );
       assert.isNotNull(defectLog, 'Expected error log for immediate defect');
       assert.strictEqual(
@@ -419,7 +419,7 @@ describe('PluginManager', () => {
 
   it.effect('should be able to fire custom activation events', () =>
     Effect.gen(function* () {
-      const Plugin1 = Plugin.define({ id: 'dxos.org/test/plugin-1', name: 'Plugin 1' }).pipe(
+      const Plugin1 = Plugin.define({ id: 'org.dxos.test.plugin-1', name: 'Plugin 1' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin1',
@@ -427,7 +427,7 @@ describe('PluginManager', () => {
         }),
         Plugin.make,
       );
-      const Plugin2 = Plugin.define({ id: 'dxos.org/test/plugin-2', name: 'Plugin 2' }).pipe(
+      const Plugin2 = Plugin.define({ id: 'org.dxos.test.plugin-2', name: 'Plugin 2' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin2',
@@ -435,7 +435,7 @@ describe('PluginManager', () => {
         }),
         Plugin.make,
       );
-      const Plugin3 = Plugin.define({ id: 'dxos.org/test/plugin-3', name: 'Plugin 3' }).pipe(
+      const Plugin3 = Plugin.define({ id: 'org.dxos.test.plugin-3', name: 'Plugin 3' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin3',
@@ -546,7 +546,7 @@ describe('PluginManager', () => {
         state.total = numbers.reduce((acc: number, n: { number: number }) => acc + n.number, 0);
       };
 
-      const Count = Plugin.define({ id: 'dxos.org/test/count', name: 'Count' }).pipe(
+      const Count = Plugin.define({ id: 'org.dxos.test.count', name: 'Count' }).pipe(
         Plugin.addModule({
           id: 'Count',
           activatesOn: ActivationEvents.Startup,
@@ -626,7 +626,7 @@ describe('PluginManager', () => {
 
   it.effect('should be reactive', () =>
     Effect.gen(function* () {
-      const Plugin1 = Plugin.define({ id: 'dxos.org/test/plugin-1', name: 'Plugin 1' }).pipe(
+      const Plugin1 = Plugin.define({ id: 'org.dxos.test.plugin-1', name: 'Plugin 1' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin1',
@@ -634,7 +634,7 @@ describe('PluginManager', () => {
         }),
         Plugin.make,
       );
-      const Plugin2 = Plugin.define({ id: 'dxos.org/test/plugin-2', name: 'Plugin 2' }).pipe(
+      const Plugin2 = Plugin.define({ id: 'org.dxos.test.plugin-2', name: 'Plugin 2' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin2',
@@ -642,7 +642,7 @@ describe('PluginManager', () => {
         }),
         Plugin.make,
       );
-      const Plugin3 = Plugin.define({ id: 'dxos.org/test/plugin-3', name: 'Plugin 3' }).pipe(
+      const Plugin3 = Plugin.define({ id: 'org.dxos.test.plugin-3', name: 'Plugin 3' }).pipe(
         Plugin.addModule({
           activatesOn: CountEvent,
           id: 'Plugin3',
@@ -752,8 +752,8 @@ describe('PluginManager', () => {
         }
       });
 
-      const SlowEvent = ActivationEvent.make('dxos.org/test/slow');
-      const SlowPlugin = Plugin.define({ id: 'dxos.org/test/slow-plugin', name: 'Slow Plugin' }).pipe(
+      const SlowEvent = ActivationEvent.make('org.dxos.test.slow');
+      const SlowPlugin = Plugin.define({ id: 'org.dxos.test.slow-plugin', name: 'Slow Plugin' }).pipe(
         Plugin.addModule({
           id: 'SlowModule',
           activatesOn: SlowEvent,
@@ -795,11 +795,11 @@ describe('PluginManager', () => {
   it.effect('should prevent concurrent loads of the same module via semaphore', () =>
     Effect.gen(function* () {
       // Two different events that both can trigger the same module.
-      const EventA = ActivationEvent.make('dxos.org/test/event-a');
-      const EventB = ActivationEvent.make('dxos.org/test/event-b');
+      const EventA = ActivationEvent.make('org.dxos.test.event-a');
+      const EventB = ActivationEvent.make('org.dxos.test.event-b');
 
       let activateCallCount = 0;
-      const ConcurrentPlugin = Plugin.define({ id: 'dxos.org/test/concurrent-plugin', name: 'Concurrent Plugin' }).pipe(
+      const ConcurrentPlugin = Plugin.define({ id: 'org.dxos.test.concurrent-plugin', name: 'Concurrent Plugin' }).pipe(
         Plugin.addModule({
           id: 'ConcurrentModule',
           // Module activates on either event - this allows two different events to race.

package/src/core/plugin.ts

@@ -49,7 +49,7 @@ export const reset = (event: ActivationEvent.ActivationEvent): Effect.Effect<boo
  * Computes a module ID from plugin ID and export name.
  */
 const computeModuleId = (pluginId: string, moduleName: string): string => {
-  return `${pluginId}/module/${moduleName}`;
+  return `${pluginId}.module.${moduleName}`;
 };
 
 /**
@@ -128,7 +128,7 @@ export type Meta = {
    *
    * Expected to be in the form of a valid URL.
    *
-   * @example dxos.org/plugin/example
+   * @example org.dxos.plugin.example
    */
   id: string;
 

package/src/plugin-operation/meta.ts

@@ -5,7 +5,7 @@
 import { type Plugin } from '../core';
 
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/operation',
+  id: 'org.dxos.plugin.operation',
   name: 'Operation Plugin',
   description: 'Provides operation invocation, undo registry, and history tracking.',
 };

package/src/plugin-runtime/meta.ts

@@ -5,7 +5,7 @@
 import { type Plugin } from '../core';
 
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/runtime',
+  id: 'org.dxos.plugin.runtime',
   name: 'Runtime Plugin',
   description: 'Provides a managed Effect runtime by composing contributed layers.',
 };

package/src/testing/service.ts

@@ -36,13 +36,13 @@ export const fromPlugins = (plugins: Plugin.Plugin[]) =>
       manager.capabilities.contribute({
         interface: Capabilities.PluginManager,
         implementation: manager,
-        module: 'dxos.org/app-framework/plugin-manager',
+        module: 'org.dxos.app-framework.plugin-manager',
       });
 
       manager.capabilities.contribute({
         interface: Capabilities.AtomRegistry,
         implementation: manager.registry,
-        module: 'dxos.org/app-framework/atom-registry',
+        module: 'org.dxos.app-framework.atom-registry',
       });
 
       yield* manager.activate(ActivationEvents.Startup);

package/src/testing/withPluginManager.tsx

@@ -75,7 +75,7 @@ export const withPluginManager = <Args,>(init: WithPluginManagerInitializer<Args
 
       pluginManager.capabilities.contribute({
         ...capability,
-        module: 'dxos.org/app-framework/withPluginManager',
+        module: 'org.dxos.app-framework.with-plugin-manager',
       });
 
       return () => {
@@ -96,7 +96,7 @@ export const withPluginManager = <Args,>(init: WithPluginManagerInitializer<Args
 };
 
 const storyMeta = {
-  id: 'dxos.org/app-framework/story',
+  id: 'org.dxos.app-framework.story',
   name: 'Story',
 };
 

package/src/ui/components/App/App.stories.tsx

@@ -14,7 +14,7 @@ import { useApp } from '../../hooks';
 
 // Minimal plugin that contributes a ReactRoot.
 const TestPlugin = Plugin.define<{ error?: boolean }>({
-  id: 'dxos.org/plugin/test',
+  id: 'org.dxos.plugin.test',
   name: 'Test Plugin',
 }).pipe(
   Plugin.addModule(({ error }) => ({
@@ -23,7 +23,7 @@ const TestPlugin = Plugin.define<{ error?: boolean }>({
     activate: () =>
       Effect.succeed([
         Capability.contributes(Capabilities.ReactRoot, {
-          id: 'dxos.org/plugin/test/root',
+          id: 'org.dxos.plugin.test.root',
           root: () => {
             useEffect(() => {
               let t: NodeJS.Timeout;

package/src/ui/components/PluginManager/PluginManagerContext.stories.tsx

@@ -78,7 +78,7 @@ const CounterComponent = () => {
   }, [counter]);
 
   if (!manager) {
-    return <div className='p-4 text-red-500'>Error: Context not found</div>;
+    return <div className='p-4 text-error-text'>Error: Context not found</div>;
   }
 
   return (
@@ -116,7 +116,7 @@ const CounterComponent = () => {
 
 // Plugin that provides the Counter capability and renders the UI
 const CounterPlugin = Plugin.define({
-  id: 'dxos.org/plugin/counter',
+  id: 'org.dxos.plugin.counter',
   name: 'Counter Plugin',
 }).pipe(
   Plugin.addModule({
@@ -142,7 +142,7 @@ const CounterPlugin = Plugin.define({
 
         // Contribute the UI
         Capability.contributes(Capabilities.ReactRoot, {
-          id: 'dxos.org/plugin/counter/root',
+          id: 'org.dxos.plugin.counter.root',
           root: CounterComponent,
         }),
       ]);
@@ -152,7 +152,7 @@ const CounterPlugin = Plugin.define({
 )();
 
 const plugins = [CounterPlugin];
-const core = ['dxos.org/plugin/counter'];
+const core = ['org.dxos.plugin.counter'];
 const placeholder = () => (
   <div className='flex h-screen items-center justify-center p-4 text-lg text-neutral-500'>
     Initializing Application...

package/src/ui/hooks/useApp.tsx

@@ -21,7 +21,7 @@ import { PluginManagerContext } from '../../context';
 import { type ActivationEvent, type Plugin, PluginManager } from '../../core';
 import { App, PluginManagerProvider } from '../components';
 
-const ENABLED_KEY = 'dxos.org/app-framework/enabled';
+const ENABLED_KEY = 'org.dxos.app-framework.enabled';
 
 export type UseAppOptions = {
   pluginManager?: PluginManager.PluginManager;
@@ -131,13 +131,13 @@ export const useApp = ({
     manager.capabilities.contribute({
       interface: Capabilities.PluginManager,
       implementation: manager,
-      module: 'dxos.org/app-framework/plugin-manager',
+      module: 'org.dxos.app-framework.plugin-manager',
     });
 
     manager.capabilities.contribute({
       interface: Capabilities.AtomRegistry,
       implementation: manager.registry,
-      module: 'dxos.org/app-framework/atom-registry',
+      module: 'org.dxos.app-framework.atom-registry',
     });
 
     const fiber = Effect.gen(function* () {

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

@@ -1,8 +0,0 @@
-// src/context.ts
-import { createContext } from "@dxos/web-context";
-var PluginManagerContext = createContext("dxos.org/app-framework/plugin-manager");
-
-export {
-  PluginManagerContext
-};
-//# sourceMappingURL=chunk-FHQTHCX7.mjs.map

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

@@ -1,34 +0,0 @@
-import {
-  activation_event_exports
-} from "./chunk-PKQT6C53.mjs";
-import {
-  __export
-} from "./chunk-J5LGTIGS.mjs";
-
-// src/common/activation-events.ts
-var activation_events_exports = {};
-__export(activation_events_exports, {
-  ManagedRuntimeReady: () => ManagedRuntimeReady,
-  OperationInvokerReady: () => OperationInvokerReady,
-  SetupLayer: () => SetupLayer,
-  SetupOperationResolver: () => SetupOperationResolver,
-  SetupReactSurface: () => SetupReactSurface,
-  Startup: () => Startup
-});
-var Startup = activation_event_exports.make("dxos.org/app-framework/event/startup");
-var SetupReactSurface = activation_event_exports.make("dxos.org/app-framework/event/setup-react-surface");
-var SetupOperationResolver = activation_event_exports.make("dxos.org/app-framework/event/setup-operation-resolver");
-var SetupLayer = activation_event_exports.make("dxos.org/app-framework/event/setup-layer");
-var OperationInvokerReady = activation_event_exports.make("dxos.org/app-framework/event/operation-invoker-ready");
-var ManagedRuntimeReady = activation_event_exports.make("dxos.org/app-framework/event/managed-runtime-ready");
-
-export {
-  Startup,
-  SetupReactSurface,
-  SetupOperationResolver,
-  SetupLayer,
-  OperationInvokerReady,
-  ManagedRuntimeReady,
-  activation_events_exports
-};
-//# sourceMappingURL=chunk-NPUEVX42.mjs.map