@dxos/shell 0.5.1-next.5e6b3f6 → 0.5.1-next.823fe3b

package/dist/lib/browser/react.mjs

@@ -3746,8 +3746,8 @@ import React47, { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { DEFAULT_CLIENT_CHANNEL, DEFAULT_SHELL_CHANNEL } from "@dxos/client-protocol";
 import { ShellRuntimeImpl } from "@dxos/client-services";
-import { AgentHostingProvider, Client, ClientContext, ClientServicesProxy, Config, ShellDisplay as ShellDisplay2, SystemStatus } from "@dxos/react-client";
-import { Button as Button11, Dialog as Dialog3, ThemeProvider, Tooltip as Tooltip7, useTranslation as useTranslation26 } from "@dxos/react-ui";
+import { AgentHostingProvider, Client, ClientContext, ClientServicesProxy, Config, SystemStatus } from "@dxos/react-client";
+import { ThemeProvider, Tooltip as Tooltip7 } from "@dxos/react-ui";
 import { defaultTx } from "@dxos/react-ui-theme";
 import { createIFramePort } from "@dxos/rpc-tunnel";
 
@@ -4067,8 +4067,7 @@ var os = {
   "agent message body": "Creating an agent helps keep your devices and peers in-sync. An agent is like any other device, but since it\u2019s always online your changes will sync even when all your physical devices are\xA0asleep.",
   "create agent label": "Start an agent",
   "destroy agent label": "Shut down agent",
-  "agent device label": "Your agent",
-  "shell fallback title": "Shell failed to connect"
+  "agent device label": "Your agent"
 };
 
 // packages/sdk/shell/src/translations/index.ts
@@ -4078,63 +4077,39 @@ var osTranslations = {
 
 // packages/sdk/shell/src/composites/Shell/run-shell.tsx
 var runShell = async (config = new Config()) => {
+  const services = new ClientServicesProxy(createIFramePort({
+    channel: DEFAULT_CLIENT_CHANNEL
+  }));
+  const client = new Client({
+    config,
+    services
+  });
   const runtime = new ShellRuntimeImpl(createIFramePort({
     channel: DEFAULT_SHELL_CHANNEL
   }));
-  await runtime.open();
-  try {
-    const services = new ClientServicesProxy(createIFramePort({
-      channel: DEFAULT_CLIENT_CHANNEL
-    }));
-    const client = new Client({
-      config,
-      services
-    });
-    await client.initialize();
-    createRoot(document.getElementById("root")).render(/* @__PURE__ */ React47.createElement(StrictMode, null, /* @__PURE__ */ React47.createElement(ThemeProvider, {
-      tx: defaultTx,
-      resourceExtensions: [
-        osTranslations
-      ]
-    }, /* @__PURE__ */ React47.createElement(ClientContext.Provider, {
-      value: {
-        client,
-        status: SystemStatus.ACTIVE
-      }
-    }, /* @__PURE__ */ React47.createElement(ClipboardProvider, null, /* @__PURE__ */ React47.createElement(Tooltip7.Provider, null, /* @__PURE__ */ React47.createElement(AgentHostingProvider, null, /* @__PURE__ */ React47.createElement(Shell, {
-      runtime,
-      origin: location.origin
-    }))))))));
-  } catch {
-    createRoot(document.getElementById("root")).render(/* @__PURE__ */ React47.createElement(StrictMode, null, /* @__PURE__ */ React47.createElement(ThemeProvider, {
-      tx: defaultTx,
-      resourceExtensions: [
-        osTranslations
-      ]
-    }, /* @__PURE__ */ React47.createElement(Fallback, {
-      onClose: () => runtime.setAppContext({
-        display: ShellDisplay2.NONE
-      })
-    }))));
-  }
-};
-var Fallback = ({ onClose }) => {
-  const { t } = useTranslation26("os");
-  return /* @__PURE__ */ React47.createElement(Dialog3.Root, {
-    modal: true,
-    open: true,
-    onOpenChange: () => onClose?.()
-  }, /* @__PURE__ */ React47.createElement(Dialog3.Overlay, null, /* @__PURE__ */ React47.createElement(Dialog3.Content, null, /* @__PURE__ */ React47.createElement(Dialog3.Title, null, t("shell fallback title")), /* @__PURE__ */ React47.createElement(Dialog3.Close, {
-    asChild: true,
-    onClick: () => onClose?.()
-  }, /* @__PURE__ */ React47.createElement(Button11, {
-    variant: "primary"
-  }, t("close label"))))));
+  await Promise.all([
+    runtime.open(),
+    client.initialize()
+  ]);
+  createRoot(document.getElementById("root")).render(/* @__PURE__ */ React47.createElement(StrictMode, null, /* @__PURE__ */ React47.createElement(ThemeProvider, {
+    tx: defaultTx,
+    resourceExtensions: [
+      osTranslations
+    ]
+  }, /* @__PURE__ */ React47.createElement(ClientContext.Provider, {
+    value: {
+      client,
+      status: SystemStatus.ACTIVE
+    }
+  }, /* @__PURE__ */ React47.createElement(ClipboardProvider, null, /* @__PURE__ */ React47.createElement(Tooltip7.Provider, null, /* @__PURE__ */ React47.createElement(AgentHostingProvider, null, /* @__PURE__ */ React47.createElement(Shell, {
+    runtime,
+    origin: location.origin
+  }))))))));
 };
 
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
 import React48, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo6, useState as useState14 } from "react";
-import { ShellDisplay as ShellDisplay3, ShellLayout as ShellLayout3, useClient as useClient8 } from "@dxos/react-client";
+import { ShellDisplay as ShellDisplay2, ShellLayout as ShellLayout3, useClient as useClient8 } from "@dxos/react-client";
 import { useIdentity as useIdentity3 } from "@dxos/react-client/halo";
 import { mx as mx25 } from "@dxos/react-ui-theme";
 
@@ -4177,9 +4152,9 @@ var useShell = () => {
   const setLayout = async (layout, options) => {
     if (runtime) {
       if (layout === ShellLayout3.DEFAULT) {
-        setDisplay?.(ShellDisplay3.NONE);
+        setDisplay?.(ShellDisplay2.NONE);
       } else {
-        setDisplay?.(ShellDisplay3.FULLSCREEN);
+        setDisplay?.(ShellDisplay2.FULLSCREEN);
       }
       runtime.setLayout({
         layout,
@@ -4195,7 +4170,7 @@ var useShell = () => {
 var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoinedSpace, children }) => {
   const client = useClient8();
   const identity = useIdentity3();
-  const [display, setDisplay] = useState14(!identity || spaceInvitationCode || deviceInvitationCode ? ShellDisplay3.FULLSCREEN : ShellDisplay3.NONE);
+  const [display, setDisplay] = useState14(!identity || spaceInvitationCode || deviceInvitationCode ? ShellDisplay2.FULLSCREEN : ShellDisplay2.NONE);
   const shellRuntime = useMemo6(() => {
     if (client.config.get("runtime.app.env.DX_VAULT") !== "false") {
       return;
@@ -4230,13 +4205,13 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
       shellRuntime.setLayout({
         layout: ShellLayout3.SHARE_IDENTITY
       });
-      setDisplay(ShellDisplay3.FULLSCREEN);
+      setDisplay(ShellDisplay2.FULLSCREEN);
     } else if (event.key === "." && modifier) {
       shellRuntime.setLayout({
         layout: ShellLayout3.SPACE,
         spaceKey: space.key
       });
-      setDisplay(ShellDisplay3.FULLSCREEN);
+      setDisplay(ShellDisplay2.FULLSCREEN);
     }
   }, [
     space,
@@ -4266,7 +4241,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     shellRuntime
   ]);
   return /* @__PURE__ */ React48.createElement(React48.Fragment, null, shellRuntime && /* @__PURE__ */ React48.createElement("div", {
-    className: mx25(display === ShellDisplay3.NONE ? "hidden" : "")
+    className: mx25(display === ShellDisplay2.NONE ? "hidden" : "")
   }, /* @__PURE__ */ React48.createElement(Shell, {
     runtime: shellRuntime,
     origin: window.location.origin