@dxos/plugin-registry 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/PluginDetail.tsx", "../../../src/components/PluginList.tsx", "../../../src/components/PluginItem.tsx", "../../../src/components/RegistryContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface, Plugin, usePluginManager } from '@dxos/app-framework';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { PluginDetail, RegistryContainer } from '../components';\nimport { REGISTRY_KEY, REGISTRY_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/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(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);\n\n        return <RegistryContainer id={`${REGISTRY_KEY}+all`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/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.plugins\n              .filter(({ meta }) => !manager.core.includes(meta.id))\n              .filter(({ meta }) => manager.enabled.includes(meta.id)),\n          [],\n        );\n\n        return <RegistryContainer id={`${REGISTRY_KEY}+installed`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/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.plugins\n              .filter(({ meta }) => !manager.core.includes(meta.id))\n              .filter(({ meta }) => !meta.tags?.includes('labs')),\n          [],\n        );\n\n        return <RegistryContainer id={`${REGISTRY_KEY}+recommended`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/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.plugins.filter(({ meta }) => meta.tags?.includes('labs')), []);\n\n        return <RegistryContainer id={`${REGISTRY_KEY}+labs`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${REGISTRY_PLUGIN}/plugin-details`,\n      role: 'article',\n      filter: (data): data is { subject: Plugin } => data.subject instanceof Plugin,\n      component: ({ data: { subject } }) => {\n        const manager = usePluginManager();\n        const enabled = manager.enabled.includes(subject.meta.id);\n        const handleEnable = useCallback(\n          () => (enabled ? manager.disable(subject.meta.id) : manager.enable(subject.meta.id)),\n          [manager, subject.meta.id, enabled],\n        );\n\n        return (\n          <StackItem.Content role='article'>\n            <PluginDetail plugin={subject} enabled={enabled} onEnable={handleEnable} />\n          </StackItem.Content>\n        );\n      },\n    }),\n  ]);\n", "//\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 { DeprecatedFormContainer } from '@dxos/react-ui-form';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginDetailProps = {\n  plugin: Plugin;\n  enabled?: boolean;\n  onEnable?: () => void;\n};\n\nexport const PluginDetail = ({ plugin, enabled, onEnable }: PluginDetailProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { id, name, description, homePage, source, screenshots } = plugin.meta;\n\n  return (\n    <DeprecatedFormContainer classNames='gap-6'>\n      <div role='none' className='flex justify-between items-center'>\n        <p>{id}</p>\n        <Input.Root>\n          <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />\n        </Input.Root>\n      </div>\n\n      {screenshots && screenshots.length > 0 && (\n        <div role='none'>\n          <h1 className='text-lg mb-2'>Preview</h1>\n          <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />\n        </div>\n      )}\n\n      <div role='none'>\n        <p>{description}</p>\n      </div>\n\n      <div role='none'>\n        <h1 className='text-lg mb-2'>Resources</h1>\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 mli-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 mli-1' />\n            </Link>\n          )}\n        </div>\n      </div>\n    </DeprecatedFormContainer>\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[];\n};\n\nexport const PluginList = ({ plugins = [], ...props }: PluginListProps) => {\n  return (\n    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[12rem] gap-3 p-3'>\n      {plugins.map((plugin) => (\n        <div key={plugin.meta.id} className='flex'>\n          <PluginItem plugin={plugin} {...props} />\n        </div>\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 { Icon, IconButton, Input, Link, ListItem, Tag, useTranslation } from '@dxos/react-ui';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginItemProps = {\n  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: _hasSettings,\n  onSettings,\n}: PluginItemProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { id, name, description, tags, icon = 'ph--circle--regular' } = 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 = _hasSettings?.(id) ?? false;\n  const handleSettings = useCallback(() => onSettings?.(id), [id, onSettings]);\n\n  return (\n    <ListItem.Root\n      key={id}\n      labelId={labelId}\n      data-testid={`pluginList.${id}`}\n      aria-describedby={descriptionId}\n      // TODO(burdon): Use Rail vars.\n      classNames='is-full bs-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr_32px] p-1 border border-separator rounded-md'\n    >\n      {/* Header. */}\n      <div className='flex flex-col grow justify-center items-center'>\n        <Icon icon={icon} size={6} onClick={handleClick} classNames='text-subdued cursor-pointer' />\n      </div>\n      <div className='flex items-center overflow-hidden cursor-pointer' onClick={handleClick}>\n        <span className='truncate'>{name ?? id}</span>\n      </div>\n      <div className='flex justify-center items-center'>\n        <Input.Root id={inputId}>\n          <Input.Switch classNames='self-center' checked={isEnabled} onClick={handleChange} />\n        </Input.Root>\n      </div>\n\n      {/* Body. */}\n      <div />\n      {(description || tags) && (\n        <div id={descriptionId} className='col-span-2 flex flex-col w-full justify-between gap-2 pb-2'>\n          <div className='grow'>\n            <p className={mx(descriptionText, 'line-clamp-3 min-w-0 pie-2')}>{description}</p>\n          </div>\n          {tags && tags.length > 0 && (\n            <div>\n              {tags.map((tag) => (\n                <Tag key={tag} palette={'indigo'} classNames='text-xs capitalize'>\n                  {tag}\n                </Tag>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Footer. */}\n      <div />\n      <div className='flex gap-2 items-center pie-1'>\n        <Link\n          aria-describedby={descriptionId}\n          classNames='text-sm text-description cursor-pointer'\n          onClick={handleClick}\n        >\n          {t('details label')}\n        </Link>\n\n        <div className='flex-1' />\n      </div>\n      <div className='flex justify-center items-center'>\n        {hasSettings && (\n          <IconButton\n            aria-describedby={descriptionId}\n            classNames='text-sm text-description cursor-pointer'\n            icon='ph--faders--regular'\n            label={t('settings label')}\n            iconOnly\n            size={4}\n            onClick={handleSettings}\n          />\n        )}\n      </div>\n    </ListItem.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport {\n  Capabilities,\n  createIntent,\n  LayoutAction,\n  type Plugin,\n  SettingsAction,\n  useCapability,\n  useIntentDispatcher,\n  usePluginManager,\n} from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { PluginList } from './PluginList';\n\nconst sortByPluginMeta = ({ meta: { name: a = '' } }: Plugin, { meta: { name: b = '' } }: Plugin) => a.localeCompare(b);\n\nexport const RegistryContainer = ({ id, plugins: _plugins }: { id: string; plugins: Plugin[] }) => {\n  const manager = usePluginManager();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const plugins = useMemo(() => _plugins.sort(sortByPluginMeta), [_plugins]);\n  const settingsStore = useCapability(Capabilities.SettingsStore);\n\n  // TODO(wittjosiah): Factor out to an intent?\n  const handleChange = useCallback(\n    async (id: string, enabled: boolean) => {\n      if (enabled) {\n        await manager.enable(id);\n      } else {\n        await manager.disable(id);\n      }\n\n      await dispatch(\n        createIntent(ObservabilityAction.SendEvent, {\n          name: 'plugins.toggle',\n          properties: {\n            plugin: id,\n            enabled,\n          },\n        }),\n      );\n    },\n    [dispatch, manager],\n  );\n\n  const handleClick = useCallback(\n    (pluginId: string) =>\n      dispatch(\n        createIntent(LayoutAction.Open, {\n          part: 'main',\n          // TODO(wittjosiah): `/` currently is not supported in ids.\n          subject: [pluginId.replaceAll('/', ':')],\n          options: { pivotId: id, positioning: 'end' },\n        }),\n      ),\n    [dispatch, id],\n  );\n\n  const hasSettings = useCallback((pluginId: string) => !!settingsStore.getStore(pluginId), [settingsStore]);\n\n  const handleSettings = useCallback(\n    (pluginId: string) => dispatch(createIntent(SettingsAction.Open, { plugin: pluginId })),\n    [dispatch],\n  );\n\n  return (\n    <StackItem.Content classNames='min-bs-0 overflow-y-auto scrollbar-thin contain-layout'>\n      <PluginList\n        plugins={plugins}\n        enabled={manager.enabled}\n        onClick={handleClick}\n        onChange={handleChange}\n        hasSettings={hasSettings}\n        onSettings={handleSettings}\n      />\n    </StackItem.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "Capabilities", "contributes", "createSurface", "Plugin", "usePluginManager", "StackItem", "React", "Icon", "Input", "Link", "useTranslation", "DeprecatedFormContainer", "PluginDetail", "plugin", "enabled", "onEnable", "t", "useTranslation", "REGISTRY_PLUGIN", "id", "name", "description", "homePage", "source", "screenshots", "meta", "DeprecatedFormContainer", "classNames", "div", "role", "className", "p", "Input", "Root", "Switch", "checked", "onClick", "length", "h1", "img", "src", "alt", "Link", "href", "target", "rel", "Icon", "icon", "size", "React", "List", "React", "useCallback", "Icon", "IconButton", "Input", "Link", "ListItem", "Tag", "useTranslation", "descriptionText", "mx", "PluginItem", "plugin", "enabled", "onClick", "onChange", "hasSettings", "_hasSettings", "onSettings", "t", "useTranslation", "REGISTRY_PLUGIN", "id", "name", "description", "tags", "icon", "meta", "isEnabled", "includes", "inputId", "labelId", "descriptionId", "handleClick", "useCallback", "handleChange", "event", "stopPropagation", "handleSettings", "React", "ListItem", "Root", "key", "data-testid", "aria-describedby", "classNames", "div", "className", "Icon", "size", "span", "Input", "Switch", "checked", "p", "mx", "descriptionText", "length", "map", "tag", "Tag", "palette", "Link", "IconButton", "label", "iconOnly", "PluginList", "plugins", "props", "React", "List", "classNames", "map", "plugin", "div", "key", "meta", "id", "className", "PluginItem", "React", "useCallback", "useMemo", "Capabilities", "createIntent", "LayoutAction", "SettingsAction", "useCapability", "useIntentDispatcher", "usePluginManager", "ObservabilityAction", "StackItem", "sortByPluginMeta", "meta", "name", "a", "b", "localeCompare", "RegistryContainer", "id", "plugins", "_plugins", "manager", "usePluginManager", "dispatchPromise", "dispatch", "useIntentDispatcher", "useMemo", "sort", "settingsStore", "useCapability", "Capabilities", "SettingsStore", "handleChange", "useCallback", "enabled", "enable", "disable", "createIntent", "ObservabilityAction", "SendEvent", "properties", "plugin", "handleClick", "pluginId", "LayoutAction", "Open", "part", "subject", "replaceAll", "options", "pivotId", "positioning", "hasSettings", "getStore", "handleSettings", "SettingsAction", "React", "StackItem", "Content", "classNames", "PluginList", "onClick", "onChange", "onSettings", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "REGISTRY_PLUGIN", "role", "filter", "data", "subject", "REGISTRY_KEY", "component", "manager", "usePluginManager", "filtered", "useMemo", "plugins", "meta", "core", "includes", "React", "RegistryContainer", "enabled", "tags", "Plugin", "handleEnable", "useCallback", "disable", "enable", "StackItem", "Content", "PluginDetail", "plugin", "onEnable"]
+}

package/dist/types/src/capabilities/app-graph-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAOA,OAAO,EAA2D,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBAKlG,SAAS,aAAa;AAAtC,wBA0IK"}
+{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAOA,OAAO,EAA2D,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBAKlG,SAAS,aAAa;AAAtC,wBA8IK"}

package/dist/types/src/components/PluginItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginItem.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,gFAOxB,eAAe,sBA4EjB,CAAC"}
+{"version":3,"file":"PluginItem.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,gFAOxB,eAAe,sBAyFjB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -2,11 +2,6 @@ declare const _default: {
     'en-US': {
         "dxos.org/plugin/registry": {
             'plugin name': string;
-            'reload required message': string;
-            'settings show experimental label': string;
-            'settings section installed label': string;
-            'settings section recommended label': string;
-            'settings section experimental label': string;
             'details label': string;
             'home page label': string;
             'source label': string;
@@ -14,7 +9,7 @@ declare const _default: {
             'all plugins label': string;
             'installed plugins label': string;
             'recommended plugins label': string;
-            'experimental plugins label': string;
+            'labs plugins label': string;
             'community plugins label': string;
             'load by url label': string;
             'coming soon label': string;

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA0BE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,wBAqBE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.42af850",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -23,16 +23,17 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.8.2-main.fbd8ed0",
-    "@dxos/echo": "0.8.2-main.fbd8ed0",
-    "@dxos/echo-schema": "0.8.2-main.fbd8ed0",
-    "@dxos/invariant": "0.8.2-main.fbd8ed0",
-    "@dxos/live-object": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-graph": "0.8.2-main.fbd8ed0",
-    "@dxos/plugin-observability": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-form": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-stack": "0.8.2-main.fbd8ed0",
-    "@dxos/util": "0.8.2-main.fbd8ed0"
+    "@preact-signals/safe-react": "^0.9.0",
+    "@dxos/app-framework": "0.8.2-staging.42af850",
+    "@dxos/echo": "0.8.2-staging.42af850",
+    "@dxos/echo-schema": "0.8.2-staging.42af850",
+    "@dxos/plugin-graph": "0.8.2-staging.42af850",
+    "@dxos/live-object": "0.8.2-staging.42af850",
+    "@dxos/invariant": "0.8.2-staging.42af850",
+    "@dxos/plugin-observability": "0.8.2-staging.42af850",
+    "@dxos/react-ui-stack": "0.8.2-staging.42af850",
+    "@dxos/react-ui-form": "0.8.2-staging.42af850",
+    "@dxos/util": "0.8.2-staging.42af850"
   },
   "devDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -44,10 +45,10 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/random": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0",
-    "@dxos/storybook-utils": "0.8.2-main.fbd8ed0"
+    "@dxos/random": "0.8.2-staging.42af850",
+    "@dxos/react-ui": "0.8.2-staging.42af850",
+    "@dxos/react-ui-theme": "0.8.2-staging.42af850",
+    "@dxos/storybook-utils": "0.8.2-staging.42af850"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -56,8 +57,8 @@
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0"
+    "@dxos/react-ui-theme": "0.8.2-staging.42af850",
+    "@dxos/react-ui": "0.8.2-staging.42af850"
   },
   "publishConfig": {
     "access": "public"

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

@@ -89,14 +89,14 @@ export default (context: PluginContext) =>
                     },
                   },
                   {
-                    id: `${REGISTRY_KEY}+experimental`,
+                    id: `${REGISTRY_KEY}+labs`,
                     type: 'category',
-                    data: `${REGISTRY_KEY}+experimental`,
+                    data: `${REGISTRY_KEY}+labs`,
                     properties: {
-                      label: ['experimental plugins label', { ns: REGISTRY_PLUGIN }],
+                      label: ['labs plugins label', { ns: REGISTRY_PLUGIN }],
                       icon: 'ph--flask--regular',
                       key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.experimental',
+                      testId: 'pluginRegistry.labs',
                     },
                   },
                 ],
@@ -128,24 +128,28 @@ export default (context: PluginContext) =>
           ),
         ),
     }),
-    // createExtension({
-    //   id: `${REGISTRY_PLUGIN}/plugins`,
-    //   resolver: ({ id }) => {
-    //     const manager = context.requestCapability(Capabilities.PluginManager);
-    //     const plugin = manager.plugins.find((plugin) => plugin.meta.id === id.replaceAll(':', '/'));
-    //     if (!plugin) {
-    //       return;
-    //     }
-
-    //     return {
-    //       id,
-    //       type: 'dxos.org/plugin',
-    //       data: plugin,
-    //       properties: {
-    //         label: plugin.meta.name ?? plugin.meta.id,
-    //         icon: plugin.meta.icon ?? 'ph--circle--regular',
-    //       },
-    //     };
-    //   },
-    // }),
+    createExtension({
+      id: `${REGISTRY_PLUGIN}/plugins`,
+      connector: (node) =>
+        Rx.make((get) =>
+          pipe(
+            get(node),
+            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
+            Option.map(() => {
+              const manager = context.getCapability(Capabilities.PluginManager);
+              return manager.plugins.map((plugin) => ({
+                id: plugin.meta.id.replaceAll('/', ':'),
+                type: 'dxos.org/plugin',
+                data: plugin,
+                properties: {
+                  label: plugin.meta.name ?? plugin.meta.id,
+                  icon: plugin.meta.icon ?? 'ph--circle--regular',
+                  disposition: 'hidden',
+                },
+              }));
+            }),
+            Option.getOrElse(() => []),
+          ),
+        ),
+    }),
   ]);

package/src/capabilities/react-surface.tsx

@@ -50,7 +50,7 @@ export default () =>
           () =>
             manager.plugins
               .filter(({ meta }) => !manager.core.includes(meta.id))
-              .filter(({ meta }) => !meta.tags?.includes('experimental')),
+              .filter(({ meta }) => !meta.tags?.includes('labs')),
           [],
         );
 
@@ -58,14 +58,14 @@ export default () =>
       },
     }),
     createSurface({
-      id: `${REGISTRY_PLUGIN}/experimental`,
+      id: `${REGISTRY_PLUGIN}/labs`,
       role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+experimental`,
+      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+labs`,
       component: () => {
         const manager = usePluginManager();
-        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => meta.tags?.includes('experimental')), []);
+        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => meta.tags?.includes('labs')), []);
 
-        return <RegistryContainer id={`${REGISTRY_KEY}+experimental`} plugins={filtered} />;
+        return <RegistryContainer id={`${REGISTRY_KEY}+labs`} plugins={filtered} />;
       },
     }),
     createSurface({

package/src/components/PluginItem.tsx

@@ -5,7 +5,7 @@
 import React, { type MouseEvent, useCallback } from 'react';
 
 import { type Plugin } from '@dxos/app-framework';
-import { Icon, IconButton, Input, Link, ListItem, useTranslation } from '@dxos/react-ui';
+import { Icon, IconButton, Input, Link, ListItem, Tag, useTranslation } from '@dxos/react-ui';
 import { descriptionText, mx } from '@dxos/react-ui-theme';
 
 import { REGISTRY_PLUGIN } from '../meta';
@@ -29,7 +29,7 @@ export const PluginItem = ({
   onSettings,
 }: PluginItemProps) => {
   const { t } = useTranslation(REGISTRY_PLUGIN);
-  const { id, name, description, icon = 'ph--circle--regular' } = plugin.meta;
+  const { id, name, description, tags, icon = 'ph--circle--regular' } = plugin.meta;
   const isEnabled = enabled.includes(id);
   const inputId = `${id}-input`;
   const labelId = `${id}-label`;
@@ -54,10 +54,10 @@ export const PluginItem = ({
       data-testid={`pluginList.${id}`}
       aria-describedby={descriptionId}
       // TODO(burdon): Use Rail vars.
-      classNames='w-full h-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr_32px] p-1 border border-separator rounded-md'
+      classNames='is-full bs-full grid grid-cols-[48px_1fr_48px] grid-rows-[40px_1fr_32px] p-1 border border-separator rounded-md'
     >
       {/* Header. */}
-      <div className='flex justify-center items-center'>
+      <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}>
@@ -71,9 +71,22 @@ export const PluginItem = ({
 
       {/* Body. */}
       <div />
-      <div id={descriptionId} className='col-span-2 pb-3'>
-        <p className={mx(descriptionText, 'line-clamp-3 min-w-0 pie-4')}>{description}</p>
-      </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>
+      )}
 
       {/* Footer. */}
       <div />

package/src/components/PluginList.stories.tsx

@@ -37,7 +37,7 @@ const DefaultStory = ({ classNames }: ThemedClassName<{}>) => {
             name: `${faker.commerce.productName()}`,
             description: faker.lorem.sentences(Math.ceil(Math.random() * 3)),
             tags: faker.datatype.boolean({ probability: 0.6 })
-              ? [faker.helpers.arrayElement(['experimental', 'beta', 'alpha', 'stable', 'new', '新発売'])]
+              ? [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,

package/src/components/PluginList.tsx

@@ -15,7 +15,7 @@ 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-[10rem] gap-3 p-3'>
+    <List classNames='grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[12rem] gap-3 p-3'>
       {plugins.map((plugin) => (
         <div key={plugin.meta.id} className='flex'>
           <PluginItem plugin={plugin} {...props} />

package/src/translations.ts

@@ -9,11 +9,6 @@ export default [
     'en-US': {
       [REGISTRY_PLUGIN]: {
         'plugin name': 'Registry',
-        'reload required message': 'Reload required.',
-        'settings show experimental label': 'Show experimental plugins',
-        'settings section installed label': 'Enabled',
-        'settings section recommended label': 'Recommended',
-        'settings section experimental label': 'Experimental',
         'details label': 'Details',
         'home page label': 'Website',
         'source label': 'Source',
@@ -21,7 +16,7 @@ export default [
         'all plugins label': 'All',
         'installed plugins label': 'Enabled',
         'recommended plugins label': 'Recommended',
-        'experimental plugins label': 'Experimental',
+        'labs plugins label': 'Labs',
         'community plugins label': 'Community',
         'load by url label': 'Load by URL (soon)',
         'coming soon label': 'Coming soon!',