@oxy.so/bloom 5.1.0 → 5.2.0

package/docs/adoption-matrix.mdx

@@ -139,7 +139,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `bottom-bar` | `@oxy.so/bloom/bottom-bar` + barrel | web fork | `bottom-bar.mdx` | yes | 2 |  |  |  |  |
 | `bottom-sheet` | `@oxy.so/bloom/bottom-sheet` + barrel | web fork | `bottom-sheet.mdx` | yes | 7 |  |  |  |  |
 | `breadcrumb` | `@oxy.so/bloom/breadcrumb` + barrel | universal | `breadcrumb.mdx` | yes | 2 |  |  |  |  |
-| `button` | `@oxy.so/bloom/button` + barrel | web fork | `button.mdx` | yes | 38 |  |  | n/a¹ |  |
+| `button` | `@oxy.so/bloom/button` + barrel | web fork | `button.mdx` | yes | 39 |  |  | n/a¹ |  |
 | `button-group` | `@oxy.so/bloom/button-group` + barrel | web fork | `button-group.mdx` | yes | 7 |  | reads |  |  |
 | `calendar` | `@oxy.so/bloom/calendar` + barrel | universal | `calendar.mdx` | yes | 3 |  |  |  | reads |
 | `call-ui` | `@oxy.so/bloom/call-ui` + barrel | universal | `call-ui.mdx` | yes | 2 |  |  |  |  |
@@ -149,7 +149,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `carrier-quote` | `@oxy.so/bloom/carrier-quote` + barrel | universal | `carrier-quote.mdx` | yes | 2 | n/a¹ |  |  | reads |
 | `cart-panel` | `@oxy.so/bloom/cart-panel` + barrel | universal | `cart-panel.mdx` | yes | 1 |  |  |  |  |
 | `category-bar` | `@oxy.so/bloom/category-bar` + barrel | universal | `category-bar.mdx` | yes | 3 |  |  |  |  |
-| `chart-cards` | `@oxy.so/bloom/chart-cards` + barrel | universal | `chart-cards.mdx` | yes | 33 |  |  |  | **adaptation** |
+| `chart-cards` | `@oxy.so/bloom/chart-cards` + barrel | universal | `chart-cards.mdx` | yes | 34 |  |  |  | **adaptation** |
 | `chat-composer` | `@oxy.so/bloom/chat-composer` + barrel | web fork | `chat-composer.mdx` | yes | 4 | n/a¹ | n/a¹ |  | reads |
 | `chat-indicators` | `@oxy.so/bloom/chat-indicators` + barrel | universal | `chat-indicators.mdx` | yes | 2 |  |  |  |  |
 | `chat-list` | `@oxy.so/bloom/chat-list` + barrel | universal | `chat-list.mdx` | yes | 3 | n/a¹ |  |  | **adaptation** |
@@ -179,12 +179,12 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `divider` | `@oxy.so/bloom/divider` + barrel | universal | `divider.mdx` | yes | 1 |  |  |  |  |
 | `dot-grid-meter` | `@oxy.so/bloom/dot-grid-meter` + barrel | universal | `dot-grid-meter.mdx` | yes | 2 |  |  |  |  |
 | `dropdown-menu` | `@oxy.so/bloom/dropdown-menu` + barrel | web fork | `dropdown-menu.mdx` | yes | 5 |  |  | reads | reads |
-| `earnings` | `@oxy.so/bloom/earnings` + barrel | universal | `earnings.mdx` | yes | 1 |  |  |  | reads |
+| `earnings` | `@oxy.so/bloom/earnings` + barrel | universal | `earnings.mdx` | yes | 2 |  |  |  | reads |
 | `empty-state` | `@oxy.so/bloom/empty-state` + barrel | universal | `empty-state.mdx` | yes | 1 |  |  |  |  |
 | `error-boundary` | `@oxy.so/bloom/error-boundary` + barrel | universal | `error-boundary.mdx` | yes | 2 |  |  |  |  |
 | `eviction` | `@oxy.so/bloom/eviction` + barrel | universal | `eviction.mdx` | yes | 2 |  |  |  |  |
 | `fab` | `@oxy.so/bloom/fab` + barrel | web fork | `fab.mdx` | yes | 4 |  |  |  |  |
-| `field` | `@oxy.so/bloom/field` + barrel | universal | `field.mdx` | yes | 9 | reads |  |  |  |
+| `field` | `@oxy.so/bloom/field` + barrel | universal | `field.mdx` | yes | 10 | reads |  |  |  |
 | `file-upload` | `@oxy.so/bloom/file-upload` + barrel | universal | `file-upload.mdx` | yes | 4 | reads |  |  |  |
 | `fill` | `@oxy.so/bloom/fill` + barrel | universal | `fill.mdx` | yes | 1 |  |  |  |  |
 | `floating` | internal | universal | — | — | 17 | n/a¹ |  | reads | reads |
@@ -215,7 +215,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `listing-details` | `@oxy.so/bloom/listing-details` + barrel | universal | `listing-details.mdx` | yes | 5 |  |  |  | reads |
 | `listing-editor` | `@oxy.so/bloom/listing-editor` + barrel | universal | `listing-editor.mdx` | yes | 2 | **adaptation** |  |  | reads |
 | `loading` | `@oxy.so/bloom/loading` + barrel | web fork | `loading.mdx` | yes | 3 |  |  |  |  |
-| `locale` | `@oxy.so/bloom/locale` + barrel | universal | `locale.mdx` | — | 20 |  |  |  |  |
+| `locale` | `@oxy.so/bloom/locale` + barrel | universal | `locale.mdx` | — | 22 |  |  |  |  |
 | `location-puck` | `@oxy.so/bloom/location-puck` + barrel | universal | `location-puck.mdx` | yes | 2 |  |  |  |  |
 | `lyrics` | `@oxy.so/bloom/lyrics` + barrel | universal | `lyrics.mdx` | yes | 3 |  |  |  |  |
 | `mail-compose` | `@oxy.so/bloom/mail-compose` + barrel | universal | `mail-compose.mdx` | yes | 4 | reads |  |  | reads |
@@ -250,7 +250,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes | 4 |  | reads |  |  |
 | `pagination` | `@oxy.so/bloom/pagination` + barrel | universal | `pagination.mdx` | yes | 2 |  |  |  |  |
 | `patient-info-card` | `@oxy.so/bloom/patient-info-card` + barrel | universal | `patient-info-card.mdx` | yes | 1 |  |  |  |  |
-| `payment-method` | `@oxy.so/bloom/payment-method` + barrel | universal | `payment-method.mdx` | yes | 2 | reads |  |  |  |
+| `payment-method` | `@oxy.so/bloom/payment-method` + barrel | universal | `payment-method.mdx` | yes | 3 | reads |  |  |  |
 | `payment-status` | `@oxy.so/bloom/payment-status` + barrel | universal | `payment-status.mdx` | yes | 2 |  |  |  |  |
 | `phone-input` | `@oxy.so/bloom/phone-input` | universal | `phone-input.mdx` | yes | 3 | reads | delegated |  | reads |
 | `pipeline` | `@oxy.so/bloom/pipeline` + barrel | universal | `pipeline.mdx` | yes | 1 |  |  |  | reads |
@@ -278,7 +278,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `scroll` | `@oxy.so/bloom/scroll` + barrel | web fork | `scroll.mdx` | yes | 5 |  |  |  |  |
 | `search` | `@oxy.so/bloom/search` + barrel | universal | `search.mdx` | yes | 3 |  |  |  |  |
 | `segmented-control` | `@oxy.so/bloom/segmented-control` + barrel | universal | `segmented-control.mdx` | yes | 4 | reads |  |  |  |
-| `select` | `@oxy.so/bloom/select` + barrel | web fork | `select.mdx` | yes | 8 | reads |  | reads |  |
+| `select` | `@oxy.so/bloom/select` + barrel | web fork | `select.mdx` | yes | 9 | reads |  | reads |  |
 | `settings-list` | `@oxy.so/bloom/settings-list` + barrel | universal | `settings-list.mdx` | yes | 5 |  |  |  |  |
 | `settings-modal` | `@oxy.so/bloom/settings-modal` + barrel | universal | `settings-modal.mdx` | yes | 9 |  |  |  | reads |
 | `shapes` | `@oxy.so/bloom/shapes` + barrel | universal | `shapes.mdx` | yes | 4 |  |  |  |  |
@@ -293,7 +293,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `stay-filters` | `@oxy.so/bloom/stay-filters` + barrel | universal | `stay-filters.mdx` | yes | 5 | n/a¹ |  |  |  |
 | `stay-search` | `@oxy.so/bloom/stay-search` + barrel | universal | `stay-search.mdx` | yes | 5 |  |  |  |  |
 | `stepper` | `@oxy.so/bloom/stepper` + barrel | universal | `stepper.mdx` | yes | 4 | reads |  |  |  |
-| `styles` | `@oxy.so/bloom/styles` + barrel | universal | `styles.mdx` | yes | 80 | n/a¹ |  |  |  |
+| `styles` | `@oxy.so/bloom/styles` + barrel | universal | `styles.mdx` | yes | 82 | n/a¹ |  |  |  |
 | `subtle-hover` | `@oxy.so/bloom/subtle-hover` + barrel | universal | `subtle-hover.mdx` | yes | 1 |  |  |  |  |
 | `surface` | `@oxy.so/bloom/surface` + barrel | web fork | `surface.mdx` | yes | 5 |  |  |  |  |
 | `surfaces` | `@oxy.so/bloom/surfaces` + barrel | web fork | `alert.mdx` | yes | 3 |  |  |  |  |
@@ -308,7 +308,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `tenancy` | `@oxy.so/bloom/tenancy` + barrel | universal | `tenancy.mdx` | yes | 5 |  | n/a¹ |  |  |
 | `text-field` | `@oxy.so/bloom/text-field` + barrel | universal | `text-field.mdx` | yes | 16 | reads | reads |  |  |
 | `textarea` | `@oxy.so/bloom/textarea` + barrel | universal | `textarea.mdx` | yes | 4 | reads | reads |  | n/a¹ |
-| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 340 |  |  | n/a¹ | reads |
+| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 341 |  |  | n/a¹ | reads |
 | `theme-toggle` | `@oxy.so/bloom/theme-toggle` + barrel | universal | `theme-toggle.mdx` | yes | 2 | n/a¹ |  |  |  |
 | `toast` | `@oxy.so/bloom/toast` + barrel | universal | `toast.mdx` | yes | 17 |  |  |  |  |
 | `tooltip` | `@oxy.so/bloom/tooltip` + barrel | web fork | `tooltip.mdx` | yes | 1 |  |  |  |  |

package/docs/app-shell.mdx

@@ -151,7 +151,9 @@ canvas that grew the page would pan the page instead of the canvas.
 `ScrollView` (`paneScroll={false}` when the pane's content already scrolls — a
 `FlatList`, a virtualizer). The divider between the first two is `ai-chat`'s
 `AiChatResizeHandle`, reused rather than rewritten: pointer-capture dragging on
-web, a `PanResponder` on native, arrow keys, and the same grip. It is named
+web, a `PanResponder` on native, arrow keys, and the same grip. The grip is its
+own module (`ai-chat/AiChatResizeHandle`), so a `split` shell does not link the
+AI chat shell or its message catalog. It is named
 `resizeLabel` (`"Resize panes"`) with `role="separator"`. `listWidth` (360) is
 the resting width and a drag is clamped to `listMinWidth`/`listMaxWidth`
 (280/520); `onListWidthChange` reports where it settled.

package/docs/button.mdx

@@ -68,3 +68,5 @@ Surface appearances (`solid`, `subtle`, `outline`, including legacy surface vari
 Accent/status/brand colours keep their semantic foreground pairs. Subtle tints are composited onto a stable theme backing; neutral and disabled surfaces remain opaque. Loading retains its rest paint. The optional `colors={{ background, foreground }}` pair supports branded controls without changing geometry. Native uses one SVG; web uses a decorative pseudo-element. Geometry has no optical offsets.
 
 Button forwards its ref to the interactive node (the native View handle or the actual web button/anchor), so menus can anchor to it without a layout wrapper. Optional `onLayout` reports React Native's layout shape on both platforms; web installs a resize observer only when that callback is supplied. Press-in/out, cancellation and long press share the base gesture lifecycle. String labels keep the typography defaults; custom content can supply icons, animated glyphs or a composed row. Accessibility visibility props support controls that fade out without leaving an invisible focus target.
+
+Native text children are wrapped individually when mixed with custom layout nodes or fragments, including icon-only buttons. Custom layout nodes retain their own layout.

package/docs/card-form.mdx

@@ -183,3 +183,5 @@ wiring the way every select trigger does — but the country box's own `error` c
 to that trigger's `aria-describedby`, because `SelectTrigger` takes no such prop. The
 message is drawn; it is not announced as part of the control. Put a country message on the
 enclosing `Field` instead. This is a gap in `select`, not one this family can close.
+
+If a scheme change reduces `maxDigits` below the current value, deletion remains available until the value fits. New over-limit digits are still refused.

package/docs/chat-composer.mdx

@@ -237,4 +237,4 @@ State colours 150ms; the mic ↔ send cross-fade 220ms; the recording dot pulses
 All of them take `style` and `testID`.
 
 
-The composer's accent icon control paints through shared `SurfacePaint`; it does not maintain a second SVG/CSS gradient engine. Its Pressable remains local because `onPressIn`/`onPressOut` drive recording and are not exposed by Button. Plain composer controls keep their unfilled hover/press contract. This is an event-lifecycle boundary, not a separate material recipe.
+The composer controls compose Bloom Button, including its press-in/out recording lifecycle. Each public component has a thin platform binding; shared factories receive Button, Surface, and overlay components explicitly. Web bindings name their `.web` dependencies, so built browser packages work without Metro-style extension resolution. No additional layout wrappers are introduced.

package/docs/chat-people.mdx

@@ -53,6 +53,14 @@ with `onSelectedChange`, an action button with `onAction`, nothing otherwise.
 | `size`                  | `'medium'` 44px avatar (default), `'small'` 36 for a picker |
 | `horizontalInset`       | Avatar/text inset, default `10`. Use `0` when the surrounding widget already provides its inset. |
 
+A single row outside a list — a suggestion card, a search result — imports
+the lightweight entry, which links `ContactRow` without the lists, the group
+form or the story viewer (Metro does not tree-shake barrel exports):
+
+```tsx
+import { ContactRow } from '@oxy.so/bloom/chat-people/contact-row';
+```
+
 ### Selection is ONE target
 
 When the row is a checkbox row, the **row itself** carries `role="checkbox"` and

package/docs/earnings.mdx

@@ -60,6 +60,8 @@ So it is `scripts/verify-earnings-headline.mjs`: a real Chrome, `page.mouse.move
 
 ## The period is controlled here, and the chart is remounted to follow it
 
+An external change to the controlled `period` clears the active bar before the next headline paints, just like using the period switch. Returning to the previous period starts from its total.
+
 `useChartRange` inside `chart-cards` is uncontrolled: it takes a `defaultRange` and there is no `range`. A period changed from outside the panel therefore cannot reach the chart card's own segmented control, and the switch and the panel would disagree with nothing to say so.
 
 The chart is keyed on the period id, which remounts it with the new default. The cost is that the bars grow in again instead of morphing across the switch. **This is a gap in `chart-cards`, recorded rather than worked around silently** — the fix is a controlled `range` prop on `useChartRange`, and it is not made here.

package/docs/field.mdx

@@ -145,3 +145,5 @@ decisions. [Composition](/docs/composition) has the table of directions.
 For the label alone, without the surrounding structure, use
 [`Label`](/docs/bloom/main/label). For a control with attached buttons or
 prefixes, use [`InputGroup`](/docs/bloom/main/input-group) *inside* a `Field`.
+
+`requiredLabel` overrides the accessible name of the required marker for this instance; omitted, it follows the current locale.

package/docs/label.mdx

@@ -52,3 +52,5 @@ announces as optional.
 A label names a control. A section title above a group of fields is a heading;
 using `Label` for it makes a screen reader look for a control that is not
 there.
+
+`requiredLabel` overrides the accessible name of the required marker for this instance; omitted, it follows the current locale.

package/docs/payment-method.mdx

@@ -167,3 +167,5 @@ control — it draws no press target — so it stays inside.
 `PaymentMethodMark` is the whole mark, and `card-form` uses it for the scheme it detects.
 Use it anywhere a method has to be identified without a row: a receipt line, a
 confirmation screen, a settings header.
+
+Picker rows with `expired` or `declined` state cannot be selected; management-list rows remain actionable so users can update those methods. Read-only pickers still expose each radio’s checked state. A required enclosing Field marks the radiogroup required.

package/docs/place-details.mdx

@@ -140,7 +140,7 @@ place's was the noun, and a noun is not a component.
 
 `layout="chips"` is the one thing a listing page does not have: a wrapping strip of `Chip`s
 for the top of a sheet, where four attributes have to read at a glance. Same items, same
-unavailable treatment, different density.
+unavailable treatment, different density. Both layouts show a translated expansion button when `onShowAll` is provided and `limit` or `total` indicates more amenities. The list also resolves its text against the ambient surface.
 
 The name sits on the strip's `listitem` and not on the chip, because a non-pressable `Chip`
 is a plain `View` — and on web a `div` carrying an `aria-label` and no role is not
@@ -172,7 +172,7 @@ The chart is ONE image with one name ("Wednesday, busiest at 9, now 18, busier t
 Twenty-four bars two pixels wide would be twenty-four tab stops saying a number each, which
 is not a reading of anything. The axis labels every hour that fits and every second or third
 below that — twenty-four labels across a phone is sixteen pixels each — and the current
-hour keeps its label whatever the step.
+hour keeps its label whatever the step; regular labels whose slots overlap it are omitted. If a selected day disappears from `days`, the selector and chart both fall back to the first available day.
 
 `PLACE_BUSY_LABELS` holds the three English trend sentences (the chart speaks them localised via `BloomProvider locale`); `trendLabel` replaces one.
 

package/docs/proof-of-delivery.mdx

@@ -29,6 +29,10 @@ import { ProofOfDelivery, SignaturePad } from '@oxy.so/bloom/proof-of-delivery';
 
 Every one is a `Field`, so the label, the hint, the required mark, the error and the association with the control are said once (`docs/composition.mdx`). Two of the five draw SEVERAL controls — the signature is a pad and a name, the photo is a grid — so those fields are `multiple`: one id on three inputs is invalid HTML, and one error described by three inputs is announced three times.
 
+A photo counts as proof once its status is `uploaded` (also the default when omitted). Failed and uploading photos remain missing. `labels.required` overrides the accessible required marker for this form.
+
+Custom `actions` inherit the form’s `disabled` and `submitting` interaction lock, including keyboard focus on web.
+
 ### Why the photo is not `FileUpload`
 
 `FileUpload` is a DROP ZONE with an upload lifecycle of its own. That is right for a document on a desktop and wrong at a door: the photo comes from a camera the app opens, and what has to be on screen afterwards is the picture, its upload state and a way to take another. `SortablePhotoGrid` is that — the app owns the picker, the grid owns the order, the per-photo progress and the retry.

package/docs/select.mdx

@@ -208,3 +208,5 @@ Every menu row in Bloom is an `Item`. A select row is not, and the reason is its
 The web option reserves a 30px indicator gutter and paints the indicator into it ABSOLUTELY, so the label's left edge does not move between a selected row and an unselected one; `Item` has an in-flow leading slot and no absolute one. On top of that, `Item` couples `selected` to its OWN selected background, while the select paints its own row wash — the same one hover and focus use — from the menu palette.
 
 Composing would mean flattening one of those two, and both are visible: the first as a label that jumps sideways on selection, the second as a selected row painted in a colour no other menu row uses. So select keeps its own row, and `radio-indicator` stays the one indicator both it and `Radio` draw.
+
+Inside a required Field, the trigger announces the localized required constraint through a description on web and a native accessibility hint. It remains a menu button; `aria-required` is reserved for roles that support it.

package/docs/settings-modal.mdx

@@ -103,6 +103,21 @@ Menus, selects, tooltips and the date popover opened inside a page stack above i
 
 **The hairline stops 12px short of the card's left edge** because the padding lives on the card, not the row — rows must be direct children of `SettingsCard` (fragments are flattened). "Last" is derived from the card's children, since React Native has no `:last-child`.
 
+### Rows outside the dialog
+
+A preference card on a screen or in a sheet imports the lightweight entry:
+
+```tsx
+import { SettingsCard, SettingsRow } from '@oxy.so/bloom/settings-modal/rows';
+```
+
+It carries `SettingsCard`, `SettingsRow`, `SettingsSection`,
+`SettingsSectionLabel` and `SettingsValueField` (and their prop types) — the
+same components — without linking `SettingsModal`, the storage/tools/plan pages
+or `SettingsDateField`'s calendar. Metro does not tree-shake barrel exports, so
+one row imported from `@oxy.so/bloom/settings-modal` put the whole dialog in the
+bundle of the screen that drew it. Gate: `lean-entries.test.ts`.
+
 ## Pages
 
 - **`SettingsGeneralPage`** — `plan` (`SettingsPlanCard`) then `sections`. The plan card's artwork is `SettingsPlanArt`: on web, a WebGL "burning flag" shader over `artworkSource` (or Bloom's generated accent/success/warning discs), eased toward the pointer; native, reduced motion and a failed WebGL context get the static discs. A radial fade melts it into the card.

package/lib/commonjs/ai-chat/AiChatResizeHandle.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AiChatResizeHandle = AiChatResizeHandle;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _commonMessages = require("../locale/common-messages.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The divider grip between two resizable panes. Its own module because three
+ * families draw it — `AiChatShell`, `AppShell`'s `split` variant and
+ * `ChatSplitLayout` — and the two that are not the AI chat must not link the
+ * chat shell (Metro does not tree-shake): importing it from `AiChatShell` put
+ * that module, its reanimated drawers and the whole ai-chat message catalog in
+ * every app that renders an `AppShell`.
+ */
+
+/**
+ * The resize grip (`DragHandle`): a 20px strip straddling the chat's right edge
+ * (10px past it). Hovering it reveals a 15×25 grip — radius 4, 1px
+ * border-button-default, background-primary, shadow-xs, three 1×13
+ * icon-quaternary lines 2 apart — that follows the pointer along the edge
+ * (kept 13px inside it) and stays up while dragging (150ms fade). Holding and
+ * dragging reports the horizontal distance from where the drag started.
+ */
+function AiChatResizeHandle({
+  onResizeStart,
+  onResize,
+  onResizeEnd,
+  label: labelProp,
+  onNudge,
+  style,
+  testID
+}) {
+  (0, _shared.useAiChatWebCss)();
+  const palette = (0, _shared.useAiChatPalette)();
+  const common = (0, _commonMessages.useCommonMessages)();
+  const label = labelProp ?? common.resizePanels;
+  const [gripY, setGripY] = (0, _react.useState)(null);
+  const [dragging, setDragging] = (0, _react.useState)(false);
+  const height = (0, _react.useRef)(0);
+  const startX = (0, _react.useRef)(0);
+  const callbacks = (0, _react.useRef)({
+    onResizeStart,
+    onResize,
+    onResizeEnd
+  });
+  callbacks.current = {
+    onResizeStart,
+    onResize,
+    onResizeEnd
+  };
+  const track = localY => {
+    const h = height.current;
+    if (h > 0) setGripY(Math.min(h - 13, Math.max(13, localY)));
+  };
+
+  // Native: a pan responder (web uses pointer capture below).
+  const responder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: event => {
+      track(event.nativeEvent.locationY);
+      setDragging(true);
+      callbacks.current.onResizeStart?.();
+    },
+    onPanResponderMove: (_event, gesture) => callbacks.current.onResize(gesture.dx),
+    onPanResponderRelease: () => {
+      setDragging(false);
+      callbacks.current.onResizeEnd?.();
+    },
+    onPanResponderTerminate: () => {
+      setDragging(false);
+      callbacks.current.onResizeEnd?.();
+    }
+  }), []);
+  const web = _shared.IS_WEB ? {
+    onPointerDown: event => {
+      event.preventDefault();
+      startX.current = event.nativeEvent.clientX;
+      setDragging(true);
+      callbacks.current.onResizeStart?.();
+      event.currentTarget.setPointerCapture(event.nativeEvent.pointerId);
+    },
+    onPointerMove: event => {
+      const target = event.currentTarget;
+      track(event.nativeEvent.clientY - target.getBoundingClientRect().top);
+      if (target.hasPointerCapture(event.nativeEvent.pointerId)) {
+        callbacks.current.onResize(event.nativeEvent.clientX - startX.current);
+      }
+    },
+    onPointerUp: () => {
+      setDragging(false);
+      callbacks.current.onResizeEnd?.();
+    },
+    onPointerCancel: () => {
+      setDragging(false);
+      callbacks.current.onResizeEnd?.();
+    },
+    onKeyDown: event => {
+      if (event.nativeEvent.key === 'ArrowLeft') onNudge?.(-16);
+      if (event.nativeEvent.key === 'ArrowRight') onNudge?.(16);
+    },
+    tabIndex: onNudge ? 0 : undefined
+  } : responder.panHandlers;
+  const grip = {
+    position: 'absolute',
+    ...(gripY === null ? {
+      top: '50%'
+    } : {
+      top: gripY
+    }),
+    width: 15,
+    height: 25,
+    marginTop: -12.5,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2,
+    borderRadius: 4,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: palette.primary,
+    boxShadow: palette.shadowXs,
+    ...(_shared.IS_WEB ? null : {
+      opacity: dragging ? 1 : 0
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...(0, _shared.dataHook)('bloomAiChatGrip'),
+    ...web,
+    role: "separator",
+    "aria-orientation": "vertical",
+    accessibilityLabel: label,
+    testID: testID,
+    onLayout: event => {
+      height.current = event.nativeEvent.layout.height;
+    },
+    style: [{
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: -10,
+      zIndex: 10,
+      width: 20,
+      alignItems: 'center'
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...(0, _shared.dataHook)('bloomAiChatGripPill', dragging ? 'dragging' : ''),
+      pointerEvents: "none",
+      style: grip,
+      children: [0, 1, 2].map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 1,
+          height: 13,
+          backgroundColor: palette.iconQuaternary
+        }
+      }, line))
+    })
+  });
+}
+//# sourceMappingURL=AiChatResizeHandle.js.map

package/lib/commonjs/ai-chat/AiChatResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_commonMessages","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AiChatResizeHandle","onResizeStart","onResize","onResizeEnd","label","labelProp","onNudge","style","testID","useAiChatWebCss","palette","useAiChatPalette","common","useCommonMessages","resizePanels","gripY","setGripY","useState","dragging","setDragging","height","useRef","startX","callbacks","current","track","localY","h","Math","min","max","responder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","event","nativeEvent","locationY","onPanResponderMove","_event","gesture","dx","onPanResponderRelease","onPanResponderTerminate","web","IS_WEB","onPointerDown","preventDefault","clientX","currentTarget","setPointerCapture","pointerId","onPointerMove","target","clientY","getBoundingClientRect","top","hasPointerCapture","onPointerUp","onPointerCancel","onKeyDown","key","tabIndex","undefined","panHandlers","grip","position","width","marginTop","flexDirection","alignItems","justifyContent","gap","borderRadius","borderWidth","borderColor","border","backgroundColor","primary","boxShadow","shadowXs","opacity","jsx","View","dataHook","role","accessibilityLabel","onLayout","layout","bottom","right","zIndex","children","pointerEvents","map","line","iconQuaternary"],"sourceRoot":"../../../src","sources":["ai-chat/AiChatResizeHandle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ai-chat/AiChatShell.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AiChatMobileHeader = AiChatMobileHeader;
-exports.AiChatResizeHandle = AiChatResizeHandle;
 exports.AiChatShell = AiChatShell;
 var _surfaceLevels = require("../styles/surface-levels.js");
 var _useSurfaceBacking = require("../surface/use-surface-backing.js");
@@ -21,8 +20,10 @@ var _webViewStyle = require("../styles/web-view-style.js");
 var _index = require("../typography/index.js");
 var _context = require("./context.js");
 var _shared = require("./shared.js");
+var _commonMessages = require("../locale/common-messages.js");
 var _messages = require("../locale/messages.js");
 var _messages2 = require("./messages.js");
+var _AiChatResizeHandle = require("./AiChatResizeHandle.js");
 var _clamp = require("../styles/clamp.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -74,157 +75,6 @@ const NAV_SWIPE_FLICK = 0.3;
 /** A settle never runs shorter than this, so the last few px are still seen. */
 const NAV_SETTLE_MIN_MS = 120;
 
-// ---------------------------------------------------------------------------
-//  Resize handle
-// ---------------------------------------------------------------------------
-
-/**
- * The resize grip (`DragHandle`): a 20px strip straddling the chat's right edge
- * (10px past it). Hovering it reveals a 15×25 grip — radius 4, 1px
- * border-button-default, background-primary, shadow-xs, three 1×13
- * icon-quaternary lines 2 apart — that follows the pointer along the edge
- * (kept 13px inside it) and stays up while dragging (150ms fade). Holding and
- * dragging reports the horizontal distance from where the drag started.
- */
-function AiChatResizeHandle({
-  onResizeStart,
-  onResize,
-  onResizeEnd,
-  label: labelProp,
-  onNudge,
-  style,
-  testID
-}) {
-  (0, _shared.useAiChatWebCss)();
-  const palette = (0, _shared.useAiChatPalette)();
-  const {
-    messages
-  } = (0, _messages.useMessages)(_messages2.AI_CHAT_MESSAGES);
-  const label = labelProp ?? messages.shell.resize;
-  const [gripY, setGripY] = (0, _react.useState)(null);
-  const [dragging, setDragging] = (0, _react.useState)(false);
-  const height = (0, _react.useRef)(0);
-  const startX = (0, _react.useRef)(0);
-  const callbacks = (0, _react.useRef)({
-    onResizeStart,
-    onResize,
-    onResizeEnd
-  });
-  callbacks.current = {
-    onResizeStart,
-    onResize,
-    onResizeEnd
-  };
-  const track = localY => {
-    const h = height.current;
-    if (h > 0) setGripY(Math.min(h - 13, Math.max(13, localY)));
-  };
-
-  // Native: a pan responder (web uses pointer capture below).
-  const responder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponder: () => true,
-    onPanResponderGrant: event => {
-      track(event.nativeEvent.locationY);
-      setDragging(true);
-      callbacks.current.onResizeStart?.();
-    },
-    onPanResponderMove: (_event, gesture) => callbacks.current.onResize(gesture.dx),
-    onPanResponderRelease: () => {
-      setDragging(false);
-      callbacks.current.onResizeEnd?.();
-    },
-    onPanResponderTerminate: () => {
-      setDragging(false);
-      callbacks.current.onResizeEnd?.();
-    }
-  }), []);
-  const web = _shared.IS_WEB ? {
-    onPointerDown: event => {
-      event.preventDefault();
-      startX.current = event.nativeEvent.clientX;
-      setDragging(true);
-      callbacks.current.onResizeStart?.();
-      event.currentTarget.setPointerCapture(event.nativeEvent.pointerId);
-    },
-    onPointerMove: event => {
-      const target = event.currentTarget;
-      track(event.nativeEvent.clientY - target.getBoundingClientRect().top);
-      if (target.hasPointerCapture(event.nativeEvent.pointerId)) {
-        callbacks.current.onResize(event.nativeEvent.clientX - startX.current);
-      }
-    },
-    onPointerUp: () => {
-      setDragging(false);
-      callbacks.current.onResizeEnd?.();
-    },
-    onPointerCancel: () => {
-      setDragging(false);
-      callbacks.current.onResizeEnd?.();
-    },
-    onKeyDown: event => {
-      if (event.nativeEvent.key === 'ArrowLeft') onNudge?.(-16);
-      if (event.nativeEvent.key === 'ArrowRight') onNudge?.(16);
-    },
-    tabIndex: onNudge ? 0 : undefined
-  } : responder.panHandlers;
-  const grip = {
-    position: 'absolute',
-    ...(gripY === null ? {
-      top: '50%'
-    } : {
-      top: gripY
-    }),
-    width: 15,
-    height: 25,
-    marginTop: -12.5,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 2,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: palette.border,
-    backgroundColor: palette.primary,
-    boxShadow: palette.shadowXs,
-    ...(_shared.IS_WEB ? null : {
-      opacity: dragging ? 1 : 0
-    })
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    ...(0, _shared.dataHook)('bloomAiChatGrip'),
-    ...web,
-    role: "separator",
-    "aria-orientation": "vertical",
-    accessibilityLabel: label,
-    testID: testID,
-    onLayout: event => {
-      height.current = event.nativeEvent.layout.height;
-    },
-    style: [{
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: -10,
-      zIndex: 10,
-      width: 20,
-      alignItems: 'center'
-    }, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      ...(0, _shared.dataHook)('bloomAiChatGripPill', dragging ? 'dragging' : ''),
-      pointerEvents: "none",
-      style: grip,
-      children: [0, 1, 2].map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          width: 1,
-          height: 13,
-          backgroundColor: palette.iconQuaternary
-        }
-      }, line))
-    })
-  });
-}
-
 // ---------------------------------------------------------------------------
 //  Mobile header
 // ---------------------------------------------------------------------------
@@ -360,10 +210,12 @@ function AiChatShell({
     messages
   } = (0, _messages.useMessages)(_messages2.AI_CHAT_MESSAGES);
   const panelLabel = panelLabelProp ?? messages.code;
+  const common = (0, _commonMessages.useCommonMessages)();
   const l = (0, _react.useMemo)(() => ({
     ...messages.shell,
+    resize: common.resizePanels,
     ...labels
-  }), [messages, labels]);
+  }), [messages, common, labels]);
   const {
     width: windowWidth
   } = (0, _reactNative.useWindowDimensions)();
@@ -735,7 +587,7 @@ function AiChatShell({
                     flexBasis: 0,
                     flexDirection: 'row'
                   },
-                  children: [children, wide && panel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AiChatResizeHandle, {
+                  children: [children, wide && panel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AiChatResizeHandle.AiChatResizeHandle, {
                     label: l.resize,
                     onResizeStart: onResizeStart,
                     onResize: onResize,