@buoy-gg/ask-buoy 7.0.38 → 7.0.40

package/lib/commonjs/components/MessageList.js

@@ -1 +1,970 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageList=MessageList,exports.transcriptToText=transcriptToText;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_agentCore=require("@buoy-gg/agent-core"),_BlockRenderer=require("../blocks/BlockRenderer"),_blockText=require("../blocks/blockText"),_activityGroups=require("../store/activityGroups"),_blockPlacement=require("../store/blockPlacement"),_askBuoyStore=require("../store/askBuoyStore"),_Markdown=require("./Markdown"),_ThinkingStrip=require("./ThinkingStrip"),_TypingDots=require("./TypingDots"),_useCopyAction=require("./useCopyAction"),_traceText=require("../store/traceText"),_useAskBuoySettings=require("../store/useAskBuoySettings"),_jsxRuntime=require("react/jsx-runtime");function StatusMark({status:e}){switch(e){case"running":return(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:_sharedUi.night.color.textSecondary});case"ok":return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.mark,styles.markOk],children:(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:10,color:_sharedUi.night.color.onAccent})});case"failed":return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.mark,styles.markFailed],children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:10,color:_sharedUi.night.color.text})});case"refused":return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.mark,styles.markRefused],children:(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:10,color:_sharedUi.night.color.onAccent})});case"declined":case"stopped":return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.mark,styles.markNotRun],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.markNotRunBar})})}}function statusText(e){return"running"===e.status?{text:"",tone:"muted"}:"refused"===e.status?{text:"Refused",tone:"warning"}:"failed"===e.status?{text:"Failed",tone:"danger"}:"declined"===e.status?{text:"You declined",tone:"muted"}:"stopped"===e.status?{text:"Not run — stopped",tone:"muted"}:"verified"===e.verification?.status?{text:"Verified",tone:"ok"}:"unverified"===e.verification?.status?{text:"Done · not yet visible",tone:"muted"}:"failed"===e.verification?.status?{text:"Done · check failed",tone:"warning"}:{text:e.summary||"Done",tone:"muted"}}const isExceptional=e=>"failed"===e.status||"refused"===e.status||"declined"===e.status||"stopped"===e.status;function ActivityRow({call:e,receipts:t,last:s}){const[r,i]=(0,_react.useState)(!1),o=statusText(e),n=r?_sharedUi.ChevronDown:_sharedUi.ChevronRight,a="failed"===e.status&&e.summary&&"Failed"!==e.summary?e.summary:null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,!s&&styles.rowDivider],children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-ask-buoy-tool-${e.toolId}`,accessibilityRole:"button",accessibilityLabel:`${e.label}, ${o.text||"running"}`,accessibilityState:{expanded:r},onPress:()=>i(e=>!e),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowLine,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.markSlot,children:(0,_jsxRuntime.jsx)(StatusMark,{status:e.status})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowTitle,children:e.label}),o.text?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.rowStatus,"danger"===o.tone&&styles.rowStatusDanger,"warning"===o.tone&&styles.rowStatusWarning,"ok"===o.tone&&styles.rowStatusOk],numberOfLines:1,children:o.text}):null,(0,_jsxRuntime.jsx)(n,{size:12,color:_sharedUi.night.color.textTertiary})]}),r&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowDetail,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowTool,children:(0,_agentCore.toolTitle)(e.toolId).toUpperCase()}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowDescription,children:e.description}):null,a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowFailure,children:a}):null,e.verification?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.rowDescription,"failed"===e.verification.status&&styles.rowFailure,"verified"===e.verification.status&&styles.rowVerified],testID:`buoy-ask-buoy-verification-${e.verification.status}`,children:e.verification.detail}):null]})]}),r&&t.length>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.rowReceipts,testID:`buoy-ask-buoy-tool-receipt-${e.toolId}`,children:t.map(e=>(0,_jsxRuntime.jsx)(_BlockRenderer.BlockRenderer,{block:e},e.id))})]})}function ReadsGroup({label:e,count:t,calls:s,receipts:r,last:i}){const[o,n]=(0,_react.useState)(!1),a=o?_sharedUi.ChevronDown:_sharedUi.ChevronRight;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:!i&&!o&&styles.rowDivider,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-reads-group",accessibilityRole:"button",accessibilityLabel:`${e}, ${t} reads`,accessibilityState:{expanded:o},onPress:()=>n(e=>!e),style:[styles.row,o&&styles.rowDivider],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowLine,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.markSlot,children:(0,_jsxRuntime.jsx)(StatusMark,{status:"ok"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowTitle,children:e}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.rowStatus,numberOfLines:1,children:[t," reads"]}),(0,_jsxRuntime.jsx)(a,{size:12,color:_sharedUi.night.color.textTertiary})]})}),o&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.groupBody,children:s.map((e,t)=>(0,_jsxRuntime.jsx)(ActivityRow,{call:e,receipts:r.get(e.id)??[],last:i&&t===s.length-1},e.id))})]})}function ActivityCard({calls:e,receipts:t}){const s=(0,_activityGroups.groupCalls)(e);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.card,testID:"buoy-ask-buoy-activity",children:s.map((e,r)=>"reads"===e.kind?(0,_jsxRuntime.jsx)(ReadsGroup,{label:e.label,count:e.count,calls:e.calls,receipts:t,last:r===s.length-1},e.id):(0,_jsxRuntime.jsx)(ActivityRow,{call:e.call,receipts:t.get(e.call.id)??[],last:r===s.length-1},e.call.id))})}function Blocks({blocks:e}){return 0===e.length?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.blocks,children:e.map(({block:e})=>(0,_jsxRuntime.jsx)(_BlockRenderer.BlockRenderer,{block:e},e.id))})}function SystemLine({message:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.systemLine,testID:"buoy-ask-buoy-system-line",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.systemText,children:e.text})})}function UserMessage({message:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.userWrap,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.userBubble,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.userText,selectable:!0,children:e.text})})})}function AssistantMessage({message:e,onRetry:t,waitingOnUser:s}){const{showThinking:r}=(0,_useAskBuoySettings.useAskBuoySettings)(),i=!!e.streaming&&!s,{nested:o,afterText:n,ask:a}=(0,_blockPlacement.placeBlocks)(e.blocks,e.toolCalls.map(e=>e.id));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.assistantWrap,children:[e.toolCalls.length>0&&(0,_jsxRuntime.jsx)(ActivityCard,{calls:e.toolCalls,receipts:o}),e.text.length>0&&(0,_jsxRuntime.jsx)(_Markdown.Markdown,{text:e.text,style:styles.assistantText}),(0,_jsxRuntime.jsx)(Blocks,{blocks:n}),(0,_jsxRuntime.jsx)(Blocks,{blocks:a}),r&&!e.streaming&&(0,_jsxRuntime.jsx)(_ThinkingStrip.ThinkingStrip,{message:e}),i&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.waitingRow,children:[(0,_jsxRuntime.jsx)(_TypingDots.TypingDots,{}),e.waiting?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.waitingText,testID:"buoy-ask-buoy-waiting",children:e.waiting}):null]}),e.error&&(0,_jsxRuntime.jsx)(ErrorNote,{error:e.error,onRetry:t}),e.stopped&&!e.error&&(0,_jsxRuntime.jsx)(StoppedNote,{onRetry:t,changed:e.toolCalls.some(e=>"ok"===e.status&&!!e.effect&&"read"!==e.effect)})]})}function StoppedNote({onRetry:e,changed:t}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.stoppedBox,testID:"buoy-ask-buoy-stopped",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stoppedText,children:t?"Stopped. Changes already made are listed above.":"Stopped."}),e&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-retry",accessibilityRole:"button",accessibilityLabel:"Try again",onPress:e,style:({pressed:e})=>[styles.retry,e&&styles.retryPressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Try again"})})]})}function ErrorNote({error:e,onRetry:t}){const s=/fetch failed|network|ECONN|timed? ?out|socket/i.test(e)?"Couldn't reach your AI endpoint. Check the connection and try again.":"Something went wrong with that turn.";return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.errorBox,testID:"buoy-ask-buoy-error",children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:14,color:_sharedUi.night.color.danger}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.errorBody,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorText,children:s}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorDetail,selectable:!0,children:e}),t&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-retry",accessibilityRole:"button",accessibilityLabel:"Try again",onPress:t,style:({pressed:e})=>[styles.retry,e&&styles.retryPressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Try again"})})]})]})}function transcriptToText(e,t=!1){const s=[];for(const r of e)if("user"!==r.role)if(r.system)s.push(`  — ${r.text}`);else{if(t)s.push(...(0,_traceText.traceToText)(r));else for(const e of r.toolCalls){const t=isExceptional(e)?` (${e.status})`:"";s.push(`  · ${e.label}${e.summary?` — ${e.summary}`:""}${t}`)}r.text&&s.push(`Ask Buoy: ${r.text}`);for(const e of(0,_blockText.blocksToText)(r.blocks.map(e=>e.block)))s.push(e);r.error&&s.push(`  ! ${r.error}`),r.stopped&&!r.error&&s.push("  ! Stopped by the user.")}else s.push(`You: ${r.text}`);return s.join("\n")}function CopyPill({testID:e,label:t,getText:s}){const{copied:r,copy:i}=(0,_useCopyAction.useCopyAction)(s);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:e,accessibilityRole:"button",accessibilityLabel:t,onPress:i,style:({pressed:e})=>[styles.copyBtn,styles.iconBtn,e&&styles.copyPressed],children:[r?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:11,color:_sharedUi.night.color.accent}):(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:11,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.copyText,r&&styles.copiedText],children:r?"Copied":t})]})}function TranscriptActions({message:e}){const{showThinking:t}=(0,_useAskBuoySettings.useAskBuoySettings)(),s=(0,_react.useCallback)(()=>transcriptToText(_askBuoyStore.askBuoyStore.getState().messages,t),[t]),r=(0,_activityGroups.turnFooter)(e);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.transcriptActions,children:[r?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.turnFooter,testID:"buoy-ask-buoy-turn-footer",children:r}):null,(0,_jsxRuntime.jsx)(CopyPill,{testID:"buoy-ask-buoy-copy",label:"Copy conversation",getText:s})]})}const Row=(0,_react.memo)(function({message:e,onRetry:t,waitingOnUser:s}){if("user"===e.role)return(0,_jsxRuntime.jsx)(UserMessage,{message:e});if(e.system)return(0,_jsxRuntime.jsx)(SystemLine,{message:e});const r=!e.streaming&&!e.error;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(AssistantMessage,{message:e,onRetry:t,waitingOnUser:s}),r&&(0,_jsxRuntime.jsx)(TranscriptActions,{message:e})]})});function MessageList({messages:e,ListHeaderComponent:t,ListEmptyComponent:s,ListFooterComponent:r,onRetry:i,waitingOnUser:o}){const n=(0,_react.useRef)(null),a=(0,_react.useRef)(!0),l=(0,_react.useRef)(!1),c=(0,_react.useCallback)(e=>{const{contentOffset:t,contentSize:s,layoutMeasurement:r}=e.nativeEvent,i=s.height-r.height-t.y;a.current=i<80},[]),d=(0,_react.useCallback)(()=>{l.current=!0},[]),u=(0,_react.useCallback)(e=>{l.current&&c(e)},[c]),h=(0,_react.useCallback)(e=>{l.current=!1,c(e)},[c]),x=(0,_react.useCallback)(()=>{a.current&&(n.current?.scrollToEnd({animated:!1}),requestAnimationFrame(()=>n.current?.scrollToEnd({animated:!1})))},[]),y=e[e.length-1],g=y?`${y.id}:${y.text.length}:${y.toolCalls.length}:${y.error??""}`:"";return(0,_react.useEffect)(()=>{x()},[g,x]),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:n,testID:"buoy-ask-buoy-messages-scroll",style:styles.list,contentContainerStyle:styles.listContent,data:e,keyExtractor:e=>e.id,renderItem:({item:e})=>(0,_jsxRuntime.jsx)(Row,{message:e,onRetry:e.id===y?.id?i:void 0,waitingOnUser:e.id===y?.id&&o}),onScroll:u,onScrollBeginDrag:d,onScrollEndDrag:h,onMomentumScrollEnd:c,scrollEventThrottle:32,onContentSizeChange:x,keyboardShouldPersistTaps:"handled",keyboardDismissMode:"interactive",ListHeaderComponent:t,ListEmptyComponent:s,ListFooterComponent:r})}const styles=_reactNative.StyleSheet.create({list:{flex:1,backgroundColor:"transparent"},listContent:{paddingHorizontal:_sharedUi.night.gutter,paddingTop:12,paddingBottom:16,gap:16,flexGrow:1},userWrap:{alignItems:"flex-end"},userBubble:{maxWidth:"84%",paddingHorizontal:14,paddingVertical:9,borderRadius:18,borderBottomRightRadius:6,backgroundColor:_sharedUi.night.color.accentFill,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorder},userText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,lineHeight:21},systemLine:{alignSelf:"stretch",paddingHorizontal:12,paddingVertical:7,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.fill},systemText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,lineHeight:16,textAlign:"center"},assistantWrap:{alignItems:"stretch",gap:10},blocks:{gap:10},waitingRow:{flexDirection:"row",alignItems:"center",gap:8},waitingText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},assistantText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,lineHeight:22,paddingHorizontal:2},card:{borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,overflow:"hidden"},row:{paddingHorizontal:12,paddingVertical:10},rowDivider:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.separator},rowLine:{flexDirection:"row",alignItems:"center",gap:10},markSlot:{width:18,height:18,alignItems:"center",justifyContent:"center"},mark:{width:16,height:16,borderRadius:8,alignItems:"center",justifyContent:"center"},markOk:{backgroundColor:_sharedUi.night.color.accent},markFailed:{backgroundColor:_sharedUi.night.color.danger},markRefused:{backgroundColor:_sharedUi.night.color.warning},markNotRun:{borderWidth:1.5,borderColor:_sharedUi.night.color.textTertiary},markNotRunBar:{width:7,height:1.5,borderRadius:1,backgroundColor:_sharedUi.night.color.textSecondary},rowTitle:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,lineHeight:19},rowStatus:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.caption,maxWidth:120},rowStatusDanger:{color:_sharedUi.night.color.danger},rowStatusWarning:{color:_sharedUi.night.color.warning},rowStatusOk:{color:_sharedUi.night.color.accent},rowVerified:{color:_sharedUi.night.color.accent},rowDetail:{paddingLeft:28,paddingTop:8,gap:4},rowTool:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"600",letterSpacing:.8},rowDescription:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:18},rowFailure:{color:_sharedUi.night.color.danger,fontSize:_sharedUi.night.font.caption,lineHeight:18},rowReceipts:{paddingTop:10,gap:10},groupBody:{paddingLeft:14,backgroundColor:_sharedUi.night.color.fill},stoppedBox:{alignItems:"flex-start",gap:2,paddingHorizontal:12,paddingVertical:8},stoppedText:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.caption,lineHeight:18},errorBox:{flexDirection:"row",alignItems:"flex-start",gap:8,paddingHorizontal:12,paddingVertical:10,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.dangerSoft},errorBody:{flex:1,gap:4},errorText:{color:_sharedUi.night.color.danger,fontSize:_sharedUi.night.font.caption,fontWeight:"600",lineHeight:18},errorDetail:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,lineHeight:15},retry:{alignSelf:"flex-start",marginTop:6,paddingHorizontal:14,paddingVertical:7,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.button},retryPressed:{opacity:.7},retryText:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},transcriptActions:{flexDirection:"row",alignItems:"center",gap:10,marginTop:8},turnFooter:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontVariant:["tabular-nums"]},copyBtn:{paddingHorizontal:10,paddingVertical:5,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},iconBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8},copyPressed:{opacity:.7},copyText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},copiedText:{color:_sharedUi.night.color.accent}});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageList = MessageList;
+exports.transcriptToText = transcriptToText;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _agentCore = require("@buoy-gg/agent-core");
+var _BlockRenderer = require("../blocks/BlockRenderer");
+var _blockText = require("../blocks/blockText");
+var _activityGroups = require("../store/activityGroups");
+var _blockPlacement = require("../store/blockPlacement");
+var _askBuoyStore = require("../store/askBuoyStore");
+var _Markdown = require("./Markdown");
+var _ThinkingStrip = require("./ThinkingStrip");
+var _TypingDots = require("./TypingDots");
+var _useCopyAction = require("./useCopyAction");
+var _traceText = require("../store/traceText");
+var _useAskBuoySettings = require("../store/useAskBuoySettings");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The transcript.
+ *
+ * Owns the ONLY scroller in the sheet. JsModal's default wrapper uses
+ * `contentContainerStyle: { flexGrow: 1 }`, so a `flex: 1` scroller nested
+ * inside resolves against the CONTENT rather than the viewport: it grows to
+ * full content height, never scrolls, and the outer wrapper scrolls instead.
+ * That is invisible to a human and fatal to Detox ("View is not scrollable at
+ * the given start point"). The sheet passes `disableScrollWrapper` and this
+ * list is the one scroller.
+ *
+ * Layout, and why:
+ * - The user's messages are bubbles on the right; the assistant's text is
+ *   plain, full-width prose on the left. A grey bubble around every answer
+ *   cost 28pt of width per line and made the two sides look like the same
+ *   speaker.
+ * - Tool calls render as an ACTIVITY CARD above the answer they produced —
+ *   one row per call, a status mark, a short human title ("Open /bag") and a
+ *   result word ("Done", "12 items", "Not found"). Nothing in a row is
+ *   truncated to the point of being unreadable: the title wraps, and tapping
+ *   the row expands it to the catalog's full sentence plus the tool it ran on.
+ *   The previous version showed the model-facing sentence cut off at two
+ *   lines with the result's JSON key names beside it, which was unreadable
+ *   AND uninformative.
+ * - What a READ step returned (the receipt — "10 cached queries", a store's
+ *   key/values) lives INSIDE that step's row and shows only when the row is
+ *   expanded. Rendered as a standalone card under the activity list it read
+ *   as part of the answer: a question about one Pokémon produced a wall of
+ *   ten cache entries that a non-technical tester had no way to relate to
+ *   what they asked. The step row already says "10 items"; tapping it is the
+ *   ask for the detail. Receipts of WRITES (a diff of what changed) are drawn
+ *   in full — that is the thing the user must see without asking.
+ * - CARDS COME LAST, AFTER THE PROSE. A turn reads activity → explanation →
+ *   the thing itself, which is the order a person would say it in. It used to
+ *   be the other way round, and on a long turn the answer — a grid of 28 shop
+ *   items — landed at the TOP with five paragraphs of narration underneath it,
+ *   so the finished answer arrived before the sentence explaining it. Ask
+ *   blocks (choice/confirm/input) stay last of all: they are the question the
+ *   turn ends on.
+ */
+
+function StatusMark({
+  status
+}) {
+  switch (status) {
+    case "running":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: _sharedUi.night.color.textSecondary
+      });
+    case "ok":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.mark, styles.markOk],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+          size: 10,
+          color: _sharedUi.night.color.onAccent
+        })
+      });
+    case "failed":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.mark, styles.markFailed],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
+          size: 10,
+          color: _sharedUi.night.color.text
+        })
+      });
+    case "refused":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.mark, styles.markRefused],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
+          size: 10,
+          color: _sharedUi.night.color.onAccent
+        })
+      });
+    // A grey ring with a bar — drawn, not an icon, so the shape is distinct
+    // from every outcome the MODEL produced. `declined` had no case at all:
+    // the row rendered a blank slot, and later nobody could tell whether the
+    // person or the policy had stopped it.
+    case "declined":
+    case "stopped":
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.mark, styles.markNotRun],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.markNotRunBar
+        })
+      });
+  }
+}
+
+/** The trailing word: what happened, in one glance. */
+function statusText(call) {
+  if (call.status === "running") return {
+    text: "",
+    tone: "muted"
+  };
+  if (call.status === "refused") return {
+    text: "Refused",
+    tone: "warning"
+  };
+  if (call.status === "failed") return {
+    text: "Failed",
+    tone: "danger"
+  };
+  if (call.status === "declined") return {
+    text: "You declined",
+    tone: "muted"
+  };
+  if (call.status === "stopped") return {
+    text: "Not run — stopped",
+    tone: "muted"
+  };
+  // The outcome check, when the action had one: the difference between "the
+  // adapter said ok" and "the app now shows it". See agent-core engine/verify.ts.
+  if (call.verification?.status === "verified") return {
+    text: "Verified",
+    tone: "ok"
+  };
+  if (call.verification?.status === "unverified") return {
+    text: "Done · not yet visible",
+    tone: "muted"
+  };
+  if (call.verification?.status === "failed") return {
+    text: "Done · check failed",
+    tone: "warning"
+  };
+  return {
+    text: call.summary || "Done",
+    tone: "muted"
+  };
+}
+
+/** Rows that never fold: anything that did not simply succeed. */
+const isExceptional = c => c.status === "failed" || c.status === "refused" || c.status === "declined" || c.status === "stopped";
+function ActivityRow({
+  call,
+  receipts,
+  last
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const status = statusText(call);
+  const Chevron = open ? _sharedUi.ChevronDown : _sharedUi.ChevronRight;
+  const failureDetail = call.status === "failed" && call.summary && call.summary !== "Failed" ? call.summary : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.row, !last && styles.rowDivider],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      testID: `buoy-ask-buoy-tool-${call.toolId}`,
+      accessibilityRole: "button",
+      accessibilityLabel: `${call.label}, ${status.text || "running"}`,
+      accessibilityState: {
+        expanded: open
+      },
+      onPress: () => setOpen(v => !v),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowLine,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.markSlot,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusMark, {
+            status: call.status
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.rowTitle,
+          children: call.label
+        }), status.text ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.rowStatus, status.tone === "danger" && styles.rowStatusDanger, status.tone === "warning" && styles.rowStatusWarning, status.tone === "ok" && styles.rowStatusOk],
+          numberOfLines: 1,
+          children: status.text
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
+          size: 12,
+          color: _sharedUi.night.color.textTertiary
+        })]
+      }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowDetail,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.rowTool,
+          children: (0, _agentCore.toolTitle)(call.toolId).toUpperCase()
+        }), call.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.rowDescription,
+          children: call.description
+        }) : null, failureDetail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.rowFailure,
+          children: failureDetail
+        }) : null, call.verification ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.rowDescription, call.verification.status === "failed" && styles.rowFailure, call.verification.status === "verified" && styles.rowVerified],
+          testID: `buoy-ask-buoy-verification-${call.verification.status}`,
+          children: call.verification.detail
+        }) : null]
+      })]
+    }), open && receipts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.rowReceipts,
+      testID: `buoy-ask-buoy-tool-receipt-${call.toolId}`,
+      children: receipts.map(block => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockRenderer.BlockRenderer, {
+        block: block
+      }, block.id))
+    })]
+  });
+}
+
+/**
+ * Consecutive successful reads fold into one row — "Looked at Network and
+ * Storage · 3 reads" — expandable to the individual rows. Everything else
+ * (running, failed, refused, declined, stopped, any write) is always its own
+ * row, and a group never crosses a write. See store/activityGroups.ts for the
+ * rule and why the old "Did 7 things" fold was replaced.
+ */
+function ReadsGroup({
+  label,
+  count,
+  calls,
+  receipts,
+  last
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const Chevron = open ? _sharedUi.ChevronDown : _sharedUi.ChevronRight;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: !last && !open && styles.rowDivider,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: "buoy-ask-buoy-reads-group",
+      accessibilityRole: "button",
+      accessibilityLabel: `${label}, ${count} reads`,
+      accessibilityState: {
+        expanded: open
+      },
+      onPress: () => setOpen(v => !v),
+      style: [styles.row, open && styles.rowDivider],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowLine,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.markSlot,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusMark, {
+            status: "ok"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.rowTitle,
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: styles.rowStatus,
+          numberOfLines: 1,
+          children: [count, " reads"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
+          size: 12,
+          color: _sharedUi.night.color.textTertiary
+        })]
+      })
+    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.groupBody,
+      children: calls.map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActivityRow, {
+        call: c,
+        receipts: receipts.get(c.id) ?? [],
+        last: last && i === calls.length - 1
+      }, c.id))
+    })]
+  });
+}
+function ActivityCard({
+  calls,
+  receipts
+}) {
+  const items = (0, _activityGroups.groupCalls)(calls);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.card,
+    testID: "buoy-ask-buoy-activity",
+    children: items.map((item, i) => item.kind === "reads" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadsGroup, {
+      label: item.label,
+      count: item.count,
+      calls: item.calls,
+      receipts: receipts,
+      last: i === items.length - 1
+    }, item.id) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ActivityRow, {
+      call: item.call,
+      receipts: receipts.get(item.call.id) ?? [],
+      last: i === items.length - 1
+    }, item.call.id))
+  });
+}
+
+/** Write receipts and model blocks render between the activity card and the prose; Ask blocks last. */
+function Blocks({
+  blocks
+}) {
+  if (blocks.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.blocks,
+    children: blocks.map(({
+      block
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockRenderer.BlockRenderer, {
+      block: block
+    }, block.id))
+  });
+}
+
+/** A line from Buoy, not the model. Dim, centred, no footer, no copy pill. */
+function SystemLine({
+  message
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.systemLine,
+    testID: "buoy-ask-buoy-system-line",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.systemText,
+      children: message.text
+    })
+  });
+}
+function UserMessage({
+  message
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.userWrap,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.userBubble,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.userText,
+        selectable: true,
+        children: message.text
+      })
+    })
+  });
+}
+function AssistantMessage({
+  message,
+  onRetry,
+  waitingOnUser
+}) {
+  const {
+    showThinking
+  } = (0, _useAskBuoySettings.useAskBuoySettings)();
+  /**
+   * The dots run for the WHOLE turn, not just the wait for the first token.
+   *
+   * They used to hide as soon as any prose arrived and while a tool call was
+   * running. A turn that says "pulling the catalogue up — one moment" and
+   * then works for another minute is the normal shape of this tool, and it
+   * spent that minute with nothing moving at the bottom of the chat: the
+   * activity card had already collapsed to "Did 16 things", so the only clue
+   * anything was still happening was the Stop button and the header
+   * subtitle. The row spinner in the activity card says which STEP is
+   * running; this says the TURN is.
+   *
+   * The one state it stays out of is a turn waiting on the user — an
+   * approval or an Ask block. Nothing is loading there.
+   */
+  const waiting = !!message.streaming && !waitingOnUser;
+  const {
+    nested,
+    afterText,
+    ask: askBlocks
+  } = (0, _blockPlacement.placeBlocks)(message.blocks, message.toolCalls.map(c => c.id));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.assistantWrap,
+    children: [message.toolCalls.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(ActivityCard, {
+      calls: message.toolCalls,
+      receipts: nested
+    }), message.text.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.Markdown, {
+      text: message.text,
+      style: styles.assistantText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Blocks, {
+      blocks: afterText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Blocks, {
+      blocks: askBlocks
+    }), showThinking && !message.streaming && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThinkingStrip.ThinkingStrip, {
+      message: message
+    }), waiting && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.waitingRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TypingDots.TypingDots, {}), message.waiting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.waitingText,
+        testID: "buoy-ask-buoy-waiting",
+        children: message.waiting
+      }) : null]
+    }), message.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorNote, {
+      error: message.error,
+      onRetry: onRetry
+    }), message.stopped && !message.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(StoppedNote, {
+      onRetry: onRetry,
+      changed: message.toolCalls.some(c => c.status === "ok" && !!c.effect && c.effect !== "read")
+    })]
+  });
+}
+
+/**
+ * A turn the user stopped.
+ *
+ * Deliberately not the error box: they pressed the button. The whole point is
+ * that it is quiet — a muted line, the same Try-again affordance, and none of
+ * the red "check your connection" advice that a cancelled fetch used to
+ * produce. When a write had already landed before the tap, the line says so:
+ * Stop cannot pull a dispatched change back out of the app, and "Stopped."
+ * alone read as if nothing had happened.
+ */
+function StoppedNote({
+  onRetry,
+  changed
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.stoppedBox,
+    testID: "buoy-ask-buoy-stopped",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.stoppedText,
+      children: changed ? "Stopped. Changes already made are listed above." : "Stopped."
+    }), onRetry && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: "buoy-ask-buoy-retry",
+      accessibilityRole: "button",
+      accessibilityLabel: "Try again",
+      onPress: onRetry,
+      style: ({
+        pressed
+      }) => [styles.retry, pressed && styles.retryPressed],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.retryText,
+        children: "Try again"
+      })
+    })]
+  });
+}
+
+/**
+ * A failed turn. The headline is for the tester ("couldn't reach the
+ * endpoint"); the raw message stays underneath for whoever gets the bug
+ * report, because "fetch failed: UnexpectedException: The network connection
+ * was lost" is what a developer needs and nothing a tester can act on.
+ */
+function ErrorNote({
+  error,
+  onRetry
+}) {
+  const network = /fetch failed|network|ECONN|timed? ?out|socket/i.test(error);
+  const headline = network ? "Couldn't reach your AI endpoint. Check the connection and try again." : "Something went wrong with that turn.";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.errorBox,
+    testID: "buoy-ask-buoy-error",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
+      size: 14,
+      color: _sharedUi.night.color.danger
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.errorBody,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.errorText,
+        children: headline
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.errorDetail,
+        selectable: true,
+        children: error
+      }), onRetry && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        testID: "buoy-ask-buoy-retry",
+        accessibilityRole: "button",
+        accessibilityLabel: "Try again",
+        onPress: onRetry,
+        style: ({
+          pressed
+        }) => [styles.retry, pressed && styles.retryPressed],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.retryText,
+          children: "Try again"
+        })
+      })]
+    })]
+  });
+}
+
+/**
+ * The whole conversation as plain text — the only thing Copy ever produces,
+ * and the only way a session leaves the DEVICE (what it saves to disk for a
+ * reload goes nowhere — see `transcriptPersistence`).
+ *
+ * Plain text on purpose. This lands in a Slack message, a ticket comment or a
+ * notes file, all of which are read by a person; a JSON document is a worse
+ * version of that everywhere except a parser, and nothing here parses it.
+ *
+ * With `Show agent thinking` on it carries the working too — the reasoning and
+ * each step with its parameters — because reading the run somewhere that is
+ * not a phone is the entire point of that setting.
+ */
+function transcriptToText(messages, withTrace = false) {
+  const lines = [];
+  for (const m of messages) {
+    if (m.role === "user") {
+      lines.push(`You: ${m.text}`);
+      continue;
+    }
+    if (m.system) {
+      lines.push(`  — ${m.text}`);
+      continue;
+    }
+    if (withTrace) {
+      lines.push(...(0, _traceText.traceToText)(m));
+    } else {
+      for (const c of m.toolCalls) {
+        const status = isExceptional(c) ? ` (${c.status})` : "";
+        lines.push(`  · ${c.label}${c.summary ? ` — ${c.summary}` : ""}${status}`);
+      }
+    }
+    if (m.text) lines.push(`Ask Buoy: ${m.text}`);
+    // The cards, too. A finding is the thing a ticket wants and it used to be
+    // the one thing the paste left out.
+    for (const t of (0, _blockText.blocksToText)(m.blocks.map(p => p.block))) lines.push(t);
+    if (m.error) lines.push(`  ! ${m.error}`);
+    if (m.stopped && !m.error) lines.push("  ! Stopped by the user.");
+  }
+  return lines.join("\n");
+}
+
+/** Copy, with the result visible for a moment. Shares the header's behaviour. */
+function CopyPill({
+  testID,
+  label,
+  getText
+}) {
+  const {
+    copied,
+    copy
+  } = (0, _useCopyAction.useCopyAction)(getText);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    testID: testID,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    onPress: copy,
+    style: ({
+      pressed
+    }) => [styles.copyBtn, styles.iconBtn, pressed && styles.copyPressed],
+    children: [copied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+      size: 11,
+      color: _sharedUi.night.color.accent
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
+      size: 11,
+      color: _sharedUi.night.color.textSecondary
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.copyText, copied && styles.copiedText],
+      children: copied ? "Copied" : label
+    })]
+  });
+}
+
+/**
+ * Under a finished answer: the turn's footer and one Copy.
+ *
+ * The footer — "48s · 6 actions · 1 declined" — is always on. Duration and
+ * counts used to exist only inside the opt-in thinking strip, so nothing
+ * separated one turn from the next and "how long did that take?" had no
+ * answer without a setting. See `turnFooter` for what is counted and why.
+ *
+ * Copy is on EVERY answer rather than only the newest, because the moment you
+ * decide to keep a conversation is usually a few replies after the one that
+ * went wrong, and scrolling to the bottom to find the button is friction at
+ * exactly the wrong time. It copies the WHOLE chat, and now says so: labelled
+ * "Copy" it read as "copy this answer", and a paste into Slack brought the
+ * full transcript. The text is built on press from the live store, so this
+ * component takes no `messages` prop and a streaming answer no longer
+ * re-renders every finished one.
+ */
+function TranscriptActions({
+  message
+}) {
+  const {
+    showThinking
+  } = (0, _useAskBuoySettings.useAskBuoySettings)();
+  const getText = (0, _react.useCallback)(() => transcriptToText(_askBuoyStore.askBuoyStore.getState().messages, showThinking), [showThinking]);
+  const footer = (0, _activityGroups.turnFooter)(message);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.transcriptActions,
+    children: [footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.turnFooter,
+      testID: "buoy-ask-buoy-turn-footer",
+      children: footer
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyPill, {
+      testID: "buoy-ask-buoy-copy",
+      label: "Copy conversation",
+      getText: getText
+    })]
+  });
+}
+
+/**
+ * Memoised: a streaming answer changes the store on every token, and every
+ * row re-rendered for it. Props are the message itself (a new object when it
+ * changes), the retry handler (only the newest row gets one) and the waiting
+ * flag — nothing that changes when a DIFFERENT message streams.
+ */
+const Row = /*#__PURE__*/(0, _react.memo)(function Row({
+  message,
+  onRetry,
+  waitingOnUser
+}) {
+  if (message.role === "user") return /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMessage, {
+    message: message
+  });
+  if (message.system) return /*#__PURE__*/(0, _jsxRuntime.jsx)(SystemLine, {
+    message: message
+  });
+  const finished = !message.streaming && !message.error;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AssistantMessage, {
+      message: message,
+      onRetry: onRetry,
+      waitingOnUser: waitingOnUser
+    }), finished && /*#__PURE__*/(0, _jsxRuntime.jsx)(TranscriptActions, {
+      message: message
+    })]
+  });
+});
+function MessageList({
+  messages,
+  ListHeaderComponent,
+  ListEmptyComponent,
+  ListFooterComponent,
+  onRetry,
+  waitingOnUser
+}) {
+  const ref = (0, _react.useRef)(null);
+  // Only auto-scroll when the user is already at the bottom. Yanking them back
+  // down while they are reading an earlier answer is the classic chat-UI sin.
+  //
+  // "At the bottom" is decided from the USER's gestures, not from every scroll
+  // event. An animated scrollToEnd fires intermediate events while the content
+  // is still growing under it, and reading those as "the user scrolled up"
+  // silently unpinned the list mid-answer — the reply then streamed in below
+  // the fold and the last thing on screen was the question.
+  const pinned = (0, _react.useRef)(true);
+  const dragging = (0, _react.useRef)(false);
+  const measure = (0, _react.useCallback)(e => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = e.nativeEvent;
+    const distance = contentSize.height - layoutMeasurement.height - contentOffset.y;
+    pinned.current = distance < 80;
+  }, []);
+  const onScrollBeginDrag = (0, _react.useCallback)(() => {
+    dragging.current = true;
+  }, []);
+  const onScroll = (0, _react.useCallback)(e => {
+    if (dragging.current) measure(e);
+  }, [measure]);
+  const onScrollEndDrag = (0, _react.useCallback)(e => {
+    dragging.current = false;
+    measure(e);
+  }, [measure]);
+  const scrollToEnd = (0, _react.useCallback)(() => {
+    if (!pinned.current) return;
+    // The size change fires before the new row has finished laying out its
+    // wrapped text; one frame later the end really is the end.
+    ref.current?.scrollToEnd({
+      animated: false
+    });
+    requestAnimationFrame(() => ref.current?.scrollToEnd({
+      animated: false
+    }));
+  }, []);
+
+  // A row can grow without the list reporting a size change in the same tick
+  // (an error box appended to the last message). Follow the transcript too.
+  const last = messages[messages.length - 1];
+  const tail = last ? `${last.id}:${last.text.length}:${last.toolCalls.length}:${last.error ?? ""}` : "";
+  (0, _react.useEffect)(() => {
+    scrollToEnd();
+  }, [tail, scrollToEnd]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ref: ref,
+    testID: "buoy-ask-buoy-messages-scroll",
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: messages,
+    keyExtractor: m => m.id,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
+      message: item,
+      onRetry: item.id === last?.id ? onRetry : undefined,
+      waitingOnUser: item.id === last?.id ? waitingOnUser : false
+    }),
+    onScroll: onScroll,
+    onScrollBeginDrag: onScrollBeginDrag,
+    onScrollEndDrag: onScrollEndDrag,
+    onMomentumScrollEnd: measure,
+    scrollEventThrottle: 32,
+    onContentSizeChange: scrollToEnd
+    // Mandatory with a focused input below: without it the first tap after
+    // typing only dismisses the keyboard and the button never fires.
+    ,
+    keyboardShouldPersistTaps: "handled",
+    keyboardDismissMode: "interactive",
+    ListHeaderComponent: ListHeaderComponent,
+    ListEmptyComponent: ListEmptyComponent,
+    ListFooterComponent: ListFooterComponent
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  list: {
+    flex: 1,
+    backgroundColor: "transparent"
+  },
+  listContent: {
+    paddingHorizontal: _sharedUi.night.gutter,
+    paddingTop: 12,
+    paddingBottom: 16,
+    gap: 16,
+    flexGrow: 1
+  },
+  // User
+  userWrap: {
+    alignItems: "flex-end"
+  },
+  userBubble: {
+    maxWidth: "84%",
+    paddingHorizontal: 14,
+    paddingVertical: 9,
+    borderRadius: 18,
+    borderBottomRightRadius: 6,
+    backgroundColor: _sharedUi.night.color.accentFill,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _sharedUi.night.color.accentBorder
+  },
+  userText: {
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.row,
+    lineHeight: 21
+  },
+  // Buoy's own lines
+  systemLine: {
+    alignSelf: "stretch",
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: _sharedUi.night.radius.row,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  systemText: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.micro,
+    lineHeight: 16,
+    textAlign: "center"
+  },
+  // Assistant
+  assistantWrap: {
+    alignItems: "stretch",
+    gap: 10
+  },
+  blocks: {
+    gap: 10
+  },
+  waitingRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  waitingText: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption
+  },
+  assistantText: {
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.row,
+    lineHeight: 22,
+    paddingHorizontal: 2
+  },
+  // Activity card
+  card: {
+    borderRadius: _sharedUi.night.radius.card,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _sharedUi.night.color.border,
+    backgroundColor: _sharedUi.night.color.surface,
+    overflow: "hidden"
+  },
+  row: {
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  rowDivider: {
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderBottomColor: _sharedUi.night.color.separator
+  },
+  rowLine: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  markSlot: {
+    width: 18,
+    height: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  mark: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  markOk: {
+    backgroundColor: _sharedUi.night.color.accent
+  },
+  markFailed: {
+    backgroundColor: _sharedUi.night.color.danger
+  },
+  markRefused: {
+    backgroundColor: _sharedUi.night.color.warning
+  },
+  markNotRun: {
+    borderWidth: 1.5,
+    borderColor: _sharedUi.night.color.textTertiary
+  },
+  markNotRunBar: {
+    width: 7,
+    height: 1.5,
+    borderRadius: 1,
+    backgroundColor: _sharedUi.night.color.textSecondary
+  },
+  rowTitle: {
+    flex: 1,
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.body,
+    lineHeight: 19
+  },
+  rowStatus: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.night.font.caption,
+    maxWidth: 120
+  },
+  rowStatusDanger: {
+    color: _sharedUi.night.color.danger
+  },
+  rowStatusWarning: {
+    color: _sharedUi.night.color.warning
+  },
+  rowStatusOk: {
+    color: _sharedUi.night.color.accent
+  },
+  rowVerified: {
+    color: _sharedUi.night.color.accent
+  },
+  rowDetail: {
+    paddingLeft: 28,
+    paddingTop: 8,
+    gap: 4
+  },
+  rowTool: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.night.font.micro,
+    fontWeight: "600",
+    letterSpacing: 0.8
+  },
+  rowDescription: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 18
+  },
+  rowFailure: {
+    color: _sharedUi.night.color.danger,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 18
+  },
+  rowReceipts: {
+    paddingTop: 10,
+    gap: 10
+  },
+  groupBody: {
+    paddingLeft: 14,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  stoppedBox: {
+    alignItems: "flex-start",
+    gap: 2,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  stoppedText: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 18
+  },
+  // Error
+  errorBox: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: _sharedUi.night.radius.row,
+    backgroundColor: _sharedUi.night.color.dangerSoft
+  },
+  errorBody: {
+    flex: 1,
+    gap: 4
+  },
+  errorText: {
+    color: _sharedUi.night.color.danger,
+    fontSize: _sharedUi.night.font.caption,
+    fontWeight: "600",
+    lineHeight: 18
+  },
+  errorDetail: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.micro,
+    lineHeight: 15
+  },
+  retry: {
+    alignSelf: "flex-start",
+    marginTop: 6,
+    paddingHorizontal: 14,
+    paddingVertical: 7,
+    borderRadius: _sharedUi.night.radius.row,
+    backgroundColor: _sharedUi.night.color.button
+  },
+  retryPressed: {
+    opacity: 0.7
+  },
+  retryText: {
+    color: _sharedUi.night.color.accent,
+    fontSize: _sharedUi.night.font.caption,
+    fontWeight: "600"
+  },
+  transcriptActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    marginTop: 8
+  },
+  turnFooter: {
+    flex: 1,
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.night.font.micro,
+    fontVariant: ["tabular-nums"]
+  },
+  copyBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: _sharedUi.night.radius.badge,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  iconBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    paddingHorizontal: 8
+  },
+  copyPressed: {
+    opacity: 0.7
+  },
+  copyText: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.micro,
+    fontWeight: "600"
+  },
+  copiedText: {
+    color: _sharedUi.night.color.accent
+  }
+});
+//# sourceMappingURL=MessageList.js.map