@luxfi/ui 8.2.7 → 8.2.8

package/dist/chrome.cjs

@@ -1,12 +1,14 @@
 'use client';
 'use strict';
 
-var React3 = require('react');
+var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var gui = require('@hanzo/gui');
+var drawer_js = require('./drawer.js');
+var identity_js = require('./identity.js');
+var menu_js = require('./menu.js');
+var useNarrow_js = require('./use-narrow.js');
 var jsxRuntime = require('react/jsx-runtime');
-var reactQuery = require('@tanstack/react-query');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,474 +28,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = gui.styled(gui.View, {
-  name: "LuxCloseButton",
-  render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
-  role: "button",
-  cursor: "pointer",
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: 20,
-  height: 20,
-  minWidth: 0,
-  flexShrink: 1,
-  padding: 0,
-  borderRadius: 4,
-  borderWidth: 0,
-  overflow: "hidden",
-  backgroundColor: "transparent",
-  hoverStyle: {
-    backgroundColor: "transparent"
-  },
-  variants: {
-    disabled: {
-      true: {
-        opacity: 0.4,
-        pointerEvents: "none"
-      }
-    }
-  }
-});
-var CloseButton = React3__namespace.forwardRef(function CloseButton2(props, ref) {
-  const { variant: _variant, size: _size, className, children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CloseButtonFrame,
-    {
-      ref,
-      className,
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          width: 20,
-          height: 20,
-          viewBox: "0 0 20 20",
-          fill: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: CLOSE_ICON_PATH,
-              fill: "currentColor"
-            }
-          )
-        }
-      )
-    }
-  );
-});
-var ink = (children, Wrap = gui.Text, props = {}) => {
-  let hasText = false;
-  React3.Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return React3.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React3.createElement(Wrap, props, child) : child);
-};
-var NARROW_PX = 640;
-function useBelow(px) {
-  const [below, setBelow] = React3__namespace.useState(false);
-  React3__namespace.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${px - 1}px)`);
-    const apply = () => setBelow(mql.matches);
-    apply();
-    mql.addEventListener("change", apply);
-    return () => mql.removeEventListener("change", apply);
-  }, [px]);
-  return below;
-}
-var useIsNarrow = () => useBelow(NARROW_PX);
-var DrawerPlacementContext = React3__namespace.createContext("right");
-var DrawerSizeContext = React3__namespace.createContext("md");
-var DrawerStateContext = React3__namespace.createContext({
-  open: false,
-  setOpen: () => {
-  },
-  modal: true,
-  narrow: false
-});
-var DrawerRoot = (props) => {
-  const {
-    children,
-    open,
-    defaultOpen,
-    onOpenChange,
-    placement = "right",
-    modal = true,
-    size = "md"
-  } = props;
-  const [uncontrolled, setUncontrolled] = React3__namespace.useState(defaultOpen ?? false);
-  const isControlled = open !== void 0;
-  const isOpen = isControlled ? open : uncontrolled;
-  const narrow = useIsNarrow();
-  const setOpen = React3__namespace.useCallback((nextOpen) => {
-    if (!isControlled) setUncontrolled(nextOpen);
-    onOpenChange?.({ open: nextOpen });
-  }, [isControlled, onOpenChange]);
-  const state = React3__namespace.useMemo(
-    () => ({ open: isOpen, setOpen, modal, narrow }),
-    [isOpen, setOpen, modal, narrow]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(DrawerPlacementContext.Provider, { value: placement, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerStateContext.Provider, { value: state, children: narrow ? children : /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog, { open: isOpen, onOpenChange: setOpen, modal, children }) }) }) });
-};
-var ANCHOR = {
-  right: { top: 0, bottom: 0, right: 0, enterStyle: { x: 24, opacity: 0 }, exitStyle: { x: 24, opacity: 0 } },
-  left: { top: 0, bottom: 0, left: 0, enterStyle: { x: -24, opacity: 0 }, exitStyle: { x: -24, opacity: 0 } },
-  top: { left: 0, right: 0, top: 0, enterStyle: { y: -24, opacity: 0 }, exitStyle: { y: -24, opacity: 0 } },
-  bottom: { left: 0, right: 0, bottom: 0, enterStyle: { y: 24, opacity: 0 }, exitStyle: { y: 24, opacity: 0 } }
-};
-var ACROSS = {
-  xs: 240,
-  sm: 320,
-  md: 384,
-  lg: 480,
-  xl: 640,
-  full: "100%"
-};
-var extent = (placement, size) => placement === "left" || placement === "right" ? { width: ACROSS[size], maxWidth: "100%" } : { height: ACROSS[size], maxHeight: "100%" };
-var SCRIM = "rgba(0,0,0,0.5)";
-var DrawerContent = React3__namespace.forwardRef(
-  function DrawerContent2(props, ref) {
-    const { children, portalled = true, portalRef: _portalRef, offset: _offset, backdrop = true, ...rest } = props;
-    const placement = React3__namespace.useContext(DrawerPlacementContext);
-    const size = React3__namespace.useContext(DrawerSizeContext);
-    const { open, setOpen, modal, narrow } = React3__namespace.useContext(DrawerStateContext);
-    if (narrow) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        gui.Sheet,
-        {
-          open,
-          onOpenChange: setOpen,
-          modal,
-          dismissOnSnapToBottom: true,
-          snapPointsMode: "percent",
-          snapPoints: [88],
-          transition: "medium",
-          children: [
-            backdrop && /* @__PURE__ */ jsxRuntime.jsx(
-              gui.Sheet.Overlay,
-              {
-                transition: "lazy",
-                enterStyle: { opacity: 0 },
-                exitStyle: { opacity: 0 },
-                backgroundColor: SCRIM
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(gui.Sheet.Handle, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              gui.Sheet.Frame,
-              {
-                unstyled: true,
-                flexDirection: "column",
-                borderTopLeftRadius: 16,
-                borderTopRightRadius: 16,
-                backgroundColor: "var(--color-drawer-bg)",
-                shadowColor: "var(--shadow-drawer)",
-                ...rest,
-                children
-              }
-            )
-          ]
-        }
-      );
-    }
-    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      backdrop && /* @__PURE__ */ jsxRuntime.jsx(
-        gui.Dialog.Overlay,
-        {
-          position: "fixed",
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0,
-          zIndex: 50,
-          backgroundColor: SCRIM,
-          transition: "lazy",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        },
-        "overlay"
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        gui.Dialog.Content,
-        {
-          ref,
-          unstyled: true,
-          position: "fixed",
-          zIndex: 50,
-          flexDirection: "column",
-          backgroundColor: "var(--color-drawer-bg)",
-          transition: "medium",
-          ...ANCHOR[placement],
-          ...extent(placement, size),
-          ...rest,
-          children
-        },
-        "content"
-      )
-    ] });
-    return portalled ? /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Portal, { children: content }) : content;
-  }
-);
-React3__namespace.forwardRef(function DrawerCloseTrigger2(props, ref) {
-  return (
-    // Placement belongs to the surrounding box, not to the button: CloseButton
-    // is a fixed 20px control and has no opinion about where it sits.
-    /* @__PURE__ */ jsxRuntime.jsx(gui.View, { position: "absolute", top: 28, right: 20, zIndex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { ref, ...props }) }) })
-  );
-});
-var DrawerHeader = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: 6, padding: 24, paddingBottom: 0, ...props, children: ink(children) });
-var DrawerBody = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { flex: 1, overflow: "scroll", padding: 24, ...props, children: ink(children) });
-var DrawerTitle = gui.Dialog.Title;
-gui.Dialog.Description;
-gui.Dialog.Close;
-
-// src/white-label.ts
-var LUX_BRAND = {
-  lux: "#7000FF",
-  zoo: "#6C5EFB",
-  hanzo: "#EA580C",
-  pars: "#1C3879"};
-var PARS_GOLD = "#C8A45C";
-var ORGS = {
-  lux: {
-    org: "lux",
-    name: "Lux",
-    domain: "lux.network",
-    iamDomain: "lux.id",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  zoo: {
-    org: "zoo",
-    name: "Zoo",
-    domain: "zoo.ngo",
-    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
-    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
-    // ANSWERS, which is why it keeps being copied around, but it is an alias:
-    // its own discovery document advertises
-    //   issuer                  https://zoolabs.id
-    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
-    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
-    // so a client configured on the alias validates `iss` against a string the
-    // IdP never emits and rejects every token it is given — the exact shape of
-    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
-    iamDomain: "zoolabs.id",
-    accent: LUX_BRAND.zoo,
-    accentForeground: "#FFFFFF"
-  },
-  bootnode: {
-    org: "bootnode",
-    name: "Bootnode",
-    domain: "bootno.de",
-    iamDomain: "id.bootno.de",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  hanzo: {
-    org: "hanzo",
-    name: "Hanzo",
-    domain: "hanzo.ai",
-    iamDomain: "hanzo.id",
-    accent: LUX_BRAND.hanzo,
-    accentForeground: "#FFFFFF"
-  },
-  pars: {
-    org: "pars",
-    name: "Pars",
-    domain: "pars.id",
-    iamDomain: "pars.id",
-    accent: LUX_BRAND.pars,
-    accentForeground: PARS_GOLD
-  }
-};
-var DOMAIN_ORG = [
-  ["lux.network", "lux"],
-  ["lux.cloud", "lux"],
-  ["lux.id", "lux"],
-  ["lux.finance", "lux"],
-  ["lux.market", "lux"],
-  ["lux.exchange", "lux"],
-  ["zoo.ngo", "zoo"],
-  ["zoo.network", "zoo"],
-  ["zoo.cloud", "zoo"],
-  ["zoolabs.id", "zoo"],
-  ["hanzo.ai", "hanzo"],
-  ["hanzo.cloud", "hanzo"],
-  ["hanzo.id", "hanzo"],
-  ["pars.id", "pars", "app"],
-  ["pars.network", "pars", "app"],
-  ["parsdao.org", "pars", "app"],
-  ["bootno.de", "bootnode", "platform"]
-];
-var DEFAULT_ORG = "lux";
-function normalizeHost(host) {
-  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
-  return noPort.replace(/\.$/, "");
-}
-function isUnder(host, domain) {
-  return host === domain || host.endsWith(`.${domain}`);
-}
-function matchDomain(host) {
-  let best;
-  for (const entry of DOMAIN_ORG) {
-    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
-      best = entry;
-    }
-  }
-  return best;
-}
-function appSlug(host, domain, pinned) {
-  if (pinned) return pinned;
-  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
-  const leftmost = sub.split(".")[0] ?? "";
-  if (leftmost && leftmost !== "www") return leftmost;
-  const label = domain.split(".")[0] ?? "";
-  const tld = domain.split(".").slice(1).join(".");
-  return tld.split(".")[0] || label;
-}
-function isLocal(host) {
-  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
-}
-function resolveWhiteLabel(host) {
-  const h = normalizeHost(host);
-  const match = h ? matchDomain(h) : void 0;
-  const org = match ? match[1] : DEFAULT_ORG;
-  const identity = ORGS[org];
-  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
-  return {
-    ...identity,
-    host: h,
-    app,
-    theme: `dark_${org}`,
-    issuer: `https://${identity.iamDomain}`,
-    clientId: `${org}-${app}`
-  };
-}
-new reactQuery.QueryClient({
-  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
-});
-var WhiteLabelContext = React3__namespace.default.createContext(resolveWhiteLabel(""));
-var useWhiteLabel = () => React3__namespace.default.useContext(WhiteLabelContext);
-var IdentityContext = React3__namespace.createContext(null);
-function useIdentity() {
-  const ctx = React3__namespace.useContext(IdentityContext);
-  const whiteLabel = useWhiteLabel();
-  const fallback = React3__namespace.useMemo(() => ({
-    status: "anonymous",
-    account: null,
-    orgs: [],
-    org: null,
-    projects: [],
-    project: null,
-    error: null,
-    whiteLabel,
-    setOrg: () => void 0,
-    setProject: () => void 0,
-    signIn: () => {
-      if (typeof window !== "undefined") window.location.assign("/login");
-    },
-    signOut: () => void 0,
-    reload: () => void 0
-  }), [whiteLabel]);
-  return ctx ?? fallback;
-}
-var ITEM_HOVER = "var(--color-popover-item-hover)";
-var TEXT = "var(--color-text-primary)";
-var ROW = {
-  position: "relative",
-  flexDirection: "row",
-  alignItems: "center",
-  cursor: "pointer",
-  userSelect: "none",
-  borderRadius: 6,
-  fontSize: 14,
-  backgroundColor: "transparent",
-  hoverStyle: { backgroundColor: ITEM_HOVER },
-  focusStyle: { backgroundColor: ITEM_HOVER }
-};
-var MenuRoot = ({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  positioning,
-  modal = true
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  gui.Menu,
-  {
-    open,
-    defaultOpen,
-    onOpenChange: onOpenChange ? (isOpen) => onOpenChange({ open: isOpen }) : void 0,
-    modal,
-    placement: positioning?.placement ?? "bottom-start",
-    offset: positioning?.offset?.mainAxis ?? 4,
-    children
-  }
-);
-var MenuTrigger = ({ asChild = false, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(gui.Menu.Trigger, { asChild, ...rest });
-var MenuContent = ({
-  portalled = true,
-  minW,
-  children,
-  ...rest
-}) => {
-  const content = /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Content,
-    {
-      unstyled: true,
-      zIndex: 50,
-      minWidth: minW ?? 128,
-      overflow: "hidden",
-      borderRadius: 8,
-      padding: 4,
-      borderWidth: 1,
-      borderColor: "var(--color-popover-border)",
-      backgroundColor: "var(--color-popover-bg)",
-      transition: "quick",
-      enterStyle: { opacity: 0, scale: 0.95 },
-      exitStyle: { opacity: 0, scale: 0.95 },
-      ...rest,
-      children
-    }
-  );
-  return portalled ? /* @__PURE__ */ jsxRuntime.jsx(gui.Menu.Portal, { children: content }) : content;
-};
-var MenuItem = ({ children, value: _value, asChild, ...rest }) => (
-  // `asChild` means the caller brought its own element and owns the look. Its
-  // props are then forwarded to that element verbatim, so the skin must NOT be
-  // applied: `unstyled` and friends are not DOM attributes and React rejects
-  // them out loud ("Received `true` for a non-boolean attribute `unstyled`").
-  // Two shapes, said once, rather than one shape that is wrong in one of them.
-  asChild ? /* @__PURE__ */ jsxRuntime.jsx(gui.Menu.Item, { asChild: true, ...rest, children }) : /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Item,
-    {
-      unstyled: true,
-      ...ROW,
-      gap: 8,
-      paddingHorizontal: 8,
-      paddingVertical: 6,
-      disabledStyle: { opacity: 0.5, pointerEvents: "none" },
-      ...rest,
-      children: ink(children, void 0, { fontSize: 14, color: TEXT })
-    }
-  )
-);
-var MenuSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  gui.Menu.Separator,
-  {
-    unstyled: true,
-    height: 1,
-    marginVertical: 4,
-    marginHorizontal: -4,
-    backgroundColor: "var(--color-border-divider)",
-    ...props
-  }
-);
 function initials(label) {
   return label.split(/[\s._-]+/).filter(Boolean).map((w) => w[0]).join("").slice(0, 2).toUpperCase();
 }
@@ -528,7 +64,7 @@ var Row = ({ item, onDone, menu }) => {
     className
   };
   const control = item.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, ...shared, onClick: onDone, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...shared, onClick: activate, children: body });
-  return menu ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { value: item.id, asChild: true, children: control }) : control;
+  return menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuItem, { value: item.id, asChild: true, children: control }) : control;
 };
 var Switcher = ({
   title,
@@ -544,9 +80,9 @@ var Switcher = ({
   align = "start",
   testId
 }) => {
-  const [open, setOpen] = React3__namespace.useState(false);
-  const narrow = useIsNarrow();
-  const close = React3__namespace.useCallback(() => setOpen(false), []);
+  const [open, setOpen] = React__namespace.useState(false);
+  const narrow = useNarrow_js.useIsNarrow();
+  const close = React__namespace.useCallback(() => setOpen(false), []);
   const message = status === "loading" ? "Loading\u2026" : status === "error" ? error ?? "Could not reach IAM." : status === "anonymous" ? null : items.length === 0 ? empty : null;
   const rows = status === "anonymous" && onSignIn ? [{ id: "sign-in", label: signInLabel, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { "aria-hidden": "true", style: ui.css("h-4 w-4") }), onSelect: onSignIn }] : status === "ready" ? items : [];
   const panel = (menu) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -554,7 +90,7 @@ var Switcher = ({
     message ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { "data-testid": "chrome-message", className: "px-2 py-2 text-sm opacity-70", children: message }) : null,
     rows.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Row, { item, onDone: close, menu }, item.id)),
     footer.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      menu ? /* @__PURE__ */ jsxRuntime.jsx(MenuSeparator, { ...ui.sx("my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
+      menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuSeparator, { ...ui.sx("my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
       footer.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Row, { item, onDone: close, menu }, item.id))
     ] }) : null
   ] });
@@ -579,29 +115,29 @@ var Switcher = ({
     }
   );
   if (narrow) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(DrawerRoot, { open, onOpenChange: (d) => setOpen(d.open), placement: "bottom", size: "md", children: [
-      React3__namespace.cloneElement(trigger, { onClick: () => setOpen(true) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DrawerContent, { "data-testid": testId ? `${testId}-panel` : void 0, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children: title }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(DrawerBody, { children: panel(false) })
+    return /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerRoot, { open, onOpenChange: (d) => setOpen(d.open), placement: "bottom", size: "md", children: [
+      React__namespace.cloneElement(trigger, { onClick: () => setOpen(true) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerContent, { "data-testid": testId ? `${testId}-panel` : void 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerTitle, { children: title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerBody, { children: panel(false) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    MenuRoot,
+    menu_js.MenuRoot,
     {
       open,
       onOpenChange: (d) => setOpen(d.open),
       positioning: { placement: align === "end" ? "bottom-end" : "bottom-start" },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MenuTrigger, { asChild: true, children: trigger }),
-        /* @__PURE__ */ jsxRuntime.jsx(MenuContent, { minW: "16rem", "data-testid": testId ? `${testId}-panel` : void 0, children: panel(true) })
+        /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuTrigger, { asChild: true, children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuContent, { minW: "16rem", "data-testid": testId ? `${testId}-panel` : void 0, children: panel(true) })
       ]
     }
   );
 };
 var OrgSwitcher = () => {
-  const id = useIdentity();
+  const id = identity_js.useIdentity();
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
     {
@@ -625,7 +161,7 @@ var OrgSwitcher = () => {
   );
 };
 var ProjectSwitcher = () => {
-  const id = useIdentity();
+  const id = identity_js.useIdentity();
   if (id.status === "ready" && id.projects.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
@@ -649,7 +185,7 @@ var ProjectSwitcher = () => {
   );
 };
 var UserMenu = ({ items = [] }) => {
-  const id = useIdentity();
+  const id = identity_js.useIdentity();
   const who = id.account?.displayName || id.account?.email || id.account?.name || "Account";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
@@ -694,9 +230,9 @@ var AppNav = ({
   userItems,
   children
 }) => {
-  const id = useIdentity();
-  const narrow = useIsNarrow();
-  const [menu, setMenu] = React3__namespace.useState(false);
+  const id = identity_js.useIdentity();
+  const narrow = useNarrow_js.useIsNarrow();
+  const [menu, setMenu] = React__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
     {
@@ -704,7 +240,7 @@ var AppNav = ({
       "data-testid": "app-nav",
       className: "sticky top-0 z-50 border-b border-[var(--color-border-divider,rgba(127,127,127,0.25))] bg-[var(--color-bg-body,inherit)]",
       children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mx-auto flex h-14 max-w-7xl items-center gap-2 px-4", children: [
-        narrow && links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(DrawerRoot, { open: menu, onOpenChange: (d) => setMenu(d.open), placement: "bottom", size: "md", children: [
+        narrow && links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerRoot, { open: menu, onOpenChange: (d) => setMenu(d.open), placement: "bottom", size: "md", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             ui.Box,
             {
@@ -717,9 +253,9 @@ var AppNav = ({
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { "aria-hidden": "true", style: ui.css("h-5 w-5") })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(DrawerContent, { "data-testid": "nav-menu-panel", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { children: "Menu" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(DrawerBody, { children: links.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerContent, { "data-testid": "nav-menu-panel", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerTitle, { children: "Menu" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerBody, { children: links.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
               ui.Box,
               {
                 tag: "a",