@dxos/shell 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/dist/types/src/stories/Invitations.e2e-stories.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
 import '@dxos-theme';
 import { Laptop, Planet, Plus, PlusCircle, SignIn, QrCode, WifiHigh, WifiSlash } from '@phosphor-icons/react';
-import { useMemo, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { log } from '@dxos/log';
 import { faker } from '@dxos/random';
 import { useClient } from '@dxos/react-client';
@@ -40,23 +39,32 @@ const Panel = ({ id, panel, setPanel }) => {
         }
     }, [panel]);
     if (panel && typeof panel !== 'string') {
-        return _jsx(SpacePanel, { space: panel, createInvitationUrl: createInvitationUrl });
+        return React.createElement(SpacePanel, { space: panel, createInvitationUrl: createInvitationUrl });
     }
     switch (panel) {
         case 'identity': {
-            return _jsx(JoinPanel, { mode: 'halo-only', onDone: () => setPanel(undefined), onExit: () => setPanel(undefined) });
+            return React.createElement(JoinPanel, { mode: 'halo-only', onDone: () => setPanel(undefined), onExit: () => setPanel(undefined) });
         }
         case 'devices': {
-            return _jsx(IdentityPanel, { createInvitationUrl: createInvitationUrl, onDone: () => setPanel(undefined) });
+            return React.createElement(IdentityPanel, { createInvitationUrl: createInvitationUrl, onDone: () => setPanel(undefined) });
         }
         case 'join': {
-            return _jsx(JoinPanel, { onDone: () => setPanel(undefined), onExit: () => setPanel(undefined) });
+            return React.createElement(JoinPanel, { onDone: () => setPanel(undefined), onExit: () => setPanel(undefined) });
         }
         default: {
             // TODO(wittjosiah): Tooltips make playwright (webkit) flakier.
-            const controls = (_jsxs(ButtonGroup, { classNames: 'mbe-4', children: [_jsx(Button, { onClick: () => client.spaces.create({ name: faker.commerce.productName() }), "data-testid": 'invitations.create-space', children: _jsx(PlusCircle, { className: getSize(6) }) }), _jsx(Button, { onClick: () => setPanel('join'), "data-testid": 'invitations.open-join-space', children: _jsx(SignIn, { weight: 'fill', className: getSize(6) }) })] }));
-            const header = (_jsxs("div", { className: 'flex', children: ["Spaces", _jsx("span", { className: 'grow' }), controls] }));
-            return (_jsxs("div", { children: [_jsx("h1", { children: header }), spaces.length > 0 ? (_jsx(List, { children: spaces.map((space) => (_jsx(SpaceListItem, { space: space, onClick: () => setPanel(space) }, space.key.toHex()))) })) : (_jsx("div", { className: 'text-center', children: "No spaces" }))] }));
+            const controls = (React.createElement(ButtonGroup, { classNames: 'mbe-4' },
+                React.createElement(Button, { onClick: () => client.spaces.create({ name: faker.commerce.productName() }), "data-testid": 'invitations.create-space' },
+                    React.createElement(PlusCircle, { className: getSize(6) })),
+                React.createElement(Button, { onClick: () => setPanel('join'), "data-testid": 'invitations.open-join-space' },
+                    React.createElement(SignIn, { weight: 'fill', className: getSize(6) }))));
+            const header = (React.createElement("div", { className: 'flex' },
+                "Spaces",
+                React.createElement("span", { className: 'grow' }),
+                controls));
+            return (React.createElement("div", null,
+                React.createElement("h1", null, header),
+                spaces.length > 0 ? (React.createElement(List, null, spaces.map((space) => (React.createElement(SpaceListItem, { key: space.key.toHex(), space: space, onClick: () => setPanel(space) }))))) : (React.createElement("div", { className: 'text-center' }, "No spaces"))));
         }
     }
 };
@@ -78,9 +86,27 @@ const Invitations = () => {
         };
     }, [client]);
     // TODO(wittjosiah): Tooltips make playwright (webkit) flakier.
-    const controls = (_jsxs(ButtonGroup, { classNames: 'mbe-4', children: [_jsx(Button, { onClick: () => client.halo.createIdentity({ displayName: faker.person.firstName() }), disabled: Boolean(identity), "data-testid": 'invitations.create-identity', children: _jsx(Plus, { className: getSize(6) }) }), _jsx(Button, { onClick: () => setPanel('identity'), disabled: panel === 'identity', "data-testid": 'invitations.open-join-identity', children: _jsx(QrCode, { weight: 'fill', className: getSize(6) }) }), _jsx(Button, { onClick: () => setPanel('devices'), disabled: !identity || panel === 'devices', "data-testid": 'invitations.open-devices', children: _jsx(Laptop, { weight: 'fill', className: getSize(6) }) }), _jsx(Button, { onClick: () => setPanel(undefined), disabled: !panel, "data-testid": 'invitations.list-spaces', children: _jsx(Planet, { weight: 'fill', className: getSize(6) }) }), _jsx(Button, { onClick: () => client.mesh.updateConfig(networkStatus === ConnectionState.ONLINE ? ConnectionState.OFFLINE : ConnectionState.ONLINE), "data-testid": 'invitations.toggle-network', children: networkStatus === ConnectionState.ONLINE ? (_jsx(WifiHigh, { weight: 'fill', className: getSize(6) })) : (_jsx(WifiSlash, { weight: 'fill', className: getSize(6) })) })] }));
-    const header = (_jsxs("div", { className: 'flex', "data-testid": 'invitations.identity-header', children: ["Identity", _jsx("span", { className: 'grow' }), controls] }));
-    return (_jsxs("div", { className: 'flex flex-col m-4 flex-1 min-w-0', "data-testid": `peer-${id}`, children: [_jsxs("div", { className: `${groupSurface} rounded p-2 mbe-2`, children: [_jsx("h1", { children: header }), identity ? (_jsx(List, { children: _jsx(IdentityListItem, { identity: identity, presence: networkStatus }) })) : (_jsx("div", { className: 'text-center', children: "No identity" }))] }), identity || panel ? (_jsx("div", { className: `${groupSurface} rounded p-2`, children: _jsx(Panel, { id: id, panel: panel, setPanel: setPanel }) })) : null] }));
+    const controls = (React.createElement(ButtonGroup, { classNames: 'mbe-4' },
+        React.createElement(Button, { onClick: () => client.halo.createIdentity({ displayName: faker.person.firstName() }), disabled: Boolean(identity), "data-testid": 'invitations.create-identity' },
+            React.createElement(Plus, { className: getSize(6) })),
+        React.createElement(Button, { onClick: () => setPanel('identity'), disabled: panel === 'identity', "data-testid": 'invitations.open-join-identity' },
+            React.createElement(QrCode, { weight: 'fill', className: getSize(6) })),
+        React.createElement(Button, { onClick: () => setPanel('devices'), disabled: !identity || panel === 'devices', "data-testid": 'invitations.open-devices' },
+            React.createElement(Laptop, { weight: 'fill', className: getSize(6) })),
+        React.createElement(Button, { onClick: () => setPanel(undefined), disabled: !panel, "data-testid": 'invitations.list-spaces' },
+            React.createElement(Planet, { weight: 'fill', className: getSize(6) })),
+        React.createElement(Button, { onClick: () => client.mesh.updateConfig(networkStatus === ConnectionState.ONLINE ? ConnectionState.OFFLINE : ConnectionState.ONLINE), "data-testid": 'invitations.toggle-network' }, networkStatus === ConnectionState.ONLINE ? (React.createElement(WifiHigh, { weight: 'fill', className: getSize(6) })) : (React.createElement(WifiSlash, { weight: 'fill', className: getSize(6) })))));
+    const header = (React.createElement("div", { className: 'flex', "data-testid": 'invitations.identity-header' },
+        "Identity",
+        React.createElement("span", { className: 'grow' }),
+        controls));
+    return (React.createElement("div", { className: 'flex flex-col m-4 flex-1 min-w-0', "data-testid": `peer-${id}` },
+        React.createElement("div", { className: `${groupSurface} rounded p-2 mbe-2` },
+            React.createElement("h1", null, header),
+            identity ? (React.createElement(List, null,
+                React.createElement(IdentityListItem, { identity: identity, presence: networkStatus }))) : (React.createElement("div", { className: 'text-center' }, "No identity"))),
+        identity || panel ? (React.createElement("div", { className: `${groupSurface} rounded p-2` },
+            React.createElement(Panel, { id: id, panel: panel, setPanel: setPanel }))) : null));
 };
 // TODO(wittjosiah): This story fails to start in Safari/Webkit.
 //   The issue appears to be related to dynamic imports during client initialization.
@@ -89,7 +115,8 @@ export const Default = {
     render: () => {
         return (
         // TODO(wittjosiah): Include Clipboard.Provider in layout decorator.
-        _jsx(Clipboard.Provider, { children: _jsx(Invitations, {}) }));
+        React.createElement(Clipboard.Provider, null,
+            React.createElement(Invitations, null)));
     },
     decorators: [
         withMultiClientProvider({ numClients: 3 }),

package/dist/types/src/stories/Invitations.e2e-stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Invitations.e2e-stories.js","sourceRoot":"","sources":["../../../../src/stories/Invitations.e2e-stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Invitations.e2e-stories.js","sourceRoot":"","sources":["../../../../src/stories/Invitations.e2e-stories.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9G,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAgC,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,eAAe;IACb,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAIF,MAAM,mBAAmB,GAAG,CAAC,UAAkB,EAAE,EAAE,CAAC,UAAU,CAAC;AAE/D,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAA4E,EAAE,EAAE;IAClH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACtC,MAAc,CAAC,OAAO,EAAE,uBAAuB,CAAC,GAAG,CAAC,OAA6B,EAAE,EAAE;gBACpF,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAExC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;oBAClC,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;oBAC5D,IAAI,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;wBACrD,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;oBAC9E,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,CAAC;IAChF,CAAC;IAED,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,CAAC;QAC9G,CAAC;QAED,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,oBAAC,aAAa,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,CAAC;QACxG,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,oBAAC,SAAS,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,CAAC;QAC7F,CAAC;QAED,OAAO,CAAC,CAAC,CAAC;YACR,+DAA+D;YAC/D,MAAM,QAAQ,GAAG,CACf,oBAAC,WAAW,IAAC,UAAU,EAAC,OAAO;gBAE7B,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC,iBAC/D,0BAA0B;oBAEtC,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC9B;gBAGT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAc,6BAA6B;oBAChF,oBAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACxC,CAEG,CACf,CAAC;YAEF,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAC,MAAM;;gBAEnB,8BAAM,SAAS,EAAC,MAAM,GAAG;gBACxB,QAAQ,CACL,CACP,CAAC;YAEF,OAAO,CACL;gBACE,gCAAK,MAAM,CAAM;gBAChB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,oBAAC,IAAI,QACF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,aAAa,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,CACxF,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,aAAa,gBAAgB,CAC7C,CACG,CACP,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,EAAE,EAAE,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC,KAAK,CAAC;IAC/C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAa,CAAC;IAEhD,OAAO,CAAC,GAAG,EAAE;QACV,MAAc,CAAC,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,OAA6B,EAAE,EAAE;YACnF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAE9C,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;gBAClC,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBAC5D,IAAI,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;oBACrD,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBAC9E,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,+DAA+D;IAC/D,MAAM,QAAQ,GAAG,CACf,oBAAC,WAAW,IAAC,UAAU,EAAC,OAAO;QAE7B,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,EACpF,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,iBACf,6BAA6B;YAEzC,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACxB;QAGT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EACnC,QAAQ,EAAE,KAAK,KAAK,UAAU,iBAClB,gCAAgC;YAE5C,oBAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACxC;QAGT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAClC,QAAQ,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,iBAC9B,0BAA0B;YAEtC,oBAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACxC;QAGT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,iBAAc,yBAAyB;YACjG,oBAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACxC;QAGT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,IAAI,CAAC,YAAY,CACtB,aAAa,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAC5F,iBAES,4BAA4B,IAEvC,aAAa,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1C,oBAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACnD,CACM,CAEG,CACf,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAC,MAAM,iBAAa,6BAA6B;;QAE7D,8BAAM,SAAS,EAAC,MAAM,GAAG;QACxB,QAAQ,CACL,CACP,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,kCAAkC,iBAAe,QAAQ,EAAE,EAAE;QAC3E,6BAAK,SAAS,EAAE,GAAG,YAAY,oBAAoB;YACjD,gCAAK,MAAM,CAAM;YAChB,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI;gBACH,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAqD,GAAI,CACpG,CACR,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,aAAa,kBAAkB,CAC/C,CACG;QACL,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAE,GAAG,YAAY,cAAc;YAC3C,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gEAAgE;AAChE,qFAAqF;AACrF,mFAAmF;AACnF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE;QACX,OAAO;QACL,oEAAoE;QACpE,oBAAC,SAAS,CAAC,QAAQ;YACjB,oBAAC,WAAW,OAAG,CACI,CACtB,CAAC;IACJ,CAAC;IACD,UAAU,EAAE;QACV,uBAAuB,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;QAC1C,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;QAC9D,SAAS;KACV;IACD,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE;QACpC,YAAY,EAAE,CAAC,cAAc,CAAC;KAC/B;CACF,CAAC"}

package/dist/types/src/translations/locales/en-US.js

@@ -86,15 +86,15 @@ export const os = {
     'device list heading': 'Devices',
     'space member list heading': 'Members',
     'space panel heading': 'Space membership',
-    'auth code message': 'Enter the following auth code on the joining device.',
-    'auth other device emoji message': 'Be sure the other device shows the following symbol:',
+    'auth code message': 'Enter the following auth code on the joining device. Click the code to copy it.',
+    'auth other device emoji message': 'Be sure the other device shows the following emoji.',
     'display name input label': 'Display name',
     'display name input placeholder': 'Enter a display name',
-    'invite one label': 'Single-use invitation',
+    'invite one label': 'Create single-use invitation',
     'invite one description': 'Only one user may join.',
     'invite one qr label': 'Single-use invitation',
     'invite one list item label': 'Active single-use invitation',
-    'invite many label': 'Multi-use invitation',
+    'invite many label': 'Create multi-use invitation',
     'invite many description': 'Anyone with the link can join.',
     'invite many qr label': 'Multi-use invitation',
     'invite many list item label': 'Active multi-use invitation',
@@ -108,7 +108,7 @@ export const os = {
     'confirmation placeholder': 'Enter {{confirmationValue}} to continue.',
     'sign out chooser title': 'Danger zone',
     'sign out chooser message': 'Proceeding with the action below will erase all data on this device.',
-    'join new identity label': 'Join a new identity',
+    'join new identity label': 'Join an existing identity',
     'reset device label': 'Reset storage',
     'reset device confirm message': 'Are you sure you want to reset your device? All data will be lost.',
     'emoji and color label': 'Emoji and color',

package/dist/types/src/translations/locales/en-US.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.js","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"en-US.js","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.8.1-main.ae460ac",
+  "version": "0.8.1-staging.31c3ee1",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,8 +10,8 @@
   "type": "module",
   "exports": {
     ".": {
-      "default": "./dist/bundle/shell.js",
-      "types": "./dist/types/src/index.d.ts"
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/bundle/shell.js"
     },
     "./style.css": "./dist/bundle/style.css",
     "./react": {
@@ -46,7 +46,7 @@
   "dependencies": {
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
-    "@fluentui/react-tabster": "9.23.3",
+    "@fluentui/react-tabster": "^9.24.2",
     "@radix-ui/react-accordion": "1.2.3",
     "@radix-ui/react-context": "1.1.1",
     "@radix-ui/react-radio-group": "1.2.3",
@@ -57,19 +57,19 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/client-services": "0.8.1-main.ae460ac",
-    "@dxos/debug": "0.8.1-main.ae460ac",
-    "@dxos/async": "0.8.1-main.ae460ac",
-    "@dxos/invariant": "0.8.1-main.ae460ac",
-    "@dxos/client-protocol": "0.8.1-main.ae460ac",
-    "@dxos/display-name": "0.8.1-main.ae460ac",
-    "@dxos/log": "0.8.1-main.ae460ac",
-    "@dxos/protocols": "0.8.1-main.ae460ac",
-    "@dxos/react-ui-pickers": "0.8.1-main.ae460ac",
-    "@dxos/rpc": "0.8.1-main.ae460ac",
-    "@dxos/rpc-tunnel": "0.8.1-main.ae460ac",
-    "@dxos/util": "0.8.1-main.ae460ac",
-    "@dxos/react-ui-types": "0.8.1-main.ae460ac"
+    "@dxos/async": "0.8.1-staging.31c3ee1",
+    "@dxos/client-protocol": "0.8.1-staging.31c3ee1",
+    "@dxos/client-services": "0.8.1-staging.31c3ee1",
+    "@dxos/display-name": "0.8.1-staging.31c3ee1",
+    "@dxos/log": "0.8.1-staging.31c3ee1",
+    "@dxos/invariant": "0.8.1-staging.31c3ee1",
+    "@dxos/protocols": "0.8.1-staging.31c3ee1",
+    "@dxos/debug": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-pickers": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-types": "0.8.1-staging.31c3ee1",
+    "@dxos/rpc": "0.8.1-staging.31c3ee1",
+    "@dxos/rpc-tunnel": "0.8.1-staging.31c3ee1",
+    "@dxos/util": "0.8.1-staging.31c3ee1"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -79,25 +79,25 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/config": "0.8.1-main.ae460ac",
-    "@dxos/protocols": "0.8.1-main.ae460ac",
-    "@dxos/react-client": "0.8.1-main.ae460ac",
-    "@dxos/random": "0.8.1-main.ae460ac",
-    "@dxos/react-hooks": "0.8.1-main.ae460ac",
-    "@dxos/react-ui": "0.8.1-main.ae460ac",
-    "@dxos/react-ui-theme": "0.8.1-main.ae460ac",
-    "@dxos/storybook-utils": "0.8.1-main.ae460ac",
-    "@dxos/test-utils": "0.8.1-main.ae460ac"
+    "@dxos/protocols": "0.8.1-staging.31c3ee1",
+    "@dxos/random": "0.8.1-staging.31c3ee1",
+    "@dxos/config": "0.8.1-staging.31c3ee1",
+    "@dxos/react-client": "0.8.1-staging.31c3ee1",
+    "@dxos/react-hooks": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-theme": "0.8.1-staging.31c3ee1",
+    "@dxos/storybook-utils": "0.8.1-staging.31c3ee1",
+    "@dxos/test-utils": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui": "0.8.1-staging.31c3ee1"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-client": "0.8.1-main.ae460ac"
+    "@dxos/react-client": "0.8.1-staging.31c3ee1"
   },
   "optionalDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "@dxos/react-ui-theme": "0.8.1-main.ae460ac",
-    "@dxos/react-ui": "0.8.1-main.ae460ac"
+    "@dxos/react-ui": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-theme": "0.8.1-staging.31c3ee1"
   },
   "publishConfig": {
     "access": "public"

package/src/components/AgentConfig.tsx

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import { ArrowsClockwise, Database, Plus, Power } from '@phosphor-icons/react';
+import { ArrowsClockwise, Plus, Power } from '@phosphor-icons/react';
 import React from 'react';
 
 import { Avatar, Button, Link, Tooltip, Trans, useTranslation } from '@dxos/react-ui';
@@ -36,17 +36,13 @@ export const AgentConfig = ({
             className='mlb-2 flex gap-2 items-center'
             aria-describedby='devices-panel.create-agent.description'
           >
-            <Avatar.Root status={agentStatus === 'created' ? 'warning' : 'inactive'} variant='square'>
-              <Avatar.Frame classNames='place-self-center'>
-                <Database
-                  weight='duotone'
-                  width={24}
-                  height={24}
-                  x={8}
-                  y={8}
-                  {...(agentStatus !== 'created' && { className: 'opacity-50' })}
-                />
-              </Avatar.Frame>
+            <Avatar.Root>
+              <Avatar.Content
+                status={agentStatus === 'created' ? 'warning' : 'inactive'}
+                variant='square'
+                classNames={['place-self-center', agentStatus !== 'created' && 'opactiy-50']}
+                icon='ph--database--duotone'
+              />
               <Avatar.Label classNames='flex-1 text-sm truncate'>
                 {t(
                   agentStatus === 'created'

package/src/components/DeviceList/DeviceList.tsx

@@ -21,7 +21,7 @@ export const DeviceList = ({
   onClickRecover,
   onClickJoinExisting,
   onAgentDestroy,
-}: DeviceListProps & Pick<AgentFormProps, 'onAgentDestroy'>) => {
+}: DeviceListProps & Partial<Pick<AgentFormProps, 'onAgentDestroy'>>) => {
   const { t } = useTranslation('os');
   return (
     <div role='none' className='p-1'>

package/src/components/DeviceList/DeviceListItem.tsx

@@ -2,19 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import {
-  type IconProps,
-  Compass,
-  Desktop,
-  DeviceMobile,
-  Devices,
-  DotsThree,
-  ShareFat,
-  Power,
-  Robot,
-  Database,
-  FirstAidKit,
-} from '@phosphor-icons/react';
+import { DotsThree, ShareFat, Power, FirstAidKit } from '@phosphor-icons/react';
 import React, { type ComponentPropsWithoutRef, forwardRef } from 'react';
 
 import { generateName } from '@dxos/display-name';
@@ -35,17 +23,11 @@ import { keyToFallback } from '@dxos/util';
 
 import { type AgentFormProps, type DeviceListItemProps } from './DeviceListProps';
 
-const iconProps: IconProps = {
-  weight: 'duotone',
-  width: 24,
-  height: 24,
-  x: 8,
-  y: 8,
-};
-
 export const DeviceListItem = forwardRef<
   HTMLLIElement,
-  ThemedClassName<ComponentPropsWithoutRef<'li'>> & DeviceListItemProps & Pick<AgentFormProps, 'onAgentDestroy'>
+  ThemedClassName<ComponentPropsWithoutRef<'li'>> &
+    DeviceListItemProps &
+    Partial<Pick<AgentFormProps, 'onAgentDestroy'>>
 >(
   (
     {
@@ -77,37 +59,35 @@ export const DeviceListItem = forwardRef<
         labelId={labelId}
         ref={forwardedRef}
       >
-        <Avatar.Root
-          status={
-            isCurrent && connectionState === ConnectionState.OFFLINE
-              ? 'error'
-              : device.presence === Device.PresenceState.ONLINE
-                ? 'active'
-                : 'inactive'
-          }
-          labelId={labelId}
-          hue={fallbackValue.hue}
-          variant='square'
-        >
-          <Avatar.Frame classNames='place-self-center'>
-            {device.profile?.type ? (
-              device.profile.type === DeviceType.AGENT_MANAGED ? (
-                <Database {...iconProps} />
-              ) : device.profile.type === DeviceType.BROWSER ? (
-                <Compass {...iconProps} />
-              ) : device.profile.type === DeviceType.NATIVE ? (
-                <Desktop {...iconProps} />
-              ) : [DeviceType.AGENT, DeviceType.AGENT_MANAGED].includes(device.profile.type) ? (
-                <Robot {...iconProps} />
-              ) : device.profile.type === DeviceType.MOBILE ? (
-                <DeviceMobile {...iconProps} />
-              ) : (
-                <Devices {...iconProps} />
-              )
-            ) : (
-              <Avatar.Fallback text={fallbackValue.emoji} />
-            )}
-          </Avatar.Frame>
+        <Avatar.Root labelId={labelId}>
+          <Avatar.Content
+            status={
+              isCurrent && connectionState === ConnectionState.OFFLINE
+                ? 'error'
+                : device.presence === Device.PresenceState.ONLINE
+                  ? 'active'
+                  : 'inactive'
+            }
+            hue={fallbackValue.hue}
+            variant='square'
+            classNames='place-self-center'
+            {...(device.profile?.type
+              ? {
+                  icon:
+                    device.profile.type === DeviceType.AGENT_MANAGED
+                      ? 'ph--database--regular'
+                      : device.profile.type === DeviceType.BROWSER
+                        ? 'ph--compass--regular'
+                        : device.profile.type === DeviceType.NATIVE
+                          ? 'ph--desktop--regular'
+                          : [DeviceType.AGENT, DeviceType.AGENT_MANAGED].includes(device.profile.type)
+                            ? 'ph--robot--regular'
+                            : device.profile.type === DeviceType.MOBILE
+                              ? 'ph--device-mobile--regular'
+                              : 'ph--devices--regular',
+                }
+              : { fallback: fallbackValue.emoji })}
+          />
           <Avatar.Label classNames='flex-1 text-sm truncate'>{displayName}</Avatar.Label>
           {isCurrent && <Tag color='primary'>{t('current device tag label')}</Tag>}
           {/* TODO(wittjosiah): EDGE agents cannot current be turned off. */}
@@ -131,7 +111,7 @@ export const DeviceListItem = forwardRef<
               </Tooltip.Portal>
             </Tooltip.Root>
           )} */}
-          {device.kind === DeviceKind.CURRENT && (
+          {device.kind === DeviceKind.CURRENT && (onClickJoinExisting || onClickRecover || onClickReset) && (
             <DropdownMenu.Root>
               <DropdownMenu.Trigger asChild>
                 <Button
@@ -149,20 +129,27 @@ export const DeviceListItem = forwardRef<
                   {/*  <PencilSimpleLine className={getSize(5)} /> */}
                   {/*  {t('edit device label')} */}
                   {/* </DropdownMenu.Item> */}
-                  <DropdownMenu.Item data-testid='device-list-item-current.join-existing' onClick={onClickJoinExisting}>
-                    <ShareFat className={getSize(5)} />
-                    {t('choose join new identity label')}
-                  </DropdownMenu.Item>
+                  {onClickJoinExisting && (
+                    <DropdownMenu.Item
+                      data-testid='device-list-item-current.join-existing'
+                      onClick={onClickJoinExisting}
+                    >
+                      <ShareFat className={getSize(5)} />
+                      {t('choose join new identity label')}
+                    </DropdownMenu.Item>
+                  )}
                   {onClickRecover && (
                     <DropdownMenu.Item data-testid='device-list-item-current.recover' onClick={onClickRecover}>
                       <FirstAidKit className={getSize(5)} />
                       {t('choose recover identity label')}
                     </DropdownMenu.Item>
                   )}
-                  <DropdownMenu.Item data-testid='device-list-item-current.reset' onClick={onClickReset}>
-                    <Power className={getSize(5)} />
-                    {t('reset device label')}
-                  </DropdownMenu.Item>
+                  {onClickReset && (
+                    <DropdownMenu.Item data-testid='device-list-item-current.reset' onClick={onClickReset}>
+                      <Power className={getSize(5)} />
+                      {t('reset device label')}
+                    </DropdownMenu.Item>
+                  )}
                 </DropdownMenu.Viewport>
               </DropdownMenu.Content>
             </DropdownMenu.Root>

package/src/components/DeviceList/index.ts

@@ -3,4 +3,5 @@
 //
 
 export * from './DeviceList';
+export * from './DeviceListItem';
 export * from './DeviceListProps';

package/src/components/IdentityList/IdentityListItem.tsx

@@ -33,14 +33,13 @@ export const IdentityListItem = forwardRef<
       labelId={labelId}
       ref={forwardedRef}
     >
-      <Avatar.Root
-        status={presence === SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive'}
-        labelId={labelId}
-        hue={identity.profile?.data?.hue || fallbackValue.hue}
-      >
-        <Avatar.Frame classNames='place-self-center'>
-          <Avatar.Fallback text={identity.profile?.data?.emoji || fallbackValue.emoji} />
-        </Avatar.Frame>
+      <Avatar.Root labelId={labelId}>
+        <Avatar.Content
+          status={presence === SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive'}
+          hue={identity.profile?.data?.hue || fallbackValue.hue}
+          fallback={identity.profile?.data?.emoji || fallbackValue.emoji}
+          classNames='place-self-center'
+        />
         <Avatar.Label classNames='text-sm truncate pli-2'>{displayName}</Avatar.Label>
       </Avatar.Root>
     </ListItem.Root>

package/src/components/InvitationList/InvitationListItem.tsx

@@ -18,9 +18,9 @@ import {
   useTranslation,
   Avatar,
   useThemeContext,
-  type AvatarRootProps,
   Tooltip,
   type ThemedClassName,
+  type AvatarContentProps,
 } from '@dxos/react-ui';
 import { focusRing, getSize, mx } from '@dxos/react-ui-theme';
 import { hexToEmoji } from '@dxos/util';
@@ -44,13 +44,13 @@ export const InvitationListItem = (props: InvitationListItemProps) => {
   return <InvitationListItemImpl {...props} invitationStatus={invitationStatus} />;
 };
 
-const avatarProps: Pick<AvatarRootProps, 'size' | 'variant'> = { size: 10, variant: 'circle' };
+const avatarProps: Pick<AvatarContentProps, 'size' | 'variant'> = { size: 10, variant: 'circle' };
 
 const AvatarStackEffect = ({
   animation,
   status,
   reverseEffects,
-}: Pick<AvatarRootProps, 'status' | 'animation'> & Pick<InvitationListItemProps, 'reverseEffects'>) => {
+}: Pick<AvatarContentProps, 'status' | 'animation'> & Pick<InvitationListItemProps, 'reverseEffects'>) => {
   const { tx } = useThemeContext();
   return (
     <>
@@ -154,11 +154,16 @@ export const InvitationListItemImpl = ({
         <AvatarStackEffect status={avatarStatus} animation={avatarAnimation} reverseEffects={reverseEffects} />
       )}
       <Tooltip.Root>
-        <Avatar.Root {...avatarProps} animation={avatarAnimation} status={avatarStatus}>
+        <Avatar.Root>
           <Tooltip.Trigger asChild>
-            <Avatar.Frame tabIndex={0} classNames={[focusRing, 'relative rounded-full place-self-center']}>
-              <Avatar.Fallback text={hexToEmoji(invitationId)} />
-            </Avatar.Frame>
+            <Avatar.Content
+              {...avatarProps}
+              animation={avatarAnimation}
+              status={avatarStatus}
+              fallback={hexToEmoji(invitationId)}
+              tabIndex={0}
+              classNames={[focusRing, 'relative rounded-full place-self-center']}
+            />
           </Tooltip.Trigger>
         </Avatar.Root>
         <Tooltip.Portal>

package/src/components/SpaceListItem.tsx

@@ -23,9 +23,7 @@ export const SpaceListItem = forwardRef(
         data-testid='space-list-item'
       >
         <Avatar.Root labelId={labelId}>
-          <Avatar.Frame>
-            <Avatar.Fallback text={fallbackValue} />
-          </Avatar.Frame>
+          <Avatar.Content fallback={fallbackValue} />
           <Avatar.Label classNames='text-sm truncate'>{displayName}</Avatar.Label>
         </Avatar.Root>
       </li>

package/src/components/Viewport/Viewport.tsx

@@ -8,9 +8,9 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import React, {
   type ComponentPropsWithRef,
   type Dispatch,
-  forwardRef,
   type ReactNode,
   type SetStateAction,
+  forwardRef,
   useEffect,
 } from 'react';
 
@@ -100,6 +100,7 @@ const ViewportView = forwardRef<HTMLDivElement, ViewportScopedProps<ViewportView
         findFirstFocusable(ref.current)?.focus();
       }
     }, [focusManaged, ref.current, isActive]);
+
     return (
       <section
         {...props}