@buoy-gg/ask-buoy 7.0.34 → 7.0.35

package/lib/commonjs/components/MessageList.js

@@ -1 +1,683 @@
-"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"),_Markdown=require("./Markdown"),_TypingDots=require("./TypingDots"),_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})})}}function statusText(e){return"running"===e.status?{text:"",tone:"muted"}:"refused"===e.status?{text:"Refused",tone:"warning"}:"failed"===e.status?{text:"Failed",tone:"danger"}:{text:e.summary||"Done",tone:"muted"}}function ActivityRow({call:e,last:t}){const[r,s]=(0,_react.useState)(!1),i=statusText(e),a=r?_sharedUi.ChevronDown:_sharedUi.ChevronRight,o="failed"===e.status&&e.summary&&"Failed"!==e.summary?e.summary:null;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-ask-buoy-tool-${e.toolId}`,accessibilityRole:"button",accessibilityLabel:`${e.label}, ${i.text||"running"}`,accessibilityState:{expanded:r},onPress:()=>s(e=>!e),style:[styles.row,!t&&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:e.status})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowTitle,children:e.label}),i.text?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.rowStatus,"danger"===i.tone&&styles.rowStatusDanger,"warning"===i.tone&&styles.rowStatusWarning],numberOfLines:1,children:i.text}):null,(0,_jsxRuntime.jsx)(a,{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,o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowFailure,children:o}):null]})]})}const COLLAPSE_AFTER=4;function ActivityCard({calls:e}){const[t,r]=(0,_react.useState)(!1),s=e.some(e=>"running"===e.status),i=e.length>4&&!t&&!s,a=e.filter(e=>"failed"===e.status).length,o=e.filter(e=>"refused"===e.status).length,n=i?e.filter(e=>"failed"===e.status||"refused"===e.status):e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.card,testID:"buoy-ask-buoy-activity",children:[i&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>r(!0),accessibilityRole:"button",style:[styles.row,n.length>0&&styles.rowDivider],testID:"buoy-ask-buoy-activity-expand",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowLine,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.rowTitle,children:["Did ",e.length," things",a?` · ${a} failed`:"",o?` · ${o} refused`:""]}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:12,color:_sharedUi.night.color.textTertiary})]})}),n.map((e,t)=>(0,_jsxRuntime.jsx)(ActivityRow,{call:e,last:t===n.length-1},e.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 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}){const r=e.toolCalls.some(e=>"running"===e.status),s=!!e.streaming&&0===e.text.length&&!r,i=e.blocks.filter(e=>(0,_agentCore.isAskBlock)(e.block)),a=e.blocks.filter(e=>!(0,_agentCore.isAskBlock)(e.block));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.assistantWrap,children:[e.toolCalls.length>0&&(0,_jsxRuntime.jsx)(ActivityCard,{calls:e.toolCalls}),(0,_jsxRuntime.jsx)(Blocks,{blocks:a}),e.text.length>0&&(0,_jsxRuntime.jsx)(_Markdown.Markdown,{text:e.text,style:styles.assistantText}),(0,_jsxRuntime.jsx)(Blocks,{blocks:i}),s&&(0,_jsxRuntime.jsx)(_TypingDots.TypingDots,{}),e.error&&(0,_jsxRuntime.jsx)(ErrorNote,{error:e.error,onRetry:t})]})}function ErrorNote({error:e,onRetry:t}){const r=/fetch failed|network|ECONN|timed? ?out|socket|abort/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:r}),(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",onPress:t,style:({pressed:e})=>[styles.retry,e&&styles.retryPressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Retry"})})]})]})}function transcriptToText(e){const t=[];for(const r of e)if("user"===r.role)t.push(`You: ${r.text}`);else{for(const e of r.toolCalls){const r="failed"===e.status||"refused"===e.status?` (${e.status})`:"";t.push(`  · ${e.label}${e.summary?` — ${e.summary}`:""}${r}`)}r.text&&t.push(`Ask Buoy: ${r.text}`),r.error&&t.push(`  ! ${r.error}`)}return t.join("\n")}function TranscriptActions({message:e,messages:t}){const r=(0,_react.useCallback)(()=>{_reactNative.Share.share({message:e.text}).catch(()=>{})},[e.text]),s=(0,_react.useCallback)(()=>{_reactNative.Share.share({message:transcriptToText(t)}).catch(()=>{})},[t]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.transcriptActions,children:[e.text.length>0&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-share-reply",accessibilityRole:"button",onPress:r,style:({pressed:e})=>[styles.shareBtn,e&&styles.sharePressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.shareText,children:"Share reply"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-share-session",accessibilityRole:"button",onPress:s,style:({pressed:e})=>[styles.shareBtn,e&&styles.sharePressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.shareText,children:"Share session"})})]})}function Row({message:e,messages:t,onRetry:r,isLast:s}){if("user"===e.role)return(0,_jsxRuntime.jsx)(UserMessage,{message:e});const i=!e.streaming&&!e.error;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(AssistantMessage,{message:e,onRetry:r}),s&&i&&(0,_jsxRuntime.jsx)(TranscriptActions,{message:e,messages:t})]})}function MessageList({messages:e,ListHeaderComponent:t,ListEmptyComponent:r,ListFooterComponent:s,onRetry:i}){const a=(0,_react.useRef)(null),o=(0,_react.useRef)(!0),n=(0,_react.useRef)(!1),l=(0,_react.useCallback)(e=>{const{contentOffset:t,contentSize:r,layoutMeasurement:s}=e.nativeEvent,i=r.height-s.height-t.y;o.current=i<80},[]),c=(0,_react.useCallback)(()=>{n.current=!0},[]),d=(0,_react.useCallback)(e=>{n.current&&l(e)},[l]),u=(0,_react.useCallback)(e=>{n.current=!1,l(e)},[l]),h=(0,_react.useCallback)(()=>{o.current&&(a.current?.scrollToEnd({animated:!1}),requestAnimationFrame(()=>a.current?.scrollToEnd({animated:!1})))},[]),g=e[e.length-1],x=g?`${g.id}:${g.text.length}:${g.toolCalls.length}:${g.error??""}`:"";return(0,_react.useEffect)(()=>{h()},[x,h]),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:a,testID:"buoy-ask-buoy-messages-scroll",style:styles.list,contentContainerStyle:styles.listContent,data:e,keyExtractor:e=>e.id,renderItem:({item:t})=>(0,_jsxRuntime.jsx)(Row,{message:t,messages:e,isLast:t.id===g?.id,onRetry:t.id===g?.id?i:void 0}),onScroll:d,onScrollBeginDrag:c,onScrollEndDrag:u,onMomentumScrollEnd:l,scrollEventThrottle:32,onContentSizeChange:h,keyboardShouldPersistTaps:"handled",keyboardDismissMode:"interactive",ListHeaderComponent:t,ListEmptyComponent:r,ListFooterComponent:s})}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},assistantWrap:{alignItems:"stretch",gap:10},blocks:{gap:10},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},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},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},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",gap:8,marginTop:8},shareBtn:{paddingHorizontal:10,paddingVertical:5,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},sharePressed:{opacity:.7},shareText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"}});
+"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 _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.
+ */
+
+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
+        })
+      });
+  }
+}
+
+/** 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"
+  };
+  return {
+    text: call.summary || "Done",
+    tone: "muted"
+  };
+}
+function ActivityRow({
+  call,
+  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.Pressable, {
+    testID: `buoy-ask-buoy-tool-${call.toolId}`,
+    accessibilityRole: "button",
+    accessibilityLabel: `${call.label}, ${status.text || "running"}`,
+    accessibilityState: {
+      expanded: open
+    },
+    onPress: () => setOpen(v => !v),
+    style: [styles.row, !last && 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: 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],
+        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]
+    })]
+  });
+}
+const COLLAPSE_AFTER = 4;
+
+/**
+ * More than four steps collapse to one line — "Did 15 things · 5 failed" —
+ * with the failed and refused rows pinned so the bad news is never hidden.
+ */
+function ActivityCard({
+  calls
+}) {
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const running = calls.some(c => c.status === "running");
+  const collapse = calls.length > COLLAPSE_AFTER && !expanded && !running;
+  const failed = calls.filter(c => c.status === "failed").length;
+  const refused = calls.filter(c => c.status === "refused").length;
+  const shown = collapse ? calls.filter(c => c.status === "failed" || c.status === "refused") : calls;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.card,
+    testID: "buoy-ask-buoy-activity",
+    children: [collapse && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: () => setExpanded(true),
+      accessibilityRole: "button",
+      style: [styles.row, shown.length > 0 && styles.rowDivider],
+      testID: "buoy-ask-buoy-activity-expand",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowLine,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: styles.rowTitle,
+          children: ["Did ", calls.length, " things", failed ? ` · ${failed} failed` : "", refused ? ` · ${refused} refused` : ""]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
+          size: 12,
+          color: _sharedUi.night.color.textTertiary
+        })]
+      })
+    }), shown.map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActivityRow, {
+      call: c,
+      last: i === shown.length - 1
+    }, c.id))]
+  });
+}
+
+/** 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))
+  });
+}
+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
+}) {
+  const {
+    showThinking
+  } = (0, _useAskBuoySettings.useAskBuoySettings)();
+  const running = message.toolCalls.some(c => c.status === "running");
+  const waiting = !!message.streaming && message.text.length === 0 && !running;
+  const askBlocks = message.blocks.filter(b => (0, _agentCore.isAskBlock)(b.block));
+  const showBlocks = message.blocks.filter(b => !(0, _agentCore.isAskBlock)(b.block));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.assistantWrap,
+    children: [message.toolCalls.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(ActivityCard, {
+      calls: message.toolCalls
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Blocks, {
+      blocks: showBlocks
+    }), message.text.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.Markdown, {
+      text: message.text,
+      style: styles.assistantText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Blocks, {
+      blocks: askBlocks
+    }), showThinking && !message.streaming && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThinkingStrip.ThinkingStrip, {
+      message: message
+    }), waiting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TypingDots.TypingDots, {}), message.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorNote, {
+      error: message.error,
+      onRetry: onRetry
+    })]
+  });
+}
+
+/**
+ * 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|abort/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",
+        onPress: onRetry,
+        style: ({
+          pressed
+        }) => [styles.retry, pressed && styles.retryPressed],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.retryText,
+          children: "Retry"
+        })
+      })]
+    })]
+  });
+}
+
+/**
+ * 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 (withTrace) {
+      lines.push(...(0, _traceText.traceToText)(m));
+    } else {
+      for (const c of m.toolCalls) {
+        const status = c.status === "failed" || c.status === "refused" ? ` (${c.status})` : "";
+        lines.push(`  · ${c.label}${c.summary ? ` — ${c.summary}` : ""}${status}`);
+      }
+    }
+    if (m.text) lines.push(`Ask Buoy: ${m.text}`);
+    if (m.error) lines.push(`  ! ${m.error}`);
+  }
+  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: one Copy, and nothing else.
+ *
+ * It 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. Every one of them copies the WHOLE chat — one button
+ * with one meaning beats four pills the reader has to choose between.
+ */
+function TranscriptActions({
+  messages
+}) {
+  const {
+    showThinking
+  } = (0, _useAskBuoySettings.useAskBuoySettings)();
+  const getText = (0, _react.useCallback)(() => transcriptToText(messages, showThinking), [messages, showThinking]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.transcriptActions,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyPill, {
+      testID: "buoy-ask-buoy-copy",
+      label: "Copy",
+      getText: getText
+    })
+  });
+}
+function Row({
+  message,
+  messages,
+  onRetry
+}) {
+  if (message.role === "user") return /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMessage, {
+    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
+    }), finished && /*#__PURE__*/(0, _jsxRuntime.jsx)(TranscriptActions, {
+      messages: messages
+    })]
+  });
+}
+function MessageList({
+  messages,
+  ListHeaderComponent,
+  ListEmptyComponent,
+  ListFooterComponent,
+  onRetry
+}) {
+  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,
+      messages: messages,
+      onRetry: item.id === last?.id ? onRetry : undefined
+    }),
+    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
+  },
+  // Assistant
+  assistantWrap: {
+    alignItems: "stretch",
+    gap: 10
+  },
+  blocks: {
+    gap: 10
+  },
+  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
+  },
+  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
+  },
+  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
+  },
+  // 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",
+    marginTop: 8
+  },
+  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