@dxos/plugin-client 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/node/{migrations-ZI52SX4M.cjs → migrations-TGNI4FVL.cjs}

@@ -16,24 +16,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var migrations_ZI52SX4M_exports = {};
-__export(migrations_ZI52SX4M_exports, {
+var migrations_TGNI4FVL_exports = {};
+__export(migrations_TGNI4FVL_exports, {
   default: () => migrations_default
 });
-module.exports = __toCommonJS(migrations_ZI52SX4M_exports);
+module.exports = __toCommonJS(migrations_TGNI4FVL_exports);
 var import_chunk_ZVQIICEN = require("./chunk-ZVQIICEN.cjs");
 var import_chunk_DJKWB5L6 = require("./chunk-DJKWB5L6.cjs");
+var import_signals_core = require("@preact/signals-core");
 var import_app_framework = require("@dxos/app-framework");
 var migrations_default = (context) => {
-  const registry = context.getCapability(import_app_framework.Capabilities.RxRegistry);
-  const client = context.getCapability(import_chunk_ZVQIICEN.ClientCapabilities.Client);
-  const cancel = registry.subscribe(context.capabilities(import_chunk_ZVQIICEN.ClientCapabilities.Migration), (_migrations) => {
-    const migrations = Array.from(new Set(_migrations.flat()));
+  const client = context.requestCapability(import_chunk_ZVQIICEN.ClientCapabilities.Client);
+  const unsubscribe = (0, import_signals_core.effect)(() => {
+    const migrations = Array.from(new Set(context.requestCapabilities(import_chunk_ZVQIICEN.ClientCapabilities.Migration).flat()));
     const spaces = client.spaces.get();
     void Promise.all(spaces.map((space) => space.db.runMigrations(migrations)));
-  }, {
-    immediate: true
   });
-  return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => cancel());
+  return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => unsubscribe());
 };
-//# sourceMappingURL=migrations-ZI52SX4M.cjs.map
+//# sourceMappingURL=migrations-TGNI4FVL.cjs.map

package/dist/lib/node/migrations-TGNI4FVL.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/migrations.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect } from '@preact/signals-core';\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\n\nimport { ClientCapabilities } from './capabilities';\n\nexport default (context: PluginsContext) => {\n  const client = context.requestCapability(ClientCapabilities.Client);\n\n  // NOTE: Migrations are currently unidirectional and idempotent.\n  const unsubscribe = effect(() => {\n    const migrations = Array.from(new Set(context.requestCapabilities(ClientCapabilities.Migration).flat()));\n    const spaces = client.spaces.get();\n    void Promise.all(spaces.map((space) => space.db.runMigrations(migrations)));\n  });\n\n  return contributes(Capabilities.Null, null, () => unsubscribe());\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,0BAAuB;AAEvB,2BAA+D;AAI/D,IAAA,qBAAe,CAACA,YAAAA;AACd,QAAMC,SAASD,QAAQE,kBAAkBC,yCAAmBC,MAAM;AAGlE,QAAMC,kBAAcC,4BAAO,MAAA;AACzB,UAAMC,aAAaC,MAAMC,KAAK,IAAIC,IAAIV,QAAQW,oBAAoBR,yCAAmBS,SAAS,EAAEC,KAAI,CAAA,CAAA;AACpG,UAAMC,SAASb,OAAOa,OAAOC,IAAG;AAChC,SAAKC,QAAQC,IAAIH,OAAOI,IAAI,CAACC,UAAUA,MAAMC,GAAGC,cAAcd,UAAAA,CAAAA,CAAAA;EAChE,CAAA;AAEA,aAAOe,kCAAYC,kCAAaC,MAAM,MAAM,MAAMnB,YAAAA,CAAAA;AACpD;",
+  "names": ["context", "client", "requestCapability", "ClientCapabilities", "Client", "unsubscribe", "effect", "migrations", "Array", "from", "Set", "requestCapabilities", "Migration", "flat", "spaces", "get", "Promise", "all", "map", "space", "db", "runMigrations", "contributes", "Capabilities", "Null"]
+}

package/dist/lib/node/{react-surface-UGXE6OAD.cjs → react-surface-BSTIXMER.cjs}

@@ -26,57 +26,57 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var react_surface_UGXE6OAD_exports = {};
-__export(react_surface_UGXE6OAD_exports, {
+var react_surface_BSTIXMER_exports = {};
+__export(react_surface_BSTIXMER_exports, {
   default: () => react_surface_default
 });
-module.exports = __toCommonJS(react_surface_UGXE6OAD_exports);
-var import_chunk_FABH7MJ3 = require("./chunk-FABH7MJ3.cjs");
-var import_chunk_J5SQ5Q22 = require("./chunk-J5SQ5Q22.cjs");
+module.exports = __toCommonJS(react_surface_BSTIXMER_exports);
+var import_chunk_3JE5BFCT = require("./chunk-3JE5BFCT.cjs");
+var import_chunk_FROKBEVH = require("./chunk-FROKBEVH.cjs");
 var import_chunk_DJKWB5L6 = require("./chunk-DJKWB5L6.cjs");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var react_surface_default = ({ createInvitationUrl, onReset }) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
   (0, import_app_framework.createSurface)({
-    id: import_chunk_J5SQ5Q22.Account.Profile,
+    id: import_chunk_FROKBEVH.Account.Profile,
     role: "article",
-    filter: (data) => data.subject === import_chunk_J5SQ5Q22.Account.Profile,
-    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.ProfileContainer, null)
+    filter: (data) => data.subject === import_chunk_FROKBEVH.Account.Profile,
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.ProfileContainer, null)
   }),
   (0, import_app_framework.createSurface)({
-    id: import_chunk_J5SQ5Q22.Account.Devices,
+    id: import_chunk_FROKBEVH.Account.Devices,
     role: "article",
-    filter: (data) => data.subject === import_chunk_J5SQ5Q22.Account.Devices,
-    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.DevicesContainer, {
+    filter: (data) => data.subject === import_chunk_FROKBEVH.Account.Devices,
+    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.DevicesContainer, {
       createInvitationUrl
     })
   }),
   (0, import_app_framework.createSurface)({
-    id: import_chunk_J5SQ5Q22.Account.Security,
+    id: import_chunk_FROKBEVH.Account.Security,
     role: "article",
-    filter: (data) => data.subject === import_chunk_J5SQ5Q22.Account.Security,
-    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.RecoveryCredentialsContainer, null)
+    filter: (data) => data.subject === import_chunk_FROKBEVH.Account.Security,
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.RecoveryCredentialsContainer, null)
   }),
   (0, import_app_framework.createSurface)({
-    id: import_chunk_FABH7MJ3.JOIN_DIALOG,
+    id: import_chunk_3JE5BFCT.JOIN_DIALOG,
     role: "dialog",
-    filter: (data) => data.component === import_chunk_FABH7MJ3.JOIN_DIALOG,
-    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.JoinDialog, data.props)
+    filter: (data) => data.component === import_chunk_3JE5BFCT.JOIN_DIALOG,
+    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.JoinDialog, data.props)
   }),
   (0, import_app_framework.createSurface)({
-    id: import_chunk_FABH7MJ3.RECOVERY_CODE_DIALOG,
+    id: import_chunk_3JE5BFCT.RECOVERY_CODE_DIALOG,
     role: "dialog",
-    filter: (data) => data.component === import_chunk_FABH7MJ3.RECOVERY_CODE_DIALOG,
-    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.RecoveryCodeDialog, data.props)
+    filter: (data) => data.component === import_chunk_3JE5BFCT.RECOVERY_CODE_DIALOG,
+    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.RecoveryCodeDialog, data.props)
   }),
   (0, import_app_framework.createSurface)({
-    id: import_chunk_FABH7MJ3.RESET_DIALOG,
+    id: import_chunk_3JE5BFCT.RESET_DIALOG,
     role: "dialog",
-    filter: (data) => data.component === import_chunk_FABH7MJ3.RESET_DIALOG,
-    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_FABH7MJ3.ResetDialog, {
+    filter: (data) => data.component === import_chunk_3JE5BFCT.RESET_DIALOG,
+    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_3JE5BFCT.ResetDialog, {
       ...data.props,
       onReset
     })
   })
 ]);
-//# sourceMappingURL=react-surface-UGXE6OAD.cjs.map
+//# sourceMappingURL=react-surface-BSTIXMER.cjs.map

package/dist/lib/node/{schema-defs-BYGBDKOU.cjs → schema-INQ72F54.cjs}

@@ -16,26 +16,24 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var schema_defs_BYGBDKOU_exports = {};
-__export(schema_defs_BYGBDKOU_exports, {
-  default: () => schema_defs_default
+var schema_INQ72F54_exports = {};
+__export(schema_INQ72F54_exports, {
+  default: () => schema_default
 });
-module.exports = __toCommonJS(schema_defs_BYGBDKOU_exports);
+module.exports = __toCommonJS(schema_INQ72F54_exports);
 var import_chunk_ZVQIICEN = require("./chunk-ZVQIICEN.cjs");
 var import_chunk_DJKWB5L6 = require("./chunk-DJKWB5L6.cjs");
+var import_signals_core = require("@preact/signals-core");
 var import_app_framework = require("@dxos/app-framework");
-var schema_defs_default = (context) => {
-  const registry = context.getCapability(import_app_framework.Capabilities.RxRegistry);
-  const client = context.getCapability(import_chunk_ZVQIICEN.ClientCapabilities.Client);
+var schema_default = (context) => {
+  const client = context.requestCapability(import_chunk_ZVQIICEN.ClientCapabilities.Client);
   let previous = [];
-  const cancel = registry.subscribe(context.capabilities(import_chunk_ZVQIICEN.ClientCapabilities.Schema), (_schemas) => {
-    const schemas = Array.from(new Set(_schemas.flat()));
+  const unsubscribe = (0, import_signals_core.effect)(() => {
+    const schemas = Array.from(new Set(context.requestCapabilities(import_chunk_ZVQIICEN.ClientCapabilities.Schema).flat()));
     const newSchemas = schemas.filter((schema) => !previous.includes(schema));
     previous = schemas;
     client.addTypes(newSchemas);
-  }, {
-    immediate: true
   });
-  return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => cancel());
+  return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => unsubscribe());
 };
-//# sourceMappingURL=schema-defs-BYGBDKOU.cjs.map
+//# sourceMappingURL=schema-INQ72F54.cjs.map

package/dist/lib/node/schema-INQ72F54.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/schema.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect } from '@preact/signals-core';\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { type TypedObject } from '@dxos/echo-schema';\n\nimport { ClientCapabilities } from './capabilities';\n\nexport default (context: PluginsContext) => {\n  const client = context.requestCapability(ClientCapabilities.Client);\n\n  // TODO(wittjosiah): Unregister schemas when they are disabled.\n  let previous: TypedObject[] = [];\n  const unsubscribe = effect(() => {\n    const schemas = Array.from(new Set(context.requestCapabilities(ClientCapabilities.Schema).flat()));\n    // TODO(wittjosiah): Filter out schemas which the client has already registered.\n    const newSchemas = schemas.filter((schema) => !previous.includes(schema));\n    previous = schemas;\n    client.addTypes(newSchemas);\n  });\n\n  return contributes(Capabilities.Null, null, () => unsubscribe());\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,0BAAuB;AAEvB,2BAA+D;AAK/D,IAAA,iBAAe,CAACA,YAAAA;AACd,QAAMC,SAASD,QAAQE,kBAAkBC,yCAAmBC,MAAM;AAGlE,MAAIC,WAA0B,CAAA;AAC9B,QAAMC,kBAAcC,4BAAO,MAAA;AACzB,UAAMC,UAAUC,MAAMC,KAAK,IAAIC,IAAIX,QAAQY,oBAAoBT,yCAAmBU,MAAM,EAAEC,KAAI,CAAA,CAAA;AAE9F,UAAMC,aAAaP,QAAQQ,OAAO,CAACC,WAAW,CAACZ,SAASa,SAASD,MAAAA,CAAAA;AACjEZ,eAAWG;AACXP,WAAOkB,SAASJ,UAAAA;EAClB,CAAA;AAEA,aAAOK,kCAAYC,kCAAaC,MAAM,MAAM,MAAMhB,YAAAA,CAAAA;AACpD;",
+  "names": ["context", "client", "requestCapability", "ClientCapabilities", "Client", "previous", "unsubscribe", "effect", "schemas", "Array", "from", "Set", "requestCapabilities", "Schema", "flat", "newSchemas", "filter", "schema", "includes", "addTypes", "contributes", "Capabilities", "Null"]
+}

package/dist/lib/node/types.cjs

@@ -18,11 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
 __export(types_exports, {
-  Account: () => import_chunk_J5SQ5Q22.Account,
-  ClientAction: () => import_chunk_J5SQ5Q22.ClientAction
+  Account: () => import_chunk_FROKBEVH.Account,
+  ClientAction: () => import_chunk_FROKBEVH.ClientAction
 });
 module.exports = __toCommonJS(types_exports);
-var import_chunk_J5SQ5Q22 = require("./chunk-J5SQ5Q22.cjs");
+var import_chunk_FROKBEVH = require("./chunk-FROKBEVH.cjs");
 var import_chunk_DJKWB5L6 = require("./chunk-DJKWB5L6.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["types.cjs"],
-  "sourcesContent": ["import {\n  Account,\n  ClientAction\n} from \"./chunk-J5SQ5Q22.cjs\";\nimport \"./chunk-DJKWB5L6.cjs\";\nexport {\n  Account,\n  ClientAction\n};\n//# sourceMappingURL=types.cjs.map\n"],
+  "sourcesContent": ["import {\n  Account,\n  ClientAction\n} from \"./chunk-FROKBEVH.cjs\";\nimport \"./chunk-DJKWB5L6.cjs\";\nexport {\n  Account,\n  ClientAction\n};\n//# sourceMappingURL=types.cjs.map\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
   "names": []
 }

package/dist/lib/node-esm/{app-graph-builder-XMXJG5YT.mjs → app-graph-builder-KIN6NWFI.mjs}

@@ -5,51 +5,47 @@ import {
 import {
   Account,
   ClientAction
-} from "./chunk-V6SJNSKG.mjs";
+} from "./chunk-AD5W5QCQ.mjs";
 import {
   CLIENT_PLUGIN
 } from "./chunk-HM7VB4ZV.mjs";
 
 // packages/plugins/plugin-client/src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
 import { createIntent } from "@dxos/app-framework";
 import { Capabilities, contributes } from "@dxos/app-framework";
-import { createExtension, rxFromObservable, ROOT_ID } from "@dxos/plugin-graph";
+import { createExtension, toSignal } from "@dxos/plugin-graph";
 import { ConnectionState } from "@dxos/react-client/mesh";
 var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
   id: CLIENT_PLUGIN,
-  actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => {
-    return [
-      {
-        id: `${CLIENT_PLUGIN}/open-user-account`,
-        data: async () => {
-          const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-          await dispatch(createIntent(ClientAction.ShareIdentity));
-        },
-        properties: {
-          label: [
-            "open user account label",
-            {
-              ns: CLIENT_PLUGIN
-            }
-          ],
-          icon: "ph--user--regular",
-          disposition: "menu",
-          keyBinding: {
-            macos: "meta+shift+.",
-            // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.
-            windows: "alt+shift+.",
-            linux: "alt+shift+>"
+  filter: (node) => node.id === "root",
+  actions: () => [
+    {
+      id: `${CLIENT_PLUGIN}/open-user-account`,
+      data: async () => {
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+        await dispatch(createIntent(ClientAction.ShareIdentity));
+      },
+      properties: {
+        label: [
+          "open user account label",
+          {
+            ns: CLIENT_PLUGIN
           }
+        ],
+        icon: "ph--user--regular",
+        keyBinding: {
+          macos: "meta+shift+.",
+          // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.
+          windows: "alt+shift+.",
+          linux: "alt+shift+>"
         }
       }
-    ];
-  }), Option.getOrElse(() => []))),
-  connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => {
-    const client = context.getCapability(ClientCapabilities.Client);
-    const identity = get(rxFromObservable(client.halo.identity));
-    const status = get(rxFromObservable(client.mesh.networkStatus));
+    }
+  ],
+  connector: () => {
+    const client = context.requestCapability(ClientCapabilities.Client);
+    const identity = client.halo.identity.get();
+    const status = toSignal((onChange) => client.mesh.networkStatus.subscribe(() => onChange()).unsubscribe, () => client.mesh.networkStatus.get());
     return [
       {
         id: Account.id,
@@ -67,7 +63,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
           userId: identity?.identityKey.toHex(),
           hue: identity?.profile?.data?.hue,
           emoji: identity?.profile?.data?.emoji,
-          status: status.swarm === ConnectionState.OFFLINE ? "error" : "active"
+          status: status?.swarm === ConnectionState.OFFLINE ? "error" : "active"
         },
         nodes: [
           {
@@ -116,9 +112,9 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
         ]
       }
     ];
-  }), Option.getOrElse(() => [])))
+  }
 }));
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-XMXJG5YT.mjs.map
+//# sourceMappingURL=app-graph-builder-KIN6NWFI.mjs.map

package/dist/lib/node-esm/app-graph-builder-KIN6NWFI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createIntent } from '@dxos/app-framework';\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { createExtension, toSignal, type Node } from '@dxos/plugin-graph';\nimport { ConnectionState } from '@dxos/react-client/mesh';\n\nimport { ClientCapabilities } from './capabilities';\nimport { CLIENT_PLUGIN } from '../meta';\nimport { Account, ClientAction } from '../types';\n\nexport default (context: PluginsContext) =>\n  contributes(\n    Capabilities.AppGraphBuilder,\n    createExtension({\n      id: CLIENT_PLUGIN,\n      filter: (node): node is Node<null> => node.id === 'root',\n      actions: () => [\n        {\n          id: `${CLIENT_PLUGIN}/open-user-account`,\n          data: async () => {\n            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n            await dispatch(createIntent(ClientAction.ShareIdentity));\n          },\n          properties: {\n            label: ['open user account label', { ns: CLIENT_PLUGIN }],\n            icon: 'ph--user--regular',\n            keyBinding: {\n              macos: 'meta+shift+.',\n              // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.\n              windows: 'alt+shift+.',\n              linux: 'alt+shift+>',\n            },\n          },\n        },\n      ],\n      connector: () => {\n        const client = context.requestCapability(ClientCapabilities.Client);\n        const identity = client.halo.identity.get();\n        const status = toSignal(\n          (onChange) => client.mesh.networkStatus.subscribe(() => onChange()).unsubscribe,\n          () => client.mesh.networkStatus.get(),\n        );\n\n        return [\n          {\n            id: Account.id,\n            type: CLIENT_PLUGIN,\n            properties: {\n              label: ['account label', { ns: CLIENT_PLUGIN }],\n              icon: 'ph--user--regular',\n              disposition: 'user-account',\n              // NOTE: This currently needs to be the identity key because the fallback is generated from hex.\n              userId: identity?.identityKey.toHex(),\n              hue: identity?.profile?.data?.hue,\n              emoji: identity?.profile?.data?.emoji,\n              status: status?.swarm === ConnectionState.OFFLINE ? 'error' : 'active',\n            },\n            nodes: [\n              {\n                id: Account.Profile,\n                data: Account.Profile,\n                type: CLIENT_PLUGIN,\n                properties: {\n                  label: ['profile label', { ns: CLIENT_PLUGIN }],\n                  icon: 'ph--user--regular',\n                },\n              },\n              {\n                id: Account.Devices,\n                data: Account.Devices,\n                type: CLIENT_PLUGIN,\n                properties: {\n                  label: ['devices label', { ns: CLIENT_PLUGIN }],\n                  icon: 'ph--devices--regular',\n                  testId: 'clientPlugin.devices',\n                },\n              },\n              {\n                id: Account.Security,\n                data: Account.Security,\n                type: CLIENT_PLUGIN,\n                properties: {\n                  label: ['security label', { ns: CLIENT_PLUGIN }],\n                  icon: 'ph--key--regular',\n                },\n              },\n            ],\n          },\n        ];\n      },\n    }),\n  );\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,SAASA,oBAAoB;AAC7B,SAASC,cAAcC,mBAAwC;AAC/D,SAASC,iBAAiBC,gBAA2B;AACrD,SAASC,uBAAuB;AAMhC,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,QAAQ,CAACC,SAA6BA,KAAKH,OAAO;EAClDI,SAAS,MAAM;IACb;MACEJ,IAAI,GAAGC,aAAAA;MACPI,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKZ,QAAQa,kBAAkBX,aAAaY,gBAAgB;AAC7F,cAAMF,SAASG,aAAaC,aAAaC,aAAa,CAAA;MACxD;MACAC,YAAY;QACVC,OAAO;UAAC;UAA2B;YAAEC,IAAId;UAAc;;QACvDe,MAAM;QACNC,YAAY;UACVC,OAAO;;UAEPC,SAAS;UACTC,OAAO;QACT;MACF;IACF;;EAEFC,WAAW,MAAA;AACT,UAAMC,SAAS3B,QAAQa,kBAAkBe,mBAAmBC,MAAM;AAClE,UAAMC,WAAWH,OAAOI,KAAKD,SAASE,IAAG;AACzC,UAAMC,SAASC,SACb,CAACC,aAAaR,OAAOS,KAAKC,cAAcC,UAAU,MAAMH,SAAAA,CAAAA,EAAYI,aACpE,MAAMZ,OAAOS,KAAKC,cAAcL,IAAG,CAAA;AAGrC,WAAO;MACL;QACE3B,IAAImC,QAAQnC;QACZoC,MAAMnC;QACNY,YAAY;UACVC,OAAO;YAAC;YAAiB;cAAEC,IAAId;YAAc;;UAC7Ce,MAAM;UACNqB,aAAa;;UAEbC,QAAQb,UAAUc,YAAYC,MAAAA;UAC9BC,KAAKhB,UAAUiB,SAASrC,MAAMoC;UAC9BE,OAAOlB,UAAUiB,SAASrC,MAAMsC;UAChCf,QAAQA,QAAQgB,UAAUC,gBAAgBC,UAAU,UAAU;QAChE;QACAC,OAAO;UACL;YACE/C,IAAImC,QAAQa;YACZ3C,MAAM8B,QAAQa;YACdZ,MAAMnC;YACNY,YAAY;cACVC,OAAO;gBAAC;gBAAiB;kBAAEC,IAAId;gBAAc;;cAC7Ce,MAAM;YACR;UACF;UACA;YACEhB,IAAImC,QAAQc;YACZ5C,MAAM8B,QAAQc;YACdb,MAAMnC;YACNY,YAAY;cACVC,OAAO;gBAAC;gBAAiB;kBAAEC,IAAId;gBAAc;;cAC7Ce,MAAM;cACNkC,QAAQ;YACV;UACF;UACA;YACElD,IAAImC,QAAQgB;YACZ9C,MAAM8B,QAAQgB;YACdf,MAAMnC;YACNY,YAAY;cACVC,OAAO;gBAAC;gBAAkB;kBAAEC,IAAId;gBAAc;;cAC9Ce,MAAM;YACR;UACF;;MAEJ;;EAEJ;AACF,CAAA,CAAA;",
+  "names": ["createIntent", "Capabilities", "contributes", "createExtension", "toSignal", "ConnectionState", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "CLIENT_PLUGIN", "filter", "node", "actions", "data", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "createIntent", "ClientAction", "ShareIdentity", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "linux", "connector", "client", "ClientCapabilities", "Client", "identity", "halo", "get", "status", "toSignal", "onChange", "mesh", "networkStatus", "subscribe", "unsubscribe", "Account", "type", "disposition", "userId", "identityKey", "toHex", "hue", "profile", "emoji", "swarm", "ConnectionState", "OFFLINE", "nodes", "Profile", "Devices", "testId", "Security"]
+}

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

@@ -0,0 +1,106 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  CLIENT_PLUGIN
+} from "./chunk-HM7VB4ZV.mjs";
+
+// packages/plugins/plugin-client/src/types.ts
+import { S } from "@dxos/echo-schema";
+import { PublicKey } from "@dxos/react-client";
+var IdentitySchema = S.Struct({
+  identityKey: S.instanceOf(PublicKey),
+  spaceKey: S.optional(S.instanceOf(PublicKey)),
+  profile: S.optional(S.Struct({
+    displayName: S.optional(S.String),
+    avatarCid: S.optional(S.String),
+    data: S.optional(S.Record({
+      key: S.String,
+      value: S.Any
+    }))
+  }))
+});
+var CLIENT_ACTION = `${CLIENT_PLUGIN}/action`;
+var ClientAction;
+(function(ClientAction2) {
+  class CreateIdentity extends S.TaggedClass()(`${CLIENT_ACTION}/create-identity`, {
+    input: S.Struct({
+      displayName: S.optional(S.String)
+    }),
+    output: IdentitySchema
+  }) {
+  }
+  ClientAction2.CreateIdentity = CreateIdentity;
+  class JoinIdentity extends S.TaggedClass()(`${CLIENT_ACTION}/join-identity`, {
+    input: S.Struct({
+      invitationCode: S.optional(S.String)
+    }),
+    output: S.Void
+  }) {
+  }
+  ClientAction2.JoinIdentity = JoinIdentity;
+  class ShareIdentity extends S.TaggedClass()(`${CLIENT_ACTION}/share-identity`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.ShareIdentity = ShareIdentity;
+  class RecoverIdentity extends S.TaggedClass()(`${CLIENT_ACTION}/recover-identity`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.RecoverIdentity = RecoverIdentity;
+  class ResetStorage extends S.TaggedClass()(`${CLIENT_ACTION}/reset-storage`, {
+    input: S.Struct({
+      mode: S.optional(S.String)
+    }),
+    output: S.Void
+  }) {
+  }
+  ClientAction2.ResetStorage = ResetStorage;
+  class CreateAgent extends S.TaggedClass()(`${CLIENT_ACTION}/create-agent`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.CreateAgent = CreateAgent;
+  class CreateRecoveryCode extends S.TaggedClass()(`${CLIENT_ACTION}/create-recovery-code`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.CreateRecoveryCode = CreateRecoveryCode;
+  class CreatePasskey extends S.TaggedClass()(`${CLIENT_ACTION}/create-passkey`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.CreatePasskey = CreatePasskey;
+  class RedeemPasskey extends S.TaggedClass()(`${CLIENT_ACTION}/redeem-passkey`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.RedeemPasskey = RedeemPasskey;
+  class RedeemToken extends S.TaggedClass()(`${CLIENT_ACTION}/redeem-token`, {
+    input: S.Struct({
+      token: S.String
+    }),
+    output: S.Void
+  }) {
+  }
+  ClientAction2.RedeemToken = RedeemToken;
+})(ClientAction || (ClientAction = {}));
+var Account;
+(function(Account2) {
+  const _id = "dxos.org.plugin.client.account";
+  Account2.id = `!${_id}`;
+  Account2.Profile = `${_id}.profile`;
+  Account2.Devices = `${_id}.devices`;
+  Account2.Security = `${_id}.security`;
+})(Account || (Account = {}));
+
+export {
+  ClientAction,
+  Account
+};
+//# sourceMappingURL=chunk-AD5W5QCQ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type PluginsContext } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { type Client, PublicKey, type ClientOptions } from '@dxos/react-client';\nimport { type MaybePromise } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from './meta';\n\n// TODO(wittjosiah): Factor out. Generate?\nconst IdentitySchema = S.Struct({\n  identityKey: S.instanceOf(PublicKey),\n  spaceKey: S.optional(S.instanceOf(PublicKey)),\n  profile: S.optional(\n    S.Struct({\n      displayName: S.optional(S.String),\n      avatarCid: S.optional(S.String),\n      data: S.optional(S.Record({ key: S.String, value: S.Any })),\n    }),\n  ),\n});\n\nconst CLIENT_ACTION = `${CLIENT_PLUGIN}/action`;\nexport namespace ClientAction {\n  export class CreateIdentity extends S.TaggedClass<CreateIdentity>()(`${CLIENT_ACTION}/create-identity`, {\n    input: S.Struct({\n      displayName: S.optional(S.String),\n    }),\n    output: IdentitySchema,\n  }) {}\n\n  export class JoinIdentity extends S.TaggedClass<JoinIdentity>()(`${CLIENT_ACTION}/join-identity`, {\n    input: S.Struct({\n      invitationCode: S.optional(S.String),\n    }),\n    output: S.Void,\n  }) {}\n\n  export class ShareIdentity extends S.TaggedClass<ShareIdentity>()(`${CLIENT_ACTION}/share-identity`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class RecoverIdentity extends S.TaggedClass<RecoverIdentity>()(`${CLIENT_ACTION}/recover-identity`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class ResetStorage extends S.TaggedClass<ResetStorage>()(`${CLIENT_ACTION}/reset-storage`, {\n    input: S.Struct({\n      mode: S.optional(S.String),\n    }),\n    output: S.Void,\n  }) {}\n\n  export class CreateAgent extends S.TaggedClass<CreateAgent>()(`${CLIENT_ACTION}/create-agent`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class CreateRecoveryCode extends S.TaggedClass<CreateRecoveryCode>()(`${CLIENT_ACTION}/create-recovery-code`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class CreatePasskey extends S.TaggedClass<CreatePasskey>()(`${CLIENT_ACTION}/create-passkey`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class RedeemPasskey extends S.TaggedClass<RedeemPasskey>()(`${CLIENT_ACTION}/redeem-passkey`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class RedeemToken extends S.TaggedClass<RedeemToken>()(`${CLIENT_ACTION}/redeem-token`, {\n    input: S.Struct({\n      token: S.String,\n    }),\n    output: S.Void,\n  }) {}\n}\n\nexport type ClientPluginOptions = ClientOptions & {\n  /**\n   * Base URL for the invitation link.\n   */\n  invitationUrl?: string;\n\n  /**\n   * Query parameter for the invitation code.\n   */\n  invitationParam?: string;\n\n  /**\n   * Run after the client has been initialized.\n   */\n  onClientInitialized?: (context: PluginsContext, client: Client) => MaybePromise<void>;\n\n  /**\n   * Called when the client is reset.\n   */\n  onReset?: (params: { target?: string }) => MaybePromise<void>;\n};\n\nexport namespace Account {\n  // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.\n  const _id = 'dxos.org.plugin.client.account';\n  // TODO(wittjosiah): This is a hack to prevent the previous deck from being set for pinned items.\n  //  Ideally this should be worked into the data model in a generic way.\n  export const id = `!${_id}`;\n\n  export const Profile = `${_id}.profile`;\n  export const Devices = `${_id}.devices`;\n  export const Security = `${_id}.security`;\n}\n"],
+  "mappings": "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",
+  "names": ["S", "PublicKey", "IdentitySchema", "S", "Struct", "identityKey", "instanceOf", "PublicKey", "spaceKey", "optional", "profile", "displayName", "String", "avatarCid", "data", "Record", "key", "value", "Any", "CLIENT_ACTION", "CLIENT_PLUGIN", "ClientAction", "CreateIdentity", "TaggedClass", "input", "output", "JoinIdentity", "invitationCode", "Void", "ShareIdentity", "RecoverIdentity", "ResetStorage", "mode", "CreateAgent", "CreateRecoveryCode", "CreatePasskey", "RedeemPasskey", "RedeemToken", "token", "Account", "_id", "id", "Profile", "Devices", "Security"]
+}

package/dist/lib/node-esm/{chunk-34X2AMVA.mjs → chunk-LZN2UNN7.mjs}

@@ -1,7 +1,7 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   ClientAction
-} from "./chunk-V6SJNSKG.mjs";
+} from "./chunk-AD5W5QCQ.mjs";
 import {
   CLIENT_PLUGIN
 } from "./chunk-HM7VB4ZV.mjs";
@@ -17,7 +17,7 @@ import { useDevices } from "@dxos/react-client/halo";
 import { Invitation, InvitationEncoder } from "@dxos/react-client/invitations";
 import { useNetworkStatus } from "@dxos/react-client/mesh";
 import { Button, Clipboard, IconButton, List, useId, useTranslation } from "@dxos/react-ui";
-import { ControlFrame, ControlFrameItem, ControlGroup, ControlItem, ControlPage, ControlSection } from "@dxos/react-ui-form";
+import { ControlFrame, ControlFrameItem, ControlGroup, ControlItem, ControlSection } from "@dxos/react-ui-form";
 import { StackItem } from "@dxos/react-ui-stack";
 import { getSize, mx } from "@dxos/react-ui-theme";
 import { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from "@dxos/shell/react";
@@ -42,8 +42,8 @@ var DevicesContainer = ({ createInvitationUrl }) => {
     dispatch
   ]);
   return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
+    classNames: "p-2 block overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(ControlSection, {
     title: t("devices verbose label", {
       ns: CLIENT_PLUGIN
     }),
@@ -60,7 +60,7 @@ var DevicesContainer = ({ createInvitationUrl }) => {
       device,
       connectionState
     });
-  }))), createInvitationUrl && /* @__PURE__ */ React.createElement(ControlFrameItem, {
+  }))), /* @__PURE__ */ React.createElement(ControlFrameItem, {
     title: "Add device"
   }, /* @__PURE__ */ React.createElement(DeviceInvitation, {
     createInvitationUrl
@@ -98,7 +98,7 @@ var DevicesContainer = ({ createInvitationUrl }) => {
     variant: "destructive",
     onClick: handleJoinNewIdentity,
     "data-testid": "devicesContainer.joinExisting"
-  }, t("join new identity label"))))))));
+  }, t("join new identity label")))))));
 };
 var DeviceInvitation = (props) => {
   const client = useClient();
@@ -114,7 +114,7 @@ var DeviceInvitation = (props) => {
             authCode: invitation3.authCode
           }), void 0, {
             F: __dxlog_file,
-            L: 141,
+            L: 122,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -223,16 +223,12 @@ var InvitationQR = ({ id, url, onCancel }) => {
   }))), /* @__PURE__ */ React.createElement("span", {
     id: qrLabel,
     className: "sr-only"
-  }, t("qr label"))), /* @__PURE__ */ React.createElement("div", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-2"
-  }, /* @__PURE__ */ React.createElement(Clipboard.Button, {
+  }, t("qr label")), /* @__PURE__ */ React.createElement(Clipboard.Button, {
     value: url ?? "never"
-  }), /* @__PURE__ */ React.createElement(Button, {
+  })), /* @__PURE__ */ React.createElement(Button, {
     variant: "ghost",
     onClick: onCancel
-  }, t("cancel label")))));
+  }, t("cancel label")));
 };
 var InvitationAuthCode = ({ id, code, onCancel }) => {
   const { t } = useTranslation("os");
@@ -310,13 +306,13 @@ var JoinDialog = (props) => {
 };
 
 // packages/plugins/plugin-client/src/components/ProfileContainer.tsx
-import { Schema } from "effect";
+import { Schema as S } from "effect";
 import React3, { useCallback as useCallback3, useMemo, useState as useState2 } from "react";
 import { debounce } from "@dxos/async";
 import { useClient as useClient2 } from "@dxos/react-client";
 import { useIdentity } from "@dxos/react-client/halo";
 import { ButtonGroup, Clipboard as Clipboard2, Input, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { Form, ControlItem as ControlItem2, ControlItemInput, ControlSection as ControlSection2, ControlPage as ControlPage2 } from "@dxos/react-ui-form";
+import { Form, ControlItem as ControlItem2, ControlItemInput, ControlSection as ControlSection2 } from "@dxos/react-ui-form";
 import { EmojiPickerBlock, HuePicker } from "@dxos/react-ui-pickers";
 import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
 import { hexToHue, hexToEmoji as hexToEmoji2 } from "@dxos/util";
@@ -429,8 +425,8 @@ var ProfileContainer = () => {
     t
   ]);
   return /* @__PURE__ */ React3.createElement(StackItem2.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React3.createElement(ControlPage2, null, /* @__PURE__ */ React3.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React3.createElement(ControlSection2, {
+    classNames: "p-2 block overflow-y-auto"
+  }, /* @__PURE__ */ React3.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React3.createElement(ControlSection2, {
     title: t("profile label"),
     description: t("profile description")
   }, /* @__PURE__ */ React3.createElement(Form, {
@@ -440,19 +436,19 @@ var ProfileContainer = () => {
     onSave: handleSave,
     Custom: customElements,
     classNames: 'p-0 container-max-width [&_[role="form"]]:grid [&_[role="form"]]:grid-cols-1 md:[&_[role="form"]]:grid-cols-[1fr_min-content] [&_[role="form"]]:gap-4'
-  })))));
+  }))));
 };
-var ProfileSchema = Schema.Struct({
-  displayName: Schema.String.annotations({
+var ProfileSchema = S.Struct({
+  displayName: S.String.annotations({
     title: "Display name"
   }),
-  emoji: Schema.String.annotations({
+  emoji: S.String.annotations({
     title: "Avatar"
   }),
-  hue: Schema.String.annotations({
+  hue: S.String.annotations({
     title: "Color"
   }),
-  did: Schema.String.annotations({
+  did: S.String.annotations({
     title: "DID"
   })
 });
@@ -513,7 +509,7 @@ import React5 from "react";
 import { createIntent as createIntent3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
 import { useCredentials } from "@dxos/react-client/halo";
 import { Icon, IconButton as IconButton2, List as List2, ListItem, useTranslation as useTranslation5, Message } from "@dxos/react-ui";
-import { ControlGroup as ControlGroup2, ControlItem as ControlItem3, ControlPage as ControlPage3, ControlSection as ControlSection3 } from "@dxos/react-ui-form";
+import { ControlGroup as ControlGroup2, ControlItem as ControlItem3, ControlSection as ControlSection3 } from "@dxos/react-ui-form";
 import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
 var MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;
 var RecoveryCredentialsContainer = () => {
@@ -522,8 +518,8 @@ var RecoveryCredentialsContainer = () => {
   const credentials = useCredentials();
   const recoveryCredentials = credentials.filter((credential) => credential.subject.assertion["@type"] === "dxos.halo.credentials.IdentityRecovery");
   return /* @__PURE__ */ React5.createElement(StackItem3.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React5.createElement(ControlPage3, null, /* @__PURE__ */ React5.createElement(ControlSection3, {
+    classNames: "p-2 block overflow-y-auto"
+  }, /* @__PURE__ */ React5.createElement(ControlSection3, {
     title: t("recovery setup dialog title"),
     description: t("recovery setup dialog description")
   }, /* @__PURE__ */ React5.createElement(ControlGroup2, null, /* @__PURE__ */ React5.createElement(ControlItem3, {
@@ -560,7 +556,7 @@ var RecoveryCredentialsContainer = () => {
   }, /* @__PURE__ */ React5.createElement(ListItem.Endcap, null, /* @__PURE__ */ React5.createElement(Icon, {
     icon: "ph--key--regular",
     size: 5
-  })), /* @__PURE__ */ React5.createElement(ListItem.Heading, null, credential.issuanceDate.toLocaleString())))))));
+  })), /* @__PURE__ */ React5.createElement(ListItem.Heading, null, credential.issuanceDate.toLocaleString()))))));
 };
 
 // packages/plugins/plugin-client/src/components/ResetDialog.tsx
@@ -621,4 +617,4 @@ export {
   RESET_DIALOG,
   ResetDialog
 };
-//# sourceMappingURL=chunk-34X2AMVA.mjs.map
+//# sourceMappingURL=chunk-LZN2UNN7.mjs.map