@buoy-gg/ask-buoy 7.0.35 → 7.0.38

package/lib/commonjs/components/MessageList.js

@@ -1,683 +1 @@
-"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
+"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}});