@wireai/activation 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,27 +1,412 @@
 'use strict';
 
-var React14 = require('react');
+var reactNative = require('react-native');
+var React18 = require('react');
 var wireaiRn = require('wireai-rn');
 var jsxRuntime = require('react/jsx-runtime');
-var reactNative = require('react-native');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var zod = require('zod');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React14__default = /*#__PURE__*/_interopDefault(React14);
+var React18__default = /*#__PURE__*/_interopDefault(React18);
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// node_modules/expo-modules-core/src/errors/CodedError.ts
+var CodedError;
+var init_CodedError = __esm({
+  "node_modules/expo-modules-core/src/errors/CodedError.ts"() {
+    CodedError = class extends Error {
+      constructor(code, message) {
+        super(message);
+        this.code = code;
+      }
+    };
+  }
+});
+
+// node_modules/expo-modules-core/src/NativeModulesProxy.ts
+var NativeModulesProxy_default;
+var init_NativeModulesProxy = __esm({
+  "node_modules/expo-modules-core/src/NativeModulesProxy.ts"() {
+    NativeModulesProxy_default = {};
+  }
+});
+
+// node_modules/expo-modules-core/src/TurboModuleToExpoModuleProxy.ts
+function createTurboModuleToExpoProxy(turboModule, name2) {
+  return null;
+}
+var init_TurboModuleToExpoModuleProxy = __esm({
+  "node_modules/expo-modules-core/src/TurboModuleToExpoModuleProxy.ts"() {
+  }
+});
+var init_ensureNativeModulesAreInstalled = __esm({
+  "node_modules/expo-modules-core/src/ensureNativeModulesAreInstalled.ts"() {
+  }
+});
+function requireOptionalNativeModule(moduleName) {
+  var _a2, _b, _c, _d, _e;
+  try {
+    return (_e = (_d = (_c = (_b = (_a2 = globalThis.expo) == null ? void 0 : _a2.modules) == null ? void 0 : _b[moduleName]) != null ? _c : NativeModulesProxy_default[moduleName]) != null ? _d : createTurboModuleToExpoProxy(reactNative.TurboModuleRegistry.get(moduleName), moduleName)) != null ? _e : null;
+  } catch (e) {
+    const error = e;
+    console.warn(`An error occurred while requiring the '${moduleName}' module: ${error.message}`);
+    return null;
+  }
+}
+var init_requireNativeModule = __esm({
+  "node_modules/expo-modules-core/src/requireNativeModule.ts"() {
+    init_NativeModulesProxy();
+    init_TurboModuleToExpoModuleProxy();
+    init_ensureNativeModulesAreInstalled();
+  }
+});
+
+// node_modules/expo-modules-core/src/sweet/setUpJsLogger.fx.ts
+var init_setUpJsLogger_fx = __esm({
+  "node_modules/expo-modules-core/src/sweet/setUpJsLogger.fx.ts"() {
+    init_CodedError();
+    init_requireNativeModule();
+    if (__DEV__ && typeof window !== "undefined" && (process.env.EXPO_OS === "android" || process.env.EXPO_OS === "ios")) {
+      const NativeJSLogger = requireOptionalNativeModule("ExpoModulesCoreJSLogger");
+      if (NativeJSLogger) {
+        const onNewException = {
+          eventName: "ExpoModulesCoreJSLogger.onNewError",
+          action: console.error
+        };
+        const onNewWarning = {
+          eventName: "ExpoModulesCoreJSLogger.onNewWarning",
+          action: console.warn
+        };
+        const onNewDebug = {
+          eventName: "ExpoModulesCoreJSLogger.onNewDebug",
+          action: console.debug
+        };
+        const onNewInfo = {
+          eventName: "ExpoModulesCoreJSLogger.onNewInfo",
+          action: console.info
+        };
+        const onNewTrace = {
+          eventName: "ExpoModulesCoreJSLogger.onNewTrace",
+          action: console.trace
+        };
+        const listeners = [
+          onNewException,
+          onNewWarning,
+          onNewDebug,
+          onNewInfo,
+          onNewTrace
+        ];
+        for (const listener of listeners) {
+          NativeJSLogger.addListener(listener.eventName, ({ message }) => {
+            listener.action(message);
+          });
+        }
+      }
+    }
+    globalThis.ExpoModulesCore_CodedError = CodedError;
+  }
+});
+
+// node_modules/expo-modules-core/src/registerWebModule.ts
+var init_registerWebModule = __esm({
+  "node_modules/expo-modules-core/src/registerWebModule.ts"() {
+  }
+});
+
+// node_modules/expo-modules-core/src/TypedArrays.types.ts
+var init_TypedArrays_types = __esm({
+  "node_modules/expo-modules-core/src/TypedArrays.types.ts"() {
+  }
+});
+
+// node_modules/expo-modules-core/src/PermissionsInterface.ts
+var init_PermissionsInterface = __esm({
+  "node_modules/expo-modules-core/src/PermissionsInterface.ts"() {
+  }
+});
+var init_PermissionsHook = __esm({
+  "node_modules/expo-modules-core/src/PermissionsHook.ts"() {
+    "use client";
+  }
+});
+var init_Refs = __esm({
+  "node_modules/expo-modules-core/src/Refs.ts"() {
+  }
+});
+var init_useReleasingSharedObject = __esm({
+  "node_modules/expo-modules-core/src/hooks/useReleasingSharedObject.ts"() {
+    "use client";
+  }
+});
+
+// node_modules/expo-modules-core/src/reload.ts
+var init_reload = __esm({
+  "node_modules/expo-modules-core/src/reload.ts"() {
+  }
+});
+
+// node_modules/expo-modules-core/src/index.ts
+var init_src = __esm({
+  "node_modules/expo-modules-core/src/index.ts"() {
+    init_setUpJsLogger_fx();
+    init_requireNativeModule();
+    init_registerWebModule();
+    init_TypedArrays_types();
+    init_PermissionsInterface();
+    init_PermissionsHook();
+    init_Refs();
+    init_useReleasingSharedObject();
+    init_reload();
+    init_CodedError();
+  }
+});
+
+// node_modules/expo-constants/build/Constants.types.js
+var AppOwnership, ExecutionEnvironment, UserInterfaceIdiom;
+var init_Constants_types = __esm({
+  "node_modules/expo-constants/build/Constants.types.js"() {
+    (function(AppOwnership2) {
+      AppOwnership2["Expo"] = "expo";
+    })(AppOwnership || (AppOwnership = {}));
+    (function(ExecutionEnvironment2) {
+      ExecutionEnvironment2["Bare"] = "bare";
+      ExecutionEnvironment2["Standalone"] = "standalone";
+      ExecutionEnvironment2["StoreClient"] = "storeClient";
+    })(ExecutionEnvironment || (ExecutionEnvironment = {}));
+    (function(UserInterfaceIdiom2) {
+      UserInterfaceIdiom2["Handset"] = "handset";
+      UserInterfaceIdiom2["Tablet"] = "tablet";
+      UserInterfaceIdiom2["Desktop"] = "desktop";
+      UserInterfaceIdiom2["TV"] = "tv";
+      UserInterfaceIdiom2["Unsupported"] = "unsupported";
+    })(UserInterfaceIdiom || (UserInterfaceIdiom = {}));
+  }
+});
+
+// node_modules/expo-constants/build/ExponentConstants.js
+var ExponentConstants_default;
+var init_ExponentConstants = __esm({
+  "node_modules/expo-constants/build/ExponentConstants.js"() {
+    init_src();
+    ExponentConstants_default = requireOptionalNativeModule("ExponentConstants");
+  }
+});
+
+// node_modules/expo-constants/build/Constants.js
+var Constants_exports = {};
+__export(Constants_exports, {
+  AppOwnership: () => AppOwnership,
+  ExecutionEnvironment: () => ExecutionEnvironment,
+  UserInterfaceIdiom: () => UserInterfaceIdiom,
+  default: () => Constants_default
+});
+function isEmbeddedManifest(manifest) {
+  return !isExpoUpdatesManifest(manifest);
+}
+function isExpoUpdatesManifest(manifest) {
+  return "metadata" in manifest;
+}
+function getManifest(suppressWarning = false) {
+  if (!rawManifest) {
+    const invalidManifestType = rawManifest === null ? "null" : "undefined";
+    if (nativeConstants.executionEnvironment === ExecutionEnvironment.Bare && reactNative.Platform.OS !== "web") {
+      if (!suppressWarning) {
+        console.warn(`Constants.manifest is ${invalidManifestType} because the embedded app.config could not be read. Ensure that you have installed the expo-constants build scripts if you need to read from Constants.manifest.`);
+      }
+    } else if (nativeConstants.executionEnvironment === ExecutionEnvironment.StoreClient || nativeConstants.executionEnvironment === ExecutionEnvironment.Standalone) {
+      throw new CodedError("ERR_CONSTANTS_MANIFEST_UNAVAILABLE", `Constants.manifest is ${invalidManifestType}, must be an object.`);
+    }
+  }
+  return rawManifest;
+}
+var ExpoUpdates, rawUpdatesManifest, rawDevLauncherManifest, rawAppConfig, _a, rawManifest, name, appOwnership, nativeConstants, constants, Constants_default;
+var init_Constants = __esm({
+  "node_modules/expo-constants/build/Constants.js"() {
+    init_src();
+    init_Constants_types();
+    init_ExponentConstants();
+    init_Constants_types();
+    if (!ExponentConstants_default) {
+      console.warn("No native ExponentConstants module found, are you sure the expo-constants's module is linked properly?");
+    }
+    ExpoUpdates = requireOptionalNativeModule("ExpoUpdates");
+    rawUpdatesManifest = null;
+    if (ExpoUpdates) {
+      let updatesManifest;
+      if (ExpoUpdates.manifest) {
+        updatesManifest = ExpoUpdates.manifest;
+      } else if (ExpoUpdates.manifestString) {
+        updatesManifest = JSON.parse(ExpoUpdates.manifestString);
+      }
+      if (updatesManifest && Object.keys(updatesManifest).length > 0) {
+        rawUpdatesManifest = updatesManifest;
+      }
+    }
+    rawDevLauncherManifest = null;
+    if (reactNative.NativeModules.EXDevLauncher) {
+      let devLauncherManifest;
+      if (reactNative.NativeModules.EXDevLauncher.manifestString) {
+        devLauncherManifest = JSON.parse(reactNative.NativeModules.EXDevLauncher.manifestString);
+      }
+      if (devLauncherManifest && Object.keys(devLauncherManifest).length > 0) {
+        rawDevLauncherManifest = devLauncherManifest;
+      }
+    }
+    rawAppConfig = null;
+    if (ExponentConstants_default && ExponentConstants_default.manifest) {
+      const appConfig = ExponentConstants_default.manifest;
+      if (typeof appConfig === "string") {
+        rawAppConfig = JSON.parse(appConfig);
+      } else {
+        rawAppConfig = appConfig;
+      }
+    }
+    rawManifest = (_a = rawUpdatesManifest != null ? rawUpdatesManifest : rawDevLauncherManifest) != null ? _a : rawAppConfig;
+    ({ name, appOwnership, ...nativeConstants } = ExponentConstants_default || {});
+    constants = {
+      ...nativeConstants,
+      // Ensure this is null in bare workflow
+      appOwnership: appOwnership != null ? appOwnership : null
+    };
+    Object.defineProperties(constants, {
+      /**
+       * Use `manifest` property by default.
+       * This property is only used for internal purposes.
+       * It behaves similarly to the original one, but suppresses warning upon no manifest available.
+       * `expo-asset` uses it to prevent users from seeing mentioned warning.
+       */
+      __unsafeNoWarnManifest: {
+        get() {
+          const maybeManifest = getManifest(true);
+          if (!maybeManifest || !isEmbeddedManifest(maybeManifest)) {
+            return null;
+          }
+          return maybeManifest;
+        },
+        enumerable: false
+      },
+      __unsafeNoWarnManifest2: {
+        get() {
+          const maybeManifest = getManifest(true);
+          if (!maybeManifest || !isExpoUpdatesManifest(maybeManifest)) {
+            return null;
+          }
+          return maybeManifest;
+        },
+        enumerable: false
+      },
+      manifest: {
+        get() {
+          const maybeManifest = getManifest();
+          if (!maybeManifest || !isEmbeddedManifest(maybeManifest)) {
+            return null;
+          }
+          return maybeManifest;
+        },
+        enumerable: true
+      },
+      manifest2: {
+        get() {
+          const maybeManifest = getManifest();
+          if (!maybeManifest || !isExpoUpdatesManifest(maybeManifest)) {
+            return null;
+          }
+          return maybeManifest;
+        },
+        enumerable: true
+      },
+      expoConfig: {
+        get() {
+          var _a2, _b;
+          const maybeManifest = getManifest(true);
+          if (!maybeManifest) {
+            return null;
+          }
+          if (ExpoUpdates && ExpoUpdates.isEmbeddedLaunch) {
+            return rawAppConfig;
+          }
+          if (isExpoUpdatesManifest(maybeManifest)) {
+            return (_b = (_a2 = maybeManifest.extra) == null ? void 0 : _a2.expoClient) != null ? _b : null;
+          } else if (isEmbeddedManifest(maybeManifest)) {
+            return maybeManifest;
+          }
+          return null;
+        },
+        enumerable: true
+      },
+      expoGoConfig: {
+        get() {
+          var _a2, _b;
+          const maybeManifest = getManifest(true);
+          if (!maybeManifest) {
+            return null;
+          }
+          if (isExpoUpdatesManifest(maybeManifest)) {
+            return (_b = (_a2 = maybeManifest.extra) == null ? void 0 : _a2.expoGo) != null ? _b : null;
+          } else if (isEmbeddedManifest(maybeManifest)) {
+            return maybeManifest;
+          }
+          return null;
+        },
+        enumerable: true
+      },
+      easConfig: {
+        get() {
+          var _a2, _b;
+          const maybeManifest = getManifest(true);
+          if (!maybeManifest) {
+            return null;
+          }
+          if (isExpoUpdatesManifest(maybeManifest)) {
+            return (_b = (_a2 = maybeManifest.extra) == null ? void 0 : _a2.eas) != null ? _b : null;
+          } else if (isEmbeddedManifest(maybeManifest)) {
+            return maybeManifest;
+          }
+          return null;
+        },
+        enumerable: true
+      },
+      __rawManifest_TEST: {
+        get() {
+          return rawManifest;
+        },
+        set(value) {
+          rawManifest = value;
+        },
+        enumerable: false
+      }
+    });
+    Constants_default = constants;
+  }
+});
 
 // src/theme/defaultTheme.ts
 var defaultOnboardingTheme = {
@@ -79,31 +464,31 @@ var mergeTheme = (override) => {
     button: { ...defaultOnboardingTheme.button, ...override.button }
   };
 };
-var OnboardingThemeContext = React14.createContext(null);
+var OnboardingThemeContext = React18.createContext(null);
 var OnboardingThemeProvider = ({
   theme,
   children
 }) => {
-  const resolved = React14.useMemo(() => mergeTheme(theme), [theme]);
+  const resolved = React18.useMemo(() => mergeTheme(theme), [theme]);
   return /* @__PURE__ */ jsxRuntime.jsx(OnboardingThemeContext.Provider, { value: resolved, children });
 };
 var useOnboardingTheme = () => {
-  const ctx = React14.useContext(OnboardingThemeContext);
+  const ctx = React18.useContext(OnboardingThemeContext);
   return ctx != null ? ctx : mergeTheme();
 };
 var EMPTY_REGISTRY = {};
-var IllustrationContext = React14.createContext(EMPTY_REGISTRY);
+var IllustrationContext = React18.createContext(EMPTY_REGISTRY);
 var IllustrationProvider = ({
   registry,
   children
 }) => {
-  const value = React14.useMemo(() => registry != null ? registry : EMPTY_REGISTRY, [registry]);
+  const value = React18.useMemo(() => registry != null ? registry : EMPTY_REGISTRY, [registry]);
   return /* @__PURE__ */ jsxRuntime.jsx(IllustrationContext.Provider, { value, children });
 };
-var useIllustration = (name) => {
-  const registry = React14.useContext(IllustrationContext);
-  if (!name) return void 0;
-  return registry[name];
+var useIllustration = (name2) => {
+  const registry = React18.useContext(IllustrationContext);
+  if (!name2) return void 0;
+  return registry[name2];
 };
 var Glyph = ({ children }) => {
   const t = useOnboardingTheme();
@@ -175,6 +560,21 @@ var styles = reactNative.StyleSheet.create({
     fontWeight: "700"
   }
 });
+var EMPTY_REGISTRY2 = {};
+var IconContext = React18.createContext(EMPTY_REGISTRY2);
+var IconRegistryProvider = ({
+  registry,
+  children
+}) => {
+  const value = React18.useMemo(() => registry != null ? registry : EMPTY_REGISTRY2, [registry]);
+  return /* @__PURE__ */ jsxRuntime.jsx(IconContext.Provider, { value, children });
+};
+var useHostIcon = (name2) => {
+  const registry = React18.useContext(IconContext);
+  if (!name2) return void 0;
+  if (!Object.prototype.hasOwnProperty.call(registry, name2)) return void 0;
+  return registry[name2];
+};
 
 // src/theme/typography.ts
 var round = (n) => Math.round(n);
@@ -189,9 +589,9 @@ var captionStyle = (f) => ({
   lineHeight: round(f.baseSize * 0.8125 * f.scale * 1.5)
 });
 var labelStyle = (f) => {
-  var _a;
+  var _a2;
   return {
-    fontFamily: (_a = f.medium) != null ? _a : f.bold,
+    fontFamily: (_a2 = f.medium) != null ? _a2 : f.bold,
     fontSize: round(f.baseSize * f.scale),
     lineHeight: round(f.baseSize * f.scale * 1.4),
     fontWeight: f.medium ? void 0 : "600"
@@ -204,9 +604,9 @@ var headingStyle = (f) => ({
   fontWeight: f.bold ? void 0 : "700"
 });
 var buttonLabelStyle = (f) => {
-  var _a;
+  var _a2;
   return {
-    fontFamily: (_a = f.bold) != null ? _a : f.medium,
+    fontFamily: (_a2 = f.bold) != null ? _a2 : f.medium,
     fontSize: round(f.baseSize * f.scale),
     fontWeight: f.bold ? void 0 : "600"
   };
@@ -329,8 +729,8 @@ var stateChangeDuration = (reduced, durationMs) => reduced ? 0 : durationMs;
 var loopEnabled = (reduced) => !reduced;
 var lastKnown = false;
 var useReducedMotion = () => {
-  const [reduced, setReduced] = React14.useState(lastKnown);
-  React14.useEffect(() => {
+  const [reduced, setReduced] = React18.useState(lastKnown);
+  React18.useEffect(() => {
     let mounted = true;
     reactNative.AccessibilityInfo.isReduceMotionEnabled().then((value) => {
       lastKnown = value;
@@ -352,8 +752,8 @@ var ROTATION_MS = 1800;
 var _AnimatedSparkle = ({ size = 30, color, variant = "spin" }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const progress = React14.useRef(new reactNative.Animated.Value(0)).current;
-  React14.useEffect(() => {
+  const progress = React18.useRef(new reactNative.Animated.Value(0)).current;
+  React18.useEffect(() => {
     if (!loopEnabled(reduced)) {
       progress.setValue(0);
       return;
@@ -408,7 +808,7 @@ var _AnimatedSparkle = ({ size = 30, color, variant = "spin" }) => {
     }
   ) });
 };
-var AnimatedSparkle = React14__default.default.memo(_AnimatedSparkle);
+var AnimatedSparkle = React18__default.default.memo(_AnimatedSparkle);
 var styles2 = reactNative.StyleSheet.create({
   box: { alignItems: "center", justifyContent: "center" },
   glyph: {
@@ -420,8 +820,8 @@ var styles2 = reactNative.StyleSheet.create({
 var STAGE_SIZE = 96;
 var ORBIT_DOT = 9;
 var OrbitDot = ({ color, reduced }) => {
-  const spin = React14.useRef(new reactNative.Animated.Value(0)).current;
-  React14.useEffect(() => {
+  const spin = React18.useRef(new reactNative.Animated.Value(0)).current;
+  React18.useEffect(() => {
     if (!loopEnabled(reduced)) return;
     const loop = reactNative.Animated.loop(
       reactNative.Animated.timing(spin, {
@@ -444,8 +844,8 @@ var SkeletonLine = ({
   color,
   reduced
 }) => {
-  const pulse = React14.useRef(new reactNative.Animated.Value(1)).current;
-  React14.useEffect(() => {
+  const pulse = React18.useRef(new reactNative.Animated.Value(1)).current;
+  React18.useEffect(() => {
     if (!loopEnabled(reduced)) return;
     const loop = reactNative.Animated.loop(
       reactNative.Animated.sequence([
@@ -480,8 +880,8 @@ var _LoadingBlock = ({
 }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const [showSkeleton, setShowSkeleton] = React14.useState(false);
-  React14.useEffect(() => {
+  const [showSkeleton, setShowSkeleton] = React18.useState(false);
+  React18.useEffect(() => {
     const timer = setTimeout(() => setShowSkeleton(true), SKELETON_DELAY_MS);
     return () => clearTimeout(timer);
   }, []);
@@ -511,7 +911,7 @@ var _LoadingBlock = ({
     )
   ] });
 };
-var LoadingBlock = React14__default.default.memo(_LoadingBlock);
+var LoadingBlock = React18__default.default.memo(_LoadingBlock);
 var styles3 = reactNative.StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" },
   // Absolutely-positioned label column, pinned just under the centered stage: its top
@@ -556,7 +956,7 @@ var _LoadingScreen = ({ title, hint }) => {
     }
   );
 };
-var LoadingScreen = React14__default.default.memo(_LoadingScreen);
+var LoadingScreen = React18__default.default.memo(_LoadingScreen);
 var styles4 = reactNative.StyleSheet.create({
   flex: { flex: 1 }
 });
@@ -575,8 +975,8 @@ var targetFor = (step, complete, approxScreens) => {
 var _StepProgress = ({ step, complete, approxScreens }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const fill = React14.useRef(new reactNative.Animated.Value(targetFor(step, complete, approxScreens))).current;
-  React14.useEffect(() => {
+  const fill = React18.useRef(new reactNative.Animated.Value(targetFor(step, complete, approxScreens))).current;
+  React18.useEffect(() => {
     reactNative.Animated.timing(fill, {
       toValue: targetFor(step, complete, approxScreens),
       duration: scaledMs(stateChangeDuration(reduced, PROGRESS_MS)),
@@ -596,7 +996,7 @@ var _StepProgress = ({ step, complete, approxScreens }) => {
     }
   ) });
 };
-var StepProgress = React14__default.default.memo(_StepProgress);
+var StepProgress = React18__default.default.memo(_StepProgress);
 var styles5 = reactNative.StyleSheet.create({
   track: { height: 6, width: "100%", overflow: "hidden" },
   fill: { height: 6 }
@@ -612,31 +1012,31 @@ var _OnboardingScaffold = ({
   children
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = React14.useMemo(() => makeStyles(t), [t]);
+  const styles18 = React18.useMemo(() => makeStyles(t), [t]);
   const hit = { top: 12, bottom: 12, left: 12, right: 12 };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     reactNativeSafeAreaContext.SafeAreaView,
     {
       edges: ["top", "bottom"],
-      style: [styles16.flex, { backgroundColor: t.colors.background }],
+      style: [styles18.flex, { backgroundColor: t.colors.background }],
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles16.header, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }], children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles16.progressWrap, children: /* @__PURE__ */ jsxRuntime.jsx(StepProgress, { step, complete, approxScreens }) }),
-          onSkip ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onSkip, hitSlop: hit, style: styles16.skip, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: skipLabel }) }) : null
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles18.header, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }], children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles18.progressWrap, children: /* @__PURE__ */ jsxRuntime.jsx(StepProgress, { step, complete, approxScreens }) }),
+          onSkip ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onSkip, hitSlop: hit, style: styles18.skip, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: skipLabel }) }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.View,
           {
-            style: [styles16.body, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }],
+            style: [styles18.body, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }],
             children
           }
         ),
-        onBack ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles16.footer, { paddingHorizontal: t.spacing.md, paddingBottom: t.spacing.sm }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onBack, hitSlop: hit, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: backLabel }) }) }) : null
+        onBack ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles18.footer, { paddingHorizontal: t.spacing.md, paddingBottom: t.spacing.sm }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onBack, hitSlop: hit, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: backLabel }) }) }) : null
       ]
     }
   );
 };
-var OnboardingScaffold = React14__default.default.memo(_OnboardingScaffold);
+var OnboardingScaffold = React18__default.default.memo(_OnboardingScaffold);
 function makeStyles(t) {
   return reactNative.StyleSheet.create({
     flex: { flex: 1 },
@@ -657,8 +1057,8 @@ var _Button = ({
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
   const isPrimary = variant === "primary";
-  const pressT = React14.useRef(new reactNative.Animated.Value(0)).current;
-  const pressTo = React14.useCallback(
+  const pressT = React18.useRef(new reactNative.Animated.Value(0)).current;
+  const pressTo = React18.useCallback(
     (to) => {
       if (reduced) {
         reactNative.Animated.timing(pressT, {
@@ -677,16 +1077,16 @@ var _Button = ({
     },
     [pressT, reduced]
   );
-  const lastPress = React14.useRef(0);
-  const handlePress = React14.useCallback(() => {
+  const lastPress = React18.useRef(0);
+  const handlePress = React18.useCallback(() => {
     if (!onPress) return;
     const now = Date.now();
     if (now - lastPress.current < 500) return;
     lastPress.current = now;
     onPress();
   }, [onPress]);
-  const handlePressIn = React14.useCallback(() => pressTo(1), [pressTo]);
-  const handlePressOut = React14.useCallback(() => pressTo(0), [pressTo]);
+  const handlePressIn = React18.useCallback(() => pressTo(1), [pressTo]);
+  const handlePressOut = React18.useCallback(() => pressTo(0), [pressTo]);
   const scale = pressT.interpolate({
     inputRange: [0, 1],
     outputRange: [1, reduced ? 1 : BUTTON_PRESS_SCALE]
@@ -737,7 +1137,7 @@ var _Button = ({
     }
   );
 };
-var Button = React14__default.default.memo(_Button);
+var Button = React18__default.default.memo(_Button);
 var styles6 = reactNative.StyleSheet.create({
   base: { alignItems: "center", justifyContent: "center" },
   fill: { width: "100%" }
@@ -755,7 +1155,7 @@ var _ErrorBlock = ({
     onRetry ? /* @__PURE__ */ jsxRuntime.jsx(Button, { title: retryLabel, onPress: onRetry, variant: "outline" }) : null
   ] });
 };
-var ErrorBlock = React14__default.default.memo(_ErrorBlock);
+var ErrorBlock = React18__default.default.memo(_ErrorBlock);
 var styles7 = reactNative.StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" }
 });
@@ -768,10 +1168,10 @@ var _CardLayout = ({
   titleNode
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = React14.useMemo(() => makeStyles2(t), [t]);
+  const styles18 = React18.useMemo(() => makeStyles2(t), [t]);
   const hasHeader = !!title || !!subtitle || !!titleNode;
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.KeyboardAvoidingView, { style: styles16.fill, behavior: "padding", children: [
-    hasHeader ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles16.header, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.KeyboardAvoidingView, { style: styles18.fill, behavior: "padding", children: [
+    hasHeader ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles18.header, children: [
       titleNode != null ? titleNode : title ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: title }) : null,
       subtitle ? /* @__PURE__ */ jsxRuntime.jsx(
         reactNative.Text,
@@ -787,10 +1187,10 @@ var _CardLayout = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.ScrollView,
       {
-        style: styles16.fill,
+        style: styles18.fill,
         contentContainerStyle: [
-          styles16.scrollContent,
-          align === "center" && styles16.center
+          styles18.scrollContent,
+          align === "center" && styles18.center
         ],
         keyboardShouldPersistTaps: "handled",
         keyboardDismissMode: "on-drag",
@@ -798,10 +1198,10 @@ var _CardLayout = ({
         children
       }
     ),
-    footer ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles16.footer, children: footer }) : null
+    footer ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles18.footer, children: footer }) : null
   ] });
 };
-var CardLayout = React14__default.default.memo(_CardLayout);
+var CardLayout = React18__default.default.memo(_CardLayout);
 function makeStyles2(t) {
   return reactNative.StyleSheet.create({
     fill: { flex: 1 },
@@ -824,12 +1224,12 @@ var _CompletionView = ({
 }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const [submitted, setSubmitted] = React14.useState(false);
-  const pop = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const burst = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const titleT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const messageT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const [submitted, setSubmitted] = React18.useState(false);
+  const pop = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const burst = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const titleT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const messageT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (reduced) {
       pop.setValue(1);
       burst.setValue(1);
@@ -864,7 +1264,7 @@ var _CompletionView = ({
     anims.forEach((a) => a.start());
     return () => anims.forEach((a) => a.stop());
   }, [reduced, pop, burst, titleT, messageT]);
-  const handlePress = React14.useCallback(() => {
+  const handlePress = React18.useCallback(() => {
     if (submitted) return;
     setSubmitted(true);
     onContinue();
@@ -926,7 +1326,7 @@ var _CompletionView = ({
     }
   );
 };
-var CompletionView = React14__default.default.memo(_CompletionView);
+var CompletionView = React18__default.default.memo(_CompletionView);
 var styles8 = reactNative.StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   badgeStage: {
@@ -943,17 +1343,19 @@ var easeWire3 = reactNative.Easing.bezier(...WIRE_BEZIER);
 var _CardHandoff = ({
   transitionKey,
   variant = "slide",
+  direction = "forward",
+  layout = "fill",
   children
 }) => {
   const reduced = useReducedMotion();
-  const [leaving, setLeaving] = React14.useState(null);
-  const enterT = React14.useRef(new reactNative.Animated.Value(0)).current;
-  const exitT = React14.useRef(new reactNative.Animated.Value(0)).current;
-  const prev = React14.useRef({ key: transitionKey, node: children, variant });
-  const running = React14.useRef({});
-  const mounted = React14.useRef(false);
-  React14.useEffect(() => {
-    var _a, _b;
+  const [leaving, setLeaving] = React18.useState(null);
+  const enterT = React18.useRef(new reactNative.Animated.Value(0)).current;
+  const exitT = React18.useRef(new reactNative.Animated.Value(0)).current;
+  const prev = React18.useRef({ key: transitionKey, node: children, variant });
+  const running = React18.useRef({});
+  const mounted = React18.useRef(false);
+  React18.useEffect(() => {
+    var _a2, _b;
     const last = prev.current;
     prev.current = { key: transitionKey, node: children, variant };
     if (!mounted.current) {
@@ -962,7 +1364,7 @@ var _CardHandoff = ({
       return;
     }
     if (last.key === transitionKey) return;
-    (_a = running.current.enter) == null ? void 0 : _a.stop();
+    (_a2 = running.current.enter) == null ? void 0 : _a2.stop();
     (_b = running.current.exit) == null ? void 0 : _b.stop();
     setLeaving(last);
     enterT.setValue(0);
@@ -985,17 +1387,17 @@ var _CardHandoff = ({
     );
     running.current.enter = enter;
   });
-  React14.useEffect(
+  React18.useEffect(
     () => () => {
-      var _a, _b;
-      (_a = running.current.enter) == null ? void 0 : _a.stop();
+      var _a2, _b;
+      (_a2 = running.current.enter) == null ? void 0 : _a2.stop();
       (_b = running.current.exit) == null ? void 0 : _b.stop();
     },
     []
   );
   const enterStyle = {
     opacity: enterT,
-    transform: transformFor(variant, enterT, reduced, "enter")
+    transform: transformFor(variant, enterT, reduced, "enter", direction)
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     leaving ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1006,13 +1408,14 @@ var _CardHandoff = ({
           reactNative.StyleSheet.absoluteFill,
           {
             opacity: exitT.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }),
-            transform: transformFor(leaving.variant, exitT, reduced, "exit")
+            // The CURRENT direction drives BOTH layers: one transition, one geography.
+            transform: transformFor(leaving.variant, exitT, reduced, "exit", direction)
           }
         ],
         children: leaving.node
       }
     ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: [styles9.fill, enterStyle], children }, variant)
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: [layout === "fill" ? styles9.fill : null, enterStyle], children }, variant)
   ] });
 };
 var startEnter = (value, variant, reduced, delay, onDone) => {
@@ -1038,21 +1441,22 @@ var startEnter = (value, variant, reduced, delay, onDone) => {
   });
   return anim;
 };
-var transformFor = (variant, t, reduced, direction) => {
+var transformFor = (variant, t, reduced, layer, travel) => {
   if (reduced || variant === "fade") return [];
-  if (variant === "spring" && direction === "enter") {
+  if (variant === "spring" && layer === "enter") {
     return [{ scale: t.interpolate({ inputRange: [0, 1], outputRange: [CARD_ENTER_SCALE_FROM, 1] }) }];
   }
+  const slide = travel === "forward" ? CARD_SLIDE_PX : -CARD_SLIDE_PX;
   return [
     {
       translateX: t.interpolate({
         inputRange: [0, 1],
-        outputRange: direction === "enter" ? [CARD_SLIDE_PX, 0] : [0, -CARD_SLIDE_PX]
+        outputRange: layer === "enter" ? [slide, 0] : [0, -slide]
       })
     }
   ];
 };
-var CardHandoff = React14__default.default.memo(_CardHandoff);
+var CardHandoff = React18__default.default.memo(_CardHandoff);
 var styles9 = reactNative.StyleSheet.create({
   fill: { flex: 1 }
 });
@@ -1067,13 +1471,13 @@ var tryParse = (s) => {
   }
 };
 var deriveAnswers = (messages) => {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   const out = {};
   for (let i = 0; i < messages.length; i++) {
     const m = messages[i];
     const r = m == null ? void 0 : m.response;
     if (!m || m.role !== "assistant" || !r || r.action !== "render") continue;
-    const props = (_a = r.props) != null ? _a : {};
+    const props = (_a2 = r.props) != null ? _a2 : {};
     const progress = props.progress;
     const questionText = (_c = (_b = props.title) != null ? _b : props.label) != null ? _c : props.question;
     const key = (progress == null ? void 0 : progress.key) || questionText;
@@ -1087,9 +1491,9 @@ var deriveAnswers = (messages) => {
 
 // src/utils/readProgress.ts
 var readProgress = (response) => {
-  var _a;
+  var _a2;
   if (!response || response.action !== "render") return {};
-  const props = (_a = response.props) != null ? _a : {};
+  const props = (_a2 = response.props) != null ? _a2 : {};
   const raw = props.progress;
   if (!raw || typeof raw !== "object") return {};
   const p = raw;
@@ -1175,70 +1579,70 @@ var OnboardingFlow = ({
   resumed = false,
   clientContext
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d, _e, _f;
   const { messages, error, isLoading, sendMessage, reset } = wireaiRn.useWireAIThread();
   const makeActions = wireaiRn.useWireAIAction(sendMessage);
-  const c = React14.useMemo(() => ({ ...DEFAULT_COPY, ...copy }), [copy]);
-  const onEventRef = React14.useRef(onEvent);
+  const c = React18.useMemo(() => ({ ...DEFAULT_COPY, ...copy }), [copy]);
+  const onEventRef = React18.useRef(onEvent);
   onEventRef.current = onEvent;
-  const onErrorRef = React14.useRef(onError);
+  const onErrorRef = React18.useRef(onError);
   onErrorRef.current = onError;
-  const onCompleteRef = React14.useRef(onComplete);
+  const onCompleteRef = React18.useRef(onComplete);
   onCompleteRef.current = onComplete;
-  const validatorsRef = React14.useRef(validators);
+  const validatorsRef = React18.useRef(validators);
   validatorsRef.current = validators;
-  const reportTargetRef = React14.useRef(reportTarget);
+  const reportTargetRef = React18.useRef(reportTarget);
   reportTargetRef.current = reportTarget;
-  const sessionIdRef = React14.useRef(sessionId);
+  const sessionIdRef = React18.useRef(sessionId);
   sessionIdRef.current = sessionId;
-  const clientContextRef = React14.useRef(clientContext);
+  const clientContextRef = React18.useRef(clientContext);
   clientContextRef.current = clientContext;
-  const lastScreenIndexRef = React14.useRef(-1);
-  const previewTimer = React14.useRef(null);
-  const started = React14.useRef(false);
-  const finished = React14.useRef(false);
-  const errored = React14.useRef(false);
-  const attempts = React14.useRef(0);
-  const degradedRef = React14.useRef(false);
-  const [degraded, setDegraded] = React14.useState(false);
-  const [timedOut, setTimedOut] = React14.useState(false);
-  const [validationError, setValidationError] = React14.useState();
-  const [validating, setValidating] = React14.useState(false);
-  const lastCard = React14.useMemo(
+  const lastScreenIndexRef = React18.useRef(-1);
+  const previewTimer = React18.useRef(null);
+  const started = React18.useRef(false);
+  const finished = React18.useRef(false);
+  const errored = React18.useRef(false);
+  const attempts = React18.useRef(0);
+  const degradedRef = React18.useRef(false);
+  const [degraded, setDegraded] = React18.useState(false);
+  const [timedOut, setTimedOut] = React18.useState(false);
+  const [validationError, setValidationError] = React18.useState();
+  const [validating, setValidating] = React18.useState(false);
+  const lastCard = React18.useMemo(
     () => [...messages].reverse().find((m) => {
-      var _a2;
-      return m.role === "assistant" && ((_a2 = m.response) == null ? void 0 : _a2.action) === "render";
+      var _a3;
+      return m.role === "assistant" && ((_a3 = m.response) == null ? void 0 : _a3.action) === "render";
     }),
     [messages]
   );
-  const renderedCount = React14.useMemo(
+  const renderedCount = React18.useMemo(
     () => messages.filter((m) => {
-      var _a2;
-      return m.role === "assistant" && ((_a2 = m.response) == null ? void 0 : _a2.action) === "render";
+      var _a3;
+      return m.role === "assistant" && ((_a3 = m.response) == null ? void 0 : _a3.action) === "render";
     }).length,
     [messages]
   );
-  const progress = React14.useMemo(() => readProgress(lastCard == null ? void 0 : lastCard.response), [lastCard]);
-  React14.useEffect(() => {
-    var _a2;
+  const progress = React18.useMemo(() => readProgress(lastCard == null ? void 0 : lastCard.response), [lastCard]);
+  React18.useEffect(() => {
+    var _a3;
     if (started.current) return;
     started.current = true;
     sendMessage(resumed ? SKIP_ONE_SENTINEL : startMessage);
-    (_a2 = onEventRef.current) == null ? void 0 : _a2.call(
+    (_a3 = onEventRef.current) == null ? void 0 : _a3.call(
       onEventRef,
       resumed ? { type: "resumed", contextId: sessionId } : { type: "started", contextId: sessionId }
     );
   }, [sendMessage, startMessage, resumed, sessionId]);
-  React14.useEffect(() => {
+  React18.useEffect(() => {
     if (lastCard) return;
     const timer = setTimeout(() => setTimedOut(true), startTimeoutMs);
     return () => clearTimeout(timer);
   }, [lastCard, startTimeoutMs]);
-  React14.useEffect(() => {
-    var _a2, _b2, _c2, _d2;
+  React18.useEffect(() => {
+    var _a3, _b2, _c2, _d2;
     setValidationError(void 0);
     if (!(lastCard == null ? void 0 : lastCard.id)) return;
-    const step2 = (_a2 = progress.step) != null ? _a2 : renderedCount;
+    const step2 = (_a3 = progress.step) != null ? _a3 : renderedCount;
     lastScreenIndexRef.current = Math.max(0, step2 - 1);
     (_c2 = onEventRef.current) == null ? void 0 : _c2.call(onEventRef, {
       type: "turn",
@@ -1252,33 +1656,33 @@ var OnboardingFlow = ({
       });
     }
   }, [lastCard == null ? void 0 : lastCard.id]);
-  React14.useEffect(() => {
+  React18.useEffect(() => {
     return () => {
-      var _a2, _b2, _c2;
+      var _a3, _b2, _c2;
       if (finished.current || degradedRef.current) return;
       reportClientEvent(reportTargetRef.current, {
         event_type: "dropped",
         session_id: sessionIdRef.current,
         screen_index: lastScreenIndexRef.current >= 0 ? lastScreenIndexRef.current : void 0,
-        device: (_a2 = clientContextRef.current) == null ? void 0 : _a2.device,
+        device: (_a3 = clientContextRef.current) == null ? void 0 : _a3.device,
         user_context: (_b2 = clientContextRef.current) == null ? void 0 : _b2.userContext,
         user_id: (_c2 = clientContextRef.current) == null ? void 0 : _c2.userId
       });
     };
   }, []);
-  const restartThread = React14.useCallback(() => {
+  const restartThread = React18.useCallback(() => {
     setTimedOut(false);
     started.current = false;
     errored.current = false;
     reset();
   }, [reset]);
-  React14.useEffect(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+  React18.useEffect(() => {
+    var _a3, _b2, _c2, _d2, _e2, _f2, _g;
     if (errored.current) return;
     if (!error && !timedOut) return;
     errored.current = true;
     const reason = error ? "backend" : "timeout";
-    (_a2 = onEventRef.current) == null ? void 0 : _a2.call(onEventRef, { type: "error", reason });
+    (_a3 = onEventRef.current) == null ? void 0 : _a3.call(onEventRef, { type: "error", reason });
     attempts.current += 1;
     if (attempts.current <= maxRetries) {
       (_b2 = onEventRef.current) == null ? void 0 : _b2.call(onEventRef, { type: "retry", reason, attempt: attempts.current });
@@ -1299,22 +1703,22 @@ var OnboardingFlow = ({
       (_g = onErrorRef.current) == null ? void 0 : _g.call(onErrorRef, error != null ? error : new Error("Onboarding timed out"));
     }
   }, [error, timedOut, maxRetries]);
-  const handleFinish = React14.useCallback(() => {
+  const handleFinish = React18.useCallback(() => {
     if (finished.current) return;
     finished.current = true;
     onCompleteRef.current({ answers: deriveAnswers(messages), raw: messages });
   }, [messages]);
-  const handleRetry = React14.useCallback(() => {
+  const handleRetry = React18.useCallback(() => {
     attempts.current = 0;
     degradedRef.current = false;
     setDegraded(false);
     restartThread();
   }, [restartThread]);
-  const skipQuestion = React14.useCallback(() => {
+  const skipQuestion = React18.useCallback(() => {
     if (isLoading) return;
     sendMessage(SKIP_ONE_SENTINEL);
   }, [isLoading, sendMessage]);
-  const previewOnSelect = React14.useCallback((value) => {
+  const previewOnSelect = React18.useCallback((value) => {
     const target = reportTargetRef.current;
     if (!(target == null ? void 0 : target.serverUrl)) return;
     if (Array.isArray(value) ? value.length === 0 : !value) return;
@@ -1326,31 +1730,31 @@ var OnboardingFlow = ({
       });
     }, 300);
   }, []);
-  React14.useEffect(() => () => {
+  React18.useEffect(() => () => {
     if (previewTimer.current) clearTimeout(previewTimer.current);
   }, []);
-  const wrappedActions = React14.useCallback(
+  const wrappedActions = React18.useCallback(
     (messageId) => {
-      var _a2;
+      var _a3;
       const base = makeActions(messageId);
       const key = progress.key;
-      const validator = key ? (_a2 = validatorsRef.current) == null ? void 0 : _a2[key] : void 0;
+      const validator = key ? (_a3 = validatorsRef.current) == null ? void 0 : _a3[key] : void 0;
       if (!validator) return base;
       const out = { ...base };
-      for (const name of ANSWER_CALLBACKS) {
-        const original = base[name];
+      for (const name2 of ANSWER_CALLBACKS) {
+        const original = base[name2];
         if (!original) continue;
-        out[name] = (...args) => {
+        out[name2] = (...args) => {
           const value = args[0];
           if (typeof value !== "string") return original(...args);
           setValidating(true);
           validator(value).then((res) => {
-            var _a3;
+            var _a4;
             if (res.ok) {
               setValidationError(void 0);
               original(...args);
             } else {
-              setValidationError((_a3 = res.error) != null ? _a3 : "That value isn't available.");
+              setValidationError((_a4 = res.error) != null ? _a4 : "That value isn't available.");
             }
           }).catch(() => {
             original(...args);
@@ -1381,7 +1785,7 @@ var OnboardingFlow = ({
   if (!lastCard || !response) {
     return /* @__PURE__ */ jsxRuntime.jsx(LoadingScreen, { title: c.startingTitle, hint: c.startingHint });
   }
-  const step = (_a = progress.step) != null ? _a : renderedCount;
+  const step = (_a2 = progress.step) != null ? _a2 : renderedCount;
   const total = (_b = progress.total) != null ? _b : approxScreens;
   const isTerminal = response.action === "render" && response.component === "StatusCard";
   if (isTerminal) {
@@ -1453,9 +1857,9 @@ var schema = zod.z.object({
 var _ChipItem = ({ chip, isSelected, multiSelect, onToggle }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const handlePress = React14.useCallback(() => onToggle(chip), [chip, onToggle]);
-  const pressScale = React14.useRef(new reactNative.Animated.Value(1)).current;
-  const pressTo = React14.useCallback(
+  const handlePress = React18.useCallback(() => onToggle(chip), [chip, onToggle]);
+  const pressScale = React18.useRef(new reactNative.Animated.Value(1)).current;
+  const pressTo = React18.useCallback(
     (to) => {
       if (reduced) return;
       reactNative.Animated.spring(pressScale, {
@@ -1467,10 +1871,10 @@ var _ChipItem = ({ chip, isSelected, multiSelect, onToggle }) => {
     },
     [pressScale, reduced]
   );
-  const handlePressIn = React14.useCallback(() => pressTo(CHIP_PRESS_SCALE), [pressTo]);
-  const handlePressOut = React14.useCallback(() => pressTo(1), [pressTo]);
-  const fillT = React14.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const handlePressIn = React18.useCallback(() => pressTo(CHIP_PRESS_SCALE), [pressTo]);
+  const handlePressOut = React18.useCallback(() => pressTo(1), [pressTo]);
+  const fillT = React18.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
+  React18.useEffect(() => {
     const anim = reactNative.Animated.timing(fillT, {
       toValue: isSelected ? 1 : 0,
       duration: scaledMs(stateChangeDuration(reduced, CHIP_FILL_MS)),
@@ -1480,8 +1884,8 @@ var _ChipItem = ({ chip, isSelected, multiSelect, onToggle }) => {
     anim.start();
     return () => anim.stop();
   }, [isSelected, reduced, fillT]);
-  const checkT = React14.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const checkT = React18.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (!isSelected) {
       checkT.setValue(0);
       return;
@@ -1568,7 +1972,7 @@ var _ChipItem = ({ chip, isSelected, multiSelect, onToggle }) => {
     }
   );
 };
-var ChipItem = React14__default.default.memo(_ChipItem);
+var ChipItem = React18__default.default.memo(_ChipItem);
 var _ChipSelectCard = ({
   title,
   chips,
@@ -1579,12 +1983,12 @@ var _ChipSelectCard = ({
   onSelectionChange
 }) => {
   const t = useOnboardingTheme();
-  const [selected, setSelected] = React14.useState([]);
-  const [submitted, setSubmitted] = React14.useState(false);
-  React14.useEffect(() => {
+  const [selected, setSelected] = React18.useState([]);
+  const [submitted, setSubmitted] = React18.useState(false);
+  React18.useEffect(() => {
     if (!submitted && selected.length) onSelectionChange == null ? void 0 : onSelectionChange(multiSelect ? selected : selected[0]);
   }, [selected, submitted, multiSelect, onSelectionChange]);
-  const toggle = React14.useCallback(
+  const toggle = React18.useCallback(
     (chip) => {
       if (submitted) return;
       if (multiSelect) {
@@ -1599,7 +2003,7 @@ var _ChipSelectCard = ({
     },
     [submitted, multiSelect, maxSelections]
   );
-  const handleSubmit = React14.useCallback(() => {
+  const handleSubmit = React18.useCallback(() => {
     if (!selected.length || !onSelect || submitted) return;
     setSubmitted(true);
     onSelect(multiSelect ? selected : selected[0]);
@@ -1633,8 +2037,8 @@ var _ChipSelectCard = ({
 };
 var ChipSelectCard = {
   name: "ChipSelectCard",
-  description: "Use for compact short labels: seasons, activities, travel styles, moods, categories. Ideal for 4\u201312 single-word or two-word options. Use SelectionCard instead when options need descriptions.",
-  component: React14__default.default.memo(_ChipSelectCard),
+  description: "Use for compact short labels: seasons, activities, travel styles, moods, categories. Ideal for 4\u201312 single-word or two-word options. Use SelectionCard instead when options need descriptions; use CardGridSelectCard for a smaller set (2\u20136) of visual choices that each deserve an icon.",
+  component: React18__default.default.memo(_ChipSelectCard),
   propsSchema: schema,
   defaultProps: { multiSelect: true, submitLabel: "Continue" }
 };
@@ -1670,14 +2074,14 @@ var _TextInputCard = ({
   lines = 6
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = React14.useMemo(() => makeStyles3(t), [t]);
+  const styles18 = React18.useMemo(() => makeStyles3(t), [t]);
   const { height: screenHeight } = reactNative.useWindowDimensions();
-  const [value, setValue] = React14.useState("");
-  const [submitted, setSubmitted] = React14.useState(false);
+  const [value, setValue] = React18.useState("");
+  const [submitted, setSubmitted] = React18.useState(false);
   const locked = submitted && !validationError;
   const APPROX_ROW_HEIGHT = 26;
   const minHeight = multiline ? Math.min(Math.max(lines, 4) * APPROX_ROW_HEIGHT + t.spacing.md * 2, screenHeight * 0.4) : 52;
-  const handleSubmit = React14.useCallback(() => {
+  const handleSubmit = React18.useCallback(() => {
     if (value.trim() && onSubmit && !locked) {
       setSubmitted(true);
       onSubmit(value.trim());
@@ -1697,7 +2101,7 @@ var _TextInputCard = ({
           disabled: !value.trim() || locked
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles16.row, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles18.row, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.TextInput,
           {
@@ -1711,7 +2115,7 @@ var _TextInputCard = ({
             textAlignVertical: multiline ? "top" : "center",
             style: [
               bodyStyle(t.fonts),
-              styles16.input,
+              styles18.input,
               {
                 color: t.colors.text,
                 backgroundColor: t.colors.surface,
@@ -1731,7 +2135,7 @@ var _TextInputCard = ({
 var TextInputCard = {
   name: "TextInputCard",
   description: "Use when the user needs to type a free-text answer: an open-ended goal, notes, feedback, a name, a destination, a search query. Multi-line by default (great for open-ended goals); set multiline:false for a short single-line field like a name. Use NumberStepperCard for numeric ranges with known bounds.",
-  component: React14__default.default.memo(_TextInputCard),
+  component: React18__default.default.memo(_TextInputCard),
   propsSchema: schema2,
   defaultProps: { submitLabel: "Submit", multiline: true, lines: 6 }
 };
@@ -1741,26 +2145,210 @@ function makeStyles3(t) {
     input: { borderWidth: 1 }
   });
 }
-var easeWire5 = reactNative.Easing.bezier(...WIRE_BEZIER);
+
+// src/icons/expoIcons.ts
+var runtimeRequire = (moduleName) => {
+  if (moduleName !== "@expo/vector-icons") return void 0;
+  if (typeof __require !== "function") return void 0;
+  try {
+    return __require("@expo/vector-icons");
+  } catch {
+    return void 0;
+  }
+};
+var interop = (mod) => {
+  if (!mod || typeof mod !== "object") return void 0;
+  const def = mod.default;
+  const ns = mod;
+  if (ns.MaterialCommunityIcons || ns.Ionicons) return ns;
+  if (def && typeof def === "object") return def;
+  return ns;
+};
+var asComponent = (value) => {
+  if (typeof value === "function") return value;
+  if (value && typeof value === "object" && "$$typeof" in value) {
+    return value;
+  }
+  return void 0;
+};
+var cached;
+var resolveIconFamily = (family, requireModule = runtimeRequire) => {
+  try {
+    if (cached === void 0 || requireModule !== runtimeRequire) {
+      const resolved = interop(requireModule("@expo/vector-icons"));
+      if (requireModule === runtimeRequire) cached = resolved != null ? resolved : null;
+      if (!resolved) return void 0;
+      return asComponent(resolved[family]);
+    }
+    if (cached === null) return void 0;
+    return asComponent(cached[family]);
+  } catch {
+    return void 0;
+  }
+};
+
+// src/icons/vocabulary.ts
+var WIRE_ICON_GLYPHS = {
+  // ── Acquisition channels ("where did you hear about us?") ──────────────────
+  instagram: { family: "MaterialCommunityIcons", name: "instagram" },
+  tiktok: { family: "Ionicons", name: "logo-tiktok" },
+  youtube: { family: "MaterialCommunityIcons", name: "youtube" },
+  facebook: { family: "MaterialCommunityIcons", name: "facebook" },
+  twitter: { family: "MaterialCommunityIcons", name: "twitter" },
+  reddit: { family: "MaterialCommunityIcons", name: "reddit" },
+  linkedin: { family: "MaterialCommunityIcons", name: "linkedin" },
+  discord: { family: "Ionicons", name: "logo-discord" },
+  whatsapp: { family: "MaterialCommunityIcons", name: "whatsapp" },
+  twitch: { family: "MaterialCommunityIcons", name: "twitch" },
+  snapchat: { family: "MaterialCommunityIcons", name: "snapchat" },
+  pinterest: { family: "MaterialCommunityIcons", name: "pinterest" },
+  google: { family: "MaterialCommunityIcons", name: "google" },
+  search: { family: "MaterialCommunityIcons", name: "magnify" },
+  friend: { family: "MaterialCommunityIcons", name: "account-heart" },
+  podcast: { family: "MaterialCommunityIcons", name: "podcast" },
+  blog: { family: "MaterialCommunityIcons", name: "post" },
+  newsletter: { family: "MaterialCommunityIcons", name: "email-outline" },
+  news: { family: "MaterialCommunityIcons", name: "newspaper" },
+  "app-store": { family: "MaterialCommunityIcons", name: "apple" },
+  ad: { family: "MaterialCommunityIcons", name: "bullhorn" },
+  // ── Intent / occasion ("what brings you here?") ────────────────────────────
+  wedding: { family: "MaterialCommunityIcons", name: "ring" },
+  birthday: { family: "MaterialCommunityIcons", name: "cake-variant" },
+  baby: { family: "MaterialCommunityIcons", name: "baby-carriage" },
+  travel: { family: "MaterialCommunityIcons", name: "airplane" },
+  work: { family: "MaterialCommunityIcons", name: "briefcase" },
+  celebration: { family: "MaterialCommunityIcons", name: "party-popper" },
+  store: { family: "MaterialCommunityIcons", name: "storefront" },
+  school: { family: "MaterialCommunityIcons", name: "school" },
+  team: { family: "MaterialCommunityIcons", name: "account-multiple" },
+  growth: { family: "MaterialCommunityIcons", name: "trending-up" },
+  // ── General purpose ────────────────────────────────────────────────────────
+  sparkle: { family: "MaterialCommunityIcons", name: "star-four-points" },
+  heart: { family: "MaterialCommunityIcons", name: "heart" },
+  star: { family: "MaterialCommunityIcons", name: "star" },
+  fire: { family: "MaterialCommunityIcons", name: "fire" },
+  target: { family: "MaterialCommunityIcons", name: "target" },
+  trophy: { family: "MaterialCommunityIcons", name: "trophy" },
+  rocket: { family: "MaterialCommunityIcons", name: "rocket-launch" },
+  clock: { family: "MaterialCommunityIcons", name: "clock-outline" },
+  calendar: { family: "MaterialCommunityIcons", name: "calendar-star" },
+  camera: { family: "MaterialCommunityIcons", name: "camera" },
+  image: { family: "MaterialCommunityIcons", name: "image" },
+  video: { family: "MaterialCommunityIcons", name: "video" },
+  mic: { family: "MaterialCommunityIcons", name: "microphone" },
+  music: { family: "MaterialCommunityIcons", name: "music" },
+  book: { family: "MaterialCommunityIcons", name: "book-open-variant" },
+  food: { family: "MaterialCommunityIcons", name: "silverware-fork-knife" },
+  coffee: { family: "MaterialCommunityIcons", name: "coffee" },
+  fitness: { family: "MaterialCommunityIcons", name: "dumbbell" },
+  health: { family: "MaterialCommunityIcons", name: "heart-pulse" },
+  meditation: { family: "MaterialCommunityIcons", name: "meditation" },
+  sleep: { family: "MaterialCommunityIcons", name: "sleep" },
+  brain: { family: "MaterialCommunityIcons", name: "brain" },
+  idea: { family: "MaterialCommunityIcons", name: "lightbulb-on" },
+  money: { family: "MaterialCommunityIcons", name: "cash" },
+  shopping: { family: "MaterialCommunityIcons", name: "cart" },
+  gift: { family: "MaterialCommunityIcons", name: "gift" },
+  home: { family: "MaterialCommunityIcons", name: "home" },
+  car: { family: "MaterialCommunityIcons", name: "car" },
+  pet: { family: "MaterialCommunityIcons", name: "paw" },
+  plant: { family: "MaterialCommunityIcons", name: "sprout" },
+  sun: { family: "MaterialCommunityIcons", name: "white-balance-sunny" },
+  moon: { family: "MaterialCommunityIcons", name: "weather-night" },
+  globe: { family: "MaterialCommunityIcons", name: "earth" },
+  "map-pin": { family: "MaterialCommunityIcons", name: "map-marker" },
+  compass: { family: "MaterialCommunityIcons", name: "compass" },
+  flag: { family: "MaterialCommunityIcons", name: "flag" },
+  bookmark: { family: "MaterialCommunityIcons", name: "bookmark" },
+  bell: { family: "MaterialCommunityIcons", name: "bell" },
+  mail: { family: "MaterialCommunityIcons", name: "email" },
+  phone: { family: "MaterialCommunityIcons", name: "phone" },
+  chat: { family: "MaterialCommunityIcons", name: "chat" },
+  user: { family: "MaterialCommunityIcons", name: "account" },
+  users: { family: "MaterialCommunityIcons", name: "account-group" },
+  settings: { family: "MaterialCommunityIcons", name: "cog" },
+  tools: { family: "MaterialCommunityIcons", name: "tools" },
+  puzzle: { family: "MaterialCommunityIcons", name: "puzzle" },
+  chart: { family: "MaterialCommunityIcons", name: "chart-line" },
+  shield: { family: "MaterialCommunityIcons", name: "shield-check" },
+  lock: { family: "MaterialCommunityIcons", name: "lock" },
+  cloud: { family: "MaterialCommunityIcons", name: "cloud" },
+  pencil: { family: "MaterialCommunityIcons", name: "pencil" },
+  check: { family: "MaterialCommunityIcons", name: "check-circle" },
+  plus: { family: "MaterialCommunityIcons", name: "plus-circle" },
+  question: { family: "MaterialCommunityIcons", name: "help-circle" },
+  other: { family: "MaterialCommunityIcons", name: "dots-horizontal-circle" }
+};
+var WIRE_ICON_NAMES = Object.keys(WIRE_ICON_GLYPHS).sort();
+var lookupIconGlyph = (name2) => {
+  if (!name2) return void 0;
+  if (!Object.prototype.hasOwnProperty.call(WIRE_ICON_GLYPHS, name2)) return void 0;
+  return WIRE_ICON_GLYPHS[name2];
+};
+var _WireIcon = ({ name: name2, size = 20, color, requireModule }) => {
+  const hostIcon = useHostIcon(name2);
+  if (hostIcon) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        style: styles11.decorative,
+        accessible: false,
+        importantForAccessibility: "no-hide-descendants",
+        children: hostIcon
+      }
+    );
+  }
+  const glyph = lookupIconGlyph(name2);
+  if (!glyph) return null;
+  const Family = resolveIconFamily(glyph.family, requireModule);
+  if (!Family) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      style: styles11.decorative,
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Family,
+        {
+          name: glyph.name,
+          size,
+          color,
+          allowFontScaling: false
+        }
+      )
+    }
+  );
+};
+var WireIcon = React18__default.default.memo(_WireIcon);
+WireIcon.displayName = "WireIcon";
+var styles11 = reactNative.StyleSheet.create({
+  // No size/margin of its own: the glyph decides its footprint, so an absent icon and a
+  // present one differ by exactly the glyph — never by a wrapper.
+  decorative: {}
+});
+var ICON_FIELD_DESCRIPTION = `Optional icon for this option, making the choice scannable at a glance. Pick the ONE name whose meaning matches the option (e.g. 'instagram' for an Instagram answer, 'friend' for 'A friend told me', 'wedding' for a wedding). Omit it when no name fits \u2014 a wrong icon is worse than none. Allowed values: ${WIRE_ICON_NAMES.join(", ")}.`;
 var optionObjectSchema = zod.z.object({
   value: zod.z.string().describe("Option value"),
-  label: zod.z.string().describe("Option display label")
+  label: zod.z.string().describe("Option display label"),
+  icon: zod.z.string().optional().describe(ICON_FIELD_DESCRIPTION)
 });
+var coerceOptions = (arr) => Array.isArray(arr) ? arr.map((item) => typeof item === "string" ? { value: item, label: item } : item) : arr;
+var optionsField = (description) => zod.z.preprocess(coerceOptions, zod.z.array(optionObjectSchema).min(1)).describe(description);
+var normalizeOptions = (options) => options.map((opt) => typeof opt === "string" ? { value: opt, label: opt } : opt);
+var easeWire5 = reactNative.Easing.bezier(...WIRE_BEZIER);
 var schema3 = zod.z.object({
   title: zod.z.string().describe("Question or prompt for the user"),
-  options: zod.z.preprocess(
-    (arr) => Array.isArray(arr) ? arr.map((item) => typeof item === "string" ? { value: item, label: item } : item) : arr,
-    zod.z.array(optionObjectSchema).min(1)
-  ).describe("List of choices"),
+  options: optionsField("List of choices"),
   submitLabel: zod.z.string().optional().describe("Submit button label, default: Continue"),
   multiSelect: zod.z.boolean().optional().describe("Allow multiple selections")
 });
 var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const handlePress = React14.useCallback(() => onToggle(opt.value), [opt.value, onToggle]);
-  const pressScale = React14.useRef(new reactNative.Animated.Value(1)).current;
-  const pressTo = React14.useCallback(
+  const handlePress = React18.useCallback(() => onToggle(opt.value), [opt.value, onToggle]);
+  const pressScale = React18.useRef(new reactNative.Animated.Value(1)).current;
+  const pressTo = React18.useCallback(
     (to) => {
       if (reduced) return;
       reactNative.Animated.spring(pressScale, {
@@ -1772,10 +2360,10 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
     },
     [pressScale, reduced]
   );
-  const handlePressIn = React14.useCallback(() => pressTo(ROW_PRESS_SCALE), [pressTo]);
-  const handlePressOut = React14.useCallback(() => pressTo(1), [pressTo]);
-  const selectT = React14.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const handlePressIn = React18.useCallback(() => pressTo(ROW_PRESS_SCALE), [pressTo]);
+  const handlePressOut = React18.useCallback(() => pressTo(1), [pressTo]);
+  const selectT = React18.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
+  React18.useEffect(() => {
     const anim = reactNative.Animated.timing(selectT, {
       toValue: isSelected ? 1 : 0,
       duration: scaledMs(stateChangeDuration(reduced, SELECT_FILL_MS)),
@@ -1785,8 +2373,8 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
     anim.start();
     return () => anim.stop();
   }, [isSelected, reduced, selectT]);
-  const checkT = React14.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const checkT = React18.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (!isSelected) {
       checkT.setValue(0);
       return;
@@ -1819,7 +2407,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
         reactNative.Animated.View,
         {
           style: [
-            styles11.option,
+            styles12.option,
             {
               padding: t.spacing.md,
               borderRadius: t.radius.md,
@@ -1836,7 +2424,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                 pointerEvents: "none",
                 style: [
                   reactNative.StyleSheet.absoluteFill,
-                  styles11.selectedOverlay,
+                  styles12.selectedOverlay,
                   {
                     borderRadius: t.radius.md,
                     borderColor: t.colors.primary,
@@ -1850,7 +2438,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
               reactNative.View,
               {
                 style: [
-                  styles11.indicator,
+                  styles12.indicator,
                   { borderRadius: t.radius.full },
                   isSelected ? { borderColor: t.colors.primary, backgroundColor: t.colors.primary } : { borderColor: t.colors.borderStrong, backgroundColor: "transparent" }
                 ],
@@ -1858,7 +2446,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                   reactNative.Animated.Text,
                   {
                     style: [
-                      styles11.check,
+                      styles12.check,
                       { color: t.colors.onPrimary, opacity: checkT, transform: [{ scale: checkScale }] }
                     ],
                     children: "\u2713"
@@ -1866,6 +2454,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                 ) : null
               }
             ),
+            /* @__PURE__ */ jsxRuntime.jsx(WireIcon, { name: opt.icon, size: 20, color: t.colors.text }),
             /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: opt.label })
           ]
         }
@@ -1873,7 +2462,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
     }
   );
 };
-var OptionRow = React14__default.default.memo(_OptionRow);
+var OptionRow = React18__default.default.memo(_OptionRow);
 var _SelectionCard = ({
   title,
   options,
@@ -1883,12 +2472,13 @@ var _SelectionCard = ({
   onSelectionChange
 }) => {
   const t = useOnboardingTheme();
-  const [selected, setSelected] = React14.useState([]);
-  const [submitted, setSubmitted] = React14.useState(false);
-  React14.useEffect(() => {
+  const opts = React18__default.default.useMemo(() => normalizeOptions(options), [options]);
+  const [selected, setSelected] = React18.useState([]);
+  const [submitted, setSubmitted] = React18.useState(false);
+  React18.useEffect(() => {
     if (!submitted && selected.length) onSelectionChange == null ? void 0 : onSelectionChange(multiSelect ? selected : selected[0]);
   }, [selected, submitted, multiSelect, onSelectionChange]);
-  const toggle = React14.useCallback(
+  const toggle = React18.useCallback(
     (value) => {
       if (submitted) return;
       if (multiSelect) {
@@ -1899,7 +2489,7 @@ var _SelectionCard = ({
     },
     [submitted, multiSelect]
   );
-  const handleSubmit = React14.useCallback(() => {
+  const handleSubmit = React18.useCallback(() => {
     if (!selected.length || !onSelect || submitted) return;
     setSubmitted(true);
     onSelect(multiSelect ? selected : selected[0]);
@@ -1917,7 +2507,7 @@ var _SelectionCard = ({
           disabled: selected.length === 0 || submitted
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { gap: t.spacing.sm + t.spacing.xs }, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { gap: t.spacing.sm + t.spacing.xs }, children: opts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
         OptionRow,
         {
           opt,
@@ -1932,12 +2522,12 @@ var _SelectionCard = ({
 };
 var SelectionCard = {
   name: "SelectionCard",
-  description: "Use for mutually exclusive (radio) or multi-select (checkbox) choices from 2\u20138 options. Use ChipSelectCard instead when options are short single words.",
-  component: React14__default.default.memo(_SelectionCard),
+  description: "Use for mutually exclusive (radio) or multi-select (checkbox) choices from 2\u20138 options, as a vertical list of rows. Best when options are wordy or need reading. Options may carry an optional `icon` from the vocabulary to make the list scannable. Use ChipSelectCard instead when options are short single words; use CardGridSelectCard when the options are visual and each has an obvious icon (occasions, channels, categories).",
+  component: React18__default.default.memo(_SelectionCard),
   propsSchema: schema3,
   defaultProps: { submitLabel: "Continue", multiSelect: false }
 };
-var styles11 = reactNative.StyleSheet.create({
+var styles12 = reactNative.StyleSheet.create({
   option: { borderWidth: 1.5, flexDirection: "row", alignItems: "center", overflow: "hidden" },
   selectedOverlay: { borderWidth: 1.5 },
   indicator: { width: 24, height: 24, borderWidth: 2, alignItems: "center", justifyContent: "center" },
@@ -1945,6 +2535,168 @@ var styles11 = reactNative.StyleSheet.create({
 });
 var easeWire6 = reactNative.Easing.bezier(...WIRE_BEZIER);
 var schema4 = zod.z.object({
+  title: zod.z.string().describe("Question or prompt for the user, e.g. 'What brings you here?'"),
+  options: optionsField(
+    "The choices, 2-6 of them. Give EVERY option an `icon` from the vocabulary \u2014 the icon is the point of this card, and an option without one renders as a bare label next to icon-bearing neighbours. Keep labels short (1-3 words) so they fit a half-width card."
+  ),
+  submitLabel: zod.z.string().optional().describe("Submit button label, default: Continue"),
+  multiSelect: zod.z.boolean().optional().describe("Allow multiple cards selected at once, default true")
+});
+var _OptionCard = ({ opt, isSelected, multiSelect, onToggle }) => {
+  const t = useOnboardingTheme();
+  const reduced = useReducedMotion();
+  const handlePress = React18.useCallback(() => onToggle(opt.value), [opt.value, onToggle]);
+  const pressScale = React18.useRef(new reactNative.Animated.Value(1)).current;
+  const pressTo = React18.useCallback(
+    (to) => {
+      if (reduced) return;
+      reactNative.Animated.spring(pressScale, {
+        toValue: to,
+        friction: PRESS_SPRING.friction,
+        tension: PRESS_SPRING.tension,
+        useNativeDriver: true
+      }).start();
+    },
+    [pressScale, reduced]
+  );
+  const handlePressIn = React18.useCallback(() => pressTo(ROW_PRESS_SCALE), [pressTo]);
+  const handlePressOut = React18.useCallback(() => pressTo(1), [pressTo]);
+  const selectT = React18.useRef(new reactNative.Animated.Value(isSelected ? 1 : 0)).current;
+  React18.useEffect(() => {
+    const anim = reactNative.Animated.timing(selectT, {
+      toValue: isSelected ? 1 : 0,
+      duration: scaledMs(stateChangeDuration(reduced, SELECT_FILL_MS)),
+      easing: easeWire6,
+      useNativeDriver: true
+    });
+    anim.start();
+    return () => anim.stop();
+  }, [isSelected, reduced, selectT]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: handlePress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      accessibilityRole: multiSelect ? "checkbox" : "radio",
+      accessibilityState: multiSelect ? { checked: isSelected } : { selected: isSelected },
+      accessibilityLabel: opt.label,
+      style: styles13.cell,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        reactNative.Animated.View,
+        {
+          style: [
+            styles13.card,
+            {
+              padding: t.spacing.md,
+              borderRadius: t.radius.lg,
+              gap: t.spacing.sm,
+              borderColor: t.colors.border,
+              backgroundColor: t.colors.surface,
+              transform: [{ scale: pressScale }]
+            }
+          ],
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.Animated.View,
+              {
+                pointerEvents: "none",
+                style: [
+                  reactNative.StyleSheet.absoluteFill,
+                  styles13.selectedOverlay,
+                  {
+                    borderRadius: t.radius.lg,
+                    borderColor: t.colors.primary,
+                    backgroundColor: t.colors.primarySoft,
+                    opacity: selectT
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(WireIcon, { name: opt.icon, size: 24, color: t.colors.text }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: opt.label })
+          ]
+        }
+      )
+    }
+  );
+};
+var OptionCard = React18__default.default.memo(_OptionCard);
+var _CardGridSelectCard = ({
+  title,
+  options,
+  submitLabel = "Continue",
+  multiSelect = true,
+  onSelect,
+  onSelectionChange
+}) => {
+  const t = useOnboardingTheme();
+  const opts = React18__default.default.useMemo(() => normalizeOptions(options), [options]);
+  const [selected, setSelected] = React18.useState([]);
+  const [submitted, setSubmitted] = React18.useState(false);
+  React18.useEffect(() => {
+    if (!submitted && selected.length) onSelectionChange == null ? void 0 : onSelectionChange(multiSelect ? selected : selected[0]);
+  }, [selected, submitted, multiSelect, onSelectionChange]);
+  const toggle = React18.useCallback(
+    (value) => {
+      if (submitted) return;
+      if (multiSelect) {
+        setSelected(
+          (prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
+        );
+      } else {
+        setSelected([value]);
+      }
+    },
+    [submitted, multiSelect]
+  );
+  const handleSubmit = React18.useCallback(() => {
+    if (!selected.length || !onSelect || submitted) return;
+    setSubmitted(true);
+    onSelect(multiSelect ? selected : selected[0]);
+  }, [selected, onSelect, submitted, multiSelect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CardLayout,
+    {
+      title,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          title: submitLabel,
+          onPress: handleSubmit,
+          variant: "primary",
+          disabled: selected.length === 0 || submitted
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles13.grid, { gap: t.spacing.sm }], children: opts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+        OptionCard,
+        {
+          opt,
+          isSelected: selected.includes(opt.value),
+          multiSelect,
+          onToggle: toggle
+        },
+        opt.value
+      )) })
+    }
+  );
+};
+var CardGridSelectCard = {
+  name: "CardGridSelectCard",
+  description: "Use for VISUAL, icon-led choices shown as a 2-column grid of tappable cards (icon on top, short label beneath). Ideal for 2\u20136 concrete options that each have an obvious icon \u2014 occasions, channels, goals, categories \u2014 e.g. 'What brings you here?' or 'Where did you hear about us?'. Multi-select by default. Every option should carry an `icon`. Use SelectionCard instead when options need descriptions or have no natural icon; use ChipSelectCard for many short word-like tags.",
+  component: React18__default.default.memo(_CardGridSelectCard),
+  propsSchema: schema4,
+  defaultProps: { submitLabel: "Continue", multiSelect: true }
+};
+var styles13 = reactNative.StyleSheet.create({
+  grid: { flexDirection: "row", flexWrap: "wrap" },
+  // Two per row: ~47% basis leaves room for the gap, flexGrow fills the remainder exactly.
+  cell: { flexBasis: "47%", flexGrow: 1 },
+  card: { borderWidth: 1.5, alignItems: "flex-start", overflow: "hidden" },
+  selectedOverlay: { borderWidth: 1.5 }
+});
+var easeWire7 = reactNative.Easing.bezier(...WIRE_BEZIER);
+var schema5 = zod.z.object({
   status: zod.z.enum(["success", "warning", "error", "info"]).describe("Status type"),
   title: zod.z.string().describe("Status title"),
   message: zod.z.string().optional().describe("Supporting message"),
@@ -1959,11 +2711,11 @@ var STATUS_ICONS = {
   info: "\u2139"
 };
 var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSubmit }) => {
-  var _a;
+  var _a2;
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
-  const [submitted, setSubmitted] = React14.useState(false);
-  const color = React14.useMemo(() => {
+  const [submitted, setSubmitted] = React18.useState(false);
+  const color = React18.useMemo(() => {
     switch (status) {
       case "success":
         return t.colors.success;
@@ -1975,9 +2727,9 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
         return t.colors.info;
     }
   }, [status, t.colors]);
-  const popT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const copyT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const popT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const copyT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (reduced) {
       popT.setValue(1);
       copyT.setValue(1);
@@ -1994,7 +2746,7 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
         toValue: 1,
         duration: scaledMs(STATUS_COPY_MS),
         delay: scaledMs(STATUS_COPY_STAGGER_MS),
-        easing: easeWire6,
+        easing: easeWire7,
         useNativeDriver: true
       })
     ];
@@ -2003,7 +2755,7 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
   }, [reduced, popT, copyT]);
   const popScale = popT.interpolate({ inputRange: [0, 1], outputRange: [STATUS_POP_SCALE_FROM, 1] });
   const copyRise = copyT.interpolate({ inputRange: [0, 1], outputRange: [10, 0] });
-  const handleContinue = React14.useCallback(() => {
+  const handleContinue = React18.useCallback(() => {
     if (!submitted) {
       setSubmitted(true);
       if (onContinue) onContinue();
@@ -2016,8 +2768,8 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
     {
       align: "center",
       footer: ctaLabel ? /* @__PURE__ */ jsxRuntime.jsx(Button, { title: ctaLabel, onPress: handleContinue, variant: "primary", disabled: submitted }) : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles12.center, { gap: t.spacing.sm }], children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles12.titleRow, { gap: t.spacing.sm }], children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles14.center, { gap: t.spacing.sm }], children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles14.titleRow, { gap: t.spacing.sm }], children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             reactNative.Animated.Text,
             {
@@ -2025,7 +2777,7 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
                 headingStyle(t.fonts),
                 { color, opacity: popT, transform: [{ scale: popScale }] }
               ],
-              children: (_a = STATUS_ICONS[status]) != null ? _a : "\xB7"
+              children: (_a2 = STATUS_ICONS[status]) != null ? _a2 : "\xB7"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2061,14 +2813,14 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
 var StatusCard = {
   name: "StatusCard",
   description: "Use ONLY for real outcomes: booking confirmed, data saved, action completed. NEVER for 'you just viewed X' acknowledgments. Always include ctaLabel so the user can continue after seeing the status.",
-  component: React14__default.default.memo(_StatusCard),
-  propsSchema: schema4
+  component: React18__default.default.memo(_StatusCard),
+  propsSchema: schema5
 };
-var styles12 = reactNative.StyleSheet.create({
+var styles14 = reactNative.StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   titleRow: { flexDirection: "row", alignItems: "center", justifyContent: "center" }
 });
-var schema5 = zod.z.object({
+var schema6 = zod.z.object({
   label: zod.z.string().describe("What is being counted, e.g. 'Number of days' or 'Travellers'"),
   min: zod.z.number().optional().describe("Minimum value, default 1"),
   max: zod.z.number().optional().describe("Maximum value, default 30"),
@@ -2089,22 +2841,22 @@ var _NumberStepperCard = ({
   onSubmit
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = React14.useMemo(() => makeStyles4(t), [t]);
+  const styles18 = React18.useMemo(() => makeStyles4(t), [t]);
   const safeMin = safeNum(min, 1);
   const safeMaxRaw = safeNum(max, 30);
   const safeMax = safeMaxRaw < safeMin ? safeMin : safeMaxRaw;
   const safeStepRaw = safeNum(step, 1);
   const safeStep = safeStepRaw > 0 ? safeStepRaw : 1;
   const safeDefault = safeNum(defaultValue, safeMin);
-  const [value, setValue] = React14.useState(Math.min(Math.max(safeDefault, safeMin), safeMax));
-  const [submitted, setSubmitted] = React14.useState(false);
-  const handleDecrement = React14.useCallback(() => {
+  const [value, setValue] = React18.useState(Math.min(Math.max(safeDefault, safeMin), safeMax));
+  const [submitted, setSubmitted] = React18.useState(false);
+  const handleDecrement = React18.useCallback(() => {
     if (!submitted) setValue((v) => Math.max(v - safeStep, safeMin));
   }, [submitted, safeStep, safeMin]);
-  const handleIncrement = React14.useCallback(() => {
+  const handleIncrement = React18.useCallback(() => {
     if (!submitted) setValue((v) => Math.min(v + safeStep, safeMax));
   }, [submitted, safeStep, safeMax]);
-  const handleSubmit = React14.useCallback(() => {
+  const handleSubmit = React18.useCallback(() => {
     if (!submitted) {
       setSubmitted(true);
       onSubmit == null ? void 0 : onSubmit(value);
@@ -2113,7 +2865,7 @@ var _NumberStepperCard = ({
   const atMin = value <= safeMin;
   const atMax = value >= safeMax;
   const stepBtnStyle = (disabled) => [
-    styles16.stepBtn,
+    styles18.stepBtn,
     { borderRadius: t.radius.full, backgroundColor: t.colors.background, borderColor: disabled ? t.colors.border : t.colors.primary }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2122,10 +2874,10 @@ var _NumberStepperCard = ({
       title: label,
       align: "center",
       footer: /* @__PURE__ */ jsxRuntime.jsx(Button, { title: submitLabel, onPress: handleSubmit, variant: "primary", disabled: submitted }),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles16.wrap, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles16.stepper, { gap: t.spacing.lg }], children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles18.wrap, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles18.stepper, { gap: t.spacing.lg }], children: [
           /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: atMin || submitted ? void 0 : handleDecrement, disabled: atMin || submitted, style: stepBtnStyle(atMin), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: atMin ? t.colors.textMuted : t.colors.primary }], children: "\u2212" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles16.valueBox, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles18.valueBox, children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.primary }], children: String(value) }),
             unit ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: unit }) : null
           ] }),
@@ -2139,8 +2891,8 @@ var _NumberStepperCard = ({
 var NumberStepperCard = {
   name: "NumberStepperCard",
   description: "Use for any bounded numeric input: days, people, portions, budget tiers, ratings. Best for ranges 1\u201399. Set unit (e.g. 'days', 'people') for clarity.",
-  component: React14__default.default.memo(_NumberStepperCard),
-  propsSchema: schema5,
+  component: React18__default.default.memo(_NumberStepperCard),
+  propsSchema: schema6,
   defaultProps: { min: 1, max: 30, defaultValue: 1, step: 1, submitLabel: "Confirm" }
 };
 function makeStyles4(t) {
@@ -2151,9 +2903,9 @@ function makeStyles4(t) {
     valueBox: { alignItems: "center", minWidth: 80 }
   });
 }
-var easeWire7 = reactNative.Easing.bezier(...WIRE_BEZIER);
+var easeWire8 = reactNative.Easing.bezier(...WIRE_BEZIER);
 var RISE_PX = 10;
-var schema6 = zod.z.object({
+var schema7 = zod.z.object({
   title: zod.z.string().describe("Short, warm headline for the value/momentum moment"),
   body: zod.z.string().optional().describe("One or two supporting lines that reflect the user's answers back and build momentum"),
   items: zod.z.array(zod.z.string()).max(4).optional().describe(
@@ -2177,9 +2929,9 @@ var _WorkItem = ({
   reduced
 }) => {
   const t = useOnboardingTheme();
-  const rowT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const checkT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const rowT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const checkT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (reduced) {
       rowT.setValue(1);
       checkT.setValue(1);
@@ -2190,7 +2942,7 @@ var _WorkItem = ({
         toValue: 1,
         duration: scaledMs(INTERSTITIAL_ITEM_MS),
         delay: scaledMs(interstitialItemDelay(index)),
-        easing: easeWire7,
+        easing: easeWire8,
         useNativeDriver: true
       }),
       reactNative.Animated.spring(checkT, {
@@ -2212,20 +2964,20 @@ var _WorkItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     reactNative.Animated.View,
     {
-      style: [styles13.itemRow, { gap: t.spacing.sm + t.spacing.xs, opacity: rowT, transform: [{ translateY: rise }] }],
+      style: [styles15.itemRow, { gap: t.spacing.sm + t.spacing.xs, opacity: rowT, transform: [{ translateY: rise }] }],
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.View,
           {
             style: [
-              styles13.itemBadge,
+              styles15.itemBadge,
               { backgroundColor: t.colors.primarySoft, borderRadius: t.radius.full }
             ],
             children: /* @__PURE__ */ jsxRuntime.jsx(
               reactNative.Animated.Text,
               {
                 style: [
-                  styles13.itemCheck,
+                  styles15.itemCheck,
                   { color: t.colors.primary, opacity: checkT, transform: [{ scale: checkScale }] }
                 ],
                 children: "\u2713"
@@ -2233,12 +2985,12 @@ var _WorkItem = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), styles13.itemText, { color: t.colors.text }], children: text })
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), styles15.itemText, { color: t.colors.text }], children: text })
       ]
     }
   );
 };
-var WorkItem = React14__default.default.memo(_WorkItem);
+var WorkItem = React18__default.default.memo(_WorkItem);
 var _InterstitialCard = ({
   title,
   body,
@@ -2254,17 +3006,17 @@ var _InterstitialCard = ({
   const reduced = useReducedMotion();
   const node = useIllustration(illustration);
   const fallbackNode = useIllustration(illustrationFallback);
-  const [submitted, setSubmitted] = React14.useState(false);
-  const [imgFailed, setImgFailed] = React14.useState(false);
-  const [canAdvance, setCanAdvance] = React14.useState(false);
-  React14.useEffect(() => {
+  const [submitted, setSubmitted] = React18.useState(false);
+  const [imgFailed, setImgFailed] = React18.useState(false);
+  const [canAdvance, setCanAdvance] = React18.useState(false);
+  React18.useEffect(() => {
     const timer = setTimeout(() => setCanAdvance(true), MIN_DISPLAY_MS);
     return () => clearTimeout(timer);
   }, []);
-  const artT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const titleT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  const bodyT = React14.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
-  React14.useEffect(() => {
+  const artT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const titleT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  const bodyT = React18.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  React18.useEffect(() => {
     if (reduced) {
       artT.setValue(1);
       titleT.setValue(1);
@@ -2275,7 +3027,7 @@ var _InterstitialCard = ({
       toValue: 1,
       duration: scaledMs(INTERSTITIAL_HEAD_MS),
       delay,
-      easing: easeWire7,
+      easing: easeWire8,
       useNativeDriver: true
     });
     const anims = [
@@ -2290,7 +3042,7 @@ var _InterstitialCard = ({
     opacity: value,
     transform: [{ translateY: value.interpolate({ inputRange: [0, 1], outputRange: [RISE_PX, 0] }) }]
   });
-  const handleContinue = React14.useCallback(() => {
+  const handleContinue = React18.useCallback(() => {
     if (submitted || !canAdvance) return;
     setSubmitted(true);
     if (onSubmit) onSubmit("continue");
@@ -2311,18 +3063,18 @@ var _InterstitialCard = ({
           disabled: submitted || !canAdvance
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles13.center, { gap: t.spacing.md }], children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: [styles13.fullWidth, riseStyle(artT)], children: showImage ? /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles15.center, { gap: t.spacing.md }], children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: [styles15.fullWidth, riseStyle(artT)], children: showImage ? /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.Image,
           {
             source: { uri: imageUrl },
-            style: styles13.image,
+            style: styles15.image,
             resizeMode: "contain",
             onError: () => setImgFailed(true)
           }
-        ) : art ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles13.art, children: art }) : null }),
+        ) : art ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles15.art, children: art }) : null }),
         /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: riseStyle(titleT), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.text, textAlign: "center" }], children: title }) }),
-        (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles13.items, { gap: t.spacing.md, marginTop: t.spacing.sm }], children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(WorkItem, { text: item, index: i, reduced }, `${item}-${i}`)) }) : body ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: riseStyle(bodyT), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: body }) }) : null
+        (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles15.items, { gap: t.spacing.md, marginTop: t.spacing.sm }], children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(WorkItem, { text: item, index: i, reduced }, `${item}-${i}`)) }) : body ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: riseStyle(bodyT), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: body }) }) : null
       ] })
     }
   );
@@ -2330,11 +3082,11 @@ var _InterstitialCard = ({
 var InterstitialCard = {
   name: "InterstitialCard",
   description: "Use ONCE mid-flow (never first, never last) as a momentum/value screen between questions \u2014 an illustration + a warm line that reflects answers back, like Duolingo/Cal-AI. NOT a question; the user just taps Continue. Set `illustration` to an app-registered artwork name. Prefer `items` (2-3 short ticked lines, each reflecting a real answer) when you have the signal. Skip it if you don't have enough signal to make the line specific.",
-  component: React14__default.default.memo(_InterstitialCard),
-  propsSchema: schema6,
+  component: React18__default.default.memo(_InterstitialCard),
+  propsSchema: schema7,
   defaultProps: { ctaLabel: "Continue", illustrationFallback: "momentum" }
 };
-var styles13 = reactNative.StyleSheet.create({
+var styles15 = reactNative.StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   fullWidth: { width: "100%", alignItems: "center" },
   art: { alignItems: "center", justifyContent: "center" },
@@ -2351,6 +3103,7 @@ var onboardingComponents = [
   ChipSelectCard,
   TextInputCard,
   SelectionCard,
+  CardGridSelectCard,
   StatusCard,
   NumberStepperCard,
   InterstitialCard
@@ -2362,15 +3115,22 @@ var coerceVersion = (value) => {
   const trimmed = value.trim();
   return trimmed.length > 0 ? trimmed : void 0;
 };
-var runtimeRequire = (moduleName) => {
+var runtimeRequire2 = (moduleName) => {
+  if (typeof __require !== "function") return void 0;
   try {
-    if (typeof __require !== "function") return void 0;
-    return __require(moduleName);
+    switch (moduleName) {
+      case "expo-constants":
+        return init_Constants(), __toCommonJS(Constants_exports);
+      case "expo-application":
+        return __require("expo-application");
+      default:
+        return void 0;
+    }
   } catch {
     return void 0;
   }
 };
-var interop = (mod) => {
+var interop2 = (mod) => {
   if (!mod || typeof mod !== "object") return void 0;
   const def = mod.default;
   if (def && typeof def === "object") return def;
@@ -2378,21 +3138,21 @@ var interop = (mod) => {
 };
 var safeInterop = (requireModule, moduleName) => {
   try {
-    return interop(requireModule(moduleName));
+    return interop2(requireModule(moduleName));
   } catch {
     return void 0;
   }
 };
-var detectAppVersion = (requireModule = runtimeRequire) => {
+var detectAppVersion = (requireModule = runtimeRequire2) => {
   try {
-    const constants = safeInterop(requireModule, "expo-constants");
-    if (constants) {
-      const expoConfig = constants.expoConfig;
+    const constants2 = safeInterop(requireModule, "expo-constants");
+    if (constants2) {
+      const expoConfig = constants2.expoConfig;
       if (expoConfig && typeof expoConfig === "object") {
         const fromExpoConfig = coerceVersion(expoConfig.version);
         if (fromExpoConfig) return fromExpoConfig;
       }
-      const fromNative = coerceVersion(constants.nativeAppVersion);
+      const fromNative = coerceVersion(constants2.nativeAppVersion);
       if (fromNative) return fromNative;
     }
     const application = safeInterop(requireModule, "expo-application");
@@ -2405,6 +3165,48 @@ var detectAppVersion = (requireModule = runtimeRequire) => {
   return void 0;
 };
 
+// src/device/deviceModel.ts
+var coerceModel = (value) => {
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+};
+var runtimeRequire3 = (moduleName) => {
+  if (moduleName !== "expo-device") return void 0;
+  if (typeof __require !== "function") return void 0;
+  try {
+    return __require("expo-device");
+  } catch {
+    return void 0;
+  }
+};
+var interop3 = (mod) => {
+  if (!mod || typeof mod !== "object") return void 0;
+  const def = mod.default;
+  if (def && typeof def === "object") return def;
+  return mod;
+};
+var safeInterop2 = (requireModule, moduleName) => {
+  try {
+    return interop3(requireModule(moduleName));
+  } catch {
+    return void 0;
+  }
+};
+var detectNativeModel = (requireModule = runtimeRequire3) => {
+  try {
+    const device = safeInterop2(requireModule, "expo-device");
+    if (device) {
+      const modelName = coerceModel(device.modelName);
+      if (modelName) return modelName;
+      const modelId = coerceModel(device.modelId);
+      if (modelId) return modelId;
+    }
+  } catch {
+  }
+  return void 0;
+};
+
 // src/device/deviceContext.ts
 var deriveFormFactor = (iosIdiom, width, height) => {
   if (iosIdiom === "pad") return "tablet";
@@ -2415,7 +3217,7 @@ var deriveFormFactor = (iosIdiom, width, height) => {
   return void 0;
 };
 var collectDeviceContext = () => {
-  var _a;
+  var _a2;
   const ctx = { platform: reactNative.Platform.OS };
   try {
     const version = reactNative.Platform.Version;
@@ -2424,26 +3226,26 @@ var collectDeviceContext = () => {
     }
   } catch {
   }
-  let constants = {};
+  let constants2 = {};
   try {
-    constants = (_a = reactNative.Platform.constants) != null ? _a : {};
+    constants2 = (_a2 = reactNative.Platform.constants) != null ? _a2 : {};
   } catch {
-    constants = {};
+    constants2 = {};
   }
   let iosIdiom;
   try {
     if (reactNative.Platform.OS === "android") {
-      const brand = constants.Brand;
-      const model = constants.Model;
-      const release = constants.Release;
+      const brand = constants2.Brand;
+      const model = constants2.Model;
+      const release = constants2.Release;
       if (typeof brand === "string" && brand) ctx.brand = brand;
       if (typeof model === "string" && model) ctx.model = model;
       if (release !== void 0 && release !== null && String(release)) {
         ctx.osVersion = String(release);
       }
     } else if (reactNative.Platform.OS === "ios") {
-      const osVersion = constants.osVersion;
-      const idiom = constants.interfaceIdiom;
+      const osVersion = constants2.osVersion;
+      const idiom = constants2.interfaceIdiom;
       if (osVersion !== void 0 && osVersion !== null && String(osVersion)) {
         ctx.osVersion = String(osVersion);
       }
@@ -2451,6 +3253,8 @@ var collectDeviceContext = () => {
         ctx.interfaceIdiom = idiom;
         iosIdiom = idiom;
       }
+      const iosModel = detectNativeModel();
+      if (iosModel) ctx.model = iosModel;
     }
   } catch {
   }
@@ -2557,9 +3361,9 @@ var sanitizeUserId = (raw) => {
   return trimmed.length > USER_ID_MAX_LENGTH ? trimmed.slice(0, USER_ID_MAX_LENGTH) : trimmed;
 };
 var identifyOnboarding = async (opts) => {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   const userId = sanitizeUserId(opts.userId);
-  if (!userId || !((_a = opts.config) == null ? void 0 : _a.serverUrl)) return false;
+  if (!userId || !((_a2 = opts.config) == null ? void 0 : _a2.serverUrl)) return false;
   let contextId = ((_b = opts.contextId) == null ? void 0 : _b.trim()) || void 0;
   if (!contextId && opts.storage) {
     const key = (_c = opts.persistKey) != null ? _c : opts.appId ? sessionStorageKey(opts.appId) : void 0;
@@ -2581,6 +3385,7 @@ var WireOnboarding = ({
   theme,
   components,
   illustrations,
+  icons,
   validators,
   onComplete,
   onSkip,
@@ -2598,26 +3403,26 @@ var WireOnboarding = ({
   userContext,
   userId
 }) => {
-  var _a, _b, _c;
-  const boundUserId = React14.useMemo(() => sanitizeUserId(userId), [userId]);
-  const device = React14.useMemo(() => {
+  var _a2, _b, _c;
+  const boundUserId = React18.useMemo(() => sanitizeUserId(userId), [userId]);
+  const device = React18.useMemo(() => {
     const collected = collectDeviceContext();
     return config.appVersion ? { ...collected, appVersion: config.appVersion } : collected;
   }, [config.appVersion]);
   const userContextKey = userContext ? JSON.stringify(userContext) : "";
-  const userContextStable = React14.useMemo(
+  const userContextStable = React18.useMemo(
     () => userContextKey ? JSON.parse(userContextKey) : void 0,
     [userContextKey]
   );
-  const clientContext = React14.useMemo(
+  const clientContext = React18.useMemo(
     () => ({ device, userContext: userContextStable, userId: boundUserId }),
     [device, userContextStable, boundUserId]
   );
-  const [session, setSession] = React14.useState(
+  const [session, setSession] = React18.useState(
     () => storage ? null : { id: makeSessionId(), resumed: false }
   );
   const storageKey = persistKey != null ? persistKey : sessionStorageKey(config.appId);
-  React14.useEffect(() => {
+  React18.useEffect(() => {
     if (!storage || session) return;
     let cancelled = false;
     void loadPersistedSession(storage, storageKey, sessionTtlMs).then((loaded) => {
@@ -2627,20 +3432,20 @@ var WireOnboarding = ({
       cancelled = true;
     };
   }, [storage, storageKey, sessionTtlMs, session]);
-  const handleComplete = React14.useCallback(
+  const handleComplete = React18.useCallback(
     (result) => {
       if (storage) clearPersistedSession(storage, storageKey);
       onComplete(result);
     },
     [storage, storageKey, onComplete]
   );
-  const sessionId = (_a = session == null ? void 0 : session.id) != null ? _a : "";
-  const startupUserIdRef = React14.useRef(boundUserId);
+  const sessionId = (_a2 = session == null ? void 0 : session.id) != null ? _a2 : "";
+  const startupUserIdRef = React18.useRef(boundUserId);
   const metadataKey = config.metadata ? JSON.stringify(config.metadata) : "";
-  const metadataStable = React14.useMemo(() => metadataKey ? JSON.parse(metadataKey) : void 0, [metadataKey]);
+  const metadataStable = React18.useMemo(() => metadataKey ? JSON.parse(metadataKey) : void 0, [metadataKey]);
   const componentNamesKey = (components != null ? components : onboardingComponents).map((c) => c.name).join(",");
-  const componentsStable = React14.useMemo(() => components != null ? components : onboardingComponents, [componentNamesKey]);
-  const llm = React14.useMemo(() => {
+  const componentsStable = React18.useMemo(() => components != null ? components : onboardingComponents, [componentNamesKey]);
+  const llm = React18.useMemo(() => {
     const baseUrl = config.serverUrl.replace(/\/$/, "");
     return {
       provider: "a2a",
@@ -2668,13 +3473,13 @@ var WireOnboarding = ({
       timeoutMs: 6e4
     };
   }, [config.serverUrl, config.appId, config.apiKey, metadataStable, sessionId, componentsStable, device, userContextStable]);
-  const reportTarget = React14.useMemo(
+  const reportTarget = React18.useMemo(
     () => ({ serverUrl: config.serverUrl, apiKey: config.apiKey }),
     [config.serverUrl, config.apiKey]
   );
-  const identifiedRef = React14.useRef(void 0);
-  const identifySeededRef = React14.useRef(false);
-  React14.useEffect(() => {
+  const identifiedRef = React18.useRef(void 0);
+  const identifySeededRef = React18.useRef(false);
+  React18.useEffect(() => {
     if (!session || !sessionId) return;
     if (!identifySeededRef.current) {
       identifySeededRef.current = true;
@@ -2698,7 +3503,7 @@ var WireOnboarding = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(OnboardingThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(IllustrationProvider, { registry: { ...defaultIllustrations, ...illustrations }, children: /* @__PURE__ */ jsxRuntime.jsx(wireaiRn.WireAIProvider, { llm, components: cards, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(OnboardingThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(IllustrationProvider, { registry: { ...defaultIllustrations, ...illustrations }, children: /* @__PURE__ */ jsxRuntime.jsx(IconRegistryProvider, { registry: icons, children: /* @__PURE__ */ jsxRuntime.jsx(wireaiRn.WireAIProvider, { llm, components: cards, children: /* @__PURE__ */ jsxRuntime.jsx(
     OnboardingFlow,
     {
       validators,
@@ -2717,7 +3522,7 @@ var WireOnboarding = ({
       resumed: session.resumed,
       clientContext
     }
-  ) }) }) });
+  ) }) }) }) });
 };
 function DemoOnboarding({
   config,
@@ -2729,16 +3534,16 @@ function DemoOnboarding({
   onComplete,
   renderTrigger
 }) {
-  const [open, setOpen] = React14.useState(false);
-  const [runId, setRunId] = React14.useState(0);
-  const t = React14.useMemo(() => mergeTheme(theme != null ? theme : {}), [theme]);
-  const styles16 = React14.useMemo(() => makeStyles5(t), [t]);
-  const openDemo = React14.useCallback(() => {
+  const [open, setOpen] = React18.useState(false);
+  const [runId, setRunId] = React18.useState(0);
+  const t = React18.useMemo(() => mergeTheme(theme != null ? theme : {}), [theme]);
+  const styles18 = React18.useMemo(() => makeStyles5(t), [t]);
+  const openDemo = React18.useCallback(() => {
     setRunId((n) => n + 1);
     setOpen(true);
   }, []);
-  const close = React14.useCallback(() => setOpen(false), []);
-  const finish = React14.useCallback(
+  const close = React18.useCallback(() => setOpen(false), []);
+  const finish = React18.useCallback(
     (result) => {
       onComplete == null ? void 0 : onComplete(result);
       setOpen(false);
@@ -2746,7 +3551,7 @@ function DemoOnboarding({
     [onComplete]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    renderTrigger ? renderTrigger(openDemo) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: openDemo, style: styles16.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles16.triggerText, children: label }) }),
+    renderTrigger ? renderTrigger(openDemo) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: openDemo, style: styles18.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles18.triggerText, children: label }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.Modal,
       {
@@ -2754,7 +3559,7 @@ function DemoOnboarding({
         animationType: "slide",
         presentationStyle: "fullScreen",
         onRequestClose: close,
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles16.modal, children: config ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles18.modal, children: config ? /* @__PURE__ */ jsxRuntime.jsx(
           WireOnboarding,
           {
             config,
@@ -2767,10 +3572,10 @@ function DemoOnboarding({
             onError: close
           },
           runId
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles16.notice, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles16.noticeTitle, children: "Wire AI not configured" }),
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles16.noticeBody, children: "Set the Wire AI key + server URL (e.g. via wireConfigFromEnv) to demo the AI onboarding here." }),
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: close, style: styles16.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles16.triggerText, children: "Close" }) })
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles18.notice, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles18.noticeTitle, children: "Wire AI not configured" }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles18.noticeBody, children: "Set the Wire AI key + server URL (e.g. via wireConfigFromEnv) to demo the AI onboarding here." }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: close, style: styles18.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles18.triggerText, children: "Close" }) })
         ] }) })
       }
     )
@@ -2849,13 +3654,13 @@ var _DoneBlock = ({
   message = "Personalizing your experience\u2026"
 }) => {
   const t = useOnboardingTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles14.center, { gap: t.spacing.sm, padding: t.spacing.lg }], children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles16.center, { gap: t.spacing.sm, padding: t.spacing.lg }], children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.success, textAlign: "center" }], children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: message })
   ] });
 };
-var DoneBlock = React14__default.default.memo(_DoneBlock);
-var styles14 = reactNative.StyleSheet.create({
+var DoneBlock = React18__default.default.memo(_DoneBlock);
+var styles16 = reactNative.StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" }
 });
 
@@ -2870,13 +3675,13 @@ var CENTERED_MODAL_ANIM = {
   /** Peak dim of the backdrop at progress 1. */
   backdropOpacity: 0.55
 };
-var _CenteredModal = React14.forwardRef(
+var _CenteredModal = React18.forwardRef(
   ({ theme, dismissible = true, onDismiss, children }, ref) => {
-    const progress = React14.useRef(new reactNative.Animated.Value(0)).current;
-    const [open, setOpen] = React14.useState(true);
-    const closingRef = React14.useRef(false);
+    const progress = React18.useRef(new reactNative.Animated.Value(0)).current;
+    const [open, setOpen] = React18.useState(true);
+    const closingRef = React18.useRef(false);
     const reduced = useReducedMotion();
-    React14.useEffect(() => {
+    React18.useEffect(() => {
       const anim = reduced ? reactNative.Animated.timing(progress, {
         toValue: 1,
         duration: REDUCED_FADE_MS,
@@ -2890,7 +3695,7 @@ var _CenteredModal = React14.forwardRef(
       anim.start();
       return () => anim.stop();
     }, [progress, reduced]);
-    const close = React14.useCallback(() => {
+    const close = React18.useCallback(() => {
       if (closingRef.current) return;
       closingRef.current = true;
       reactNative.Animated.timing(progress, {
@@ -2903,15 +3708,15 @@ var _CenteredModal = React14.forwardRef(
         onDismiss();
       });
     }, [progress, onDismiss, reduced]);
-    React14.useImperativeHandle(ref, () => ({ close }), [close]);
-    React14.useEffect(() => {
+    React18.useImperativeHandle(ref, () => ({ close }), [close]);
+    React18.useEffect(() => {
       const sub = reactNative.BackHandler.addEventListener("hardwareBackPress", () => {
         if (dismissible) close();
         return true;
       });
       return () => sub.remove();
     }, [dismissible, close]);
-    const onBackdrop = React14.useCallback(() => {
+    const onBackdrop = React18.useCallback(() => {
       if (dismissible) close();
     }, [dismissible, close]);
     const backdropOpacity = progress.interpolate({
@@ -2934,25 +3739,25 @@ var _CenteredModal = React14.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             reactNative.Animated.View,
             {
-              style: [styles15.backdrop, { opacity: backdropOpacity }],
+              style: [styles17.backdrop, { opacity: backdropOpacity }],
               pointerEvents: "none"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             reactNative.Pressable,
             {
-              style: styles15.fill,
+              style: styles17.fill,
               onPress: onBackdrop,
               accessibilityRole: "button",
               accessibilityLabel: "Dismiss",
-              children: /* @__PURE__ */ jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, { style: styles15.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => {
-              }, style: styles15.cardWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, { style: styles17.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => {
+              }, style: styles17.cardWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
                 reactNative.Animated.View,
                 {
                   accessibilityViewIsModal: true,
                   accessibilityRole: "alert",
                   style: [
-                    styles15.card,
+                    styles17.card,
                     {
                       backgroundColor: theme.colors.surface,
                       borderRadius: theme.radius.lg,
@@ -2973,8 +3778,8 @@ var _CenteredModal = React14.forwardRef(
   }
 );
 _CenteredModal.displayName = "CenteredModal";
-var CenteredModal = React14__default.default.memo(_CenteredModal);
-var styles15 = reactNative.StyleSheet.create({
+var CenteredModal = React18__default.default.memo(_CenteredModal);
+var styles17 = reactNative.StyleSheet.create({
   fill: { flex: 1 },
   backdrop: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, backgroundColor: "#000" },
   center: { flex: 1, alignItems: "center", justifyContent: "center", padding: 24 },
@@ -3007,10 +3812,10 @@ var readEnabled = (raw) => {
   return { enabled: true };
 };
 var parseWireFeatures = (raw) => {
-  var _a;
+  var _a2;
   if (!raw || typeof raw !== "object" || Array.isArray(raw)) return defaultWireFeatures;
   const src = raw;
-  const modeRaw = (_a = src.onboarding) == null ? void 0 : _a.mode;
+  const modeRaw = (_a2 = src.onboarding) == null ? void 0 : _a2.mode;
   const mode = typeof modeRaw === "string" && VALID_MODES.includes(modeRaw) ? modeRaw : "ai";
   return {
     coachmarks: readEnabled(src.coachmarks),
@@ -3067,10 +3872,10 @@ var writeCachedFeatures = (storage, key, features) => {
 // src/features/fetchWireFeatures.ts
 var DEFAULT_TIMEOUT_MS = 4e3;
 var failOpen = async (storage, key) => {
-  var _a;
+  var _a2;
   if (!storage) return defaultWireFeatures;
-  const cached = await readCachedFeatures(storage, key);
-  return (_a = cached == null ? void 0 : cached.features) != null ? _a : defaultWireFeatures;
+  const cached2 = await readCachedFeatures(storage, key);
+  return (_a2 = cached2 == null ? void 0 : cached2.features) != null ? _a2 : defaultWireFeatures;
 };
 var fetchWithTimeout = async (url, apiKey, timeoutMs) => {
   const controller = typeof AbortController !== "undefined" ? new AbortController() : void 0;
@@ -3103,16 +3908,16 @@ var fetchWireFeatures = async (config) => {
   }
 };
 var useStableValue = (value, isEqual) => {
-  const ref = React14.useRef(value);
+  const ref = React18.useRef(value);
   if (!isEqual(ref.current, value)) ref.current = value;
   return ref.current;
 };
 var sameFetchKey = (a, b) => (a == null ? void 0 : a.serverUrl) === (b == null ? void 0 : b.serverUrl) && (a == null ? void 0 : a.apiKey) === (b == null ? void 0 : b.apiKey) && (a == null ? void 0 : a.appId) === (b == null ? void 0 : b.appId);
 var useWireFeatures = (config) => {
   const stableConfig = useStableValue(config, sameFetchKey);
-  const [flags, setFlags] = React14.useState(defaultWireFeatures);
+  const [flags, setFlags] = React18.useState(defaultWireFeatures);
   const canFetch = !!(stableConfig == null ? void 0 : stableConfig.serverUrl) && !!(stableConfig == null ? void 0 : stableConfig.apiKey);
-  React14.useEffect(() => {
+  React18.useEffect(() => {
     if (!canFetch) {
       setFlags((prev) => featuresEqual(prev, defaultWireFeatures) ? prev : defaultWireFeatures);
       return;
@@ -3131,7 +3936,7 @@ var useWireFeatures = (config) => {
 var CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.context");
 var globalObj = global;
 if (!globalObj[CONTEXT_SYMBOL]) {
-  globalObj[CONTEXT_SYMBOL] = React14.createContext(null);
+  globalObj[CONTEXT_SYMBOL] = React18.createContext(null);
 }
 var WireFeaturesContext = globalObj[CONTEXT_SYMBOL];
 var WireFeaturesProvider = ({
@@ -3141,23 +3946,23 @@ var WireFeaturesProvider = ({
 }) => {
   const fetched = useWireFeatures(flags ? void 0 : config);
   const value = flags != null ? flags : fetched;
-  const stable = React14.useMemo(() => value, [value]);
+  const stable = React18.useMemo(() => value, [value]);
   return /* @__PURE__ */ jsxRuntime.jsx(WireFeaturesContext.Provider, { value: stable, children });
 };
 WireFeaturesProvider.displayName = "WireFeaturesProvider";
-var useWireFeaturesContext = () => React14.useContext(WireFeaturesContext);
+var useWireFeaturesContext = () => React18.useContext(WireFeaturesContext);
 var useResolvedFeatures = (options) => {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   const ctx = useWireFeaturesContext();
   const shouldFetch = !(options == null ? void 0 : options.flags) && ctx == null;
   const fetched = useWireFeatures(shouldFetch ? options == null ? void 0 : options.config : void 0);
-  return (_c = (_b = (_a = options == null ? void 0 : options.flags) != null ? _a : ctx) != null ? _b : fetched) != null ? _c : defaultWireFeatures;
+  return (_c = (_b = (_a2 = options == null ? void 0 : options.flags) != null ? _a2 : ctx) != null ? _b : fetched) != null ? _c : defaultWireFeatures;
 };
 
 // src/config/wireConfigFromEnv.ts
 var wireConfigFromEnv = (overrides) => {
-  var _a, _b, _c, _d;
-  const apiKey = (_a = overrides == null ? void 0 : overrides.apiKey) != null ? _a : process.env.EXPO_PUBLIC_WIREAI_API_KEY;
+  var _a2, _b, _c, _d;
+  const apiKey = (_a2 = overrides == null ? void 0 : overrides.apiKey) != null ? _a2 : process.env.EXPO_PUBLIC_WIREAI_API_KEY;
   const serverUrl = (_b = overrides == null ? void 0 : overrides.serverUrl) != null ? _b : process.env.EXPO_PUBLIC_WIREAI_SERVER_URL;
   const appId = (_d = (_c = overrides == null ? void 0 : overrides.appId) != null ? _c : process.env.EXPO_PUBLIC_WIREAI_APP_ID) != null ? _d : "default";
   if (!apiKey || !serverUrl) return null;
@@ -3171,10 +3976,10 @@ var wireConfigFromEnv = (overrides) => {
 
 // src/config/onboardingFlag.ts
 var isOnboardingEnabled = (opts) => {
-  var _a;
+  var _a2;
   const transportPresent = wireConfigFromEnv(opts == null ? void 0 : opts.config) !== null;
   if (!transportPresent) return false;
-  return (_a = opts == null ? void 0 : opts.remote) != null ? _a : true;
+  return (_a2 = opts == null ? void 0 : opts.remote) != null ? _a2 : true;
 };
 
 // src/analytics/analyticsEvent.ts
@@ -3270,7 +4075,7 @@ var namespaceExtra = (extra) => {
   return out;
 };
 var resolveUserContext = (ctx = {}, opts = {}) => {
-  var _a;
+  var _a2;
   const result = {};
   const bucket = {};
   const userId = sanitizeUserId(ctx.userId);
@@ -3280,7 +4085,7 @@ var resolveUserContext = (ctx = {}, opts = {}) => {
     result.deviceKey = deviceKey;
     bucket.device_key = deviceKey;
   }
-  const appVersion = (_a = cleanString(ctx.appVersion)) != null ? _a : cleanString(opts.autoAppVersion);
+  const appVersion = (_a2 = cleanString(ctx.appVersion)) != null ? _a2 : cleanString(opts.autoAppVersion);
   if (appVersion) {
     result.appVersion = appVersion;
     bucket.app_version = appVersion;
@@ -3299,6 +4104,15 @@ var resolveUserContext = (ctx = {}, opts = {}) => {
   return result;
 };
 
+// src/context/deviceId.ts
+var AUTO_DEVICE_ID_PREFIX = "wdev_";
+var deviceIdStorageKey = (appId) => `wireai:analytics:deviceKey:${appId != null ? appId : "default"}`;
+var randomChunk = () => Math.floor(Math.random() * 4294967296).toString(36).padStart(6, "0");
+var mintDeviceId = () => {
+  const time = Date.now().toString(36);
+  return `${AUTO_DEVICE_ID_PREFIX}${time}_${randomChunk()}${randomChunk()}`;
+};
+
 // src/session-analytics/reportSessionStart.ts
 var SESSION_STARTED_EVENT = "app.session_started";
 var _emitted = /* @__PURE__ */ new Set();
@@ -3307,10 +4121,10 @@ var resetSessionStartGuard = () => {
   _emitted.clear();
 };
 var reportSessionStart = (opts) => {
-  var _a;
+  var _a2;
   const target = opts.target;
   if (!opts.sink && !(target == null ? void 0 : target.serverUrl)) return;
-  const sessionId = (_a = opts.sessionId) != null ? _a : makeSessionId();
+  const sessionId = (_a2 = opts.sessionId) != null ? _a2 : makeSessionId();
   setCurrentSessionId(sessionId);
   if (opts.once !== false) {
     if (_emitted.has(sessionId)) return;
@@ -3358,15 +4172,15 @@ var reportSessionStart = (opts) => {
 };
 var BACKGROUND_SESSION_MS = 30 * 60 * 1e3;
 var useSessionStart = (config, options = {}) => {
-  const latest = React14.useRef({ config, options });
+  const latest = React18.useRef({ config, options });
   latest.current = { config, options };
-  React14.useEffect(() => {
+  React18.useEffect(() => {
     const fire = () => {
-      var _a, _b;
+      var _a2, _b;
       const { config: cfg, options: opts } = latest.current;
       if (!(cfg == null ? void 0 : cfg.serverUrl)) return;
       if (opts.enabled === false) return;
-      const target = { serverUrl: cfg.serverUrl, apiKey: (_a = cfg.apiKey) != null ? _a : "" };
+      const target = { serverUrl: cfg.serverUrl, apiKey: (_a2 = cfg.apiKey) != null ? _a2 : "" };
       const device = collectDeviceContext();
       if (cfg.appVersion) device.appVersion = cfg.appVersion;
       reportSessionStart({
@@ -3417,7 +4231,7 @@ var resetFirstOpenLatch = () => {
   _firstOpenLatched.clear();
 };
 var buildLifecycleEvent = (questionKey, opts) => {
-  var _a;
+  var _a2;
   const userContext = {};
   if (opts.deviceKey) userContext.device_key = opts.deviceKey;
   if (typeof opts.sessionCount === "number" && Number.isFinite(opts.sessionCount)) {
@@ -3429,7 +4243,7 @@ var buildLifecycleEvent = (questionKey, opts) => {
   const event = {
     event_type: "app_event",
     question_key: questionKey,
-    session_id: (_a = opts.sessionId) != null ? _a : makeSessionId()
+    session_id: (_a2 = opts.sessionId) != null ? _a2 : makeSessionId()
   };
   const userId = sanitizeUserId(opts.userId);
   if (userId) event.user_id = userId;
@@ -3462,8 +4276,8 @@ var emitFirstOpen = (opts) => {
   routeLifecycleEvent(buildLifecycleEvent(FIRST_OPEN_EVENT, opts), opts);
 };
 var reportFirstOpen = (opts) => {
-  var _a;
-  const appId = (_a = opts.appId) != null ? _a : "default";
+  var _a2;
+  const appId = (_a2 = opts.appId) != null ? _a2 : "default";
   if (_firstOpenLatched.has(appId)) return;
   _firstOpenLatched.add(appId);
   const storage = opts.storage;
@@ -3540,10 +4354,10 @@ var parsePersisted2 = (raw) => {
   }
 };
 var createEventQueue = (options) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a2, _b, _c, _d, _e, _f, _g;
   const target = options.target;
   const storage = options.storage;
-  const key = (_b = options.storageKey) != null ? _b : `wireai:evtq:${(_a = options.appId) != null ? _a : "default"}`;
+  const key = (_b = options.storageKey) != null ? _b : `wireai:evtq:${(_a2 = options.appId) != null ? _a2 : "default"}`;
   const maxSize = (_c = options.maxSize) != null ? _c : DEFAULTS.maxSize;
   const batchSize = (_d = options.batchSize) != null ? _d : DEFAULTS.batchSize;
   const baseBackoffMs = (_e = options.baseBackoffMs) != null ? _e : DEFAULTS.baseBackoffMs;
@@ -3562,13 +4376,13 @@ var createEventQueue = (options) => {
     }
   };
   const stamp = (event) => {
-    var _a2;
+    var _a3;
     const env = resolveEnvelope();
     const stamped = { ...event };
     if (!env) return stamped;
     if (!stamped.device && env.device) stamped.device = env.device;
     if (!stamped.session_id && env.sessionId) stamped.session_id = env.sessionId;
-    const uc = { ...(_a2 = stamped.user_context) != null ? _a2 : {} };
+    const uc = { ...(_a3 = stamped.user_context) != null ? _a3 : {} };
     if (env.appVersion && uc.app_version === void 0) uc.app_version = env.appVersion;
     if (env.appBuild && uc.app_build === void 0) uc.app_build = env.appBuild;
     if (env.networkType && uc.network_type === void 0) uc.network_type = env.networkType;
@@ -3713,19 +4527,19 @@ var createEventQueue = (options) => {
 
 // src/session-analytics/useLifecycleEvents.ts
 var useLifecycleEvents = (config, options = {}) => {
-  const latest = React14.useRef({ config, options });
+  const latest = React18.useRef({ config, options });
   latest.current = { config, options };
-  const queueRef = React14.useRef(void 0);
-  React14.useEffect(() => {
-    var _a;
+  const queueRef = React18.useRef(void 0);
+  React18.useEffect(() => {
+    var _a2;
     const resolveSink = () => {
-      var _a2, _b;
+      var _a3, _b;
       const { config: cfg, options: opts } = latest.current;
       if (opts.sink) return opts.sink;
       if (!(cfg == null ? void 0 : cfg.serverUrl)) return void 0;
       if (!queueRef.current) {
         queueRef.current = createEventQueue({
-          target: { serverUrl: cfg.serverUrl, apiKey: (_a2 = cfg.apiKey) != null ? _a2 : "" },
+          target: { serverUrl: cfg.serverUrl, apiKey: (_a3 = cfg.apiKey) != null ? _a3 : "" },
           storage: cfg.storage,
           // Dedicated key so the hook's internal queue never collides with a host's main queue.
           storageKey: `wireai:evtq:lifecycle:${(_b = cfg.appId) != null ? _b : "default"}`,
@@ -3735,8 +4549,8 @@ var useLifecycleEvents = (config, options = {}) => {
       return queueRef.current.enqueue;
     };
     const targetOf = (cfg) => {
-      var _a2;
-      return (cfg == null ? void 0 : cfg.serverUrl) ? { serverUrl: cfg.serverUrl, apiKey: (_a2 = cfg.apiKey) != null ? _a2 : "" } : void 0;
+      var _a3;
+      return (cfg == null ? void 0 : cfg.serverUrl) ? { serverUrl: cfg.serverUrl, apiKey: (_a3 = cfg.apiKey) != null ? _a3 : "" } : void 0;
     };
     {
       const { config: cfg, options: opts } = latest.current;
@@ -3751,7 +4565,7 @@ var useLifecycleEvents = (config, options = {}) => {
           userId: opts.userId,
           deviceKey: opts.deviceKey,
           sessionCount: opts.sessionCount,
-          appVersion: (_a = cfg == null ? void 0 : cfg.appVersion) != null ? _a : device.appVersion,
+          appVersion: (_a2 = cfg == null ? void 0 : cfg.appVersion) != null ? _a2 : device.appVersion,
           platform: reactNative.Platform.OS,
           device,
           meta: opts.meta
@@ -3759,7 +4573,7 @@ var useLifecycleEvents = (config, options = {}) => {
       }
     }
     const fireSession = () => {
-      var _a2;
+      var _a3;
       const { config: cfg, options: opts } = latest.current;
       if (opts.enabled === false) return;
       if (!(cfg == null ? void 0 : cfg.serverUrl) && !opts.sink) return;
@@ -3772,7 +4586,7 @@ var useLifecycleEvents = (config, options = {}) => {
         userId: opts.userId,
         deviceKey: opts.deviceKey,
         sessionCount: opts.sessionCount,
-        appVersion: (_a2 = cfg == null ? void 0 : cfg.appVersion) != null ? _a2 : device.appVersion,
+        appVersion: (_a3 = cfg == null ? void 0 : cfg.appVersion) != null ? _a3 : device.appVersion,
         platform: reactNative.Platform.OS,
         device,
         meta: opts.meta
@@ -3798,8 +4612,10 @@ var useLifecycleEvents = (config, options = {}) => {
   }, []);
 };
 
+exports.AUTO_DEVICE_ID_PREFIX = AUTO_DEVICE_ID_PREFIX;
 exports.AnimatedSparkle = AnimatedSparkle;
 exports.BACKGROUND_SESSION_MS = BACKGROUND_SESSION_MS;
+exports.CardGridSelectCard = CardGridSelectCard;
 exports.CardHandoff = CardHandoff;
 exports.CenteredModal = CenteredModal;
 exports.ChipSelectCard = ChipSelectCard;
@@ -3811,6 +4627,7 @@ exports.DoneBlock = DoneBlock;
 exports.EXTRA_KEY_PREFIX = EXTRA_KEY_PREFIX;
 exports.ErrorBlock = ErrorBlock;
 exports.FIRST_OPEN_EVENT = FIRST_OPEN_EVENT;
+exports.IconRegistryProvider = IconRegistryProvider;
 exports.IllustrationProvider = IllustrationProvider;
 exports.InterstitialCard = InterstitialCard;
 exports.LoadingBlock = LoadingBlock;
@@ -3827,8 +4644,11 @@ exports.StatusCard = StatusCard;
 exports.StepProgress = StepProgress;
 exports.TextInputCard = TextInputCard;
 exports.USER_ID_MAX_LENGTH = USER_ID_MAX_LENGTH;
+exports.WIRE_ICON_GLYPHS = WIRE_ICON_GLYPHS;
+exports.WIRE_ICON_NAMES = WIRE_ICON_NAMES;
 exports.WIRE_ONBOARDING_EVENTS = WIRE_ONBOARDING_EVENTS;
 exports.WireFeaturesProvider = WireFeaturesProvider;
+exports.WireIcon = WireIcon;
 exports.WireOnboarding = WireOnboarding;
 exports.attributionMetadata = attributionMetadata;
 exports.clearPersistedSession = clearPersistedSession;
@@ -3838,6 +4658,8 @@ exports.defaultOnboardingTheme = defaultOnboardingTheme;
 exports.defaultWireFeatures = defaultWireFeatures;
 exports.deriveAnswers = deriveAnswers;
 exports.detectAppVersion = detectAppVersion;
+exports.detectNativeModel = detectNativeModel;
+exports.deviceIdStorageKey = deviceIdStorageKey;
 exports.featuresCacheKey = featuresCacheKey;
 exports.featuresEqual = featuresEqual;
 exports.fetchWireFeatures = fetchWireFeatures;
@@ -3849,8 +4671,10 @@ exports.isFeaturesFresh = isFeaturesFresh;
 exports.isOnboardingEnabled = isOnboardingEnabled;
 exports.isWireScalar = isWireScalar;
 exports.loadPersistedSession = loadPersistedSession;
+exports.lookupIconGlyph = lookupIconGlyph;
 exports.makeSessionId = makeSessionId;
 exports.mergeTheme = mergeTheme;
+exports.mintDeviceId = mintDeviceId;
 exports.motionSpec = motionSpec_exports;
 exports.namespaceExtra = namespaceExtra;
 exports.onboardingComponents = onboardingComponents;
@@ -3872,6 +4696,7 @@ exports.sessionStorageKey = sessionStorageKey;
 exports.setCurrentSessionId = setCurrentSessionId;
 exports.themeFromBrand = themeFromBrand;
 exports.toAnalyticsEvent = toAnalyticsEvent;
+exports.useHostIcon = useHostIcon;
 exports.useIllustration = useIllustration;
 exports.useLifecycleEvents = useLifecycleEvents;
 exports.useOnboardingTheme = useOnboardingTheme;