@dxos/plugin-registry 0.8.4-main.72ec0f3 → 0.8.4-main.8360d9e660

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React, { useMemo } from 'react';\n\nimport { Capabilities, Capability, Plugin } from '@dxos/app-framework';\nimport { Surface, usePluginManager } from '@dxos/app-framework/ui';\n\nimport { PluginArticle, PluginRegistry } from '../../containers';\nimport { REGISTRY_KEY, meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: `${meta.id}.all`,\n        role: 'article',\n        filter: (data): data is any => data.subject === `${REGISTRY_KEY}>all`,\n        component: () => {\n          const manager = usePluginManager();\n          const filtered = useMemo(\n            () => manager.getPlugins().filter(({ meta }) => !manager.getCore().includes(meta.id)),\n            [],\n          );\n\n          return <PluginRegistry id={`${REGISTRY_KEY}>all`} plugins={filtered} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.installed`,\n        role: 'article',\n        filter: (data): data is any => data.subject === `${REGISTRY_KEY}>installed`,\n        component: () => {\n          const manager = usePluginManager();\n          const filtered = useMemo(\n            () =>\n              manager\n                .getPlugins()\n                .filter(({ meta }) => !manager.getCore().includes(meta.id))\n                .filter(({ meta }) => manager.getEnabled().includes(meta.id)),\n            [],\n          );\n\n          return <PluginRegistry id={`${REGISTRY_KEY}>installed`} plugins={filtered} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.recommended`,\n        role: 'article',\n        filter: (data): data is any => data.subject === `${REGISTRY_KEY}>recommended`,\n        component: () => {\n          const manager = usePluginManager();\n          const filtered = useMemo(\n            () =>\n              manager\n                .getPlugins()\n                .filter(({ meta }) => !manager.getCore().includes(meta.id))\n                .filter(({ meta }) => !meta.tags?.includes('labs')),\n            [],\n          );\n\n          return <PluginRegistry id={`${REGISTRY_KEY}>recommended`} plugins={filtered} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.labs`,\n        role: 'article',\n        filter: (data): data is any => data.subject === `${REGISTRY_KEY}>labs`,\n        component: () => {\n          const manager = usePluginManager();\n          const filtered = useMemo(() => manager.getPlugins().filter(({ meta }) => meta.tags?.includes('labs')), []);\n\n          return <PluginRegistry id={`${REGISTRY_KEY}>labs`} plugins={filtered} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.plugin-details`,\n        role: 'article',\n        filter: (data): data is { subject: Plugin.Plugin } => Plugin.isPlugin(data.subject),\n        component: ({ data: { subject } }) => {\n          return <PluginArticle subject={subject} />;\n        },\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const PluginArticle: ComponentType<any> = lazy(() => import('./PluginArticle'));\nexport const PluginRegistry: ComponentType<any> = lazy(() => import('./PluginRegistry'));\n"],
+  "mappings": "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",
+  "names": ["Effect", "React", "useMemo", "Capabilities", "Capability", "Plugin", "Surface", "usePluginManager", "lazy", "PluginArticle", "lazy", "PluginRegistry", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "subject", "REGISTRY_KEY", "component", "manager", "usePluginManager", "filtered", "useMemo", "getPlugins", "getCore", "includes", "PluginRegistry", "plugins", "getEnabled", "tags", "Plugin", "isPlugin", "PluginArticle"]
+}

package/dist/lib/node-esm/PluginArticle-3NEYDKN5.mjs

@@ -0,0 +1,30 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  PluginDetail
+} from "./chunk-BOCFM775.mjs";
+import "./chunk-ENSNUFQK.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-3NEYDKN5.mjs.map

package/dist/lib/node-esm/PluginArticle-3NEYDKN5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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/node-esm/PluginRegistry-BYKWC732.mjs

@@ -0,0 +1,79 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  PluginList
+} from "./chunk-BOCFM775.mjs";
+import {
+  getPluginPath
+} from "./chunk-ENSNUFQK.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, {
+    subject: [
+      getPluginPath(pluginId)
+    ],
+    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-BYKWC732.mjs.map

package/dist/lib/node-esm/PluginRegistry-BYKWC732.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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';\nimport { getPluginPath } from '../../meta';\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        subject: [getPluginPath(pluginId)],\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;AAK3B,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;IAClCC,SAAS;MAACC,cAAcJ,QAAAA;;IACxBK,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", "getPluginPath", "pivotId", "positioning", "hasSettings", "some", "s", "prefix", "handleSettings", "SettingsOperation", "ScrollArea", "Root", "orientation", "Viewport", "PluginList", "onClick", "onChange", "onSettings", "PluginRegistry"]
+}

package/dist/lib/node-esm/app-graph-builder-DBDL5WWF.mjs

@@ -0,0 +1,168 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  REGISTRY_ID,
+  REGISTRY_KEY,
+  meta
+} from "./chunk-ENSNUFQK.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(`root/${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(`root/${REGISTRY_ID}`),
+      connector: () => {
+        const manager = capabilities.get(Capabilities.PluginManager);
+        return Effect.succeed(manager.getPlugins().map((plugin) => ({
+          id: plugin.meta.id,
+          type: "org.dxos.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-DBDL5WWF.mjs.map

package/dist/lib/node-esm/app-graph-builder-DBDL5WWF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "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(`root/${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(`root/${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,\n              type: 'org.dxos.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", "name", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}

package/dist/lib/node-esm/chunk-BOCFM775.mjs

@@ -0,0 +1,192 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-ENSNUFQK.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-document 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-BOCFM775.mjs.map

package/dist/lib/node-esm/chunk-BOCFM775.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/PluginDetail/PluginDetail.tsx", "../../../src/components/PluginList/PluginList.tsx", "../../../src/components/PluginList/PluginItem.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { Icon, Input, Link, useTranslation } from '@dxos/react-ui';\nimport { ScrollArea } from '@dxos/react-ui';\nimport { getStyles, mx } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport type PluginDetailProps = {\n  plugin: Plugin.Plugin;\n  enabled?: boolean;\n  onEnabledChange?: (enabled: boolean) => void;\n};\n\nexport const PluginDetail = ({ plugin, enabled, onEnabledChange }: PluginDetailProps) => {\n  const { t } = useTranslation(meta.id);\n  const {\n    id,\n    name,\n    description,\n    homePage,\n    source,\n    screenshots,\n    icon = 'ph--circle--regular',\n    iconHue = 'neutral',\n  } = plugin.meta;\n  const styles = getStyles(iconHue);\n\n  return (\n    <ScrollArea.Root orientation='vertical'>\n      <ScrollArea.Viewport>\n        <div role='none' className='dx-document grid grid-cols-[min-content_1fr] gap-4 p-4'>\n          <div role='none'>\n            <Icon classNames={mx('p-1 rounded-md', styles.fill, styles.surfaceText)} icon={icon} size={14} />\n          </div>\n          <div role='none' className='flex flex-col gap-6'>\n            <div role='none' className='grid grid-cols-[1fr_min-content] gap-x-3 w-full pt-1'>\n              <h2 className='text-xl'>{name}</h2>\n              <Input.Root>\n                <Input.Switch classNames='self-center' checked={enabled} onCheckedChange={onEnabledChange} />\n              </Input.Root>\n              <p className='pt-0.5 text-sm text-description'>{id}</p>\n            </div>\n            <div role='none'>\n              <p className='text-description'>{description}</p>\n            </div>\n            {screenshots && screenshots.length > 0 && (\n              <div role='none' className='flex flex-col gap-2'>\n                <h2>Preview</h2>\n                <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />\n              </div>\n            )}\n            <div role='none' className='flex flex-col gap-2'>\n              <h2>Resources</h2>\n              <div className='flex gap-2'>\n                {homePage && (\n                  <Link href={homePage} target='_blank' rel='noreferrer' classNames='text-sm text-description'>\n                    {t('home page label')}\n                    <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mx-1' />\n                  </Link>\n                )}\n\n                {source && (\n                  <Link href={source} target='_blank' rel='noreferrer' classNames='text-sm text-description'>\n                    {t('source label')}\n                    <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mx-1' />\n                  </Link>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </ScrollArea.Viewport>\n    </ScrollArea.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { List } from '@dxos/react-ui';\n\nimport { PluginItem, type PluginItemProps } from './PluginItem';\n\nexport type PluginListProps = Omit<PluginItemProps, 'plugin'> & {\n  plugins?: readonly Plugin.Plugin[];\n};\n\nexport const PluginList = ({ plugins = [], ...props }: PluginListProps) => {\n  return (\n    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(18rem,1fr))] auto-rows-[max-content] gap-4 p-4'>\n      {plugins.map((plugin) => (\n        <PluginItem key={plugin.meta.id} plugin={plugin} {...props} />\n      ))}\n    </List>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { type ChromaticPalette, Icon, IconButton, Input, Link, ListItem, Tag, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\nimport { type RegistryTagType } from '../../types';\n\nexport type PluginItemProps = {\n  plugin: Plugin.Plugin;\n  installed?: readonly string[];\n  enabled?: readonly string[];\n  onClick?: (id: string) => void;\n  onChange?: (id: string, enabled: boolean) => void;\n  hasSettings?: (id: string) => boolean;\n  onSettings?: (id: string) => void;\n};\n\nexport const PluginItem = ({\n  plugin,\n  enabled = [],\n  onClick,\n  onChange,\n  hasSettings: hasSettingsProp,\n  onSettings,\n}: PluginItemProps) => {\n  const { t } = useTranslation(meta.id);\n  const { id, name, description, tags, icon = 'ph--circle--regular', iconHue = 'neutral' } = plugin.meta;\n  const isEnabled = enabled.includes(id);\n  const inputId = `${id}-input`;\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  const handleClick = useCallback(() => onClick?.(id), [id, onClick]);\n\n  const handleChange = useCallback(\n    (event: MouseEvent) => {\n      event.stopPropagation();\n      onChange?.(id, !isEnabled);\n    },\n    [id, isEnabled, onChange],\n  );\n\n  const hasSettings = hasSettingsProp?.(id) ?? false;\n  const handleSettings = useCallback(() => onSettings?.(id), [id, onSettings]);\n  const styles = getStyles(iconHue);\n  const gridCols = 'grid grid-cols-[5rem_1fr]';\n  const gridRows = 'grid grid-rows-[40px_1fr_min-content_40px]';\n\n  return (\n    <ListItem.Root\n      key={id}\n      labelId={labelId}\n      data-testid={`pluginList.${id}`}\n      aria-describedby={descriptionId}\n      classNames={mx(gridCols, 'h-[12rem] w-full gap-3 pe-2 bg-modal-surface rounded-md overflow-hidden')}\n    >\n      <div className={mx(gridRows, 'justify-center rounded-l-md', styles.surface)}>\n        <Icon\n          classNames={mx('row-start-2 cursor-pointer', styles.surfaceText)}\n          icon={icon}\n          size={14}\n          onClick={handleClick}\n        />\n      </div>\n\n      <div className={mx(gridRows)}>\n        <div className='flex items-center overflow-hidden cursor-pointer' onClick={handleClick}>\n          <span className='text-lg truncate'>{name ?? id}</span>\n        </div>\n\n        <div>\n          <p className={mx('text-description', 'line-clamp-4 min-w-0')}>{description}</p>\n        </div>\n\n        <div className='flex -ms-0.5 overflow-x-auto scrollbar-none'>\n          {tags?.map((tag) => (\n            <Tag key={tag} palette={tagColors[tag as RegistryTagType]} classNames='text-xs uppercase font-thin'>\n              {tag}\n            </Tag>\n          ))}\n        </div>\n\n        <div className='flex gap-2 items-center text-sm'>\n          <IconButton\n            aria-describedby={descriptionId}\n            classNames='cursor-pointer'\n            icon='ph--gear--regular'\n            label={t('settings label')}\n            iconOnly\n            size={4}\n            onClick={handleSettings}\n            disabled={!hasSettings}\n          />\n\n          <Link aria-describedby={descriptionId} classNames='text-description cursor-pointer' onClick={handleClick}>\n            {t('details label')}\n          </Link>\n\n          <div className='grow' />\n          <div className='pe-1'>\n            <Input.Root id={inputId}>\n              <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />\n            </Input.Root>\n          </div>\n        </div>\n      </div>\n    </ListItem.Root>\n  );\n};\n\nconst tagColors: Record<RegistryTagType, ChromaticPalette> = {\n  new: 'rose',\n  beta: 'teal',\n  labs: 'blue',\n  popular: 'green',\n  featured: 'pink',\n  experimental: 'amber',\n};\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAGlB,SAASC,MAAMC,OAAOC,MAAMC,sBAAsB;AAClD,SAASC,kBAAkB;AAC3B,SAASC,WAAWC,UAAU;AAUvB,IAAMC,eAAe,CAAC,EAAEC,QAAQC,SAASC,gBAAe,MAAqB;AAClF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAM,EACJA,IACAC,MACAC,aACAC,UACAC,QACAC,aACAC,OAAO,uBACPC,UAAU,UAAS,IACjBb,OAAOK;AACX,QAAMS,SAASC,UAAUF,OAAAA;AAEzB,SACE,sBAAA,cAACG,WAAWC,MAAI;IAACC,aAAY;KAC3B,sBAAA,cAACF,WAAWG,UAAQ,MAClB,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;KACR,sBAAA,cAACE,MAAAA;IAAKC,YAAYC,GAAG,kBAAkBX,OAAOY,MAAMZ,OAAOa,WAAW;IAAGf;IAAYgB,MAAM;OAE7F,sBAAA,cAACR,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACO,MAAAA;IAAGP,WAAU;KAAWf,IAAAA,GACzB,sBAAA,cAACuB,MAAMb,MAAI,MACT,sBAAA,cAACa,MAAMC,QAAM;IAACP,YAAW;IAAcQ,SAAS/B;IAASgC,iBAAiB/B;OAE5E,sBAAA,cAACgC,KAAAA;IAAEZ,WAAU;KAAmChB,EAAAA,CAAAA,GAElD,sBAAA,cAACc,OAAAA;IAAIC,MAAK;KACR,sBAAA,cAACa,KAAAA;IAAEZ,WAAU;KAAoBd,WAAAA,CAAAA,GAElCG,eAAeA,YAAYwB,SAAS,KACnC,sBAAA,cAACf,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACO,MAAAA,MAAG,SAAA,GACJ,sBAAA,cAACO,OAAAA;IAAIC,KAAK1B,YAAY,CAAA;IAAI2B,KAAK/B;IAAMe,WAAU;OAGnD,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACO,MAAAA,MAAG,WAAA,GACJ,sBAAA,cAACT,OAAAA;IAAIE,WAAU;KACZb,YACC,sBAAA,cAAC8B,MAAAA;IAAKC,MAAM/B;IAAUgC,QAAO;IAASC,KAAI;IAAalB,YAAW;KAC/DrB,EAAE,iBAAA,GACH,sBAAA,cAACoB,MAAAA;IAAKX,MAAK;IAA6BgB,MAAM;IAAGJ,YAAW;OAI/Dd,UACC,sBAAA,cAAC6B,MAAAA;IAAKC,MAAM9B;IAAQ+B,QAAO;IAASC,KAAI;IAAalB,YAAW;KAC7DrB,EAAE,cAAA,GACH,sBAAA,cAACoB,MAAAA;IAAKX,MAAK;IAA6BgB,MAAM;IAAGJ,YAAW;;AAUhF;;;AC5EA,OAAOmB,YAAW;AAGlB,SAASC,YAAY;;;ACHrB,OAAOC,UAA0BC,mBAAmB;AAGpD,SAAgCC,QAAAA,OAAMC,YAAYC,SAAAA,QAAOC,QAAAA,OAAMC,UAAUC,KAAKC,kBAAAA,uBAAsB;AACpG,SAASC,MAAAA,WAAU;AACnB,SAASC,aAAAA,kBAAiB;AAenB,IAAMC,aAAa,CAAC,EACzBC,QACAC,UAAU,CAAA,GACVC,SACAC,UACAC,aAAaC,iBACbC,WAAU,MACM;AAChB,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,KAAKC,EAAE;AACpC,QAAM,EAAEA,IAAIC,MAAMC,aAAaC,MAAMC,OAAO,uBAAuBC,UAAU,UAAS,IAAKf,OAAOS;AAClG,QAAMO,YAAYf,QAAQgB,SAASP,EAAAA;AACnC,QAAMQ,UAAU,GAAGR,EAAAA;AACnB,QAAMS,UAAU,GAAGT,EAAAA;AACnB,QAAMU,gBAAgB,GAAGV,EAAAA;AACzB,QAAMW,cAAcC,YAAY,MAAMpB,UAAUQ,EAAAA,GAAK;IAACA;IAAIR;GAAQ;AAElE,QAAMqB,eAAeD,YACnB,CAACE,UAAAA;AACCA,UAAMC,gBAAe;AACrBtB,eAAWO,IAAI,CAACM,SAAAA;EAClB,GACA;IAACN;IAAIM;IAAWb;GAAS;AAG3B,QAAMC,cAAcC,kBAAkBK,EAAAA,KAAO;AAC7C,QAAMgB,iBAAiBJ,YAAY,MAAMhB,aAAaI,EAAAA,GAAK;IAACA;IAAIJ;GAAW;AAC3E,QAAMqB,SAASC,WAAUb,OAAAA;AACzB,QAAMc,WAAW;AACjB,QAAMC,WAAW;AAEjB,SACE,gBAAAC,OAAA,cAACC,SAASC,MAAI;IACZC,KAAKxB;IACLS;IACAgB,eAAa,cAAczB,EAAAA;IAC3B0B,oBAAkBhB;IAClBiB,YAAYC,IAAGT,UAAU,yEAAA;KAEzB,gBAAAE,OAAA,cAACQ,OAAAA;IAAIC,WAAWF,IAAGR,UAAU,+BAA+BH,OAAOc,OAAO;KACxE,gBAAAV,OAAA,cAACW,OAAAA;IACCL,YAAYC,IAAG,8BAA8BX,OAAOgB,WAAW;IAC/D7B;IACA8B,MAAM;IACN1C,SAASmB;OAIb,gBAAAU,OAAA,cAACQ,OAAAA;IAAIC,WAAWF,IAAGR,QAAAA;KACjB,gBAAAC,OAAA,cAACQ,OAAAA;IAAIC,WAAU;IAAmDtC,SAASmB;KACzE,gBAAAU,OAAA,cAACc,QAAAA;IAAKL,WAAU;KAAoB7B,QAAQD,EAAAA,CAAAA,GAG9C,gBAAAqB,OAAA,cAACQ,OAAAA,MACC,gBAAAR,OAAA,cAACe,KAAAA;IAAEN,WAAWF,IAAG,oBAAoB,sBAAA;KAA0B1B,WAAAA,CAAAA,GAGjE,gBAAAmB,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACZ3B,MAAMkC,IAAI,CAACC,QACV,gBAAAjB,OAAA,cAACkB,KAAAA;IAAIf,KAAKc;IAAKE,SAASC,UAAUH,GAAAA;IAAyBX,YAAW;KACnEW,GAAAA,CAAAA,CAAAA,GAKP,gBAAAjB,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAACqB,YAAAA;IACChB,oBAAkBhB;IAClBiB,YAAW;IACXvB,MAAK;IACLuC,OAAO9C,EAAE,gBAAA;IACT+C,UAAAA;IACAV,MAAM;IACN1C,SAASwB;IACT6B,UAAU,CAACnD;MAGb,gBAAA2B,OAAA,cAACyB,OAAAA;IAAKpB,oBAAkBhB;IAAeiB,YAAW;IAAkCnC,SAASmB;KAC1Fd,EAAE,eAAA,CAAA,GAGL,gBAAAwB,OAAA,cAACQ,OAAAA;IAAIC,WAAU;MACf,gBAAAT,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAAC0B,OAAMxB,MAAI;IAACvB,IAAIQ;KACd,gBAAAa,OAAA,cAAC0B,OAAMC,QAAM;IAACrB,YAAW;IAAcsB,SAAS3C;IAAWd,SAASqB;;AAOlF;AAEA,IAAM4B,YAAuD;EAC3DS,KAAK;EACLC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC,UAAU;EACVC,cAAc;AAChB;;;AD5GO,IAAMC,aAAa,CAAC,EAAEC,UAAU,CAAA,GAAI,GAAGC,MAAAA,MAAwB;AACpE,SACE,gBAAAC,OAAA,cAACC,MAAAA;IAAKC,YAAW;KACdJ,QAAQK,IAAI,CAACC,WACZ,gBAAAJ,OAAA,cAACK,YAAAA;IAAWC,KAAKF,OAAOG,KAAKC;IAAIJ;IAAiB,GAAGL;;AAI7D;",
+  "names": ["React", "Icon", "Input", "Link", "useTranslation", "ScrollArea", "getStyles", "mx", "PluginDetail", "plugin", "enabled", "onEnabledChange", "t", "useTranslation", "meta", "id", "name", "description", "homePage", "source", "screenshots", "icon", "iconHue", "styles", "getStyles", "ScrollArea", "Root", "orientation", "Viewport", "div", "role", "className", "Icon", "classNames", "mx", "fill", "surfaceText", "size", "h2", "Input", "Switch", "checked", "onCheckedChange", "p", "length", "img", "src", "alt", "Link", "href", "target", "rel", "React", "List", "React", "useCallback", "Icon", "IconButton", "Input", "Link", "ListItem", "Tag", "useTranslation", "mx", "getStyles", "PluginItem", "plugin", "enabled", "onClick", "onChange", "hasSettings", "hasSettingsProp", "onSettings", "t", "useTranslation", "meta", "id", "name", "description", "tags", "icon", "iconHue", "isEnabled", "includes", "inputId", "labelId", "descriptionId", "handleClick", "useCallback", "handleChange", "event", "stopPropagation", "handleSettings", "styles", "getStyles", "gridCols", "gridRows", "React", "ListItem", "Root", "key", "data-testid", "aria-describedby", "classNames", "mx", "div", "className", "surface", "Icon", "surfaceText", "size", "span", "p", "map", "tag", "Tag", "palette", "tagColors", "IconButton", "label", "iconOnly", "disabled", "Link", "Input", "Switch", "checked", "new", "beta", "labs", "popular", "featured", "experimental", "PluginList", "plugins", "props", "React", "List", "classNames", "map", "plugin", "PluginItem", "key", "meta", "id"]
+}

package/dist/lib/node-esm/chunk-ENSNUFQK.mjs

@@ -0,0 +1,23 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/meta.ts
+import { trim } from "@dxos/util";
+var REGISTRY_ID = "!dxos:plugin-registry";
+var REGISTRY_KEY = "plugin-registry";
+var getPluginPath = (pluginId) => `root/${REGISTRY_ID}/${pluginId}`;
+var meta = {
+  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.
+  `
+};
+
+export {
+  REGISTRY_ID,
+  REGISTRY_KEY,
+  getPluginPath,
+  meta
+};
+//# sourceMappingURL=chunk-ENSNUFQK.mjs.map

package/dist/lib/node-esm/chunk-ENSNUFQK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const REGISTRY_ID = '!dxos:plugin-registry';\nexport const REGISTRY_KEY = 'plugin-registry';\n\n/** Qualified graph path to a specific plugin node. */\nexport const getPluginPath = (pluginId: string): string => `root/${REGISTRY_ID}/${pluginId}`;\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.registry',\n  name: 'Plugins',\n  description: trim`\n    Plugin management system for discovering, installing, and configuring workspace extensions.\n    Browse available plugins and customize your workspace capabilities.\n  `,\n};\n"],
+  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,cAAc;AACpB,IAAMC,eAAe;AAGrB,IAAMC,gBAAgB,CAACC,aAA6B,QAAQH,WAAAA,IAAeG,QAAAA;AAE3E,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;AAIf;",
+  "names": ["trim", "REGISTRY_ID", "REGISTRY_KEY", "getPluginPath", "pluginId", "meta", "id", "name", "description", "trim"]
+}