@dxos/plugin-registry 0.8.4-main.1da679c → 0.8.4-main.21d9917

package/src/types.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Schema } from 'effect';
+import * as Schema from 'effect/Schema';
 
 export const RegistrySettingsSchema = Schema.mutable(
   Schema.Struct({
@@ -11,3 +11,7 @@ export const RegistrySettingsSchema = Schema.mutable(
 );
 
 export type RegistrySettings = Schema.Schema.Type<typeof RegistrySettingsSchema>;
+
+export const RegistryTagType = Schema.Literal('new', 'beta', 'labs', 'popular', 'featured', 'experimental');
+
+export type RegistryTagType = Schema.Schema.Type<typeof RegistryTagType>;

package/dist/lib/browser/app-graph-builder-GIZIPBS7.mjs

@@ -1,161 +0,0 @@
-import {
-  REGISTRY_ID,
-  REGISTRY_KEY,
-  REGISTRY_PLUGIN
-} from "./chunk-AEBASNOI.mjs";
-
-// src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
-import { Capabilities, SettingsAction, contributes, createIntent } from "@dxos/app-framework";
-import { createExtension } from "@dxos/plugin-graph";
-var app_graph_builder_default = ((context) => contributes(Capabilities.AppGraphBuilder, [
-  createExtension({
-    id: REGISTRY_PLUGIN,
-    actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === "root" ? Option.some(node2) : Option.none()), Option.map((node2) => [
-      {
-        id: REGISTRY_PLUGIN,
-        data: async () => {
-          const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-          await dispatch(createIntent(SettingsAction.OpenPluginRegistry));
-        },
-        properties: {
-          label: [
-            "open plugin registry label",
-            {
-              ns: REGISTRY_PLUGIN
-            }
-          ],
-          icon: "ph--squares-four--regular",
-          disposition: "menu"
-        }
-      }
-    ]), Option.getOrElse(() => [])))
-  }),
-  createExtension({
-    id: REGISTRY_PLUGIN,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === "root" ? Option.some(node2) : Option.none()), Option.map((node2) => [
-      {
-        id: REGISTRY_ID,
-        type: REGISTRY_PLUGIN,
-        properties: {
-          label: [
-            "plugin registry label",
-            {
-              ns: REGISTRY_PLUGIN
-            }
-          ],
-          icon: "ph--squares-four--regular",
-          disposition: "pin-end",
-          testId: "treeView.pluginRegistry"
-        },
-        nodes: [
-          {
-            id: `${REGISTRY_KEY}+all`,
-            type: "category",
-            data: `${REGISTRY_KEY}+all`,
-            properties: {
-              label: [
-                "all plugins label",
-                {
-                  ns: REGISTRY_PLUGIN
-                }
-              ],
-              icon: "ph--squares-four--regular",
-              key: REGISTRY_KEY,
-              testId: "pluginRegistry.all"
-            }
-          },
-          {
-            id: `${REGISTRY_KEY}+installed`,
-            type: "category",
-            data: `${REGISTRY_KEY}+installed`,
-            properties: {
-              label: [
-                "installed plugins label",
-                {
-                  ns: REGISTRY_PLUGIN
-                }
-              ],
-              icon: "ph--check--regular",
-              key: REGISTRY_KEY,
-              testId: "pluginRegistry.installed"
-            }
-          },
-          {
-            id: `${REGISTRY_KEY}+recommended`,
-            type: "category",
-            data: `${REGISTRY_KEY}+recommended`,
-            properties: {
-              label: [
-                "recommended plugins label",
-                {
-                  ns: REGISTRY_PLUGIN
-                }
-              ],
-              icon: "ph--star--regular",
-              key: REGISTRY_KEY,
-              testId: "pluginRegistry.recommended"
-            }
-          },
-          {
-            id: `${REGISTRY_KEY}+labs`,
-            type: "category",
-            data: `${REGISTRY_KEY}+labs`,
-            properties: {
-              label: [
-                "labs plugins label",
-                {
-                  ns: REGISTRY_PLUGIN
-                }
-              ],
-              icon: "ph--flask--regular",
-              key: REGISTRY_KEY,
-              testId: "pluginRegistry.labs"
-            }
-          }
-        ]
-      }
-    ]), Option.getOrElse(() => [])))
-  }),
-  createExtension({
-    id: `${REGISTRY_PLUGIN}/actions`,
-    actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === REGISTRY_ID ? Option.some(node2) : Option.none()), Option.map(() => [
-      {
-        id: `${REGISTRY_PLUGIN}/load-by-url`,
-        data: async () => {
-        },
-        properties: {
-          label: [
-            "load by url label",
-            {
-              ns: REGISTRY_PLUGIN
-            }
-          ],
-          icon: "ph--cloud-arrow-down--regular",
-          disabled: true
-        }
-      }
-    ]), Option.getOrElse(() => [])))
-  }),
-  createExtension({
-    id: `${REGISTRY_PLUGIN}/plugins`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === REGISTRY_ID ? Option.some(node2) : Option.none()), Option.map(() => {
-      const manager = context.getCapability(Capabilities.PluginManager);
-      return manager.plugins.map((plugin) => ({
-        id: plugin.meta.id.replaceAll("/", ":"),
-        type: "dxos.org/plugin",
-        data: plugin,
-        properties: {
-          label: plugin.meta.name ?? plugin.meta.id,
-          icon: plugin.meta.icon ?? "ph--circle--regular",
-          disposition: "hidden"
-        }
-      }));
-    }), Option.getOrElse(() => [])))
-  })
-]));
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-GIZIPBS7.mjs.map

package/dist/lib/browser/app-graph-builder-GIZIPBS7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, type PluginContext, SettingsAction, contributes, createIntent } from '@dxos/app-framework';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { REGISTRY_ID, REGISTRY_KEY, REGISTRY_PLUGIN } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: REGISTRY_PLUGIN,\n      actions: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: REGISTRY_PLUGIN,\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  await dispatch(createIntent(SettingsAction.OpenPluginRegistry));\n                },\n                properties: {\n                  label: ['open plugin registry label', { ns: REGISTRY_PLUGIN }],\n                  icon: 'ph--squares-four--regular',\n                  disposition: 'menu',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: REGISTRY_PLUGIN,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: REGISTRY_ID,\n                type: REGISTRY_PLUGIN,\n                properties: {\n                  label: ['plugin registry label', { ns: REGISTRY_PLUGIN }],\n                  icon: 'ph--squares-four--regular',\n                  disposition: 'pin-end',\n                  testId: 'treeView.pluginRegistry',\n                },\n                nodes: [\n                  {\n                    id: `${REGISTRY_KEY}+all`,\n                    type: 'category',\n                    data: `${REGISTRY_KEY}+all`,\n                    properties: {\n                      label: ['all plugins label', { ns: REGISTRY_PLUGIN }],\n                      icon: 'ph--squares-four--regular',\n                      key: REGISTRY_KEY,\n                      testId: 'pluginRegistry.all',\n                    },\n                  },\n                  {\n                    id: `${REGISTRY_KEY}+installed`,\n                    type: 'category',\n                    data: `${REGISTRY_KEY}+installed`,\n                    properties: {\n                      label: ['installed plugins label', { ns: REGISTRY_PLUGIN }],\n                      icon: 'ph--check--regular',\n                      key: REGISTRY_KEY,\n                      testId: 'pluginRegistry.installed',\n                    },\n                  },\n                  {\n                    id: `${REGISTRY_KEY}+recommended`,\n                    type: 'category',\n                    data: `${REGISTRY_KEY}+recommended`,\n                    properties: {\n                      label: ['recommended plugins label', { ns: REGISTRY_PLUGIN }],\n                      icon: 'ph--star--regular',\n                      key: REGISTRY_KEY,\n                      testId: 'pluginRegistry.recommended',\n                    },\n                  },\n                  {\n                    id: `${REGISTRY_KEY}+labs`,\n                    type: 'category',\n                    data: `${REGISTRY_KEY}+labs`,\n                    properties: {\n                      label: ['labs plugins label', { ns: REGISTRY_PLUGIN }],\n                      icon: 'ph--flask--regular',\n                      key: REGISTRY_KEY,\n                      testId: 'pluginRegistry.labs',\n                    },\n                  },\n                ],\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${REGISTRY_PLUGIN}/actions`,\n      actions: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),\n            Option.map(() => [\n              {\n                id: `${REGISTRY_PLUGIN}/load-by-url`,\n                data: async () => {},\n                properties: {\n                  label: ['load by url label', { ns: REGISTRY_PLUGIN }],\n                  icon: 'ph--cloud-arrow-down--regular',\n                  disabled: true,\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${REGISTRY_PLUGIN}/plugins`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),\n            Option.map(() => {\n              const manager = context.getCapability(Capabilities.PluginManager);\n              return manager.plugins.map((plugin) => ({\n                id: plugin.meta.id.replaceAll('/', ':'),\n                type: 'dxos.org/plugin',\n                data: plugin,\n                properties: {\n                  label: plugin.meta.name ?? plugin.meta.id,\n                  icon: plugin.meta.icon ?? 'ph--circle--regular',\n                  disposition: 'hidden',\n                },\n              }));\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
-  "mappings": "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",
-  "names": ["Rx", "Option", "pipe", "Capabilities", "SettingsAction", "contributes", "createIntent", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "REGISTRY_PLUGIN", "actions", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "some", "none", "map", "data", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "createIntent", "SettingsAction", "OpenPluginRegistry", "properties", "label", "ns", "icon", "disposition", "getOrElse", "connector", "REGISTRY_ID", "type", "testId", "nodes", "REGISTRY_KEY", "key", "disabled", "manager", "PluginManager", "plugins", "plugin", "meta", "replaceAll", "name"]
-}

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

@@ -1,16 +0,0 @@
-// src/meta.ts
-var REGISTRY_PLUGIN = "dxos.org/plugin/registry";
-var REGISTRY_ID = "!dxos:plugin-registry";
-var REGISTRY_KEY = "plugin-registry";
-var meta = {
-  id: REGISTRY_PLUGIN,
-  name: "Plugins"
-};
-
-export {
-  REGISTRY_PLUGIN,
-  REGISTRY_ID,
-  REGISTRY_KEY,
-  meta
-};
-//# sourceMappingURL=chunk-AEBASNOI.mjs.map

package/dist/lib/browser/chunk-AEBASNOI.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\n// TODO(wittjosiah): Deck does not currently support `/` in ids.\n// TODO(wittjosiah): This is a hack to prevent the previous deck from being set for pinned items.\n//  Ideally this should be worked into the data model in a generic way.\nexport const REGISTRY_ID = '!dxos:plugin-registry';\nexport const REGISTRY_KEY = 'plugin-registry';\n\nexport const meta: PluginMeta = {\n  id: REGISTRY_PLUGIN,\n  name: 'Plugins',\n};\n"],
-  "mappings": ";AAMO,IAAMA,kBAAkB;AAKxB,IAAMC,cAAc;AACpB,IAAMC,eAAe;AAErB,IAAMC,OAAmB;EAC9BC,IAAIJ;EACJK,MAAM;AACR;",
-  "names": ["REGISTRY_PLUGIN", "REGISTRY_ID", "REGISTRY_KEY", "meta", "id", "name"]
-}

package/dist/lib/browser/intent-resolver-APB5WWH4.mjs

@@ -1,23 +0,0 @@
-import {
-  REGISTRY_ID
-} from "./chunk-AEBASNOI.mjs";
-
-// src/capabilities/intent-resolver.ts
-import { Capabilities, LayoutAction, SettingsAction, contributes, createIntent, createResolver } from "@dxos/app-framework";
-var intent_resolver_default = (() => contributes(Capabilities.IntentResolver, createResolver({
-  intent: SettingsAction.OpenPluginRegistry,
-  resolve: () => {
-    return {
-      intents: [
-        createIntent(LayoutAction.SwitchWorkspace, {
-          part: "workspace",
-          subject: REGISTRY_ID
-        })
-      ]
-    };
-  }
-})));
-export {
-  intent_resolver_default as default
-};
-//# sourceMappingURL=intent-resolver-APB5WWH4.mjs.map

package/dist/lib/browser/intent-resolver-APB5WWH4.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/intent-resolver.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  Capabilities,\n  LayoutAction,\n  SettingsAction,\n  contributes,\n  createIntent,\n  createResolver,\n} from '@dxos/app-framework';\n\nimport { REGISTRY_ID } from '../meta';\n\nexport default () =>\n  contributes(\n    Capabilities.IntentResolver,\n    createResolver({\n      intent: SettingsAction.OpenPluginRegistry,\n      resolve: () => {\n        return {\n          intents: [createIntent(LayoutAction.SwitchWorkspace, { part: 'workspace', subject: REGISTRY_ID })],\n        };\n      },\n    }),\n  );\n"],
-  "mappings": ";;;;;AAIA,SACEA,cACAC,cACAC,gBACAC,aACAC,cACAC,sBACK;AAIP,IAAA,2BAAe,MACbC,YACEC,aAAaC,gBACbC,eAAe;EACbC,QAAQC,eAAeC;EACvBC,SAAS,MAAA;AACP,WAAO;MACLC,SAAS;QAACC,aAAaC,aAAaC,iBAAiB;UAAEC,MAAM;UAAaC,SAASC;QAAY,CAAA;;IACjG;EACF;AACF,CAAA,CAAA;",
-  "names": ["Capabilities", "LayoutAction", "SettingsAction", "contributes", "createIntent", "createResolver", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "SettingsAction", "OpenPluginRegistry", "resolve", "intents", "createIntent", "LayoutAction", "SwitchWorkspace", "part", "subject", "REGISTRY_ID"]
-}

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

@@ -1,335 +0,0 @@
-import {
-  REGISTRY_KEY,
-  REGISTRY_PLUGIN
-} from "./chunk-AEBASNOI.mjs";
-
-// src/capabilities/react-surface.tsx
-import React5, { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { Capabilities as Capabilities2, Plugin, contributes, createSurface, usePluginManager as usePluginManager2 } from "@dxos/app-framework";
-
-// src/components/PluginDetail.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { Icon, Input, Link, useTranslation } from "@dxos/react-ui";
-import { StackItem } from "@dxos/react-ui-stack";
-var PluginDetail = ({ plugin, enabled, onEnable }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(REGISTRY_PLUGIN);
-    const { id, name, description, homePage, source, screenshots } = plugin.meta;
-    return /* @__PURE__ */ React.createElement(StackItem.Content, {
-      classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "container-max-width p-4"
-    }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "flex justify-between items-center"
-    }, /* @__PURE__ */ React.createElement("p", null, id), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
-      classNames: "self-center",
-      checked: enabled,
-      onClick: onEnable
-    }))), screenshots && screenshots.length > 0 && /* @__PURE__ */ React.createElement("div", {
-      role: "none"
-    }, /* @__PURE__ */ React.createElement("h1", {
-      className: "text-lg mb-2"
-    }, "Preview"), /* @__PURE__ */ React.createElement("img", {
-      src: screenshots[0],
-      alt: name,
-      className: "aspect-video object-fit"
-    })), /* @__PURE__ */ React.createElement("div", {
-      role: "none"
-    }, /* @__PURE__ */ React.createElement("p", null, description)), /* @__PURE__ */ React.createElement("div", {
-      role: "none"
-    }, /* @__PURE__ */ React.createElement("h1", {
-      className: "text-lg mb-2"
-    }, "Resources"), /* @__PURE__ */ React.createElement("div", {
-      className: "flex gap-2"
-    }, homePage && /* @__PURE__ */ React.createElement(Link, {
-      href: homePage,
-      target: "_blank",
-      rel: "noreferrer",
-      classNames: "text-sm 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",
-      classNames: "text-sm text-description"
-    }, t("source label"), /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--arrow-square-out--bold",
-      size: 3,
-      classNames: "inline-block leading-none mli-1"
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/PluginList.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { List } from "@dxos/react-ui";
-
-// src/components/PluginItem.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2, { useCallback } from "react";
-import { Icon as Icon2, IconButton, Input as Input2, Link as Link2, ListItem, Tag, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { descriptionText, mx } from "@dxos/react-ui-theme";
-var PluginItem = ({ plugin, enabled = [], onClick, onChange, hasSettings: _hasSettings, onSettings }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(REGISTRY_PLUGIN);
-    const { id, name, description, tags, icon = "ph--circle--regular" } = plugin.meta;
-    const isEnabled = enabled.includes(id);
-    const inputId = `${id}-input`;
-    const labelId = `${id}-label`;
-    const descriptionId = `${id}-description`;
-    const handleClick = useCallback(() => onClick?.(id), [
-      id,
-      onClick
-    ]);
-    const handleChange = useCallback((event) => {
-      event.stopPropagation();
-      onChange?.(id, !isEnabled);
-    }, [
-      id,
-      isEnabled,
-      onChange
-    ]);
-    const hasSettings = _hasSettings?.(id) ?? false;
-    const handleSettings = useCallback(() => onSettings?.(id), [
-      id,
-      onSettings
-    ]);
-    return /* @__PURE__ */ React2.createElement(ListItem.Root, {
-      key: id,
-      labelId,
-      "data-testid": `pluginList.${id}`,
-      "aria-describedby": descriptionId,
-      // TODO(burdon): Use Rail vars.
-      classNames: "is-full bs-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr_32px] p-1 border border-separator rounded-md"
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-col grow justify-center items-center"
-    }, /* @__PURE__ */ React2.createElement(Icon2, {
-      icon,
-      size: 6,
-      onClick: handleClick,
-      classNames: "text-subdued cursor-pointer"
-    })), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex items-center overflow-hidden cursor-pointer",
-      onClick: handleClick
-    }, /* @__PURE__ */ React2.createElement("span", {
-      className: "truncate"
-    }, name ?? id)), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex justify-center items-center"
-    }, /* @__PURE__ */ React2.createElement(Input2.Root, {
-      id: inputId
-    }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
-      classNames: "self-center",
-      checked: isEnabled,
-      onClick: handleChange
-    }))), /* @__PURE__ */ React2.createElement("div", null), (description || tags) && /* @__PURE__ */ React2.createElement("div", {
-      id: descriptionId,
-      className: "col-span-2 flex flex-col w-full justify-between gap-2 pb-2"
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "grow"
-    }, /* @__PURE__ */ React2.createElement("p", {
-      className: mx(descriptionText, "line-clamp-3 min-w-0 pie-2")
-    }, description)), tags && tags.length > 0 && /* @__PURE__ */ React2.createElement("div", null, tags.map((tag) => /* @__PURE__ */ React2.createElement(Tag, {
-      key: tag,
-      palette: "indigo",
-      classNames: "text-xs capitalize"
-    }, tag)))), /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex gap-2 items-center pie-1"
-    }, /* @__PURE__ */ React2.createElement(Link2, {
-      "aria-describedby": descriptionId,
-      classNames: "text-sm text-description cursor-pointer",
-      onClick: handleClick
-    }, t("details label")), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex-1"
-    })), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex justify-center items-center"
-    }, hasSettings && /* @__PURE__ */ React2.createElement(IconButton, {
-      "aria-describedby": descriptionId,
-      classNames: "text-sm text-description cursor-pointer",
-      icon: "ph--gear--regular",
-      label: t("settings label"),
-      iconOnly: true,
-      size: 4,
-      onClick: handleSettings
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/PluginList.tsx
-var PluginList = ({ plugins = [], ...props }) => {
-  var _effect = _useSignals3();
-  try {
-    return /* @__PURE__ */ React3.createElement(List, {
-      classNames: "grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[12rem] gap-3 p-3"
-    }, plugins.map((plugin) => /* @__PURE__ */ React3.createElement("div", {
-      key: plugin.meta.id,
-      className: "flex"
-    }, /* @__PURE__ */ React3.createElement(PluginItem, {
-      plugin,
-      ...props
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/RegistryContainer.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4, { useCallback as useCallback2, useMemo } from "react";
-import { Capabilities, LayoutAction, SettingsAction, createIntent, useCapability, useIntentDispatcher, usePluginManager } from "@dxos/app-framework";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
-import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
-var sortByPluginMeta = ({ meta: { name: a = "" } }, { meta: { name: b = "" } }) => a.localeCompare(b);
-var RegistryContainer = ({ id, plugins: _plugins }) => {
-  var _effect = _useSignals4();
-  try {
-    const manager = usePluginManager();
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const plugins = useMemo(() => _plugins.sort(sortByPluginMeta), [
-      _plugins
-    ]);
-    const settingsStore = useCapability(Capabilities.SettingsStore);
-    const handleChange = useCallback2(async (id2, enabled) => {
-      if (enabled) {
-        await manager.enable(id2);
-      } else {
-        await manager.disable(id2);
-      }
-      await dispatch(createIntent(ObservabilityAction.SendEvent, {
-        name: "plugins.toggle",
-        properties: {
-          plugin: id2,
-          enabled
-        }
-      }));
-    }, [
-      dispatch,
-      manager
-    ]);
-    const handleClick = useCallback2((pluginId) => dispatch(createIntent(LayoutAction.Open, {
-      part: "main",
-      // TODO(wittjosiah): `/` currently is not supported in ids.
-      subject: [
-        pluginId.replaceAll("/", ":")
-      ],
-      options: {
-        pivotId: id,
-        positioning: "end"
-      }
-    })), [
-      dispatch,
-      id
-    ]);
-    const hasSettings = useCallback2((pluginId) => !!settingsStore.getStore(pluginId), [
-      settingsStore
-    ]);
-    const handleSettings = useCallback2((pluginId) => dispatch(createIntent(SettingsAction.Open, {
-      plugin: pluginId
-    })), [
-      dispatch
-    ]);
-    return /* @__PURE__ */ React4.createElement(StackItem2.Content, {
-      classNames: "min-bs-0 overflow-y-auto scrollbar-thin contain-layout"
-    }, /* @__PURE__ */ React4.createElement(PluginList, {
-      plugins,
-      enabled: manager.enabled,
-      onClick: handleClick,
-      onChange: handleChange,
-      hasSettings,
-      onSettings: handleSettings
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/capabilities/react-surface.tsx
-var react_surface_default = (() => contributes(Capabilities2.ReactSurface, [
-  createSurface({
-    id: `${REGISTRY_PLUGIN}/all`,
-    role: "article",
-    filter: (data) => data.subject === `${REGISTRY_KEY}+all`,
-    component: () => {
-      const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);
-      return /* @__PURE__ */ React5.createElement(RegistryContainer, {
-        id: `${REGISTRY_KEY}+all`,
-        plugins: filtered
-      });
-    }
-  }),
-  createSurface({
-    id: `${REGISTRY_PLUGIN}/installed`,
-    role: "article",
-    filter: (data) => data.subject === `${REGISTRY_KEY}+installed`,
-    component: () => {
-      const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)).filter(({ meta }) => manager.enabled.includes(meta.id)), []);
-      return /* @__PURE__ */ React5.createElement(RegistryContainer, {
-        id: `${REGISTRY_KEY}+installed`,
-        plugins: filtered
-      });
-    }
-  }),
-  createSurface({
-    id: `${REGISTRY_PLUGIN}/recommended`,
-    role: "article",
-    filter: (data) => data.subject === `${REGISTRY_KEY}+recommended`,
-    component: () => {
-      const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)).filter(({ meta }) => !meta.tags?.includes("labs")), []);
-      return /* @__PURE__ */ React5.createElement(RegistryContainer, {
-        id: `${REGISTRY_KEY}+recommended`,
-        plugins: filtered
-      });
-    }
-  }),
-  createSurface({
-    id: `${REGISTRY_PLUGIN}/labs`,
-    role: "article",
-    filter: (data) => data.subject === `${REGISTRY_KEY}+labs`,
-    component: () => {
-      const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => meta.tags?.includes("labs")), []);
-      return /* @__PURE__ */ React5.createElement(RegistryContainer, {
-        id: `${REGISTRY_KEY}+labs`,
-        plugins: filtered
-      });
-    }
-  }),
-  createSurface({
-    id: `${REGISTRY_PLUGIN}/plugin-details`,
-    role: "article",
-    filter: (data) => data.subject instanceof Plugin,
-    component: ({ data: { subject } }) => {
-      const manager = usePluginManager2();
-      const enabled = manager.enabled.includes(subject.meta.id);
-      const handleEnable = useCallback3(() => enabled ? manager.disable(subject.meta.id) : manager.enable(subject.meta.id), [
-        manager,
-        subject.meta.id,
-        enabled
-      ]);
-      return /* @__PURE__ */ React5.createElement(PluginDetail, {
-        plugin: subject,
-        enabled,
-        onEnable: handleEnable
-      });
-    }
-  })
-]));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-C7T4DU6Q.mjs.map