@entropy-softworks/ui 2026.7.31 → 2026.8.2

package/CHANGELOG.md

@@ -7,6 +7,31 @@ are CalVer — `YYYY.M.D` of the publish date, with leading zeros dropped (npm's
 them), matching the `entropy-auth` crate. The `0.1.0` entry below predates the switch and was never
 published to npm.
 
+## 2026.8.2
+
+### Fixed
+
+- `registerTelemetry` and the rest of the telemetry registry were exported from
+  the root barrel twice — once through `export * from "./services"` and once by
+  name. Metro's CommonJS interop resolved the duplicate ambiguously and
+  consumers got `undefined` at runtime despite the types checking. The root
+  barrel now re-exports them only through `./services`.
+
+## 2026.8.1
+
+### Added
+
+- Telemetry registry (`registerTelemetry`, `trackClick`, `withClickTracking`). The
+  package reports interactions to a sink the host app supplies; it knows nothing
+  about batching, authentication or transport. No sink registered means every
+  entry point is a no-op, so consumers that do not opt in are unaffected.
+- `telemetryId` prop on `Button` and `IconButton`. Reports a stable,
+  author-assigned id when the control is activated. Wired through `onPress`, so
+  a disabled or loading button records nothing.
+- All 69 interactive controls across the 18 auth screens carry a `telemetryId`,
+  making sign-in, sign-up, MFA and consent measurable by consuming apps without
+  each of them re-tagging the packaged screens.
+
 ## [Unreleased]
 
 ## [2026.7.31] — 2026-07-31

package/lib/components/button.d.ts

@@ -10,7 +10,16 @@ export interface ButtonProps extends Omit<PressableProps, "className" | "style">
     disabled?: boolean;
     /** Override the loading spinner colour (otherwise derived from the variant). */
     spinnerColor?: string;
+    /**
+     * Stable, author-assigned id reported when this control is activated, e.g.
+     * `"login.submit"`. Omit it and nothing is tracked.
+     *
+     * Deliberately not derived from the button's label: copy changes over time,
+     * differs per locale, and can interpolate user data — all of which would
+     * either break a dashboard or leak into one.
+     */
+    telemetryId?: string;
 }
-export declare function Button({ variant, size, className, textClassName, children, isLoading, disabled, spinnerColor, onPressIn, onPressOut, ...props }: ButtonProps): React.JSX.Element;
-export declare function IconButton({ size, children, className, ...props }: ButtonProps): React.JSX.Element;
+export declare function Button({ variant, size, className, textClassName, children, isLoading, disabled, spinnerColor, telemetryId, onPress, onPressIn, onPressOut, ...props }: ButtonProps): React.JSX.Element;
+export declare function IconButton({ size, children, className, telemetryId, onPress, ...props }: ButtonProps): React.JSX.Element;
 //# sourceMappingURL=button.d.ts.map

package/lib/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,KAAK,cAAc,EAAkB,MAAM,cAAc,CAAC;AAKjG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAiB,EACjB,QAAgB,EAChB,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,qBAgEb;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBA2B1F"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,KAAK,cAAc,EAAkB,MAAM,cAAc,CAAC;AAMjG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAiB,EACjB,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,qBAuEb;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAgB,EAChB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,qBAgCb"}

package/lib/components/button.jsx

@@ -3,6 +3,7 @@ import { ActivityIndicator, Pressable, Text as RNText } from "react-native";
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
 import { useColorScheme } from "nativewind";
 import { cn } from "../utils/cn";
+import { withClickTracking } from "../services/telemetry";
 const sizeClass = { sm: "h-10 px-4", default: "h-12 px-4", lg: "h-14 px-6" };
 const textSizeClass = { sm: "text-sm", default: "text-base", lg: "text-lg" };
 // Colours are driven by the active theme's CSS variables (`--primary`,
@@ -20,10 +21,15 @@ const fgClass = {
     outline: "text-foreground",
     ghost: "text-foreground",
 };
-export function Button({ variant = "default", size = "default", className, textClassName, children, isLoading = false, disabled = false, spinnerColor, onPressIn, onPressOut, ...props }) {
+export function Button({ variant = "default", size = "default", className, textClassName, children, isLoading = false, disabled = false, spinnerColor, telemetryId, onPress, onPressIn, onPressOut, ...props }) {
     const { colorScheme } = useColorScheme();
     const isDark = colorScheme === "dark";
     const isDisabled = disabled || isLoading;
+    // Wrapped rather than reported from a press listener so a disabled or
+    // loading button records nothing: Pressable does not fire onPress in either
+    // state, and counting presses the user never actually completed would
+    // overstate every funnel it appears in.
+    const handlePress = withClickTracking(telemetryId, onPress);
     // Reanimated feedback shared by every button: hover (web) lifts slightly,
     // press dips + dims — two distinct, layered responses.
     const pressed = useSharedValue(0);
@@ -43,7 +49,7 @@ export function Button({ variant = "default", size = "default", className, textC
                     ? "#FFFFFF"
                     : "#000000");
     return (<Animated.View style={pressStyle} className={isDisabled ? "opacity-50" : undefined}>
-      <Pressable className={cn("flex-row items-center justify-center rounded-lg", sizeClass[size], bgClass[variant], className)} disabled={isDisabled} onPressIn={(e) => {
+      <Pressable className={cn("flex-row items-center justify-center rounded-lg", sizeClass[size], bgClass[variant], className)} disabled={isDisabled} onPress={handlePress} onPressIn={(e) => {
             pressed.value = withTiming(1, { duration: 90 });
             onPressIn?.(e);
         }} onPressOut={(e) => {
@@ -56,7 +62,11 @@ export function Button({ variant = "default", size = "default", className, textC
       </Pressable>
     </Animated.View>);
 }
-export function IconButton({ size = "default", children, className, ...props }) {
+export function IconButton({ size = "default", children, className, telemetryId, onPress, ...props }) {
+    // IconButton accepts ButtonProps, so telemetryId type-checks on it whether or
+    // not it is honoured. Wiring it here means a tagged icon button reports,
+    // rather than silently being the one control that never appears.
+    const handlePress = withClickTracking(telemetryId, onPress);
     const dim = { sm: 40, default: 48, lg: 56 }[size];
     const isDisabled = props.disabled || props.isLoading;
     const pressed = useSharedValue(0);
@@ -65,7 +75,7 @@ export function IconButton({ size = "default", children, className, ...props })
         transform: [{ scale: 1 + hovered.value * 0.06 - pressed.value * 0.08 }],
     }));
     return (<Animated.View style={pressStyle} className={isDisabled ? "opacity-50" : undefined}>
-      <Pressable className={cn("items-center justify-center rounded-lg", className)} style={{ width: dim, height: dim }} disabled={isDisabled} onPressIn={() => (pressed.value = withTiming(1, { duration: 90 }))} onPressOut={() => (pressed.value = withTiming(0, { duration: 150 }))} onHoverIn={() => (hovered.value = withTiming(1, { duration: 120 }))} onHoverOut={() => (hovered.value = withTiming(0, { duration: 160 }))} {...props} focusable={!isDisabled} accessibilityState={{ disabled: isDisabled, busy: props.isLoading }}>
+      <Pressable className={cn("items-center justify-center rounded-lg", className)} style={{ width: dim, height: dim }} disabled={isDisabled} onPress={handlePress} onPressIn={() => (pressed.value = withTiming(1, { duration: 90 }))} onPressOut={() => (pressed.value = withTiming(0, { duration: 150 }))} onHoverIn={() => (hovered.value = withTiming(1, { duration: 120 }))} onHoverOut={() => (hovered.value = withTiming(0, { duration: 160 }))} {...props} focusable={!isDisabled} accessibilityState={{ disabled: isDisabled, busy: props.isLoading }}>
         {children}
       </Pressable>
     </Animated.View>);

package/lib/components/button.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"button.jsx","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.jsx","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}

package/lib/context/AppConfigContext.d.ts

@@ -25,6 +25,12 @@ export interface AppRoutes {
 export type LogoComponent = React.ComponentType<{
     width?: number;
     height?: number;
+    /**
+     * Ink colour for a monochrome mark. The auth screen passes the resolved
+     * theme foreground, so a single-colour logo inverts with the theme instead
+     * of each logo having to resolve the colour scheme for itself.
+     */
+    color?: string;
     style?: StyleProp<ViewStyle> | StyleProp<ImageStyle>;
 }>;
 export interface AppConfig {
@@ -47,6 +53,19 @@ export interface AppConfig {
     termsText?: string;
     /** Optional privacy-policy markdown / plain text. */
     privacyText?: string;
+    /**
+     * The logo already spells the product name (a wordmark rather than a glyph).
+     *
+     * When true the auth screen renders the mark on its own, at its natural
+     * aspect ratio, instead of pairing a square glyph with the app name — which
+     * would otherwise print the name twice and squash a wide mark into a square.
+     */
+    logoIsWordmark?: boolean;
+    /**
+     * Rendered width of a wordmark logo, in px. Defaults to 160. Only consulted
+     * when `logoIsWordmark` is set; a glyph logo keeps its square 72px pairing.
+     */
+    logoWidth?: number;
 }
 export declare function AppConfigProvider({ config, children, }: {
     config: AppConfig;

package/lib/context/AppConfigContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/AppConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,IAAI,CAAC;IACf,cAAc,EAAE,IAAI,CAAC;IACrB,aAAa,EAAE,IAAI,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,SAAS,EAAE,IAAI,CAAC;IAChB,cAAc,EAAE,IAAI,CAAC;IACrB,aAAa,EAAE,IAAI,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;IACjB,yEAAyE;IACzE,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC,CAAC;AAEH,MAAM,WAAW,SAAS;IACxB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,EAAE,aAAa,CAAC;IACpB,yBAAyB;IACzB,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAGA;AAED,wBAAgB,YAAY,IAAI,SAAS,CAQxC"}
+{"version":3,"file":"AppConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/AppConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,IAAI,CAAC;IACf,cAAc,EAAE,IAAI,CAAC;IACrB,aAAa,EAAE,IAAI,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,SAAS,EAAE,IAAI,CAAC;IAChB,cAAc,EAAE,IAAI,CAAC;IACrB,aAAa,EAAE,IAAI,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;IACjB,yEAAyE;IACzE,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC,CAAC;AAEH,MAAM,WAAW,SAAS;IACxB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,EAAE,aAAa,CAAC;IACpB,yBAAyB;IACzB,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAGA;AAED,wBAAgB,YAAY,IAAI,SAAS,CAQxC"}

package/lib/context/AppConfigContext.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"AppConfigContext.jsx","sourceRoot":"","sources":["../../src/context/AppConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAsDlE,MAAM,gBAAgB,GAAG,aAAa,CAAmB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GAIT;IACC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AACzF,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"AppConfigContext.jsx","sourceRoot":"","sources":["../../src/context/AppConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAyElE,MAAM,gBAAgB,GAAG,aAAa,CAAmB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GAIT;IACC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AACzF,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/lib/screens/auth/AccountPickerScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPickerScreen.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/AccountPickerScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iDAAiD;AACjD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,wCAAwC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,qBAyD1B;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"AccountPickerScreen.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/AccountPickerScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,iDAAiD;AACjD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,wCAAwC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,qBA0D1B;AAED,eAAe,mBAAmB,CAAC"}

package/lib/screens/auth/AccountPickerScreen.jsx

@@ -6,6 +6,7 @@ import { useColorScheme } from "nativewind";
 import { MutedText, Text } from "../../components/text";
 import { Button } from "../../components/button";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../components/card";
+import { withClickTracking } from "../../services/telemetry";
 /**
  * "Choose an account" screen for multi-session SSO (OIDC `prompt=select_account`
  * style). Presentational: the host app supplies the accounts and handles the
@@ -26,7 +27,7 @@ export function AccountPickerScreen({ accounts, onSelect, onUseAnother, isLoadin
           </CardHeader>
 
           <CardContent className="gap-2">
-            {accounts.length === 0 ? (<MutedText className="text-sm">No signed-in accounts.</MutedText>) : (accounts.map((a) => (<Pressable key={a.userId} onPress={() => onSelect(a)} disabled={isLoading} accessibilityRole="button" accessibilityLabel={`Continue as ${a.username}`} className="rounded-md border border-border px-3 py-3">
+            {accounts.length === 0 ? (<MutedText className="text-sm">No signed-in accounts.</MutedText>) : (accounts.map((a) => (<Pressable key={a.userId} onPress={withClickTracking("auth.account_picker.on_select", () => onSelect(a))} disabled={isLoading} accessibilityRole="button" accessibilityLabel={`Continue as ${a.username}`} className="rounded-md border border-border px-3 py-3">
                   <Text className="text-sm text-foreground">
                     {a.displayName || a.username}
                   </Text>
@@ -35,7 +36,7 @@ export function AccountPickerScreen({ accounts, onSelect, onUseAnother, isLoadin
           </CardContent>
 
           <CardFooter className="border-t-0">
-            <Button className="w-full" variant="outline" onPress={onUseAnother} accessibilityLabel="Use another account" accessibilityRole="button">
+            <Button className="w-full" variant="outline" telemetryId="auth.account_picker.use_another" onPress={onUseAnother} accessibilityLabel="Use another account" accessibilityRole="button">
               Use another account
             </Button>
           </CardFooter>

package/lib/screens/auth/AccountPickerScreen.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPickerScreen.jsx","sourceRoot":"","sources":["../../../src/screens/auth/AccountPickerScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccountPickerScreen.jsx","sourceRoot":"","sources":["../../../src/screens/auth/AccountPickerScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAmB7D;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACgB;IACzB,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,KAAK,MAAM,CAAC;IAEtC,OAAO,CACL,CAAC,YAAY,CAAC,SAAS,CAAC,sBAAsB,CAC5C;MAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAC5C;MAAA,CAAC,UAAU,CACT,SAAS,CAAC,QAAQ,CAClB,yBAAyB,CAAC,wCAAwC,CAClE,yBAAyB,CAAC,SAAS,CAEnC;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,sBAAsB,CACpC;UAAA,CAAC,UAAU,CACT;YAAA,CAAC,SAAS,CAAC,iBAAiB,EAAE,SAAS,CACvC;YAAA,CAAC,eAAe,CACd;;YACF,EAAE,eAAe,CACnB;UAAA,EAAE,UAAU,CAEZ;;UAAA,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAC5B;YAAA,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAClE,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CACd,OAAO,CAAC,CAAC,iBAAiB,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/E,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,CAAC,CAChD,SAAS,CAAC,2CAA2C,CAErD;kBAAA,CAAC,IAAI,CAAC,SAAS,CAAC,yBAAyB,CACvC;oBAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,QAAQ,CAC9B;kBAAA,EAAE,IAAI,CACN;kBAAA,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CACrD;gBAAA,EAAE,SAAS,CAAC,CACb,CAAC,CACH,CACH;UAAA,EAAE,WAAW,CAEb;;UAAA,CAAC,UAAU,CAAC,SAAS,CAAC,YAAY,CAChC;YAAA,CAAC,MAAM,CACL,SAAS,CAAC,QAAQ,CAClB,OAAO,CAAC,SAAS,CACjB,WAAW,CAAC,iCAAiC,CACnD,OAAO,CAAC,CAAC,YAAY,CAAC,CAChB,kBAAkB,CAAC,qBAAqB,CACxC,iBAAiB,CAAC,QAAQ,CAE1B;;YACF,EAAE,MAAM,CACV;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/lib/screens/auth/AuthScreen.d.ts

@@ -46,6 +46,50 @@ export interface AuthScreenProps {
     decoration?: React.ReactNode;
     /** Welcome-view tagline/subtitle. Defaults to AppConfig `tagline`. */
     welcomeCtaLabel?: string;
+    /**
+     * Show the Sign Up half of the toggle. Defaults to `true`.
+     *
+     * Set `false` where the server has no self-service registration — an
+     * identity provider whose tenant is `closed`, for instance. The toggle is
+     * hidden rather than disabled, because a control that cannot ever succeed is
+     * worse than no control.
+     */
+    signUpEnabled?: boolean;
+    /**
+     * Collect an invite code on the Sign Up form and require it. For servers
+     * whose registration is invite-only.
+     */
+    requireInviteCode?: boolean;
+    /**
+     * Override registration entirely. When provided this runs instead of
+     * `useAuth().register`, and the screen shows `signUpSuccessMessage` rather
+     * than assuming the user is now signed in.
+     *
+     * This exists because registration is not uniform across the estate: the
+     * single-tenant apps sign you straight in, while the multi-tenant IdP creates
+     * an unverified account, emails a link, and leaves you signed out. Reshaping
+     * the shared `AuthService.register` to cover both would have changed the
+     * contract vault and simple-finance already depend on.
+     */
+    onSignUp?: (input: {
+        email: string;
+        username: string;
+        password: string;
+        displayName: string;
+        inviteCode?: string;
+    }) => Promise<void>;
+    /** Shown after a successful `onSignUp`. */
+    signUpSuccessMessage?: string;
+    /**
+     * Render the welcome stage (logo, decoration, "Get Started") before the form.
+     * Defaults to `true`.
+     *
+     * Set `false` to land straight on the form. An app whose only purpose at this
+     * URL is to authenticate has nothing to introduce, and a button that only
+     * reveals the form it precedes is pure friction. The in-card "← Back" is
+     * hidden too, since there is no stage behind it.
+     */
+    showWelcome?: boolean;
 }
 /**
  * Single consolidated unauthenticated screen with three animated stages:
@@ -54,6 +98,6 @@ export interface AuthScreenProps {
  * are themed popups and a connection-settings dialog can be folded in. Preserves
  * the passkey ceremony + non-PRF unlock and the HIBP/strength checks.
  */
-export declare function AuthScreen({ passwordLabel, passwordPlaceholder, socialAuth, passkeyEnabled, passkeyUnlockPlaceholder, passkeyUnlockTitle, passkeyUnlockDescription, settings, transition, decoration, welcomeCtaLabel, }?: AuthScreenProps): React.JSX.Element;
+export declare function AuthScreen({ passwordLabel, passwordPlaceholder, socialAuth, passkeyEnabled, passkeyUnlockPlaceholder, passkeyUnlockTitle, passkeyUnlockDescription, settings, transition, decoration, welcomeCtaLabel, signUpEnabled, requireInviteCode, onSignUp, signUpSuccessMessage, showWelcome, }?: AuthScreenProps): React.JSX.Element;
 export default AuthScreen;
 //# sourceMappingURL=AuthScreen.d.ts.map

package/lib/screens/auth/AuthScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthScreen.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/AuthScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,QASN,MAAM,yBAAyB,CAAC;AAqCjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC;AAaD,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kEAAkE;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,yDAAyD;IACzD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAA0B,EAC1B,mBAA2C,EAC3C,UAAU,EACV,cAAsB,EACtB,wBAAuD,EACvD,kBAAwC,EACxC,wBAAsJ,EACtJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,eAA+B,GAChC,GAAE,eAAoB,qBA4yBtB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AuthScreen.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/AuthScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,QASN,MAAM,yBAAyB,CAAC;AAsCjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC;AAaD,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kEAAkE;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,yDAAyD;IACzD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAA0B,EAC1B,mBAA2C,EAC3C,UAAU,EACV,cAAsB,EACtB,wBAAuD,EACvD,kBAAwC,EACxC,wBAAsJ,EACtJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,eAA+B,EAC/B,aAAoB,EACpB,iBAAyB,EACzB,QAAQ,EACR,oBAA+F,EAC/F,WAAkB,GACnB,GAAE,eAAoB,qBA03BtB;AAED,eAAe,UAAU,CAAC"}

package/lib/screens/auth/AuthScreen.jsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { KeyboardAvoidingView, Platform, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import Animated, { Easing, FadeInDown, FadeOutUp, LinearTransition, runOnJS, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated";
+import { withClickTracking } from "../../services/telemetry";
 import { StatusBar } from "expo-status-bar";
 import { Ionicons } from "@expo/vector-icons";
 import { useColorScheme } from "nativewind";
@@ -45,21 +46,23 @@ const STAGE_IN_MS = 360;
  * are themed popups and a connection-settings dialog can be folded in. Preserves
  * the passkey ceremony + non-PRF unlock and the HIBP/strength checks.
  */
-export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "Enter your password", socialAuth, passkeyEnabled = false, passkeyUnlockPlaceholder = "Enter your master password", passkeyUnlockTitle = "Unlock your vault", passkeyUnlockDescription = "Signed in successfully. This passkey can't unlock the vault on its own — enter your master password to decrypt your data.", settings, transition, decoration, welcomeCtaLabel = "Get Started", } = {}) {
+export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "Enter your password", socialAuth, passkeyEnabled = false, passkeyUnlockPlaceholder = "Enter your master password", passkeyUnlockTitle = "Unlock your vault", passkeyUnlockDescription = "Signed in successfully. This passkey can't unlock the vault on its own — enter your master password to decrypt your data.", settings, transition, decoration, welcomeCtaLabel = "Get Started", signUpEnabled = true, requireInviteCode = false, onSignUp, signUpSuccessMessage = "Account created. Check your email to verify the address, then sign in.", showWelcome = true, } = {}) {
     const { login: authLogin, register: authRegister, loginWithPasskey, unlockWithPassword, } = useAuth();
     const router = useNavigation();
-    const { appName, Logo, tagline, routes, termsText, privacyText } = useAppConfig();
+    const { appName, Logo, tagline, routes, termsText, privacyText, logoIsWordmark, logoWidth, } = useAppConfig();
     const { colorScheme } = useColorScheme();
     const isDark = colorScheme === "dark";
     const t = useMemo(() => ({ ...DEFAULT_TRANSITION, ...transition }), [transition]);
     const [mode, setMode] = useState("signin");
-    const [stage, setStage] = useState("welcome");
+    const [inviteCode, setInviteCode] = useState("");
+    const [signedUp, setSignedUp] = useState(null);
+    const [stage, setStage] = useState(showWelcome ? "welcome" : "auth");
     const isSignup = mode === "signup";
     // Stage morph: `stage` is the target; `displayStage` is what's rendered.
     // On a stage change we fade/scale the content out, swap displayStage at zero
     // opacity (so the centered-welcome → top-anchored-form layout change is
     // invisible — no teleport, no overlap of the two states), then fade in.
-    const [displayStage, setDisplayStage] = useState("welcome");
+    const [displayStage, setDisplayStage] = useState(showWelcome ? "welcome" : "auth");
     // Fade-through: `stage` is the target, `displayStage` is what's rendered. On
     // a change the content fades/scales out, swaps at zero opacity (so the
     // position change between stages is never seen), then fades back in.
@@ -153,6 +156,9 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
             else if (password !== confirmPassword) {
                 next.confirmPassword = "Passwords do not match";
             }
+            if (requireInviteCode && !inviteCode.trim()) {
+                next.inviteCode = "An invite code is required to create an account here";
+            }
         }
         return next;
     };
@@ -220,7 +226,26 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
         }
         try {
             const username = (email.split("@")[0] || "user").replace(/[^a-zA-Z0-9_]/g, "_").toLowerCase();
-            await authRegister(email.trim().toLowerCase(), username, password, displayName.trim());
+            if (onSignUp) {
+                // The host owns the contract. It may leave the user signed out (the
+                // IdP emails a verification link), so show the notice rather than
+                // assuming a session now exists.
+                await onSignUp({
+                    email: email.trim().toLowerCase(),
+                    username,
+                    password,
+                    displayName: displayName.trim(),
+                    inviteCode: requireInviteCode ? inviteCode.trim() : undefined,
+                });
+                setSignedUp(signUpSuccessMessage);
+                setPassword("");
+                setConfirmPassword("");
+                setInviteCode("");
+                setMode("signin");
+            }
+            else {
+                await authRegister(email.trim().toLowerCase(), username, password, displayName.trim());
+            }
             await Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
         }
         catch (error) {
@@ -370,7 +395,7 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
             (thumb-reachable) so users don't stretch to the corner. */}
               <View className="mt-4 h-10 flex-row items-center justify-between">
                 <View />
-                {settings ? (<IconButton variant="ghost" size="sm" onPress={() => setSettingsOpen(true)} accessibilityLabel="Connection settings" accessibilityRole="button">
+                {settings ? (<IconButton variant="ghost" size="sm" telemetryId="auth.auth.settings_open" onPress={() => setSettingsOpen(true)} accessibilityLabel="Connection settings" accessibilityRole="button">
                     <Ionicons name="settings-outline" size={22} color={isDark ? "#A3A3A3" : "#737373"}/>
                   </IconButton>) : (<View />)}
               </View>
@@ -385,10 +410,14 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
             morphStyle,
         ]}>
                 <View className="mb-6 items-center">
-                  <View className="flex-row items-center">
-                    <Logo width={72} height={72} style={{ marginRight: -2 }}/>
-                    <Heading className="text-4xl">{appName}</Heading>
-                  </View>
+                  {logoIsWordmark ? (
+        // The mark carries the name; height is left to the
+        // component so a wide wordmark keeps its aspect ratio, and
+        // the ink colour comes from the already-resolved theme.
+        <Logo width={logoWidth ?? 160} color={isDark ? "#FFFFFF" : "#000000"}/>) : (<View className="flex-row items-center">
+                      <Logo width={72} height={72} style={{ marginRight: -2 }}/>
+                      <Heading className="text-4xl">{appName}</Heading>
+                    </View>)}
                   {tagline ? (<Text className="mt-1 font-mono text-base text-muted-foreground">
                       {tagline}
                     </Text>) : null}
@@ -397,7 +426,7 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                 {onWelcome ? (<View style={{ width: "100%", alignItems: "center" }}>
                     {decoration ? (<View className="mb-6 w-full items-center">{decoration}</View>) : null}
                     <View style={{ width: "100%", maxWidth: 320 }}>
-                      <Button className="w-full" onPress={() => setStage("auth")} accessibilityLabel={welcomeCtaLabel} accessibilityRole="button" testID="welcome-get-started">
+                      <Button className="w-full" telemetryId="auth.auth.stage" onPress={() => setStage("auth")} accessibilityLabel={welcomeCtaLabel} accessibilityRole="button" testID="welcome-get-started">
                         {welcomeCtaLabel}
                       </Button>
                     </View>
@@ -426,23 +455,24 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                               </>)}
                           </CardContent>
                           <CardFooter className="flex-col gap-3 border-t-0 pt-0">
-                            {forgotSent ? (<Button className="w-full" onPress={goAuth} accessibilityLabel="Back to sign in">
+                            {forgotSent ? (<Button className="w-full" telemetryId="auth.auth.go_auth" onPress={goAuth} accessibilityLabel="Back to sign in">
                                 Back to Sign In
                               </Button>) : (<>
-                                <Button className="w-full" onPress={handleForgot} isLoading={isLoading} accessibilityLabel="Send reset link">
+                                <Button className="w-full" telemetryId="auth.auth.forgot" onPress={handleForgot} isLoading={isLoading} accessibilityLabel="Send reset link">
                                   Send reset link
                                 </Button>
-                                <Text className="mt-1 text-center font-mono text-sm text-muted-foreground" onPress={goAuth} accessibilityRole="button" accessibilityLabel="Back to sign in">
+                                <Text className="mt-1 text-center font-mono text-sm text-muted-foreground" onPress={withClickTracking("auth.auth.go_auth_2", goAuth)} accessibilityRole="button" accessibilityLabel="Back to sign in">
                                   ← Back
                                 </Text>
                               </>)}
                           </CardFooter>
                         </>) : (<>
                           <CardHeader className="gap-4">
-                            <SegmentedToggle value={mode} onChange={switchMode} options={[
-                    { key: "signin", label: "Sign In" },
-                    { key: "signup", label: "Sign Up" },
-                ]}/>
+                            {signUpEnabled ? (<SegmentedToggle value={mode} onChange={switchMode} options={[
+                        { key: "signin", label: "Sign In" },
+                        { key: "signup", label: "Sign Up" },
+                    ]}/>) : null}
+                            {signedUp ? (<MutedText className="text-sm leading-5">{signedUp}</MutedText>) : null}
                             <CardTitle>
                               {isSignup ? "Create your account" : `Sign in to ${appName}`}
                             </CardTitle>
@@ -452,7 +482,7 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                           <Animated.View layout={t.layout}>
                             <CardContent className="gap-3 pb-3">
                               {!isSignup && passkeyEnabled ? (<Animated.View entering={t.entering} exiting={t.exiting} layout={t.layout}>
-                                  <Button variant="outline" className="w-full" onPress={handlePasskeyLogin} isLoading={passkeyStep === "passkey-loading"} accessibilityLabel="Sign in with passkey" accessibilityRole="button" testID="login-passkey-button">
+                                  <Button variant="outline" className="w-full" telemetryId="auth.auth.passkey_login" onPress={handlePasskeyLogin} isLoading={passkeyStep === "passkey-loading"} accessibilityLabel="Sign in with passkey" accessibilityRole="button" testID="login-passkey-button">
                                     <View className="flex-row items-center justify-center">
                                       <Ionicons name="key-outline" size={20} color={isDark ? "#FFFFFF" : "#000000"} className="mr-2"/>
                                       <Text className="text-base font-medium">
@@ -503,12 +533,21 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                         clearField("confirmPassword");
                     }} placeholder="Re-enter your password" autoComplete="password-new" returnKeyType="done" onSubmitEditing={handleSubmit} invalid={!!errors.confirmPassword} accessibilityLabel="Confirm password" testID="auth-confirm-password-input"/>
                                   </ShakeField>
+                                  {requireInviteCode ? (<View className="mt-3">
+                                      <ShakeField shake={confirmShake} label="Invite code">
+                                        <Input value={inviteCode} onChangeText={(text) => {
+                            setInviteCode(text);
+                            clearField("inviteCode");
+                        }} placeholder="Paste your invite code" autoCapitalize="none" autoCorrect={false} returnKeyType="done" onSubmitEditing={handleSubmit} invalid={!!errors.inviteCode} accessibilityLabel="Invite code" testID="auth-invite-code-input"/>
+                                      </ShakeField>
+                                      <FormError message={errors.inviteCode}/>
+                                    </View>) : null}
                                 </Animated.View>) : (<Animated.View key="forgot" entering={t.entering} exiting={t.exiting} layout={t.layout} className="items-end">
-                                  <Text className="font-mono text-sm underline" onPress={() => {
+                                  <Text className="font-mono text-sm underline" onPress={withClickTracking("auth.auth.stage_2", () => {
                         setStage("forgot");
                         setForgotSent(false);
                         setErrors({});
-                    }} accessibilityRole="link" accessibilityLabel="Forgot password">
+                    })} accessibilityRole="link" accessibilityLabel="Forgot password">
                                     Forgot password?
                                   </Text>
                                 </Animated.View>)}
@@ -517,7 +556,7 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                             <CardFooter className="flex-col gap-3 border-t-0 pt-0">
                               <FormError message={firstError}/>
 
-                              <Button className="w-full" onPress={handleSubmit} isLoading={isLoading} accessibilityLabel={isSignup ? "Create account" : "Sign in"} accessibilityRole="button" testID="auth-submit">
+                              <Button className="w-full" telemetryId="auth.auth.submit" onPress={handleSubmit} isLoading={isLoading} accessibilityLabel={isSignup ? "Create account" : "Sign in"} accessibilityRole="button" testID="auth-submit">
                                 {isSignup ? "Create Account" : "Sign In"}
                               </Button>
 
@@ -527,8 +566,11 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
                                 </>) : null}
 
                               {/* In-card back — thumb-reachable, so users don't
-                  have to stretch to the top-left corner arrow. */}
-                              <Text className="mt-1 text-center font-mono text-sm text-muted-foreground" onPress={() => setStage("welcome")} accessibilityRole="button" accessibilityLabel="Back">
+                  have to stretch to the top-left corner arrow.
+                  Hidden when there is no welcome stage behind it. */}
+                              <Text className={showWelcome
+                    ? "mt-1 text-center font-mono text-sm text-muted-foreground"
+                    : "hidden"} onPress={withClickTracking("auth.auth.stage_3", () => setStage("welcome"))} accessibilityRole="button" accessibilityLabel="Back">
                                 ← Back
                               </Text>
                             </CardFooter>
@@ -542,11 +584,11 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
               <View className="mb-6 mt-4">
                 <MutedText className="text-center text-xs leading-5">
                   By continuing, you agree to our{" "}
-                  <Text className="text-xs text-foreground underline" onPress={() => setLegal("terms")} accessibilityRole="link" accessibilityLabel="Terms of Service">
+                  <Text className="text-xs text-foreground underline" onPress={withClickTracking("auth.auth.legal", () => setLegal("terms"))} accessibilityRole="link" accessibilityLabel="Terms of Service">
                     Terms of Service
                   </Text>{" "}
                   and{" "}
-                  <Text className="text-xs text-foreground underline" onPress={() => setLegal("privacy")} accessibilityRole="link" accessibilityLabel="Privacy Policy">
+                  <Text className="text-xs text-foreground underline" onPress={withClickTracking("auth.auth.legal_2", () => setLegal("privacy"))} accessibilityRole="link" accessibilityLabel="Privacy Policy">
                     Privacy Policy
                   </Text>
                 </MutedText>
@@ -576,7 +618,7 @@ export function AuthScreen({ passwordLabel = "Password", passwordPlaceholder = "
         }} placeholder={passkeyUnlockPlaceholder} error={unlockError} autoComplete="password" returnKeyType="done" onSubmitEditing={handleUnlockAfterPasskey} accessibilityLabel="Master password" testID="login-passkey-unlock-input"/>
         </View>
         <DialogFooter style={{ justifyContent: "center" }}>
-          <DialogButton variant="primary" onPress={isLoading ? () => { } : handleUnlockAfterPasskey} accessibilityLabel="Unlock" accessibilityRole="button">
+          <DialogButton variant="primary" onPress={withClickTracking("auth.auth.action", isLoading ? () => { } : handleUnlockAfterPasskey)} accessibilityLabel="Unlock" accessibilityRole="button">
             {isLoading ? "Unlocking…" : "Unlock"}
           </DialogButton>
         </DialogFooter>