@dxos/plugin-registry 0.7.4 → 0.7.5-labs.5f04cf6

package/dist/lib/browser/{chunk-NEMFDAOB.mjs → chunk-CMDU7LPH.mjs}

@@ -1,12 +1,12 @@
 // packages/plugins/plugin-registry/src/meta.ts
 var REGISTRY_PLUGIN = "dxos.org/plugin/registry";
-var meta_default = {
+var meta = {
   id: REGISTRY_PLUGIN,
   name: "Plugins"
 };
 
 export {
   REGISTRY_PLUGIN,
-  meta_default
+  meta
 };
-//# sourceMappingURL=chunk-NEMFDAOB.mjs.map
+//# sourceMappingURL=chunk-CMDU7LPH.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';\n\nexport const meta = {\n  id: REGISTRY_PLUGIN,\n  name: 'Plugins',\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,kBAAkB;AAExB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;AACR;",
+  "names": ["REGISTRY_PLUGIN", "meta", "id", "name"]
+}

package/dist/lib/browser/index.mjs

@@ -1,164 +1,15 @@
 import {
   REGISTRY_PLUGIN,
-  meta_default
-} from "./chunk-NEMFDAOB.mjs";
+  meta
+} from "./chunk-CMDU7LPH.mjs";
 
 // packages/plugins/plugin-registry/src/RegistryPlugin.tsx
-import React3 from "react";
-import { LocalStorageStore } from "@dxos/local-storage";
+import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
 
-// packages/plugins/plugin-registry/src/components/PluginList.tsx
-import React, { useCallback } from "react";
-import { Button, Icon, Input, Link, List, ListItem, useTranslation } from "@dxos/react-ui";
-import { descriptionText, fineBlockSize, mx } from "@dxos/react-ui-theme";
-var PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }) => {
-  const { t } = useTranslation(REGISTRY_PLUGIN);
-  return /* @__PURE__ */ React.createElement(List, {
-    classNames: "mb-4 select-none"
-  }, plugins.map(({ id, name, description, homePage, source, icon = "ph--circle--regular" }) => {
-    const isEnabled = enabled.includes(id);
-    const isLoaded = loaded.includes(id);
-    const reloadRequired = isEnabled !== isLoaded;
-    const inputId = `${id}-input`;
-    const labelId = `${id}-label`;
-    const descriptionId = `${id}-description`;
-    const handleChange = useCallback(() => onChange?.(id, !isEnabled), [
-      id,
-      isEnabled,
-      onChange
-    ]);
-    return /* @__PURE__ */ React.createElement(Input.Root, {
-      key: id,
-      id: inputId
-    }, /* @__PURE__ */ React.createElement(ListItem.Root, {
-      labelId,
-      "data-testid": `pluginList.${id}`,
-      "aria-describedby": descriptionId,
-      classNames: "flex gap-2 plb-2 pli-2 -mli-2 rounded"
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      icon,
-      size: 6,
-      classNames: "shrink-0 mbs-1"
-    }), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: mx(fineBlockSize, "grow pbs-1 pl-1")
-    }, /* @__PURE__ */ React.createElement("label", {
-      htmlFor: inputId,
-      id: labelId,
-      className: "truncate"
-    }, name ?? id), (description || reloadRequired || homePage || source) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-      id: descriptionId,
-      className: "space-b-1 pbs-1 pbe-1"
-    }, /* @__PURE__ */ React.createElement("p", {
-      className: descriptionText
-    }, description), homePage && /* @__PURE__ */ React.createElement(Link, {
-      href: homePage,
-      target: "_blank",
-      rel: "noreferrer",
-      "aria-describedby": descriptionId,
-      classNames: "text-xs text-description"
-    }, t("home page label"), /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--arrow-square-out--bold",
-      size: 3,
-      classNames: "inline-block leading-none mli-1"
-    })), source && /* @__PURE__ */ React.createElement(Link, {
-      href: source,
-      target: "_blank",
-      rel: "noreferrer",
-      "aria-describedby": descriptionId,
-      classNames: "text-xs text-description"
-    }, t("source label"), /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--arrow-square-out--bold",
-      size: 3,
-      classNames: "inline-block leading-none mli-1"
-    }))), reloadRequired && /* @__PURE__ */ React.createElement(Button, {
-      variant: "ghost",
-      classNames: "p-0 gap-2",
-      onClick: onReload
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      size: 4,
-      icon: "ph--arrow-clockwise--regular"
-    }), /* @__PURE__ */ React.createElement("p", {
-      className: "text-sm font-medium"
-    }, t("reload required message"))))), /* @__PURE__ */ React.createElement("div", {
-      className: "pbs-1"
-    }, /* @__PURE__ */ React.createElement(Input.Switch, {
-      classNames: "self-center",
-      checked: isEnabled,
-      onClick: handleChange
-    }))));
-  }));
-};
-
-// packages/plugins/plugin-registry/src/components/PluginSettings.tsx
-import React2, { useMemo } from "react";
-import { useIntentDispatcher, usePlugins } from "@dxos/app-framework";
-import { ObservabilityAction } from "@dxos/plugin-observability/meta";
-import { Input as Input2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { DeprecatedFormInput } from "@dxos/react-ui-form";
-var sortPluginMeta = ({ name: a = "" }, { name: b = "" }) => a.localeCompare(b);
-var PluginSettings = ({ settings }) => {
-  const { t } = useTranslation2(REGISTRY_PLUGIN);
-  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();
-  const dispatch = useIntentDispatcher();
-  const installed = useMemo(() => plugins.filter(({ meta }) => !core.includes(meta.id)).filter(({ meta }) => enabled.includes(meta.id)).map(({ meta }) => meta).sort(sortPluginMeta), []);
-  const pluginIds = plugins.map(({ meta }) => meta.id);
-  const available = useMemo(() => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sortPluginMeta), []);
-  const recommended = available.filter((meta) => !meta.tags?.includes("experimental"));
-  const experimental = available.filter((meta) => meta.tags?.includes("experimental"));
-  const handleChange = (id, enabled2) => {
-    setPlugin(id, enabled2);
-    void dispatch({
-      action: ObservabilityAction.SEND_EVENT,
-      data: {
-        name: "plugins.toggle",
-        properties: {
-          plugin: id,
-          enabled: enabled2
-        }
-      }
-    });
-  };
-  const handleReload = () => {
-    window.location.reload();
-  };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-    label: t("settings show experimental label")
-  }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
-    "data-testid": "pluginSettings.experimental",
-    checked: settings.experimental,
-    onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ React2.createElement(Section, {
-    label: t("settings section installed label")
-  }, /* @__PURE__ */ React2.createElement(PluginList, {
-    plugins: installed,
-    loaded: pluginIds,
-    enabled,
-    onChange: handleChange,
-    onReload: handleReload
-  })), /* @__PURE__ */ React2.createElement(Section, {
-    label: t("settings section recommended label")
-  }, /* @__PURE__ */ React2.createElement(PluginList, {
-    plugins: recommended,
-    loaded: pluginIds,
-    enabled,
-    onChange: handleChange,
-    onReload: handleReload
-  })), settings.experimental && /* @__PURE__ */ React2.createElement(Section, {
-    label: t("settings section experimental label")
-  }, /* @__PURE__ */ React2.createElement(PluginList, {
-    plugins: experimental,
-    loaded: pluginIds,
-    enabled,
-    onChange: handleChange,
-    onReload: handleReload
-  })));
-};
-var Section = ({ label, children }) => {
-  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("h2", {
-    className: "py-2 text-sm text-subdued"
-  }, label), children);
-};
+// packages/plugins/plugin-registry/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var ReactSurface = lazy(() => import("./react-surface-HKWZP7OW.mjs"));
+var RegistrySettings = lazy(() => import("./settings-7LOHS2IV.mjs"));
 
 // packages/plugins/plugin-registry/src/translations.ts
 var translations_default = [
@@ -179,40 +30,26 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-registry/src/RegistryPlugin.tsx
-var RegistryPlugin = () => {
-  const settings = new LocalStorageStore(REGISTRY_PLUGIN);
-  return {
-    meta: meta_default,
-    ready: async () => {
-      settings.prop({
-        key: "experimental",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      });
-    },
-    provides: {
-      settings: settings.values,
-      translations: translations_default,
-      surface: {
-        component: ({ data, role }) => {
-          switch (role) {
-            case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React3.createElement(PluginSettings, {
-                settings: settings.values
-              }) : null;
-          }
-          return null;
-        }
-      }
-    }
-  };
-};
-
-// packages/plugins/plugin-registry/src/index.ts
-var src_default = RegistryPlugin;
+var RegistryPlugin = () => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/settings`,
+    activatesOn: Events.SetupSettings,
+    activate: RegistrySettings
+  }),
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, translations_default)
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.Startup,
+    activate: ReactSurface
+  })
+]);
 export {
+  REGISTRY_PLUGIN,
   RegistryPlugin,
-  src_default as default
+  meta
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/RegistryPlugin.tsx", "../../../src/components/PluginList.tsx", "../../../src/components/PluginSettings.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport type { PluginDefinition, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\n\nimport { PluginSettings } from './components';\nimport meta, { REGISTRY_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport type RegistrySettingsProps = {\n  experimental?: boolean;\n};\n\nexport type RegistryPluginProvides = SurfaceProvides & TranslationsProvides & SettingsProvides<RegistrySettingsProps>;\n\nexport const RegistryPlugin = (): PluginDefinition<RegistryPluginProvides> => {\n  const settings = new LocalStorageStore<RegistrySettingsProps>(REGISTRY_PLUGIN);\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) });\n    },\n    provides: {\n      settings: settings.values,\n      translations,\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'settings':\n              return data.plugin === meta.id ? <PluginSettings settings={settings.values} /> : null;\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { Button, Icon, Input, Link, List, ListItem, useTranslation } from '@dxos/react-ui';\nimport { descriptionText, fineBlockSize, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginListProps = {\n  plugins?: PluginMeta[];\n  loaded?: string[];\n  enabled?: string[];\n  onChange?: (id: string, enabled: boolean) => void;\n  onReload?: () => void;\n};\n\nexport const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }: PluginListProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n\n  return (\n    <List classNames='mb-4 select-none'>\n      {plugins.map(({ id, name, description, homePage, source, icon = 'ph--circle--regular' }) => {\n        const isEnabled = enabled.includes(id);\n        const isLoaded = loaded.includes(id);\n        const reloadRequired = isEnabled !== isLoaded;\n        const inputId = `${id}-input`;\n        const labelId = `${id}-label`;\n        const descriptionId = `${id}-description`;\n        const handleChange = useCallback(() => onChange?.(id, !isEnabled), [id, isEnabled, onChange]);\n\n        return (\n          <Input.Root key={id} id={inputId}>\n            <ListItem.Root\n              labelId={labelId}\n              data-testid={`pluginList.${id}`}\n              aria-describedby={descriptionId}\n              classNames='flex gap-2 plb-2 pli-2 -mli-2 rounded'\n            >\n              <Icon icon={icon} size={6} classNames='shrink-0 mbs-1' />\n              <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>\n                <label htmlFor={inputId} id={labelId} className='truncate'>\n                  {name ?? id}\n                </label>\n                {(description || reloadRequired || homePage || source) && (\n                  <>\n                    <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>\n                      <p className={descriptionText}>{description}</p>\n                      {homePage && (\n                        <Link\n                          href={homePage}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs text-description'\n                        >\n                          {t('home page label')}\n                          <Icon\n                            icon='ph--arrow-square-out--bold'\n                            size={3}\n                            classNames='inline-block leading-none mli-1'\n                          />\n                        </Link>\n                      )}\n                      {source && (\n                        <Link\n                          href={source}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs text-description'\n                        >\n                          {t('source label')}\n                          <Icon\n                            icon='ph--arrow-square-out--bold'\n                            size={3}\n                            classNames='inline-block leading-none mli-1'\n                          />\n                        </Link>\n                      )}\n                    </div>\n                    {reloadRequired && (\n                      <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>\n                        <Icon size={4} icon='ph--arrow-clockwise--regular' />\n                        <p className='text-sm font-medium'>{t('reload required message')}</p>\n                      </Button>\n                    )}\n                  </>\n                )}\n              </div>\n              <div className='pbs-1'>\n                <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />\n              </div>\n            </ListItem.Root>\n          </Input.Root>\n        );\n      })}\n    </List>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo, type PropsWithChildren } from 'react';\n\nimport { type PluginMeta, useIntentDispatcher, usePlugins } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/meta';\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { PluginList } from './PluginList';\nimport { type RegistrySettingsProps } from '../RegistryPlugin';\nimport { REGISTRY_PLUGIN } from '../meta';\n\nconst sortPluginMeta = ({ name: a = '' }: PluginMeta, { name: b = '' }: PluginMeta) => a.localeCompare(b);\n\nexport const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();\n  const dispatch = useIntentDispatcher();\n\n  // Memoize to prevent plugins from disappearing when toggling enabled.\n  const installed = useMemo(\n    () =>\n      plugins\n        .filter(({ meta }) => !core.includes(meta.id))\n        .filter(({ meta }) => enabled.includes(meta.id))\n        .map(({ meta }) => meta)\n        .sort(sortPluginMeta),\n    [],\n  );\n\n  const pluginIds = plugins.map(({ meta }) => meta.id);\n  const available = useMemo(\n    () => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sortPluginMeta),\n    [],\n  );\n  const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));\n  const experimental = available.filter((meta) => meta.tags?.includes('experimental'));\n\n  const handleChange = (id: string, enabled: boolean) => {\n    setPlugin(id, enabled);\n    void dispatch({\n      action: ObservabilityAction.SEND_EVENT,\n      data: {\n        name: 'plugins.toggle',\n        properties: { plugin: id, enabled },\n      },\n    });\n  };\n\n  const handleReload = () => {\n    window.location.reload();\n  };\n\n  return (\n    <>\n      <DeprecatedFormInput label={t('settings show experimental label')}>\n        <Input.Switch\n          data-testid='pluginSettings.experimental'\n          checked={settings.experimental}\n          onCheckedChange={(checked) => (settings.experimental = !!checked)}\n        />\n      </DeprecatedFormInput>\n\n      <Section label={t('settings section installed label')}>\n        <PluginList\n          plugins={installed}\n          loaded={pluginIds}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      <Section label={t('settings section recommended label')}>\n        <PluginList\n          plugins={recommended}\n          loaded={pluginIds}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      {settings.experimental && (\n        <Section label={t('settings section experimental label')}>\n          <PluginList\n            plugins={experimental}\n            loaded={pluginIds}\n            enabled={enabled}\n            onChange={handleChange}\n            onReload={handleReload}\n          />\n        </Section>\n      )}\n    </>\n  );\n};\n\nconst Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {\n  return (\n    <div>\n      <h2 className='py-2 text-sm text-subdued'>{label}</h2>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { REGISTRY_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [REGISTRY_PLUGIN]: {\n        'plugin name': 'Registry',\n        'reload required message': 'Reload required.',\n        'settings show experimental label': 'Show experimental plugins',\n        'settings section installed label': 'Installed',\n        'settings section recommended label': 'Recommended',\n        'settings section experimental label': 'Experimental',\n        'home page label': 'Home page',\n        'source label': 'Source',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RegistryPlugin } from './RegistryPlugin';\n\nexport default RegistryPlugin;\n\nexport * from './RegistryPlugin';\n"],
-  "mappings": "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",
-  "names": ["React", "LocalStorageStore", "React", "useCallback", "Button", "Icon", "Input", "Link", "List", "ListItem", "useTranslation", "descriptionText", "fineBlockSize", "mx", "PluginList", "plugins", "loaded", "enabled", "onChange", "onReload", "t", "useTranslation", "REGISTRY_PLUGIN", "List", "classNames", "map", "id", "name", "description", "homePage", "source", "icon", "isEnabled", "includes", "isLoaded", "reloadRequired", "inputId", "labelId", "descriptionId", "handleChange", "useCallback", "Input", "Root", "key", "ListItem", "data-testid", "aria-describedby", "Icon", "size", "div", "role", "className", "mx", "fineBlockSize", "label", "htmlFor", "p", "descriptionText", "Link", "href", "target", "rel", "Button", "variant", "onClick", "Switch", "checked", "React", "useMemo", "useIntentDispatcher", "usePlugins", "ObservabilityAction", "Input", "useTranslation", "DeprecatedFormInput", "sortPluginMeta", "name", "a", "b", "localeCompare", "PluginSettings", "settings", "t", "useTranslation", "REGISTRY_PLUGIN", "plugins", "enabled", "core", "setPlugin", "pluginContext", "usePlugins", "dispatch", "useIntentDispatcher", "installed", "useMemo", "filter", "meta", "includes", "id", "map", "sort", "pluginIds", "available", "recommended", "tags", "experimental", "handleChange", "action", "ObservabilityAction", "SEND_EVENT", "data", "properties", "plugin", "handleReload", "window", "location", "reload", "React", "DeprecatedFormInput", "label", "Input", "Switch", "data-testid", "checked", "onCheckedChange", "Section", "PluginList", "loaded", "onChange", "onReload", "children", "div", "h2", "className", "REGISTRY_PLUGIN", "RegistryPlugin", "settings", "LocalStorageStore", "REGISTRY_PLUGIN", "meta", "ready", "prop", "key", "type", "bool", "allowUndefined", "provides", "values", "translations", "surface", "component", "data", "role", "plugin", "id", "React", "PluginSettings", "RegistryPlugin"]
+  "sources": ["../../../src/RegistryPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';\n\nimport { ReactSurface, RegistrySettings } from './capabilities';\nimport { meta } from './meta';\nimport translations from './translations';\n\nexport const RegistryPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/settings`,\n      activatesOn: Events.SetupSettings,\n      activate: RegistrySettings,\n    }),\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.Startup,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const RegistrySettings = lazy(() => import('./settings'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { REGISTRY_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [REGISTRY_PLUGIN]: {\n        'plugin name': 'Registry',\n        'reload required message': 'Reload required.',\n        'settings show experimental label': 'Show experimental plugins',\n        'settings section installed label': 'Installed',\n        'settings section recommended label': 'Recommended',\n        'settings section experimental label': 'Experimental',\n        'home page label': 'Home page',\n        'source label': 'Source',\n      },\n    },\n  },\n];\n"],
+  "mappings": ";;;;;;AAIA,SAASA,cAAcC,aAAaC,cAAcC,cAAcC,cAAc;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMC,mBAAmBD,KAAK,MAAM,OAAO,yBAAA,CAAA;;;ACDlD,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACE,eAAAA,GAAkB;QACjB,eAAe;QACf,2BAA2B;QAC3B,oCAAoC;QACpC,oCAAoC;QACpC,sCAAsC;QACtC,uCAAuC;QACvC,mBAAmB;QACnB,gBAAgB;MAClB;IACF;EACF;;;;AFVK,IAAMC,iBAAiB,MAC5BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAUC;EACZ,CAAA;EACAN,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOI;IACpBF,UAAU,MAAMG,YAAYC,aAAaC,cAAcC,oBAAAA;EACzD,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOS;IACpBP,UAAUQ;EACZ,CAAA;CACD;",
+  "names": ["Capabilities", "contributes", "defineModule", "definePlugin", "Events", "lazy", "ReactSurface", "lazy", "RegistrySettings", "REGISTRY_PLUGIN", "RegistryPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupSettings", "activate", "RegistrySettings", "SetupTranslations", "contributes", "Capabilities", "Translations", "translations", "Startup", "ReactSurface"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytes":959,"imports":[],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytes":12963,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytes":11927,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/index.ts":{"bytes":627,"imports":[{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/components/PluginSettings.tsx","kind":"import-statement","original":"./PluginSettings"}],"format":"esm"},"packages/plugins/plugin-registry/src/translations.ts":{"bytes":2142,"imports":[{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytes":4337,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-registry/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-registry/src/index.ts":{"bytes":804,"imports":[{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"},{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-registry/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16366},"packages/plugins/plugin-registry/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true}],"exports":["RegistryPlugin","default"],"entryPoint":"packages/plugins/plugin-registry/src/index.ts","inputs":{"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytesInOutput":830},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytesInOutput":3357},"packages/plugins/plugin-registry/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytesInOutput":2997},"packages/plugins/plugin-registry/src/translations.ts":{"bytesInOutput":513},"packages/plugins/plugin-registry/src/index.ts":{"bytesInOutput":34}},"bytes":8260},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs","kind":"import-statement"}],"exports":["REGISTRY_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-registry/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":456},"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs":{"imports":[],"exports":["REGISTRY_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytesInOutput":115}},"bytes":254}}}
+{"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytes":996,"imports":[],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytes":13039,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytes":12383,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/index.ts":{"bytes":627,"imports":[{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/components/PluginSettings.tsx","kind":"import-statement","original":"./PluginSettings"}],"format":"esm"},"packages/plugins/plugin-registry/src/capabilities/react-surface.tsx":{"bytes":3000,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/types.ts":{"bytes":1179,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-registry/src/capabilities/settings.ts":{"bytes":1995,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-registry/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-registry/src/capabilities/index.ts":{"bytes":1074,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"},{"path":"packages/plugins/plugin-registry/src/capabilities/settings.ts","kind":"dynamic-import","original":"./settings"}],"format":"esm"},"packages/plugins/plugin-registry/src/translations.ts":{"bytes":2142,"imports":[{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytes":3436,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-registry/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-registry/src/index.ts":{"bytes":602,"imports":[{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-registry/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2905},"packages/plugins/plugin-registry/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-CMDU7LPH.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/dist/lib/browser/react-surface-HKWZP7OW.mjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-registry/dist/lib/browser/settings-7LOHS2IV.mjs","kind":"dynamic-import"}],"exports":["REGISTRY_PLUGIN","RegistryPlugin","meta"],"entryPoint":"packages/plugins/plugin-registry/src/index.ts","inputs":{"packages/plugins/plugin-registry/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytesInOutput":598},"packages/plugins/plugin-registry/src/capabilities/index.ts":{"bytesInOutput":185},"packages/plugins/plugin-registry/src/translations.ts":{"bytesInOutput":513}},"bytes":1693},"packages/plugins/plugin-registry/dist/lib/browser/react-surface-HKWZP7OW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15023},"packages/plugins/plugin-registry/dist/lib/browser/react-surface-HKWZP7OW.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-CMDU7LPH.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-registry/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-registry/src/capabilities/react-surface.tsx":{"bytesInOutput":542},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytesInOutput":3369},"packages/plugins/plugin-registry/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytesInOutput":3160}},"bytes":7518},"packages/plugins/plugin-registry/dist/lib/browser/settings-7LOHS2IV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1505},"packages/plugins/plugin-registry/dist/lib/browser/settings-7LOHS2IV.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-CMDU7LPH.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-registry/src/capabilities/settings.ts","inputs":{"packages/plugins/plugin-registry/src/capabilities/settings.ts":{"bytesInOutput":311},"packages/plugins/plugin-registry/src/types.ts":{"bytesInOutput":132}},"bytes":772},"packages/plugins/plugin-registry/dist/lib/browser/chunk-CMDU7LPH.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":471},"packages/plugins/plugin-registry/dist/lib/browser/chunk-CMDU7LPH.mjs":{"imports":[],"exports":["REGISTRY_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytesInOutput":107}},"bytes":238}}}

package/dist/lib/browser/react-surface-HKWZP7OW.mjs

@@ -0,0 +1,179 @@
+import {
+  REGISTRY_PLUGIN,
+  meta
+} from "./chunk-CMDU7LPH.mjs";
+
+// packages/plugins/plugin-registry/src/capabilities/react-surface.tsx
+import React3 from "react";
+import { Capabilities, contributes, createSurface, useCapability } from "@dxos/app-framework";
+
+// packages/plugins/plugin-registry/src/components/PluginList.tsx
+import React, { useCallback } from "react";
+import { Button, Icon, Input, Link, List, ListItem, useTranslation } from "@dxos/react-ui";
+import { descriptionText, fineBlockSize, mx } from "@dxos/react-ui-theme";
+var PluginList = ({ plugins = [], installed = [], enabled = [], onChange, onReload }) => {
+  const { t } = useTranslation(REGISTRY_PLUGIN);
+  return /* @__PURE__ */ React.createElement(List, {
+    classNames: "mb-4 select-none"
+  }, plugins.map(({ id, name, description, homePage, source, icon = "ph--circle--regular" }) => {
+    const isEnabled = enabled.includes(id);
+    const isInstalled = installed.includes(id);
+    const reloadRequired = isEnabled !== isInstalled;
+    const inputId = `${id}-input`;
+    const labelId = `${id}-label`;
+    const descriptionId = `${id}-description`;
+    const handleChange = useCallback(() => onChange?.(id, !isEnabled), [
+      id,
+      isEnabled,
+      onChange
+    ]);
+    return /* @__PURE__ */ React.createElement(Input.Root, {
+      key: id,
+      id: inputId
+    }, /* @__PURE__ */ React.createElement(ListItem.Root, {
+      labelId,
+      "data-testid": `pluginList.${id}`,
+      "aria-describedby": descriptionId,
+      classNames: "flex gap-2 plb-2 pli-2 -mli-2 rounded"
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon,
+      size: 6,
+      classNames: "shrink-0 mbs-1"
+    }), /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx(fineBlockSize, "grow pbs-1 pl-1")
+    }, /* @__PURE__ */ React.createElement("label", {
+      htmlFor: inputId,
+      id: labelId,
+      className: "truncate"
+    }, name ?? id), (description || reloadRequired || homePage || source) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+      id: descriptionId,
+      className: "space-b-1 pbs-1 pbe-1"
+    }, /* @__PURE__ */ React.createElement("p", {
+      className: descriptionText
+    }, description), homePage && /* @__PURE__ */ React.createElement(Link, {
+      href: homePage,
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-describedby": descriptionId,
+      classNames: "text-xs text-description"
+    }, t("home page label"), /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--arrow-square-out--bold",
+      size: 3,
+      classNames: "inline-block leading-none mli-1"
+    })), source && /* @__PURE__ */ React.createElement(Link, {
+      href: source,
+      target: "_blank",
+      rel: "noreferrer",
+      "aria-describedby": descriptionId,
+      classNames: "text-xs text-description"
+    }, t("source label"), /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--arrow-square-out--bold",
+      size: 3,
+      classNames: "inline-block leading-none mli-1"
+    }))), reloadRequired && /* @__PURE__ */ React.createElement(Button, {
+      variant: "ghost",
+      classNames: "p-0 gap-2",
+      onClick: onReload
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      size: 4,
+      icon: "ph--arrow-clockwise--regular"
+    }), /* @__PURE__ */ React.createElement("p", {
+      className: "text-sm font-medium"
+    }, t("reload required message"))))), /* @__PURE__ */ React.createElement("div", {
+      className: "pbs-1"
+    }, /* @__PURE__ */ React.createElement(Input.Switch, {
+      classNames: "self-center",
+      checked: isEnabled,
+      onClick: handleChange
+    }))));
+  }));
+};
+
+// packages/plugins/plugin-registry/src/components/PluginSettings.tsx
+import React2, { useMemo } from "react";
+import { createIntent, useIntentDispatcher, usePluginManager } from "@dxos/app-framework";
+import { ObservabilityAction } from "@dxos/plugin-observability/types";
+import { Input as Input2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { DeprecatedFormInput } from "@dxos/react-ui-form";
+var sortPluginMeta = ({ name: a = "" }, { name: b = "" }) => a.localeCompare(b);
+var PluginSettings = ({ settings }) => {
+  const { t } = useTranslation2(REGISTRY_PLUGIN);
+  const manager = usePluginManager();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const installed = useMemo(() => manager.plugins.filter(({ meta: meta2 }) => !manager.core.includes(meta2.id)).filter(({ meta: meta2 }) => manager.enabled.includes(meta2.id)).map(({ meta: meta2 }) => meta2).sort(sortPluginMeta), []);
+  const pluginIds = useMemo(() => installed.map((meta2) => meta2.id), [
+    installed
+  ]);
+  const available = useMemo(() => manager.plugins.map(({ meta: meta2 }) => meta2).filter(({ id }) => !manager.enabled.includes(id)).sort(sortPluginMeta), []);
+  const recommended = available.filter((meta2) => !meta2.tags?.includes("experimental"));
+  const experimental = available.filter((meta2) => meta2.tags?.includes("experimental"));
+  const handleChange = (id, enabled) => {
+    enabled ? manager.enable(id) : manager.disable(id);
+    void dispatch(createIntent(ObservabilityAction.SendEvent, {
+      name: "plugins.toggle",
+      properties: {
+        plugin: id,
+        enabled
+      }
+    }));
+  };
+  const handleReload = () => {
+    window.location.reload();
+  };
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+    label: t("settings show experimental label")
+  }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
+    "data-testid": "pluginSettings.experimental",
+    checked: settings.experimental,
+    onCheckedChange: (checked) => settings.experimental = !!checked
+  })), /* @__PURE__ */ React2.createElement(Section, {
+    label: t("settings section installed label")
+  }, /* @__PURE__ */ React2.createElement(PluginList, {
+    plugins: installed,
+    installed: pluginIds,
+    enabled: manager.enabled,
+    onChange: handleChange,
+    onReload: handleReload
+  })), /* @__PURE__ */ React2.createElement(Section, {
+    label: t("settings section recommended label")
+  }, /* @__PURE__ */ React2.createElement(PluginList, {
+    plugins: recommended,
+    installed: pluginIds,
+    enabled: manager.enabled,
+    onChange: handleChange,
+    onReload: handleReload
+  })), settings.experimental && /* @__PURE__ */ React2.createElement(Section, {
+    label: t("settings section experimental label")
+  }, /* @__PURE__ */ React2.createElement(PluginList, {
+    plugins: experimental,
+    installed: pluginIds,
+    enabled: manager.enabled,
+    onChange: handleChange,
+    onReload: handleReload
+  })));
+};
+var Section = ({ label, children }) => {
+  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("h2", {
+    className: "py-2 text-sm text-subdued"
+  }, label), children);
+};
+
+// packages/plugins/plugin-registry/src/capabilities/react-surface.tsx
+var react_surface_default = () => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: meta.id,
+    role: "settings",
+    filter: (data) => data.subject === REGISTRY_PLUGIN,
+    component: () => {
+      const settings = useCapability(Capabilities.SettingsStore).getStore(REGISTRY_PLUGIN).value;
+      return /* @__PURE__ */ React3.createElement(PluginSettings, {
+        settings
+      });
+    }
+  })
+]);
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-HKWZP7OW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/PluginList.tsx", "../../../src/components/PluginSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';\n\nimport { PluginSettings } from '../components';\nimport { meta, REGISTRY_PLUGIN } from '../meta';\nimport { type RegistrySettings } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: 'settings',\n      filter: (data): data is any => data.subject === REGISTRY_PLUGIN,\n      component: () => {\n        const settings = useCapability(Capabilities.SettingsStore).getStore<RegistrySettings>(REGISTRY_PLUGIN)!.value;\n        return <PluginSettings settings={settings} />;\n      },\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { Button, Icon, Input, Link, List, ListItem, useTranslation } from '@dxos/react-ui';\nimport { descriptionText, fineBlockSize, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginListProps = {\n  plugins?: readonly PluginMeta[];\n  installed?: readonly string[];\n  enabled?: readonly string[];\n  onChange?: (id: string, enabled: boolean) => void;\n  onReload?: () => void;\n};\n\nexport const PluginList = ({ plugins = [], installed = [], enabled = [], onChange, onReload }: PluginListProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n\n  return (\n    <List classNames='mb-4 select-none'>\n      {plugins.map(({ id, name, description, homePage, source, icon = 'ph--circle--regular' }) => {\n        const isEnabled = enabled.includes(id);\n        const isInstalled = installed.includes(id);\n        const reloadRequired = isEnabled !== isInstalled;\n        const inputId = `${id}-input`;\n        const labelId = `${id}-label`;\n        const descriptionId = `${id}-description`;\n        const handleChange = useCallback(() => onChange?.(id, !isEnabled), [id, isEnabled, onChange]);\n\n        return (\n          <Input.Root key={id} id={inputId}>\n            <ListItem.Root\n              labelId={labelId}\n              data-testid={`pluginList.${id}`}\n              aria-describedby={descriptionId}\n              classNames='flex gap-2 plb-2 pli-2 -mli-2 rounded'\n            >\n              <Icon icon={icon} size={6} classNames='shrink-0 mbs-1' />\n              <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>\n                <label htmlFor={inputId} id={labelId} className='truncate'>\n                  {name ?? id}\n                </label>\n                {(description || reloadRequired || homePage || source) && (\n                  <>\n                    <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>\n                      <p className={descriptionText}>{description}</p>\n                      {homePage && (\n                        <Link\n                          href={homePage}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs text-description'\n                        >\n                          {t('home page label')}\n                          <Icon\n                            icon='ph--arrow-square-out--bold'\n                            size={3}\n                            classNames='inline-block leading-none mli-1'\n                          />\n                        </Link>\n                      )}\n                      {source && (\n                        <Link\n                          href={source}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs text-description'\n                        >\n                          {t('source label')}\n                          <Icon\n                            icon='ph--arrow-square-out--bold'\n                            size={3}\n                            classNames='inline-block leading-none mli-1'\n                          />\n                        </Link>\n                      )}\n                    </div>\n                    {reloadRequired && (\n                      <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>\n                        <Icon size={4} icon='ph--arrow-clockwise--regular' />\n                        <p className='text-sm font-medium'>{t('reload required message')}</p>\n                      </Button>\n                    )}\n                  </>\n                )}\n              </div>\n              <div className='pbs-1'>\n                <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />\n              </div>\n            </ListItem.Root>\n          </Input.Root>\n        );\n      })}\n    </List>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo, type PropsWithChildren } from 'react';\n\nimport { createIntent, type PluginMeta, useIntentDispatcher, usePluginManager } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { PluginList } from './PluginList';\nimport { REGISTRY_PLUGIN } from '../meta';\nimport { type RegistrySettings } from '../types';\n\nconst sortPluginMeta = ({ name: a = '' }: PluginMeta, { name: b = '' }: PluginMeta) => a.localeCompare(b);\n\nexport const PluginSettings = ({ settings }: { settings: RegistrySettings }) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const manager = usePluginManager();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  // Memoize to prevent plugins from disappearing when toggling enabled.\n  const installed = useMemo(\n    () =>\n      manager.plugins\n        .filter(({ meta }) => !manager.core.includes(meta.id))\n        .filter(({ meta }) => manager.enabled.includes(meta.id))\n        .map(({ meta }) => meta)\n        .sort(sortPluginMeta),\n    [],\n  );\n  const pluginIds = useMemo(() => installed.map((meta) => meta.id), [installed]);\n\n  const available = useMemo(\n    () =>\n      manager.plugins\n        .map(({ meta }) => meta)\n        .filter(({ id }) => !manager.enabled.includes(id))\n        .sort(sortPluginMeta),\n    [],\n  );\n  const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));\n  const experimental = available.filter((meta) => meta.tags?.includes('experimental'));\n\n  const handleChange = (id: string, enabled: boolean) => {\n    enabled ? manager.enable(id) : manager.disable(id);\n    void dispatch(\n      createIntent(ObservabilityAction.SendEvent, {\n        name: 'plugins.toggle',\n        properties: { plugin: id, enabled },\n      }),\n    );\n  };\n\n  const handleReload = () => {\n    window.location.reload();\n  };\n\n  return (\n    <>\n      <DeprecatedFormInput label={t('settings show experimental label')}>\n        <Input.Switch\n          data-testid='pluginSettings.experimental'\n          checked={settings.experimental}\n          onCheckedChange={(checked) => (settings.experimental = !!checked)}\n        />\n      </DeprecatedFormInput>\n\n      <Section label={t('settings section installed label')}>\n        <PluginList\n          plugins={installed}\n          installed={pluginIds}\n          enabled={manager.enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      <Section label={t('settings section recommended label')}>\n        <PluginList\n          plugins={recommended}\n          installed={pluginIds}\n          enabled={manager.enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      {settings.experimental && (\n        <Section label={t('settings section experimental label')}>\n          <PluginList\n            plugins={experimental}\n            installed={pluginIds}\n            enabled={manager.enabled}\n            onChange={handleChange}\n            onReload={handleReload}\n          />\n        </Section>\n      )}\n    </>\n  );\n};\n\nconst Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {\n  return (\n    <div>\n      <h2 className='py-2 text-sm text-subdued'>{label}</h2>\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,eAAeC,qBAAqB;;;ACFxE,OAAOC,SAASC,mBAAmB;AAGnC,SAASC,QAAQC,MAAMC,OAAOC,MAAMC,MAAMC,UAAUC,sBAAsB;AAC1E,SAASC,iBAAiBC,eAAeC,UAAU;AAY5C,IAAMC,aAAa,CAAC,EAAEC,UAAU,CAAA,GAAIC,YAAY,CAAA,GAAIC,UAAU,CAAA,GAAIC,UAAUC,SAAQ,MAAmB;AAC5G,QAAM,EAAEC,EAAC,IAAKC,eAAeC,eAAAA;AAE7B,SACE,sBAAA,cAACC,MAAAA;IAAKC,YAAW;KACdT,QAAQU,IAAI,CAAC,EAAEC,IAAIC,MAAMC,aAAaC,UAAUC,QAAQC,OAAO,sBAAqB,MAAE;AACrF,UAAMC,YAAYf,QAAQgB,SAASP,EAAAA;AACnC,UAAMQ,cAAclB,UAAUiB,SAASP,EAAAA;AACvC,UAAMS,iBAAiBH,cAAcE;AACrC,UAAME,UAAU,GAAGV,EAAAA;AACnB,UAAMW,UAAU,GAAGX,EAAAA;AACnB,UAAMY,gBAAgB,GAAGZ,EAAAA;AACzB,UAAMa,eAAeC,YAAY,MAAMtB,WAAWQ,IAAI,CAACM,SAAAA,GAAY;MAACN;MAAIM;MAAWd;KAAS;AAE5F,WACE,sBAAA,cAACuB,MAAMC,MAAI;MAACC,KAAKjB;MAAIA,IAAIU;OACvB,sBAAA,cAACQ,SAASF,MAAI;MACZL;MACAQ,eAAa,cAAcnB,EAAAA;MAC3BoB,oBAAkBR;MAClBd,YAAW;OAEX,sBAAA,cAACuB,MAAAA;MAAKhB;MAAYiB,MAAM;MAAGxB,YAAW;QACtC,sBAAA,cAACyB,OAAAA;MAAIC,MAAK;MAAOC,WAAWC,GAAGC,eAAe,iBAAA;OAC5C,sBAAA,cAACC,SAAAA;MAAMC,SAASnB;MAASV,IAAIW;MAASc,WAAU;OAC7CxB,QAAQD,EAAAA,IAETE,eAAeO,kBAAkBN,YAAYC,WAC7C,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACmB,OAAAA;MAAIvB,IAAIY;MAAea,WAAU;OAChC,sBAAA,cAACK,KAAAA;MAAEL,WAAWM;OAAkB7B,WAAAA,GAC/BC,YACC,sBAAA,cAAC6B,MAAAA;MACCC,MAAM9B;MACN+B,QAAO;MACPC,KAAI;MACJf,oBAAkBR;MAClBd,YAAW;OAEVJ,EAAE,iBAAA,GACH,sBAAA,cAAC2B,MAAAA;MACChB,MAAK;MACLiB,MAAM;MACNxB,YAAW;SAIhBM,UACC,sBAAA,cAAC4B,MAAAA;MACCC,MAAM7B;MACN8B,QAAO;MACPC,KAAI;MACJf,oBAAkBR;MAClBd,YAAW;OAEVJ,EAAE,cAAA,GACH,sBAAA,cAAC2B,MAAAA;MACChB,MAAK;MACLiB,MAAM;MACNxB,YAAW;UAKlBW,kBACC,sBAAA,cAAC2B,QAAAA;MAAOC,SAAQ;MAAQvC,YAAW;MAAYwC,SAAS7C;OACtD,sBAAA,cAAC4B,MAAAA;MAAKC,MAAM;MAAGjB,MAAK;QACpB,sBAAA,cAACyB,KAAAA;MAAEL,WAAU;OAAuB/B,EAAE,yBAAA,CAAA,CAAA,CAAA,CAAA,GAMhD,sBAAA,cAAC6B,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACV,MAAMwB,QAAM;MAACzC,YAAW;MAAc0C,SAASlC;MAAWgC,SAASzB;;EAK9E,CAAA,CAAA;AAGN;;;AClGA,OAAO4B,UAASC,eAAuC;AAEvD,SAASC,cAA+BC,qBAAqBC,wBAAwB;AACrF,SAASC,2BAA2B;AACpC,SAASC,SAAAA,QAAOC,kBAAAA,uBAAsB;AACtC,SAASC,2BAA2B;AAMpC,IAAMC,iBAAiB,CAAC,EAAEC,MAAMC,IAAI,GAAE,GAAgB,EAAED,MAAME,IAAI,GAAE,MAAmBD,EAAEE,cAAcD,CAAAA;AAEhG,IAAME,iBAAiB,CAAC,EAAEC,SAAQ,MAAkC;AACzE,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,eAAAA;AAC7B,QAAMC,UAAUC,iBAAAA;AAChB,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAGtC,QAAMC,YAAYC,QAChB,MACEN,QAAQO,QACLC,OAAO,CAAC,EAAEC,MAAAA,MAAI,MAAO,CAACT,QAAQU,KAAKC,SAASF,MAAKG,EAAE,CAAA,EACnDJ,OAAO,CAAC,EAAEC,MAAAA,MAAI,MAAOT,QAAQa,QAAQF,SAASF,MAAKG,EAAE,CAAA,EACrDE,IAAI,CAAC,EAAEL,MAAAA,MAAI,MAAOA,KAAAA,EAClBM,KAAKzB,cAAAA,GACV,CAAA,CAAE;AAEJ,QAAM0B,YAAYV,QAAQ,MAAMD,UAAUS,IAAI,CAACL,UAASA,MAAKG,EAAE,GAAG;IAACP;GAAU;AAE7E,QAAMY,YAAYX,QAChB,MACEN,QAAQO,QACLO,IAAI,CAAC,EAAEL,MAAAA,MAAI,MAAOA,KAAAA,EAClBD,OAAO,CAAC,EAAEI,GAAE,MAAO,CAACZ,QAAQa,QAAQF,SAASC,EAAAA,CAAAA,EAC7CG,KAAKzB,cAAAA,GACV,CAAA,CAAE;AAEJ,QAAM4B,cAAcD,UAAUT,OAAO,CAACC,UAAS,CAACA,MAAKU,MAAMR,SAAS,cAAA,CAAA;AACpE,QAAMS,eAAeH,UAAUT,OAAO,CAACC,UAASA,MAAKU,MAAMR,SAAS,cAAA,CAAA;AAEpE,QAAMU,eAAe,CAACT,IAAYC,YAAAA;AAChCA,cAAUb,QAAQsB,OAAOV,EAAAA,IAAMZ,QAAQuB,QAAQX,EAAAA;AAC/C,SAAKT,SACHqB,aAAaC,oBAAoBC,WAAW;MAC1CnC,MAAM;MACNoC,YAAY;QAAEC,QAAQhB;QAAIC;MAAQ;IACpC,CAAA,CAAA;EAEJ;AAEA,QAAMgB,eAAe,MAAA;AACnBC,WAAOC,SAASC,OAAM;EACxB;AAEA,SACE,gBAAAC,OAAA,cAAAA,OAAA,UAAA,MACE,gBAAAA,OAAA,cAACC,qBAAAA;IAAoBC,OAAOtC,EAAE,kCAAA;KAC5B,gBAAAoC,OAAA,cAACG,OAAMC,QAAM;IACXC,eAAY;IACZC,SAAS3C,SAASwB;IAClBoB,iBAAiB,CAACD,YAAa3C,SAASwB,eAAe,CAAC,CAACmB;OAI7D,gBAAAN,OAAA,cAACQ,SAAAA;IAAQN,OAAOtC,EAAE,kCAAA;KAChB,gBAAAoC,OAAA,cAACS,YAAAA;IACCnC,SAASF;IACTA,WAAWW;IACXH,SAASb,QAAQa;IACjB8B,UAAUtB;IACVuB,UAAUf;OAId,gBAAAI,OAAA,cAACQ,SAAAA;IAAQN,OAAOtC,EAAE,oCAAA;KAChB,gBAAAoC,OAAA,cAACS,YAAAA;IACCnC,SAASW;IACTb,WAAWW;IACXH,SAASb,QAAQa;IACjB8B,UAAUtB;IACVuB,UAAUf;OAIbjC,SAASwB,gBACR,gBAAAa,OAAA,cAACQ,SAAAA;IAAQN,OAAOtC,EAAE,qCAAA;KAChB,gBAAAoC,OAAA,cAACS,YAAAA;IACCnC,SAASa;IACTf,WAAWW;IACXH,SAASb,QAAQa;IACjB8B,UAAUtB;IACVuB,UAAUf;;AAMtB;AAEA,IAAMY,UAAU,CAAC,EAAEN,OAAOU,SAAQ,MAAwC;AACxE,SACE,gBAAAZ,OAAA,cAACa,OAAAA,MACC,gBAAAb,OAAA,cAACc,MAAAA;IAAGC,WAAU;KAA6Bb,KAAAA,GAC1CU,QAAAA;AAGP;;;AFnGA,IAAA,wBAAe,MACbI,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;IACNC,QAAQ,CAACC,SAAsBA,KAAKC,YAAYC;IAChDC,WAAW,MAAA;AACT,YAAMC,WAAWC,cAAcZ,aAAaa,aAAa,EAAEC,SAA2BL,eAAAA,EAAkBM;AACxG,aAAO,gBAAAC,OAAA,cAACC,gBAAAA;QAAeN;;IACzB;EACF,CAAA;CACD;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "useCapability", "React", "useCallback", "Button", "Icon", "Input", "Link", "List", "ListItem", "useTranslation", "descriptionText", "fineBlockSize", "mx", "PluginList", "plugins", "installed", "enabled", "onChange", "onReload", "t", "useTranslation", "REGISTRY_PLUGIN", "List", "classNames", "map", "id", "name", "description", "homePage", "source", "icon", "isEnabled", "includes", "isInstalled", "reloadRequired", "inputId", "labelId", "descriptionId", "handleChange", "useCallback", "Input", "Root", "key", "ListItem", "data-testid", "aria-describedby", "Icon", "size", "div", "role", "className", "mx", "fineBlockSize", "label", "htmlFor", "p", "descriptionText", "Link", "href", "target", "rel", "Button", "variant", "onClick", "Switch", "checked", "React", "useMemo", "createIntent", "useIntentDispatcher", "usePluginManager", "ObservabilityAction", "Input", "useTranslation", "DeprecatedFormInput", "sortPluginMeta", "name", "a", "b", "localeCompare", "PluginSettings", "settings", "t", "useTranslation", "REGISTRY_PLUGIN", "manager", "usePluginManager", "dispatchPromise", "dispatch", "useIntentDispatcher", "installed", "useMemo", "plugins", "filter", "meta", "core", "includes", "id", "enabled", "map", "sort", "pluginIds", "available", "recommended", "tags", "experimental", "handleChange", "enable", "disable", "createIntent", "ObservabilityAction", "SendEvent", "properties", "plugin", "handleReload", "window", "location", "reload", "React", "DeprecatedFormInput", "label", "Input", "Switch", "data-testid", "checked", "onCheckedChange", "Section", "PluginList", "onChange", "onReload", "children", "div", "h2", "className", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "subject", "REGISTRY_PLUGIN", "component", "settings", "useCapability", "SettingsStore", "getStore", "value", "React", "PluginSettings"]
+}

package/dist/lib/browser/settings-7LOHS2IV.mjs

@@ -0,0 +1,27 @@
+import {
+  REGISTRY_PLUGIN
+} from "./chunk-CMDU7LPH.mjs";
+
+// packages/plugins/plugin-registry/src/capabilities/settings.ts
+import { Capabilities, contributes } from "@dxos/app-framework";
+import { create } from "@dxos/live-object";
+
+// packages/plugins/plugin-registry/src/types.ts
+import { S } from "@dxos/echo-schema";
+var RegistrySettingsSchema = S.mutable(S.Struct({
+  experimental: S.optional(S.Boolean)
+}));
+
+// packages/plugins/plugin-registry/src/capabilities/settings.ts
+var settings_default = () => {
+  const settings = create({});
+  return contributes(Capabilities.Settings, {
+    schema: RegistrySettingsSchema,
+    prefix: REGISTRY_PLUGIN,
+    value: settings
+  });
+};
+export {
+  settings_default as default
+};
+//# sourceMappingURL=settings-7LOHS2IV.mjs.map

package/dist/lib/browser/settings-7LOHS2IV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/settings.ts", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { create } from '@dxos/live-object';\n\nimport { REGISTRY_PLUGIN } from '../meta';\nimport { type RegistrySettings, RegistrySettingsSchema } from '../types';\n\nexport default () => {\n  const settings = create<RegistrySettings>({});\n\n  return contributes(Capabilities.Settings, {\n    schema: RegistrySettingsSchema,\n    prefix: REGISTRY_PLUGIN,\n    value: settings,\n  });\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\n\nexport const RegistrySettingsSchema = S.mutable(\n  S.Struct({\n    experimental: S.optional(S.Boolean),\n  }),\n);\n\nexport type RegistrySettings = S.Schema.Type<typeof RegistrySettingsSchema>;\n"],
+  "mappings": ";;;;;AAIA,SAASA,cAAcC,mBAAmB;AAC1C,SAASC,cAAc;;;ACDvB,SAASC,SAAS;AAEX,IAAMC,yBAAyBC,EAAEC,QACtCD,EAAEE,OAAO;EACPC,cAAcH,EAAEI,SAASJ,EAAEK,OAAO;AACpC,CAAA,CAAA;;;ADCF,IAAA,mBAAe,MAAA;AACb,QAAMC,WAAWC,OAAyB,CAAC,CAAA;AAE3C,SAAOC,YAAYC,aAAaC,UAAU;IACxCC,QAAQC;IACRC,QAAQC;IACRC,OAAOT;EACT,CAAA;AACF;",
+  "names": ["Capabilities", "contributes", "create", "S", "RegistrySettingsSchema", "S", "mutable", "Struct", "experimental", "optional", "Boolean", "settings", "create", "contributes", "Capabilities", "Settings", "schema", "RegistrySettingsSchema", "prefix", "REGISTRY_PLUGIN", "value"]
+}

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

@@ -1,7 +1,2 @@
-import type { PluginDefinition, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
-export type RegistrySettingsProps = {
-    experimental?: boolean;
-};
-export type RegistryPluginProvides = SurfaceProvides & TranslationsProvides & SettingsProvides<RegistrySettingsProps>;
-export declare const RegistryPlugin: () => PluginDefinition<RegistryPluginProvides>;
+export declare const RegistryPlugin: () => import("@dxos/app-framework").Plugin;
 //# sourceMappingURL=RegistryPlugin.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RegistryPlugin.d.ts","sourceRoot":"","sources":["../../../src/RegistryPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAOrH,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;AAEtH,eAAO,MAAM,cAAc,QAAO,gBAAgB,CAAC,sBAAsB,CAuBxE,CAAC"}
+{"version":3,"file":"RegistryPlugin.d.ts","sourceRoot":"","sources":["../../../src/RegistryPlugin.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,4CAiBvB,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const ReactSurface: (props?: unknown) => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface>>;
+export declare const RegistrySettings: (props?: unknown) => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.Settings>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,iIAAwC,CAAC;AAClE,eAAO,MAAM,gBAAgB,6HAAmC,CAAC"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities } from '@dxos/app-framework';
+declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
+export default _default;
+//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA6C,MAAM,qBAAqB,CAAC;;AAM9F,wBAWK"}

package/dist/types/src/capabilities/settings.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities } from '@dxos/app-framework';
+declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.Settings>;
+export default _default;
+//# sourceMappingURL=settings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/settings.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAe,MAAM,qBAAqB,CAAC;;AAMhE,wBAQE"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { type PluginMeta } from '@dxos/app-framework';
 export type PluginListProps = {
-    plugins?: PluginMeta[];
-    loaded?: string[];
-    enabled?: string[];
+    plugins?: readonly PluginMeta[];
+    installed?: readonly string[];
+    enabled?: readonly string[];
     onChange?: (id: string, enabled: boolean) => void;
     onReload?: () => void;
 };
-export declare const PluginList: ({ plugins, loaded, enabled, onChange, onReload }: PluginListProps) => React.JSX.Element;
+export declare const PluginList: ({ plugins, installed, enabled, onChange, onReload }: PluginListProps) => React.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,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,qDAAqE,eAAe,sBAkF1G,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAAwE,eAAe,sBAkF7G,CAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type RegistrySettingsProps } from '../RegistryPlugin';
+import { type RegistrySettings } from '../types';
 export declare const PluginSettings: ({ settings }: {
-    settings: RegistrySettingsProps;
+    settings: RegistrySettings;
 }) => React.JSX.Element;
 //# sourceMappingURL=PluginSettings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PluginSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,qBAAqB,CAAA;CAAE,sBAkF/E,CAAC"}
+{"version":3,"file":"PluginSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,gBAAgB,CAAA;CAAE,sBAqF1E,CAAC"}

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

@@ -1,4 +1,3 @@
-import { RegistryPlugin } from './RegistryPlugin';
-export default RegistryPlugin;
+export * from './meta';
 export * from './RegistryPlugin';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAe,cAAc,CAAC;AAE9B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

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

@@ -1,7 +1,6 @@
 export declare const REGISTRY_PLUGIN = "dxos.org/plugin/registry";
-declare const _default: {
+export declare const meta: {
     id: string;
     name: string;
 };
-export default _default;
 //# sourceMappingURL=meta.d.ts.map

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;;;;;AAE1D,wBAGuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAE1D,eAAO,MAAM,IAAI;;;CAGK,CAAC"}

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

@@ -0,0 +1,6 @@
+import { S } from '@dxos/echo-schema';
+export declare const RegistrySettingsSchema: S.mutable<S.Struct<{
+    experimental: S.optional<typeof S.Boolean>;
+}>>;
+export type RegistrySettings = S.Schema.Type<typeof RegistrySettingsSchema>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,eAAO,MAAM,sBAAsB;;GAIlC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.7.4",
+  "version": "0.7.5-labs.5f04cf6",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -11,30 +11,23 @@
     ".": {
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs"
-    },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ]
-    }
+    "*": {}
   },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.7.4",
-    "@dxos/local-storage": "0.7.4",
-    "@dxos/plugin-observability": "0.7.4",
-    "@dxos/react-ui-form": "0.7.4",
-    "@dxos/util": "0.7.4"
+    "@dxos/app-framework": "0.7.5-labs.5f04cf6",
+    "@dxos/echo-schema": "0.7.5-labs.5f04cf6",
+    "@dxos/live-object": "0.7.5-labs.5f04cf6",
+    "@dxos/react-ui-form": "0.7.5-labs.5f04cf6",
+    "@dxos/util": "0.7.5-labs.5f04cf6",
+    "@dxos/plugin-observability": "0.7.5-labs.5f04cf6"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -43,19 +36,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.7.4",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/react-ui-mosaic": "0.7.4",
-    "@dxos/storybook-utils": "0.7.4"
+    "@dxos/react-ui": "0.7.5-labs.5f04cf6",
+    "@dxos/random": "0.7.5-labs.5f04cf6",
+    "@dxos/react-ui-mosaic": "0.7.5-labs.5f04cf6",
+    "@dxos/react-ui-theme": "0.7.5-labs.5f04cf6",
+    "@dxos/storybook-utils": "0.7.5-labs.5f04cf6"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/react-ui-mosaic": "0.7.4"
+    "@dxos/react-ui": "0.7.5-labs.5f04cf6",
+    "@dxos/react-ui-mosaic": "0.7.5-labs.5f04cf6",
+    "@dxos/react-ui-theme": "0.7.5-labs.5f04cf6"
   },
   "publishConfig": {
     "access": "public"

package/src/RegistryPlugin.tsx

@@ -2,42 +2,27 @@
 // Copyright 2023 DXOS.org
 //
 
-import React from 'react';
+import { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';
 
-import type { PluginDefinition, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
-import { LocalStorageStore } from '@dxos/local-storage';
-
-import { PluginSettings } from './components';
-import meta, { REGISTRY_PLUGIN } from './meta';
+import { ReactSurface, RegistrySettings } from './capabilities';
+import { meta } from './meta';
 import translations from './translations';
 
-export type RegistrySettingsProps = {
-  experimental?: boolean;
-};
-
-export type RegistryPluginProvides = SurfaceProvides & TranslationsProvides & SettingsProvides<RegistrySettingsProps>;
-
-export const RegistryPlugin = (): PluginDefinition<RegistryPluginProvides> => {
-  const settings = new LocalStorageStore<RegistrySettingsProps>(REGISTRY_PLUGIN);
-
-  return {
-    meta,
-    ready: async () => {
-      settings.prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) });
-    },
-    provides: {
-      settings: settings.values,
-      translations,
-      surface: {
-        component: ({ data, role }) => {
-          switch (role) {
-            case 'settings':
-              return data.plugin === meta.id ? <PluginSettings settings={settings.values} /> : null;
-          }
-
-          return null;
-        },
-      },
-    },
-  };
-};
+export const RegistryPlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/settings`,
+      activatesOn: Events.SetupSettings,
+      activate: RegistrySettings,
+    }),
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.Startup,
+      activate: ReactSurface,
+    }),
+  ]);

package/src/capabilities/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { lazy } from '@dxos/app-framework';
+
+export const ReactSurface = lazy(() => import('./react-surface'));
+export const RegistrySettings = lazy(() => import('./settings'));

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,24 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';
+
+import { PluginSettings } from '../components';
+import { meta, REGISTRY_PLUGIN } from '../meta';
+import { type RegistrySettings } from '../types';
+
+export default () =>
+  contributes(Capabilities.ReactSurface, [
+    createSurface({
+      id: meta.id,
+      role: 'settings',
+      filter: (data): data is any => data.subject === REGISTRY_PLUGIN,
+      component: () => {
+        const settings = useCapability(Capabilities.SettingsStore).getStore<RegistrySettings>(REGISTRY_PLUGIN)!.value;
+        return <PluginSettings settings={settings} />;
+      },
+    }),
+  ]);

package/src/capabilities/settings.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes } from '@dxos/app-framework';
+import { create } from '@dxos/live-object';
+
+import { REGISTRY_PLUGIN } from '../meta';
+import { type RegistrySettings, RegistrySettingsSchema } from '../types';
+
+export default () => {
+  const settings = create<RegistrySettings>({});
+
+  return contributes(Capabilities.Settings, {
+    schema: RegistrySettingsSchema,
+    prefix: REGISTRY_PLUGIN,
+    value: settings,
+  });
+};

package/src/components/PluginList.tsx

@@ -11,22 +11,22 @@ import { descriptionText, fineBlockSize, mx } from '@dxos/react-ui-theme';
 import { REGISTRY_PLUGIN } from '../meta';
 
 export type PluginListProps = {
-  plugins?: PluginMeta[];
-  loaded?: string[];
-  enabled?: string[];
+  plugins?: readonly PluginMeta[];
+  installed?: readonly string[];
+  enabled?: readonly string[];
   onChange?: (id: string, enabled: boolean) => void;
   onReload?: () => void;
 };
 
-export const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }: PluginListProps) => {
+export const PluginList = ({ plugins = [], installed = [], enabled = [], onChange, onReload }: PluginListProps) => {
   const { t } = useTranslation(REGISTRY_PLUGIN);
 
   return (
     <List classNames='mb-4 select-none'>
       {plugins.map(({ id, name, description, homePage, source, icon = 'ph--circle--regular' }) => {
         const isEnabled = enabled.includes(id);
-        const isLoaded = loaded.includes(id);
-        const reloadRequired = isEnabled !== isLoaded;
+        const isInstalled = installed.includes(id);
+        const reloadRequired = isEnabled !== isInstalled;
         const inputId = `${id}-input`;
         const labelId = `${id}-label`;
         const descriptionId = `${id}-description`;

package/src/components/PluginSettings.tsx

@@ -4,50 +4,53 @@
 
 import React, { useMemo, type PropsWithChildren } from 'react';
 
-import { type PluginMeta, useIntentDispatcher, usePlugins } from '@dxos/app-framework';
-import { ObservabilityAction } from '@dxos/plugin-observability/meta';
+import { createIntent, type PluginMeta, useIntentDispatcher, usePluginManager } from '@dxos/app-framework';
+import { ObservabilityAction } from '@dxos/plugin-observability/types';
 import { Input, useTranslation } from '@dxos/react-ui';
 import { DeprecatedFormInput } from '@dxos/react-ui-form';
 
 import { PluginList } from './PluginList';
-import { type RegistrySettingsProps } from '../RegistryPlugin';
 import { REGISTRY_PLUGIN } from '../meta';
+import { type RegistrySettings } from '../types';
 
 const sortPluginMeta = ({ name: a = '' }: PluginMeta, { name: b = '' }: PluginMeta) => a.localeCompare(b);
 
-export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }) => {
+export const PluginSettings = ({ settings }: { settings: RegistrySettings }) => {
   const { t } = useTranslation(REGISTRY_PLUGIN);
-  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();
-  const dispatch = useIntentDispatcher();
+  const manager = usePluginManager();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
 
   // Memoize to prevent plugins from disappearing when toggling enabled.
   const installed = useMemo(
     () =>
-      plugins
-        .filter(({ meta }) => !core.includes(meta.id))
-        .filter(({ meta }) => enabled.includes(meta.id))
+      manager.plugins
+        .filter(({ meta }) => !manager.core.includes(meta.id))
+        .filter(({ meta }) => manager.enabled.includes(meta.id))
         .map(({ meta }) => meta)
         .sort(sortPluginMeta),
     [],
   );
+  const pluginIds = useMemo(() => installed.map((meta) => meta.id), [installed]);
 
-  const pluginIds = plugins.map(({ meta }) => meta.id);
   const available = useMemo(
-    () => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sortPluginMeta),
+    () =>
+      manager.plugins
+        .map(({ meta }) => meta)
+        .filter(({ id }) => !manager.enabled.includes(id))
+        .sort(sortPluginMeta),
     [],
   );
   const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));
   const experimental = available.filter((meta) => meta.tags?.includes('experimental'));
 
   const handleChange = (id: string, enabled: boolean) => {
-    setPlugin(id, enabled);
-    void dispatch({
-      action: ObservabilityAction.SEND_EVENT,
-      data: {
+    enabled ? manager.enable(id) : manager.disable(id);
+    void dispatch(
+      createIntent(ObservabilityAction.SendEvent, {
         name: 'plugins.toggle',
         properties: { plugin: id, enabled },
-      },
-    });
+      }),
+    );
   };
 
   const handleReload = () => {
@@ -67,8 +70,8 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
       <Section label={t('settings section installed label')}>
         <PluginList
           plugins={installed}
-          loaded={pluginIds}
-          enabled={enabled}
+          installed={pluginIds}
+          enabled={manager.enabled}
           onChange={handleChange}
           onReload={handleReload}
         />
@@ -77,8 +80,8 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
       <Section label={t('settings section recommended label')}>
         <PluginList
           plugins={recommended}
-          loaded={pluginIds}
-          enabled={enabled}
+          installed={pluginIds}
+          enabled={manager.enabled}
           onChange={handleChange}
           onReload={handleReload}
         />
@@ -88,8 +91,8 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
         <Section label={t('settings section experimental label')}>
           <PluginList
             plugins={experimental}
-            loaded={pluginIds}
-            enabled={enabled}
+            installed={pluginIds}
+            enabled={manager.enabled}
             onChange={handleChange}
             onReload={handleReload}
           />

package/src/index.ts

@@ -2,8 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-import { RegistryPlugin } from './RegistryPlugin';
-
-export default RegistryPlugin;
-
+export * from './meta';
 export * from './RegistryPlugin';

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';
 
-export default {
+export const meta = {
   id: REGISTRY_PLUGIN,
   name: 'Plugins',
 } satisfies PluginMeta;

package/src/types.ts

@@ -0,0 +1,13 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { S } from '@dxos/echo-schema';
+
+export const RegistrySettingsSchema = S.mutable(
+  S.Struct({
+    experimental: S.optional(S.Boolean),
+  }),
+);
+
+export type RegistrySettings = S.Schema.Type<typeof RegistrySettingsSchema>;

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';\n\nexport default {\n  id: REGISTRY_PLUGIN,\n  name: 'Plugins',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;AACR;",
-  "names": ["REGISTRY_PLUGIN", "id", "name"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  REGISTRY_PLUGIN,
-  meta_default
-} from "./chunk-NEMFDAOB.mjs";
-export {
-  REGISTRY_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/lib/browser/meta.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}