@multiplatform.one/backoffice 7.34.4 → 7.35.0

package/dist/cjs/chrome/UserMenu.cjs

@@ -29,6 +29,7 @@ var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_frappe_ui = require("@multiplatform.one/frappe-ui");
 var import_theme = require("@multiplatform.one/theme");
+var import_platform = require("@multiplatform.one/platform");
 var import_react = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
@@ -48,24 +49,60 @@ function UserMenu({
   const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   const paths = (0, import_BackofficeProvider.useBackofficePaths)();
   const {
-    appearance
+    appearance,
+    auth,
+    emitEvent
   } = (0, import_BackofficeProvider.useBackofficeConfig)();
+  const acting = (0, import_react.useRef)(false);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [actionError, setActionError] = (0, import_react.useState)(false);
   const {
     userMenu
   } = (0, import_BackofficeProvider.useBackofficeCapabilities)();
   const app = (0, import_useFrappeApp.useFrappeApp)();
   const frappeConfig = (0, import_frappe_ui.useFrappeConfig)();
   const {
-    info
+    info,
+    loading
   } = (0, import_user_session.useSessionUserInfo)();
   const sessionUser = info?.user === "Guest" ? void 0 : info?.user;
-  const handleLogout = (0, import_react.useCallback)(async () => {
+  const runAuthAction = (0, import_react.useCallback)(async action => {
+    if (acting.current) return;
+    acting.current = true;
+    setBusy(true);
+    setActionError(false);
+    try {
+      await action();
+      (0, import_user_session.clearSessionUserCache)();
+    } catch (error) {
+      setActionError(true);
+      emitEvent({
+        type: "error",
+        error,
+        context: "user-menu-auth"
+      });
+    } finally {
+      acting.current = false;
+      setBusy(false);
+    }
+  }, [emitEvent]);
+  const handleLogout = (0, import_react.useCallback)(() => runAuthAction(async () => {
     try {
       await app?.auth().logout();
-    } catch {}
-    (0, import_user_session.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 = (0, import_react.useCallback)(() => runAuthAction(() => {
+    if (auth) return auth.login();
+    if (frappeConfig?.baseURL) return (0, import_platform.openUrl)(`${frappeConfig.baseURL.replace(/\/+$/, "")}/login`);
+  }), [auth, frappeConfig?.baseURL, runAuthAction]);
   const handleReload = (0, import_react.useCallback)(() => {
     if (typeof location !== "undefined" && typeof location.reload === "function") {
       location.reload();
@@ -85,79 +122,108 @@ function UserMenu({
   const handleExitToSite = (0, import_react.useCallback)(() => {
     navigator.navigate(exitToSite.path);
   }, [navigator, exitToSite.path]);
-  const sessionGate = sessionUser ? {} : {
-    disabled: true,
-    disabledReason: t("userMenu.sessionUnavailable", "Session not loaded")
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
-    placement: "bottom-end",
-    defaultOpen,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+  const errorDialog = actionError ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open: true,
+    onOpenChange: setActionError,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          children: t("userMenu.authFailedTitle", "Account unavailable")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          children: t("userMenu.authFailed", "Unable to complete sign-in or sign-out. Try again.")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            children: t("userMenu.close", "Close")
+          })
+        })]
+      })]
+    })
+  }) : null;
+  if (loading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+      width: knobProps.sizeToken,
+      height: knobProps.sizeToken
+    });
+  }
+  if (!sessionUser) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
-        circular: true,
         size: knobProps.sizeToken,
-        "aria-label": t("userMenu.label", "User menu"),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+      placement: "bottom-end",
+      defaultOpen,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          chromeless: true,
+          circular: true,
+          size: knobProps.sizeToken,
+          "aria-label": t("userMenu.label", "User menu"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
+            size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
+            src: info?.imageUrl,
+            name: info?.fullName ?? info?.user
+          })
         })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
-      minWidth: 240,
-      children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-          ...knobProps.panelPadding,
-          ...knobProps.gap,
-          paddingVertical: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            ...knobProps.label,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: info.fullName
-          }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            size: "$2",
-            color: "$color10",
-            numberOfLines: 1,
-            children: info.email
-          }) : null]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {})]
-      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
-        children: t("userMenu.myProfile", "My Profile")
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
-        children: t("userMenu.mySettings", "My Settings")
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        disabled: true,
-        disabledReason: t("userMenu.sessionDefaultsGap", "Not implemented yet"),
-        children: t("userMenu.sessionDefaults", "Session Defaults")
-      }), import_components.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        onSelect: handleReload,
-        children: t("userMenu.reload", "Reload")
-      }) : null, userMenu.themeToggle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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, import_components.isWeb && websiteURL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        onSelect: handleViewWebsite,
-        children: t("userMenu.viewWebsite", "View Website")
-      }) : null, import_components.isWeb && exitToSite.enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        onSelect: handleExitToSite,
-        children: exitToSite.label ?? t("userMenu.exitToSite", "\u2190 multiplatform.one")
-      }) : null, userMenu.logout ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-          onSelect: handleLogout,
-          children: t("userMenu.logOut", "Log Out")
-        })]
-      }) : null]
-    })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+        children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            ...knobProps.panelPadding,
+            ...knobProps.gap,
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              ...knobProps.label,
+              fontWeight: "400",
+              numberOfLines: 1,
+              children: info.fullName
+            }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              size: "$2",
+              color: "$color10",
+              numberOfLines: 1,
+              children: info.email
+            }) : null]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {})]
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
+          children: t("userMenu.myProfile", "My Profile")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: () => sessionUser && navigator.navigate(paths.form("User", sessionUser)),
+          children: t("userMenu.mySettings", "My Settings")
+        }), import_components.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: handleReload,
+          children: t("userMenu.reload", "Reload")
+        }) : null, userMenu.themeToggle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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, import_components.isWeb && websiteURL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: handleViewWebsite,
+          children: t("userMenu.viewWebsite", "View Website")
+        }) : null, import_components.isWeb && exitToSite.enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: handleExitToSite,
+          children: exitToSite.label ?? t("userMenu.exitToSite", "\u2190 multiplatform.one")
+        }) : null, userMenu.logout ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+            onSelect: handleLogout,
+            children: t("userMenu.logOut", "Log Out")
+          })]
+        }) : null]
+      })]
+    }), errorDialog]
   });
 }

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

@@ -44,6 +44,7 @@ var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_frappe_ui = require("@multiplatform.one/frappe-ui");
 var import_theme = require("@multiplatform.one/theme");
+var import_platform = require("@multiplatform.one/platform");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
@@ -64,24 +65,65 @@ function UserMenu() {
   var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   var paths = (0, import_BackofficeProvider.useBackofficePaths)();
   var {
-    appearance
+    appearance,
+    auth,
+    emitEvent
   } = (0, import_BackofficeProvider.useBackofficeConfig)();
+  var acting = (0, import_react2.useRef)(false);
+  var [busy, setBusy] = (0, import_react2.useState)(false);
+  var [actionError, setActionError] = (0, import_react2.useState)(false);
   var {
     userMenu
   } = (0, import_BackofficeProvider.useBackofficeCapabilities)();
   var app = (0, import_useFrappeApp.useFrappeApp)();
   var frappeConfig = (0, import_frappe_ui.useFrappeConfig)();
   var {
-    info
+    info,
+    loading
   } = (0, import_user_session.useSessionUserInfo)();
   var sessionUser = (info === null || info === void 0 ? void 0 : info.user) === "Guest" ? void 0 : info === null || info === void 0 ? void 0 : info.user;
-  var handleLogout = (0, import_react2.useCallback)(async function () {
+  var runAuthAction = (0, import_react2.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) {}
-    (0, import_user_session.clearSessionUserCache)();
-    navigator.replace(paths.home());
-  }, [app, navigator, paths]);
+      await action();
+      (0, import_user_session.clearSessionUserCache)();
+    } catch (error) {
+      setActionError(true);
+      emitEvent({
+        type: "error",
+        error,
+        context: "user-menu-auth"
+      });
+    } finally {
+      acting.current = false;
+      setBusy(false);
+    }
+  }, [emitEvent]);
+  var handleLogout = (0, import_react2.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 = (0, import_react2.useCallback)(function () {
+    return runAuthAction(function () {
+      if (auth) return auth.login();
+      if (frappeConfig === null || frappeConfig === void 0 ? void 0 : frappeConfig.baseURL) return (0, import_platform.openUrl)(`${frappeConfig.baseURL.replace(/\/+$/, "")}/login`);
+    });
+  }, [auth, frappeConfig === null || frappeConfig === void 0 ? void 0 : frappeConfig.baseURL, runAuthAction]);
   var handleReload = (0, import_react2.useCallback)(function () {
     if (typeof location !== "undefined" && typeof location.reload === "function") {
       location.reload();
@@ -101,91 +143,116 @@ function UserMenu() {
   var handleExitToSite = (0, import_react2.useCallback)(function () {
     navigator.navigate(exitToSite.path);
   }, [navigator, exitToSite.path]);
-  var sessionGate = sessionUser ? {} : {
-    disabled: true,
-    disabledReason: t("userMenu.sessionUnavailable", "Session not loaded")
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
-    placement: "bottom-end",
-    defaultOpen,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+  var errorDialog = actionError ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog, {
+    modal: true,
+    open: true,
+    onOpenChange: setActionError,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DialogContent, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Title, {
+          children: t("userMenu.authFailedTitle", "Account unavailable")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Description, {
+          children: t("userMenu.authFailed", "Unable to complete sign-in or sign-out. Try again.")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Dialog.Close, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            children: t("userMenu.close", "Close")
+          })
+        })]
+      })]
+    })
+  }) : null;
+  if (loading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+      width: knobProps.sizeToken,
+      height: knobProps.sizeToken
+    });
+  }
+  if (!sessionUser) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
-        circular: true,
         size: knobProps.sizeToken,
-        "aria-label": t("userMenu.label", "User menu"),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+      placement: "bottom-end",
+      defaultOpen,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          chromeless: true,
+          circular: true,
+          size: knobProps.sizeToken,
+          "aria-label": t("userMenu.label", "User menu"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
-      minWidth: 240,
-      children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-          ...knobProps.panelPadding,
-          ...knobProps.gap,
-          paddingVertical: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            ...knobProps.label,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: info.fullName
-          }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            size: "$2",
-            color: "$color10",
-            numberOfLines: 1,
-            children: info.email
-          }) : null]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {})]
-      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        ...sessionGate,
-        onSelect: function onSelect() {
-          return sessionUser && navigator.navigate(paths.form("User", sessionUser));
-        },
-        children: t("userMenu.myProfile", "My Profile")
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */
-      (0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        disabled: true,
-        disabledReason: t("userMenu.sessionDefaultsGap", "Not implemented yet"),
-        children: t("userMenu.sessionDefaults", "Session Defaults")
-      }), import_components.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-        onSelect: handleReload,
-        children: t("userMenu.reload", "Reload")
-      }) : null, userMenu.themeToggle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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, import_components.isWeb && websiteURL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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. */
-      import_components.isWeb && exitToSite.enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
-          onSelect: handleLogout,
-          children: t("userMenu.logOut", "Log Out")
-        })]
-      }) : null]
-    })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+        children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            ...knobProps.panelPadding,
+            ...knobProps.gap,
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              ...knobProps.label,
+              fontWeight: "400",
+              numberOfLines: 1,
+              children: info.fullName
+            }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+              size: "$2",
+              color: "$color10",
+              numberOfLines: 1,
+              children: info.email
+            }) : null]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {})]
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: function onSelect() {
+            return sessionUser && navigator.navigate(paths.form("User", sessionUser));
+          },
+          children: t("userMenu.myProfile", "My Profile")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: function onSelect() {
+            return sessionUser && navigator.navigate(paths.form("User", sessionUser));
+          },
+          children: t("userMenu.mySettings", "My Settings")
+        }), import_components.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: handleReload,
+          children: t("userMenu.reload", "Reload")
+        }) : null, userMenu.themeToggle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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, import_components.isWeb && websiteURL ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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. */
+        import_components.isWeb && exitToSite.enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+            onSelect: handleLogout,
+            children: t("userMenu.logOut", "Log Out")
+          })]
+        }) : null]
+      })]
+    }), errorDialog]
   });
 }
 //# sourceMappingURL=UserMenu.native.js.map

package/dist/cjs/chrome/UserMenu.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","UserMenu_exports","__export","UserMenu","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_frappe_ui","import_theme","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_useFrappeApp","import_user_session","defaultOpen","arguments","length","_ref","_exitToSite_label","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","navigator","useBackofficeNavigator","paths","useBackofficePaths","appearance","useBackofficeConfig","userMenu","useBackofficeCapabilities","app","useFrappeApp","frappeConfig","useFrappeConfig","info","useSessionUserInfo","sessionUser","user","handleLogout","useCallback","auth","logout","unused","clearSessionUserCache","replace","home","handleReload","location","reload","websiteURL","baseURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","sessionGate","disabled","disabledReason","jsxs","DropdownMenu","placement","children","jsx","Trigger","asChild","Button","chromeless","circular","size","sizeToken","Avatar","src","imageUrl","name","fullName","Content","minWidth","Fragment","YStack","panelPadding","gap","paddingVertical","SizableText","label","fontWeight","numberOfLines","email","color","Separator","Item","onSelect","form"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","UserMenu_exports","__export","UserMenu","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_frappe_ui","import_theme","import_platform","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_useFrappeApp","import_user_session","defaultOpen","arguments","length","_ref","_exitToSite_label","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","navigator","useBackofficeNavigator","paths","useBackofficePaths","appearance","auth","emitEvent","useBackofficeConfig","acting","useRef","busy","setBusy","useState","actionError","setActionError","userMenu","useBackofficeCapabilities","app","useFrappeApp","frappeConfig","useFrappeConfig","info","loading","useSessionUserInfo","sessionUser","user","runAuthAction","useCallback","action","current","clearSessionUserCache","error","type","context","handleLogout","_auth_logout","logout","call","replace","home","handleLogin","login","baseURL","openUrl","handleReload","location","reload","websiteURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","errorDialog","jsx","Dialog","modal","onOpenChange","children","jsxs","Portal","Overlay","backgroundColor","DialogContent","Title","Description","Close","asChild","Button","Skeleton","width","sizeToken","height","Fragment","chromeless","size","onPress"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/chrome/notifications-panel.cjs

@@ -96,7 +96,7 @@ function NotificationRow({
         width: "$0.75",
         height: "$0.75",
         borderRadius: 1e3,
-        backgroundColor: "$accentBackground"
+        backgroundColor: import_components.componentColors.indicator.mark
       })
     })]
   });
@@ -173,10 +173,9 @@ function NotificationsPanel({
         "aria-label": t("notifications.settingsUnavailable", "Notification settings (not available yet)")
       })]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Separator, {}), isLoading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(NotificationSkeletonRows, {}) : items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
-      compact: true,
+      size: "$3",
       paddingVertical: "$6",
-      title: t("notifications.emptyTitle", "No new notifications"),
-      description: t("notifications.emptyDescription", "Mentions, assignments, and shares will show up here.")
+      title: t("notifications.emptyTitle", "No new notifications")
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
       children: items.map(item => /* @__PURE__ */(0, import_jsx_runtime.jsx)(NotificationRow, {
         item,