@dxos/plugin-registry 0.7.5-labs.e27f9b9 → 0.7.5-labs.f400bbc

package/dist/types/src/capabilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe;;qBAG63F,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAwF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;;;qBAAqF,qCAAqC;sBAAsC,uCAAiB;uBAAgD,uCAAiB;sBAAgD,uCAAiB;;2BAAkE,uCAAiB;qFAH9pW,CAAC;AACzE,eAAO,MAAM,cAAc,kMAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,gMAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe;;qBAG0lG,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAwF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;;;qBAAqF,YAAY;sBAAsC,iBAAiB;uBAAgD,iBAAiB;sBAAgD,iBAAiB;;2BAAkE,iBAAiB;qFAHr1V,CAAC;AACzE,eAAO,MAAM,cAAc,kMAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,gMAAwC,CAAC"}

package/dist/types/src/components/PluginDetail.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { type Plugin } from '@dxos/app-framework';
 export type PluginDetailProps = {
     plugin: Plugin;
     enabled?: boolean;
     onEnable?: () => void;
 };
-export declare const PluginDetail: ({ plugin, enabled, onEnable }: PluginDetailProps) => React.JSX.Element;
+export declare const PluginDetail: ({ plugin, enabled, onEnable }: PluginDetailProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PluginDetail.d.ts.map

package/dist/types/src/components/PluginDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAmC,iBAAiB,sBA4C5E,CAAC"}
+{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAmC,iBAAiB,4CA4C5E,CAAC"}

package/dist/types/src/components/PluginItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type Plugin } from '@dxos/app-framework';
 export type PluginItemProps = {
     plugin: Plugin;
@@ -6,6 +5,8 @@ export type PluginItemProps = {
     enabled?: readonly string[];
     onClick?: (id: string) => void;
     onChange?: (id: string, enabled: boolean) => void;
+    hasSettings?: (id: string) => boolean;
+    onSettings?: (id: string) => void;
 };
-export declare const PluginItem: ({ plugin, enabled, onClick, onChange }: PluginItemProps) => React.JSX.Element;
+export declare const PluginItem: ({ plugin, enabled, onClick, onChange, hasSettings: _hasSettings, onSettings, }: PluginItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PluginItem.d.ts.map

package/dist/types/src/components/PluginItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginItem.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,UAAU,2CAAiD,eAAe,sBA+EtF,CAAC"}
+{"version":3,"file":"PluginItem.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,mFAOpB,eAAe,4CAkGjB,CAAC"}

package/dist/types/src/components/PluginList.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { type Plugin } from '@dxos/app-framework';
 import { type PluginItemProps } from './PluginItem';
 export type PluginListProps = Omit<PluginItemProps, 'plugin'> & {
     plugins?: readonly Plugin[];
 };
-export declare const PluginList: ({ plugins, ...props }: PluginListProps) => React.JSX.Element;
+export declare const PluginList: ({ plugins, ...props }: PluginListProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PluginList.d.ts.map

package/dist/types/src/components/PluginList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,0BAAgC,eAAe,sBAUrE,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,0BAAgC,eAAe,4CAUrE,CAAC"}

package/dist/types/src/components/RegistryContainer.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type Plugin } from '@dxos/app-framework';
 export declare const RegistryContainer: ({ id, plugins: _plugins }: {
     id: string;
     plugins: Plugin[];
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RegistryContainer.d.ts.map

package/dist/types/src/components/RegistryContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegistryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/RegistryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAA8B,KAAK,MAAM,EAAyC,MAAM,qBAAqB,CAAC;AAQrH,eAAO,MAAM,iBAAiB,8BAA+B;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,sBAoC7F,CAAC"}
+{"version":3,"file":"RegistryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/RegistryContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,MAAM,EAKZ,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,iBAAiB,8BAA+B;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,4CAyD7F,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,5 +1,5 @@
 export declare const REGISTRY_PLUGIN = "dxos.org/plugin/registry";
-export declare const REGISTRY_ID = "dxos:plugin-registry";
+export declare const REGISTRY_ID = "!dxos:plugin-registry";
 export declare const REGISTRY_KEY = "plugin-registry";
 export declare const meta: {
     id: string;

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAG1D,eAAO,MAAM,WAAW,yBAAyB,CAAC;AAClD,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAE9C,eAAO,MAAM,IAAI;;;CAGK,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAG1D,eAAO,MAAM,WAAW,0BAA0B,CAAC;AACnD,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAE9C,eAAO,MAAM,IAAI;;;CAGK,CAAC"}

package/dist/types/src/translations.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
             'settings section installed label': string;
             'settings section recommended label': string;
             'settings section experimental label': string;
+            'details label': string;
             'home page label': string;
             'source label': string;
             'plugin registry label': string;
@@ -18,6 +19,7 @@ declare const _default: {
             'load by url label': string;
             'coming soon label': string;
             'open plugin registry label': string;
+            'settings label': string;
         };
     };
 }[];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAwBE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA0BE"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.7.5-labs.e27f9b9",
+  "version": "0.7.5-labs.f400bbc",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
@@ -22,15 +23,15 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.7.5-labs.e27f9b9",
-    "@dxos/echo-schema": "0.7.5-labs.e27f9b9",
-    "@dxos/invariant": "0.7.5-labs.e27f9b9",
-    "@dxos/live-object": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-graph": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-observability": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-form": "0.7.5-labs.e27f9b9",
-    "@dxos/util": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-stack": "0.7.5-labs.e27f9b9"
+    "@dxos/app-framework": "0.7.5-labs.f400bbc",
+    "@dxos/echo-schema": "0.7.5-labs.f400bbc",
+    "@dxos/invariant": "0.7.5-labs.f400bbc",
+    "@dxos/live-object": "0.7.5-labs.f400bbc",
+    "@dxos/plugin-observability": "0.7.5-labs.f400bbc",
+    "@dxos/react-ui-form": "0.7.5-labs.f400bbc",
+    "@dxos/plugin-graph": "0.7.5-labs.f400bbc",
+    "@dxos/react-ui-stack": "0.7.5-labs.f400bbc",
+    "@dxos/util": "0.7.5-labs.f400bbc"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -39,17 +40,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9",
-    "@dxos/storybook-utils": "0.7.5-labs.e27f9b9"
+    "@dxos/random": "0.7.5-labs.f400bbc",
+    "@dxos/react-ui-theme": "0.7.5-labs.f400bbc",
+    "@dxos/react-ui": "0.7.5-labs.f400bbc",
+    "@dxos/storybook-utils": "0.7.5-labs.f400bbc"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
+    "@dxos/react-ui-theme": "0.7.5-labs.f400bbc",
+    "@dxos/react-ui": "0.7.5-labs.f400bbc"
   },
   "publishConfig": {
     "access": "public"

package/src/RegistryPlugin.tsx

@@ -17,12 +17,12 @@ export const RegistryPlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupSurfaces,
+      activatesOn: Events.SetupReactSurface,
       activate: ReactSurface,
     }),
     defineModule({
       id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntents,
+      activatesOn: Events.SetupIntentResolver,
       activate: IntentResolver,
     }),
     defineModule({

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

@@ -41,9 +41,9 @@ export default (context: PluginsContext) =>
           },
           nodes: [
             {
-              id: `${REGISTRY_KEY}:all`,
+              id: `${REGISTRY_KEY}+all`,
               type: 'category',
-              data: `${REGISTRY_KEY}:all`,
+              data: `${REGISTRY_KEY}+all`,
               properties: {
                 label: ['all plugins label', { ns: REGISTRY_PLUGIN }],
                 icon: 'ph--squares-four--regular',
@@ -52,9 +52,9 @@ export default (context: PluginsContext) =>
               },
             },
             {
-              id: `${REGISTRY_KEY}:installed`,
+              id: `${REGISTRY_KEY}+installed`,
               type: 'category',
-              data: `${REGISTRY_KEY}:installed`,
+              data: `${REGISTRY_KEY}+installed`,
               properties: {
                 label: ['installed plugins label', { ns: REGISTRY_PLUGIN }],
                 icon: 'ph--check--regular',
@@ -63,9 +63,9 @@ export default (context: PluginsContext) =>
               },
             },
             {
-              id: `${REGISTRY_KEY}:recommended`,
+              id: `${REGISTRY_KEY}+recommended`,
               type: 'category',
-              data: `${REGISTRY_KEY}:recommended`,
+              data: `${REGISTRY_KEY}+recommended`,
               properties: {
                 label: ['recommended plugins label', { ns: REGISTRY_PLUGIN }],
                 icon: 'ph--star--regular',
@@ -74,9 +74,9 @@ export default (context: PluginsContext) =>
               },
             },
             {
-              id: `${REGISTRY_KEY}:experimental`,
+              id: `${REGISTRY_KEY}+experimental`,
               type: 'category',
-              data: `${REGISTRY_KEY}:experimental`,
+              data: `${REGISTRY_KEY}+experimental`,
               properties: {
                 label: ['experimental plugins label', { ns: REGISTRY_PLUGIN }],
                 icon: 'ph--flask--regular',

package/src/capabilities/react-surface.tsx

@@ -15,18 +15,18 @@ export default () =>
     createSurface({
       id: `${REGISTRY_PLUGIN}/all`,
       role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:all`,
+      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+all`,
       component: () => {
         const manager = usePluginManager();
         const filtered = useMemo(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);
 
-        return <RegistryContainer id={`${REGISTRY_KEY}:all`} plugins={filtered} />;
+        return <RegistryContainer id={`${REGISTRY_KEY}+all`} plugins={filtered} />;
       },
     }),
     createSurface({
       id: `${REGISTRY_PLUGIN}/installed`,
       role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:installed`,
+      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+installed`,
       component: () => {
         const manager = usePluginManager();
         const filtered = useMemo(
@@ -37,13 +37,13 @@ export default () =>
           [],
         );
 
-        return <RegistryContainer id={`${REGISTRY_KEY}:installed`} plugins={filtered} />;
+        return <RegistryContainer id={`${REGISTRY_KEY}+installed`} plugins={filtered} />;
       },
     }),
     createSurface({
       id: `${REGISTRY_PLUGIN}/recommended`,
       role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:recommended`,
+      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+recommended`,
       component: () => {
         const manager = usePluginManager();
         const filtered = useMemo(
@@ -54,18 +54,18 @@ export default () =>
           [],
         );
 
-        return <RegistryContainer id={`${REGISTRY_KEY}:recommended`} plugins={filtered} />;
+        return <RegistryContainer id={`${REGISTRY_KEY}+recommended`} plugins={filtered} />;
       },
     }),
     createSurface({
       id: `${REGISTRY_PLUGIN}/experimental`,
       role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:experimental`,
+      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+experimental`,
       component: () => {
         const manager = usePluginManager();
         const filtered = useMemo(() => manager.plugins.filter(({ meta }) => meta.tags?.includes('experimental')), []);
 
-        return <RegistryContainer id={`${REGISTRY_KEY}:experimental`} plugins={filtered} />;
+        return <RegistryContainer id={`${REGISTRY_KEY}+experimental`} plugins={filtered} />;
       },
     }),
     createSurface({

package/src/components/PluginDetail.tsx

@@ -29,7 +29,7 @@ export const PluginDetail = ({ plugin, enabled, onEnable }: PluginDetailProps) =
         </Input.Root>
       </div>
 
-      {screenshots && (
+      {screenshots && screenshots.length > 0 && (
         <div role='none'>
           <h1 className='text-lg mb-2'>Preview</h1>
           <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />

package/src/components/PluginItem.tsx

@@ -16,9 +16,18 @@ export type PluginItemProps = {
   enabled?: readonly string[];
   onClick?: (id: string) => void;
   onChange?: (id: string, enabled: boolean) => void;
+  hasSettings?: (id: string) => boolean;
+  onSettings?: (id: string) => void;
 };
 
-export const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginItemProps) => {
+export const PluginItem = ({
+  plugin,
+  enabled = [],
+  onClick,
+  onChange,
+  hasSettings: _hasSettings,
+  onSettings,
+}: PluginItemProps) => {
   const { t } = useTranslation(REGISTRY_PLUGIN);
   const { id, name, description, homePage, source, icon = 'ph--circle--regular' } = plugin.meta;
   const isEnabled = enabled.includes(id);
@@ -26,6 +35,7 @@ export const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginIt
   const labelId = `${id}-label`;
   const descriptionId = `${id}-description`;
   const handleClick = useCallback(() => onClick?.(id), [id, onClick]);
+
   const handleChange = useCallback(
     (event: React.MouseEvent) => {
       event.stopPropagation();
@@ -34,6 +44,9 @@ export const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginIt
     [id, isEnabled, onChange],
   );
 
+  const hasSettings = useCallback(() => _hasSettings?.(id) ?? false, [id, _hasSettings]);
+  const handleSettings = useCallback(() => onSettings?.(id), [id, onSettings]);
+
   return (
     <ListItem.Root
       key={id}
@@ -41,30 +54,35 @@ export const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginIt
       data-testid={`pluginList.${id}`}
       aria-describedby={descriptionId}
       classNames='w-full h-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr] p-1 rounded-md border border-separator'
-      onClick={handleClick}
     >
-      <Input.Root id={inputId}>
-        <div className='flex grow justify-center items-center'>
-          <Icon icon={icon} size={8} />
-        </div>
-        <div className='flex grow items-center'>
-          <Input.Label id={labelId} classNames='truncate w-full' style={{ fontSize: 'unset' }}>
-            {name ?? id}
-          </Input.Label>
-        </div>
-        <div className='flex grow justify-center items-center'>
+      <div className='flex grow justify-center items-center'>
+        <Icon icon={icon} size={6} onClick={handleClick} classNames='text-subdued cursor-pointer' />
+      </div>
+      <div className='flex grow items-center truncate cursor-pointer' onClick={handleClick}>
+        {name ?? id}
+      </div>
+      <div className='flex grow justify-center items-center'>
+        <Input.Root id={inputId}>
           <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />
-        </div>
-      </Input.Root>
+        </Input.Root>
+      </div>
 
       <div />
       {(description || homePage || source) && (
-        <div id={descriptionId} className='col-span-2 flex flex-col w-full gap-2 pb-3 overflow-y-scroll'>
+        <div id={descriptionId} className='col-span-2 flex flex-col w-full gap-2 pb-3'>
           <div className='grow'>
-            <p className={mx(descriptionText, 'line-clamp-3 min-w-0')}>{description}</p>
+            <p className={mx(descriptionText, 'line-clamp-3 min-w-0 pie-4')}>{description}</p>
           </div>
 
           <div className='flex gap-2 items-center'>
+            <Link
+              aria-describedby={descriptionId}
+              classNames='text-sm text-description cursor-pointer'
+              onClick={handleClick}
+            >
+              {t('details label')}
+            </Link>
+
             {homePage && (
               <Link
                 href={homePage}
@@ -92,6 +110,16 @@ export const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginIt
                 <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
               </Link>
             )}
+
+            {hasSettings?.() && (
+              <Link
+                aria-describedby={descriptionId}
+                classNames='text-sm text-description cursor-pointer'
+                onClick={handleSettings}
+              >
+                {t('settings label')}
+              </Link>
+            )}
           </div>
         </div>
       )}

package/src/components/PluginList.stories.tsx

@@ -71,6 +71,6 @@ export const Default = {};
 
 export const Column = {
   args: {
-    classNames: 'w-[400px]',
+    classNames: 'w-[30rem]',
   },
 };

package/src/components/RegistryContainer.tsx

@@ -2,9 +2,18 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
-import { createIntent, LayoutAction, type Plugin, useIntentDispatcher, usePluginManager } from '@dxos/app-framework';
+import {
+  Capabilities,
+  createIntent,
+  LayoutAction,
+  type Plugin,
+  SettingsAction,
+  useCapability,
+  useIntentDispatcher,
+  usePluginManager,
+} from '@dxos/app-framework';
 import { ObservabilityAction } from '@dxos/plugin-observability/types';
 import { StackItem } from '@dxos/react-ui-stack';
 
@@ -16,36 +25,57 @@ export const RegistryContainer = ({ id, plugins: _plugins }: { id: string; plugi
   const manager = usePluginManager();
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const plugins = useMemo(() => _plugins.sort(sortByPluginMeta), [_plugins]);
+  const settingsStore = useCapability(Capabilities.SettingsStore);
 
   // TODO(wittjosiah): Factor out to an intent?
-  const handleChange = async (id: string, enabled: boolean) => {
-    if (enabled) {
-      await manager.enable(id);
-    } else {
-      await manager.disable(id);
-    }
-
-    await dispatch(
-      createIntent(ObservabilityAction.SendEvent, {
-        name: 'plugins.toggle',
-        properties: { plugin: id, enabled },
-      }),
-    );
-  };
-
-  const handleClick = (pluginId: string) =>
-    dispatch(
-      createIntent(LayoutAction.Open, {
-        part: 'main',
-        // TODO(wittjosiah): `/` currently is not supported in ids.
-        subject: [pluginId.replaceAll('/', ':')],
-        options: { pivotId: id, positioning: 'end' },
-      }),
-    );
+  const handleChange = useCallback(
+    async (id: string, enabled: boolean) => {
+      if (enabled) {
+        await manager.enable(id);
+      } else {
+        await manager.disable(id);
+      }
+
+      await dispatch(
+        createIntent(ObservabilityAction.SendEvent, {
+          name: 'plugins.toggle',
+          properties: { plugin: id, enabled },
+        }),
+      );
+    },
+    [dispatch, manager],
+  );
+
+  const handleClick = useCallback(
+    (pluginId: string) =>
+      dispatch(
+        createIntent(LayoutAction.Open, {
+          part: 'main',
+          // TODO(wittjosiah): `/` currently is not supported in ids.
+          subject: [pluginId.replaceAll('/', ':')],
+          options: { pivotId: id, positioning: 'end' },
+        }),
+      ),
+    [dispatch, id],
+  );
+
+  const hasSettings = useCallback((pluginId: string) => !!settingsStore.getStore(pluginId), [settingsStore]);
+
+  const handleSettings = useCallback(
+    (pluginId: string) => dispatch(createIntent(SettingsAction.Open, { plugin: pluginId })),
+    [dispatch],
+  );
 
   return (
     <StackItem.Content toolbar={false} role='article' classNames='overflow-x-hidden overflow-y-auto'>
-      <PluginList plugins={plugins} enabled={manager.enabled} onClick={handleClick} onChange={handleChange} />
+      <PluginList
+        plugins={plugins}
+        enabled={manager.enabled}
+        onClick={handleClick}
+        onChange={handleChange}
+        hasSettings={hasSettings}
+        onSettings={handleSettings}
+      />
     </StackItem.Content>
   );
 };

package/src/meta.ts

@@ -7,7 +7,7 @@ import { type PluginMeta } from '@dxos/app-framework';
 export const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';
 
 // TODO(wittjosiah): Deck does not currently support `/` in ids.
-export const REGISTRY_ID = 'dxos:plugin-registry';
+export const REGISTRY_ID = '!dxos:plugin-registry';
 export const REGISTRY_KEY = 'plugin-registry';
 
 export const meta = {

package/src/translations.ts

@@ -14,6 +14,7 @@ export default [
         'settings section installed label': 'Enabled',
         'settings section recommended label': 'Recommended',
         'settings section experimental label': 'Experimental',
+        'details label': 'Details',
         'home page label': 'Website',
         'source label': 'Source',
         'plugin registry label': 'Plugin Registry',
@@ -25,6 +26,7 @@ export default [
         'load by url label': 'Load by URL (soon)',
         'coming soon label': 'Coming soon!',
         'open plugin registry label': 'Open plugin registry',
+        'settings label': 'Settings',
       },
     },
   },

package/dist/lib/browser/react-surface-HTHYQQF7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/PluginDetail.tsx", "../../../src/components/PluginList.tsx", "../../../src/components/PluginItem.tsx", "../../../src/components/RegistryContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface, Plugin, usePluginManager } from '@dxos/app-framework';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { PluginDetail, RegistryContainer } from '../components';\nimport { REGISTRY_KEY, REGISTRY_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/all`,\n      role: 'article',\n      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:all`,\n      component: () => {\n        const manager = usePluginManager();\n        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);\n\n        return <RegistryContainer id={`${REGISTRY_KEY}:all`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/installed`,\n      role: 'article',\n      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:installed`,\n      component: () => {\n        const manager = usePluginManager();\n        const filtered = useMemo(\n          () =>\n            manager.plugins\n              .filter(({ meta }) => !manager.core.includes(meta.id))\n              .filter(({ meta }) => manager.enabled.includes(meta.id)),\n          [],\n        );\n\n        return <RegistryContainer id={`${REGISTRY_KEY}:installed`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/recommended`,\n      role: 'article',\n      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:recommended`,\n      component: () => {\n        const manager = usePluginManager();\n        const filtered = useMemo(\n          () =>\n            manager.plugins\n              .filter(({ meta }) => !manager.core.includes(meta.id))\n              .filter(({ meta }) => !meta.tags?.includes('experimental')),\n          [],\n        );\n\n        return <RegistryContainer id={`${REGISTRY_KEY}:recommended`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/experimental`,\n      role: 'article',\n      filter: (data): data is any => data.subject === `${REGISTRY_KEY}:experimental`,\n      component: () => {\n        const manager = usePluginManager();\n        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => meta.tags?.includes('experimental')), []);\n\n        return <RegistryContainer id={`${REGISTRY_KEY}:experimental`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/plugin-details`,\n      role: 'article',\n      filter: (data): data is { subject: Plugin } => data.subject instanceof Plugin,\n      component: ({ data: { subject } }) => {\n        const manager = usePluginManager();\n        const enabled = manager.enabled.includes(subject.meta.id);\n        const handleEnable = useCallback(\n          () => (enabled ? manager.disable(subject.meta.id) : manager.enable(subject.meta.id)),\n          [manager, subject.meta.id, enabled],\n        );\n\n        return (\n          <StackItem.Content role='article' toolbar={false}>\n            <PluginDetail plugin={subject} enabled={enabled} onEnable={handleEnable} />\n          </StackItem.Content>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { Icon, Input, Link, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer } from '@dxos/react-ui-form';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginDetailProps = {\n  plugin: Plugin;\n  enabled?: boolean;\n  onEnable?: () => void;\n};\n\nexport const PluginDetail = ({ plugin, enabled, onEnable }: PluginDetailProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { id, name, description, homePage, source, screenshots } = plugin.meta;\n\n  return (\n    <DeprecatedFormContainer classNames='gap-6'>\n      <div role='none' className='flex justify-between items-center'>\n        <p>{id}</p>\n        <Input.Root>\n          <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />\n        </Input.Root>\n      </div>\n\n      {screenshots && (\n        <div role='none'>\n          <h1 className='text-lg mb-2'>Preview</h1>\n          <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />\n        </div>\n      )}\n\n      <div role='none'>\n        <p>{description}</p>\n      </div>\n\n      <div role='none'>\n        <h1 className='text-lg mb-2'>Resources</h1>\n        <div className='flex gap-2'>\n          {homePage && (\n            <Link href={homePage} target='_blank' rel='noreferrer' classNames='text-sm text-description'>\n              {t('home page label')}\n              <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />\n            </Link>\n          )}\n\n          {source && (\n            <Link href={source} target='_blank' rel='noreferrer' classNames='text-sm text-description'>\n              {t('source label')}\n              <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />\n            </Link>\n          )}\n        </div>\n      </div>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { List } from '@dxos/react-ui';\n\nimport { PluginItem, type PluginItemProps } from './PluginItem';\n\nexport type PluginListProps = Omit<PluginItemProps, 'plugin'> & {\n  plugins?: readonly Plugin[];\n};\n\nexport const PluginList = ({ plugins = [], ...props }: PluginListProps) => {\n  return (\n    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[10rem] gap-3 p-3 overflow-y-auto scrollbar-thin'>\n      {plugins.map((plugin) => (\n        <div key={plugin.meta.id} className='flex'>\n          <PluginItem plugin={plugin} {...props} />\n        </div>\n      ))}\n    </List>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { Icon, Input, Link, ListItem, useTranslation } from '@dxos/react-ui';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginItemProps = {\n  plugin: Plugin;\n  installed?: readonly string[];\n  enabled?: readonly string[];\n  onClick?: (id: string) => void;\n  onChange?: (id: string, enabled: boolean) => void;\n};\n\nexport const PluginItem = ({ plugin, enabled = [], onClick, onChange }: PluginItemProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { id, name, description, homePage, source, icon = 'ph--circle--regular' } = plugin.meta;\n  const isEnabled = enabled.includes(id);\n  const inputId = `${id}-input`;\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  const handleClick = useCallback(() => onClick?.(id), [id, onClick]);\n  const handleChange = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      onChange?.(id, !isEnabled);\n    },\n    [id, isEnabled, onChange],\n  );\n\n  return (\n    <ListItem.Root\n      key={id}\n      labelId={labelId}\n      data-testid={`pluginList.${id}`}\n      aria-describedby={descriptionId}\n      classNames='w-full h-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr] p-1 rounded-md border border-separator'\n      onClick={handleClick}\n    >\n      <Input.Root id={inputId}>\n        <div className='flex grow justify-center items-center'>\n          <Icon icon={icon} size={8} />\n        </div>\n        <div className='flex grow items-center'>\n          <Input.Label id={labelId} classNames='truncate w-full' style={{ fontSize: 'unset' }}>\n            {name ?? id}\n          </Input.Label>\n        </div>\n        <div className='flex grow justify-center items-center'>\n          <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />\n        </div>\n      </Input.Root>\n\n      <div />\n      {(description || homePage || source) && (\n        <div id={descriptionId} className='col-span-2 flex flex-col w-full gap-2 pb-3 overflow-y-scroll'>\n          <div className='grow'>\n            <p className={mx(descriptionText, 'line-clamp-3 min-w-0')}>{description}</p>\n          </div>\n\n          <div className='flex gap-2 items-center'>\n            {homePage && (\n              <Link\n                href={homePage}\n                target='_blank'\n                rel='noreferrer'\n                aria-describedby={descriptionId}\n                classNames='text-sm text-description'\n                onClick={(ev) => ev.stopPropagation()}\n              >\n                {t('home page label')}\n                <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />\n              </Link>\n            )}\n\n            {source && (\n              <Link\n                href={source}\n                target='_blank'\n                rel='noreferrer'\n                aria-describedby={descriptionId}\n                classNames='text-sm text-description'\n                onClick={(ev) => ev.stopPropagation()}\n              >\n                {t('source label')}\n                <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />\n              </Link>\n            )}\n          </div>\n        </div>\n      )}\n    </ListItem.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { createIntent, LayoutAction, type Plugin, useIntentDispatcher, usePluginManager } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { PluginList } from './PluginList';\n\nconst sortByPluginMeta = ({ meta: { name: a = '' } }: Plugin, { meta: { name: b = '' } }: Plugin) => a.localeCompare(b);\n\nexport const RegistryContainer = ({ id, plugins: _plugins }: { id: string; plugins: Plugin[] }) => {\n  const manager = usePluginManager();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const plugins = useMemo(() => _plugins.sort(sortByPluginMeta), [_plugins]);\n\n  // TODO(wittjosiah): Factor out to an intent?\n  const handleChange = async (id: string, enabled: boolean) => {\n    if (enabled) {\n      await manager.enable(id);\n    } else {\n      await manager.disable(id);\n    }\n\n    await dispatch(\n      createIntent(ObservabilityAction.SendEvent, {\n        name: 'plugins.toggle',\n        properties: { plugin: id, enabled },\n      }),\n    );\n  };\n\n  const handleClick = (pluginId: string) =>\n    dispatch(\n      createIntent(LayoutAction.Open, {\n        part: 'main',\n        // TODO(wittjosiah): `/` currently is not supported in ids.\n        subject: [pluginId.replaceAll('/', ':')],\n        options: { pivotId: id, positioning: 'end' },\n      }),\n    );\n\n  return (\n    <StackItem.Content toolbar={false} role='article' classNames='overflow-x-hidden overflow-y-auto'>\n      <PluginList plugins={plugins} enabled={manager.enabled} onClick={handleClick} onChange={handleChange} />\n    </StackItem.Content>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useMemo", "Capabilities", "contributes", "createSurface", "Plugin", "usePluginManager", "StackItem", "React", "Icon", "Input", "Link", "useTranslation", "DeprecatedFormContainer", "PluginDetail", "plugin", "enabled", "onEnable", "t", "useTranslation", "REGISTRY_PLUGIN", "id", "name", "description", "homePage", "source", "screenshots", "meta", "DeprecatedFormContainer", "classNames", "div", "role", "className", "p", "Input", "Root", "Switch", "checked", "onClick", "h1", "img", "src", "alt", "Link", "href", "target", "rel", "Icon", "icon", "size", "React", "List", "React", "useCallback", "Icon", "Input", "Link", "ListItem", "useTranslation", "descriptionText", "mx", "PluginItem", "plugin", "enabled", "onClick", "onChange", "t", "useTranslation", "REGISTRY_PLUGIN", "id", "name", "description", "homePage", "source", "icon", "meta", "isEnabled", "includes", "inputId", "labelId", "descriptionId", "handleClick", "useCallback", "handleChange", "event", "stopPropagation", "React", "ListItem", "Root", "key", "data-testid", "aria-describedby", "classNames", "Input", "div", "className", "Icon", "size", "Label", "style", "fontSize", "Switch", "checked", "p", "mx", "descriptionText", "Link", "href", "target", "rel", "ev", "PluginList", "plugins", "props", "React", "List", "classNames", "map", "plugin", "div", "key", "meta", "id", "className", "PluginItem", "React", "useMemo", "createIntent", "LayoutAction", "useIntentDispatcher", "usePluginManager", "ObservabilityAction", "StackItem", "sortByPluginMeta", "meta", "name", "a", "b", "localeCompare", "RegistryContainer", "id", "plugins", "_plugins", "manager", "usePluginManager", "dispatchPromise", "dispatch", "useIntentDispatcher", "useMemo", "sort", "handleChange", "enabled", "enable", "disable", "createIntent", "ObservabilityAction", "SendEvent", "properties", "plugin", "handleClick", "pluginId", "LayoutAction", "Open", "part", "subject", "replaceAll", "options", "pivotId", "positioning", "React", "StackItem", "Content", "toolbar", "role", "classNames", "PluginList", "onClick", "onChange", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "REGISTRY_PLUGIN", "role", "filter", "data", "subject", "REGISTRY_KEY", "component", "manager", "usePluginManager", "filtered", "useMemo", "plugins", "meta", "core", "includes", "React", "RegistryContainer", "enabled", "tags", "Plugin", "handleEnable", "useCallback", "disable", "enable", "StackItem", "Content", "toolbar", "PluginDetail", "plugin", "onEnable"]
-}