@oxy.so/bloom 6.1.0 → 6.3.0

package/lib/typescript/module/message-bubble/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/message-bubble/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,sDAAsD;AACtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,mFAAmF;AACnF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,SAAS,CAAC;IACpD,sCAAsC;IACtC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACtC,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mHAAmH;IACnH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC;IACrB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjE,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;IAChF,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,qEAAqE;AACrE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,yDAAyD;AACzD,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,gBAAgB,CAAC;IAAC,QAAQ,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACtC,yFAAyF;IACzF,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/message-bubble/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/message-media/StickerMessage.d.ts

@@ -6,7 +6,7 @@ import type { StickerMessageProps } from './types';
  *
  * IT DRAWS NO SURFACE AT ALL — no background, no radius, no padding — because a
  * sticker with a bubble behind it is a picture of a sticker. The shell renders it
- * with `variant="bare"`, which is `message-bubble`'s no-chrome mode; a bubble
+ * with `mediaFit="bare"`, which is `message-bubble`'s no-chrome mode; a bubble
  * around one would also put a scrim behind the transparent parts and turn a
  * cut-out into a square.
  *

package/lib/typescript/module/settings-modal/SettingsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/settings-modal/SettingsModal.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,kBAAkB,EAAqC,MAAM,SAAS,CAAC;AAuFrF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,WAA0B,EAC1B,MAAM,EACN,MAAM,GACP,EAAE,kBAAkB,kDAgWpB"}
+{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/settings-modal/SettingsModal.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,kBAAkB,EAAqC,MAAM,SAAS,CAAC;AAuFrF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,WAA0B,EAC1B,MAAM,EACN,MAAM,GACP,EAAE,kBAAkB,kDA0WpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/bloom",
-  "version": "6.1.0",
+  "version": "6.3.0",
   "packageManager": "bun@1.3.14",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
@@ -713,6 +713,20 @@
         "default": "./lib/commonjs/page-header/index.js"
       }
     },
+    "./cover-header": {
+      "react-native": {
+        "types": "./lib/typescript/module/cover-header/index.d.ts",
+        "default": "./src/cover-header/index.ts"
+      },
+      "import": {
+        "types": "./lib/typescript/module/cover-header/index.d.ts",
+        "default": "./lib/module/cover-header/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/cover-header/index.d.ts",
+        "default": "./lib/commonjs/cover-header/index.js"
+      }
+    },
     "./notification-center": {
       "react-native": {
         "types": "./lib/typescript/module/notification-center/index.d.ts",
@@ -3689,6 +3703,9 @@
       "page-header": [
         "./lib/typescript/module/page-header/index.d.ts"
       ],
+      "cover-header": [
+        "./lib/typescript/module/cover-header/index.d.ts"
+      ],
       "notification-center": [
         "./lib/typescript/module/notification-center/index.d.ts"
       ],

package/src/ai-profile-card/AiProfileCard.tsx

@@ -1,15 +1,5 @@
-import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
-import {
-  Image,
-  ScrollView,
-  StyleSheet,
-  View,
-  useWindowDimensions,
-  type ImageLoadEventData,
-  type ImageSourcePropType,
-  type LayoutChangeEvent,
-  type NativeSyntheticEvent,
-} from 'react-native';
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';
 
 import { Avatar } from '../avatar';
 import { Badge } from '../badge';
@@ -19,6 +9,7 @@ import { TABULAR } from '../chart-cards/primitives/ChartHeader';
 import { groupThousands } from '../chart-cards/primitives/format';
 import { useCountUp } from '../chart-cards/use-count-up';
 import { Chip } from '../chip';
+import { CoverHeader } from '../cover-header';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { useMessages } from '../locale/messages';
 import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from '../segmented-control';
@@ -37,7 +28,7 @@ import { formatCurrency } from '../locale/format-number';
  *   card      radius 24, 1px borderLight, no
  *             fill, clips its children
  *   cover     absolute over the top 165px, top corners 23, background-tertiary
- *             under the photo, `object-position: 50% 45%`
+ *             under the photo, `object-position: 50% 45%` — a `CoverHeader`
  *   content   column 15 apart, padding 124 top / 16 sides / 16 bottom
  *   avatar    80 disc, background-tertiary, initials 30 / 42.5 medium
  *             text-secondary — overlapping the cover's bottom edge by 41
@@ -59,56 +50,8 @@ import { formatCurrency } from '../locale/format-number';
 
 const COVER_HEIGHT = 165;
 const AVATAR_SIZE = 80;
-
-/** `object-fit: cover` with an `object-position`: the image sized to cover the box, offset by the fractions. */
-function CoverImage({
-  source,
-  position,
-  testID,
-}: {
-  source: string | ImageSourcePropType;
-  position: { x: number; y: number };
-  testID?: string;
-}) {
-  const [box, setBox] = useState<{ width: number; height: number } | null>(null);
-  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null);
-  const resolved: ImageSourcePropType = typeof source === 'string' ? { uri: source } : source;
-
-  const onLayout = useCallback((event: LayoutChangeEvent) => {
-    const { width, height } = event.nativeEvent.layout;
-    setBox((prev) => (prev && prev.width === width && prev.height === height ? prev : { width, height }));
-  }, []);
-  const onLoad = useCallback((event: NativeSyntheticEvent<ImageLoadEventData>) => {
-    const s = event.nativeEvent?.source;
-    if (s && s.width > 0 && s.height > 0) setNatural({ width: s.width, height: s.height });
-  }, []);
-
-  const frame = useMemo(() => {
-    if (!box || !natural) return null;
-    const scale = Math.max(box.width / natural.width, box.height / natural.height);
-    const width = natural.width * scale;
-    const height = natural.height * scale;
-    return { width, height, left: (box.width - width) * position.x, top: (box.height - height) * position.y };
-  }, [box, natural, position.x, position.y]);
-
-  return (
-    <View style={StyleSheet.absoluteFill} onLayout={onLayout} testID={testID ? `${testID}-frame` : undefined}>
-      <Image
-        testID={testID}
-        source={resolved}
-        onLoad={onLoad}
-        accessibilityIgnoresInvertColors
-        aria-hidden
-        resizeMode="cover"
-        style={
-          frame
-            ? { position: 'absolute', left: frame.left, top: frame.top, width: frame.width, height: frame.height }
-            : StyleSheet.absoluteFill
-        }
-      />
-    </View>
-  );
-}
+/** Where the content starts: the avatar overlaps the cover's bottom edge by 41. */
+const CONTENT_TOP = 124;
 
 /**
  * The count-up headline, in its own component: the roll re-renders every frame
@@ -223,12 +166,14 @@ function AiProfileCardComponent({
   );
 
   return (
-    <View
+    <CoverHeader
       testID={testID}
+      coverSource={coverSource}
+      coverPosition={coverPosition}
+      coverHeight={COVER_HEIGHT}
+      overlap={COVER_HEIGHT - CONTENT_TOP}
       style={[
         {
-          position: 'relative',
-          width: '100%',
           minWidth: 0,
           overflow: 'hidden',
           borderRadius: 24,
@@ -236,195 +181,168 @@ function AiProfileCardComponent({
           borderColor: colors.border,
         },
         style,
-      ]}>
-      <View
-        testID={testID ? `${testID}-cover` : undefined}
-        style={{
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          height: COVER_HEIGHT,
-          overflow: 'hidden',
-          borderTopLeftRadius: 23,
-          borderTopRightRadius: 23,
-          backgroundColor: colors.tertiary,
-        }}>
-        {coverSource ? (
-          <CoverImage
-            source={coverSource}
-            position={coverPosition}
-            testID={testID ? `${testID}-cover-image` : undefined}
-          />
-        ) : null}
-      </View>
-
-      <View
-        testID={testID ? `${testID}-content` : undefined}
-        style={{
-          position: 'relative',
-          width: '100%',
-          flexDirection: 'column',
-          gap: 15,
-          paddingTop: 124,
-          paddingBottom: 16,
-          paddingLeft: 16,
-          paddingRight: 16,
-        }}>
-        <Avatar
-          testID={testID ? `${testID}-avatar` : undefined}
-          size={AVATAR_SIZE}
-          source={avatarSource ?? undefined}
-          initials={letters}
-          color="neutral"
-          alt={avatarSource ? name : undefined}
-          placeholderColor={colors.tertiary}
-          placeholderIcon={
-            <Text
-              allowFontScaling={false}
-              numberOfLines={1}
-              style={[styles.initials, { color: colors.textSecondary }]}>
-              {letters}
-            </Text>
-          }
-        />
-
-        <View style={{ position: 'relative', width: '100%', flexDirection: 'row', alignItems: 'flex-start', gap: 15 }}>
-          <View style={{ minWidth: 0, flex: 1, flexDirection: 'column', gap: 4 }}>
-            <Text variant="title-2-medium" numberOfLines={1} style={{ color: colors.text }}>
-              {name}
-            </Text>
-            {handle != null || badge != null ? (
-              <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                {handle != null ? (
-                  <Text variant="headline-medium" numberOfLines={1} style={{ color: colors.textSecondary }}>
-                    {handle}
-                  </Text>
-                ) : null}
-                {badge != null ? (
-                  <Badge
-                    testID={testID ? `${testID}-badge` : undefined}
-                    content={badge}
-                    style={{ backgroundColor: colors.tertiary }}
-                    textStyle={{ color: colors.textSecondary }}
-                  />
-                ) : null}
-              </View>
-            ) : null}
-          </View>
-          {actions ? (
-            <View
-              testID={testID ? `${testID}-actions` : undefined}
-              style={{
-                position: 'absolute',
-                top: -34,
-                right: 4,
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'flex-end',
-                gap: 10,
-              }}>
-              {actions}
-            </View>
-          ) : null}
-        </View>
+      ]}
+      coverStyle={{ borderTopLeftRadius: 23, borderTopRightRadius: 23 }}
+      contentStyle={{
+        flexDirection: 'column',
+        gap: 15,
+        paddingBottom: 16,
+        paddingLeft: 16,
+        paddingRight: 16,
+      }}>
+      <Avatar
+        testID={testID ? `${testID}-avatar` : undefined}
+        size={AVATAR_SIZE}
+        source={avatarSource ?? undefined}
+        initials={letters}
+        color="neutral"
+        alt={avatarSource ? name : undefined}
+        placeholderColor={colors.tertiary}
+        placeholderIcon={
+          <Text
+            allowFontScaling={false}
+            numberOfLines={1}
+            style={[styles.initials, { color: colors.textSecondary }]}>
+            {letters}
+          </Text>
+        }
+      />
 
-        <View style={{ width: '100%', flexDirection: 'column', gap: 8 }}>
-          <View style={{ flexDirection: 'column', gap: 2 }}>
-            <Text variant="body-medium" numberOfLines={1} style={{ color: colors.textSecondary }}>
-              {contributionsLabel}
-            </Text>
-            <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-              <RollingHeadline
-                value={contributions}
-                duration={countUpDuration}
-                format={format}
-                color={colors.text}
-                testID={testID ? `${testID}-headline` : undefined}
-              />
-              {delta != null ? (
-                <Chip
-                  size="md"
-                  testID={testID ? `${testID}-delta` : undefined}
-                  style={{ alignSelf: 'center', backgroundColor: colors.chip.background }}
-                  textStyle={{ color: colors.chip.foreground }}>
-                  {delta}
-                </Chip>
+      <View style={{ position: 'relative', width: '100%', flexDirection: 'row', alignItems: 'flex-start', gap: 15 }}>
+        <View style={{ minWidth: 0, flex: 1, flexDirection: 'column', gap: 4 }}>
+          <Text variant="title-2-medium" numberOfLines={1} style={{ color: colors.text }}>
+            {name}
+          </Text>
+          {handle != null || badge != null ? (
+            <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
+              {handle != null ? (
+                <Text variant="headline-medium" numberOfLines={1} style={{ color: colors.textSecondary }}>
+                  {handle}
+                </Text>
+              ) : null}
+              {badge != null ? (
+                <Badge
+                  testID={testID ? `${testID}-badge` : undefined}
+                  content={badge}
+                  style={{ backgroundColor: colors.tertiary }}
+                  textStyle={{ color: colors.textSecondary }}
+                />
               ) : null}
-            </View>
-          </View>
-
-          {stats && stats.length > 0 ? (
-            <View testID={testID ? `${testID}-stats` : undefined} style={{ flexDirection: 'column', gap: 8 }}>
-              {(wide ? [stats.map((_, i) => i)] : pairs(stats.length)).map((row) => (
-                <View key={row[0]} style={{ flexDirection: 'row', alignItems: 'stretch', gap: 8 }}>
-                  {row.map((i) => {
-                    const stat = stats[i]!;
-                    return (
-                      <View
-                        key={`${i}-${stat.label}`}
-                        testID={testID ? `${testID}-stat-${i}` : undefined}
-                        style={[styles.tile, { backgroundColor: colors.secondary }]}>
-                        <Text variant="body-medium" numberOfLines={1} style={{ width: '100%', color: colors.text }}>
-                          {stat.value}
-                        </Text>
-                        <Text
-                          variant="body-2-medium"
-                          numberOfLines={1}
-                          style={{ width: '100%', color: colors.textSecondary }}>
-                          {stat.label}
-                        </Text>
-                      </View>
-                    );
-                  })}
-                  {/* An odd tile keeps its half of the two-column grid. */}
-                  {!wide && row.length === 1 ? <View style={styles.tileSpacer} /> : null}
-                </View>
-              ))}
             </View>
           ) : null}
-
+        </View>
+        {actions ? (
           <View
+            testID={testID ? `${testID}-actions` : undefined}
             style={{
-              width: '100%',
+              position: 'absolute',
+              top: -34,
+              right: 4,
               flexDirection: 'row',
               alignItems: 'center',
-              justifyContent: 'space-between',
-              paddingTop: 6,
-              paddingLeft: 2,
+              justifyContent: 'flex-end',
+              gap: 10,
             }}>
-            <Text variant="body-2-medium" style={{ color: colors.textSecondary }}>
-              {activityLabel}
-            </Text>
-            {periods.length > 0 ? (
-              <SegmentedControl
-                label={messages.periodGroup(activityLabel)}
-                type="radio"
-                variant="plain"
-                value={selectedPeriod}
-                onValueChange={setPeriod}>
-                {periods.map((p) => (
-                  <SegmentedControlItem
-                    key={p.id}
-                    value={p.id}
-                    testID={testID ? `${testID}-period-${p.id}` : undefined}>
-                    <SegmentedControlItemText>{p.label}</SegmentedControlItemText>
-                  </SegmentedControlItem>
-                ))}
-              </SegmentedControl>
+            {actions}
+          </View>
+        ) : null}
+      </View>
+
+      <View style={{ width: '100%', flexDirection: 'column', gap: 8 }}>
+        <View style={{ flexDirection: 'column', gap: 2 }}>
+          <Text variant="body-medium" numberOfLines={1} style={{ color: colors.textSecondary }}>
+            {contributionsLabel}
+          </Text>
+          <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+            <RollingHeadline
+              value={contributions}
+              duration={countUpDuration}
+              format={format}
+              color={colors.text}
+              testID={testID ? `${testID}-headline` : undefined}
+            />
+            {delta != null ? (
+              <Chip
+                size="md"
+                testID={testID ? `${testID}-delta` : undefined}
+                style={{ alignSelf: 'center', backgroundColor: colors.chip.background }}
+                textStyle={{ color: colors.chip.foreground }}>
+                {delta}
+              </Chip>
             ) : null}
           </View>
+        </View>
 
-          {wide ? (
-            grid
-          ) : (
-            <ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ flexGrow: 0 }}>
-              {grid}
-            </ScrollView>
-          )}
+        {stats && stats.length > 0 ? (
+          <View testID={testID ? `${testID}-stats` : undefined} style={{ flexDirection: 'column', gap: 8 }}>
+            {(wide ? [stats.map((_, i) => i)] : pairs(stats.length)).map((row) => (
+              <View key={row[0]} style={{ flexDirection: 'row', alignItems: 'stretch', gap: 8 }}>
+                {row.map((i) => {
+                  const stat = stats[i]!;
+                  return (
+                    <View
+                      key={`${i}-${stat.label}`}
+                      testID={testID ? `${testID}-stat-${i}` : undefined}
+                      style={[styles.tile, { backgroundColor: colors.secondary }]}>
+                      <Text variant="body-medium" numberOfLines={1} style={{ width: '100%', color: colors.text }}>
+                        {stat.value}
+                      </Text>
+                      <Text
+                        variant="body-2-medium"
+                        numberOfLines={1}
+                        style={{ width: '100%', color: colors.textSecondary }}>
+                        {stat.label}
+                      </Text>
+                    </View>
+                  );
+                })}
+                {/* An odd tile keeps its half of the two-column grid. */}
+                {!wide && row.length === 1 ? <View style={styles.tileSpacer} /> : null}
+              </View>
+            ))}
+          </View>
+        ) : null}
+
+        <View
+          style={{
+            width: '100%',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            paddingTop: 6,
+            paddingLeft: 2,
+          }}>
+          <Text variant="body-2-medium" style={{ color: colors.textSecondary }}>
+            {activityLabel}
+          </Text>
+          {periods.length > 0 ? (
+            <SegmentedControl
+              label={messages.periodGroup(activityLabel)}
+              type="radio"
+              variant="plain"
+              value={selectedPeriod}
+              onValueChange={setPeriod}>
+              {periods.map((p) => (
+                <SegmentedControlItem
+                  key={p.id}
+                  value={p.id}
+                  testID={testID ? `${testID}-period-${p.id}` : undefined}>
+                  <SegmentedControlItemText>{p.label}</SegmentedControlItemText>
+                </SegmentedControlItem>
+              ))}
+            </SegmentedControl>
+          ) : null}
         </View>
+
+        {wide ? (
+          grid
+        ) : (
+          <ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ flexGrow: 0 }}>
+            {grid}
+          </ScrollView>
+        )}
       </View>
-    </View>
+    </CoverHeader>
   );
 }
 

package/src/chat-composer/SuggestionList.tsx

@@ -1,4 +1,5 @@
 import { Surface } from '../surface';
+import { Loading } from '../loading';
 import { createSuggestionList } from './create-suggestion-list';
 
-export const SuggestionList = createSuggestionList({ Surface });
+export const SuggestionList = createSuggestionList({ Surface, Loading });

package/src/chat-composer/SuggestionList.web.tsx

@@ -1,4 +1,5 @@
 import { Surface } from '../surface/index.web';
+import { Loading } from '../loading/index.web';
 import { createSuggestionList } from './create-suggestion-list';
 
-export const SuggestionList = createSuggestionList({ Surface });
+export const SuggestionList = createSuggestionList({ Surface, Loading });