@dxos/shell 0.4.10-main.f68a1ca → 0.4.10-main.f937af6

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

@@ -139,16 +139,16 @@ var ShellManager = class extends ScopedShellManager {
       }
     };
     this.page.on("dialog", handleDialog);
-    await this.shell.getByTestId("devices-panel.sign-out").click();
-    await this.shell.getByTestId("sign-out.reset-device").click();
-    this.page.off("dialog", handleDialog);
+    await this.shell.getByTestId("device-list-item-current.options").click();
+    await this.shell.getByTestId("device-list-item-current.reset").click();
+    await this.shell.getByTestId("reset-storage.reset-identity-input").fill("CONFIRM");
+    await this.shell.getByTestId("reset-storage.reset-identity-confirm").click();
   }
   async joinNewIdentity(invitationCode) {
-    await this.shell.getByTestId("devices-panel.sign-out").click();
-    await this.shell.getByTestId("sign-out.join-new-identity").click();
-    await this.shell.getByTestId("reset-identity-input").fill("CONFIRM");
-    await this.shell.getByTestId("reset-identity-input-confirm").click();
-    await this.shell.getByTestId("identity-chooser.join-identity").click();
+    await this.shell.getByTestId("device-list-item-current.options").click();
+    await this.shell.getByTestId("device-list-item-current.join-existing").click();
+    await this.shell.getByTestId("join-new-identity.reset-identity-input").fill("CONFIRM");
+    await this.shell.getByTestId("join-new-identity.reset-identity-confirm").click();
     await this.inputInvitation("device", invitationCode, this.shell);
   }
   async authenticateDevice(authCode, skipDone = true) {
@@ -180,7 +180,8 @@ var ShellManager = class extends ScopedShellManager {
   }
   async _onConsoleMessage(message) {
     try {
-      const json = JSON.parse(message.text());
+      const text = message.text();
+      const json = JSON.parse(text.slice(text.indexOf("{")));
       if (json.invitationCode) {
         this._invitationCode.wake(json.invitationCode);
       }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/testing/fixtures/identities.ts", "../../../../src/testing/fixtures/invitations.ts", "../../../../src/testing/scoped-shell-manager.ts", "../../../../src/testing/shell-manager.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { SpaceMember } from '@dxos/react-client/echo';\n\nexport const alice: SpaceMember = {\n  identity: {\n    identityKey: PublicKey.random(),\n    profile: {\n      displayName: 'Alice',\n    },\n  },\n  presence: SpaceMember.PresenceState.ONLINE,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { Invitation, CancellableInvitationObservable } from '@dxos/react-client/invitations';\n\nexport const inviteWithState = (state: Invitation.State) =>\n  new CancellableInvitationObservable({\n    initialInvitation: {\n      state,\n      invitationId: Math.random().toString(16).slice(2),\n      kind: Invitation.Kind.SPACE,\n      authMethod: Invitation.AuthMethod.NONE,\n      swarmKey: PublicKey.random(),\n      type: Invitation.Type.INTERACTIVE,\n      authCode: [Invitation.State.READY_FOR_AUTHENTICATION, Invitation.State.AUTHENTICATING].includes(state)\n        ? '123456'\n        : '',\n    },\n    subscriber: () => {},\n    onCancel: async () => {},\n  });\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page, FrameLocator } from '@playwright/test';\n\ntype Scope = Locator | FrameLocator | Page;\n\nexport class ScopedShellManager {\n  page!: Page;\n\n  authenticatorIsVisible(type: 'device' | 'space', scope?: Scope) {\n    return (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).isVisible();\n  }\n\n  async invitationFailed(scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer.locator('[data-testid=invitation-rescuer-reset]:not([disabled])').waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async inputInvitation(type: 'device' | 'space', invitation: string, scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input`).fill(invitation);\n    await this.page.keyboard.press('Enter');\n  }\n\n  async invitationInputContinue(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input-continue`).click();\n  }\n\n  async cancelInvitation(type: 'device' | 'space', kind: 'host' | 'guest', scope?: Scope) {\n    if (kind === 'guest') {\n      await (scope || this.page)\n        .getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-cancel`)\n        .click();\n    } else {\n      await (scope || this.page).getByTestId('cancel-invitation').nth(0).click();\n    }\n  }\n\n  async readyToAuthenticate(type: 'device' | 'space', scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer\n        .locator(`[data-testid=${type === 'device' ? 'halo' : 'space'}-auth-code-input]:not([disabled])`)\n        .waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async authenticateInvitation(type: 'device' | 'space', authCode: string, scope?: Scope) {\n    const peer = scope || this.page;\n    // TODO(wittjosiah): Update ids.\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill(authCode);\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-next`).click();\n  }\n\n  async clearAuthCode(type: 'device' | 'space', scope?: Scope) {\n    const peer = scope || this.page;\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill('');\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).focus();\n  }\n\n  async resetInvitation(scope?: Scope) {\n    await (scope || this.page).getByTestId('invitation-rescuer-reset').click();\n  }\n\n  async doneInvitation(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page)\n      .getByTestId(type === 'device' ? 'halo-invitation-accepted-done' : 'space-invitation-accepted-done')\n      .click();\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { ConsoleMessage, Dialog, Page } from '@playwright/test';\n\nimport { sleep, Trigger } from '@dxos/async';\n\nimport { ScopedShellManager } from './scoped-shell-manager';\n\n// TODO(wittjosiah): Normalize data-testids between snake and camel case.\n\nexport class ShellManager extends ScopedShellManager {\n  private _invitationCode = new Trigger<string>();\n  private _authCode = new Trigger<string>();\n\n  // prettier-ignore\n  constructor(\n    override readonly page: Page,\n    readonly inIFrame = true,\n  ) {\n    super();\n    this.page.on('console', (message) => this._onConsoleMessage(message));\n  }\n\n  get shell() {\n    return this.inIFrame ? this.page.frameLocator('data-testid=dxos-shell') : this.page;\n  }\n\n  // Getters\n\n  async getDisplayName(): Promise<string | null> {\n    return this.shell.getByTestId('identityHeading.displayName').textContent();\n  }\n\n  async isCurrentSpaceViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('current-space-view').isVisible();\n  }\n\n  async isSpaceListViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('space-list-view').isVisible();\n  }\n\n  // Actions\n\n  async createIdentity(name: string) {\n    await this.shell.getByTestId('create-identity').click();\n    await this.page.keyboard.type(name);\n    await this.shell.getByTestId('create-identity-input-continue').click();\n    await this.shell.getByTestId('halo-invitation-accepted-done').click();\n  }\n\n  async createDeviceInvitation(): Promise<string> {\n    this._invitationCode = new Trigger<string>();\n    this._authCode = new Trigger<string>();\n    await this.shell.getByTestId('devices-panel.create-invitation').click();\n    return await this._invitationCode.wait();\n  }\n\n  async resetDevice() {\n    const handleDialog = async (dialog: Dialog) => {\n      if (dialog.type() === 'confirm') {\n        await dialog.accept();\n      }\n    };\n\n    this.page.on('dialog', handleDialog);\n    await this.shell.getByTestId('devices-panel.sign-out').click();\n    await this.shell.getByTestId('sign-out.reset-device').click();\n    this.page.off('dialog', handleDialog);\n  }\n\n  async joinNewIdentity(invitationCode: string) {\n    await this.shell.getByTestId('devices-panel.sign-out').click();\n    await this.shell.getByTestId('sign-out.join-new-identity').click();\n    await this.shell.getByTestId('reset-identity-input').fill('CONFIRM');\n    await this.shell.getByTestId('reset-identity-input-confirm').click();\n    await this.shell.getByTestId('identity-chooser.join-identity').click();\n    await this.inputInvitation('device', invitationCode, this.shell);\n  }\n\n  async authenticateDevice(authCode: string, skipDone = true) {\n    // Wait for focus to shift before typing.\n    await sleep(1500);\n    await this.authenticateInvitation('device', authCode, this.shell);\n    // TODO(wittjosiah): When \"signing out\" and joinging a new identity, the done step seems to be skipped.\n    if (!skipDone) {\n      await this.doneInvitation('device', this.shell);\n    }\n  }\n\n  async closeShell() {\n    await this.page.keyboard.press('Escape');\n  }\n\n  async createSpaceInvitation(): Promise<string> {\n    this._invitationCode = new Trigger<string>();\n    this._authCode = new Trigger<string>();\n    await this.shell.getByTestId('spaces-panel.create-invitation').click();\n    return await this._invitationCode.wait();\n  }\n\n  async acceptSpaceInvitation(invitationCode: string) {\n    await this.inputInvitation('space', invitationCode, this.shell);\n  }\n\n  async getAuthCode(): Promise<string> {\n    return await this._authCode.wait();\n  }\n\n  async authenticate(authCode: string) {\n    // Wait for focus to shift before typing.\n    await sleep(1500);\n    await this.authenticateInvitation('space', authCode, this.shell);\n    await this.doneInvitation('space', this.shell);\n  }\n\n  private async _onConsoleMessage(message: ConsoleMessage) {\n    try {\n      const json = JSON.parse(message.text());\n      if (json.invitationCode) {\n        this._invitationCode.wake(json.invitationCode);\n      }\n      if (json.authCode) {\n        this._authCode.wake(json.authCode);\n      }\n    } catch {}\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["PublicKey", "SpaceMember", "alice", "identity", "identityKey", "PublicKey", "random", "profile", "displayName", "presence", "SpaceMember", "PresenceState", "ONLINE", "PublicKey", "Invitation", "CancellableInvitationObservable", "inviteWithState", "state", "CancellableInvitationObservable", "initialInvitation", "invitationId", "Math", "random", "toString", "slice", "kind", "Invitation", "Kind", "SPACE", "authMethod", "AuthMethod", "NONE", "swarmKey", "PublicKey", "type", "Type", "INTERACTIVE", "authCode", "State", "READY_FOR_AUTHENTICATION", "AUTHENTICATING", "includes", "subscriber", "onCancel", "ScopedShellManager", "authenticatorIsVisible", "type", "scope", "page", "getByTestId", "isVisible", "invitationFailed", "timeout", "peer", "locator", "waitFor", "inputInvitation", "invitation", "fill", "keyboard", "press", "invitationInputContinue", "click", "cancelInvitation", "kind", "nth", "readyToAuthenticate", "authenticateInvitation", "authCode", "clearAuthCode", "focus", "resetInvitation", "doneInvitation", "sleep", "Trigger", "ShellManager", "ScopedShellManager", "constructor", "page", "inIFrame", "_invitationCode", "Trigger", "_authCode", "on", "message", "_onConsoleMessage", "shell", "frameLocator", "getDisplayName", "getByTestId", "textContent", "isCurrentSpaceViewVisible", "isVisible", "isSpaceListViewVisible", "createIdentity", "name", "click", "keyboard", "type", "createDeviceInvitation", "wait", "resetDevice", "handleDialog", "dialog", "accept", "off", "joinNewIdentity", "invitationCode", "fill", "inputInvitation", "authenticateDevice", "authCode", "skipDone", "sleep", "authenticateInvitation", "doneInvitation", "closeShell", "press", "createSpaceInvitation", "acceptSpaceInvitation", "getAuthCode", "authenticate", "json", "JSON", "parse", "text", "wake"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { SpaceMember } from '@dxos/react-client/echo';\n\nexport const alice: SpaceMember = {\n  identity: {\n    identityKey: PublicKey.random(),\n    profile: {\n      displayName: 'Alice',\n    },\n  },\n  presence: SpaceMember.PresenceState.ONLINE,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { Invitation, CancellableInvitationObservable } from '@dxos/react-client/invitations';\n\nexport const inviteWithState = (state: Invitation.State) =>\n  new CancellableInvitationObservable({\n    initialInvitation: {\n      state,\n      invitationId: Math.random().toString(16).slice(2),\n      kind: Invitation.Kind.SPACE,\n      authMethod: Invitation.AuthMethod.NONE,\n      swarmKey: PublicKey.random(),\n      type: Invitation.Type.INTERACTIVE,\n      authCode: [Invitation.State.READY_FOR_AUTHENTICATION, Invitation.State.AUTHENTICATING].includes(state)\n        ? '123456'\n        : '',\n    },\n    subscriber: () => {},\n    onCancel: async () => {},\n  });\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page, FrameLocator } from '@playwright/test';\n\ntype Scope = Locator | FrameLocator | Page;\n\nexport class ScopedShellManager {\n  page!: Page;\n\n  authenticatorIsVisible(type: 'device' | 'space', scope?: Scope) {\n    return (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).isVisible();\n  }\n\n  async invitationFailed(scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer.locator('[data-testid=invitation-rescuer-reset]:not([disabled])').waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async inputInvitation(type: 'device' | 'space', invitation: string, scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input`).fill(invitation);\n    await this.page.keyboard.press('Enter');\n  }\n\n  async invitationInputContinue(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input-continue`).click();\n  }\n\n  async cancelInvitation(type: 'device' | 'space', kind: 'host' | 'guest', scope?: Scope) {\n    if (kind === 'guest') {\n      await (scope || this.page)\n        .getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-cancel`)\n        .click();\n    } else {\n      await (scope || this.page).getByTestId('cancel-invitation').nth(0).click();\n    }\n  }\n\n  async readyToAuthenticate(type: 'device' | 'space', scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer\n        .locator(`[data-testid=${type === 'device' ? 'halo' : 'space'}-auth-code-input]:not([disabled])`)\n        .waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async authenticateInvitation(type: 'device' | 'space', authCode: string, scope?: Scope) {\n    const peer = scope || this.page;\n    // TODO(wittjosiah): Update ids.\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill(authCode);\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-next`).click();\n  }\n\n  async clearAuthCode(type: 'device' | 'space', scope?: Scope) {\n    const peer = scope || this.page;\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill('');\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).focus();\n  }\n\n  async resetInvitation(scope?: Scope) {\n    await (scope || this.page).getByTestId('invitation-rescuer-reset').click();\n  }\n\n  async doneInvitation(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page)\n      .getByTestId(type === 'device' ? 'halo-invitation-accepted-done' : 'space-invitation-accepted-done')\n      .click();\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { ConsoleMessage, Dialog, Page } from '@playwright/test';\n\nimport { sleep, Trigger } from '@dxos/async';\n\nimport { ScopedShellManager } from './scoped-shell-manager';\n\n// TODO(wittjosiah): Normalize data-testids between snake and camel case.\n\nexport class ShellManager extends ScopedShellManager {\n  private _invitationCode = new Trigger<string>();\n  private _authCode = new Trigger<string>();\n\n  // prettier-ignore\n  constructor(\n    override readonly page: Page,\n    readonly inIFrame = true,\n  ) {\n    super();\n    this.page.on('console', (message) => this._onConsoleMessage(message));\n  }\n\n  get shell() {\n    return this.inIFrame ? this.page.frameLocator('data-testid=dxos-shell') : this.page;\n  }\n\n  // Getters\n\n  async getDisplayName(): Promise<string | null> {\n    return this.shell.getByTestId('identityHeading.displayName').textContent();\n  }\n\n  async isCurrentSpaceViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('current-space-view').isVisible();\n  }\n\n  async isSpaceListViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('space-list-view').isVisible();\n  }\n\n  // Actions\n\n  async createIdentity(name: string) {\n    await this.shell.getByTestId('create-identity').click();\n    await this.page.keyboard.type(name);\n    await this.shell.getByTestId('create-identity-input-continue').click();\n    await this.shell.getByTestId('halo-invitation-accepted-done').click();\n  }\n\n  async createDeviceInvitation(): Promise<string> {\n    this._invitationCode = new Trigger<string>();\n    this._authCode = new Trigger<string>();\n    await this.shell.getByTestId('devices-panel.create-invitation').click();\n    return await this._invitationCode.wait();\n  }\n\n  async resetDevice() {\n    const handleDialog = async (dialog: Dialog) => {\n      if (dialog.type() === 'confirm') {\n        await dialog.accept();\n      }\n    };\n\n    this.page.on('dialog', handleDialog);\n    await this.shell.getByTestId('device-list-item-current.options').click();\n    await this.shell.getByTestId('device-list-item-current.reset').click();\n    await this.shell.getByTestId('reset-storage.reset-identity-input').fill('CONFIRM');\n    await this.shell.getByTestId('reset-storage.reset-identity-confirm').click();\n  }\n\n  async joinNewIdentity(invitationCode: string) {\n    await this.shell.getByTestId('device-list-item-current.options').click();\n    await this.shell.getByTestId('device-list-item-current.join-existing').click();\n    await this.shell.getByTestId('join-new-identity.reset-identity-input').fill('CONFIRM');\n    await this.shell.getByTestId('join-new-identity.reset-identity-confirm').click();\n    await this.inputInvitation('device', invitationCode, this.shell);\n  }\n\n  async authenticateDevice(authCode: string, skipDone = true) {\n    // Wait for focus to shift before typing.\n    await sleep(1500);\n    await this.authenticateInvitation('device', authCode, this.shell);\n    // TODO(wittjosiah): When \"signing out\" and joinging a new identity, the done step seems to be skipped.\n    if (!skipDone) {\n      await this.doneInvitation('device', this.shell);\n    }\n  }\n\n  async closeShell() {\n    await this.page.keyboard.press('Escape');\n  }\n\n  async createSpaceInvitation(): Promise<string> {\n    this._invitationCode = new Trigger<string>();\n    this._authCode = new Trigger<string>();\n    await this.shell.getByTestId('spaces-panel.create-invitation').click();\n    return await this._invitationCode.wait();\n  }\n\n  async acceptSpaceInvitation(invitationCode: string) {\n    await this.inputInvitation('space', invitationCode, this.shell);\n  }\n\n  async getAuthCode(): Promise<string> {\n    return await this._authCode.wait();\n  }\n\n  async authenticate(authCode: string) {\n    // Wait for focus to shift before typing.\n    await sleep(1500);\n    await this.authenticateInvitation('space', authCode, this.shell);\n    await this.doneInvitation('space', this.shell);\n  }\n\n  private async _onConsoleMessage(message: ConsoleMessage) {\n    try {\n      const text = message.text();\n      const json = JSON.parse(text.slice(text.indexOf('{')));\n      if (json.invitationCode) {\n        this._invitationCode.wake(json.invitationCode);\n      }\n      if (json.authCode) {\n        this._authCode.wake(json.authCode);\n      }\n    } catch {}\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["PublicKey", "SpaceMember", "alice", "identity", "identityKey", "PublicKey", "random", "profile", "displayName", "presence", "SpaceMember", "PresenceState", "ONLINE", "PublicKey", "Invitation", "CancellableInvitationObservable", "inviteWithState", "state", "CancellableInvitationObservable", "initialInvitation", "invitationId", "Math", "random", "toString", "slice", "kind", "Invitation", "Kind", "SPACE", "authMethod", "AuthMethod", "NONE", "swarmKey", "PublicKey", "type", "Type", "INTERACTIVE", "authCode", "State", "READY_FOR_AUTHENTICATION", "AUTHENTICATING", "includes", "subscriber", "onCancel", "ScopedShellManager", "authenticatorIsVisible", "type", "scope", "page", "getByTestId", "isVisible", "invitationFailed", "timeout", "peer", "locator", "waitFor", "inputInvitation", "invitation", "fill", "keyboard", "press", "invitationInputContinue", "click", "cancelInvitation", "kind", "nth", "readyToAuthenticate", "authenticateInvitation", "authCode", "clearAuthCode", "focus", "resetInvitation", "doneInvitation", "sleep", "Trigger", "ShellManager", "ScopedShellManager", "constructor", "page", "inIFrame", "_invitationCode", "Trigger", "_authCode", "on", "message", "_onConsoleMessage", "shell", "frameLocator", "getDisplayName", "getByTestId", "textContent", "isCurrentSpaceViewVisible", "isVisible", "isSpaceListViewVisible", "createIdentity", "name", "click", "keyboard", "type", "createDeviceInvitation", "wait", "resetDevice", "handleDialog", "dialog", "accept", "fill", "joinNewIdentity", "invitationCode", "inputInvitation", "authenticateDevice", "authCode", "skipDone", "sleep", "authenticateInvitation", "doneInvitation", "closeShell", "press", "createSpaceInvitation", "acceptSpaceInvitation", "getAuthCode", "authenticate", "text", "json", "JSON", "parse", "slice", "indexOf", "wake"]
 }

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

@@ -0,0 +1,3 @@
+import { type AgentFormProps } from './DeviceList';
+export declare const AgentConfig: ({ agentActive, agentStatus, onAgentDestroy, onAgentCreate }: AgentFormProps) => JSX.Element;
+//# sourceMappingURL=AgentConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/AgentConfig.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,WAAW,gEAAiE,cAAc,gBAqDtG,CAAC"}

package/dist/types/src/components/AgentConfig.js

@@ -0,0 +1,37 @@
+"use strict";
+//
+// Copyright 2024 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgentConfig = void 0;
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importDefault(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const AgentConfig = ({ agentActive, agentStatus, onAgentDestroy, onAgentCreate }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        react_2.default.createElement("h2", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center mbs-4') }, t('agent heading')),
+        agentActive ? (react_2.default.createElement("div", { role: 'group', className: 'flex gap-2 items-center' },
+            react_2.default.createElement(react_ui_1.Avatar.Root, { status: agentStatus ? 'active' : 'inactive', variant: 'square' },
+                react_2.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' },
+                    react_2.default.createElement(react_1.Database, { weight: 'duotone', width: 24, height: 24, x: 8, y: 8 })),
+                react_2.default.createElement(react_ui_1.Avatar.Label, { classNames: 'flex-1 text-sm truncate' }, t('agent device label'))),
+            react_2.default.createElement(react_ui_1.Tooltip.Root, null,
+                react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
+                    react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": 'agent.destroy', onClick: onAgentDestroy },
+                        react_2.default.createElement("span", { className: 'sr-only' }, t('destroy agent label')),
+                        react_2.default.createElement(react_1.Power, { className: (0, react_ui_theme_1.getSize)(5) }))),
+                react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
+                    react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' }, t('destroy agent label')))))) : (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'mlb-2 is-full justify-start gap-2 !pis-0 !pie-3', "data-testid": 'devices-panel.create-agent', onClick: onAgentCreate, "aria-describedby": 'devices-panel.create-agent.description' },
+                react_2.default.createElement("div", { role: 'img', className: (0, react_ui_theme_1.mx)((0, react_ui_theme_1.getSize)(8), 'm-1 rounded-sm surface-input grid place-items-center') },
+                    react_2.default.createElement(react_1.Plus, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) })),
+                react_2.default.createElement("span", { className: 'grow font-medium text-start' }, t('create agent label'))),
+            react_2.default.createElement("p", { id: 'devices-panel.create-agent.description', className: react_ui_theme_1.descriptionText }, t('agent message body'))))));
+};
+exports.AgentConfig = AgentConfig;
+//# sourceMappingURL=AgentConfig.js.map

package/dist/types/src/components/AgentConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentConfig.js","sourceRoot":"","sources":["../../../../src/components/AgentConfig.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,iDAA8D;AAC9D,kDAA0B;AAE1B,6CAAyE;AACzE,yDAAoE;AAI7D,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAkB,EAAE,EAAE;IACzG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL;QACE,sCAAI,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,mBAAmB,CAAC,IAAG,CAAC,CAAC,eAAe,CAAC,CAAM;QACjF,WAAW,CAAC,CAAC,CAAC,CACb,uCAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB;YACnD,8BAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAC,QAAQ;gBACxE,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB;oBAC1C,8BAAC,gBAAQ,IAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,CACnD;gBACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,yBAAyB,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAgB,CAC/E;YACd,8BAAC,kBAAO,CAAC,IAAI;gBACX,8BAAC,kBAAO,CAAC,OAAO,IAAC,OAAO;oBACtB,8BAAC,iBAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,6CAA6C,iBAC5C,eAAe,EAC3B,OAAO,EAAE,cAAc;wBAEvB,wCAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,qBAAqB,CAAC,CAAQ;wBAC3D,8BAAC,aAAK,IAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CACzB,CACO;gBAClB,8BAAC,kBAAO,CAAC,MAAM;oBACb,8BAAC,kBAAO,CAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,IAC7C,CAAC,CAAC,qBAAqB,CAAC,CACT,CACH,CACJ,CACX,CACP,CAAC,CAAC,CAAC,CACF;YACE,8BAAC,iBAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,iDAAiD,iBAChD,4BAA4B,EACxC,OAAO,EAAE,aAAa,sBACL,wCAAwC;gBAEzD,uCAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,IAAA,wBAAO,EAAC,CAAC,CAAC,EAAE,sDAAsD,CAAC;oBAC/F,8BAAC,YAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC1C;gBACN,wCAAM,SAAS,EAAC,6BAA6B,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAQ,CACvE;YACT,qCAAG,EAAE,EAAC,wCAAwC,EAAC,SAAS,EAAE,gCAAe,IACtE,CAAC,CAAC,oBAAoB,CAAC,CACtB,CACH,CACJ,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,WAAW,eAqDtB"}

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

@@ -0,0 +1,3 @@
+import { type DeviceListProps } from './DeviceListProps';
+export declare const DeviceList: ({ devices, onClickAdd, onClickEdit, onClickReset, onClickJoinExisting, }: DeviceListProps) => JSX.Element;
+//# sourceMappingURL=DeviceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,UAAU,6EAMpB,eAAe,gBAiCjB,CAAC"}

package/dist/types/src/components/DeviceList/DeviceList.js

@@ -0,0 +1,29 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceList = void 0;
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importDefault(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const DeviceListItem_1 = require("./DeviceListItem");
+const DeviceList = ({ devices, onClickAdd, onClickEdit, onClickReset, onClickJoinExisting, }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        react_2.default.createElement("h2", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center mbs-4') }, t('devices heading')),
+        devices.length > 0 && (react_2.default.createElement(react_ui_1.List, null, devices.map((device) => {
+            return (react_2.default.createElement(DeviceListItem_1.DeviceListItem, { key: device.deviceKey.toHex(), device: device, onClickEdit: () => onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(device), onClickReset, onClickJoinExisting }));
+        }))),
+        react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'justify-start gap-2 !pis-0 !pie-3', "data-testid": 'devices-panel.create-invitation', onClick: onClickAdd },
+            react_2.default.createElement("div", { role: 'img', className: (0, react_ui_theme_1.mx)((0, react_ui_theme_1.getSize)(8), 'm-1 rounded-sm surface-input grid place-items-center') },
+                react_2.default.createElement(react_1.Plus, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) })),
+            react_2.default.createElement("span", { className: 'grow font-medium text-start' }, t('choose add device label')),
+            react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))));
+};
+exports.DeviceList = DeviceList;
+//# sourceMappingURL=DeviceList.js.map

package/dist/types/src/components/DeviceList/DeviceList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,iDAAyD;AACzD,kDAA0B;AAG1B,6CAA8D;AAC9D,yDAAoE;AAEpE,qDAAkD;AAG3C,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,UAAU,EACV,WAAW,EACX,YAAY,EACZ,mBAAmB,GACH,EAAE,EAAE;IACpB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL;QACE,sCAAI,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,mBAAmB,CAAC,IAAG,CAAC,CAAC,iBAAiB,CAAC,CAAM;QACnF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,8BAAC,eAAI,QACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;YAC9B,OAAO,CACL,8BAAC,+BAAc,IACb,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,EAClC,YAAY,EAAE,mBAAmB,GACvC,CACH,CAAC;QACJ,CAAC,CAAC,CACG,CACR;QACD,8BAAC,iBAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,mCAAmC,iBAClC,iCAAiC,EAC7C,OAAO,EAAE,UAAU;YAEnB,uCAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,IAAA,wBAAO,EAAC,CAAC,CAAC,EAAE,sDAAsD,CAAC;gBAC/F,8BAAC,YAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC1C;YACN,wCAAM,SAAS,EAAC,6BAA6B,IAAE,CAAC,CAAC,yBAAyB,CAAC,CAAQ;YACnF,8BAAC,kBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC5C,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,UAAU,cAuCrB"}

package/dist/types/src/components/DeviceList/DeviceListItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DeviceListItemProps } from './DeviceListProps';
+export declare const DeviceListItem: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>>, "className"> & {
+    classNames?: import("@dxos/react-ui").ClassNameValue;
+} & DeviceListItemProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=DeviceListItem.d.ts.map

package/dist/types/src/components/DeviceList/DeviceListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAiBzE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAU7D,eAAO,MAAM,cAAc;;6DA6EzB,CAAC"}

package/dist/types/src/components/DeviceList/DeviceListItem.js

@@ -0,0 +1,72 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceListItem = void 0;
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importStar(require("react"));
+const display_name_1 = require("@dxos/display-name");
+const halo_1 = require("@dxos/react-client/halo");
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const util_1 = require("@dxos/util");
+const iconProps = {
+    weight: 'duotone',
+    width: 24,
+    height: 24,
+    x: 8,
+    y: 8,
+};
+exports.DeviceListItem = (0, react_2.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickJoinExisting, classNames, ...props }, forwardedRef) => {
+    var _a;
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const fallbackValue = (0, util_1.keyToFallback)(device.deviceKey);
+    const labelId = (0, react_ui_1.useId)('identityListItem__label');
+    const displayName = device.profile
+        ? t('device name placeholder', { os: device.profile.os, platform: device.profile.platform })
+        : (0, display_name_1.generateName)(device.deviceKey.toHex());
+    const isCurrent = device.kind === halo_1.DeviceKind.CURRENT;
+    return (react_2.default.createElement(react_ui_1.ListItem.Root, { ...props, classNames: ['flex gap-2 items-center mlb-2', classNames], "data-testid": `device-list-item${isCurrent ? '-current' : ''}`, labelId: labelId, ref: forwardedRef },
+        react_2.default.createElement(react_ui_1.Avatar.Root, { status: device.presence === halo_1.Device.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId, hue: fallbackValue.hue, variant: 'square' },
+            react_2.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' }, ((_a = device.profile) === null || _a === void 0 ? void 0 : _a.type) ? (device.profile.type === halo_1.DeviceType.BROWSER ? (react_2.default.createElement(react_1.Compass, { ...iconProps })) : device.profile.type === halo_1.DeviceType.NATIVE ? (react_2.default.createElement(react_1.Desktop, { ...iconProps })) : [halo_1.DeviceType.AGENT, halo_1.DeviceType.AGENT_MANAGED].includes(device.profile.type) ? (react_2.default.createElement(react_1.Robot, { ...iconProps })) : device.profile.type === halo_1.DeviceType.MOBILE ? (react_2.default.createElement(react_1.DeviceMobile, { ...iconProps })) : (react_2.default.createElement(react_1.Devices, { ...iconProps }))) : (react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: fallbackValue.emoji }))),
+            isCurrent && react_2.default.createElement(react_ui_1.Tag, { color: 'primary' }, t('current device tag label')),
+            react_2.default.createElement(react_ui_1.Avatar.Label, { classNames: 'flex-1 text-sm truncate' }, displayName),
+            device.kind === halo_1.DeviceKind.CURRENT && (react_2.default.createElement(react_ui_1.DropdownMenu.Root, null,
+                react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
+                    react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": `device-list-item${isCurrent ? '-current' : ''}.options` },
+                        react_2.default.createElement("span", { className: 'sr-only' }, t('more options label')),
+                        react_2.default.createElement(react_1.DotsThree, { className: (0, react_ui_theme_1.getSize)(5) }))),
+                react_2.default.createElement(react_ui_1.DropdownMenu.Content, null,
+                    react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, null,
+                        react_2.default.createElement(react_ui_1.DropdownMenu.Item, { "data-testid": 'device-list-item-current.join-existing', onClick: onClickJoinExisting },
+                            react_2.default.createElement(react_1.Intersect, { className: (0, react_ui_theme_1.getSize)(5) }),
+                            t('choose join new identity label')),
+                        react_2.default.createElement(react_ui_1.DropdownMenu.Item, { "data-testid": 'device-list-item-current.reset', onClick: onClickReset },
+                            react_2.default.createElement(react_1.Power, { className: (0, react_ui_theme_1.getSize)(5) }),
+                            t('reset device label')))))))));
+});
+//# sourceMappingURL=DeviceListItem.js.map

package/dist/types/src/components/DeviceList/DeviceListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceListItem.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/DeviceList/DeviceListProps.d.ts

@@ -0,0 +1,27 @@
+import { type SpaceMember } from '@dxos/react-client/echo';
+import { type Device } from '@dxos/react-client/halo';
+export type DeviceListProps = {
+    devices: Device[];
+    onClickAdd?: () => void;
+    onClickEdit?: (device: Device) => void;
+    onClickReset?: () => void;
+    onClickJoinExisting?: () => void;
+};
+export type AgentFormProps = {
+    onAgentCreate?: () => Promise<void>;
+    onAgentDestroy?: () => Promise<void>;
+    agentStatus?: string;
+    agentActive?: boolean;
+    agentProviderDisabled?: boolean;
+    validationMessage?: string;
+    agentHostingEnabled?: boolean;
+};
+export type DeviceListItemProps = {
+    device: Device;
+    presence?: SpaceMember['presence'];
+    onClickAdd?: () => void;
+    onClickEdit?: () => void;
+    onClickReset?: () => void;
+    onClickJoinExisting?: () => void;
+};
+//# sourceMappingURL=DeviceListProps.d.ts.map

package/dist/types/src/components/DeviceList/DeviceListProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceListProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC"}

package/dist/types/src/components/DeviceList/DeviceListProps.js

@@ -0,0 +1,6 @@
+"use strict";
+//
+// Copyright 2024 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=DeviceListProps.js.map

package/dist/types/src/components/DeviceList/DeviceListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceListProps.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListProps.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE"}

package/dist/types/src/components/DeviceList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DeviceList';
+export * from './DeviceListProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/DeviceList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/types/src/components/DeviceList/index.js

@@ -0,0 +1,22 @@
+"use strict";
+//
+// Copyright 2024 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DeviceList"), exports);
+__exportStar(require("./DeviceListProps"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/src/components/DeviceList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,+CAA6B;AAC7B,oDAAkC"}

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

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import { type ButtonProps } from '@dxos/react-ui';
+import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
 export type EmojiPickerProps = {
     disabled?: boolean;
     defaultEmoji?: string;
@@ -7,5 +7,12 @@ export type EmojiPickerProps = {
     onChangeEmoji?: Dispatch<SetStateAction<string>>;
     onClickClear?: ButtonProps['onClick'];
 };
-export declare const EmojiPicker: ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => JSX.Element;
+/**
+ * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
+ */
+export declare const EmojiPickerToolbarButton: ({ disabled, defaultEmoji, emoji, onChangeEmoji, classNames, }: ThemedClassName<Omit<EmojiPickerProps, 'onClickClear'>>) => JSX.Element;
+/**
+ * A button for picking an emoji alongside a button for unsetting it.
+ */
+export declare const EmojiPickerBlock: ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => JSX.Element;
 //# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EAA4C,KAAK,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAG3G,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,mEAAoE,gBAAgB,gBA+D3G,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAoB,MAAM,OAAO,CAAC;AAEpF,OAAO,EAKL,KAAK,WAAW,EAGhB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,kEAMlC,gBAAgB,KAAK,gBAAgB,EAAE,cAAc,CAAC,CAAC,gBA0EzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,mEAAoE,gBAAgB,gBA+DhH,CAAC"}

package/dist/types/src/components/EmojiPicker.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiPicker = void 0;
+exports.EmojiPickerBlock = exports.EmojiPickerToolbarButton = void 0;
 //
 // Copyright 2024 DXOS.org
 //
@@ -37,7 +37,61 @@ const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable
 const react_3 = __importStar(require("react"));
 const react_ui_1 = require("@dxos/react-ui");
 const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const EmojiPicker = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }) => {
+/**
+ * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
+ */
+const EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji, classNames, }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const [_emojiValue, setEmojiValue] = (0, react_use_controllable_state_1.useControllableState)({
+        prop: emoji,
+        onChange: onChangeEmoji,
+        defaultProp: defaultEmoji,
+    });
+    const [emojiPickerOpen, setEmojiPickerOpen] = (0, react_3.useState)(false);
+    const suppressNextTooltip = (0, react_3.useRef)(false);
+    const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, react_3.useState)(false);
+    return (react_3.default.createElement(react_ui_1.Tooltip.Root, { open: triggerTooltipOpen, onOpenChange: (nextOpen) => {
+            if (suppressNextTooltip.current) {
+                setTriggerTooltipOpen(false);
+                suppressNextTooltip.current = false;
+            }
+            else {
+                setTriggerTooltipOpen(nextOpen);
+            }
+        } },
+        react_3.default.createElement(react_ui_1.Popover.Root, { open: emojiPickerOpen, onOpenChange: (nextOpen) => {
+                setEmojiPickerOpen(nextOpen);
+                suppressNextTooltip.current = true;
+            } },
+            react_3.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
+                react_3.default.createElement(react_ui_1.Popover.Trigger, { asChild: true },
+                    react_3.default.createElement(react_ui_1.Toolbar.Button, { classNames: ['gap-2 text-2xl plb-1', classNames], disabled: disabled },
+                        react_3.default.createElement("span", { className: 'sr-only' }, t('select emoji label')),
+                        react_3.default.createElement(react_2.ImageSquare, { className: (0, react_ui_theme_1.getSize)(5) })))),
+            react_3.default.createElement(react_ui_1.Tooltip.Portal, null,
+                react_3.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' },
+                    t('select emoji label'),
+                    react_3.default.createElement(react_ui_1.Tooltip.Arrow, null))),
+            react_3.default.createElement(react_ui_1.Popover.Content, { side: 'bottom', onKeyDownCapture: (event) => {
+                    if (event.key === 'Escape') {
+                        event.stopPropagation();
+                        setEmojiPickerOpen(false);
+                        suppressNextTooltip.current = true;
+                    }
+                } },
+                react_3.default.createElement(react_1.default, { data: data_1.default, onEmojiSelect: ({ native }) => {
+                        if (native) {
+                            setEmojiValue(native);
+                            setEmojiPickerOpen(false);
+                        }
+                    }, autoFocus: true, maxFrequentRows: 0, noCountryFlags: true }),
+                react_3.default.createElement(react_ui_1.Popover.Arrow, null)))));
+};
+exports.EmojiPickerToolbarButton = EmojiPickerToolbarButton;
+/**
+ * A button for picking an emoji alongside a button for unsetting it.
+ */
+const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }) => {
     const { t } = (0, react_ui_1.useTranslation)('os');
     const [isMd] = (0, react_ui_1.useMediaQuery)('md', { ssr: false });
     const [emojiValue, setEmojiValue] = (0, react_use_controllable_state_1.useControllableState)({
@@ -76,5 +130,5 @@ const EmojiPicker = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClea
                     t('clear label'),
                     react_3.default.createElement(react_ui_1.Tooltip.Arrow, null))))));
 };
-exports.EmojiPicker = EmojiPicker;
+exports.EmojiPickerBlock = EmojiPickerBlock;
 //# sourceMappingURL=EmojiPicker.js.map

package/dist/types/src/components/EmojiPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import { type ButtonProps } from '@dxos/react-ui';
+import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
 export type HuePickerProps = {
     disabled?: boolean;
     defaultHue?: string;
@@ -7,5 +7,12 @@ export type HuePickerProps = {
     onChangeHue?: Dispatch<SetStateAction<string>>;
     onClickClear?: ButtonProps['onClick'];
 };
-export declare const HuePicker: ({ disabled, hue, onChangeHue, defaultHue, onClickClear }: HuePickerProps) => JSX.Element;
+/**
+ * A toolbar button for picking hue. Use only in `role=toolbar` elements. Unable to unset the value.
+ */
+export declare const HuePickerToolbarButton: ({ disabled, hue, onChangeHue, classNames, defaultHue, }: ThemedClassName<Omit<HuePickerProps, 'onClickClear'>>) => JSX.Element;
+/**
+ * A button for picking hue alongside a button for unsetting it.
+ */
+export declare const HuePickerBlock: ({ disabled, hue, onChangeHue, defaultHue, onClickClear }: HuePickerProps) => JSX.Element;
 //# sourceMappingURL=HuePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HuePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/HuePicker.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAkE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,SAAS,6DAA8D,cAAc,gBA2DjG,CAAC"}
+{"version":3,"file":"HuePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/HuePicker.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAoB,MAAM,OAAO,CAAC;AAEpF,OAAO,EAML,KAAK,WAAW,EAEhB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAYxB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,4DAMhC,gBAAgB,KAAK,cAAc,EAAE,cAAc,CAAC,CAAC,gBAuEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6DAA8D,cAAc,gBA2DtG,CAAC"}