@dxos/plugin-registry 0.8.4-main.5ad4a44 → 0.8.4-main.66e292d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.8.4-main.5ad4a44",
+  "version": "0.8.4-main.66e292d",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -25,39 +25,38 @@
   ],
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
-    "@dxos/app-framework": "0.8.4-main.5ad4a44",
-    "@dxos/live-object": "0.8.4-main.5ad4a44",
-    "@dxos/invariant": "0.8.4-main.5ad4a44",
-    "@dxos/echo": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-graph": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-observability": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-stack": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-form": "0.8.4-main.5ad4a44",
-    "@dxos/util": "0.8.4-main.5ad4a44"
+    "@dxos/app-framework": "0.8.4-main.66e292d",
+    "@dxos/echo": "0.8.4-main.66e292d",
+    "@dxos/invariant": "0.8.4-main.66e292d",
+    "@dxos/live-object": "0.8.4-main.66e292d",
+    "@dxos/plugin-observability": "0.8.4-main.66e292d",
+    "@dxos/react-ui-form": "0.8.4-main.66e292d",
+    "@dxos/plugin-graph": "0.8.4-main.66e292d",
+    "@dxos/react-ui-stack": "0.8.4-main.66e292d",
+    "@dxos/util": "0.8.4-main.66e292d"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "0.42.4",
+    "@effect-atom/atom-react": "^0.3.4",
     "@effect/platform": "0.92.1",
-    "@phosphor-icons/react": "^2.1.10",
     "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.1",
+    "@types/react-dom": "~19.2.2",
     "effect": "3.18.3",
     "react": "~19.2.0",
     "react-dom": "~19.2.0",
     "vite": "7.1.9",
-    "@dxos/random": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-theme": "0.8.4-main.5ad4a44",
-    "@dxos/storybook-utils": "0.8.4-main.5ad4a44"
+    "@dxos/random": "0.8.4-main.66e292d",
+    "@dxos/react-ui": "0.8.4-main.66e292d",
+    "@dxos/react-ui-theme": "0.8.4-main.66e292d",
+    "@dxos/storybook-utils": "0.8.4-main.66e292d"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
+    "@effect-atom/atom-react": "^0.3.4",
     "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@dxos/react-ui-theme": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui": "0.8.4-main.5ad4a44"
+    "@dxos/react-ui": "0.8.4-main.66e292d",
+    "@dxos/react-ui-theme": "0.8.4-main.66e292d"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/app-graph-builder.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Rx } from '@effect-rx/rx-react';
+import { Atom } from '@effect-atom/atom-react';
 import * as Function from 'effect/Function';
 import * as Option from 'effect/Option';
 
@@ -16,7 +16,7 @@ export default (context: PluginContext) =>
     createExtension({
       id: meta.id,
       actions: (node) =>
-        Rx.make((get) =>
+        Atom.make((get) =>
           Function.pipe(
             get(node),
             Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
@@ -41,7 +41,7 @@ export default (context: PluginContext) =>
     createExtension({
       id: meta.id,
       connector: (node) =>
-        Rx.make((get) =>
+        Atom.make((get) =>
           Function.pipe(
             get(node),
             Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
@@ -110,7 +110,7 @@ export default (context: PluginContext) =>
     createExtension({
       id: `${meta.id}/actions`,
       actions: (node) =>
-        Rx.make((get) =>
+        Atom.make((get) =>
           Function.pipe(
             get(node),
             Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
@@ -132,7 +132,7 @@ export default (context: PluginContext) =>
     createExtension({
       id: `${meta.id}/plugins`,
       connector: (node) =>
-        Rx.make((get) =>
+        Atom.make((get) =>
           Function.pipe(
             get(node),
             Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),

package/src/capabilities/react-surface.tsx

@@ -4,7 +4,8 @@
 
 import React, { useCallback, useMemo } from 'react';
 
-import { Capabilities, Plugin, contributes, createSurface, usePluginManager } from '@dxos/app-framework';
+import { Capabilities, Plugin, contributes, createSurface } from '@dxos/app-framework';
+import { usePluginManager } from '@dxos/app-framework/react';
 
 import { PluginDetail, RegistryContainer } from '../components';
 import { REGISTRY_KEY, meta } from '../meta';

package/src/components/PluginDetail.stories.tsx

@@ -5,7 +5,7 @@
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 
 import { faker } from '@dxos/random';
-import { withTheme } from '@dxos/react-ui/testing';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '../translations';
 
@@ -14,9 +14,8 @@ import { PluginDetail } from './PluginDetail';
 const meta = {
   title: 'plugins/plugin-registry/PluginDetail',
   component: PluginDetail,
-  decorators: [withTheme],
+  decorators: [withTheme, withLayout({ container: 'column' })],
   parameters: {
-    layout: 'column',
     translations,
   },
 } satisfies Meta<typeof PluginDetail>;
@@ -33,6 +32,7 @@ export const Default: Story = {
         name: 'Test Plugin',
         description: faker.lorem.paragraphs(2),
         icon: 'ph--bug--regular',
+        iconHue: 'sky',
         homePage: 'https://example.com',
         source: 'https://github.com/example/test-plugin',
         screenshots: [

package/src/components/PluginDetail.tsx

@@ -7,6 +7,7 @@ import React from 'react';
 import { type Plugin } from '@dxos/app-framework';
 import { Icon, Input, Link, useTranslation } from '@dxos/react-ui';
 import { StackItem } from '@dxos/react-ui-stack';
+import { getStyles, mx } from '@dxos/react-ui-theme';
 
 import { meta } from '../meta';
 
@@ -18,45 +19,61 @@ export type PluginDetailProps = {
 
 export const PluginDetail = ({ plugin, enabled, onEnable }: PluginDetailProps) => {
   const { t } = useTranslation(meta.id);
-  const { id, name, description, homePage, source, screenshots } = plugin.meta;
+  const {
+    id,
+    name,
+    description,
+    homePage,
+    source,
+    screenshots,
+    icon = 'ph--circle--regular',
+    iconHue = 'neutral',
+  } = plugin.meta;
+  const styles = getStyles(iconHue);
 
   return (
     <StackItem.Content scrollable>
-      <div role='none' className='container-max-width p-4'>
-        <div role='none' className='flex justify-between items-center'>
-          <p>{id}</p>
-          <Input.Root>
-            <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />
-          </Input.Root>
+      <div role='none' className='grid grid-cols-[min-content_1fr] gap-4 container-max-width p-4'>
+        <div role='none'>
+          <Icon classNames={mx('p-1 rounded', styles.bg, styles.icon)} icon={icon} size={14} />
         </div>
+        <div role='none' className='flex flex-col gap-6'>
+          <div role='none' className='grid grid-cols-[1fr_min-content] gap-x-3 is-full pbs-1'>
+            <h2 className='text-xl'>{name}</h2>
+            <Input.Root>
+              <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />
+            </Input.Root>
+            <p className='pbs-0.5 text-sm text-description'>{id}</p>
+          </div>
 
-        {screenshots && screenshots.length > 0 && (
           <div role='none'>
-            <h1 className='text-lg mb-2'>Preview</h1>
-            <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />
+            <p className='text-description'>{description}</p>
           </div>
-        )}
 
-        <div role='none'>
-          <p>{description}</p>
-        </div>
+          {screenshots && screenshots.length > 0 && (
+            <div role='none' className='flex flex-col gap-2'>
+              <h2>Preview</h2>
+              <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />
+            </div>
+          )}
 
-        <div role='none'>
-          <h1 className='text-lg mb-2'>Resources</h1>
-          <div className='flex gap-2'>
-            {homePage && (
-              <Link href={homePage} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
-                {t('home page label')}
-                <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
-              </Link>
-            )}
+          <div role='none' className='flex flex-col gap-2'>
+            <h2>Resources</h2>
+            <div className='flex gap-2'>
+              {homePage && (
+                <Link href={homePage} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
+                  {t('home page label')}
+                  <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
+                </Link>
+              )}
 
-            {source && (
-              <Link href={source} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
-                {t('source label')}
-                <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
-              </Link>
-            )}
+              {source && (
+                <Link href={source} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
+                  {t('source label')}
+                  <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
+                </Link>
+              )}
+            </div>
           </div>
         </div>
       </div>

package/src/components/PluginItem.tsx

@@ -5,10 +5,12 @@
 import React, { type MouseEvent, useCallback } from 'react';
 
 import { type Plugin } from '@dxos/app-framework';
-import { Icon, IconButton, Input, Link, ListItem, Tag, useTranslation } from '@dxos/react-ui';
+import { type ChromaticPalette, Icon, IconButton, Input, Link, ListItem, Tag, useTranslation } from '@dxos/react-ui';
 import { descriptionText, mx } from '@dxos/react-ui-theme';
+import { getStyles } from '@dxos/react-ui-theme';
 
 import { meta } from '../meta';
+import { type RegistryTagType } from '../types';
 
 export type PluginItemProps = {
   plugin: Plugin;
@@ -25,11 +27,11 @@ export const PluginItem = ({
   enabled = [],
   onClick,
   onChange,
-  hasSettings: _hasSettings,
+  hasSettings: hasSettingsParam,
   onSettings,
 }: PluginItemProps) => {
   const { t } = useTranslation(meta.id);
-  const { id, name, description, tags, icon = 'ph--circle--regular' } = plugin.meta;
+  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`;
@@ -44,8 +46,11 @@ export const PluginItem = ({
     [id, isEnabled, onChange],
   );
 
-  const hasSettings = _hasSettings?.(id) ?? false;
+  const hasSettings = hasSettingsParam?.(id) ?? false;
   const handleSettings = useCallback(() => onSettings?.(id), [id, onSettings]);
+  const styles = getStyles(iconHue);
+  const gridCols = 'grid grid-cols-[5rem_1fr]';
+  const gridRows = 'grid grid-rows-[40px_1fr_min-content_40px]';
 
   return (
     <ListItem.Root
@@ -53,67 +58,63 @@ export const PluginItem = ({
       labelId={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'
+      classNames={mx(gridCols, 'bs-[12rem] is-full gap-3 pie-2 border border-separator rounded-md overflow-hidden')}
     >
-      {/* Header. */}
-      <div className='flex flex-col grow justify-center items-center'>
-        <Icon icon={icon} size={6} onClick={handleClick} classNames='text-subdued cursor-pointer' />
-      </div>
-      <div className='flex items-center overflow-hidden cursor-pointer' onClick={handleClick}>
-        <span className='truncate'>{name ?? id}</span>
-      </div>
-      <div className='flex justify-center items-center'>
-        <Input.Root id={inputId}>
-          <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />
-        </Input.Root>
+      <div className={mx(gridRows, 'justify-center rounded-l-md', styles.bg)}>
+        <div />
+        <Icon classNames={mx('cursor-pointer', styles.icon)} icon={icon} size={14} onClick={handleClick} />
       </div>
 
-      {/* Body. */}
-      <div />
-      {(description || tags) && (
-        <div id={descriptionId} className='col-span-2 flex flex-col w-full justify-between gap-2 pb-2'>
-          <div className='grow'>
-            <p className={mx(descriptionText, 'line-clamp-3 min-w-0 pie-2')}>{description}</p>
-          </div>
-          {tags && tags.length > 0 && (
-            <div>
-              {tags.map((tag) => (
-                <Tag key={tag} palette={'indigo'} classNames='text-xs capitalize'>
-                  {tag}
-                </Tag>
-              ))}
-            </div>
-          )}
+      <div className={mx(gridRows)}>
+        <div className='flex items-center overflow-hidden cursor-pointer' onClick={handleClick}>
+          <span className='text-lg truncate'>{name ?? id}</span>
         </div>
-      )}
 
-      {/* Footer. */}
-      <div />
-      <div className='flex gap-2 items-center pie-1'>
-        <Link
-          aria-describedby={descriptionId}
-          classNames='text-sm text-description cursor-pointer'
-          onClick={handleClick}
-        >
-          {t('details label')}
-        </Link>
+        <div>
+          <p className={mx(descriptionText, 'line-clamp-4 min-is-0')}>{description}</p>
+        </div>
 
-        <div className='flex-1' />
-      </div>
-      <div className='flex justify-center items-center'>
-        {hasSettings && (
+        <div className='flex -mis-0.5 overflow-x-auto scrollbar-none'>
+          {tags?.map((tag) => (
+            <Tag key={tag} palette={tagColors[tag as RegistryTagType]} classNames='text-xs uppercase font-thin'>
+              {tag}
+            </Tag>
+          ))}
+        </div>
+
+        <div className='flex gap-2 items-center text-sm'>
           <IconButton
             aria-describedby={descriptionId}
-            classNames='text-sm text-description cursor-pointer'
+            classNames='cursor-pointer'
             icon='ph--gear--regular'
             label={t('settings label')}
             iconOnly
             size={4}
             onClick={handleSettings}
+            disabled={!hasSettings}
           />
-        )}
+
+          <Link aria-describedby={descriptionId} classNames='text-description cursor-pointer' onClick={handleClick}>
+            {t('details label')}
+          </Link>
+
+          <div className='grow' />
+          <div className='pie-1'>
+            <Input.Root id={inputId}>
+              <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />
+            </Input.Root>
+          </div>
+        </div>
       </div>
     </ListItem.Root>
   );
 };
+
+const tagColors: Record<RegistryTagType, ChromaticPalette> = {
+  new: 'rose',
+  beta: 'teal',
+  labs: 'blue',
+  popular: 'green',
+  featured: 'pink',
+  experimental: 'amber',
+};

package/src/components/PluginList.stories.tsx

@@ -7,11 +7,11 @@ import React, { useState } from 'react';
 
 import { type Plugin, definePlugin } from '@dxos/app-framework';
 import { faker } from '@dxos/random';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { withTheme } from '@dxos/react-ui/testing';
-import { mx } from '@dxos/react-ui-theme';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
+import { getHashHue } from '@dxos/react-ui-theme';
 
 import { translations } from '../translations';
+import { RegistryTagType } from '../types';
 
 import { PluginList } from './PluginList';
 
@@ -26,24 +26,24 @@ const icons = [
   'ph--github-logo--regular',
 ];
 
-const DefaultStory = ({ classNames }: ThemedClassName<{}>) => {
+const DefaultStory = () => {
   const [plugins] = useState<Plugin[]>(
     faker.helpers.multiple(
-      definePlugin(
-        {
-          id: `dxos.org/plugin/plugin-${faker.string.uuid()}`,
-          name: `${faker.commerce.productName()}`,
-          description: faker.lorem.sentences(Math.ceil(Math.random() * 3)),
-          tags: faker.datatype.boolean({ probability: 0.6 })
-            ? [faker.helpers.arrayElement(['labs', 'beta', 'alpha', 'stable', 'new', '新発売'])]
-            : undefined,
-          icon: faker.helpers.arrayElement(icons),
-          homePage: faker.datatype.boolean({ probability: 0.5 }) ? faker.internet.url() : undefined,
-          source: faker.internet.url(),
-        },
-        () => [],
-      ),
-      { count: 16 },
+      () =>
+        definePlugin(
+          {
+            id: `dxos.org/plugin/plugin-${faker.string.uuid()}`,
+            name: `${faker.commerce.productName()}`,
+            description: faker.lorem.sentences(Math.ceil(Math.random() * 3)),
+            tags: faker.helpers.uniqueArray(RegistryTagType.literals as any, Math.floor(Math.random() * 3)),
+            icon: faker.helpers.arrayElement(icons),
+            iconHue: getHashHue(faker.string.uuid()),
+            homePage: faker.datatype.boolean({ probability: 0.5 }) ? faker.internet.url() : undefined,
+            source: faker.internet.url(),
+          },
+          () => [],
+        )(),
+      { count: 32 },
     ),
   );
   const [enabled, setEnabled] = useState<string[]>([]);
@@ -52,20 +52,14 @@ const DefaultStory = ({ classNames }: ThemedClassName<{}>) => {
     setEnabled((plugins) => (enabled ? [...plugins, id] : plugins.filter((plugin) => plugin === id)));
   };
 
-  return (
-    <div className={mx('flex overflow-hidden', classNames)}>
-      <PluginList plugins={plugins} enabled={enabled} onChange={handleChange} hasSettings={() => true} />
-    </div>
-  );
+  return <PluginList plugins={plugins} enabled={enabled} onChange={handleChange} hasSettings={() => true} />;
 };
 
 const meta = {
   title: 'plugins/plugin-registry/PluginList',
   component: PluginList,
   render: DefaultStory,
-  decorators: [withTheme],
   parameters: {
-    layout: 'column',
     translations,
   },
 } satisfies Meta<typeof PluginList>;
@@ -74,10 +68,13 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {};
+export const Default: Story = {
+  decorators: [withTheme, withLayout({ container: 'column', scroll: true })],
+};
 
-export const Column: Story = {
-  args: {
-    classNames: 'w-[30rem]',
+export const FullScreen: Story = {
+  decorators: [withTheme, withLayout({ scroll: true })],
+  parameters: {
+    layout: 'fullscreen',
   },
 };

package/src/components/PluginList.tsx

@@ -15,11 +15,9 @@ export type PluginListProps = Omit<PluginItemProps, 'plugin'> & {
 
 export const PluginList = ({ plugins = [], ...props }: PluginListProps) => {
   return (
-    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[12rem] gap-3 p-3'>
+    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(18rem,1fr))] gap-4 p-4'>
       {plugins.map((plugin) => (
-        <div key={plugin.meta.id} className='flex'>
-          <PluginItem plugin={plugin} {...props} />
-        </div>
+        <PluginItem key={plugin.meta.id} plugin={plugin} {...props} />
       ))}
     </List>
   );

package/src/components/RegistryContainer.tsx

@@ -4,16 +4,8 @@
 
 import React, { useCallback, useMemo } from 'react';
 
-import {
-  Capabilities,
-  LayoutAction,
-  type Plugin,
-  SettingsAction,
-  createIntent,
-  useCapability,
-  useIntentDispatcher,
-  usePluginManager,
-} from '@dxos/app-framework';
+import { Capabilities, LayoutAction, type Plugin, SettingsAction, createIntent } from '@dxos/app-framework';
+import { useCapability, useIntentDispatcher, usePluginManager } from '@dxos/app-framework/react';
 import { ObservabilityAction } from '@dxos/plugin-observability/types';
 import { StackItem } from '@dxos/react-ui-stack';
 

package/src/meta.ts

@@ -3,6 +3,7 @@
 //
 
 import { type PluginMeta } from '@dxos/app-framework';
+import { trim } from '@dxos/util';
 
 // TODO(wittjosiah): Deck does not currently support `/` in ids.
 // TODO(wittjosiah): This is a hack to prevent the previous deck from being set for pinned items.
@@ -13,4 +14,8 @@ export const REGISTRY_KEY = 'plugin-registry';
 export const meta: PluginMeta = {
   id: 'dxos.org/plugin/registry',
   name: 'Plugins',
+  description: trim`
+    Plugin management system for discovering, installing, and configuring workspace extensions.
+    Browse available plugins and customize your workspace capabilities.
+  `,
 };

package/src/types.ts

@@ -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-5BKKIS5T.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 * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\n\nimport { Capabilities, type PluginContext, SettingsAction, contributes, createIntent } from '@dxos/app-framework';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { REGISTRY_ID, REGISTRY_KEY, meta } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: meta.id,\n      actions: (node) =>\n        Rx.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: meta.id,\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: meta.id }],\n                  icon: 'ph--squares-four--regular',\n                  disposition: 'menu',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: meta.id,\n      connector: (node) =>\n        Rx.make((get) =>\n          Function.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: 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',\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',\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',\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',\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            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/actions`,\n      actions: (node) =>\n        Rx.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),\n            Option.map(() => [\n              {\n                id: `${meta.id}/load-by-url`,\n                data: async () => {},\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            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/plugins`,\n      connector: (node) =>\n        Rx.make((get) =>\n          Function.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", "Function", "Option", "Capabilities", "SettingsAction", "contributes", "createIntent", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "actions", "node", "Rx", "make", "get", "pipe", "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", "replaceAll", "name"]
-}

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

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

package/dist/lib/browser/chunk-MWZPWWWF.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\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: 'dxos.org/plugin/registry',\n  name: 'Plugins',\n};\n"],
-  "mappings": ";AASO,IAAMA,cAAc;AACpB,IAAMC,eAAe;AAErB,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;AACR;",
-  "names": ["REGISTRY_ID", "REGISTRY_KEY", "meta", "id", "name"]
-}