@dxos/plugin-registry 0.8.4-main.f9ba587 → 0.8.4-main.fffef41

package/dist/lib/browser/{react-surface-SRFVJQKE.mjs → react-surface-IGCXOVE2.mjs}

@@ -1,47 +1,65 @@
 import {
   REGISTRY_KEY,
-  REGISTRY_PLUGIN
-} from "./chunk-AEBASNOI.mjs";
+  meta
+} from "./chunk-XPEFEID2.mjs";
 
 // src/capabilities/react-surface.tsx
 import React5, { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { Capabilities as Capabilities2, contributes, createSurface, Plugin, usePluginManager as usePluginManager2 } from "@dxos/app-framework";
-import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
+import { Capabilities as Capabilities2, Plugin, contributes, createSurface } from "@dxos/app-framework";
+import { usePluginManager as usePluginManager2 } from "@dxos/app-framework/react";
 
 // src/components/PluginDetail.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
 import { Icon, Input, Link, useTranslation } from "@dxos/react-ui";
-import { DeprecatedFormContainer } from "@dxos/react-ui-form";
+import { StackItem } from "@dxos/react-ui-stack";
+import { getStyles, mx } from "@dxos/react-ui-theme";
 var PluginDetail = ({ plugin, enabled, onEnable }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(REGISTRY_PLUGIN);
-    const { id, name, description, homePage, source, screenshots } = plugin.meta;
-    return /* @__PURE__ */ React.createElement(DeprecatedFormContainer, {
-      classNames: "gap-6"
+    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(StackItem.Content, {
+      scrollable: true
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "grid grid-cols-[min-content_1fr] gap-4 container-max-width p-4"
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none"
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      classNames: mx("p-1 rounded", styles.bg, styles.icon),
+      icon,
+      size: 14
+    })), /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "flex flex-col gap-6"
     }, /* @__PURE__ */ React.createElement("div", {
       role: "none",
-      className: "flex justify-between items-center"
-    }, /* @__PURE__ */ React.createElement("p", null, id), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
+      className: "grid grid-cols-[1fr_min-content] gap-x-3 is-full pbs-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,
       onClick: onEnable
-    }))), screenshots && screenshots.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    })), /* @__PURE__ */ React.createElement("p", {
+      className: "pbs-0.5 text-sm text-description"
+    }, id)), /* @__PURE__ */ React.createElement("div", {
       role: "none"
-    }, /* @__PURE__ */ React.createElement("h1", {
-      className: "text-lg mb-2"
-    }, "Preview"), /* @__PURE__ */ React.createElement("img", {
+    }, /* @__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"
-    }, /* @__PURE__ */ React.createElement("p", null, description)), /* @__PURE__ */ React.createElement("div", {
-      role: "none"
-    }, /* @__PURE__ */ React.createElement("h1", {
-      className: "text-lg mb-2"
-    }, "Resources"), /* @__PURE__ */ React.createElement("div", {
+      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,
@@ -61,7 +79,7 @@ var PluginDetail = ({ plugin, enabled, onEnable }) => {
       icon: "ph--arrow-square-out--bold",
       size: 3,
       classNames: "inline-block leading-none mli-1"
-    })))));
+    })))))));
   } finally {
     _effect.f();
   }
@@ -76,12 +94,13 @@ import { List } from "@dxos/react-ui";
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2, { useCallback } from "react";
 import { Icon as Icon2, IconButton, Input as Input2, Link as Link2, ListItem, Tag, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { descriptionText, mx } from "@dxos/react-ui-theme";
-var PluginItem = ({ plugin, enabled = [], onClick, onChange, hasSettings: _hasSettings, onSettings }) => {
+import { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
+import { getStyles as getStyles2 } from "@dxos/react-ui-theme";
+var PluginItem = ({ plugin, enabled = [], onClick, onChange, hasSettings: hasSettingsParam, onSettings }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation2(REGISTRY_PLUGIN);
-    const { id, name, description, tags, icon = "ph--circle--regular" } = plugin.meta;
+    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`;
@@ -98,86 +117,92 @@ var PluginItem = ({ plugin, enabled = [], onClick, onChange, hasSettings: _hasSe
       isEnabled,
       onChange
     ]);
-    const hasSettings = _hasSettings?.(id) ?? false;
+    const hasSettings = hasSettingsParam?.(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,
-      // 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: mx2(gridCols, "bs-[12rem] is-full gap-3 pie-2 border border-separator rounded-md overflow-hidden")
     }, /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-col grow justify-center items-center"
-    }, /* @__PURE__ */ React2.createElement(Icon2, {
+      className: mx2(gridRows, "justify-center rounded-l-md", styles.bg)
+    }, /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement(Icon2, {
+      classNames: mx2("cursor-pointer", styles.icon),
       icon,
-      size: 6,
-      onClick: handleClick,
-      classNames: "text-subdued cursor-pointer"
+      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: "truncate"
-    }, name ?? id)), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex justify-center items-center"
-    }, /* @__PURE__ */ React2.createElement(Input2.Root, {
-      id: inputId
-    }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
-      classNames: "self-center",
-      checked: isEnabled,
-      onClick: handleChange
-    }))), /* @__PURE__ */ React2.createElement("div", null), (description || tags) && /* @__PURE__ */ React2.createElement("div", {
-      id: descriptionId,
-      className: "col-span-2 flex flex-col w-full justify-between gap-2 pb-2"
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "grow"
-    }, /* @__PURE__ */ React2.createElement("p", {
-      className: mx(descriptionText, "line-clamp-3 min-w-0 pie-2")
-    }, description)), tags && tags.length > 0 && /* @__PURE__ */ React2.createElement("div", null, tags.map((tag) => /* @__PURE__ */ React2.createElement(Tag, {
+      className: "text-lg truncate"
+    }, name ?? id)), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("p", {
+      className: mx2(descriptionText, "line-clamp-4 min-is-0")
+    }, description)), /* @__PURE__ */ React2.createElement("div", {
+      className: "flex -mis-0.5 overflow-x-auto scrollbar-none"
+    }, tags?.map((tag) => /* @__PURE__ */ React2.createElement(Tag, {
       key: tag,
-      palette: "indigo",
-      classNames: "text-xs capitalize"
-    }, tag)))), /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex gap-2 items-center pie-1"
-    }, /* @__PURE__ */ React2.createElement(Link2, {
-      "aria-describedby": descriptionId,
-      classNames: "text-sm text-description cursor-pointer",
-      onClick: handleClick
-    }, t("details label")), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex-1"
-    })), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex justify-center items-center"
-    }, hasSettings && /* @__PURE__ */ React2.createElement(IconButton, {
+      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: "text-sm text-description cursor-pointer",
+      classNames: "cursor-pointer",
       icon: "ph--gear--regular",
       label: t("settings label"),
       iconOnly: true,
       size: 4,
-      onClick: handleSettings
-    })));
+      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: "pie-1"
+    }, /* @__PURE__ */ React2.createElement(Input2.Root, {
+      id: inputId
+    }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
+      classNames: "self-center",
+      checked: isEnabled,
+      onClick: handleChange
+    }))))));
   } finally {
     _effect.f();
   }
 };
+var tagColors = {
+  new: "rose",
+  beta: "teal",
+  labs: "blue",
+  popular: "green",
+  featured: "pink",
+  experimental: "amber"
+};
 
 // src/components/PluginList.tsx
 var PluginList = ({ plugins = [], ...props }) => {
   var _effect = _useSignals3();
   try {
     return /* @__PURE__ */ React3.createElement(List, {
-      classNames: "grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] auto-rows-[12rem] gap-3 p-3"
-    }, plugins.map((plugin) => /* @__PURE__ */ React3.createElement("div", {
+      classNames: "grid grid-cols-[repeat(auto-fill,minmax(18rem,1fr))] gap-4 p-4"
+    }, plugins.map((plugin) => /* @__PURE__ */ React3.createElement(PluginItem, {
       key: plugin.meta.id,
-      className: "flex"
-    }, /* @__PURE__ */ React3.createElement(PluginItem, {
       plugin,
       ...props
-    }))));
+    })));
   } finally {
     _effect.f();
   }
@@ -186,9 +211,10 @@ var PluginList = ({ plugins = [], ...props }) => {
 // src/components/RegistryContainer.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4, { useCallback as useCallback2, useMemo } from "react";
-import { Capabilities, createIntent, LayoutAction, SettingsAction, useCapability, useIntentDispatcher, usePluginManager } from "@dxos/app-framework";
+import { Capabilities, LayoutAction, 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";
+import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
 var sortByPluginMeta = ({ meta: { name: a = "" } }, { meta: { name: b = "" } }) => a.localeCompare(b);
 var RegistryContainer = ({ id, plugins: _plugins }) => {
   var _effect = _useSignals4();
@@ -238,8 +264,8 @@ var RegistryContainer = ({ id, plugins: _plugins }) => {
     })), [
       dispatch
     ]);
-    return /* @__PURE__ */ React4.createElement(StackItem.Content, {
-      classNames: "min-bs-0 overflow-y-auto scrollbar-thin contain-layout"
+    return /* @__PURE__ */ React4.createElement(StackItem2.Content, {
+      scrollable: true
     }, /* @__PURE__ */ React4.createElement(PluginList, {
       plugins,
       enabled: manager.enabled,
@@ -254,14 +280,14 @@ var RegistryContainer = ({ id, plugins: _plugins }) => {
 };
 
 // src/capabilities/react-surface.tsx
-var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
+var react_surface_default = (() => contributes(Capabilities2.ReactSurface, [
   createSurface({
-    id: `${REGISTRY_PLUGIN}/all`,
+    id: `${meta.id}/all`,
     role: "article",
     filter: (data) => data.subject === `${REGISTRY_KEY}+all`,
     component: () => {
       const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);
+      const filtered = useMemo2(() => manager.plugins.filter(({ meta: meta2 }) => !manager.core.includes(meta2.id)), []);
       return /* @__PURE__ */ React5.createElement(RegistryContainer, {
         id: `${REGISTRY_KEY}+all`,
         plugins: filtered
@@ -269,12 +295,12 @@ var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
     }
   }),
   createSurface({
-    id: `${REGISTRY_PLUGIN}/installed`,
+    id: `${meta.id}/installed`,
     role: "article",
     filter: (data) => data.subject === `${REGISTRY_KEY}+installed`,
     component: () => {
       const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)).filter(({ meta }) => manager.enabled.includes(meta.id)), []);
+      const filtered = useMemo2(() => manager.plugins.filter(({ meta: meta2 }) => !manager.core.includes(meta2.id)).filter(({ meta: meta2 }) => manager.enabled.includes(meta2.id)), []);
       return /* @__PURE__ */ React5.createElement(RegistryContainer, {
         id: `${REGISTRY_KEY}+installed`,
         plugins: filtered
@@ -282,12 +308,12 @@ var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
     }
   }),
   createSurface({
-    id: `${REGISTRY_PLUGIN}/recommended`,
+    id: `${meta.id}/recommended`,
     role: "article",
     filter: (data) => data.subject === `${REGISTRY_KEY}+recommended`,
     component: () => {
       const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)).filter(({ meta }) => !meta.tags?.includes("labs")), []);
+      const filtered = useMemo2(() => manager.plugins.filter(({ meta: meta2 }) => !manager.core.includes(meta2.id)).filter(({ meta: meta2 }) => !meta2.tags?.includes("labs")), []);
       return /* @__PURE__ */ React5.createElement(RegistryContainer, {
         id: `${REGISTRY_KEY}+recommended`,
         plugins: filtered
@@ -295,12 +321,12 @@ var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
     }
   }),
   createSurface({
-    id: `${REGISTRY_PLUGIN}/labs`,
+    id: `${meta.id}/labs`,
     role: "article",
     filter: (data) => data.subject === `${REGISTRY_KEY}+labs`,
     component: () => {
       const manager = usePluginManager2();
-      const filtered = useMemo2(() => manager.plugins.filter(({ meta }) => meta.tags?.includes("labs")), []);
+      const filtered = useMemo2(() => manager.plugins.filter(({ meta: meta2 }) => meta2.tags?.includes("labs")), []);
       return /* @__PURE__ */ React5.createElement(RegistryContainer, {
         id: `${REGISTRY_KEY}+labs`,
         plugins: filtered
@@ -308,7 +334,7 @@ var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
     }
   }),
   createSurface({
-    id: `${REGISTRY_PLUGIN}/plugin-details`,
+    id: `${meta.id}/plugin-details`,
     role: "article",
     filter: (data) => data.subject instanceof Plugin,
     component: ({ data: { subject } }) => {
@@ -319,17 +345,15 @@ var react_surface_default = () => contributes(Capabilities2.ReactSurface, [
         subject.meta.id,
         enabled
       ]);
-      return /* @__PURE__ */ React5.createElement(StackItem2.Content, {
-        role: "article"
-      }, /* @__PURE__ */ React5.createElement(PluginDetail, {
+      return /* @__PURE__ */ React5.createElement(PluginDetail, {
         plugin: subject,
         enabled,
         onEnable: handleEnable
-      }));
+      });
     }
   })
-]);
+]));
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-SRFVJQKE.mjs.map
+//# sourceMappingURL=react-surface-IGCXOVE2.mjs.map

package/dist/lib/browser/react-surface-IGCXOVE2.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, Plugin, contributes, createSurface } from '@dxos/app-framework';\nimport { usePluginManager } from '@dxos/app-framework/react';\n\nimport { PluginDetail, RegistryContainer } from '../components';\nimport { REGISTRY_KEY, meta } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\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(() => 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: `${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.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: `${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.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: `${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.plugins.filter(({ meta }) => meta.tags?.includes('labs')), []);\n\n        return <RegistryContainer id={`${REGISTRY_KEY}+labs`} plugins={filtered} />;\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/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 <PluginDetail plugin={subject} enabled={enabled} onEnable={handleEnable} />;\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 { StackItem } from '@dxos/react-ui-stack';\nimport { getStyles, mx } from '@dxos/react-ui-theme';\n\nimport { meta } 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(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    <StackItem.Content scrollable>\n      <div role='none' className='grid grid-cols-[min-content_1fr] gap-4 container-max-width p-4'>\n        <div role='none'>\n          <Icon classNames={mx('p-1 rounded', styles.bg, styles.icon)} 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 is-full pbs-1'>\n            <h2 className='text-xl'>{name}</h2>\n            <Input.Root>\n              <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />\n            </Input.Root>\n            <p className='pbs-0.5 text-sm text-description'>{id}</p>\n          </div>\n\n          <div role='none'>\n            <p className='text-description'>{description}</p>\n          </div>\n\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\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 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        </div>\n      </div>\n    </StackItem.Content>\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(18rem,1fr))] 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 { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getStyles } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\nimport { type RegistryTagType } from '../types';\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: hasSettingsParam,\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 = hasSettingsParam?.(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, 'bs-[12rem] is-full gap-3 pie-2 border border-separator rounded-md overflow-hidden')}\n    >\n      <div className={mx(gridRows, 'justify-center rounded-l-md', styles.bg)}>\n        <div />\n        <Icon classNames={mx('cursor-pointer', styles.icon)} icon={icon} size={14} onClick={handleClick} />\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(descriptionText, 'line-clamp-4 min-is-0')}>{description}</p>\n        </div>\n\n        <div className='flex -mis-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='pie-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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Capabilities, LayoutAction, type Plugin, SettingsAction, createIntent } from '@dxos/app-framework';\nimport { useCapability, useIntentDispatcher, usePluginManager } from '@dxos/app-framework/react';\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 scrollable>\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", "Plugin", "contributes", "createSurface", "usePluginManager", "React", "Icon", "Input", "Link", "useTranslation", "StackItem", "getStyles", "mx", "PluginDetail", "plugin", "enabled", "onEnable", "t", "useTranslation", "meta", "id", "name", "description", "homePage", "source", "screenshots", "icon", "iconHue", "styles", "getStyles", "StackItem", "Content", "scrollable", "div", "role", "className", "Icon", "classNames", "mx", "bg", "size", "h2", "Input", "Root", "Switch", "checked", "onClick", "p", "length", "img", "src", "alt", "Link", "href", "target", "rel", "React", "List", "React", "useCallback", "Icon", "IconButton", "Input", "Link", "ListItem", "Tag", "useTranslation", "descriptionText", "mx", "getStyles", "PluginItem", "plugin", "enabled", "onClick", "onChange", "hasSettings", "hasSettingsParam", "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", "bg", "Icon", "size", "span", "p", "descriptionText", "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", "React", "useCallback", "useMemo", "Capabilities", "LayoutAction", "SettingsAction", "createIntent", "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", "scrollable", "PluginList", "onClick", "onChange", "onSettings", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "subject", "REGISTRY_KEY", "component", "manager", "usePluginManager", "filtered", "useMemo", "plugins", "core", "includes", "React", "RegistryContainer", "enabled", "tags", "Plugin", "handleEnable", "useCallback", "disable", "enable", "PluginDetail", "plugin", "onEnable"]
+}

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

@@ -1,2 +1,2 @@
-export declare const RegistryPlugin: () => import("@dxos/app-framework").Plugin;
+export declare const RegistryPlugin: import("@dxos/app-framework").PluginFactory<void>;
 //# sourceMappingURL=RegistryPlugin.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RegistryPlugin.d.ts","sourceRoot":"","sources":["../../../src/RegistryPlugin.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,4CAsBvB,CAAC"}
+{"version":3,"file":"RegistryPlugin.d.ts","sourceRoot":"","sources":["../../../src/RegistryPlugin.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,mDAqBzB,CAAC"}

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

@@ -1,4 +1,4 @@
 import { type PluginContext } from '@dxos/app-framework';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-graph").BuilderExtensions>;
+declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-graph").BuilderExtensions>>;
 export default _default;
 //# sourceMappingURL=app-graph-builder.d.ts.map

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,wBA8IK"}
+{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAQA,OAAO,EAAgB,KAAK,aAAa,EAA6C,MAAM,qBAAqB,CAAC;yBAKlG,SAAS,aAAa;AAAtC,wBA8IK"}

package/dist/types/src/capabilities/index.d.ts

@@ -1,4 +1,4 @@
-export declare const AppGraphBuilder: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-graph").BuilderExtensions> | import("@dxos/app-framework").AnyCapability[]>>;
-export declare const IntentResolver: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.IntentResolver> | import("@dxos/app-framework").AnyCapability[]>>;
-export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const AppGraphBuilder: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-graph").BuilderExtensions>> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const IntentResolver: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.IntentResolver>> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,oOAA4C,CAAC;AACzE,eAAO,MAAM,cAAc,kMAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,gMAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,gRAA4C,CAAC;AACzE,eAAO,MAAM,cAAc,8OAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,4OAAwC,CAAC"}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +1,4 @@
 import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.IntentResolver>;
+declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
 export default _default;
 //# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAKL,YAAY,EAEb,MAAM,qBAAqB,CAAC;;AAI7B,wBAWI"}
+{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,YAAY,EAMb,MAAM,qBAAqB,CAAC;;AAI7B,wBAWI"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -1,4 +1,4 @@
 import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
+declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
 export default _default;
 //# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAwD,MAAM,qBAAqB,CAAC;;AAMzG,wBA6EK"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAsC,MAAM,qBAAqB,CAAC;;AAMvF,wBAyEK"}

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

@@ -1 +1 @@
-{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,+BAA+B,iBAAiB,sBA4C5E,CAAC"}
+{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAOlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,+BAA+B,iBAAiB,sBA8D5E,CAAC"}

package/dist/types/src/components/PluginDetail.stories.d.ts

@@ -1,8 +1,32 @@
-import '@dxos-theme';
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-import { type PluginDetailProps } from './PluginDetail';
-declare const meta: Meta<PluginDetailProps>;
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ plugin, enabled, onEnable }: import("./PluginDetail").PluginDetailProps) => import("react").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly [meta.id]: {
+                    readonly 'plugin name': "Registry";
+                    readonly 'details label': "Details";
+                    readonly 'home page label': "Website";
+                    readonly 'source label': "Source";
+                    readonly 'plugin registry label': "Plugin Registry";
+                    readonly 'all plugins label': "All";
+                    readonly 'installed plugins label': "Enabled";
+                    readonly 'recommended plugins label': "Recommended";
+                    readonly 'labs plugins label': "Labs";
+                    readonly 'community plugins label': "Community";
+                    readonly 'load by url label': "Load by URL (soon)";
+                    readonly 'coming soon label': "Coming soon!";
+                    readonly 'open plugin registry label': "Open plugin registry";
+                    readonly 'settings label': "Settings";
+                };
+            };
+        }];
+    };
+};
 export default meta;
-type Story = StoryObj<PluginDetailProps>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 //# sourceMappingURL=PluginDetail.stories.d.ts.map

package/dist/types/src/components/PluginDetail.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAKjE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC"}
+{"version":3,"file":"PluginDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASjE,QAAA,MAAM,IAAI;;;;;;;yBANc,CAAS,IAAG,CAAE,EAAC,CAAC;;;;;;;;;;;;;;;;;;;CAaH,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC"}

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

@@ -9,5 +9,5 @@ export type PluginItemProps = {
     hasSettings?: (id: string) => boolean;
     onSettings?: (id: string) => void;
 };
-export declare const PluginItem: ({ plugin, enabled, onClick, onChange, hasSettings: _hasSettings, onSettings, }: PluginItemProps) => React.JSX.Element;
+export declare const PluginItem: ({ plugin, enabled, onClick, onChange, hasSettings: hasSettingsParam, onSettings, }: PluginItemProps) => React.JSX.Element;
 //# sourceMappingURL=PluginItem.d.ts.map

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,sBAyFjB,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;AAQlD,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,oFAOxB,eAAe,sBA+EjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,uBAA4B,eAAe,sBAUrE,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,uBAA4B,eAAe,sBAQrE,CAAC"}

package/dist/types/src/components/PluginList.stories.d.ts

@@ -1,11 +1,34 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-export declare const Default: {};
-export declare const Column: {
-    args: {
-        classNames: string;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ plugins, ...props }: import("./PluginList").PluginListProps) => React.JSX.Element;
+    render: () => React.JSX.Element;
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly [meta.id]: {
+                    readonly 'plugin name': "Registry";
+                    readonly 'details label': "Details";
+                    readonly 'home page label': "Website";
+                    readonly 'source label': "Source";
+                    readonly 'plugin registry label': "Plugin Registry";
+                    readonly 'all plugins label': "All";
+                    readonly 'installed plugins label': "Enabled";
+                    readonly 'recommended plugins label': "Recommended";
+                    readonly 'labs plugins label': "Labs";
+                    readonly 'community plugins label': "Community";
+                    readonly 'load by url label': "Load by URL (soon)";
+                    readonly 'coming soon label': "Coming soon!";
+                    readonly 'open plugin registry label': "Open plugin registry";
+                    readonly 'settings label': "Settings";
+                };
+            };
+        }];
     };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FullScreen: Story;
 //# sourceMappingURL=PluginList.stories.d.ts.map