@oxy.so/services 13.9.0 → 13.11.0

package/lib/commonjs/ui/components/OxyDeviceSignIn.js

@@ -14,6 +14,7 @@ var _RiRefreshLine = require("@oxy.so/bloom/icons/RiRefreshLine");
 var _loading = require("@oxy.so/bloom/loading");
 var _theme = require("@oxy.so/bloom/theme");
 var _typography = require("@oxy.so/bloom/typography");
+var _session = require("@oxy.so/core/session");
 var _oxyRuntimeContext = require("../context/oxyRuntimeContext.js");
 var _useI18n = require("../hooks/useI18n.js");
 var _accountDialogSnapshot = require("../hooks/accountDialogSnapshot.js");
@@ -37,9 +38,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
- * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
- * of either here. The secret `sessionToken` never leaves the controller.
+ * `deviceComparisonCode(signIn.authorizeCode)` (`CE7F-B31F`), the same short
+ * code the approval page prints, both PUBLIC; nothing about the application is
+ * read out of either here. The secret `sessionToken` never leaves the controller.
  */
 
 /** High-contrast, un-themed on purpose: scan reliability. */const QR_PLATE_BG = '#FFFFFF';
@@ -48,6 +55,14 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 28 and 13 points at
+ * the default 280. The nine characters of `CE7F-B31F` then span about half the
+ * symbol, large enough to read from across a room.
+ */
+const CODE_SIZE_RATIO = 0.1;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 const OxyDeviceSignIn = ({
   size = DEFAULT_QR_SIZE
 }) => {
@@ -121,17 +136,7 @@ const OxyDeviceSignIn = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.block,
     testID: "oxy-device-sign-in",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-      style: [styles.title, {
-        color: theme.colors.text
-      }],
-      children: t('signin.device.title')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-      style: [styles.caption, {
-        color: theme.colors.textSecondary
-      }],
-      children: t('signin.device.caption')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.plate, {
         width: size + padding * 2,
         height: size + padding * 2,
@@ -142,13 +147,17 @@ const OxyDeviceSignIn = ({
       style: styles.codeBlock,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
         style: [styles.codeHint, {
-          color: theme.colors.textSecondary
+          color: theme.colors.textSecondary,
+          fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+          lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT)
         }],
         children: t('signin.device.codeHint')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_code.Code, {
         testID: "device-sign-in-code",
-        style: styles.code,
-        children: signIn.authorizeCode
+        style: {
+          fontSize: Math.round(size * CODE_SIZE_RATIO)
+        },
+        children: (0, _session.deviceComparisonCode)(signIn.authorizeCode)
       })]
     }) : null]
   });
@@ -159,17 +168,6 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     gap: 16
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center'
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center'
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -181,12 +179,7 @@ const styles = _reactNative.StyleSheet.create({
     gap: 4
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center'
-  },
-  code: {
-    fontSize: 14
   }
 });
 //# sourceMappingURL=OxyDeviceSignIn.js.map

package/lib/commonjs/ui/components/OxyDeviceSignIn.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_button","_code","_RiCheckboxCircleLine","_RiRefreshLine","_loading","_theme","_typography","_oxyRuntimeContext","_useI18n","_accountDialogSnapshot","_jsxRuntime","e","__esModule","default","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","OxyDeviceSignIn","size","theme","useTheme","t","useI18n","accountDialogController","controller","useOxy","signIn","useAccountDialogSnapshot","live","inline","phase","expired","failure","useEffect","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","jsx","RiCheckboxCircleLine","fill","colors","success","value","backgroundColor","color","SpinnerIcon","Button","appearance","tone","leadingIcon","RiRefreshLine","onPress","testID","children","jsxs","View","style","styles","block","Text","title","text","caption","textSecondary","width","height","authorizeCode","codeBlock","codeHint","Code","code","exports","StyleSheet","create","alignItems","gap","fontSize","lineHeight","fontWeight","textAlign","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeQrcodeSvg","_interopRequireDefault","_button","_code","_RiCheckboxCircleLine","_RiRefreshLine","_loading","_theme","_typography","_session","_oxyRuntimeContext","_useI18n","_accountDialogSnapshot","_jsxRuntime","e","__esModule","default","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","CODE_SIZE_RATIO","CODE_HINT_SIZE_RATIO","CODE_HINT_LINE_HEIGHT","OxyDeviceSignIn","size","theme","useTheme","t","useI18n","accountDialogController","controller","useOxy","signIn","useAccountDialogSnapshot","live","inline","phase","expired","failure","useEffect","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","jsx","RiCheckboxCircleLine","fill","colors","success","value","backgroundColor","color","SpinnerIcon","Button","appearance","tone","leadingIcon","RiRefreshLine","onPress","testID","children","jsxs","View","style","styles","block","width","height","authorizeCode","codeBlock","Text","codeHint","textSecondary","fontSize","lineHeight","Code","deviceComparisonCode","exports","StyleSheet","create","alignItems","gap","borderRadius","justifyContent","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/OxyDeviceSignIn.js

@@ -18,9 +18,15 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
- * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
- * of either here. The secret `sessionToken` never leaves the controller.
+ * `deviceComparisonCode(signIn.authorizeCode)` (`CE7F-B31F`), the same short
+ * code the approval page prints, both PUBLIC; nothing about the application is
+ * read out of either here. The secret `sessionToken` never leaves the controller.
  */
 
 import { useEffect } from 'react';
@@ -33,6 +39,7 @@ import { RiRefreshLine } from '@oxy.so/bloom/icons/RiRefreshLine';
 import { SpinnerIcon } from '@oxy.so/bloom/loading';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { Text } from '@oxy.so/bloom/typography';
+import { deviceComparisonCode } from '@oxy.so/core/session';
 import { useOxy } from "../context/oxyRuntimeContext.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { useAccountDialogSnapshot } from "../hooks/accountDialogSnapshot.js";
@@ -45,6 +52,14 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 28 and 13 points at
+ * the default 280. The nine characters of `CE7F-B31F` then span about half the
+ * symbol, large enough to read from across a room.
+ */
+const CODE_SIZE_RATIO = 0.1;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 export const OxyDeviceSignIn = ({
   size = DEFAULT_QR_SIZE
 }) => {
@@ -118,17 +133,7 @@ export const OxyDeviceSignIn = ({
   return /*#__PURE__*/_jsxs(View, {
     style: styles.block,
     testID: "oxy-device-sign-in",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.title, {
-        color: theme.colors.text
-      }],
-      children: t('signin.device.title')
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.caption, {
-        color: theme.colors.textSecondary
-      }],
-      children: t('signin.device.caption')
-    }), /*#__PURE__*/_jsx(View, {
+    children: [/*#__PURE__*/_jsx(View, {
       style: [styles.plate, {
         width: size + padding * 2,
         height: size + padding * 2,
@@ -139,13 +144,17 @@ export const OxyDeviceSignIn = ({
       style: styles.codeBlock,
       children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.codeHint, {
-          color: theme.colors.textSecondary
+          color: theme.colors.textSecondary,
+          fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+          lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT)
         }],
         children: t('signin.device.codeHint')
       }), /*#__PURE__*/_jsx(Code, {
         testID: "device-sign-in-code",
-        style: styles.code,
-        children: signIn.authorizeCode
+        style: {
+          fontSize: Math.round(size * CODE_SIZE_RATIO)
+        },
+        children: deviceComparisonCode(signIn.authorizeCode)
       })]
     }) : null]
   });
@@ -155,17 +164,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 16
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center'
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center'
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -177,12 +175,7 @@ const styles = StyleSheet.create({
     gap: 4
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center'
-  },
-  code: {
-    fontSize: 14
   }
 });
 //# sourceMappingURL=OxyDeviceSignIn.js.map

package/lib/module/ui/components/OxyDeviceSignIn.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","StyleSheet","View","QRCode","Button","Code","RiCheckboxCircleLine","RiRefreshLine","SpinnerIcon","useTheme","Text","useOxy","useI18n","useAccountDialogSnapshot","jsx","_jsx","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","OxyDeviceSignIn","size","theme","t","accountDialogController","controller","signIn","live","inline","phase","expired","failure","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","fill","colors","success","value","backgroundColor","color","appearance","tone","leadingIcon","onPress","testID","children","style","styles","block","title","text","caption","textSecondary","width","height","authorizeCode","codeBlock","codeHint","code","create","alignItems","gap","fontSize","lineHeight","fontWeight","textAlign","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","StyleSheet","View","QRCode","Button","Code","RiCheckboxCircleLine","RiRefreshLine","SpinnerIcon","useTheme","Text","deviceComparisonCode","useOxy","useI18n","useAccountDialogSnapshot","jsx","_jsx","jsxs","_jsxs","QR_PLATE_BG","QR_FOREGROUND","DEFAULT_QR_SIZE","PLATE_PADDING_RATIO","CODE_SIZE_RATIO","CODE_HINT_SIZE_RATIO","CODE_HINT_LINE_HEIGHT","OxyDeviceSignIn","size","theme","t","accountDialogController","controller","signIn","live","inline","phase","expired","failure","current","getSnapshot","startInlineQr","last","cancelSignIn","padding","Math","round","showsCode","approvalUrl","progress","plate","fill","colors","success","value","backgroundColor","color","appearance","tone","leadingIcon","onPress","testID","children","style","styles","block","width","height","authorizeCode","codeBlock","codeHint","textSecondary","fontSize","lineHeight","create","alignItems","gap","borderRadius","justifyContent","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/OxyDeviceSignIn.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/ui/components/OxyDeviceSignIn.d.ts

@@ -16,9 +16,15 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
- * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
- * of either here. The secret `sessionToken` never leaves the controller.
+ * `deviceComparisonCode(signIn.authorizeCode)` (`CE7F-B31F`), the same short
+ * code the approval page prints, both PUBLIC; nothing about the application is
+ * read out of either here. The secret `sessionToken` never leaves the controller.
  */
 import type React from 'react';
 export interface OxyDeviceSignInProps {

package/lib/typescript/commonjs/ui/components/OxyDeviceSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoF1D,CAAC"}
+{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAC"}

package/lib/typescript/module/ui/components/OxyDeviceSignIn.d.ts

@@ -16,9 +16,15 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
- * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
- * of either here. The secret `sessionToken` never leaves the controller.
+ * `deviceComparisonCode(signIn.authorizeCode)` (`CE7F-B31F`), the same short
+ * code the approval page prints, both PUBLIC; nothing about the application is
+ * read out of either here. The secret `sessionToken` never leaves the controller.
  */
 import type React from 'react';
 export interface OxyDeviceSignInProps {

package/lib/typescript/module/ui/components/OxyDeviceSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoF1D,CAAC"}
+{"version":3,"file":"OxyDeviceSignIn.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyDeviceSignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/services",
-  "version": "13.9.0",
+  "version": "13.11.0",
   "description": "OxyHQ Expo/React Native SDK — UI components, screens, and native features",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -161,7 +161,7 @@
     "@commitlint/config-conventional": "^21.2.0",
     "@expo/app-integrity": "~58.0.2",
     "@expo/vector-icons": "^15.0.3",
-    "@oxy.so/core": "7.8.0",
+    "@oxy.so/core": "7.9.0",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": "^12.0.1",
     "@react-native/babel-preset": "^0.88.0",
@@ -211,13 +211,13 @@
     "expo-video": "~58.0.12"
   },
   "//@oxy.so/bloom": "Bloom 11.1.0 adds the shared grouped sections, usage card, subscription plans, frame appearance and overlay navigation APIs used by this SDK. First-party Bloom peers remain open above this tested minimum.",
-  "//@oxy.so/core": "Core 7.8.0 supplies the device sign-in request's `approvalUrl` and the `signin.device.*` strings `OxyDeviceSignIn` shows; 7.7.0 supplies the bounded native asset file adapter and phase progress installed by OxyProvider; 7.6.0 forwards guest locale and first-touch campaign metadata through signup; 7.3.0 supplies `users.lookupMany`, with which the account members screen fails (and retries) a profile read whose chunk failed instead of caching those members as handle-less; 7.2.0 supplies `assets.cachedUrl`, with which `useFileDownloadUrl` answers an already-resolved URL in its first render; 6.16.0 supplies `requireServerVerdict` and `onHolderRejected`, with which the cold boot checks a session it painted from the cache; 6.13.0 supplies the `accounts.settings.*` strings (picture, categories) the account settings speak in every language; 6.12.0 supplies `fileManagement.contentLost` and the `lost` file status a lost file is listed with; 6.11.0 supplies the `follow.errors.*` strings the follow error codes are worded with; 6.4.0 the `follow.*` strings the follow buttons read for every verb and language; 6.1.0 the `oxy.auth.email.{startChange,change,remove}` and `oxy.auth.password.remove` the sign-in & security panels call. Keep one Core instance per app; raise this floor with the root catalogue when new runtime APIs are required.",
+  "//@oxy.so/core": "Core 7.9.0 supplies `deviceComparisonCode`, the short code `OxyDeviceSignIn` prints; 7.8.0 supplies the device sign-in request's `approvalUrl` and the `signin.device.*` strings `OxyDeviceSignIn` shows; 7.7.0 supplies the bounded native asset file adapter and phase progress installed by OxyProvider; 7.6.0 forwards guest locale and first-touch campaign metadata through signup; 7.3.0 supplies `users.lookupMany`, with which the account members screen fails (and retries) a profile read whose chunk failed instead of caching those members as handle-less; 7.2.0 supplies `assets.cachedUrl`, with which `useFileDownloadUrl` answers an already-resolved URL in its first render; 6.16.0 supplies `requireServerVerdict` and `onHolderRejected`, with which the cold boot checks a session it painted from the cache; 6.13.0 supplies the `accounts.settings.*` strings (picture, categories) the account settings speak in every language; 6.12.0 supplies `fileManagement.contentLost` and the `lost` file status a lost file is listed with; 6.11.0 supplies the `follow.errors.*` strings the follow error codes are worded with; 6.4.0 the `follow.*` strings the follow buttons read for every verb and language; 6.1.0 the `oxy.auth.email.{startChange,change,remove}` and `oxy.auth.password.remove` the sign-in & security panels call. Keep one Core instance per app; raise this floor with the root catalogue when new runtime APIs are required.",
   "//react-native": "React Native 0.81 to 0.88, React 19.1+ and Expo SDK 54 to 58. The floors are the Expo SDK 54 stack (react-native 0.81.6, react 19.1.4, react-native-web 0.21.4, expo 54.0.38 and the module versions its bundledNativeModules.json pins), which compat/expo-54 installs as an external consumer and checks on every CI run (`bun check.mjs`): every peer here admits that stack, services' published src typechecks against its types, and <OxyProvider> mounts and settles its cold boot on iOS (React Native 0.81), web (react-native-web 0.21) and react-native-macos 0.81 with the native modules macOS lacks absent. Astro, Oxy's browser, runs react-native-macos 0.81 (0.83 is its latest release), which is why the floor is not 0.85. The SDK 56 floors these replaced were the versions current when the ranges were first written, not measurements.",
   "peerDependencies": {
     "@expo/app-integrity": ">=0.1.10 <59.0.0",
     "@expo/vector-icons": "^15.0.3",
     "@oxy.so/bloom": ">=11.1.0",
-    "@oxy.so/core": "^7.8.0",
+    "@oxy.so/core": "^7.9.0",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": ">=11.4.1 <13.0.0",
     "@tanstack/query-async-storage-persister": "^5.101",

package/src/ui/components/OxyDeviceSignIn.tsx

@@ -16,9 +16,15 @@
  * claims the session and `OxyProvider` signs the app in, so the host simply
  * stops rendering this.
  *
+ * It draws no heading: the host's screen says what is being set up ("Scan to
+ * set up this frame") at the size its room needs, and a second, generic title
+ * here only repeated it. The code line scales with `size`, so it stays legible
+ * beside a QR meant to be read from across a room.
+ *
  * Anti-phishing: the plate encodes `signIn.approvalUrl` and the code line shows
- * `signIn.authorizeCode`, both PUBLIC; nothing about the application is read out
- * of either here. The secret `sessionToken` never leaves the controller.
+ * `deviceComparisonCode(signIn.authorizeCode)` (`CE7F-B31F`), the same short
+ * code the approval page prints, both PUBLIC; nothing about the application is
+ * read out of either here. The secret `sessionToken` never leaves the controller.
  */
 
 import type React from 'react';
@@ -32,6 +38,7 @@ import { RiRefreshLine } from '@oxy.so/bloom/icons/RiRefreshLine';
 import { SpinnerIcon } from '@oxy.so/bloom/loading';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { Text } from '@oxy.so/bloom/typography';
+import { deviceComparisonCode } from '@oxy.so/core/session';
 import { useOxy } from '../context/oxyRuntimeContext';
 import { useI18n } from '../hooks/useI18n';
 import { useAccountDialogSnapshot } from '../hooks/accountDialogSnapshot';
@@ -43,6 +50,14 @@ const QR_FOREGROUND = '#000000';
 const DEFAULT_QR_SIZE = 280;
 /** The quiet zone around the symbol, as a fraction of its size. */
 const PLATE_PADDING_RATIO = 0.06;
+/**
+ * The code and its hint, as fractions of the QR's edge: 28 and 13 points at
+ * the default 280. The nine characters of `CE7F-B31F` then span about half the
+ * symbol, large enough to read from across a room.
+ */
+const CODE_SIZE_RATIO = 0.1;
+const CODE_HINT_SIZE_RATIO = 0.046;
+const CODE_HINT_LINE_HEIGHT = 1.4;
 
 export interface OxyDeviceSignInProps {
   /** Edge of the QR symbol in points. Defaults to 280. */
@@ -112,10 +127,6 @@ export const OxyDeviceSignIn: React.FC<OxyDeviceSignInProps> = ({ size = DEFAULT
 
   return (
     <View style={styles.block} testID="oxy-device-sign-in">
-      <Text style={[styles.title, { color: theme.colors.text }]}>{t('signin.device.title')}</Text>
-      <Text style={[styles.caption, { color: theme.colors.textSecondary }]}>
-        {t('signin.device.caption')}
-      </Text>
       <View
         style={[styles.plate, { width: size + padding * 2, height: size + padding * 2, padding }]}
       >
@@ -123,11 +134,23 @@ export const OxyDeviceSignIn: React.FC<OxyDeviceSignInProps> = ({ size = DEFAULT
       </View>
       {showsCode && signIn.authorizeCode ? (
         <View style={styles.codeBlock}>
-          <Text style={[styles.codeHint, { color: theme.colors.textSecondary }]}>
+          <Text
+            style={[
+              styles.codeHint,
+              {
+                color: theme.colors.textSecondary,
+                fontSize: Math.round(size * CODE_HINT_SIZE_RATIO),
+                lineHeight: Math.round(size * CODE_HINT_SIZE_RATIO * CODE_HINT_LINE_HEIGHT),
+              },
+            ]}
+          >
             {t('signin.device.codeHint')}
           </Text>
-          <Code testID="device-sign-in-code" style={styles.code}>
-            {signIn.authorizeCode}
+          <Code
+            testID="device-sign-in-code"
+            style={{ fontSize: Math.round(size * CODE_SIZE_RATIO) }}
+          >
+            {deviceComparisonCode(signIn.authorizeCode)}
           </Code>
         </View>
       ) : null}
@@ -140,17 +163,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 16,
   },
-  title: {
-    fontSize: 28,
-    lineHeight: 34,
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-  caption: {
-    fontSize: 16,
-    lineHeight: 22,
-    textAlign: 'center',
-  },
   plate: {
     borderRadius: 16,
     backgroundColor: QR_PLATE_BG,
@@ -162,11 +174,6 @@ const styles = StyleSheet.create({
     gap: 4,
   },
   codeHint: {
-    fontSize: 13,
-    lineHeight: 18,
     textAlign: 'center',
   },
-  code: {
-    fontSize: 14,
-  },
 });