@dxos/plugin-settings 0.6.11 → 0.6.12-main.568932b

package/dist/lib/browser/index.mjs

@@ -4,7 +4,6 @@ import {
 } from "./chunk-JKQMH66V.mjs";
 
 // packages/plugins/plugin-settings/src/SettingsPlugin.tsx
-import { Gear } from "@phosphor-icons/react";
 import React3 from "react";
 import { parseIntentPlugin, resolvePlugin, LayoutAction, SettingsAction } from "@dxos/app-framework";
 import { LocalStorageStore } from "@dxos/local-storage";
@@ -29,8 +28,9 @@ var SettingsDialog = ({ selected, onSelected }) => {
     "dxos.org/plugin/observability",
     "dxos.org/plugin/registry"
   ];
-  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);
-  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0);
+  const sortPlugin = ({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0;
+  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable).sort(sortPlugin);
+  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(sortPlugin);
   const [tabsActivePart, setTabsActivePart] = useState("list");
   return /* @__PURE__ */ React.createElement(Dialog.Content, {
     classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
@@ -72,14 +72,13 @@ var SettingsDialog = ({ selected, onSelected }) => {
     role: "none",
     className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
   }, /* @__PURE__ */ React.createElement(Tabs.Tablist, {
-    classNames: "max-bs-none overflow-y-visible"
+    classNames: "flex flex-col gap-4 max-bs-none overflow-y-visible"
   }, /* @__PURE__ */ React.createElement(PluginList, {
     title: "Options",
     plugins: corePlugins
   }), filteredPlugins.length > 0 && /* @__PURE__ */ React.createElement(PluginList, {
     title: "Plugins",
-    plugins: filteredPlugins,
-    gap: true
+    plugins: filteredPlugins
   }))), corePlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
     key: plugin.id,
     value: plugin.id,
@@ -100,13 +99,17 @@ var SettingsDialog = ({ selected, onSelected }) => {
     }
   }))))));
 };
-var PluginList = ({ title, plugins, gap }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tabs.TabGroupHeading, {
-    classNames: gap ? "mbs-4" : "mbs-4 @md:mbs-2"
-  }, title), plugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tab, {
+var PluginList = ({ title, plugins }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ React.createElement(Tabs.TabGroupHeading, {
+    classNames: "pli-1 mlb-2 mbs-4 @md:mbs-2"
+  }, title), /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col ml-1"
+  }, plugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tab, {
     key: plugin.id,
     value: plugin.id
-  }, plugin.name)));
+  }, plugin.name))));
 };
 
 // packages/plugins/plugin-settings/src/components/SettingsValue.tsx
@@ -227,8 +230,7 @@ var SettingsPlugin = () => {
                       ns: SETTINGS_PLUGIN
                     }
                   ],
-                  icon: (props) => /* @__PURE__ */ React3.createElement(Gear, props),
-                  iconSymbol: "ph--gear--regular",
+                  icon: "ph--gear--regular",
                   keyBinding: {
                     macos: "meta+,",
                     windows: "alt+,"

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SettingsPlugin.tsx", "../../../src/components/SettingsDialog.tsx", "../../../src/components/SettingsValue.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gear, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: (props: IconProps) => <Gear {...props} />,\n                  iconSymbol: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? '') ?? 0);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} gap />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins, gap }: { title: string; plugins: Plugin['meta'][]; gap?: boolean }) => {\n  return (\n    <>\n      <Tabs.TabGroupHeading classNames={gap ? 'mbs-4' : 'mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      {plugins.map((plugin) => (\n        <Tabs.Tab key={plugin.id} value={plugin.id}>\n          {plugin.name}\n        </Tabs.Tab>\n      ))}\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
-  "mappings": "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",
-  "names": ["Gear", "React", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "createExtension", "React", "useState", "Surface", "usePlugins", "Button", "Dialog", "Icon", "useTranslation", "Tabs", "getSize", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "filteredPlugins", "includes", "provides", "settings", "sort", "name", "a", "b", "localeCompare", "tabsActivePart", "setTabsActivePart", "useState", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "gap", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "React", "Input", "SettingsValue", "label", "description", "secondary", "children", "primary", "React", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "SETTINGS_PLUGIN", "DEFAULT_PLUGIN", "SettingsPlugin", "settings", "LocalStorageStore", "SETTINGS_PLUGIN", "selected", "meta", "ready", "prop", "key", "type", "string", "provides", "surface", "component", "data", "React", "SettingsDialog", "values", "onSelected", "intent", "resolver", "action", "SettingsAction", "OPEN", "plugin", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "plugins", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "id", "filter", "node", "actions", "dispatch", "properties", "label", "ns", "icon", "props", "Gear", "iconSymbol", "keyBinding", "macos", "windows", "translations", "SettingsPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const sortPlugin = ({ name: a }: Plugin['meta'], { name: b }: Plugin['meta']) => a?.localeCompare(b ?? '') ?? 0;\n\n  const corePlugins = core\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta)\n    .filter(nonNullable)\n    .sort(sortPlugin);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(sortPlugin);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='flex flex-col gap-4 max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins }: { title: string; plugins: Plugin['meta'][] }) => {\n  return (\n    <div role='none'>\n      <Tabs.TabGroupHeading classNames={'pli-1 mlb-2 mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      <div className='flex flex-col ml-1'>\n        {plugins.map((plugin) => (\n          <Tabs.Tab key={plugin.id} value={plugin.id}>\n            {plugin.name}\n          </Tabs.Tab>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "createExtension", "React", "useState", "Surface", "usePlugins", "Button", "Dialog", "Icon", "useTranslation", "Tabs", "getSize", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "sortPlugin", "name", "a", "b", "localeCompare", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "sort", "filteredPlugins", "includes", "provides", "settings", "tabsActivePart", "setTabsActivePart", "useState", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "React", "Input", "SettingsValue", "label", "description", "secondary", "children", "primary", "React", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "SETTINGS_PLUGIN", "DEFAULT_PLUGIN", "SettingsPlugin", "settings", "LocalStorageStore", "SETTINGS_PLUGIN", "selected", "meta", "ready", "prop", "key", "type", "string", "provides", "surface", "component", "data", "React", "SettingsDialog", "values", "onSelected", "intent", "resolver", "action", "SettingsAction", "OPEN", "plugin", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "plugins", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "id", "filter", "node", "actions", "dispatch", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "translations", "SettingsPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15320,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12747,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16980},"packages/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2968},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4288},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9300},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}
+{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15790,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16977},"packages/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2830},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4430},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9304},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}

package/dist/lib/node/index.cjs

@@ -35,18 +35,17 @@ __export(node_exports, {
 });
 module.exports = __toCommonJS(node_exports);
 var import_chunk_LZVHLML4 = require("./chunk-LZVHLML4.cjs");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_local_storage = require("@dxos/local-storage");
 var import_plugin_graph = require("@dxos/plugin-graph");
-var import_react3 = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_tabs = require("@dxos/react-ui-tabs");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
-var import_react4 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_react_ui2 = require("@dxos/react-ui");
 var SettingsDialog = ({ selected, onSelected }) => {
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_LZVHLML4.SETTINGS_PLUGIN);
@@ -60,104 +59,108 @@ var SettingsDialog = ({ selected, onSelected }) => {
     "dxos.org/plugin/observability",
     "dxos.org/plugin/registry"
   ];
-  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(import_util.nonNullable);
-  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0);
-  const [tabsActivePart, setTabsActivePart] = (0, import_react3.useState)("list");
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Content, {
+  const sortPlugin = ({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0;
+  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(import_util.nonNullable).sort(sortPlugin);
+  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(sortPlugin);
+  const [tabsActivePart, setTabsActivePart] = (0, import_react2.useState)("list");
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Content, {
     classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
-  }, /* @__PURE__ */ import_react3.default.createElement("div", {
+  }, /* @__PURE__ */ import_react2.default.createElement("div", {
     role: "none",
     className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Title, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Title, {
     onClick: () => setTabsActivePart("list"),
     "aria-description": t("click to return to tablist description"),
     classNames: "flex cursor-pointer items-center group/title"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
     icon: "ph--caret-left--regular",
     classNames: [
       "@md:hidden",
       (0, import_react_ui_theme.getSize)(4),
       tabsActivePart === "list" && "invisible"
     ]
-  }), /* @__PURE__ */ import_react3.default.createElement("span", {
+  }), /* @__PURE__ */ import_react2.default.createElement("span", {
     className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
-  }, t("settings dialog title"))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Close, {
+  }, t("settings dialog title"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Button, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
     density: "fine",
     variant: "ghost",
     autoFocus: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
     icon: "ph--x--regular",
     size: 3
-  })))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Root, {
+  })))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Root, {
     orientation: "vertical",
     value: selected,
     onValueChange: (nextSelected) => onSelected(nextSelected),
     activePart: tabsActivePart,
     onActivePartChange: setTabsActivePart,
     classNames: "flex flex-col flex-1 mbs-2"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Viewport, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Viewport, {
     classNames: "flex-1 min-bs-0"
-  }, /* @__PURE__ */ import_react3.default.createElement("div", {
+  }, /* @__PURE__ */ import_react2.default.createElement("div", {
     role: "none",
     className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
-    classNames: "max-bs-none overflow-y-visible"
-  }, /* @__PURE__ */ import_react3.default.createElement(PluginList, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
+    classNames: "flex flex-col gap-4 max-bs-none overflow-y-visible"
+  }, /* @__PURE__ */ import_react2.default.createElement(PluginList, {
     title: "Options",
     plugins: corePlugins
-  }), filteredPlugins.length > 0 && /* @__PURE__ */ import_react3.default.createElement(PluginList, {
+  }), filteredPlugins.length > 0 && /* @__PURE__ */ import_react2.default.createElement(PluginList, {
     title: "Plugins",
-    plugins: filteredPlugins,
-    gap: true
-  }))), corePlugins.map((plugin) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+    plugins: filteredPlugins
+  }))), corePlugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
     key: plugin.id,
     value: plugin.id,
     classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_app_framework2.Surface, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_app_framework2.Surface, {
     role: "settings",
     data: {
       plugin: plugin.id
     }
-  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
     key: plugin.id,
     value: plugin.id,
     classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_app_framework2.Surface, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_app_framework2.Surface, {
     role: "settings",
     data: {
       plugin: plugin.id
     }
   }))))));
 };
-var PluginList = ({ title, plugins, gap }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.TabGroupHeading, {
-    classNames: gap ? "mbs-4" : "mbs-4 @md:mbs-2"
-  }, title), plugins.map((plugin) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tab, {
+var PluginList = ({ title, plugins }) => {
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.TabGroupHeading, {
+    classNames: "pli-1 mlb-2 mbs-4 @md:mbs-2"
+  }, title), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "flex flex-col ml-1"
+  }, plugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tab, {
     key: plugin.id,
     value: plugin.id
-  }, plugin.name)));
+  }, plugin.name))));
 };
 var SettingsValue = ({ label, description, secondary, children }) => {
-  const primary = /* @__PURE__ */ import_react4.default.createElement("div", {
+  const primary = /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "flex w-full gap-4 py-1"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "flex flex-col w-full"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Label, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Label, {
     classNames: "flex min-h-[40px] items-center"
-  }, label), description && /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.DescriptionAndValidation, {
+  }, label), description && /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.DescriptionAndValidation, {
     classNames: "mbs-0.5"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Description, null, description))), /* @__PURE__ */ import_react4.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Description, null, description))), /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none"
-  }, /* @__PURE__ */ import_react4.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "flex min-h-[40px] items-center"
   }, children))));
   if (secondary) {
-    return /* @__PURE__ */ import_react4.default.createElement("div", {
+    return /* @__PURE__ */ import_react3.default.createElement("div", {
       role: "none",
       className: "flex flex-col w-full"
     }, primary, secondary);
@@ -194,7 +197,7 @@ var SettingsPlugin = () => {
         component: ({ data }) => {
           switch (data.component) {
             case `${import_chunk_LZVHLML4.SETTINGS_PLUGIN}/Settings`:
-              return /* @__PURE__ */ import_react2.default.createElement(SettingsDialog, {
+              return /* @__PURE__ */ import_react.default.createElement(SettingsDialog, {
                 selected: settings.values.selected,
                 onSelected: (selected) => settings.values.selected = selected
               });
@@ -250,8 +253,7 @@ var SettingsPlugin = () => {
                       ns: import_chunk_LZVHLML4.SETTINGS_PLUGIN
                     }
                   ],
-                  icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.Gear, props),
-                  iconSymbol: "ph--gear--regular",
+                  icon: "ph--gear--regular",
                   keyBinding: {
                     macos: "meta+,",
                     windows: "alt+,"

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SettingsPlugin.tsx", "../../../src/components/SettingsDialog.tsx", "../../../src/components/SettingsValue.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gear, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: (props: IconProps) => <Gear {...props} />,\n                  iconSymbol: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? '') ?? 0);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} gap />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins, gap }: { title: string; plugins: Plugin['meta'][]; gap?: boolean }) => {\n  return (\n    <>\n      <Tabs.TabGroupHeading classNames={gap ? 'mbs-4' : 'mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      {plugins.map((plugin) => (\n        <Tabs.Tab key={plugin.id} value={plugin.id}>\n          {plugin.name}\n        </Tabs.Tab>\n      ))}\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_app_framework", "import_react_ui", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "filteredPlugins", "includes", "provides", "settings", "sort", "name", "a", "b", "localeCompare", "tabsActivePart", "setTabsActivePart", "useState", "React", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "gap", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "SettingsValue", "label", "description", "secondary", "children", "primary", "Input", "Label", "DescriptionAndValidation", "Description", "DEFAULT_PLUGIN", "SettingsPlugin", "LocalStorageStore", "ready", "prop", "type", "string", "surface", "component", "values", "intent", "resolver", "action", "SettingsAction", "OPEN", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "node", "actions", "dispatch", "properties", "ns", "props", "Gear", "iconSymbol", "keyBinding", "macos", "windows", "translations"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const sortPlugin = ({ name: a }: Plugin['meta'], { name: b }: Plugin['meta']) => a?.localeCompare(b ?? '') ?? 0;\n\n  const corePlugins = core\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta)\n    .filter(nonNullable)\n    .sort(sortPlugin);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(sortPlugin);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='flex flex-col gap-4 max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins }: { title: string; plugins: Plugin['meta'][] }) => {\n  return (\n    <div role='none'>\n      <Tabs.TabGroupHeading classNames={'pli-1 mlb-2 mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      <div className='flex flex-col ml-1'>\n        {plugins.map((plugin) => (\n          <Tabs.Tab key={plugin.id} value={plugin.id}>\n            {plugin.name}\n          </Tabs.Tab>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAUO;AACP,2BAAkC;AAClC,0BAA2C;ACd3C,IAAAA,gBAAgC;AAEhC,IAAAC,wBAAiD;AACjD,sBAAqD;AACrD,2BAA0C;AAC1C,4BAAwB;AACxB,kBAA4B;ACN5B,IAAAD,gBAAwD;AAExD,IAAAE,mBAAsB;ADQf,IAAMC,iBAAiB,CAAC,EAC7BC,UACAC,WAAU,MAIX;AACC,QAAM,EAAEC,EAAC,QAAKC,gCAAeC,qCAAAA;AAC7B,QAAM,EAAEC,SAASC,QAAO,QAAKC,kCAAAA;AAG7B,QAAMC,OAAO;IACX;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF,QAAMC,aAAa,CAAC,EAAEC,MAAMC,EAAC,GAAoB,EAAED,MAAME,EAAC,MAAuBD,GAAGE,cAAcD,KAAK,EAAA,KAAO;AAE9G,QAAME,cAAcN,KACjBO,IAAI,CAACC,OAAOX,QAAQY,KAAK,CAACC,WAAWA,OAAOC,KAAKH,OAAOA,EAAAA,GAAKG,IAAAA,EAC7DC,OAAOC,uBAAAA,EACPC,KAAKb,UAAAA;AAER,QAAMc,kBAAkBjB,QACrBc,OAAO,CAACJ,OAAO,CAACR,KAAKgB,SAASR,EAAAA,CAAAA,EAC9BD,IAAI,CAACC,OAAOX,QAAQY,KAAK,CAACC,WAAWA,OAAOC,KAAKH,OAAOA,EAAAA,CAAAA,EACxDI,OAAO,CAACF,WAAYA,QAAQO,UAAkBC,QAAAA,EAC9CX,IAAI,CAACG,WAAWA,OAAQC,IAAI,EAC5BG,KAAKb,UAAAA;AAER,QAAM,CAACkB,gBAAgBC,iBAAAA,QAAqBC,wBAAyB,MAAA;AAErE,SACE,8BAAAC,QAAA,cAACC,uBAAOC,SAAO;IAACC,YAAW;KACzB,8BAAAH,QAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,8BAAAN,QAAA,cAACC,uBAAOM,OAAK;IACXC,SAAS,MAAMV,kBAAkB,MAAA;IACjCW,oBAAkBrC,EAAE,wCAAA;IACpB+B,YAAW;KAEX,8BAAAH,QAAA,cAACU,sBAAAA;IACCC,MAAK;IACLR,YAAY;MAAC;UAAcS,+BAAQ,CAAA;MAAIf,mBAAmB,UAAU;;MAEtE,8BAAAG,QAAA,cAACa,QAAAA;IACCP,WACET,mBAAmB,SACf,mGACA;KAGLzB,EAAE,uBAAA,CAAA,CAAA,GAGP,8BAAA4B,QAAA,cAACC,uBAAOa,OAAK;IAACC,SAAAA;KACZ,8BAAAf,QAAA,cAACgB,wBAAAA;IAAOC,SAAQ;IAAOC,SAAQ;IAAQC,WAAAA;KACrC,8BAAAnB,QAAA,cAACU,sBAAAA;IAAKC,MAAK;IAAiBS,MAAM;SAKxC,8BAAApB,QAAA,cAACqB,0BAAKC,MAAI;IACRC,aAAY;IACZC,OAAOtD;IACPuD,eAAe,CAACC,iBAAiBvD,WAAWuD,YAAAA;IAC5CC,YAAY9B;IACZ+B,oBAAoB9B;IACpBK,YAAW;KAEX,8BAAAH,QAAA,cAACqB,0BAAKQ,UAAQ;IAAC1B,YAAW;KACxB,8BAAAH,QAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,8BAAAN,QAAA,cAACqB,0BAAKS,SAAO;IAAC3B,YAAW;KACvB,8BAAAH,QAAA,cAAC+B,YAAAA;IAAWC,OAAM;IAAUzD,SAASS;MACpCS,gBAAgBwC,SAAS,KAAK,8BAAAjC,QAAA,cAAC+B,YAAAA;IAAWC,OAAM;IAAUzD,SAASkB;QAIvET,YAAYC,IAAI,CAACG,WAChB,8BAAAY,QAAA,cAACqB,0BAAKa,UAAQ;IAACC,KAAK/C,OAAOF;IAAIsC,OAAOpC,OAAOF;IAAIiB,YAAW;KAC1D,8BAAAH,QAAA,cAACoC,+BAAAA;IAAQ/B,MAAK;IAAWgC,MAAM;MAAEjD,QAAQA,OAAOF;IAAG;QAGtDO,gBAAgBR,IAAI,CAACG,WACpB,8BAAAY,QAAA,cAACqB,0BAAKa,UAAQ;IAACC,KAAK/C,OAAOF;IAAIsC,OAAOpC,OAAOF;IAAIiB,YAAW;KAC1D,8BAAAH,QAAA,cAACoC,+BAAAA;IAAQ/B,MAAK;IAAWgC,MAAM;MAAEjD,QAAQA,OAAOF;IAAG;;AAOjE;AAEA,IAAM6C,aAAa,CAAC,EAAEC,OAAOzD,QAAO,MAAgD;AAClF,SACE,8BAAAyB,QAAA,cAACI,OAAAA;IAAIC,MAAK;KACR,8BAAAL,QAAA,cAACqB,0BAAKiB,iBAAe;IAACnC,YAAY;KAAgC6B,KAAAA,GAClE,8BAAAhC,QAAA,cAACI,OAAAA;IAAIE,WAAU;KACZ/B,QAAQU,IAAI,CAACG,WACZ,8BAAAY,QAAA,cAACqB,0BAAKkB,KAAG;IAACJ,KAAK/C,OAAOF;IAAIsC,OAAOpC,OAAOF;KACrCE,OAAOR,IAAI,CAAA,CAAA,CAAA;AAMxB;AC/GO,IAAM4D,gBAAgB,CAAC,EAAEC,OAAOC,aAAaC,WAAWC,SAAQ,MAAwC;AAC7G,QAAMC,UACJ7C,8BAAAA,QAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzBN,8BAAAA,QAAA,cAAC8C,uBAAMxB,MAAI,MACTtB,8BAAAA,QAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KAEzBN,8BAAAA,QAAA,cAAC8C,uBAAMC,OAAK;IAAC5C,YAAW;KAAkCsC,KAAAA,GACzDC,eACC1C,8BAAAA,QAAA,cAAC8C,uBAAME,0BAAwB;IAAC7C,YAAW;KACzCH,8BAAAA,QAAA,cAAC8C,uBAAMG,aAAW,MAAEP,WAAAA,CAAAA,CAAAA,GAK1B1C,8BAAAA,QAAA,cAACI,OAAAA;IAAIC,MAAK;KACRL,8BAAAA,QAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACxBsC,QAAAA,CAAAA,CAAAA,CAAAA;AAOX,MAAID,WAAW;AAEb,WACE3C,8BAAAA,QAAA,cAACI,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACxBuC,SACAF,SAAAA;EAGP;AAEA,SAAOE;AACT;AC1CA,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACvE,qCAAAA,GAAkB;QACjB,uBAAuB;QACvB,yBAAyB;QACzB,cAAc;QACd,0CAA0C;MAC5C;IACF;EACF;;AHQF,IAAM4E,iBAAiB;AAchB,IAAMC,iBAAiB,MAAA;AAC5B,QAAMvD,WAAW,IAAIwD,uCAAyC9E,uCAAiB;IAAEJ,UAAUgF;EAAe,CAAA;AAE1G,SAAO;IACL7D,MAAAA;IACAgE,OAAO,YAAA;AACLzD,eAAS0D,KAAK;QAAEnB,KAAK;QAAYoB,MAAMH,uCAAkBI,OAAM;MAAG,CAAA;IACpE;IACA7D,UAAU;MACR8D,SAAS;QACPC,WAAW,CAAC,EAAErB,KAAI,MAAE;AAClB,kBAAQA,KAAKqB,WAAS;YACpB,KAAK,GAAGpF,qCAAAA;AACN,qBACE0B,6BAAAA,QAAA,cAAC/B,gBAAAA;gBACCC,UAAU0B,SAAS+D,OAAOzF;gBAC1BC,YAAY,CAACD,aAAc0B,SAAS+D,OAAOzF,WAAWA;;YAI5D;AACE,qBAAO;UACX;QACF;MACF;MACA0F,QAAQ;QACNC,UAAU,CAACD,WAAAA;AACT,kBAAQA,OAAOE,QAAM;YACnB,KAAKC,oCAAeC,MAAM;AACxB,kBAAIJ,OAAOvB,MAAMjD,QAAQ;AACvBQ,yBAAS+D,OAAOzF,WAAW0F,OAAOvB,MAAMjD;cAC1C;AAEA,qBAAO;gBACL6E,SAAS;kBACP;oBACE;sBACEH,QAAQI,kCAAaC;sBACrB9B,MAAM;wBACJ+B,SAAS;wBACTV,WAAW,GAAGpF,qCAAAA;wBACd+F,kBAAkB;sBACpB;oBACF;;;cAGN;YACF;UACF;QACF;MACF;MACAC,OAAO;QACLC,SAAS,CAAChG,YAAAA;AACR,gBAAMiG,mBAAeC,oCAAclG,SAASmG,sCAAAA;AAE5C,qBAAOC,qCAAgB;YACrBzF,IAAIZ;YACJgB,QAAQ,CAACsF,SAA6BA,KAAK1F,OAAO;YAClD2F,SAAS,MAAM;cACb;gBACE3F,IAAIZ;gBACJ+D,MAAM,YAAA;AACJ,wBAAMmC,cAAc7E,SAASiE,OAAOkB,SAAS;oBAC3C1F,QAAQd;oBACRwF,QAAQC,oCAAeC;kBACzB,CAAA;gBACF;gBACAe,YAAY;kBACVtC,OAAO;oBAAC;oBAAuB;sBAAEuC,IAAI1G;oBAAgB;;kBACrDqC,MAAM;kBACNsE,YAAY;oBACVC,OAAO;oBACPC,SAAS;kBACX;gBACF;cACF;;UAEJ,CAAA;QACF;MACF;MACAC,cAAAA;IACF;EACF;AACF;AInHA,IAAA,cAAejC;",
+  "names": ["import_react", "import_app_framework", "import_react_ui", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "sortPlugin", "name", "a", "b", "localeCompare", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "sort", "filteredPlugins", "includes", "provides", "settings", "tabsActivePart", "setTabsActivePart", "useState", "React", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "SettingsValue", "label", "description", "secondary", "children", "primary", "Input", "Label", "DescriptionAndValidation", "Description", "DEFAULT_PLUGIN", "SettingsPlugin", "LocalStorageStore", "ready", "prop", "type", "string", "surface", "component", "values", "intent", "resolver", "action", "SettingsAction", "OPEN", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "node", "actions", "dispatch", "properties", "ns", "keyBinding", "macos", "windows", "translations"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15320,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12747,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16980},"packages/plugins/plugin-settings/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2968},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4288},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9300},"packages/plugins/plugin-settings/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}
+{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15790,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16977},"packages/plugins/plugin-settings/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2830},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4430},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9304},"packages/plugins/plugin-settings/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/node/chunk-LZVHLML4.cjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}

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

@@ -0,0 +1,13 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/plugins/plugin-settings/src/meta.ts
+var SETTINGS_PLUGIN = "dxos.org/plugin/settings";
+var meta_default = {
+  id: SETTINGS_PLUGIN
+};
+
+export {
+  SETTINGS_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-CHPB3YX5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport const SETTINGS_PLUGIN = 'dxos.org/plugin/settings';\n\nexport default {\n  id: SETTINGS_PLUGIN,\n};\n"],
+  "mappings": ";;;AAIO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;AACN;",
+  "names": ["SETTINGS_PLUGIN", "id"]
+}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,258 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  SETTINGS_PLUGIN,
+  meta_default
+} from "./chunk-CHPB3YX5.mjs";
+
+// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
+import React3 from "react";
+import { parseIntentPlugin, resolvePlugin, LayoutAction, SettingsAction } from "@dxos/app-framework";
+import { LocalStorageStore } from "@dxos/local-storage";
+import { createExtension } from "@dxos/plugin-graph";
+
+// packages/plugins/plugin-settings/src/components/SettingsDialog.tsx
+import React, { useState } from "react";
+import { Surface, usePlugins } from "@dxos/app-framework";
+import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
+import { Tabs } from "@dxos/react-ui-tabs";
+import { getSize } from "@dxos/react-ui-theme";
+import { nonNullable } from "@dxos/util";
+var SettingsDialog = ({ selected, onSelected }) => {
+  const { t } = useTranslation(SETTINGS_PLUGIN);
+  const { plugins, enabled } = usePlugins();
+  const core = [
+    "dxos.org/plugin/layout",
+    "dxos.org/plugin/deck",
+    "dxos.org/plugin/files",
+    "dxos.org/plugin/space",
+    "dxos.org/plugin/stack",
+    "dxos.org/plugin/observability",
+    "dxos.org/plugin/registry"
+  ];
+  const sortPlugin = ({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0;
+  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable).sort(sortPlugin);
+  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(sortPlugin);
+  const [tabsActivePart, setTabsActivePart] = useState("list");
+  return /* @__PURE__ */ React.createElement(Dialog.Content, {
+    classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, {
+    onClick: () => setTabsActivePart("list"),
+    "aria-description": t("click to return to tablist description"),
+    classNames: "flex cursor-pointer items-center group/title"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--caret-left--regular",
+    classNames: [
+      "@md:hidden",
+      getSize(4),
+      tabsActivePart === "list" && "invisible"
+    ]
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
+  }, t("settings dialog title"))), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    density: "fine",
+    variant: "ghost",
+    autoFocus: true
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--x--regular",
+    size: 3
+  })))), /* @__PURE__ */ React.createElement(Tabs.Root, {
+    orientation: "vertical",
+    value: selected,
+    onValueChange: (nextSelected) => onSelected(nextSelected),
+    activePart: tabsActivePart,
+    onActivePartChange: setTabsActivePart,
+    classNames: "flex flex-col flex-1 mbs-2"
+  }, /* @__PURE__ */ React.createElement(Tabs.Viewport, {
+    classNames: "flex-1 min-bs-0"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
+  }, /* @__PURE__ */ React.createElement(Tabs.Tablist, {
+    classNames: "flex flex-col gap-4 max-bs-none overflow-y-visible"
+  }, /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Options",
+    plugins: corePlugins
+  }), filteredPlugins.length > 0 && /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Plugins",
+    plugins: filteredPlugins
+  }))), corePlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
+    key: plugin.id,
+    value: plugin.id,
+    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "settings",
+    data: {
+      plugin: plugin.id
+    }
+  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
+    key: plugin.id,
+    value: plugin.id,
+    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "settings",
+    data: {
+      plugin: plugin.id
+    }
+  }))))));
+};
+var PluginList = ({ title, plugins }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ React.createElement(Tabs.TabGroupHeading, {
+    classNames: "pli-1 mlb-2 mbs-4 @md:mbs-2"
+  }, title), /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col ml-1"
+  }, plugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tab, {
+    key: plugin.id,
+    value: plugin.id
+  }, plugin.name))));
+};
+
+// packages/plugins/plugin-settings/src/components/SettingsValue.tsx
+import React2 from "react";
+import { Input } from "@dxos/react-ui";
+var SettingsValue = ({ label, description, secondary, children }) => {
+  const primary = /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex w-full gap-4 py-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex flex-col w-full"
+  }, /* @__PURE__ */ React2.createElement(Input.Label, {
+    classNames: "flex min-h-[40px] items-center"
+  }, label), description && /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, {
+    classNames: "mbs-0.5"
+  }, /* @__PURE__ */ React2.createElement(Input.Description, null, description))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex min-h-[40px] items-center"
+  }, children))));
+  if (secondary) {
+    return /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "flex flex-col w-full"
+    }, primary, secondary);
+  }
+  return primary;
+};
+
+// packages/plugins/plugin-settings/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [SETTINGS_PLUGIN]: {
+        "open settings label": "Show settings",
+        "settings dialog title": "Settings",
+        "back label": "Back",
+        "click to return to tablist description": "Click the title to return to the settings menu"
+      }
+    }
+  }
+];
+
+// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
+var DEFAULT_PLUGIN = "dxos.org/plugin/registry";
+var SettingsPlugin = () => {
+  const settings = new LocalStorageStore(SETTINGS_PLUGIN, {
+    selected: DEFAULT_PLUGIN
+  });
+  return {
+    meta: meta_default,
+    ready: async () => {
+      settings.prop({
+        key: "selected",
+        type: LocalStorageStore.string()
+      });
+    },
+    provides: {
+      surface: {
+        component: ({ data }) => {
+          switch (data.component) {
+            case `${SETTINGS_PLUGIN}/Settings`:
+              return /* @__PURE__ */ React3.createElement(SettingsDialog, {
+                selected: settings.values.selected,
+                onSelected: (selected) => settings.values.selected = selected
+              });
+            default:
+              return null;
+          }
+        }
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case SettingsAction.OPEN: {
+              if (intent.data?.plugin) {
+                settings.values.selected = intent.data?.plugin;
+              }
+              return {
+                intents: [
+                  [
+                    {
+                      action: LayoutAction.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: `${SETTINGS_PLUGIN}/Settings`,
+                        dialogBlockAlign: "start"
+                      }
+                    }
+                  ]
+                ]
+              };
+            }
+          }
+        }
+      },
+      graph: {
+        builder: (plugins) => {
+          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
+          return createExtension({
+            id: SETTINGS_PLUGIN,
+            filter: (node) => node.id === "root",
+            actions: () => [
+              {
+                id: SETTINGS_PLUGIN,
+                data: async () => {
+                  await intentPlugin?.provides.intent.dispatch({
+                    plugin: SETTINGS_PLUGIN,
+                    action: SettingsAction.OPEN
+                  });
+                },
+                properties: {
+                  label: [
+                    "open settings label",
+                    {
+                      ns: SETTINGS_PLUGIN
+                    }
+                  ],
+                  icon: "ph--gear--regular",
+                  keyBinding: {
+                    macos: "meta+,",
+                    windows: "alt+,"
+                  }
+                }
+              }
+            ]
+          });
+        }
+      },
+      translations: translations_default
+    }
+  };
+};
+
+// packages/plugins/plugin-settings/src/index.ts
+var src_default = SettingsPlugin;
+export {
+  SettingsDialog,
+  SettingsPlugin,
+  SettingsValue,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SettingsPlugin.tsx", "../../../src/components/SettingsDialog.tsx", "../../../src/components/SettingsValue.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const sortPlugin = ({ name: a }: Plugin['meta'], { name: b }: Plugin['meta']) => a?.localeCompare(b ?? '') ?? 0;\n\n  const corePlugins = core\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta)\n    .filter(nonNullable)\n    .sort(sortPlugin);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(sortPlugin);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='flex flex-col gap-4 max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins }: { title: string; plugins: Plugin['meta'][] }) => {\n  return (\n    <div role='none'>\n      <Tabs.TabGroupHeading classNames={'pli-1 mlb-2 mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      <div className='flex flex-col ml-1'>\n        {plugins.map((plugin) => (\n          <Tabs.Tab key={plugin.id} value={plugin.id}>\n            {plugin.name}\n          </Tabs.Tab>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "createExtension", "React", "useState", "Surface", "usePlugins", "Button", "Dialog", "Icon", "useTranslation", "Tabs", "getSize", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "sortPlugin", "name", "a", "b", "localeCompare", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "sort", "filteredPlugins", "includes", "provides", "settings", "tabsActivePart", "setTabsActivePart", "useState", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "React", "Input", "SettingsValue", "label", "description", "secondary", "children", "primary", "React", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "SETTINGS_PLUGIN", "DEFAULT_PLUGIN", "SettingsPlugin", "settings", "LocalStorageStore", "SETTINGS_PLUGIN", "selected", "meta", "ready", "prop", "key", "type", "string", "provides", "surface", "component", "data", "React", "SettingsDialog", "values", "onSelected", "intent", "resolver", "action", "SettingsAction", "OPEN", "plugin", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "plugins", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "id", "filter", "node", "actions", "dispatch", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "translations", "SettingsPlugin"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15790,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16978},"packages/plugins/plugin-settings/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node-esm/chunk-CHPB3YX5.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2830},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4430},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9396},"packages/plugins/plugin-settings/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node-esm/chunk-CHPB3YX5.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":257},"packages/plugins/plugin-settings/dist/lib/node-esm/chunk-CHPB3YX5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":340},"packages/plugins/plugin-settings/dist/lib/node-esm/chunk-CHPB3YX5.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":328}}}

package/dist/lib/node-esm/meta.mjs

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  SETTINGS_PLUGIN,
+  meta_default
+} from "./chunk-CHPB3YX5.mjs";
+export {
+  SETTINGS_PLUGIN,
+  meta_default as default
+};
+//# sourceMappingURL=meta.mjs.map

package/dist/lib/node-esm/meta.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPlugin.d.ts","sourceRoot":"","sources":["../../../src/SettingsPlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAKpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAU7B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,oBAAoB,CAAC;AAMvB;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,gBAAgB,CAAC,sBAAsB,CAoFxE,CAAC"}
+{"version":3,"file":"SettingsPlugin.d.ts","sourceRoot":"","sources":["../../../src/SettingsPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAKpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAU7B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,oBAAoB,CAAC;AAMvB;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,gBAAgB,CAAC,sBAAsB,CAmFxE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,eAAO,MAAM,cAAc,8BAGxB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,sBAqFA,CAAC"}
+{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,eAAO,MAAM,cAAc,8BAGxB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,sBA0FA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-settings",
-  "version": "0.6.11",
+  "version": "0.6.12-main.568932b",
   "description": "DXOS app plugin for aggregating and rendering plugin settings.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,14 +10,16 @@
     ".": {
       "browser": "./dist/lib/browser/index.mjs",
       "node": {
-        "default": "./dist/lib/node/index.cjs"
+        "require": "./dist/lib/node/index.cjs",
+        "default": "./dist/lib/node-esm/index.mjs"
       },
       "types": "./dist/types/src/index.d.ts"
     },
     "./meta": {
       "browser": "./dist/lib/browser/meta.mjs",
       "node": {
-        "default": "./dist/lib/node/meta.cjs"
+        "require": "./dist/lib/node/meta.cjs",
+        "default": "./dist/lib/node-esm/meta.mjs"
       },
       "types": "./dist/types/src/meta.d.ts"
     }
@@ -35,26 +37,26 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.6.11",
-    "@dxos/local-storage": "0.6.11",
-    "@dxos/plugin-graph": "0.6.11",
-    "@dxos/react-ui-tabs": "0.6.11",
-    "@dxos/util": "0.6.11"
+    "@dxos/app-framework": "0.6.12-main.568932b",
+    "@dxos/local-storage": "0.6.12-main.568932b",
+    "@dxos/util": "0.6.12-main.568932b",
+    "@dxos/plugin-graph": "0.6.12-main.568932b",
+    "@dxos/react-ui-tabs": "0.6.12-main.568932b"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "@types/react": "~18.2.0",
     "react": "~18.2.0",
-    "vite": "^5.3.4",
-    "@dxos/react-ui": "0.6.11",
-    "@dxos/react-ui-theme": "0.6.11",
-    "@dxos/storybook-utils": "0.6.11"
+    "vite": "5.4.7",
+    "@dxos/react-ui": "0.6.12-main.568932b",
+    "@dxos/storybook-utils": "0.6.12-main.568932b",
+    "@dxos/react-ui-theme": "0.6.12-main.568932b"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
-    "@dxos/react-ui": "0.6.11",
-    "@dxos/react-ui-theme": "0.6.11"
+    "@dxos/react-ui": "0.6.12-main.568932b",
+    "@dxos/react-ui-theme": "0.6.12-main.568932b"
   },
   "publishConfig": {
     "access": "public"

package/src/SettingsPlugin.tsx

@@ -2,7 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Gear, type IconProps } from '@phosphor-icons/react';
 import React from 'react';
 
 import {
@@ -106,8 +105,7 @@ export const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {
                 },
                 properties: {
                   label: ['open settings label', { ns: SETTINGS_PLUGIN }],
-                  icon: (props: IconProps) => <Gear {...props} />,
-                  iconSymbol: 'ph--gear--regular',
+                  icon: 'ph--gear--regular',
                   keyBinding: {
                     macos: 'meta+,',
                     windows: 'alt+,',

package/src/components/SettingsDialog.tsx

@@ -33,14 +33,19 @@ export const SettingsDialog = ({
     'dxos.org/plugin/registry',
   ];
 
-  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);
+  const sortPlugin = ({ name: a }: Plugin['meta'], { name: b }: Plugin['meta']) => a?.localeCompare(b ?? '') ?? 0;
+
+  const corePlugins = core
+    .map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta)
+    .filter(nonNullable)
+    .sort(sortPlugin);
 
   const filteredPlugins = enabled
     .filter((id) => !core.includes(id))
     .map((id) => plugins.find((plugin) => plugin.meta.id === id))
     .filter((plugin) => (plugin?.provides as any)?.settings)
     .map((plugin) => plugin!.meta)
-    .sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? '') ?? 0);
+    .sort(sortPlugin);
 
   const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');
 
@@ -83,9 +88,9 @@ export const SettingsDialog = ({
       >
         <Tabs.Viewport classNames='flex-1 min-bs-0'>
           <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>
-            <Tabs.Tablist classNames='max-bs-none overflow-y-visible'>
+            <Tabs.Tablist classNames='flex flex-col gap-4 max-bs-none overflow-y-visible'>
               <PluginList title='Options' plugins={corePlugins} />
-              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} gap />}
+              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} />}
             </Tabs.Tablist>
           </div>
 
@@ -105,15 +110,17 @@ export const SettingsDialog = ({
   );
 };
 
-const PluginList = ({ title, plugins, gap }: { title: string; plugins: Plugin['meta'][]; gap?: boolean }) => {
+const PluginList = ({ title, plugins }: { title: string; plugins: Plugin['meta'][] }) => {
   return (
-    <>
-      <Tabs.TabGroupHeading classNames={gap ? 'mbs-4' : 'mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>
-      {plugins.map((plugin) => (
-        <Tabs.Tab key={plugin.id} value={plugin.id}>
-          {plugin.name}
-        </Tabs.Tab>
-      ))}
-    </>
+    <div role='none'>
+      <Tabs.TabGroupHeading classNames={'pli-1 mlb-2 mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>
+      <div className='flex flex-col ml-1'>
+        {plugins.map((plugin) => (
+          <Tabs.Tab key={plugin.id} value={plugin.id}>
+            {plugin.name}
+          </Tabs.Tab>
+        ))}
+      </div>
+    </div>
   );
 };