@dxos/plugin-settings 0.6.14-main.2b6a0f3 → 0.8.4-main.1068cf700f

package/dist/lib/browser/app-graph-builder-CCZGWQMT.mjs

@@ -0,0 +1,97 @@
+import {
+  SETTINGS_ID,
+  SETTINGS_KEY,
+  meta
+} from "./chunk-ONAYSYBX.mjs";
+
+// src/capabilities/app-graph-builder/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { GraphBuilder, NodeMatcher } from "@dxos/app-graph";
+import { AppCapabilities, SettingsOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+import { isNonNullable } from "@dxos/util";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const capabilities = yield* Capability.Service;
+  const managerAtom = capabilities.atom(Capabilities.PluginManager);
+  const settingsAtom = capabilities.atom(AppCapabilities.Settings);
+  const extensions = yield* Effect.all([
+    GraphBuilder.createExtension({
+      id: `${meta.id}/action`,
+      match: NodeMatcher.whenRoot,
+      actions: () => Effect.succeed([
+        {
+          id: meta.id,
+          data: () => Operation.invoke(SettingsOperation.Open, {}),
+          properties: {
+            label: [
+              "open settings label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--gear--regular",
+            disposition: "menu",
+            keyBinding: {
+              macos: "meta+,",
+              windows: "alt+,"
+            }
+          }
+        }
+      ])
+    }),
+    GraphBuilder.createExtension({
+      id: `${meta.id}/core`,
+      match: NodeMatcher.whenRoot,
+      connector: () => Effect.succeed([
+        {
+          id: SETTINGS_ID,
+          type: meta.id,
+          properties: {
+            label: [
+              "app settings label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--gear--regular",
+            disposition: "pin-end",
+            position: "hoist",
+            testId: "treeView.appSettings"
+          }
+        }
+      ])
+    }),
+    GraphBuilder.createExtension({
+      id: `${meta.id}/plugins`,
+      match: NodeMatcher.whenId(SETTINGS_ID),
+      connector: (node, get) => {
+        const [manager] = get(managerAtom);
+        const allSettings = get(settingsAtom);
+        return Effect.succeed(manager.getPlugins().map((plugin) => {
+          const settings = allSettings.find((s) => s.prefix === plugin.meta.id);
+          if (!settings) {
+            return null;
+          }
+          return [
+            plugin.meta,
+            settings
+          ];
+        }).filter(isNonNullable).map(([meta2, settings]) => ({
+          id: `${SETTINGS_KEY}:${meta2.id.replaceAll("/", ":")}`,
+          type: "category",
+          data: settings,
+          properties: {
+            label: meta2.name ?? meta2.id,
+            icon: meta2.icon ?? "ph--circle--regular"
+          }
+        })));
+      }
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-CCZGWQMT.mjs.map

package/dist/lib/browser/app-graph-builder-CCZGWQMT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability, type Plugin as Plugin$ } from '@dxos/app-framework';\nimport { GraphBuilder, NodeMatcher } from '@dxos/app-graph';\nimport { AppCapabilities, SettingsOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { isNonNullable } from '@dxos/util';\n\nimport { SETTINGS_ID, SETTINGS_KEY } from '../../actions';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Get context for lazy capability access in callbacks.\n    const capabilities = yield* Capability.Service;\n    const managerAtom = capabilities.atom(Capabilities.PluginManager);\n    const settingsAtom = capabilities.atom(AppCapabilities.Settings);\n\n    const extensions = yield* Effect.all([\n      GraphBuilder.createExtension({\n        id: `${meta.id}/action`,\n        match: NodeMatcher.whenRoot,\n        actions: () =>\n          Effect.succeed([\n            {\n              id: meta.id,\n              data: () => Operation.invoke(SettingsOperation.Open, {}),\n              properties: {\n                label: ['open settings label', { ns: meta.id }],\n                icon: 'ph--gear--regular',\n                disposition: 'menu',\n                keyBinding: {\n                  macos: 'meta+,',\n                  windows: 'alt+,',\n                },\n              },\n            },\n          ]),\n      }),\n      GraphBuilder.createExtension({\n        id: `${meta.id}/core`,\n        match: NodeMatcher.whenRoot,\n        connector: () =>\n          Effect.succeed([\n            {\n              id: SETTINGS_ID,\n              type: meta.id,\n              properties: {\n                label: ['app settings label', { ns: meta.id }],\n                icon: 'ph--gear--regular',\n                disposition: 'pin-end',\n                position: 'hoist',\n                testId: 'treeView.appSettings',\n              },\n            },\n          ]),\n      }),\n      GraphBuilder.createExtension({\n        id: `${meta.id}/plugins`,\n        match: NodeMatcher.whenId(SETTINGS_ID),\n        connector: (node, get) => {\n          const [manager] = get(managerAtom);\n          const allSettings = get(settingsAtom);\n          return Effect.succeed(\n            manager\n              .getPlugins()\n              .map((plugin: Plugin$.Plugin): [Plugin$.Meta, AppCapabilities.Settings] | null => {\n                const settings = allSettings.find((s) => s.prefix === plugin.meta.id);\n                if (!settings) {\n                  return null;\n                }\n\n                return [plugin.meta, settings];\n              })\n              .filter(isNonNullable)\n              .map(([meta, settings]: [Plugin$.Meta, AppCapabilities.Settings]) => ({\n                id: `${SETTINGS_KEY}:${meta.id.replaceAll('/', ':')}`,\n                type: 'category',\n                data: settings,\n                properties: {\n                  label: meta.name ?? meta.id,\n                  icon: meta.icon ?? 'ph--circle--regular',\n                },\n              })),\n          );\n        },\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAA0C;AACjE,SAASC,cAAcC,mBAAmB;AAC1C,SAASC,iBAAiBC,yBAAyB;AACnD,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAK9B,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,eAAe,OAAOH,WAAWI;AACvC,QAAMC,cAAcF,aAAaG,KAAKC,aAAaC,aAAa;AAChE,QAAMC,eAAeN,aAAaG,KAAKI,gBAAgBC,QAAQ;AAE/D,QAAMC,aAAa,OAAcC,WAAI;IACnCC,aAAaC,gBAAgB;MAC3BC,IAAI,GAAGC,KAAKD,EAAE;MACdE,OAAOC,YAAYC;MACnBC,SAAS,MACAC,eAAQ;QACb;UACEN,IAAIC,KAAKD;UACTO,MAAM,MAAMC,UAAUC,OAAOC,kBAAkBC,MAAM,CAAC,CAAA;UACtDC,YAAY;YACVC,OAAO;cAAC;cAAuB;gBAAEC,IAAIb,KAAKD;cAAG;;YAC7Ce,MAAM;YACNC,aAAa;YACbC,YAAY;cACVC,OAAO;cACPC,SAAS;YACX;UACF;QACF;OACD;IACL,CAAA;IACArB,aAAaC,gBAAgB;MAC3BC,IAAI,GAAGC,KAAKD,EAAE;MACdE,OAAOC,YAAYC;MACnBgB,WAAW,MACFd,eAAQ;QACb;UACEN,IAAIqB;UACJC,MAAMrB,KAAKD;UACXY,YAAY;YACVC,OAAO;cAAC;cAAsB;gBAAEC,IAAIb,KAAKD;cAAG;;YAC5Ce,MAAM;YACNC,aAAa;YACbO,UAAU;YACVC,QAAQ;UACV;QACF;OACD;IACL,CAAA;IACA1B,aAAaC,gBAAgB;MAC3BC,IAAI,GAAGC,KAAKD,EAAE;MACdE,OAAOC,YAAYsB,OAAOJ,WAAAA;MAC1BD,WAAW,CAACM,MAAMC,QAAAA;AAChB,cAAM,CAACC,OAAAA,IAAWD,IAAItC,WAAAA;AACtB,cAAMwC,cAAcF,IAAIlC,YAAAA;AACxB,eAAca,eACZsB,QACGE,WAAU,EACVC,IAAI,CAACC,WAAAA;AACJ,gBAAMC,WAAWJ,YAAYK,KAAK,CAACC,MAAMA,EAAEC,WAAWJ,OAAO/B,KAAKD,EAAE;AACpE,cAAI,CAACiC,UAAU;AACb,mBAAO;UACT;AAEA,iBAAO;YAACD,OAAO/B;YAAMgC;;QACvB,CAAA,EACCI,OAAOC,aAAAA,EACPP,IAAI,CAAC,CAAC9B,OAAMgC,QAAAA,OAAyD;UACpEjC,IAAI,GAAGuC,YAAAA,IAAgBtC,MAAKD,GAAGwC,WAAW,KAAK,GAAA,CAAA;UAC/ClB,MAAM;UACNf,MAAM0B;UACNrB,YAAY;YACVC,OAAOZ,MAAKwC,QAAQxC,MAAKD;YACzBe,MAAMd,MAAKc,QAAQ;UACrB;QACF,EAAA,CAAA;MAEN;IACF,CAAA;GACD;AAED,SAAO/B,WAAW0D,YAAYhD,gBAAgBiD,iBAAiB/C,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "GraphBuilder", "NodeMatcher", "AppCapabilities", "SettingsOperation", "Operation", "isNonNullable", "Capability", "makeModule", "fnUntraced", "capabilities", "Service", "managerAtom", "atom", "Capabilities", "PluginManager", "settingsAtom", "AppCapabilities", "Settings", "extensions", "all", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "actions", "succeed", "data", "Operation", "invoke", "SettingsOperation", "Open", "properties", "label", "ns", "icon", "disposition", "keyBinding", "macos", "windows", "connector", "SETTINGS_ID", "type", "position", "testId", "whenId", "node", "get", "manager", "allSettings", "getPlugins", "map", "plugin", "settings", "find", "s", "prefix", "filter", "isNonNullable", "SETTINGS_KEY", "replaceAll", "name", "contributes", "AppGraphBuilder"]
+}

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

@@ -0,0 +1,35 @@
+// src/meta.ts
+var meta = {
+  id: "dxos.org/plugin/settings",
+  name: "Settings"
+};
+
+// src/actions.ts
+import * as Schema from "effect/Schema";
+var SETTINGS_ID = "!dxos:settings";
+var SETTINGS_KEY = "settings";
+(function(SettingsAction2) {
+  class Open extends Schema.TaggedClass()(`${meta.id}/open`, {
+    input: Schema.Struct({
+      plugin: Schema.optional(Schema.String)
+    }),
+    output: Schema.Void
+  }) {
+  }
+  SettingsAction2.Open = Open;
+  class OpenPluginRegistry extends Schema.TaggedClass()(`${meta.id}/open-plugin-registry`, {
+    input: Schema.Void,
+    output: Schema.Void
+  }) {
+  }
+  SettingsAction2.OpenPluginRegistry = OpenPluginRegistry;
+})(SettingsAction || (SettingsAction = {}));
+var SettingsAction;
+
+export {
+  meta,
+  SETTINGS_ID,
+  SETTINGS_KEY,
+  SettingsAction
+};
+//# sourceMappingURL=chunk-ONAYSYBX.mjs.map

package/dist/lib/browser/chunk-ONAYSYBX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../src/actions.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\n\nexport const meta: Plugin.Meta = {\n  id: 'dxos.org/plugin/settings',\n  name: 'Settings',\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { meta } from './meta';\n\nexport const SETTINGS_ID = '!dxos:settings';\nexport const SETTINGS_KEY = 'settings';\n\nexport namespace SettingsAction {\n  export class Open extends Schema.TaggedClass<Open>()(`${meta.id}/open`, {\n    input: Schema.Struct({\n      plugin: Schema.optional(Schema.String),\n    }),\n    output: Schema.Void,\n  }) {}\n\n  export class OpenPluginRegistry extends Schema.TaggedClass<OpenPluginRegistry>()(`${meta.id}/open-plugin-registry`, {\n    input: Schema.Void,\n    output: Schema.Void,\n  }) {}\n}\n"],
+  "mappings": ";AAMO,IAAMA,OAAoB;EAC/BC,IAAI;EACJC,MAAM;AACR;;;ACLA,YAAYC,YAAY;AAIjB,IAAMC,cAAc;AACpB,IAAMC,eAAe;UAEXC,iBAAAA;EACR,MAAMC,aAAoBC,mBAAW,EAAS,GAAGC,KAAKC,EAAE,SAAS;IACtEC,OAAcC,cAAO;MACnBC,QAAeC,gBAAgBC,aAAM;IACvC,CAAA;IACAC,QAAeC;EACjB,CAAA,EAAA;EAAI;kBALSV,OAAAA;EAON,MAAMW,2BAAkCV,mBAAW,EAAuB,GAAGC,KAAKC,EAAE,yBAAyB;IAClHC,OAAcM;IACdD,QAAeC;EACjB,CAAA,EAAA;EAAI;kBAHSC,qBAAAA;AAIf,GAZiBZ,mBAAAA,iBAAAA,CAAAA,EAAAA;;",
+  "names": ["meta", "id", "name", "Schema", "SETTINGS_ID", "SETTINGS_KEY", "SettingsAction", "Open", "TaggedClass", "meta", "id", "input", "Struct", "plugin", "optional", "String", "output", "Void", "OpenPluginRegistry"]
+}

package/dist/lib/browser/index.mjs

@@ -1,257 +1,46 @@
 import {
-  SETTINGS_PLUGIN,
-  meta_default
-} from "./chunk-PD3C4TDW.mjs";
+  SETTINGS_ID,
+  SETTINGS_KEY,
+  SettingsAction,
+  meta
+} from "./chunk-ONAYSYBX.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";
+// src/SettingsPlugin.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
 
-// 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))));
-};
+// src/capabilities/app-graph-builder/index.ts
+import { Capability } from "@dxos/app-framework";
+var SettingsAppGraphBuilder = Capability.lazy("SettingsAppGraphBuilder", () => import("./app-graph-builder-CCZGWQMT.mjs"));
 
-// 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;
-};
+// src/capabilities/operation-resolver/index.ts
+import { Capability as Capability2 } from "@dxos/app-framework";
+var SettingsOperationResolver = Capability2.lazy("SettingsOperationResolver", () => import("./operation-resolver-IIUEJRBW.mjs"));
 
-// packages/plugins/plugin-settings/src/translations.ts
-var translations_default = [
+// src/translations.ts
+var translations = [
   {
     "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"
+      [meta.id]: {
+        "open settings label": "Open settings",
+        "app settings label": "Settings"
       }
     }
   }
 ];
 
-// 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;
+// src/SettingsPlugin.ts
+var SettingsPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: SettingsAppGraphBuilder
+}), AppPlugin.addOperationResolverModule({
+  activate: SettingsOperationResolver
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
-  SettingsDialog,
-  SettingsPlugin,
-  SettingsValue,
-  src_default as default
+  SETTINGS_ID,
+  SETTINGS_KEY,
+  SettingsAction,
+  SettingsPlugin
 };
 //# sourceMappingURL=index.mjs.map

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 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 PluginMeta, 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 }: PluginMeta, { name: b }: PluginMeta) => 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: PluginMeta[] }) => {\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"]
+  "sources": ["../../../src/SettingsPlugin.ts", "../../../src/capabilities/app-graph-builder/index.ts", "../../../src/capabilities/operation-resolver/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { SettingsAppGraphBuilder, SettingsOperationResolver } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const SettingsPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: SettingsAppGraphBuilder }),\n  AppPlugin.addOperationResolverModule({ activate: SettingsOperationResolver }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const SettingsAppGraphBuilder = Capability.lazy('SettingsAppGraphBuilder', () => import('./app-graph-builder'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const SettingsOperationResolver = Capability.lazy(\n  'SettingsOperationResolver',\n  () => import('./operation-resolver'),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Resource } from '@dxos/app-toolkit';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'open settings label': 'Open settings',\n        'app settings label': 'Settings',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;;;ACD1B,SAASC,kBAAkB;AAEpB,IAAMC,0BAA0BC,WAAWC,KAAK,2BAA2B,MAAM,OAAO,kCAAA,CAAA;;;ACF/F,SAASC,cAAAA,mBAAkB;AAEpB,IAAMC,4BAA4BC,YAAWC,KAClD,6BACA,MAAM,OAAO,mCAAA,CAAA;;;ACAR,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,uBAAuB;QACvB,sBAAsB;MACxB;IACF;EACF;;;;AHLK,IAAMC,iBAAiBC,OAAOC,OAAOC,IAAAA,EAAMC,KAChDC,UAAUC,kBAAkB;EAAEC,UAAUC;AAAwB,CAAA,GAChEH,UAAUI,2BAA2B;EAAEF,UAAUG;AAA0B,CAAA,GAC3EL,UAAUM,sBAAsB;EAAEC;AAAa,CAAA,GAC/CX,OAAOY,IAAI;",
+  "names": ["Plugin", "AppPlugin", "Capability", "SettingsAppGraphBuilder", "Capability", "lazy", "Capability", "SettingsOperationResolver", "Capability", "lazy", "translations", "meta", "id", "SettingsPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "SettingsAppGraphBuilder", "addOperationResolverModule", "SettingsOperationResolver", "addTranslationsModule", "translations", "make"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":886,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15774,"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":16969},"packages/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.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/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-PD3C4TDW.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-PD3C4TDW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":417},"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}
+{"inputs":{"src/meta.ts":{"bytes":752,"imports":[],"format":"esm"},"src/actions.ts":{"bytes":2730,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/capabilities/app-graph-builder/app-graph-builder.ts":{"bytes":12156,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/actions.ts","kind":"import-statement","original":"../../actions"},{"path":"src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"src/capabilities/app-graph-builder/index.ts":{"bytes":994,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/app-graph-builder/app-graph-builder.ts","kind":"dynamic-import","original":"./app-graph-builder"}],"format":"esm"},"src/capabilities/operation-resolver/operation-resolver.ts":{"bytes":6600,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"src/actions.ts","kind":"import-statement","original":"../../actions"}],"format":"esm"},"src/capabilities/operation-resolver/index.ts":{"bytes":1024,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/operation-resolver/operation-resolver.ts","kind":"dynamic-import","original":"./operation-resolver"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":611,"imports":[{"path":"src/capabilities/app-graph-builder/index.ts","kind":"import-statement","original":"./app-graph-builder"},{"path":"src/capabilities/operation-resolver/index.ts","kind":"import-statement","original":"./operation-resolver"}],"format":"esm"},"src/translations.ts":{"bytes":1287,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/SettingsPlugin.ts":{"bytes":2427,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":564,"imports":[{"path":"src/actions.ts","kind":"import-statement","original":"./actions"},{"path":"src/SettingsPlugin.ts","kind":"import-statement","original":"./SettingsPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2569},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-ONAYSYBX.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/app-graph-builder-CCZGWQMT.mjs","kind":"dynamic-import"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/operation-resolver-IIUEJRBW.mjs","kind":"dynamic-import"}],"exports":["SETTINGS_ID","SETTINGS_KEY","SettingsAction","SettingsPlugin"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/SettingsPlugin.ts":{"bytesInOutput":357},"src/capabilities/app-graph-builder/index.ts":{"bytesInOutput":174},"src/capabilities/index.ts":{"bytesInOutput":0},"src/capabilities/operation-resolver/index.ts":{"bytesInOutput":195},"src/translations.ts":{"bytesInOutput":169}},"bytes":1277},"dist/lib/browser/app-graph-builder-CCZGWQMT.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5968},"dist/lib/browser/app-graph-builder-CCZGWQMT.mjs":{"imports":[{"path":"dist/lib/browser/chunk-ONAYSYBX.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/app-graph-builder/app-graph-builder.ts","inputs":{"src/capabilities/app-graph-builder/app-graph-builder.ts":{"bytesInOutput":2761}},"bytes":3006},"dist/lib/browser/operation-resolver-IIUEJRBW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3213},"dist/lib/browser/operation-resolver-IIUEJRBW.mjs":{"imports":[{"path":"dist/lib/browser/chunk-ONAYSYBX.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/operation-resolver/operation-resolver.ts","inputs":{"src/capabilities/operation-resolver/operation-resolver.ts":{"bytesInOutput":1481}},"bytes":1722},"dist/lib/browser/chunk-ONAYSYBX.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1582},"dist/lib/browser/chunk-ONAYSYBX.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true}],"exports":["SETTINGS_ID","SETTINGS_KEY","SettingsAction","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":69},"src/actions.ts":{"bytesInOutput":622}},"bytes":838}}}

package/dist/lib/browser/operation-resolver-IIUEJRBW.mjs

@@ -0,0 +1,54 @@
+import {
+  SETTINGS_ID,
+  SETTINGS_KEY
+} from "./chunk-ONAYSYBX.mjs";
+
+// src/capabilities/operation-resolver/operation-resolver.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { LayoutOperation, SettingsOperation } from "@dxos/app-toolkit";
+import { OperationResolver } from "@dxos/operation";
+var operation_resolver_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  return Capability.contributes(Capabilities.OperationResolver, [
+    //
+    // Open Settings
+    //
+    OperationResolver.make({
+      operation: SettingsOperation.Open,
+      handler: (input) => Effect.gen(function* () {
+        const { invoke } = yield* Capability.get(Capabilities.OperationInvoker);
+        yield* invoke(LayoutOperation.SwitchWorkspace, {
+          subject: SETTINGS_ID
+        });
+        if (input.plugin) {
+          yield* Effect.fork(invoke(LayoutOperation.Open, {
+            subject: [
+              `${SETTINGS_KEY}:${input.plugin.replaceAll("/", ":")}`
+            ]
+          }));
+        }
+      })
+    }),
+    //
+    // Open Plugin Registry
+    //
+    OperationResolver.make({
+      operation: SettingsOperation.OpenPluginRegistry,
+      handler: () => Effect.gen(function* () {
+        const { invoke } = yield* Capability.get(Capabilities.OperationInvoker);
+        yield* invoke(LayoutOperation.SwitchWorkspace, {
+          subject: SETTINGS_ID
+        });
+        yield* Effect.fork(invoke(LayoutOperation.Open, {
+          subject: [
+            `${SETTINGS_KEY}:plugins`
+          ]
+        }));
+      })
+    })
+  ]);
+}));
+export {
+  operation_resolver_default as default
+};
+//# sourceMappingURL=operation-resolver-IIUEJRBW.mjs.map

package/dist/lib/browser/operation-resolver-IIUEJRBW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/operation-resolver/operation-resolver.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { LayoutOperation, SettingsOperation } from '@dxos/app-toolkit';\nimport { OperationResolver } from '@dxos/operation';\n\nimport { SETTINGS_ID, SETTINGS_KEY } from '../../actions';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(Capabilities.OperationResolver, [\n      //\n      // Open Settings\n      //\n      OperationResolver.make({\n        operation: SettingsOperation.Open,\n        handler: (input) =>\n          Effect.gen(function* () {\n            const { invoke } = yield* Capability.get(Capabilities.OperationInvoker);\n            yield* invoke(LayoutOperation.SwitchWorkspace, { subject: SETTINGS_ID });\n            if (input.plugin) {\n              // Fire and forget the open operation.\n              yield* Effect.fork(\n                invoke(LayoutOperation.Open, {\n                  subject: [`${SETTINGS_KEY}:${input.plugin.replaceAll('/', ':')}`],\n                }),\n              );\n            }\n          }),\n      }),\n\n      //\n      // Open Plugin Registry\n      //\n      OperationResolver.make({\n        operation: SettingsOperation.OpenPluginRegistry,\n        handler: () =>\n          Effect.gen(function* () {\n            const { invoke } = yield* Capability.get(Capabilities.OperationInvoker);\n            yield* invoke(LayoutOperation.SwitchWorkspace, { subject: SETTINGS_ID });\n            yield* Effect.fork(\n              invoke(LayoutOperation.Open, {\n                subject: [`${SETTINGS_KEY}:plugins`],\n              }),\n            );\n          }),\n      }),\n    ]);\n  }),\n);\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,iBAAiBC,yBAAyB;AACnD,SAASC,yBAAyB;AAIlC,IAAA,6BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,SAAOF,WAAWG,YAAYC,aAAaC,mBAAmB;;;;IAI5DA,kBAAkBC,KAAK;MACrBC,WAAWC,kBAAkBC;MAC7BC,SAAS,CAACC,UACDC,WAAI,aAAA;AACT,cAAM,EAAEC,OAAM,IAAK,OAAOb,WAAWc,IAAIV,aAAaW,gBAAgB;AACtE,eAAOF,OAAOG,gBAAgBC,iBAAiB;UAAEC,SAASC;QAAY,CAAA;AACtE,YAAIR,MAAMS,QAAQ;AAEhB,iBAAcC,YACZR,OAAOG,gBAAgBP,MAAM;YAC3BS,SAAS;cAAC,GAAGI,YAAAA,IAAgBX,MAAMS,OAAOG,WAAW,KAAK,GAAA,CAAA;;UAC5D,CAAA,CAAA;QAEJ;MACF,CAAA;IACJ,CAAA;;;;IAKAlB,kBAAkBC,KAAK;MACrBC,WAAWC,kBAAkBgB;MAC7Bd,SAAS,MACAE,WAAI,aAAA;AACT,cAAM,EAAEC,OAAM,IAAK,OAAOb,WAAWc,IAAIV,aAAaW,gBAAgB;AACtE,eAAOF,OAAOG,gBAAgBC,iBAAiB;UAAEC,SAASC;QAAY,CAAA;AACtE,eAAcE,YACZR,OAAOG,gBAAgBP,MAAM;UAC3BS,SAAS;YAAC,GAAGI,YAAAA;;QACf,CAAA,CAAA;MAEJ,CAAA;IACJ,CAAA;GACD;AACH,CAAA,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "LayoutOperation", "SettingsOperation", "OperationResolver", "Capability", "makeModule", "fnUntraced", "contributes", "Capabilities", "OperationResolver", "make", "operation", "SettingsOperation", "Open", "handler", "input", "gen", "invoke", "get", "OperationInvoker", "LayoutOperation", "SwitchWorkspace", "subject", "SETTINGS_ID", "plugin", "fork", "SETTINGS_KEY", "replaceAll", "OpenPluginRegistry"]
+}