@dxos/shell 0.6.1-main.e05b43b → 0.6.1-main.fac53f5

package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js

@@ -11,48 +11,85 @@ const react_client_1 = require("@dxos/react-client");
 const invitations_1 = require("@dxos/react-client/invitations");
 const useAgentHandlers = ({ invitations, identity, }) => {
     const [validationMessage, setValidationMessage] = (0, react_1.useState)('');
-    const [agentStatus, setAgentStatus] = (0, react_1.useState)('');
-    const [agentActive, setAgentActive] = (0, react_1.useState)(false);
+    const [agentStatus, setAgentStatus] = (0, react_1.useState)('getting');
     const agentHostingProviderClient = (0, react_client_1.useAgentHostingClient)();
     const client = (0, react_client_1.useClient)();
-    (0, react_1.useEffect)(() => {
-        const fetchAgentStatus = async () => {
-            var _a;
-            // TODO(nf): if agent exists, subscribe to updates instead of oneshot status
-            if (agentHostingProviderClient) {
-                const agentStatus = await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.getAgent((_a = identity === null || identity === void 0 ? void 0 : identity.identityKey.truncate()) !== null && _a !== void 0 ? _a : 'foo'));
-                if (agentStatus) {
-                    setAgentActive(true);
-                    setAgentStatus(agentStatus);
+    const updateAgentStatus = async () => {
+        var _a;
+        // TODO(nf): if agent exists, subscribe to updates instead of oneshot status
+        if (agentHostingProviderClient) {
+            setAgentStatus('getting');
+            try {
+                const agentId = await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.getAgent((_a = identity === null || identity === void 0 ? void 0 : identity.identityKey.truncate()) !== null && _a !== void 0 ? _a : 'never'));
+                if (agentId) {
+                    setAgentStatus('created');
+                }
+                else {
+                    setAgentStatus('creatable');
+                }
+            }
+            catch (err) {
+                setAgentStatus('error');
+                setValidationMessage(`Couldn’t check agent status: ${err.message}`);
+            }
+        }
+        else {
+            setAgentStatus('error');
+            setValidationMessage('No agent provider configured.');
+        }
+    };
+    const createAgent = async (invitationCode) => {
+        (0, invariant_1.invariant)(identity, 'Identity not found');
+        if (agentHostingProviderClient) {
+            setAgentStatus('creating');
+            setValidationMessage('');
+            try {
+                const agentId = await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.createAgent(invitationCode, identity.identityKey.truncate()));
+                if (agentId) {
+                    setAgentStatus('created');
                 }
                 else {
-                    setAgentActive(false);
-                    setValidationMessage('No agent deployed via provider.');
+                    setAgentStatus('creatable');
+                    setValidationMessage('Error creating agent.');
                 }
             }
-            else {
-                setValidationMessage('No agent provider configured.');
+            catch (err) {
+                setValidationMessage(`Error creating agent: ${err.message}`);
+                return updateAgentStatus();
             }
-        };
-        void fetchAgentStatus();
+        }
+        else {
+            setAgentStatus('error');
+            setValidationMessage('No agent provider configured.');
+        }
+    };
+    const destroyAgent = async () => {
+        (0, invariant_1.invariant)(identity, 'Identity not found');
+        if (agentHostingProviderClient) {
+            setAgentStatus('destroying');
+            setValidationMessage('');
+            try {
+                await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.destroyAgent(identity.identityKey.truncate()));
+                setAgentStatus('creatable');
+            }
+            catch (err) {
+                setValidationMessage(`Error destroying agent: ${err.message}`);
+                return updateAgentStatus();
+            }
+        }
+        else {
+            setAgentStatus('error');
+            setValidationMessage('No agent provider configured.');
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        void updateAgentStatus();
     }, []);
     const handleAgentCreate = (0, react_1.useCallback)(async (invitation) => {
         const invitationCode = invitations_1.InvitationEncoder.encode(invitation);
         if (invitation.state === invitations_1.Invitation.State.CONNECTING) {
             log_1.log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));
-            (0, invariant_1.invariant)(identity, 'Identity not found');
-            if (agentHostingProviderClient) {
-                try {
-                    const res = await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.createAgent(invitationCode, identity.identityKey.truncate()));
-                    // TODO(nf): human-consumable response from API
-                    setAgentStatus(res);
-                    setAgentActive(true);
-                    setValidationMessage('');
-                }
-                catch (err) {
-                    setValidationMessage(`error creating agent: ${err.message}`);
-                }
-            }
+            return createAgent(invitationCode);
         }
     }, []);
     const onAgentCreate = async () => {
@@ -65,20 +102,18 @@ const useAgentHandlers = ({ invitations, identity, }) => {
         });
         invitation.subscribe(handleAgentCreate);
     };
-    const onAgentDestroy = async () => {
-        const identity = client.halo.identity.get();
-        (0, invariant_1.invariant)(identity, 'Identity not found');
-        try {
-            await (agentHostingProviderClient === null || agentHostingProviderClient === void 0 ? void 0 : agentHostingProviderClient.destroyAgent(identity.identityKey.truncate()));
-            setValidationMessage('No agent deployed via provider.');
-            setAgentStatus('');
-            setAgentActive(false);
-        }
-        catch (err) {
-            setValidationMessage(`error destroying agent: ${err.message}`);
-        }
+    const onAgentRefresh = async () => {
+        setValidationMessage('');
+        await updateAgentStatus();
+    };
+    return {
+        onAgentCreate,
+        onAgentDestroy: destroyAgent,
+        onAgentRefresh,
+        validationMessage,
+        agentStatus,
+        agentHostingEnabled: !!agentHostingProviderClient,
     };
-    return { onAgentCreate, onAgentDestroy, validationMessage, agentStatus, agentActive };
 };
 exports.useAgentHandlers = useAgentHandlers;
 //# sourceMappingURL=useAgentHandlers.js.map

package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js.map

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

package/dist/types/src/translations/locales/en-US.d.ts

@@ -138,5 +138,10 @@ export declare const os: {
     'destroy agent label': string;
     'agent device label': string;
     'shell fallback title': string;
+    'creating agent label': string;
+    'destroying agent label': string;
+    'getting agent label': string;
+    'agent requested label': string;
+    'agent requested description': string;
 };
 //# sourceMappingURL=en-US.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJd,CAAC"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsJd,CAAC"}

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

@@ -144,5 +144,10 @@ exports.os = {
     'destroy agent label': 'Shut down agent',
     'agent device label': 'Your agent',
     'shell fallback title': 'Shell failed to connect',
+    'creating agent label': 'Starting agent…',
+    'destroying agent label': 'Stopping agent…',
+    'getting agent label': 'Checking agent status…',
+    'agent requested label': 'Agent requested',
+    'agent requested description': 'The agent service is creating an agent for you. Once the agent connects, it will display in the devices list.',
 };
 //# sourceMappingURL=en-US.js.map

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.6.1-main.e05b43b",
+  "version": "0.6.1-main.fac53f5",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -42,20 +42,20 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/client-protocol": "0.6.1-main.e05b43b",
-    "@dxos/async": "0.6.1-main.e05b43b",
-    "@dxos/client-services": "0.6.1-main.e05b43b",
-    "@dxos/debug": "0.6.1-main.e05b43b",
-    "@dxos/log": "0.6.1-main.e05b43b",
-    "@dxos/invariant": "0.6.1-main.e05b43b",
-    "@dxos/display-name": "0.6.1-main.e05b43b",
-    "@dxos/protocols": "0.6.1-main.e05b43b",
-    "@dxos/react-ui-theme": "0.6.1-main.e05b43b",
-    "@dxos/react-ui-types": "0.6.1-main.e05b43b",
-    "@dxos/react-ui": "0.6.1-main.e05b43b",
-    "@dxos/rpc": "0.6.1-main.e05b43b",
-    "@dxos/util": "0.6.1-main.e05b43b",
-    "@dxos/rpc-tunnel": "0.6.1-main.e05b43b"
+    "@dxos/async": "0.6.1-main.fac53f5",
+    "@dxos/client-protocol": "0.6.1-main.fac53f5",
+    "@dxos/client-services": "0.6.1-main.fac53f5",
+    "@dxos/debug": "0.6.1-main.fac53f5",
+    "@dxos/display-name": "0.6.1-main.fac53f5",
+    "@dxos/invariant": "0.6.1-main.fac53f5",
+    "@dxos/log": "0.6.1-main.fac53f5",
+    "@dxos/protocols": "0.6.1-main.fac53f5",
+    "@dxos/react-ui": "0.6.1-main.fac53f5",
+    "@dxos/react-ui-types": "0.6.1-main.fac53f5",
+    "@dxos/react-ui-theme": "0.6.1-main.fac53f5",
+    "@dxos/rpc-tunnel": "0.6.1-main.fac53f5",
+    "@dxos/rpc": "0.6.1-main.fac53f5",
+    "@dxos/util": "0.6.1-main.fac53f5"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -65,19 +65,19 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "vite": "^5.2.9",
-    "@dxos/config": "0.6.1-main.e05b43b",
-    "@dxos/random": "0.6.1-main.e05b43b",
-    "@dxos/react-client": "0.6.1-main.e05b43b",
-    "@dxos/protocols": "0.6.1-main.e05b43b",
-    "@dxos/storybook-utils": "0.6.1-main.e05b43b",
-    "@dxos/react-ui-theme": "0.6.1-main.e05b43b",
-    "@dxos/react-async": "0.6.1-main.e05b43b"
+    "@dxos/config": "0.6.1-main.fac53f5",
+    "@dxos/protocols": "0.6.1-main.fac53f5",
+    "@dxos/random": "0.6.1-main.fac53f5",
+    "@dxos/react-async": "0.6.1-main.fac53f5",
+    "@dxos/react-client": "0.6.1-main.fac53f5",
+    "@dxos/react-ui-theme": "0.6.1-main.fac53f5",
+    "@dxos/storybook-utils": "0.6.1-main.fac53f5"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/react-client": "0.6.1-main.e05b43b"
+    "@dxos/react-client": "0.6.1-main.fac53f5"
   },
   "publishConfig": {
     "access": "public"

package/src/components/AgentConfig.tsx

@@ -2,74 +2,126 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Database, Plus, Power } from '@phosphor-icons/react';
+import { ArrowsClockwise, Database, Plus, Power } from '@phosphor-icons/react';
 import React from 'react';
 
 import { Avatar, Button, Link, Tooltip, Trans, useTranslation } from '@dxos/react-ui';
-import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
+import { descriptionText, getSize, mx, valenceColorText } from '@dxos/react-ui-theme';
 
 import { type AgentFormProps } from './DeviceList';
 
-export const AgentConfig = ({ agentActive, agentStatus, onAgentDestroy, onAgentCreate }: AgentFormProps) => {
+export const AgentConfig = ({
+  agentStatus,
+  validationMessage,
+  onAgentDestroy,
+  onAgentCreate,
+  onAgentRefresh,
+}: Omit<AgentFormProps, 'agentHostingEnabled'>) => {
   const { t } = useTranslation('os');
   return (
     <>
       <h2 className={mx(descriptionText, 'text-center mbs-4')}>{t('agent heading')}</h2>
-      {agentActive ? (
-        <div role='group' className='flex gap-2 items-center'>
-          <Avatar.Root status={agentStatus ? 'active' : 'inactive'} variant='square'>
-            <Avatar.Frame classNames='place-self-center'>
-              <Database weight='duotone' width={24} height={24} x={8} y={8} />
-            </Avatar.Frame>
-            <Avatar.Label classNames='flex-1 text-sm truncate'>{t('agent device label')}</Avatar.Label>
-          </Avatar.Root>
-          <Tooltip.Root>
-            <Tooltip.Trigger asChild>
-              <Button
-                variant='ghost'
-                classNames='pli-0 is-[--rail-action] bs-[--rail-action]'
-                data-testid='agent.destroy'
-                onClick={onAgentDestroy}
-              >
-                <span className='sr-only'>{t('destroy agent label')}</span>
-                <Power className={getSize(5)} />
-              </Button>
-            </Tooltip.Trigger>
-            <Tooltip.Portal>
-              <Tooltip.Content side='bottom' classNames='z-50'>
-                {t('destroy agent label')}
-              </Tooltip.Content>
-            </Tooltip.Portal>
-          </Tooltip.Root>
-        </div>
+      {validationMessage && (
+        <p role='alert' className={mx(valenceColorText('error'), 'mlb-2')}>
+          {validationMessage}
+        </p>
+      )}
+      {agentStatus === 'created' ||
+      agentStatus === 'creating' ||
+      agentStatus === 'getting' ||
+      agentStatus === 'destroying' ? (
+        <>
+          <div
+            role='group'
+            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.Label classNames='flex-1 text-sm truncate'>
+                {t(
+                  agentStatus === 'created'
+                    ? 'agent requested label'
+                    : agentStatus === 'creating'
+                      ? 'creating agent label'
+                      : agentStatus === 'destroying'
+                        ? 'destroying agent label'
+                        : 'getting agent label',
+                )}
+              </Avatar.Label>
+            </Avatar.Root>
+            {agentStatus === 'created' && (
+              <Tooltip.Root>
+                <Tooltip.Trigger asChild>
+                  <Button
+                    variant='ghost'
+                    classNames='pli-0 is-[--rail-action] bs-[--rail-action]'
+                    data-testid='agent.destroy'
+                    onClick={onAgentDestroy}
+                  >
+                    <span className='sr-only'>{t('destroy agent label')}</span>
+                    <Power className={getSize(5)} />
+                  </Button>
+                </Tooltip.Trigger>
+                <Tooltip.Portal>
+                  <Tooltip.Content side='bottom' classNames='z-50'>
+                    {t('destroy agent label')}
+                  </Tooltip.Content>
+                </Tooltip.Portal>
+              </Tooltip.Root>
+            )}
+          </div>
+          {agentStatus === 'created' && (
+            <p id='devices-panel.create-agent.description' className={mx(descriptionText, 'mlb-2')}>
+              {t('agent requested description')}
+            </p>
+          )}
+        </>
       ) : (
         <>
           <Button
             variant='ghost'
             classNames='mlb-2 is-full justify-start gap-2 !pis-0 !pie-3'
-            data-testid='devices-panel.create-agent'
-            onClick={onAgentCreate}
+            data-testid={agentStatus === 'creatable' ? 'devices-panel.create-agent' : 'devices-panel.agent-error'}
+            onClick={agentStatus === 'creatable' ? onAgentCreate : onAgentRefresh}
             aria-describedby='devices-panel.create-agent.description'
           >
             <div role='img' className={mx(getSize(8), 'm-1 rounded-sm surface-input grid place-items-center')}>
-              <Plus weight='light' className={getSize(6)} />
+              {agentStatus === 'creatable' ? (
+                <Plus weight='light' className={getSize(6)} />
+              ) : (
+                <ArrowsClockwise weight='light' className={getSize(6)} />
+              )}
             </div>
-            <span className='grow font-medium text-start'>{t('create agent label')}</span>
+            <span className='grow font-medium text-start'>
+              {t(agentStatus === 'creatable' ? 'create agent label' : '')}
+            </span>
           </Button>
-          <p id='devices-panel.create-agent.clickwrap-message' className={mx(descriptionText, 'mbe-2')}>
-            <Trans
-              {...{
-                t,
-                i18nKey: 'create agent clickwrap',
-                components: {
-                  tosLink: <Link target='_blank' rel='noreferrer' />,
-                },
-              }}
-            />
-          </p>
-          <p id='devices-panel.create-agent.description' className={descriptionText}>
-            {t('create agent description')}
-          </p>
+          {agentStatus === 'creatable' && (
+            <div role='none' className='space-y-2' id='devices-panel.create-agent.description'>
+              <p className={descriptionText}>
+                <Trans
+                  {...{
+                    t,
+                    i18nKey: 'create agent clickwrap',
+                    components: {
+                      tosLink: <Link target='_blank' rel='noreferrer' />,
+                    },
+                  }}
+                />
+              </p>
+              <p className={descriptionText}>{t('create agent description')}</p>
+            </div>
+          )}
         </>
       )}
     </>

package/src/components/DeviceList/DeviceList.tsx

@@ -10,7 +10,7 @@ import { Button, List, useTranslation } from '@dxos/react-ui';
 import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
 
 import { DeviceListItem } from './DeviceListItem';
-import { type DeviceListProps } from './DeviceListProps';
+import { type AgentFormProps, type DeviceListProps } from './DeviceListProps';
 
 export const DeviceList = ({
   devices,
@@ -19,7 +19,8 @@ export const DeviceList = ({
   onClickEdit,
   onClickReset,
   onClickJoinExisting,
-}: DeviceListProps) => {
+  onAgentDestroy,
+}: DeviceListProps & Pick<AgentFormProps, 'onAgentDestroy'>) => {
   const { t } = useTranslation('os');
   return (
     <>
@@ -32,7 +33,7 @@ export const DeviceList = ({
                 key={device.deviceKey.toHex()}
                 device={device}
                 onClickEdit={() => onClickEdit?.(device)}
-                {...{ onClickReset, onClickJoinExisting, connectionState }}
+                {...{ onClickReset, onClickJoinExisting, connectionState, onAgentDestroy }}
               />
             );
           })}