@multiplatform.one/backoffice 7.34.3 → 7.35.0

package/dist/esm/chrome/UserMenu.mjs

@@ -1,8 +1,9 @@
-import { Avatar, DropdownMenu, SizableText, YStack, isWeb } from "@multiplatform.one/components";
+import { Avatar, DropdownMenu, SizableText, Skeleton, YStack, isWeb, Dialog, DialogContent } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
 import { useFrappeConfig } from "@multiplatform.one/frappe-ui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useCallback } from "react";
+import { openUrl } from "@multiplatform.one/platform";
+import { useCallback, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBackofficeCapabilities, useBackofficeConfig, useBackofficeNavigator, useBackofficePaths } from "../config/BackofficeProvider.mjs";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
@@ -21,24 +22,60 @@ function UserMenu({
   const navigator = useBackofficeNavigator();
   const paths = useBackofficePaths();
   const {
-    appearance
+    appearance,
+    auth,
+    emitEvent
   } = useBackofficeConfig();
+  const acting = useRef(false);
+  const [busy, setBusy] = useState(false);
+  const [actionError, setActionError] = useState(false);
   const {
     userMenu
   } = useBackofficeCapabilities();
   const app = useFrappeApp();
   const frappeConfig = useFrappeConfig();
   const {
-    info
+    info,
+    loading
   } = useSessionUserInfo();
-  const sessionUser = info?.user;
-  const handleLogout = useCallback(async () => {
+  const sessionUser = info?.user === "Guest" ? void 0 : info?.user;
+  const runAuthAction = useCallback(async action => {
+    if (acting.current) return;
+    acting.current = true;
+    setBusy(true);
+    setActionError(false);
+    try {
+      await action();
+      clearSessionUserCache();
+    } catch (error) {
+      setActionError(true);
+      emitEvent({
+        type: "error",
+        error,
+        context: "user-menu-auth"
+      });
+    } finally {
+      acting.current = false;
+      setBusy(false);
+    }
+  }, [emitEvent]);
+  const handleLogout = useCallback(() => runAuthAction(async () => {
     try {
       await app?.auth().logout();
-    } catch {}
-    clearSessionUserCache();
+    } catch (error) {
+      emitEvent({
+        type: "error",
+        error,
+        context: "frappe-logout"
+      });
+    }
+    await auth?.logout?.();
     navigator.replace(paths.home());
-  }, [app, navigator, paths]);
+  }), [app, auth, emitEvent, navigator, paths, runAuthAction]);
+  const handleLogin = useCallback(() => runAuthAction(() => {
+    if (auth) return auth.login();
+    if (frappeConfig?.baseURL) return openUrl(`${frappeConfig.baseURL.replace(/\/+$/, "")}/login`);
+  }), [auth, frappeConfig?.baseURL, runAuthAction]);
   const handleReload = useCallback(() => {
     if (typeof location !== "undefined" && typeof location.reload === "function") {
       location.reload();
@@ -58,80 +95,109 @@ function UserMenu({
   const handleExitToSite = useCallback(() => {
     navigator.navigate(exitToSite.path);
   }, [navigator, exitToSite.path]);
-  const sessionGate = sessionUser ? {} : {
-    disabled: true,
-    disabledReason: t("userMenu.sessionUnavailable", "Session not loaded")
-  };
-  return /* @__PURE__ */jsxs(DropdownMenu, {
-    placement: "bottom-end",
-    defaultOpen,
-    children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */jsx(Button, {
+  const errorDialog = actionError ? /* @__PURE__ */jsx(Dialog, {
+    modal: true,
+    open: true,
+    onOpenChange: setActionError,
+    children: /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }), /* @__PURE__ */jsxs(DialogContent, {
+        children: [/* @__PURE__ */jsx(Dialog.Title, {
+          children: t("userMenu.authFailedTitle", "Account unavailable")
+        }), /* @__PURE__ */jsx(Dialog.Description, {
+          children: t("userMenu.authFailed", "Unable to complete sign-in or sign-out. Try again.")
+        }), /* @__PURE__ */jsx(Dialog.Close, {
+          asChild: true,
+          children: /* @__PURE__ */jsx(Button, {
+            children: t("userMenu.close", "Close")
+          })
+        })]
+      })]
+    })
+  }) : null;
+  if (loading) {
+    return /* @__PURE__ */jsx(Skeleton, {
+      width: knobProps.sizeToken,
+      height: knobProps.sizeToken
+    });
+  }
+  if (!sessionUser) {
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(Button, {
         chromeless: true,
-        circular: true,
         size: knobProps.sizeToken,
-        "aria-label": t("userMenu.label", "User menu"),
-        children: /* @__PURE__ */jsx(Avatar, {
-          size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
-          src: info?.imageUrl,
-          name: info?.fullName ?? info?.user
+        loading: busy,
+        onPress: handleLogin,
+        children: t("userMenu.logIn", "Log in")
+      }), errorDialog]
+    });
+  }
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsxs(DropdownMenu, {
+      placement: "bottom-end",
+      defaultOpen,
+      children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */jsx(Button, {
+          chromeless: true,
+          circular: true,
+          size: knobProps.sizeToken,
+          "aria-label": t("userMenu.label", "User menu"),
+          children: /* @__PURE__ */jsx(Avatar, {
+            size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
+            src: info?.imageUrl,
+            name: info?.fullName ?? info?.user
+          })
         })
-      })
-    }), /* @__PURE__ */jsxs(DropdownMenu.Content, {
-      minWidth: 240,
-      children: [info ? /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsxs(YStack, {
-          ...knobProps.panelPadding,
-          ...knobProps.gap,
-          paddingVertical: "$2",
-          children: [/* @__PURE__ */jsx(SizableText, {
-            ...knobProps.label,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: info.fullName
-          }), info.email ? /* @__PURE__ */jsx(SizableText, {
-            size: "$2",
-            color: "$color10",
-            numberOfLines: 1,
-            children: info.email
-          }) : null]
-        }), /* @__PURE__ */jsx(DropdownMenu.Separator, {})]
-      }) : null, /* @__PURE__ */jsx(DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
-        children: t("userMenu.myProfile", "My Profile")
-      }), /* @__PURE__ */jsx(DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
-        children: t("userMenu.mySettings", "My Settings")
-      }), /* @__PURE__ */jsx(DropdownMenu.Item, {
-        disabled: true,
-        disabledReason: t("userMenu.sessionDefaultsGap", "Not implemented yet"),
-        children: t("userMenu.sessionDefaults", "Session Defaults")
-      }), isWeb ? /* @__PURE__ */jsx(DropdownMenu.Item, {
-        onSelect: handleReload,
-        children: t("userMenu.reload", "Reload")
-      }) : null, userMenu.themeToggle ? /* @__PURE__ */jsx(DropdownMenu.Item, {
-        ...(appearance ? {} : {
-          disabled: true,
-          disabledReason: t("userMenu.themeUnavailable", "Theme switching is unavailable on this platform")
-        }),
-        onSelect: handleToggleTheme,
-        children: t("userMenu.toggleTheme", "Toggle Theme")
-      }) : null, isWeb && websiteURL ? /* @__PURE__ */jsx(DropdownMenu.Item, {
-        onSelect: handleViewWebsite,
-        children: t("userMenu.viewWebsite", "View Website")
-      }) : null, isWeb && exitToSite.enabled ? /* @__PURE__ */jsx(DropdownMenu.Item, {
-        onSelect: handleExitToSite,
-        children: exitToSite.label ?? t("userMenu.exitToSite", "\u2190 multiplatform.one")
-      }) : null, userMenu.logout ? /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(DropdownMenu.Separator, {}), /* @__PURE__ */jsx(DropdownMenu.Item, {
-          onSelect: handleLogout,
-          children: t("userMenu.logOut", "Log Out")
-        })]
-      }) : null]
-    })]
+      }), /* @__PURE__ */jsxs(DropdownMenu.Content, {
+        children: [info ? /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsxs(YStack, {
+            ...knobProps.panelPadding,
+            ...knobProps.gap,
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */jsx(SizableText, {
+              ...knobProps.label,
+              fontWeight: "400",
+              numberOfLines: 1,
+              children: info.fullName
+            }), info.email ? /* @__PURE__ */jsx(SizableText, {
+              size: "$2",
+              color: "$color10",
+              numberOfLines: 1,
+              children: info.email
+            }) : null]
+          }), /* @__PURE__ */jsx(DropdownMenu.Separator, {})]
+        }) : null, /* @__PURE__ */jsx(DropdownMenu.Item, {
+          onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
+          children: t("userMenu.myProfile", "My Profile")
+        }), /* @__PURE__ */jsx(DropdownMenu.Item, {
+          onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
+          children: t("userMenu.mySettings", "My Settings")
+        }), isWeb ? /* @__PURE__ */jsx(DropdownMenu.Item, {
+          onSelect: handleReload,
+          children: t("userMenu.reload", "Reload")
+        }) : null, userMenu.themeToggle ? /* @__PURE__ */jsx(DropdownMenu.Item, {
+          ...(appearance ? {} : {
+            disabled: true,
+            disabledReason: t("userMenu.themeUnavailable", "Theme switching is unavailable on this platform")
+          }),
+          onSelect: handleToggleTheme,
+          children: t("userMenu.toggleTheme", "Toggle Theme")
+        }) : null, isWeb && websiteURL ? /* @__PURE__ */jsx(DropdownMenu.Item, {
+          onSelect: handleViewWebsite,
+          children: t("userMenu.viewWebsite", "View Website")
+        }) : null, isWeb && exitToSite.enabled ? /* @__PURE__ */jsx(DropdownMenu.Item, {
+          onSelect: handleExitToSite,
+          children: exitToSite.label ?? t("userMenu.exitToSite", "\u2190 multiplatform.one")
+        }) : null, userMenu.logout ? /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(DropdownMenu.Separator, {}), /* @__PURE__ */jsx(DropdownMenu.Item, {
+            onSelect: handleLogout,
+            children: t("userMenu.logOut", "Log Out")
+          })]
+        }) : null]
+      })]
+    }), errorDialog]
   });
 }
 export { UserMenu };

package/dist/esm/chrome/UserMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar","DropdownMenu","SizableText","YStack","isWeb","Button","useFrappeConfig","useResolvedKnobs","useCallback","useTranslation","useBackofficeCapabilities","useBackofficeConfig","useBackofficeNavigator","useBackofficePaths","BACKOFFICE_I18N_NAMESPACE","useFrappeApp","clearSessionUserCache","useSessionUserInfo","Fragment","jsx","jsxs","UserMenu","defaultOpen","t","knobProps","navigator","paths","appearance","userMenu","app","frappeConfig","info","sessionUser","user","handleLogout","auth","logout","replace","home","handleReload","location","reload","websiteURL","baseURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","sessionGate","disabled","disabledReason","placement","children","Trigger","asChild","chromeless","circular","size","sizeToken","src","imageUrl","name","fullName","Content","minWidth","panelPadding","gap","paddingVertical","label","fontWeight","numberOfLines","email","color","Separator","Item","onSelect","form","themeToggle","enabled"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Avatar","DropdownMenu","SizableText","Skeleton","YStack","isWeb","Dialog","DialogContent","Button","useFrappeConfig","useResolvedKnobs","openUrl","useCallback","useRef","useState","useTranslation","useBackofficeCapabilities","useBackofficeConfig","useBackofficeNavigator","useBackofficePaths","BACKOFFICE_I18N_NAMESPACE","useFrappeApp","clearSessionUserCache","useSessionUserInfo","Fragment","jsx","jsxs","UserMenu","defaultOpen","t","knobProps","navigator","paths","appearance","auth","emitEvent","acting","busy","setBusy","actionError","setActionError","userMenu","app","frappeConfig","info","loading","sessionUser","user","runAuthAction","action","current","error","type","context","handleLogout","logout","replace","home","handleLogin","login","baseURL","handleReload","location","reload","websiteURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","errorDialog","modal","onOpenChange","children","Portal","Overlay","backgroundColor","Title","Description","Close","asChild","width","sizeToken","height","chromeless","size","onPress","placement","Trigger","circular","src","imageUrl","name","fullName","Content","panelPadding","gap","paddingVertical","label","fontWeight","numberOfLines","email","color","Separator","Item","onSelect","form","themeToggle","disabled","disabledReason","enabled"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/chrome/UserMenu.native.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { Avatar, DropdownMenu, SizableText, YStack, isWeb } from "@multiplatform.one/components";
+import { Avatar, DropdownMenu, SizableText, Skeleton, YStack, isWeb, Dialog, DialogContent } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
 import { useFrappeConfig } from "@multiplatform.one/frappe-ui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useCallback } from "react";
+import { openUrl } from "@multiplatform.one/platform";
+import { useCallback, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBackofficeCapabilities, useBackofficeConfig, useBackofficeNavigator, useBackofficePaths } from "../config/BackofficeProvider.native.js";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
@@ -24,24 +25,65 @@ function UserMenu() {
   var navigator = useBackofficeNavigator();
   var paths = useBackofficePaths();
   var {
-    appearance
+    appearance,
+    auth,
+    emitEvent
   } = useBackofficeConfig();
+  var acting = useRef(false);
+  var [busy, setBusy] = useState(false);
+  var [actionError, setActionError] = useState(false);
   var {
     userMenu
   } = useBackofficeCapabilities();
   var app = useFrappeApp();
   var frappeConfig = useFrappeConfig();
   var {
-    info
+    info,
+    loading
   } = useSessionUserInfo();
-  var sessionUser = info === null || info === void 0 ? void 0 : info.user;
-  var handleLogout = useCallback(async function () {
+  var sessionUser = (info === null || info === void 0 ? void 0 : info.user) === "Guest" ? void 0 : info === null || info === void 0 ? void 0 : info.user;
+  var runAuthAction = useCallback(async function (action) {
+    if (acting.current) return;
+    acting.current = true;
+    setBusy(true);
+    setActionError(false);
     try {
-      await (app === null || app === void 0 ? void 0 : app.auth().logout());
-    } catch (unused) {}
-    clearSessionUserCache();
-    navigator.replace(paths.home());
-  }, [app, navigator, paths]);
+      await action();
+      clearSessionUserCache();
+    } catch (error) {
+      setActionError(true);
+      emitEvent({
+        type: "error",
+        error,
+        context: "user-menu-auth"
+      });
+    } finally {
+      acting.current = false;
+      setBusy(false);
+    }
+  }, [emitEvent]);
+  var handleLogout = useCallback(function () {
+    return runAuthAction(async function () {
+      var _auth_logout;
+      try {
+        await (app === null || app === void 0 ? void 0 : app.auth().logout());
+      } catch (error) {
+        emitEvent({
+          type: "error",
+          error,
+          context: "frappe-logout"
+        });
+      }
+      await (auth === null || auth === void 0 ? void 0 : (_auth_logout = auth.logout) === null || _auth_logout === void 0 ? void 0 : _auth_logout.call(auth));
+      navigator.replace(paths.home());
+    });
+  }, [app, auth, emitEvent, navigator, paths, runAuthAction]);
+  var handleLogin = useCallback(function () {
+    return runAuthAction(function () {
+      if (auth) return auth.login();
+      if (frappeConfig === null || frappeConfig === void 0 ? void 0 : frappeConfig.baseURL) return openUrl(`${frappeConfig.baseURL.replace(/\/+$/, "")}/login`);
+    });
+  }, [auth, frappeConfig === null || frappeConfig === void 0 ? void 0 : frappeConfig.baseURL, runAuthAction]);
   var handleReload = useCallback(function () {
     if (typeof location !== "undefined" && typeof location.reload === "function") {
       location.reload();
@@ -61,91 +103,116 @@ function UserMenu() {
   var handleExitToSite = useCallback(function () {
     navigator.navigate(exitToSite.path);
   }, [navigator, exitToSite.path]);
-  var sessionGate = sessionUser ? {} : {
-    disabled: true,
-    disabledReason: t("userMenu.sessionUnavailable", "Session not loaded")
-  };
-  return /* @__PURE__ */_jsxs(DropdownMenu, {
-    placement: "bottom-end",
-    defaultOpen,
-    children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */_jsx(Button, {
+  var errorDialog = actionError ? /* @__PURE__ */_jsx(Dialog, {
+    modal: true,
+    open: true,
+    onOpenChange: setActionError,
+    children: /* @__PURE__ */_jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }), /* @__PURE__ */_jsxs(DialogContent, {
+        children: [/* @__PURE__ */_jsx(Dialog.Title, {
+          children: t("userMenu.authFailedTitle", "Account unavailable")
+        }), /* @__PURE__ */_jsx(Dialog.Description, {
+          children: t("userMenu.authFailed", "Unable to complete sign-in or sign-out. Try again.")
+        }), /* @__PURE__ */_jsx(Dialog.Close, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(Button, {
+            children: t("userMenu.close", "Close")
+          })
+        })]
+      })]
+    })
+  }) : null;
+  if (loading) {
+    return /* @__PURE__ */_jsx(Skeleton, {
+      width: knobProps.sizeToken,
+      height: knobProps.sizeToken
+    });
+  }
+  if (!sessionUser) {
+    return /* @__PURE__ */_jsxs(_Fragment, {
+      children: [/* @__PURE__ */_jsx(Button, {
         chromeless: true,
-        circular: true,
         size: knobProps.sizeToken,
-        "aria-label": t("userMenu.label", "User menu"),
-        children: /* @__PURE__ */_jsx(Avatar, {
-          size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
-          src: info === null || info === void 0 ? void 0 : info.imageUrl,
-          name: (_ref = info === null || info === void 0 ? void 0 : info.fullName) !== null && _ref !== void 0 ? _ref : info === null || info === void 0 ? void 0 : info.user
+        loading: busy,
+        onPress: handleLogin,
+        children: t("userMenu.logIn", "Log in")
+      }), errorDialog]
+    });
+  }
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsxs(DropdownMenu, {
+      placement: "bottom-end",
+      defaultOpen,
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          chromeless: true,
+          circular: true,
+          size: knobProps.sizeToken,
+          "aria-label": t("userMenu.label", "User menu"),
+          children: /* @__PURE__ */_jsx(Avatar, {
+            size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
+            src: info === null || info === void 0 ? void 0 : info.imageUrl,
+            name: (_ref = info === null || info === void 0 ? void 0 : info.fullName) !== null && _ref !== void 0 ? _ref : info === null || info === void 0 ? void 0 : info.user
+          })
         })
-      })
-    }), /* @__PURE__ */_jsxs(DropdownMenu.Content, {
-      minWidth: 240,
-      children: [info ? /* @__PURE__ */_jsxs(_Fragment, {
-        children: [/* @__PURE__ */_jsxs(YStack, {
-          ...knobProps.panelPadding,
-          ...knobProps.gap,
-          paddingVertical: "$2",
-          children: [/* @__PURE__ */_jsx(SizableText, {
-            ...knobProps.label,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: info.fullName
-          }), info.email ? /* @__PURE__ */_jsx(SizableText, {
-            size: "$2",
-            color: "$color10",
-            numberOfLines: 1,
-            children: info.email
-          }) : null]
-        }), /* @__PURE__ */_jsx(DropdownMenu.Separator, {})]
-      }) : null, /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: function onSelect() {
-          return sessionUser && navigator.navigate(paths.form("User", sessionUser));
-        },
-        children: t("userMenu.myProfile", "My Profile")
-      }), /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: function onSelect() {
-          return sessionUser && navigator.navigate(paths.form("User", sessionUser));
-        },
-        children: t("userMenu.mySettings", "My Settings")
-      }),
-      /* GAP: desk's Session Defaults dialog (frappe.core.doctype.session_default_settings)
-      has no backoffice surface yet — placeholder until a dialog exists. */
-      /* @__PURE__ */
-      _jsx(DropdownMenu.Item, {
-        disabled: true,
-        disabledReason: t("userMenu.sessionDefaultsGap", "Not implemented yet"),
-        children: t("userMenu.sessionDefaults", "Session Defaults")
-      }), isWeb ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        onSelect: handleReload,
-        children: t("userMenu.reload", "Reload")
-      }) : null, userMenu.themeToggle ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        ...(appearance ? {} : {
-          disabled: true,
-          disabledReason: t("userMenu.themeUnavailable", "Theme switching is unavailable on this platform")
-        }),
-        onSelect: handleToggleTheme,
-        children: t("userMenu.toggleTheme", "Toggle Theme")
-      }) : null, isWeb && websiteURL ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        onSelect: handleViewWebsite,
-        children: t("userMenu.viewWebsite", "View Website")
-      }) : null,
-      /* MOD-02: embedded shells are full-bleed (no host navbar), so the
-      way back into the host app lives here. */
-      isWeb && exitToSite.enabled ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
-        onSelect: handleExitToSite,
-        children: (_exitToSite_label = exitToSite.label) !== null && _exitToSite_label !== void 0 ? _exitToSite_label : t("userMenu.exitToSite", "\u2190 multiplatform.one")
-      }) : null, userMenu.logout ? /* @__PURE__ */_jsxs(_Fragment, {
-        children: [/* @__PURE__ */_jsx(DropdownMenu.Separator, {}), /* @__PURE__ */_jsx(DropdownMenu.Item, {
-          onSelect: handleLogout,
-          children: t("userMenu.logOut", "Log Out")
-        })]
-      }) : null]
-    })]
+      }), /* @__PURE__ */_jsxs(DropdownMenu.Content, {
+        children: [info ? /* @__PURE__ */_jsxs(_Fragment, {
+          children: [/* @__PURE__ */_jsxs(YStack, {
+            ...knobProps.panelPadding,
+            ...knobProps.gap,
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */_jsx(SizableText, {
+              ...knobProps.label,
+              fontWeight: "400",
+              numberOfLines: 1,
+              children: info.fullName
+            }), info.email ? /* @__PURE__ */_jsx(SizableText, {
+              size: "$2",
+              color: "$color10",
+              numberOfLines: 1,
+              children: info.email
+            }) : null]
+          }), /* @__PURE__ */_jsx(DropdownMenu.Separator, {})]
+        }) : null, /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          onSelect: function onSelect() {
+            return sessionUser && navigator.navigate(paths.form("User", sessionUser));
+          },
+          children: t("userMenu.myProfile", "My Profile")
+        }), /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          onSelect: function onSelect() {
+            return sessionUser && navigator.navigate(paths.form("User", sessionUser));
+          },
+          children: t("userMenu.mySettings", "My Settings")
+        }), isWeb ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          onSelect: handleReload,
+          children: t("userMenu.reload", "Reload")
+        }) : null, userMenu.themeToggle ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          ...(appearance ? {} : {
+            disabled: true,
+            disabledReason: t("userMenu.themeUnavailable", "Theme switching is unavailable on this platform")
+          }),
+          onSelect: handleToggleTheme,
+          children: t("userMenu.toggleTheme", "Toggle Theme")
+        }) : null, isWeb && websiteURL ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          onSelect: handleViewWebsite,
+          children: t("userMenu.viewWebsite", "View Website")
+        }) : null,
+        /* MOD-02: embedded shells are full-bleed (no host navbar), so the
+        way back into the host app lives here. */
+        isWeb && exitToSite.enabled ? /* @__PURE__ */_jsx(DropdownMenu.Item, {
+          onSelect: handleExitToSite,
+          children: (_exitToSite_label = exitToSite.label) !== null && _exitToSite_label !== void 0 ? _exitToSite_label : t("userMenu.exitToSite", "\u2190 multiplatform.one")
+        }) : null, userMenu.logout ? /* @__PURE__ */_jsxs(_Fragment, {
+          children: [/* @__PURE__ */_jsx(DropdownMenu.Separator, {}), /* @__PURE__ */_jsx(DropdownMenu.Item, {
+            onSelect: handleLogout,
+            children: t("userMenu.logOut", "Log Out")
+          })]
+        }) : null]
+      })]
+    }), errorDialog]
   });
 }
 export { UserMenu };