@dxos/plugin-registry 0.8.4-main.4a85c3132b → 0.8.4-main.4f23b4e393

package/src/hooks/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export * from './use-auto-tags';
+export * from './use-registry-plugins';
+export * from './use-update-available';

package/src/hooks/use-auto-tags.ts

@@ -0,0 +1,51 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { useMemo } from 'react';
+
+import { type Registry, UrlLoader } from '@dxos/app-framework';
+
+/**
+ * Auto-tags that are derived at display time rather than persisted to `Plugin.Meta`.
+ * - `registry`: plugin id appears in the registry catalog manifest.
+ * - `local`: plugin was loaded from a `localhost` / `127.0.0.1` / `::1` URL.
+ */
+export type AutoTagsMap = Record<string, readonly string[]>;
+
+/**
+ * Computes the per-plugin-id extra tags the UI should display.
+ *
+ * Reads the persisted remote-plugin entries synchronously to derive `local`, and
+ * adds `registry` for any plugin id found in the supplied registry manifest entries.
+ */
+export const useAutoTags = (registryEntries: readonly Registry.Plugin[]): AutoTagsMap =>
+  useMemo(() => {
+    const byId: Record<string, string[]> = {};
+    const addTag = (id: string, tag: string) => {
+      const existing = byId[id];
+      if (!existing) {
+        byId[id] = [tag];
+      } else if (!existing.includes(tag)) {
+        existing.push(tag);
+      }
+    };
+
+    for (const entry of UrlLoader.getRemoteEntries()) {
+      if (UrlLoader.isLocalUrl(entry.url)) {
+        addTag(entry.id, 'local');
+      }
+    }
+    for (const entry of registryEntries) {
+      addTag(entry.id, 'registry');
+    }
+
+    return byId;
+  }, [registryEntries]);
+
+/**
+ * Returns the set of plugin ids known to originate from a remote URL (not bundled).
+ * Used to filter the Official/Recommended sections so third-party plugins are excluded.
+ */
+export const useRemotePluginIds = (): ReadonlySet<string> =>
+  useMemo(() => new Set(UrlLoader.getRemoteEntries().map((entry) => entry.id)), []);

package/src/hooks/use-registry-plugins.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { useAtomValue } from '@effect-atom/atom-react';
+
+import { type Registry } from '@dxos/app-framework';
+import { usePluginManager } from '@dxos/app-framework/ui';
+
+/**
+ * Reads the registry plugin catalog from `manager.pluginRegistry.plugins`.
+ * The catalog is loaded once when the plugin manager is constructed (with a
+ * provider) so this hook is purely reactive — subscribers re-render as the
+ * `{entries, loading, error}` state settles.
+ */
+export const useRegistryPlugins = (): Registry.PluginsState => {
+  const manager = usePluginManager();
+  return useAtomValue(manager.pluginRegistry.plugins);
+};
+
+/**
+ * Returns the live `Registry.Manager` from the plugin manager so callers can
+ * issue `listVersions` / `getPlugin` calls directly. The catalog state itself
+ * is best read through {@link useRegistryPlugins} above.
+ */
+export const useRegistryPluginProvider = (): Registry.Manager => {
+  const manager = usePluginManager();
+  return manager.pluginRegistry;
+};

package/src/hooks/use-update-available.ts

@@ -0,0 +1,31 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type Registry, UrlLoader } from '@dxos/app-framework';
+
+/**
+ * Returns a set of plugin ids for which the registry has a newer version
+ * than what was recorded at install time.
+ *
+ * Only flags plugins where a version was recorded at install time AND it differs
+ * from the catalog's current version. Legacy installs (no version stored) are ignored.
+ *
+ * NOTE: this is intentionally NOT memoised. The installed-version side of the
+ * comparison lives in localStorage and is mutated by `manager.add` /
+ * `manager.remove` / `UrlLoader.setInstalledVersion` outside React's view, so a
+ * memo keyed on `entries` would happily return stale data for the rest of the
+ * session after an update completes (the bug that produced "Update button
+ * reappears after Updating…"). The loop is O(catalog size) sync reads — cheap
+ * enough to do every render.
+ */
+export const useUpdateAvailableIds = (entries: readonly Registry.Plugin[]): ReadonlySet<string> => {
+  const ids = new Set<string>();
+  for (const entry of entries) {
+    const installedVersion = UrlLoader.getInstalledVersion(entry.id);
+    if (installedVersion !== undefined && installedVersion !== entry.version) {
+      ids.add(entry.id);
+    }
+  }
+  return ids;
+};

package/src/index.ts

@@ -3,4 +3,4 @@
 //
 
 export * from './meta';
-export * from './RegistryPlugin';
+export * from './storage';

package/src/meta.ts

@@ -3,19 +3,28 @@
 //
 
 import { type Plugin } from '@dxos/app-framework';
+import { pinnedWorkspaceId } from '@dxos/app-toolkit';
 import { trim } from '@dxos/util';
 
-// TODO(wittjosiah): Deck does not currently support `/` in ids.
-// TODO(wittjosiah): This is a hack to prevent the previous deck from being set for pinned items.
-//  Ideally this should be worked into the data model in a generic way.
-export const REGISTRY_ID = '!dxos:plugin-registry';
+export const REGISTRY_ID = pinnedWorkspaceId('dxos:plugin-registry');
 export const REGISTRY_KEY = 'plugin-registry';
 
+// TODO(wittjosiah): Should this be a special separator or use the standard path separator?
+const CATEGORY_SEPARATOR = '>';
+
+/** Build a registry category node ID. */
+export const registryCategoryId = (category: string): string => `${REGISTRY_KEY}${CATEGORY_SEPARATOR}${category}`;
+
+/** Qualified graph path to a specific plugin node. */
+export const getPluginPath = (pluginId: string): string => `root/${REGISTRY_ID}/${pluginId}`;
+
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/registry',
+  id: 'org.dxos.plugin.registry',
   name: 'Plugins',
   description: trim`
     Plugin management system for discovering, installing, and configuring workspace extensions.
     Browse available plugins and customize your workspace capabilities.
   `,
+  icon: 'ph--squares-four--regular',
+  tags: ['system'],
 };

package/src/operations/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { OperationHandlerSet } from '@dxos/compute';
+
+export const RegistryOperationHandlerSet = OperationHandlerSet.lazy(() => import('./open-plugin-registry'));

package/src/operations/open-plugin-registry.ts

@@ -0,0 +1,21 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { LayoutOperation, SettingsOperation, getSpacePath } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
+
+import { REGISTRY_ID } from '#meta';
+
+const handler: Operation.WithHandler<typeof SettingsOperation.OpenPluginRegistry> =
+  SettingsOperation.OpenPluginRegistry.pipe(
+    Operation.withHandler(
+      Effect.fnUntraced(function* () {
+        yield* Operation.invoke(LayoutOperation.SwitchWorkspace, { subject: getSpacePath(REGISTRY_ID) });
+      }),
+    ),
+  );
+
+export default handler;

package/src/plugin.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const RegistryPlugin = Plugin.lazy(meta, () => import('#plugin'));
+
+export { RegistryOperationHandlerSet } from './operations';

package/src/{cli/storage.ts → storage.ts}

@@ -6,37 +6,31 @@ import * as FileSystem from '@effect/platform/FileSystem';
 import * as Path from '@effect/platform/Path';
 import * as Effect from 'effect/Effect';
 import * as Schema from 'effect/Schema';
+import * as Yaml from 'yaml';
 
-import { DX_CONFIG, getProfilePath } from '@dxos/client-protocol';
+import { DX_CONFIG } from '@dxos/client-protocol';
 
 // TODO(wittjosiah): Factor out to app-framework?
 
-const PLUGINS_FILE = 'plugins.json';
-
 const PluginsSchema = Schema.Array(Schema.String);
 
-/**
- * Get the path to the plugins configuration file for a profile.
- */
-const getPluginsPath = (profile: string): Effect.Effect<string, never, Path.Path> =>
-  Effect.gen(function* () {
-    const path = yield* Path.Path;
-    return path.join(getProfilePath(DX_CONFIG, profile), PLUGINS_FILE);
-  });
+/** CLI-only: path to plugins/<profile>.yml (sibling to profile/). */
+const getPluginsConfigPath = (profile: string) => `${DX_CONFIG}/plugins/${profile}.yml`;
 
 /**
- * Load enabled plugins from profile storage.
+ * Load enabled plugins from plugins/<profile>.yml (sibling to profile/).
  * Returns the list of enabled plugin IDs, or an empty array if the file doesn't exist.
  */
 export const loadEnabledPlugins = Effect.fn(function* ({ profile }: { profile: string }) {
   const fs = yield* FileSystem.FileSystem;
-  const pluginsPath = yield* getPluginsPath(profile);
+  const pluginsPath = getPluginsConfigPath(profile);
 
   const content = yield* fs
     .readFileString(pluginsPath)
     .pipe(Effect.catchTag('SystemError', () => Effect.succeed('[]')));
 
-  const parsed = yield* Schema.decodeUnknown(Schema.parseJson(PluginsSchema))(content).pipe(
+  const raw = Yaml.parse(content);
+  const parsed = yield* Schema.decodeUnknown(PluginsSchema)(raw ?? []).pipe(
     Effect.catchAll(() => Effect.succeed([] as string[])),
   );
 
@@ -44,14 +38,13 @@ export const loadEnabledPlugins = Effect.fn(function* ({ profile }: { profile: s
 });
 
 /**
- * Save enabled plugins to profile storage.
+ * Save enabled plugins to plugins/<profile>.yml.
  */
 export const saveEnabledPlugins = Effect.fn(function* ({ profile, enabled }: { profile: string; enabled: string[] }) {
   const fs = yield* FileSystem.FileSystem;
-  const pluginsPath = yield* getPluginsPath(profile);
-  const profileDir = getProfilePath(DX_CONFIG, profile);
-
-  yield* fs.makeDirectory(profileDir, { recursive: true });
-  const encoded = Schema.encodeSync(Schema.parseJson(PluginsSchema))(enabled);
-  yield* fs.writeFileString(pluginsPath, encoded + '\n');
+  const path = yield* Path.Path;
+  const pluginsPath = getPluginsConfigPath(profile);
+  yield* fs.makeDirectory(path.dirname(pluginsPath), { recursive: true });
+  const encoded = Yaml.stringify(enabled);
+  yield* fs.writeFileString(pluginsPath, encoded);
 });

package/src/translations.ts

@@ -4,26 +4,63 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
+import { meta } from '#meta';
 
 export const translations = [
   {
     'en-US': {
       [meta.id]: {
-        'plugin name': 'Registry',
-        'details label': 'Details',
-        'home page label': 'Website',
-        'source label': 'Source',
-        'plugin registry label': 'Plugin Registry',
-        'all plugins label': 'All',
-        'installed plugins label': 'Enabled',
-        'recommended plugins label': 'Recommended',
-        'labs plugins label': 'Labs',
-        'community plugins label': 'Community',
-        'load by url label': 'Load by URL (soon)',
-        'coming soon label': 'Coming soon!',
-        'open plugin registry label': 'Open plugin registry',
-        'settings label': 'Settings',
+        'plugin.name': 'Registry',
+        'details.label': 'Details',
+        'home-page.label': 'Website',
+        'source.label': 'Source',
+        'plugin-registry.label': 'Plugins',
+        'plugin-settings.label': 'Plugin Settings',
+        'official-plugins.label': 'Official',
+        'installed-plugins.label': 'Enabled',
+        'recommended-plugins.label': 'Recommended',
+        'labs-plugins.label': 'Labs',
+        'registry-plugins.label': 'Registry',
+        'load-by-url.label': 'Load from URL',
+        'load-by-url-dialog.title': 'Load Plugin from URL',
+        'plugin-url.label': 'Plugin URL',
+        'load-plugin.label': 'Load Plugin',
+        'loading.label': 'Loading...',
+        'filter.label': 'Filter plugins',
+        'filter.placeholder': 'Filter…',
+        'registry.loading.label': 'Loading registry plugins…',
+        'registry.error.label': 'Failed to load registry plugins: {{message}}',
+        'registry.empty.label': 'No registry plugins available.',
+        'dev-plugin.section.title': 'Dev plugin',
+        'dev-plugin.description':
+          'Load a plugin from a local Vite dev server (the `composerPlugin` defaults to port 3967). Composer reattaches it on every reload, surviving HMR — useful when iterating on a community plugin against a live registry version.',
+        'dev-plugin.url.label': 'Manifest URL',
+        'dev-plugin.url.description':
+          'Defaults to the local dev server. Edit if your dev server runs on a different port.',
+        'dev-plugin.toggle.label': 'Dev plugin',
+        'dev-plugin.toggle.description':
+          'Stays on across reloads. If the dev server is offline at boot, a warning is logged and the next reload retries.',
+        'dev-plugin.enable.label': 'Enable',
+        'dev-plugin.disable.label': 'Disable',
+        'dev-plugin.busy.label': 'Loading…',
+        'dev-plugin.not-loaded.message':
+          'Dev plugin is enabled but not currently loaded. Check that the dev server is running, then reload.',
+        'coming-soon.label': 'Coming soon!',
+        'open-plugin-registry.label': 'Open plugin registry',
+        'install.label': 'Install',
+        'installing.label': 'Installing…',
+        'uninstall.label': 'Uninstall',
+        'update.label': 'Update',
+        'updating.label': 'Updating…',
+        'versions.label': 'Versions',
+        'installed.label': 'installed',
+        'install-version.label': 'Install version',
+        'failure-badge.label': 'Plugin failure details',
+        'failure-title.label': 'Plugin {{phase}} failed: {{reason}}',
+        'failure-phase-load.label': 'load',
+        'failure-phase-activation.label': 'activation',
+        'failure-reason-timeout.label': 'timed out',
+        'failure-reason-error.label': 'error',
       },
     },
   },

package/src/types.ts

@@ -2,16 +2,48 @@
 // Copyright 2025 DXOS.org
 //
 
+import { type Atom } from '@effect-atom/atom-react';
 import * as Schema from 'effect/Schema';
 
+import { Capability } from '@dxos/app-framework';
+
 export const RegistrySettingsSchema = Schema.mutable(
   Schema.Struct({
     experimental: Schema.optional(Schema.Boolean),
+    /**
+     * Manifest URL for a plugin served by a local Vite dev server. The
+     * registry settings panel pre-fills this with `localhost:3967`; authors
+     * iterating on a different port can edit it.
+     */
+    devPluginUrl: Schema.optional(Schema.String),
+    /**
+     * When true, the registry plugin attempts to load `devPluginUrl` on every
+     * app boot. Failures (dev server offline, manifest 404) are logged and
+     * the flag stays on so the next boot retries — the user explicitly turns
+     * it off when they're done iterating.
+     */
+    devPluginEnabled: Schema.optional(Schema.Boolean),
   }),
 );
 
 export type RegistrySettings = Schema.Schema.Type<typeof RegistrySettingsSchema>;
 
-export const RegistryTagType = Schema.Literal('new', 'beta', 'labs', 'popular', 'featured', 'experimental');
+/**
+ * Per-plugin capabilities exposed by `@dxos/plugin-registry`.
+ */
+export namespace RegistryCapabilities {
+  export const Settings = Capability.make<Atom.Writable<RegistrySettings>>('@dxos/plugin-registry/settings');
+}
+
+export const RegistryTagType = Schema.Literal(
+  'new',
+  'beta',
+  'labs',
+  'popular',
+  'featured',
+  'experimental',
+  'registry',
+  'local',
+);
 
 export type RegistryTagType = Schema.Schema.Type<typeof RegistryTagType>;

package/dist/lib/browser/PluginArticle-MLBF7AFA.mjs

@@ -1,29 +0,0 @@
-import {
-  PluginDetail
-} from "./chunk-TSNK3SAR.mjs";
-import "./chunk-VOAOTNGS.mjs";
-
-// src/containers/PluginArticle/PluginArticle.tsx
-import React, { useCallback } from "react";
-import { usePluginManager } from "@dxos/app-framework/ui";
-import { runAndForwardErrors } from "@dxos/effect";
-var PluginArticle = ({ subject: plugin }) => {
-  const manager = usePluginManager();
-  const enabled = manager.getEnabled().includes(plugin.meta.id);
-  const handleEnableChange = useCallback((enabled2) => enabled2 ? runAndForwardErrors(manager.enable(plugin.meta.id)) : runAndForwardErrors(manager.disable(plugin.meta.id)), [
-    manager,
-    plugin.meta.id
-  ]);
-  return /* @__PURE__ */ React.createElement(PluginDetail, {
-    plugin,
-    enabled,
-    onEnabledChange: handleEnableChange
-  });
-};
-
-// src/containers/PluginArticle/index.ts
-var PluginArticle_default = PluginArticle;
-export {
-  PluginArticle_default as default
-};
-//# sourceMappingURL=PluginArticle-MLBF7AFA.mjs.map

package/dist/lib/browser/PluginArticle-MLBF7AFA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/PluginArticle/PluginArticle.tsx", "../../../src/containers/PluginArticle/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { usePluginManager } from '@dxos/app-framework/ui';\nimport { runAndForwardErrors } from '@dxos/effect';\n\nimport { PluginDetail } from '../../components';\n\n// TODO(burdon): Convert to ECHO type.\nexport type PluginArticleProps = { subject: Plugin.Plugin };\n\nexport const PluginArticle = ({ subject: plugin }: PluginArticleProps) => {\n  const manager = usePluginManager();\n  const enabled = manager.getEnabled().includes(plugin.meta.id);\n  const handleEnableChange = useCallback(\n    (enabled: boolean) =>\n      enabled\n        ? runAndForwardErrors(manager.enable(plugin.meta.id))\n        : runAndForwardErrors(manager.disable(plugin.meta.id)),\n    [manager, plugin.meta.id],\n  );\n\n  return <PluginDetail plugin={plugin} enabled={enabled} onEnabledChange={handleEnableChange} />;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { PluginArticle } from './PluginArticle';\n\nexport default PluginArticle;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,SAASC,mBAAmB;AAGnC,SAASC,wBAAwB;AACjC,SAASC,2BAA2B;AAO7B,IAAMC,gBAAgB,CAAC,EAAEC,SAASC,OAAM,MAAsB;AACnE,QAAMC,UAAUC,iBAAAA;AAChB,QAAMC,UAAUF,QAAQG,WAAU,EAAGC,SAASL,OAAOM,KAAKC,EAAE;AAC5D,QAAMC,qBAAqBC,YACzB,CAACN,aACCA,WACIO,oBAAoBT,QAAQU,OAAOX,OAAOM,KAAKC,EAAE,CAAA,IACjDG,oBAAoBT,QAAQW,QAAQZ,OAAOM,KAAKC,EAAE,CAAA,GACxD;IAACN;IAASD,OAAOM,KAAKC;GAAG;AAG3B,SAAO,sBAAA,cAACM,cAAAA;IAAab;IAAgBG;IAAkBW,iBAAiBN;;AAC1E;;;ACrBA,IAAA,wBAAeO;",
-  "names": ["React", "useCallback", "usePluginManager", "runAndForwardErrors", "PluginArticle", "subject", "plugin", "manager", "usePluginManager", "enabled", "getEnabled", "includes", "meta", "id", "handleEnableChange", "useCallback", "runAndForwardErrors", "enable", "disable", "PluginDetail", "onEnabledChange", "PluginArticle"]
-}

package/dist/lib/browser/PluginRegistry-ENAI4SAY.mjs

@@ -1,77 +0,0 @@
-import {
-  PluginList
-} from "./chunk-TSNK3SAR.mjs";
-import "./chunk-VOAOTNGS.mjs";
-
-// src/containers/PluginRegistry/PluginRegistry.tsx
-import { useAtomValue } from "@effect-atom/atom-react";
-import * as Effect from "effect/Effect";
-import React, { useCallback, useMemo } from "react";
-import { useCapabilities, useOperationInvoker, usePluginManager } from "@dxos/app-framework/ui";
-import { AppCapabilities, LayoutOperation, SettingsOperation } from "@dxos/app-toolkit";
-import { runAndForwardErrors } from "@dxos/effect";
-import { ObservabilityOperation } from "@dxos/plugin-observability/types";
-import { ScrollArea } from "@dxos/react-ui";
-var sortByPluginMeta = ({ meta: { name: a = "" } }, { meta: { name: b = "" } }) => a.localeCompare(b);
-var PluginRegistry = ({ id, plugins: pluginsProp }) => {
-  const manager = usePluginManager();
-  const { invoke, invokePromise } = useOperationInvoker();
-  const plugins = useMemo(() => pluginsProp.sort(sortByPluginMeta), [
-    pluginsProp
-  ]);
-  const enabled = useAtomValue(manager.enabled);
-  const allSettings = useCapabilities(AppCapabilities.Settings);
-  const handleChange = useCallback((id2, enabled2) => Effect.gen(function* () {
-    if (enabled2) {
-      yield* manager.enable(id2);
-    } else {
-      yield* manager.disable(id2);
-    }
-    yield* invoke(ObservabilityOperation.SendEvent, {
-      name: "plugins.toggle",
-      properties: {
-        plugin: id2,
-        enabled: enabled2
-      }
-    });
-  }).pipe(runAndForwardErrors), [
-    invoke,
-    manager
-  ]);
-  const handleClick = useCallback((pluginId) => invokePromise(LayoutOperation.Open, {
-    // TODO(wittjosiah): `/` currently is not supported in ids.
-    subject: [
-      pluginId.replaceAll("/", ":")
-    ],
-    pivotId: id,
-    positioning: "end"
-  }), [
-    invokePromise,
-    id
-  ]);
-  const hasSettings = useCallback((pluginId) => allSettings.some((s) => s.prefix === pluginId), [
-    allSettings
-  ]);
-  const handleSettings = useCallback((pluginId) => invokePromise(SettingsOperation.Open, {
-    plugin: pluginId
-  }), [
-    invokePromise
-  ]);
-  return /* @__PURE__ */ React.createElement(ScrollArea.Root, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(PluginList, {
-    plugins,
-    enabled,
-    onClick: handleClick,
-    onChange: handleChange,
-    hasSettings,
-    onSettings: handleSettings
-  })));
-};
-
-// src/containers/PluginRegistry/index.ts
-var PluginRegistry_default = PluginRegistry;
-export {
-  PluginRegistry_default as default
-};
-//# sourceMappingURL=PluginRegistry-ENAI4SAY.mjs.map

package/dist/lib/browser/PluginRegistry-ENAI4SAY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/PluginRegistry/PluginRegistry.tsx", "../../../src/containers/PluginRegistry/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { useCapabilities, useOperationInvoker, usePluginManager } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation, SettingsOperation } from '@dxos/app-toolkit';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { ObservabilityOperation } from '@dxos/plugin-observability/types';\nimport { ScrollArea } from '@dxos/react-ui';\n\nimport { PluginList } from '../../components';\n\nconst sortByPluginMeta = ({ meta: { name: a = '' } }: Plugin.Plugin, { meta: { name: b = '' } }: Plugin.Plugin) =>\n  a.localeCompare(b);\n\nexport type PluginRegistryProps = {\n  id: string;\n  plugins: Plugin.Plugin[];\n};\n\nexport const PluginRegistry = ({ id, plugins: pluginsProp }: PluginRegistryProps) => {\n  const manager = usePluginManager();\n  const { invoke, invokePromise } = useOperationInvoker();\n  const plugins = useMemo(() => pluginsProp.sort(sortByPluginMeta), [pluginsProp]);\n  const enabled = useAtomValue(manager.enabled);\n  const allSettings = useCapabilities(AppCapabilities.Settings);\n\n  // TODO(wittjosiah): Factor out to an intent?\n  const handleChange = useCallback(\n    (id: string, enabled: boolean) =>\n      Effect.gen(function* () {\n        if (enabled) {\n          yield* manager.enable(id);\n        } else {\n          yield* manager.disable(id);\n        }\n\n        yield* invoke(ObservabilityOperation.SendEvent, {\n          name: 'plugins.toggle',\n          properties: {\n            plugin: id,\n            enabled,\n          },\n        });\n      }).pipe(runAndForwardErrors),\n    [invoke, manager],\n  );\n\n  const handleClick = useCallback(\n    (pluginId: string) =>\n      invokePromise(LayoutOperation.Open, {\n        // TODO(wittjosiah): `/` currently is not supported in ids.\n        subject: [pluginId.replaceAll('/', ':')],\n        pivotId: id,\n        positioning: 'end',\n      }),\n    [invokePromise, id],\n  );\n\n  const hasSettings = useCallback((pluginId: string) => allSettings.some((s) => s.prefix === pluginId), [allSettings]);\n\n  const handleSettings = useCallback(\n    (pluginId: string) => invokePromise(SettingsOperation.Open, { plugin: pluginId }),\n    [invokePromise],\n  );\n\n  return (\n    <ScrollArea.Root orientation='vertical'>\n      <ScrollArea.Viewport>\n        <PluginList\n          plugins={plugins}\n          enabled={enabled}\n          onClick={handleClick}\n          onChange={handleChange}\n          hasSettings={hasSettings}\n          onSettings={handleSettings}\n        />\n      </ScrollArea.Viewport>\n    </ScrollArea.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PluginRegistry } from './PluginRegistry';\n\nexport default PluginRegistry;\n"],
-  "mappings": ";;;;;;AAIA,SAASA,oBAAoB;AAC7B,YAAYC,YAAY;AACxB,OAAOC,SAASC,aAAaC,eAAe;AAG5C,SAASC,iBAAiBC,qBAAqBC,wBAAwB;AACvE,SAASC,iBAAiBC,iBAAiBC,yBAAyB;AACpE,SAASC,2BAA2B;AACpC,SAASC,8BAA8B;AACvC,SAASC,kBAAkB;AAI3B,IAAMC,mBAAmB,CAAC,EAAEC,MAAM,EAAEC,MAAMC,IAAI,GAAE,EAAE,GAAmB,EAAEF,MAAM,EAAEC,MAAME,IAAI,GAAE,EAAE,MAC3FD,EAAEE,cAAcD,CAAAA;AAOX,IAAME,iBAAiB,CAAC,EAAEC,IAAIC,SAASC,YAAW,MAAuB;AAC9E,QAAMC,UAAUC,iBAAAA;AAChB,QAAM,EAAEC,QAAQC,cAAa,IAAKC,oBAAAA;AAClC,QAAMN,UAAUO,QAAQ,MAAMN,YAAYO,KAAKhB,gBAAAA,GAAmB;IAACS;GAAY;AAC/E,QAAMQ,UAAUC,aAAaR,QAAQO,OAAO;AAC5C,QAAME,cAAcC,gBAAgBC,gBAAgBC,QAAQ;AAG5D,QAAMC,eAAeC,YACnB,CAACjB,KAAYU,aACJQ,WAAI,aAAA;AACT,QAAIR,UAAS;AACX,aAAOP,QAAQgB,OAAOnB,GAAAA;IACxB,OAAO;AACL,aAAOG,QAAQiB,QAAQpB,GAAAA;IACzB;AAEA,WAAOK,OAAOgB,uBAAuBC,WAAW;MAC9C3B,MAAM;MACN4B,YAAY;QACVC,QAAQxB;QACRU,SAAAA;MACF;IACF,CAAA;EACF,CAAA,EAAGe,KAAKC,mBAAAA,GACV;IAACrB;IAAQF;GAAQ;AAGnB,QAAMwB,cAAcV,YAClB,CAACW,aACCtB,cAAcuB,gBAAgBC,MAAM;;IAElCC,SAAS;MAACH,SAASI,WAAW,KAAK,GAAA;;IACnCC,SAASjC;IACTkC,aAAa;EACf,CAAA,GACF;IAAC5B;IAAeN;GAAG;AAGrB,QAAMmC,cAAclB,YAAY,CAACW,aAAqBhB,YAAYwB,KAAK,CAACC,MAAMA,EAAEC,WAAWV,QAAAA,GAAW;IAAChB;GAAY;AAEnH,QAAM2B,iBAAiBtB,YACrB,CAACW,aAAqBtB,cAAckC,kBAAkBV,MAAM;IAAEN,QAAQI;EAAS,CAAA,GAC/E;IAACtB;GAAc;AAGjB,SACE,sBAAA,cAACmC,WAAWC,MAAI;IAACC,aAAY;KAC3B,sBAAA,cAACF,WAAWG,UAAQ,MAClB,sBAAA,cAACC,YAAAA;IACC5C;IACAS;IACAoC,SAASnB;IACToB,UAAU/B;IACVmB;IACAa,YAAYT;;AAKtB;;;AC/EA,IAAA,yBAAeU;",
-  "names": ["useAtomValue", "Effect", "React", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "usePluginManager", "AppCapabilities", "LayoutOperation", "SettingsOperation", "runAndForwardErrors", "ObservabilityOperation", "ScrollArea", "sortByPluginMeta", "meta", "name", "a", "b", "localeCompare", "PluginRegistry", "id", "plugins", "pluginsProp", "manager", "usePluginManager", "invoke", "invokePromise", "useOperationInvoker", "useMemo", "sort", "enabled", "useAtomValue", "allSettings", "useCapabilities", "AppCapabilities", "Settings", "handleChange", "useCallback", "gen", "enable", "disable", "ObservabilityOperation", "SendEvent", "properties", "plugin", "pipe", "runAndForwardErrors", "handleClick", "pluginId", "LayoutOperation", "Open", "subject", "replaceAll", "pivotId", "positioning", "hasSettings", "some", "s", "prefix", "handleSettings", "SettingsOperation", "ScrollArea", "Root", "orientation", "Viewport", "PluginList", "onClick", "onChange", "onSettings", "PluginRegistry"]
-}