@wireai/activation 0.7.0 → 0.9.0

package/dist/index.mjs

@@ -1,21 +1,406 @@
-import React14, { createContext, forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, useContext } from 'react';
+import { StyleSheet, Easing, Animated, BackHandler, Modal, Pressable, Text, View, TouchableOpacity, KeyboardAvoidingView, ScrollView, useWindowDimensions, TextInput, Image, AccessibilityInfo, Platform, Dimensions, I18nManager, AppState, NativeModules, TurboModuleRegistry } from 'react-native';
+import React18, { createContext, forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, useContext } from 'react';
 import { useWireAIThread, useWireAIAction, ComponentRenderer, WireAIProvider } from 'wireai-rn';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { StyleSheet, Easing, Animated, BackHandler, Modal, Pressable, Text, View, TouchableOpacity, KeyboardAvoidingView, ScrollView, useWindowDimensions, TextInput, Image, AccessibilityInfo, Platform, Dimensions, I18nManager, AppState } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { z } from 'zod';
 
 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(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 && 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 (NativeModules.EXDevLauncher) {
+      let devLauncherManifest;
+      if (NativeModules.EXDevLauncher.manifestString) {
+        devLauncherManifest = JSON.parse(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 = {
@@ -94,10 +479,10 @@ var IllustrationProvider = ({
   const value = useMemo(() => registry != null ? registry : EMPTY_REGISTRY, [registry]);
   return /* @__PURE__ */ jsx(IllustrationContext.Provider, { value, children });
 };
-var useIllustration = (name) => {
+var useIllustration = (name2) => {
   const registry = useContext(IllustrationContext);
-  if (!name) return void 0;
-  return registry[name];
+  if (!name2) return void 0;
+  return registry[name2];
 };
 var Glyph = ({ children }) => {
   const t = useOnboardingTheme();
@@ -169,6 +554,21 @@ var styles = StyleSheet.create({
     fontWeight: "700"
   }
 });
+var EMPTY_REGISTRY2 = {};
+var IconContext = createContext(EMPTY_REGISTRY2);
+var IconRegistryProvider = ({
+  registry,
+  children
+}) => {
+  const value = useMemo(() => registry != null ? registry : EMPTY_REGISTRY2, [registry]);
+  return /* @__PURE__ */ jsx(IconContext.Provider, { value, children });
+};
+var useHostIcon = (name2) => {
+  const registry = 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);
@@ -183,9 +583,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"
@@ -198,9 +598,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"
   };
@@ -402,7 +802,7 @@ var _AnimatedSparkle = ({ size = 30, color, variant = "spin" }) => {
     }
   ) });
 };
-var AnimatedSparkle = React14.memo(_AnimatedSparkle);
+var AnimatedSparkle = React18.memo(_AnimatedSparkle);
 var styles2 = StyleSheet.create({
   box: { alignItems: "center", justifyContent: "center" },
   glyph: {
@@ -505,7 +905,7 @@ var _LoadingBlock = ({
     )
   ] });
 };
-var LoadingBlock = React14.memo(_LoadingBlock);
+var LoadingBlock = React18.memo(_LoadingBlock);
 var styles3 = StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" },
   // Absolutely-positioned label column, pinned just under the centered stage: its top
@@ -550,7 +950,7 @@ var _LoadingScreen = ({ title, hint }) => {
     }
   );
 };
-var LoadingScreen = React14.memo(_LoadingScreen);
+var LoadingScreen = React18.memo(_LoadingScreen);
 var styles4 = StyleSheet.create({
   flex: { flex: 1 }
 });
@@ -590,7 +990,7 @@ var _StepProgress = ({ step, complete, approxScreens }) => {
     }
   ) });
 };
-var StepProgress = React14.memo(_StepProgress);
+var StepProgress = React18.memo(_StepProgress);
 var styles5 = StyleSheet.create({
   track: { height: 6, width: "100%", overflow: "hidden" },
   fill: { height: 6 }
@@ -606,31 +1006,31 @@ var _OnboardingScaffold = ({
   children
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = useMemo(() => makeStyles(t), [t]);
+  const styles18 = useMemo(() => makeStyles(t), [t]);
   const hit = { top: 12, bottom: 12, left: 12, right: 12 };
   return /* @__PURE__ */ jsxs(
     SafeAreaView,
     {
       edges: ["top", "bottom"],
-      style: [styles16.flex, { backgroundColor: t.colors.background }],
+      style: [styles18.flex, { backgroundColor: t.colors.background }],
       children: [
-        /* @__PURE__ */ jsxs(View, { style: [styles16.header, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }], children: [
-          /* @__PURE__ */ jsx(View, { style: styles16.progressWrap, children: /* @__PURE__ */ jsx(StepProgress, { step, complete, approxScreens }) }),
-          onSkip ? /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onSkip, hitSlop: hit, style: styles16.skip, children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: skipLabel }) }) : null
+        /* @__PURE__ */ jsxs(View, { style: [styles18.header, { paddingHorizontal: t.spacing.md, paddingTop: t.spacing.md }], children: [
+          /* @__PURE__ */ jsx(View, { style: styles18.progressWrap, children: /* @__PURE__ */ jsx(StepProgress, { step, complete, approxScreens }) }),
+          onSkip ? /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onSkip, hitSlop: hit, style: styles18.skip, children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: skipLabel }) }) : null
         ] }),
         /* @__PURE__ */ jsx(
           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__ */ jsx(View, { style: [styles16.footer, { paddingHorizontal: t.spacing.md, paddingBottom: t.spacing.sm }], children: /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onBack, hitSlop: hit, children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: backLabel }) }) }) : null
+        onBack ? /* @__PURE__ */ jsx(View, { style: [styles18.footer, { paddingHorizontal: t.spacing.md, paddingBottom: t.spacing.sm }], children: /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onBack, hitSlop: hit, children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: backLabel }) }) }) : null
       ]
     }
   );
 };
-var OnboardingScaffold = React14.memo(_OnboardingScaffold);
+var OnboardingScaffold = React18.memo(_OnboardingScaffold);
 function makeStyles(t) {
   return StyleSheet.create({
     flex: { flex: 1 },
@@ -731,7 +1131,7 @@ var _Button = ({
     }
   );
 };
-var Button = React14.memo(_Button);
+var Button = React18.memo(_Button);
 var styles6 = StyleSheet.create({
   base: { alignItems: "center", justifyContent: "center" },
   fill: { width: "100%" }
@@ -749,7 +1149,7 @@ var _ErrorBlock = ({
     onRetry ? /* @__PURE__ */ jsx(Button, { title: retryLabel, onPress: onRetry, variant: "outline" }) : null
   ] });
 };
-var ErrorBlock = React14.memo(_ErrorBlock);
+var ErrorBlock = React18.memo(_ErrorBlock);
 var styles7 = StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" }
 });
@@ -762,10 +1162,10 @@ var _CardLayout = ({
   titleNode
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = useMemo(() => makeStyles2(t), [t]);
+  const styles18 = useMemo(() => makeStyles2(t), [t]);
   const hasHeader = !!title || !!subtitle || !!titleNode;
-  return /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: styles16.fill, behavior: "padding", children: [
-    hasHeader ? /* @__PURE__ */ jsxs(View, { style: styles16.header, children: [
+  return /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: styles18.fill, behavior: "padding", children: [
+    hasHeader ? /* @__PURE__ */ jsxs(View, { style: styles18.header, children: [
       titleNode != null ? titleNode : title ? /* @__PURE__ */ jsx(Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: title }) : null,
       subtitle ? /* @__PURE__ */ jsx(
         Text,
@@ -781,10 +1181,10 @@ var _CardLayout = ({
     /* @__PURE__ */ jsx(
       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",
@@ -792,10 +1192,10 @@ var _CardLayout = ({
         children
       }
     ),
-    footer ? /* @__PURE__ */ jsx(View, { style: styles16.footer, children: footer }) : null
+    footer ? /* @__PURE__ */ jsx(View, { style: styles18.footer, children: footer }) : null
   ] });
 };
-var CardLayout = React14.memo(_CardLayout);
+var CardLayout = React18.memo(_CardLayout);
 function makeStyles2(t) {
   return StyleSheet.create({
     fill: { flex: 1 },
@@ -920,7 +1320,7 @@ var _CompletionView = ({
     }
   );
 };
-var CompletionView = React14.memo(_CompletionView);
+var CompletionView = React18.memo(_CompletionView);
 var styles8 = StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   badgeStage: {
@@ -937,6 +1337,8 @@ var easeWire3 = Easing.bezier(...WIRE_BEZIER);
 var _CardHandoff = ({
   transitionKey,
   variant = "slide",
+  direction = "forward",
+  layout = "fill",
   children
 }) => {
   const reduced = useReducedMotion();
@@ -947,7 +1349,7 @@ var _CardHandoff = ({
   const running = useRef({});
   const mounted = useRef(false);
   useEffect(() => {
-    var _a, _b;
+    var _a2, _b;
     const last = prev.current;
     prev.current = { key: transitionKey, node: children, variant };
     if (!mounted.current) {
@@ -956,7 +1358,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);
@@ -981,15 +1383,15 @@ var _CardHandoff = ({
   });
   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__ */ jsxs(Fragment, { children: [
     leaving ? /* @__PURE__ */ jsx(
@@ -1000,13 +1402,14 @@ var _CardHandoff = ({
           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__ */ jsx(Animated.View, { style: [styles9.fill, enterStyle], children }, variant)
+    /* @__PURE__ */ jsx(Animated.View, { style: [layout === "fill" ? styles9.fill : null, enterStyle], children }, variant)
   ] });
 };
 var startEnter = (value, variant, reduced, delay, onDone) => {
@@ -1032,21 +1435,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.memo(_CardHandoff);
+var CardHandoff = React18.memo(_CardHandoff);
 var styles9 = StyleSheet.create({
   fill: { flex: 1 }
 });
@@ -1061,13 +1465,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;
@@ -1081,9 +1485,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;
@@ -1169,7 +1573,7 @@ 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 } = useWireAIThread();
   const makeActions = useWireAIAction(sendMessage);
   const c = useMemo(() => ({ ...DEFAULT_COPY, ...copy }), [copy]);
@@ -1200,25 +1604,25 @@ var OnboardingFlow = ({
   const [validating, setValidating] = useState(false);
   const lastCard = 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 = 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 = useMemo(() => readProgress(lastCard == null ? void 0 : lastCard.response), [lastCard]);
   useEffect(() => {
-    var _a2;
+    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 }
     );
@@ -1229,10 +1633,10 @@ var OnboardingFlow = ({
     return () => clearTimeout(timer);
   }, [lastCard, startTimeoutMs]);
   useEffect(() => {
-    var _a2, _b2, _c2, _d2;
+    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",
@@ -1248,13 +1652,13 @@ var OnboardingFlow = ({
   }, [lastCard == null ? void 0 : lastCard.id]);
   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
       });
@@ -1267,12 +1671,12 @@ var OnboardingFlow = ({
     reset();
   }, [reset]);
   useEffect(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+    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 });
@@ -1325,26 +1729,26 @@ var OnboardingFlow = ({
   }, []);
   const wrappedActions = 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);
@@ -1375,7 +1779,7 @@ var OnboardingFlow = ({
   if (!lastCard || !response) {
     return /* @__PURE__ */ 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) {
@@ -1562,7 +1966,7 @@ var _ChipItem = ({ chip, isSelected, multiSelect, onToggle }) => {
     }
   );
 };
-var ChipItem = React14.memo(_ChipItem);
+var ChipItem = React18.memo(_ChipItem);
 var _ChipSelectCard = ({
   title,
   chips,
@@ -1627,8 +2031,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.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.memo(_ChipSelectCard),
   propsSchema: schema,
   defaultProps: { multiSelect: true, submitLabel: "Continue" }
 };
@@ -1664,7 +2068,7 @@ var _TextInputCard = ({
   lines = 6
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = useMemo(() => makeStyles3(t), [t]);
+  const styles18 = useMemo(() => makeStyles3(t), [t]);
   const { height: screenHeight } = useWindowDimensions();
   const [value, setValue] = useState("");
   const [submitted, setSubmitted] = useState(false);
@@ -1691,7 +2095,7 @@ var _TextInputCard = ({
           disabled: !value.trim() || locked
         }
       ),
-      children: /* @__PURE__ */ jsxs(View, { style: styles16.row, children: [
+      children: /* @__PURE__ */ jsxs(View, { style: styles18.row, children: [
         /* @__PURE__ */ jsx(
           TextInput,
           {
@@ -1705,7 +2109,7 @@ var _TextInputCard = ({
             textAlignVertical: multiline ? "top" : "center",
             style: [
               bodyStyle(t.fonts),
-              styles16.input,
+              styles18.input,
               {
                 color: t.colors.text,
                 backgroundColor: t.colors.surface,
@@ -1725,7 +2129,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.memo(_TextInputCard),
+  component: React18.memo(_TextInputCard),
   propsSchema: schema2,
   defaultProps: { submitLabel: "Submit", multiline: true, lines: 6 }
 };
@@ -1735,17 +2139,201 @@ function makeStyles3(t) {
     input: { borderWidth: 1 }
   });
 }
-var easeWire5 = 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__ */ jsx(
+      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__ */ jsx(
+    View,
+    {
+      style: styles11.decorative,
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      children: /* @__PURE__ */ jsx(
+        Family,
+        {
+          name: glyph.name,
+          size,
+          color,
+          allowFontScaling: false
+        }
+      )
+    }
+  );
+};
+var WireIcon = React18.memo(_WireIcon);
+WireIcon.displayName = "WireIcon";
+var styles11 = 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 = z.object({
   value: z.string().describe("Option value"),
-  label: z.string().describe("Option display label")
+  label: z.string().describe("Option display label"),
+  icon: 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) => z.preprocess(coerceOptions, z.array(optionObjectSchema).min(1)).describe(description);
+var normalizeOptions = (options) => options.map((opt) => typeof opt === "string" ? { value: opt, label: opt } : opt);
+var easeWire5 = Easing.bezier(...WIRE_BEZIER);
 var schema3 = z.object({
   title: z.string().describe("Question or prompt for the user"),
-  options: z.preprocess(
-    (arr) => Array.isArray(arr) ? arr.map((item) => typeof item === "string" ? { value: item, label: item } : item) : arr,
-    z.array(optionObjectSchema).min(1)
-  ).describe("List of choices"),
+  options: optionsField("List of choices"),
   submitLabel: z.string().optional().describe("Submit button label, default: Continue"),
   multiSelect: z.boolean().optional().describe("Allow multiple selections")
 });
@@ -1813,7 +2401,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
         Animated.View,
         {
           style: [
-            styles11.option,
+            styles12.option,
             {
               padding: t.spacing.md,
               borderRadius: t.radius.md,
@@ -1830,7 +2418,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                 pointerEvents: "none",
                 style: [
                   StyleSheet.absoluteFill,
-                  styles11.selectedOverlay,
+                  styles12.selectedOverlay,
                   {
                     borderRadius: t.radius.md,
                     borderColor: t.colors.primary,
@@ -1844,7 +2432,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
               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" }
                 ],
@@ -1852,7 +2440,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                   Animated.Text,
                   {
                     style: [
-                      styles11.check,
+                      styles12.check,
                       { color: t.colors.onPrimary, opacity: checkT, transform: [{ scale: checkScale }] }
                     ],
                     children: "\u2713"
@@ -1860,6 +2448,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
                 ) : null
               }
             ),
+            /* @__PURE__ */ jsx(WireIcon, { name: opt.icon, size: 20, color: t.colors.text }),
             /* @__PURE__ */ jsx(Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: opt.label })
           ]
         }
@@ -1867,7 +2456,7 @@ var _OptionRow = ({ opt, isSelected, multiSelect, onToggle }) => {
     }
   );
 };
-var OptionRow = React14.memo(_OptionRow);
+var OptionRow = React18.memo(_OptionRow);
 var _SelectionCard = ({
   title,
   options,
@@ -1877,6 +2466,7 @@ var _SelectionCard = ({
   onSelectionChange
 }) => {
   const t = useOnboardingTheme();
+  const opts = React18.useMemo(() => normalizeOptions(options), [options]);
   const [selected, setSelected] = useState([]);
   const [submitted, setSubmitted] = useState(false);
   useEffect(() => {
@@ -1911,7 +2501,7 @@ var _SelectionCard = ({
           disabled: selected.length === 0 || submitted
         }
       ),
-      children: /* @__PURE__ */ jsx(View, { style: { gap: t.spacing.sm + t.spacing.xs }, children: options.map((opt) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(View, { style: { gap: t.spacing.sm + t.spacing.xs }, children: opts.map((opt) => /* @__PURE__ */ jsx(
         OptionRow,
         {
           opt,
@@ -1926,12 +2516,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.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.memo(_SelectionCard),
   propsSchema: schema3,
   defaultProps: { submitLabel: "Continue", multiSelect: false }
 };
-var styles11 = StyleSheet.create({
+var styles12 = 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" },
@@ -1939,6 +2529,168 @@ var styles11 = StyleSheet.create({
 });
 var easeWire6 = Easing.bezier(...WIRE_BEZIER);
 var schema4 = z.object({
+  title: 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: z.string().optional().describe("Submit button label, default: Continue"),
+  multiSelect: 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 = useCallback(() => onToggle(opt.value), [opt.value, onToggle]);
+  const pressScale = useRef(new Animated.Value(1)).current;
+  const pressTo = useCallback(
+    (to) => {
+      if (reduced) return;
+      Animated.spring(pressScale, {
+        toValue: to,
+        friction: PRESS_SPRING.friction,
+        tension: PRESS_SPRING.tension,
+        useNativeDriver: true
+      }).start();
+    },
+    [pressScale, reduced]
+  );
+  const handlePressIn = useCallback(() => pressTo(ROW_PRESS_SCALE), [pressTo]);
+  const handlePressOut = useCallback(() => pressTo(1), [pressTo]);
+  const selectT = useRef(new Animated.Value(isSelected ? 1 : 0)).current;
+  useEffect(() => {
+    const anim = 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__ */ jsx(
+    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__ */ jsxs(
+        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__ */ jsx(
+              Animated.View,
+              {
+                pointerEvents: "none",
+                style: [
+                  StyleSheet.absoluteFill,
+                  styles13.selectedOverlay,
+                  {
+                    borderRadius: t.radius.lg,
+                    borderColor: t.colors.primary,
+                    backgroundColor: t.colors.primarySoft,
+                    opacity: selectT
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(WireIcon, { name: opt.icon, size: 24, color: t.colors.text }),
+            /* @__PURE__ */ jsx(Text, { style: [labelStyle(t.fonts), { color: t.colors.text }], children: opt.label })
+          ]
+        }
+      )
+    }
+  );
+};
+var OptionCard = React18.memo(_OptionCard);
+var _CardGridSelectCard = ({
+  title,
+  options,
+  submitLabel = "Continue",
+  multiSelect = true,
+  onSelect,
+  onSelectionChange
+}) => {
+  const t = useOnboardingTheme();
+  const opts = React18.useMemo(() => normalizeOptions(options), [options]);
+  const [selected, setSelected] = useState([]);
+  const [submitted, setSubmitted] = useState(false);
+  useEffect(() => {
+    if (!submitted && selected.length) onSelectionChange == null ? void 0 : onSelectionChange(multiSelect ? selected : selected[0]);
+  }, [selected, submitted, multiSelect, onSelectionChange]);
+  const toggle = 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 = useCallback(() => {
+    if (!selected.length || !onSelect || submitted) return;
+    setSubmitted(true);
+    onSelect(multiSelect ? selected : selected[0]);
+  }, [selected, onSelect, submitted, multiSelect]);
+  return /* @__PURE__ */ jsx(
+    CardLayout,
+    {
+      title,
+      footer: /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: submitLabel,
+          onPress: handleSubmit,
+          variant: "primary",
+          disabled: selected.length === 0 || submitted
+        }
+      ),
+      children: /* @__PURE__ */ jsx(View, { style: [styles13.grid, { gap: t.spacing.sm }], children: opts.map((opt) => /* @__PURE__ */ 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.memo(_CardGridSelectCard),
+  propsSchema: schema4,
+  defaultProps: { submitLabel: "Continue", multiSelect: true }
+};
+var styles13 = 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 = Easing.bezier(...WIRE_BEZIER);
+var schema5 = z.object({
   status: z.enum(["success", "warning", "error", "info"]).describe("Status type"),
   title: z.string().describe("Status title"),
   message: z.string().optional().describe("Supporting message"),
@@ -1953,7 +2705,7 @@ 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] = useState(false);
@@ -1988,7 +2740,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
       })
     ];
@@ -2010,8 +2762,8 @@ var _StatusCard = ({ status, title, message, ctaLabel, onContinue, onPress, onSu
     {
       align: "center",
       footer: ctaLabel ? /* @__PURE__ */ jsx(Button, { title: ctaLabel, onPress: handleContinue, variant: "primary", disabled: submitted }) : void 0,
-      children: /* @__PURE__ */ jsxs(View, { style: [styles12.center, { gap: t.spacing.sm }], children: [
-        /* @__PURE__ */ jsxs(View, { style: [styles12.titleRow, { gap: t.spacing.sm }], children: [
+      children: /* @__PURE__ */ jsxs(View, { style: [styles14.center, { gap: t.spacing.sm }], children: [
+        /* @__PURE__ */ jsxs(View, { style: [styles14.titleRow, { gap: t.spacing.sm }], children: [
           /* @__PURE__ */ jsx(
             Animated.Text,
             {
@@ -2019,7 +2771,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__ */ jsx(
@@ -2055,14 +2807,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.memo(_StatusCard),
-  propsSchema: schema4
+  component: React18.memo(_StatusCard),
+  propsSchema: schema5
 };
-var styles12 = StyleSheet.create({
+var styles14 = StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   titleRow: { flexDirection: "row", alignItems: "center", justifyContent: "center" }
 });
-var schema5 = z.object({
+var schema6 = z.object({
   label: z.string().describe("What is being counted, e.g. 'Number of days' or 'Travellers'"),
   min: z.number().optional().describe("Minimum value, default 1"),
   max: z.number().optional().describe("Maximum value, default 30"),
@@ -2083,7 +2835,7 @@ var _NumberStepperCard = ({
   onSubmit
 }) => {
   const t = useOnboardingTheme();
-  const styles16 = useMemo(() => makeStyles4(t), [t]);
+  const styles18 = useMemo(() => makeStyles4(t), [t]);
   const safeMin = safeNum(min, 1);
   const safeMaxRaw = safeNum(max, 30);
   const safeMax = safeMaxRaw < safeMin ? safeMin : safeMaxRaw;
@@ -2107,7 +2859,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__ */ jsx(
@@ -2116,10 +2868,10 @@ var _NumberStepperCard = ({
       title: label,
       align: "center",
       footer: /* @__PURE__ */ jsx(Button, { title: submitLabel, onPress: handleSubmit, variant: "primary", disabled: submitted }),
-      children: /* @__PURE__ */ jsxs(View, { style: styles16.wrap, children: [
-        /* @__PURE__ */ jsxs(View, { style: [styles16.stepper, { gap: t.spacing.lg }], children: [
+      children: /* @__PURE__ */ jsxs(View, { style: styles18.wrap, children: [
+        /* @__PURE__ */ jsxs(View, { style: [styles18.stepper, { gap: t.spacing.lg }], children: [
           /* @__PURE__ */ jsx(Pressable, { onPress: atMin || submitted ? void 0 : handleDecrement, disabled: atMin || submitted, style: stepBtnStyle(atMin), children: /* @__PURE__ */ jsx(Text, { style: [headingStyle(t.fonts), { color: atMin ? t.colors.textMuted : t.colors.primary }], children: "\u2212" }) }),
-          /* @__PURE__ */ jsxs(View, { style: styles16.valueBox, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles18.valueBox, children: [
             /* @__PURE__ */ jsx(Text, { style: [headingStyle(t.fonts), { color: t.colors.primary }], children: String(value) }),
             unit ? /* @__PURE__ */ jsx(Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: unit }) : null
           ] }),
@@ -2133,8 +2885,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.memo(_NumberStepperCard),
-  propsSchema: schema5,
+  component: React18.memo(_NumberStepperCard),
+  propsSchema: schema6,
   defaultProps: { min: 1, max: 30, defaultValue: 1, step: 1, submitLabel: "Confirm" }
 };
 function makeStyles4(t) {
@@ -2145,9 +2897,9 @@ function makeStyles4(t) {
     valueBox: { alignItems: "center", minWidth: 80 }
   });
 }
-var easeWire7 = Easing.bezier(...WIRE_BEZIER);
+var easeWire8 = Easing.bezier(...WIRE_BEZIER);
 var RISE_PX = 10;
-var schema6 = z.object({
+var schema7 = z.object({
   title: z.string().describe("Short, warm headline for the value/momentum moment"),
   body: z.string().optional().describe("One or two supporting lines that reflect the user's answers back and build momentum"),
   items: z.array(z.string()).max(4).optional().describe(
@@ -2184,7 +2936,7 @@ var _WorkItem = ({
         toValue: 1,
         duration: scaledMs(INTERSTITIAL_ITEM_MS),
         delay: scaledMs(interstitialItemDelay(index)),
-        easing: easeWire7,
+        easing: easeWire8,
         useNativeDriver: true
       }),
       Animated.spring(checkT, {
@@ -2206,20 +2958,20 @@ var _WorkItem = ({
   return /* @__PURE__ */ jsxs(
     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__ */ jsx(
           View,
           {
             style: [
-              styles13.itemBadge,
+              styles15.itemBadge,
               { backgroundColor: t.colors.primarySoft, borderRadius: t.radius.full }
             ],
             children: /* @__PURE__ */ jsx(
               Animated.Text,
               {
                 style: [
-                  styles13.itemCheck,
+                  styles15.itemCheck,
                   { color: t.colors.primary, opacity: checkT, transform: [{ scale: checkScale }] }
                 ],
                 children: "\u2713"
@@ -2227,12 +2979,12 @@ var _WorkItem = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), styles13.itemText, { color: t.colors.text }], children: text })
+        /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), styles15.itemText, { color: t.colors.text }], children: text })
       ]
     }
   );
 };
-var WorkItem = React14.memo(_WorkItem);
+var WorkItem = React18.memo(_WorkItem);
 var _InterstitialCard = ({
   title,
   body,
@@ -2269,7 +3021,7 @@ var _InterstitialCard = ({
       toValue: 1,
       duration: scaledMs(INTERSTITIAL_HEAD_MS),
       delay,
-      easing: easeWire7,
+      easing: easeWire8,
       useNativeDriver: true
     });
     const anims = [
@@ -2305,18 +3057,18 @@ var _InterstitialCard = ({
           disabled: submitted || !canAdvance
         }
       ),
-      children: /* @__PURE__ */ jsxs(View, { style: [styles13.center, { gap: t.spacing.md }], children: [
-        /* @__PURE__ */ jsx(Animated.View, { style: [styles13.fullWidth, riseStyle(artT)], children: showImage ? /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs(View, { style: [styles15.center, { gap: t.spacing.md }], children: [
+        /* @__PURE__ */ jsx(Animated.View, { style: [styles15.fullWidth, riseStyle(artT)], children: showImage ? /* @__PURE__ */ jsx(
           Image,
           {
             source: { uri: imageUrl },
-            style: styles13.image,
+            style: styles15.image,
             resizeMode: "contain",
             onError: () => setImgFailed(true)
           }
-        ) : art ? /* @__PURE__ */ jsx(View, { style: styles13.art, children: art }) : null }),
+        ) : art ? /* @__PURE__ */ jsx(View, { style: styles15.art, children: art }) : null }),
         /* @__PURE__ */ jsx(Animated.View, { style: riseStyle(titleT), children: /* @__PURE__ */ jsx(Text, { style: [headingStyle(t.fonts), { color: t.colors.text, textAlign: "center" }], children: title }) }),
-        (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsx(View, { style: [styles13.items, { gap: t.spacing.md, marginTop: t.spacing.sm }], children: items.map((item, i) => /* @__PURE__ */ jsx(WorkItem, { text: item, index: i, reduced }, `${item}-${i}`)) }) : body ? /* @__PURE__ */ jsx(Animated.View, { style: riseStyle(bodyT), children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: body }) }) : null
+        (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsx(View, { style: [styles15.items, { gap: t.spacing.md, marginTop: t.spacing.sm }], children: items.map((item, i) => /* @__PURE__ */ jsx(WorkItem, { text: item, index: i, reduced }, `${item}-${i}`)) }) : body ? /* @__PURE__ */ jsx(Animated.View, { style: riseStyle(bodyT), children: /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: body }) }) : null
       ] })
     }
   );
@@ -2324,11 +3076,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.memo(_InterstitialCard),
-  propsSchema: schema6,
+  component: React18.memo(_InterstitialCard),
+  propsSchema: schema7,
   defaultProps: { ctaLabel: "Continue", illustrationFallback: "momentum" }
 };
-var styles13 = StyleSheet.create({
+var styles15 = StyleSheet.create({
   center: { width: "100%", alignItems: "center", justifyContent: "center" },
   fullWidth: { width: "100%", alignItems: "center" },
   art: { alignItems: "center", justifyContent: "center" },
@@ -2345,6 +3097,7 @@ var onboardingComponents = [
   ChipSelectCard,
   TextInputCard,
   SelectionCard,
+  CardGridSelectCard,
   StatusCard,
   NumberStepperCard,
   InterstitialCard
@@ -2356,15 +3109,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;
@@ -2372,21 +3132,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");
@@ -2399,6 +3159,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";
@@ -2409,7 +3211,7 @@ var deriveFormFactor = (iosIdiom, width, height) => {
   return void 0;
 };
 var collectDeviceContext = () => {
-  var _a;
+  var _a2;
   const ctx = { platform: Platform.OS };
   try {
     const version = Platform.Version;
@@ -2418,26 +3220,26 @@ var collectDeviceContext = () => {
     }
   } catch {
   }
-  let constants = {};
+  let constants2 = {};
   try {
-    constants = (_a = Platform.constants) != null ? _a : {};
+    constants2 = (_a2 = Platform.constants) != null ? _a2 : {};
   } catch {
-    constants = {};
+    constants2 = {};
   }
   let iosIdiom;
   try {
     if (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 (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);
       }
@@ -2445,6 +3247,8 @@ var collectDeviceContext = () => {
         ctx.interfaceIdiom = idiom;
         iosIdiom = idiom;
       }
+      const iosModel = detectNativeModel();
+      if (iosModel) ctx.model = iosModel;
     }
   } catch {
   }
@@ -2551,9 +3355,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;
@@ -2575,6 +3379,7 @@ var WireOnboarding = ({
   theme,
   components,
   illustrations,
+  icons,
   validators,
   onComplete,
   onSkip,
@@ -2592,7 +3397,7 @@ var WireOnboarding = ({
   userContext,
   userId
 }) => {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   const boundUserId = useMemo(() => sanitizeUserId(userId), [userId]);
   const device = useMemo(() => {
     const collected = collectDeviceContext();
@@ -2628,7 +3433,7 @@ var WireOnboarding = ({
     },
     [storage, storageKey, onComplete]
   );
-  const sessionId = (_a = session == null ? void 0 : session.id) != null ? _a : "";
+  const sessionId = (_a2 = session == null ? void 0 : session.id) != null ? _a2 : "";
   const startupUserIdRef = useRef(boundUserId);
   const metadataKey = config.metadata ? JSON.stringify(config.metadata) : "";
   const metadataStable = useMemo(() => metadataKey ? JSON.parse(metadataKey) : void 0, [metadataKey]);
@@ -2692,7 +3497,7 @@ var WireOnboarding = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(OnboardingThemeProvider, { theme, children: /* @__PURE__ */ jsx(IllustrationProvider, { registry: { ...defaultIllustrations, ...illustrations }, children: /* @__PURE__ */ jsx(WireAIProvider, { llm, components: cards, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(OnboardingThemeProvider, { theme, children: /* @__PURE__ */ jsx(IllustrationProvider, { registry: { ...defaultIllustrations, ...illustrations }, children: /* @__PURE__ */ jsx(IconRegistryProvider, { registry: icons, children: /* @__PURE__ */ jsx(WireAIProvider, { llm, components: cards, children: /* @__PURE__ */ jsx(
     OnboardingFlow,
     {
       validators,
@@ -2711,7 +3516,7 @@ var WireOnboarding = ({
       resumed: session.resumed,
       clientContext
     }
-  ) }) }) });
+  ) }) }) }) });
 };
 function DemoOnboarding({
   config,
@@ -2726,7 +3531,7 @@ function DemoOnboarding({
   const [open, setOpen] = useState(false);
   const [runId, setRunId] = useState(0);
   const t = useMemo(() => mergeTheme(theme != null ? theme : {}), [theme]);
-  const styles16 = useMemo(() => makeStyles5(t), [t]);
+  const styles18 = useMemo(() => makeStyles5(t), [t]);
   const openDemo = useCallback(() => {
     setRunId((n) => n + 1);
     setOpen(true);
@@ -2740,7 +3545,7 @@ function DemoOnboarding({
     [onComplete]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderTrigger ? renderTrigger(openDemo) : /* @__PURE__ */ jsx(Pressable, { onPress: openDemo, style: styles16.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles16.triggerText, children: label }) }),
+    renderTrigger ? renderTrigger(openDemo) : /* @__PURE__ */ jsx(Pressable, { onPress: openDemo, style: styles18.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles18.triggerText, children: label }) }),
     /* @__PURE__ */ jsx(
       Modal,
       {
@@ -2748,7 +3553,7 @@ function DemoOnboarding({
         animationType: "slide",
         presentationStyle: "fullScreen",
         onRequestClose: close,
-        children: /* @__PURE__ */ jsx(View, { style: styles16.modal, children: config ? /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(View, { style: styles18.modal, children: config ? /* @__PURE__ */ jsx(
           WireOnboarding,
           {
             config,
@@ -2761,10 +3566,10 @@ function DemoOnboarding({
             onError: close
           },
           runId
-        ) : /* @__PURE__ */ jsxs(View, { style: styles16.notice, children: [
-          /* @__PURE__ */ jsx(Text, { style: styles16.noticeTitle, children: "Wire AI not configured" }),
-          /* @__PURE__ */ jsx(Text, { style: styles16.noticeBody, children: "Set the Wire AI key + server URL (e.g. via wireConfigFromEnv) to demo the AI onboarding here." }),
-          /* @__PURE__ */ jsx(Pressable, { onPress: close, style: styles16.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles16.triggerText, children: "Close" }) })
+        ) : /* @__PURE__ */ jsxs(View, { style: styles18.notice, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles18.noticeTitle, children: "Wire AI not configured" }),
+          /* @__PURE__ */ jsx(Text, { style: styles18.noticeBody, children: "Set the Wire AI key + server URL (e.g. via wireConfigFromEnv) to demo the AI onboarding here." }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: close, style: styles18.trigger, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles18.triggerText, children: "Close" }) })
         ] }) })
       }
     )
@@ -2843,13 +3648,13 @@ var _DoneBlock = ({
   message = "Personalizing your experience\u2026"
 }) => {
   const t = useOnboardingTheme();
-  return /* @__PURE__ */ jsxs(View, { style: [styles14.center, { gap: t.spacing.sm, padding: t.spacing.lg }], children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles16.center, { gap: t.spacing.sm, padding: t.spacing.lg }], children: [
     /* @__PURE__ */ jsx(Text, { style: [headingStyle(t.fonts), { color: t.colors.success, textAlign: "center" }], children: title }),
     /* @__PURE__ */ jsx(Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted, textAlign: "center" }], children: message })
   ] });
 };
-var DoneBlock = React14.memo(_DoneBlock);
-var styles14 = StyleSheet.create({
+var DoneBlock = React18.memo(_DoneBlock);
+var styles16 = StyleSheet.create({
   center: { flex: 1, alignItems: "center", justifyContent: "center" }
 });
 
@@ -2928,25 +3733,25 @@ var _CenteredModal = forwardRef(
           /* @__PURE__ */ jsx(
             Animated.View,
             {
-              style: [styles15.backdrop, { opacity: backdropOpacity }],
+              style: [styles17.backdrop, { opacity: backdropOpacity }],
               pointerEvents: "none"
             }
           ),
           /* @__PURE__ */ jsx(
             Pressable,
             {
-              style: styles15.fill,
+              style: styles17.fill,
               onPress: onBackdrop,
               accessibilityRole: "button",
               accessibilityLabel: "Dismiss",
-              children: /* @__PURE__ */ jsx(SafeAreaView, { style: styles15.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsx(Pressable, { onPress: () => {
-              }, style: styles15.cardWrap, children: /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx(SafeAreaView, { style: styles17.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+              }, style: styles17.cardWrap, children: /* @__PURE__ */ jsx(
                 Animated.View,
                 {
                   accessibilityViewIsModal: true,
                   accessibilityRole: "alert",
                   style: [
-                    styles15.card,
+                    styles17.card,
                     {
                       backgroundColor: theme.colors.surface,
                       borderRadius: theme.radius.lg,
@@ -2967,8 +3772,8 @@ var _CenteredModal = forwardRef(
   }
 );
 _CenteredModal.displayName = "CenteredModal";
-var CenteredModal = React14.memo(_CenteredModal);
-var styles15 = StyleSheet.create({
+var CenteredModal = React18.memo(_CenteredModal);
+var styles17 = 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 },
@@ -3001,10 +3806,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),
@@ -3061,10 +3866,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;
@@ -3141,17 +3946,17 @@ var WireFeaturesProvider = ({
 WireFeaturesProvider.displayName = "WireFeaturesProvider";
 var useWireFeaturesContext = () => 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;
@@ -3165,10 +3970,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
@@ -3264,7 +4069,7 @@ var namespaceExtra = (extra) => {
   return out;
 };
 var resolveUserContext = (ctx = {}, opts = {}) => {
-  var _a;
+  var _a2;
   const result = {};
   const bucket = {};
   const userId = sanitizeUserId(ctx.userId);
@@ -3274,7 +4079,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;
@@ -3293,6 +4098,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();
@@ -3301,10 +4115,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;
@@ -3356,11 +4170,11 @@ var useSessionStart = (config, options = {}) => {
   latest.current = { config, options };
   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({
@@ -3411,7 +4225,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)) {
@@ -3423,7 +4237,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;
@@ -3456,8 +4270,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;
@@ -3534,10 +4348,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;
@@ -3556,13 +4370,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;
@@ -3711,15 +4525,15 @@ var useLifecycleEvents = (config, options = {}) => {
   latest.current = { config, options };
   const queueRef = useRef(void 0);
   useEffect(() => {
-    var _a;
+    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"}`,
@@ -3729,8 +4543,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;
@@ -3745,7 +4559,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: Platform.OS,
           device,
           meta: opts.meta
@@ -3753,7 +4567,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;
@@ -3766,7 +4580,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: Platform.OS,
         device,
         meta: opts.meta
@@ -3792,6 +4606,6 @@ var useLifecycleEvents = (config, options = {}) => {
   }, []);
 };
 
-export { AnimatedSparkle, BACKGROUND_SESSION_MS, CardHandoff, CenteredModal, ChipSelectCard, CompletionView, DEFAULT_FEATURES_TTL_MS, DEFAULT_SESSION_TTL_MS, DemoOnboarding, DoneBlock, EXTRA_KEY_PREFIX, ErrorBlock, FIRST_OPEN_EVENT, IllustrationProvider, InterstitialCard, LoadingBlock, LoadingScreen, NumberStepperCard, Button as OnboardingButton, OnboardingFlow, OnboardingScaffold, OnboardingThemeProvider, RESERVED_USER_CONTEXT_KEYS, SESSION_STARTED_EVENT, SelectionCard, StatusCard, StepProgress, TextInputCard, USER_ID_MAX_LENGTH, WIRE_ONBOARDING_EVENTS, WireFeaturesProvider, WireOnboarding, attributionMetadata, clearPersistedSession, collectDeviceContext, defaultIllustrations, defaultOnboardingTheme, defaultWireFeatures, deriveAnswers, detectAppVersion, featuresCacheKey, featuresEqual, fetchWireFeatures, firstOpenStorageKey, getCurrentSessionId, hashEmailFnv1a, identifyOnboarding, isFeaturesFresh, isOnboardingEnabled, isWireScalar, loadPersistedSession, makeSessionId, mergeTheme, motionSpec_exports as motionSpec, namespaceExtra, onboardingComponents, parseWireFeatures, peekPersistedSession, readCachedFeatures, readProgress, reportClientEvent, reportClientEvents, reportFirstOpen, reportSessionStart, resetCurrentSessionId, resetFirstOpenLatch, resetSessionStartGuard, resolveUserContext, sanitizeUserId, savePersistedSession, sessionStorageKey, setCurrentSessionId, themeFromBrand, toAnalyticsEvent, useIllustration, useLifecycleEvents, useOnboardingTheme, useReducedMotion, useResolvedFeatures, useSessionStart, useWireFeatures, useWireFeaturesContext, wireConfigFromEnv, wireLifecycleEvents, writeCachedFeatures };
+export { AUTO_DEVICE_ID_PREFIX, AnimatedSparkle, BACKGROUND_SESSION_MS, CardGridSelectCard, CardHandoff, CenteredModal, ChipSelectCard, CompletionView, DEFAULT_FEATURES_TTL_MS, DEFAULT_SESSION_TTL_MS, DemoOnboarding, DoneBlock, EXTRA_KEY_PREFIX, ErrorBlock, FIRST_OPEN_EVENT, IconRegistryProvider, IllustrationProvider, InterstitialCard, LoadingBlock, LoadingScreen, NumberStepperCard, Button as OnboardingButton, OnboardingFlow, OnboardingScaffold, OnboardingThemeProvider, RESERVED_USER_CONTEXT_KEYS, SESSION_STARTED_EVENT, SelectionCard, StatusCard, StepProgress, TextInputCard, USER_ID_MAX_LENGTH, WIRE_ICON_GLYPHS, WIRE_ICON_NAMES, WIRE_ONBOARDING_EVENTS, WireFeaturesProvider, WireIcon, WireOnboarding, attributionMetadata, clearPersistedSession, collectDeviceContext, defaultIllustrations, defaultOnboardingTheme, defaultWireFeatures, deriveAnswers, detectAppVersion, detectNativeModel, deviceIdStorageKey, featuresCacheKey, featuresEqual, fetchWireFeatures, firstOpenStorageKey, getCurrentSessionId, hashEmailFnv1a, identifyOnboarding, isFeaturesFresh, isOnboardingEnabled, isWireScalar, loadPersistedSession, lookupIconGlyph, makeSessionId, mergeTheme, mintDeviceId, motionSpec_exports as motionSpec, namespaceExtra, onboardingComponents, parseWireFeatures, peekPersistedSession, readCachedFeatures, readProgress, reportClientEvent, reportClientEvents, reportFirstOpen, reportSessionStart, resetCurrentSessionId, resetFirstOpenLatch, resetSessionStartGuard, resolveUserContext, sanitizeUserId, savePersistedSession, sessionStorageKey, setCurrentSessionId, themeFromBrand, toAnalyticsEvent, useHostIcon, useIllustration, useLifecycleEvents, useOnboardingTheme, useReducedMotion, useResolvedFeatures, useSessionStart, useWireFeatures, useWireFeaturesContext, wireConfigFromEnv, wireLifecycleEvents, writeCachedFeatures };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map