@dxos/plugin-registry 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/src/translations.ts

@@ -4,26 +4,75 @@
 
 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',
+        'description.label': 'Description',
+        'preview.label': 'Preview',
+        'home-page.label': 'Website',
+        'source.label': 'Source',
+        'resources.label': 'Resources',
+        'plugin-registry.label': 'Plugins',
+        'plugin-settings.label': 'Plugin Settings',
+        'bundled-plugins.label': 'Bundled',
+        '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',
+        'dependencies.label': 'Dependencies',
+        'dependents.label': 'Required by',
+        'spec.label': 'Specification',
+        'open-spec.label': 'Open Specification',
+        'disable-dependents-dialog.title': 'Disable dependent plugins?',
+        'disable-dependents-dialog.description':
+          'Disabling {{plugin}} will also disable the following plugins that depend on it:',
+        'disable-dependents-dialog.confirm.label': 'Disable',
+        'cancel.label': 'Cancel',
       },
     },
   },

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"]
-}

package/dist/lib/browser/app-graph-builder-2HXD7SOS.mjs

@@ -1,167 +0,0 @@
-import {
-  REGISTRY_ID,
-  REGISTRY_KEY,
-  meta
-} from "./chunk-VOAOTNGS.mjs";
-
-// src/capabilities/app-graph-builder/app-graph-builder.ts
-import * as Effect from "effect/Effect";
-import { Capabilities, Capability } from "@dxos/app-framework";
-import { AppCapabilities, SettingsOperation } from "@dxos/app-toolkit";
-import { Operation } from "@dxos/operation";
-import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
-var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
-  const capabilities = yield* Capability.Service;
-  const extensions = yield* Effect.all([
-    GraphBuilder.createExtension({
-      id: meta.id,
-      match: NodeMatcher.whenRoot,
-      actions: () => Effect.succeed([
-        {
-          id: meta.id,
-          data: () => Operation.invoke(SettingsOperation.OpenPluginRegistry),
-          properties: {
-            label: [
-              "open plugin registry label",
-              {
-                ns: meta.id
-              }
-            ],
-            icon: "ph--squares-four--regular",
-            disposition: "menu"
-          }
-        }
-      ])
-    }),
-    GraphBuilder.createExtension({
-      id: meta.id,
-      match: NodeMatcher.whenRoot,
-      connector: () => Effect.succeed([
-        {
-          id: REGISTRY_ID,
-          type: meta.id,
-          properties: {
-            label: [
-              "plugin registry label",
-              {
-                ns: meta.id
-              }
-            ],
-            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: meta.id
-                  }
-                ],
-                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: meta.id
-                  }
-                ],
-                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: meta.id
-                  }
-                ],
-                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: meta.id
-                  }
-                ],
-                icon: "ph--flask--regular",
-                key: REGISTRY_KEY,
-                testId: "pluginRegistry.labs"
-              }
-            }
-          ]
-        }
-      ])
-    }),
-    GraphBuilder.createExtension({
-      id: `${meta.id}/actions`,
-      match: NodeMatcher.whenId(REGISTRY_ID),
-      actions: () => Effect.succeed([
-        {
-          id: `${meta.id}/load-by-url`,
-          data: Effect.fnUntraced(function* () {
-          }),
-          properties: {
-            label: [
-              "load by url label",
-              {
-                ns: meta.id
-              }
-            ],
-            icon: "ph--cloud-arrow-down--regular",
-            disabled: true
-          }
-        }
-      ])
-    }),
-    GraphBuilder.createExtension({
-      id: `${meta.id}/plugins`,
-      match: NodeMatcher.whenId(REGISTRY_ID),
-      connector: () => {
-        const manager = capabilities.get(Capabilities.PluginManager);
-        return Effect.succeed(manager.getPlugins().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"
-          }
-        })));
-      }
-    })
-  ]);
-  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
-}));
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-2HXD7SOS.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { AppCapabilities, SettingsOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\n\nimport { REGISTRY_ID, REGISTRY_KEY, meta } from '../../meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const capabilities = yield* Capability.Service;\n\n    const extensions = yield* Effect.all([\n      GraphBuilder.createExtension({\n        id: meta.id,\n        match: NodeMatcher.whenRoot,\n        actions: () =>\n          Effect.succeed([\n            {\n              id: meta.id,\n              data: () => Operation.invoke(SettingsOperation.OpenPluginRegistry),\n              properties: {\n                label: ['open plugin registry label', { ns: meta.id }],\n                icon: 'ph--squares-four--regular',\n                disposition: 'menu',\n              },\n            },\n          ]),\n      }),\n      GraphBuilder.createExtension({\n        id: meta.id,\n        match: NodeMatcher.whenRoot,\n        connector: () =>\n          Effect.succeed([\n            {\n              id: REGISTRY_ID,\n              type: meta.id,\n              properties: {\n                label: ['plugin registry label', { ns: meta.id }],\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' as const,\n                  data: `${REGISTRY_KEY}>all`,\n                  properties: {\n                    label: ['all plugins label', { ns: meta.id }],\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' as const,\n                  data: `${REGISTRY_KEY}>installed`,\n                  properties: {\n                    label: ['installed plugins label', { ns: meta.id }],\n                    icon: 'ph--check--regular',\n                    key: REGISTRY_KEY,\n                    testId: 'pluginRegistry.installed',\n                  },\n                },\n                {\n                  id: `${REGISTRY_KEY}>recommended`,\n                  type: 'category' as const,\n                  data: `${REGISTRY_KEY}>recommended`,\n                  properties: {\n                    label: ['recommended plugins label', { ns: meta.id }],\n                    icon: 'ph--star--regular',\n                    key: REGISTRY_KEY,\n                    testId: 'pluginRegistry.recommended',\n                  },\n                },\n                {\n                  id: `${REGISTRY_KEY}>labs`,\n                  type: 'category' as const,\n                  data: `${REGISTRY_KEY}>labs`,\n                  properties: {\n                    label: ['labs plugins label', { ns: meta.id }],\n                    icon: 'ph--flask--regular',\n                    key: REGISTRY_KEY,\n                    testId: 'pluginRegistry.labs',\n                  },\n                },\n              ],\n            },\n          ]),\n      }),\n      GraphBuilder.createExtension({\n        id: `${meta.id}/actions`,\n        match: NodeMatcher.whenId(REGISTRY_ID),\n        actions: () =>\n          Effect.succeed([\n            {\n              id: `${meta.id}/load-by-url`,\n              data: Effect.fnUntraced(function* () {}),\n              properties: {\n                label: ['load by url label', { ns: meta.id }],\n                icon: 'ph--cloud-arrow-down--regular',\n                disabled: true,\n              },\n            },\n          ]),\n      }),\n      GraphBuilder.createExtension({\n        id: `${meta.id}/plugins`,\n        match: NodeMatcher.whenId(REGISTRY_ID),\n        connector: () => {\n          const manager = capabilities.get(Capabilities.PluginManager);\n          return Effect.succeed(\n            manager.getPlugins().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        },\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
-  "mappings": "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",
-  "names": ["Effect", "Capabilities", "Capability", "AppCapabilities", "SettingsOperation", "Operation", "GraphBuilder", "NodeMatcher", "Capability", "makeModule", "fnUntraced", "capabilities", "Service", "extensions", "all", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "actions", "succeed", "data", "Operation", "invoke", "SettingsOperation", "OpenPluginRegistry", "properties", "label", "ns", "icon", "disposition", "connector", "REGISTRY_ID", "type", "testId", "nodes", "REGISTRY_KEY", "key", "whenId", "disabled", "manager", "get", "Capabilities", "PluginManager", "getPlugins", "map", "plugin", "replaceAll", "name", "contributes", "AppCapabilities", "AppGraphBuilder"]
-}

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

@@ -1,191 +0,0 @@
-import {
-  meta
-} from "./chunk-VOAOTNGS.mjs";
-
-// src/components/PluginDetail/PluginDetail.tsx
-import React from "react";
-import { Icon, Input, Link, useTranslation } from "@dxos/react-ui";
-import { ScrollArea } from "@dxos/react-ui";
-import { getStyles, mx } from "@dxos/ui-theme";
-var PluginDetail = ({ plugin, enabled, onEnabledChange }) => {
-  const { t } = useTranslation(meta.id);
-  const { id, name, description, homePage, source, screenshots, icon = "ph--circle--regular", iconHue = "neutral" } = plugin.meta;
-  const styles = getStyles(iconHue);
-  return /* @__PURE__ */ React.createElement(ScrollArea.Root, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "dx-article grid grid-cols-[min-content_1fr] gap-4 p-4"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    classNames: mx("p-1 rounded-md", styles.fill, styles.surfaceText),
-    icon,
-    size: 14
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-6"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "grid grid-cols-[1fr_min-content] gap-x-3 w-full pt-1"
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "text-xl"
-  }, name), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
-    classNames: "self-center",
-    checked: enabled,
-    onCheckedChange: onEnabledChange
-  })), /* @__PURE__ */ React.createElement("p", {
-    className: "pt-0.5 text-sm text-description"
-  }, id)), /* @__PURE__ */ React.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, description)), screenshots && screenshots.length > 0 && /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-2"
-  }, /* @__PURE__ */ React.createElement("h2", null, "Preview"), /* @__PURE__ */ React.createElement("img", {
-    src: screenshots[0],
-    alt: name,
-    className: "aspect-video object-fit"
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-2"
-  }, /* @__PURE__ */ React.createElement("h2", null, "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 mx-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 mx-1"
-  }))))))));
-};
-
-// src/components/PluginList/PluginList.tsx
-import React3 from "react";
-import { List } from "@dxos/react-ui";
-
-// src/components/PluginList/PluginItem.tsx
-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 { mx as mx2 } from "@dxos/ui-theme";
-import { getStyles as getStyles2 } from "@dxos/ui-theme";
-var PluginItem = ({ plugin, enabled = [], onClick, onChange, hasSettings: hasSettingsProp, onSettings }) => {
-  const { t } = useTranslation2(meta.id);
-  const { id, name, description, tags, icon = "ph--circle--regular", iconHue = "neutral" } = 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 = hasSettingsProp?.(id) ?? false;
-  const handleSettings = useCallback(() => onSettings?.(id), [
-    id,
-    onSettings
-  ]);
-  const styles = getStyles2(iconHue);
-  const gridCols = "grid grid-cols-[5rem_1fr]";
-  const gridRows = "grid grid-rows-[40px_1fr_min-content_40px]";
-  return /* @__PURE__ */ React2.createElement(ListItem.Root, {
-    key: id,
-    labelId,
-    "data-testid": `pluginList.${id}`,
-    "aria-describedby": descriptionId,
-    classNames: mx2(gridCols, "h-[12rem] w-full gap-3 pe-2 bg-modal-surface rounded-md overflow-hidden")
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: mx2(gridRows, "justify-center rounded-l-md", styles.surface)
-  }, /* @__PURE__ */ React2.createElement(Icon2, {
-    classNames: mx2("row-start-2 cursor-pointer", styles.surfaceText),
-    icon,
-    size: 14,
-    onClick: handleClick
-  })), /* @__PURE__ */ React2.createElement("div", {
-    className: mx2(gridRows)
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "flex items-center overflow-hidden cursor-pointer",
-    onClick: handleClick
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "text-lg truncate"
-  }, name ?? id)), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("p", {
-    className: mx2("text-description", "line-clamp-4 min-w-0")
-  }, description)), /* @__PURE__ */ React2.createElement("div", {
-    className: "flex -ms-0.5 overflow-x-auto scrollbar-none"
-  }, tags?.map((tag) => /* @__PURE__ */ React2.createElement(Tag, {
-    key: tag,
-    palette: tagColors[tag],
-    classNames: "text-xs uppercase font-thin"
-  }, tag))), /* @__PURE__ */ React2.createElement("div", {
-    className: "flex gap-2 items-center text-sm"
-  }, /* @__PURE__ */ React2.createElement(IconButton, {
-    "aria-describedby": descriptionId,
-    classNames: "cursor-pointer",
-    icon: "ph--gear--regular",
-    label: t("settings label"),
-    iconOnly: true,
-    size: 4,
-    onClick: handleSettings,
-    disabled: !hasSettings
-  }), /* @__PURE__ */ React2.createElement(Link2, {
-    "aria-describedby": descriptionId,
-    classNames: "text-description cursor-pointer",
-    onClick: handleClick
-  }, t("details label")), /* @__PURE__ */ React2.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ React2.createElement("div", {
-    className: "pe-1"
-  }, /* @__PURE__ */ React2.createElement(Input2.Root, {
-    id: inputId
-  }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
-    classNames: "self-center",
-    checked: isEnabled,
-    onClick: handleChange
-  }))))));
-};
-var tagColors = {
-  new: "rose",
-  beta: "teal",
-  labs: "blue",
-  popular: "green",
-  featured: "pink",
-  experimental: "amber"
-};
-
-// src/components/PluginList/PluginList.tsx
-var PluginList = ({ plugins = [], ...props }) => {
-  return /* @__PURE__ */ React3.createElement(List, {
-    classNames: "grid grid-cols-[repeat(auto-fill,minmax(18rem,1fr))] auto-rows-[max-content] gap-4 p-4"
-  }, plugins.map((plugin) => /* @__PURE__ */ React3.createElement(PluginItem, {
-    key: plugin.meta.id,
-    plugin,
-    ...props
-  })));
-};
-
-export {
-  PluginDetail,
-  PluginList
-};
-//# sourceMappingURL=chunk-TSNK3SAR.mjs.map