@dxos/plugin-registry 0.8.4-main.74a063c4e0 → 0.8.4-main.765dc60934

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.8.4-main.74a063c4e0",
+  "version": "0.8.4-main.765dc60934",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -8,7 +8,7 @@
     "type": "git",
     "url": "https://github.com/dxos/dxos"
   },
-  "license": "MIT",
+  "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
@@ -18,26 +18,36 @@
     "#containers": "./src/containers/index.ts",
     "#meta": "./src/meta.ts",
     "#operations": "./src/operations/index.ts",
+    "#plugin": {
+      "source": {
+        "node": "./src/RegistryPlugin.node.ts",
+        "default": "./src/RegistryPlugin.tsx"
+      },
+      "types": "./dist/types/src/RegistryPlugin.d.ts",
+      "node": "./dist/lib/neutral/RegistryPlugin.node.mjs",
+      "default": "./dist/lib/neutral/RegistryPlugin.mjs"
+    },
+    "#translations": "./src/translations.ts",
     "#types": "./src/types.ts"
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs",
-      "types": "./dist/types/src/index.d.ts"
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/lib/neutral/index.mjs"
+    },
+    "./plugin": {
+      "source": "./src/plugin.ts",
+      "types": "./dist/types/src/plugin.d.ts",
+      "default": "./dist/lib/neutral/plugin.mjs"
     },
-    "./cli": {
-      "source": "./src/cli/index.ts",
-      "browser": "./dist/lib/browser/cli/index.mjs",
-      "node": "./dist/lib/node-esm/cli/index.mjs",
-      "types": "./dist/types/src/cli/index.d.ts"
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
-  "typesVersions": {
-    "*": {}
-  },
   "files": [
     "dist",
     "src"
@@ -46,20 +56,22 @@
     "@effect-atom/atom-react": "^0.5.0",
     "@effect/cli": "0.73.2",
     "yaml": "^2.8.2",
-    "@dxos/app-framework": "0.8.4-main.74a063c4e0",
-    "@dxos/app-toolkit": "0.8.4-main.74a063c4e0",
-    "@dxos/cli-util": "0.8.4-main.74a063c4e0",
-    "@dxos/client-protocol": "0.8.4-main.74a063c4e0",
-    "@dxos/effect": "0.8.4-main.74a063c4e0",
-    "@dxos/invariant": "0.8.4-main.74a063c4e0",
-    "@dxos/operation": "0.8.4-main.74a063c4e0",
-    "@dxos/plugin-observability": "0.8.4-main.74a063c4e0",
-    "@dxos/react-ui-form": "0.8.4-main.74a063c4e0",
-    "@dxos/plugin-graph": "0.8.4-main.74a063c4e0",
-    "@dxos/react-ui-stack": "0.8.4-main.74a063c4e0",
-    "@dxos/react-ui-mosaic": "0.8.4-main.74a063c4e0",
-    "@dxos/util": "0.8.4-main.74a063c4e0",
-    "@dxos/echo": "0.8.4-main.74a063c4e0"
+    "@dxos/app-framework": "0.8.4-main.765dc60934",
+    "@dxos/app-toolkit": "0.8.4-main.765dc60934",
+    "@dxos/compute": "0.8.4-main.765dc60934",
+    "@dxos/client-protocol": "0.8.4-main.765dc60934",
+    "@dxos/context": "0.8.4-main.765dc60934",
+    "@dxos/echo": "0.8.4-main.765dc60934",
+    "@dxos/effect": "0.8.4-main.765dc60934",
+    "@dxos/log": "0.8.4-main.765dc60934",
+    "@dxos/invariant": "0.8.4-main.765dc60934",
+    "@dxos/plugin-graph": "0.8.4-main.765dc60934",
+    "@dxos/react-ui-form": "0.8.4-main.765dc60934",
+    "@dxos/plugin-observability": "0.8.4-main.765dc60934",
+    "@dxos/react-ui-stack": "0.8.4-main.765dc60934",
+    "@dxos/util": "0.8.4-main.765dc60934",
+    "@dxos/react-ui-mosaic": "0.8.4-main.765dc60934",
+    "@dxos/cli-util": "0.8.4-main.765dc60934"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -69,11 +81,12 @@
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^7.1.11",
-    "@dxos/random": "0.8.4-main.74a063c4e0",
-    "@dxos/react-ui": "0.8.4-main.74a063c4e0",
-    "@dxos/ui-theme": "0.8.4-main.74a063c4e0",
-    "@dxos/storybook-utils": "0.8.4-main.74a063c4e0"
+    "vite": "^8.0.13",
+    "@dxos/plugin-testing": "0.8.4-main.765dc60934",
+    "@dxos/random": "0.8.4-main.765dc60934",
+    "@dxos/storybook-utils": "0.8.4-main.765dc60934",
+    "@dxos/react-ui": "0.8.4-main.765dc60934",
+    "@dxos/ui-theme": "0.8.4-main.765dc60934"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -81,8 +94,8 @@
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.74a063c4e0",
-    "@dxos/ui-theme": "0.8.4-main.74a063c4e0"
+    "@dxos/react-ui": "0.8.4-main.765dc60934",
+    "@dxos/ui-theme": "0.8.4-main.765dc60934"
   },
   "publishConfig": {
     "access": "public"

package/src/{cli/plugin.ts → RegistryPlugin.node.ts}

@@ -15,3 +15,5 @@ export const RegistryPlugin = Plugin.define(meta).pipe(
   }),
   Plugin.make,
 );
+
+export default RegistryPlugin;

package/src/RegistryPlugin.test.ts

@@ -0,0 +1,24 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { describe, test } from 'vitest';
+
+import { createComposerTestApp } from '@dxos/plugin-testing/harness';
+
+import { RegistryPlugin } from '#plugin';
+
+import { meta } from './meta';
+
+const moduleId = (name: string) => `${meta.id}.module.${name}`;
+
+describe('RegistryPlugin', () => {
+  test('modules activate on the expected events', async ({ expect }) => {
+    await using harness = await createComposerTestApp({
+      plugins: [RegistryPlugin()],
+    });
+
+    // CLI commands activate on startup.
+    expect(harness.manager.getActive()).toContain(moduleId('cli-commands'));
+  });
+});

package/src/RegistryPlugin.tsx

@@ -2,18 +2,25 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Plugin } from '@dxos/app-framework';
+import { ActivationEvents, Plugin } from '@dxos/app-framework';
 import { AppPlugin } from '@dxos/app-toolkit';
 
-import { AppGraphBuilder, OperationHandler, ReactSurface } from '#capabilities';
+import { AppGraphBuilder, DevPluginLoader, OperationHandler, ReactSurface, RegistrySettings } from '#capabilities';
 import { meta } from '#meta';
-
-import { translations } from './translations';
+import { translations } from '#translations';
 
 export const RegistryPlugin = Plugin.define(meta).pipe(
   AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),
   AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
+  AppPlugin.addSettingsModule({ activate: RegistrySettings }),
   AppPlugin.addSurfaceModule({ activate: ReactSurface }),
   AppPlugin.addTranslationsModule({ translations }),
+  Plugin.addModule({
+    id: 'dev-plugin-loader',
+    activatesOn: ActivationEvents.Startup,
+    activate: DevPluginLoader,
+  }),
   Plugin.make,
 );
+
+export default RegistryPlugin;

package/src/capabilities/app-graph-builder.ts

@@ -3,17 +3,39 @@
 //
 
 import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
 
-import { Capabilities, Capability } from '@dxos/app-framework';
+import { Capabilities, Capability, type Registry, Plugin } from '@dxos/app-framework';
 import { AppCapabilities, LayoutOperation, SettingsOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 import { GraphBuilder, Node, NodeMatcher } from '@dxos/plugin-graph';
 
 import { REGISTRY_ID, REGISTRY_KEY, registryCategoryId, meta } from '#meta';
 
 import { LOAD_PLUGIN_DIALOG } from '../containers';
 
+/**
+ * Turns a registry catalog entry into a minimal {@link Plugin.Plugin} so it
+ * can be attached as the graph node's `data`. The synthesized plugin has no
+ * modules and only exists so the article surface can render details for
+ * registry plugins that haven't been installed yet.
+ */
+const toDisplayPlugin = (entry: Registry.Plugin): Plugin.Plugin =>
+  ({
+    [Plugin.PluginTypeId]: Plugin.PluginTypeId,
+    meta: {
+      id: entry.id,
+      name: entry.name,
+      description: entry.description,
+      homePage: entry.homePage,
+      source: entry.source,
+      screenshots: entry.screenshots,
+      tags: entry.tags,
+      icon: entry.icon,
+      iconHue: entry.iconHue,
+    },
+    modules: [],
+  }) as Plugin.Plugin;
+
 export default Capability.makeModule(
   Effect.fnUntraced(function* () {
     const capabilities = yield* Capability.Service;
@@ -47,18 +69,19 @@ export default Capability.makeModule(
                 label: ['plugin-registry.label', { ns: meta.id }],
                 icon: 'ph--squares-four--regular',
                 disposition: 'pin-end',
+                position: 'hoist',
                 testId: 'treeView.pluginRegistry',
               },
               nodes: [
                 Node.make({
-                  id: registryCategoryId('all'),
+                  id: registryCategoryId('official'),
                   type: 'category',
-                  data: registryCategoryId('all'),
+                  data: registryCategoryId('official'),
                   properties: {
-                    label: ['all-plugins.label', { ns: meta.id }],
+                    label: ['official-plugins.label', { ns: meta.id }],
                     icon: 'ph--squares-four--regular',
                     key: REGISTRY_KEY,
-                    testId: 'pluginRegistry.all',
+                    testId: 'pluginRegistry.official',
                   },
                 }),
                 Node.make({
@@ -94,15 +117,24 @@ export default Capability.makeModule(
                     testId: 'pluginRegistry.labs',
                   },
                 }),
+                Node.make({
+                  id: registryCategoryId('registry'),
+                  type: 'category',
+                  data: registryCategoryId('registry'),
+                  properties: {
+                    label: ['registry-plugins.label', { ns: meta.id }],
+                    icon: 'ph--users-three--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.registry',
+                  },
+                }),
               ],
             }),
           ]),
       }),
       GraphBuilder.createExtension({
         id: 'actions',
-        match: NodeMatcher.whenAny(NodeMatcher.whenId(`root/${REGISTRY_ID}`), (node) =>
-          node.properties.key === REGISTRY_KEY ? Option.some(node) : Option.none(),
-        ),
+        match: NodeMatcher.whenId(`root/${REGISTRY_ID}`),
         actions: () =>
           Effect.succeed([
             {
@@ -124,11 +156,29 @@ export default Capability.makeModule(
       GraphBuilder.createExtension({
         id: 'plugins',
         match: NodeMatcher.whenId(`root/${REGISTRY_ID}`),
-        connector: () => {
+        connector: (_node, get) => {
           const manager = capabilities.get(Capabilities.PluginManager);
-          return Effect.succeed(
-            manager.getPlugins().map((plugin) =>
-              Node.make({
+          const installedIds = new Set(manager.getPlugins().map((plugin) => plugin.meta.id));
+
+          const installedNodes = manager.getPlugins().map((plugin) =>
+            Node.make({
+              id: plugin.meta.id,
+              type: 'org.dxos.plugin',
+              data: plugin,
+              properties: {
+                label: plugin.meta.name ?? plugin.meta.id,
+                icon: plugin.meta.icon ?? 'ph--circle--regular',
+                disposition: 'hidden',
+              },
+            }),
+          );
+
+          const registryEntries = get(manager.pluginRegistry.plugins).entries;
+          const registryNodes = registryEntries
+            .filter((entry) => !installedIds.has(entry.id))
+            .map((entry) => {
+              const plugin = toDisplayPlugin(entry);
+              return Node.make({
                 id: plugin.meta.id,
                 type: 'org.dxos.plugin',
                 data: plugin,
@@ -137,9 +187,10 @@ export default Capability.makeModule(
                   icon: plugin.meta.icon ?? 'ph--circle--regular',
                   disposition: 'hidden',
                 },
-              }),
-            ),
-          );
+              });
+            });
+
+          return Effect.succeed([...installedNodes, ...registryNodes]);
         },
       }),
     ]);

package/src/capabilities/dev-plugin-loader.ts

@@ -0,0 +1,39 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { log } from '@dxos/log';
+
+import { RegistryCapabilities } from '../types';
+
+/**
+ * Startup module that auto-loads a locally-served dev plugin when the user has
+ * the toggle enabled in registry settings. Failures (dev server offline, 404,
+ * timeout) are logged and swallowed so a stale dev URL never blocks app boot —
+ * the toggle stays on, the next reload retries.
+ */
+export default Capability.makeModule(
+  Effect.fnUntraced(function* () {
+    const manager = yield* Capability.get(Capabilities.PluginManager);
+    const registry = yield* Capability.get(Capabilities.AtomRegistry);
+    const settingsAtom = yield* Capability.get(RegistryCapabilities.Settings);
+
+    const settings = registry.get(settingsAtom);
+    const url = settings.devPluginUrl?.trim();
+    if (!settings.devPluginEnabled || !url) {
+      return [];
+    }
+
+    log.info('loading dev plugin from registry settings', { url });
+    yield* manager.add(url).pipe(
+      Effect.flatMap((plugin) => manager.enable(plugin.meta.id)),
+      Effect.tapError((error) => Effect.sync(() => log.warn('dev plugin auto-load failed', { url, error }))),
+      Effect.ignore,
+    );
+
+    return [];
+  }),
+);

package/src/capabilities/index.ts

@@ -3,11 +3,13 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
 export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
+export const DevPluginLoader = Capability.lazy('DevPluginLoader', () => import('./dev-plugin-loader'));
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
   'OperationHandler',
   () => import('./operation-handler'),
 );
 export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));
+export const RegistrySettings = Capability.lazy('RegistrySettings', () => import('./settings'));

package/src/capabilities/operation-handler.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import type { OperationHandlerSet } from '@dxos/operation';
+import type { OperationHandlerSet } from '@dxos/compute';
 
 import { RegistryOperationHandlerSet } from '#operations';
 

package/src/capabilities/react-surface.tsx

@@ -3,93 +3,143 @@
 //
 
 import * as Effect from 'effect/Effect';
-import React, { useMemo } from 'react';
+import React, { type ComponentProps, useMemo } from 'react';
 
-import { Capabilities, Capability } from '@dxos/app-framework';
+import { Capabilities, Capability, Plugin } from '@dxos/app-framework';
 import { Surface, usePluginManager } from '@dxos/app-framework/ui';
+import { AppCapabilities } from '@dxos/app-toolkit';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 
-import { LOAD_PLUGIN_DIALOG, LoadPluginDialog, PluginArticle, PluginRegistry } from '#containers';
-import { registryCategoryId } from '#meta';
+import { DisableDependentsAlert } from '#components';
+import {
+  LOAD_PLUGIN_DIALOG,
+  LoadPluginDialog,
+  PluginArticle,
+  PublicRegistryArticle,
+  RegistryArticle,
+  RegistrySettingsContainer,
+} from '#containers';
+import { DISABLE_DEPENDENTS_DIALOG, meta, registryCategoryId } from '#meta';
+
+import { useAutoTags, useRegistryPlugins, useRemotePluginIds } from '../hooks';
 
 export default Capability.makeModule(() =>
   Effect.succeed(
     Capability.contributes(Capabilities.ReactSurface, [
       Surface.create({
-        id: 'all',
-        role: 'article',
-        filter: AppSurface.literalSection(registryCategoryId('all')),
+        id: 'official',
+        filter: AppSurface.literal(AppSurface.Article, registryCategoryId('official')),
         component: () => {
           const manager = usePluginManager();
-          const filtered = useMemo(
-            () => manager.getPlugins().filter(({ meta }) => !manager.getCore().includes(meta.id)),
-            [],
+          const remoteIds = useRemotePluginIds();
+          const core = useMemo(() => manager.getCore(), [manager]);
+          const predicate = useMemo<PluginPredicate>(
+            () =>
+              ({ meta }) =>
+                !core.includes(meta.id) && !remoteIds.has(meta.id),
+            [core, remoteIds],
           );
 
-          return <PluginRegistry id={registryCategoryId('all')} plugins={filtered} />;
+          return <FilteredRegistryArticle id={registryCategoryId('official')} filter={predicate} />;
         },
       }),
       Surface.create({
         id: 'installed',
-        role: 'article',
-        filter: AppSurface.literalSection(registryCategoryId('installed')),
+        filter: AppSurface.literal(AppSurface.Article, registryCategoryId('installed')),
         component: () => {
           const manager = usePluginManager();
-          const filtered = useMemo(
+          const core = useMemo(() => manager.getCore(), [manager]);
+          const enabled = useMemo(() => manager.getEnabled(), [manager]);
+          const predicate = useMemo<PluginPredicate>(
             () =>
-              manager
-                .getPlugins()
-                .filter(({ meta }) => !manager.getCore().includes(meta.id))
-                .filter(({ meta }) => manager.getEnabled().includes(meta.id)),
-            [],
+              ({ meta }) =>
+                !core.includes(meta.id) && enabled.includes(meta.id),
+            [core, enabled],
           );
 
-          return <PluginRegistry id={registryCategoryId('installed')} plugins={filtered} />;
+          return <FilteredRegistryArticle id={registryCategoryId('installed')} filter={predicate} />;
         },
       }),
       Surface.create({
         id: 'recommended',
-        role: 'article',
-        filter: AppSurface.literalSection(registryCategoryId('recommended')),
+        filter: AppSurface.literal(AppSurface.Article, registryCategoryId('recommended')),
         component: () => {
           const manager = usePluginManager();
-          const filtered = useMemo(
+          const remoteIds = useRemotePluginIds();
+          const core = useMemo(() => manager.getCore(), [manager]);
+          const predicate = useMemo<PluginPredicate>(
             () =>
-              manager
-                .getPlugins()
-                .filter(({ meta }) => !manager.getCore().includes(meta.id))
-                .filter(({ meta }) => !meta.tags?.includes('labs')),
-            [],
+              ({ meta }) =>
+                !core.includes(meta.id) && !remoteIds.has(meta.id) && !meta.tags?.includes('labs'),
+            [core, remoteIds],
           );
 
-          return <PluginRegistry id={registryCategoryId('recommended')} plugins={filtered} />;
+          return <FilteredRegistryArticle id={registryCategoryId('recommended')} filter={predicate} />;
         },
       }),
       Surface.create({
         id: 'labs',
-        role: 'article',
-        filter: AppSurface.literalSection(registryCategoryId('labs')),
+        filter: AppSurface.literal(AppSurface.Article, registryCategoryId('labs')),
         component: () => {
-          const manager = usePluginManager();
-          const filtered = useMemo(() => manager.getPlugins().filter(({ meta }) => meta.tags?.includes('labs')), []);
+          const predicate = useMemo<PluginPredicate>(
+            () =>
+              ({ meta }) =>
+                meta.tags?.includes('labs') ?? false,
+            [],
+          );
 
-          return <PluginRegistry id={registryCategoryId('labs')} plugins={filtered} />;
+          return <FilteredRegistryArticle id={registryCategoryId('labs')} filter={predicate} />;
         },
       }),
+      Surface.create({
+        id: 'registry',
+        filter: AppSurface.literal(AppSurface.Article, registryCategoryId('registry')),
+        component: () => <PublicRegistryArticle id={registryCategoryId('registry')} />,
+      }),
       Surface.create({
         id: 'plugin-details',
-        role: 'article',
-        filter: AppSurface.pluginSection(),
+        filter: AppSurface.subject(AppSurface.Article, Plugin.isPlugin),
         component: ({ data: { subject } }) => {
           return <PluginArticle subject={subject} />;
         },
       }),
       Surface.create({
         id: LOAD_PLUGIN_DIALOG,
-        role: 'dialog',
-        filter: AppSurface.componentDialog(LOAD_PLUGIN_DIALOG),
+        filter: AppSurface.component(AppSurface.Dialog, LOAD_PLUGIN_DIALOG),
         component: () => <LoadPluginDialog />,
       }),
+      Surface.create({
+        id: DISABLE_DEPENDENTS_DIALOG,
+        filter: AppSurface.component<ComponentProps<typeof DisableDependentsAlert>>(
+          AppSurface.Dialog,
+          DISABLE_DEPENDENTS_DIALOG,
+        ),
+        component: ({ data }) => <DisableDependentsAlert {...data.props} />,
+      }),
+      Surface.create({
+        id: 'plugin-settings',
+        role: 'article',
+        filter: (data): data is { subject: AppCapabilities.Settings } =>
+          AppCapabilities.isSettings(data.subject) && data.subject.prefix === meta.id,
+        component: ({ data: { subject } }) => <RegistrySettingsContainer subject={subject} />,
+      }),
     ]),
   ),
 );
+
+type PluginPredicate = (plugin: Plugin.Plugin) => boolean;
+
+/**
+ * Renders the {@link RegistryArticle} surface filtered by an arbitrary
+ * predicate computed against the live plugin list. Centralises the
+ * `usePluginManager` + `useRegistryPlugins` + `useAutoTags` wiring shared
+ * by every category surface.
+ */
+const FilteredRegistryArticle = ({ id, filter }: { id: string; filter: PluginPredicate }) => {
+  const manager = usePluginManager();
+  const { entries } = useRegistryPlugins();
+  const extraTagsById = useAutoTags(entries);
+  const filtered = useMemo(() => manager.getPlugins().filter(filter), [manager, filter]);
+
+  return <RegistryArticle id={id} plugins={filtered} extraTagsById={extraTagsById} />;
+};

package/src/capabilities/settings.ts

@@ -0,0 +1,34 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capability, PLUGIN_DEV_SERVER_PORT } from '@dxos/app-framework';
+import { AppCapabilities } from '@dxos/app-toolkit';
+import { createKvsStore } from '@dxos/effect';
+
+import { meta } from '#meta';
+
+import { RegistryCapabilities, RegistrySettingsSchema } from '../types';
+
+const DEFAULT_DEV_PLUGIN_URL = `http://localhost:${PLUGIN_DEV_SERVER_PORT}/manifest.json`;
+
+export default Capability.makeModule(() =>
+  Effect.sync(() => {
+    const settingsAtom = createKvsStore({
+      key: meta.id,
+      schema: RegistrySettingsSchema,
+      defaultValue: () => ({ devPluginUrl: DEFAULT_DEV_PLUGIN_URL }),
+    });
+
+    return [
+      Capability.contributes(RegistryCapabilities.Settings, settingsAtom),
+      Capability.contributes(AppCapabilities.Settings, {
+        prefix: meta.id,
+        schema: RegistrySettingsSchema,
+        atom: settingsAtom,
+      }),
+    ];
+  }),
+);