@crafter/rn-ai-elements 0.0.1

package/lib/module/chatbot/ChatMessageItem.js

@@ -0,0 +1,164 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+import { StreamingMarkdown } from '../streaming';
+import { Message, MessageContent } from './Message';
+import { Reasoning } from './Reasoning';
+import { Tool } from './Tool';
+import { Sources } from './Sources';
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+/**
+ * Renders a single chat message — either a user bubble (delegated to the
+ * library's `Message` compound) or an assistant block composed of optional
+ * reasoning, tool call, streaming markdown, and sources.
+ *
+ * Wrapped in `React.memo` with a custom equality function below: rows only
+ * re-render when their own `item` content actually changes, **not** when an
+ * unrelated message updates elsewhere in the list. The equality function
+ * compares fields directly so callers can safely build a fresh
+ * `ChatMessageData` object on every render — identity churn is fine.
+ *
+ * @example
+ * ```tsx
+ * const renderMessage = useCallback(
+ *   (raw: MyMessage) => {
+ *     const data: ChatMessageData = toChatMessageData(raw);
+ *     return <ChatMessageItem item={data} />;
+ *   },
+ *   [],
+ * );
+ * ```
+ */
+function ChatMessageItemImpl({
+  item
+}) {
+  const theme = useAIElementsTheme();
+  const isUser = item.role === 'user';
+  if (isUser) {
+    // Library's Message compound owns padding + bubble layout for user msgs.
+    // We pass the canonical data through — `Message` only reads `id`, `role`
+    // and `content`, all of which are present.
+    return /*#__PURE__*/_jsx(Message, {
+      message: item,
+      children: /*#__PURE__*/_jsx(MessageContent, {})
+    });
+  }
+
+  // Assistant message — composed from optional sub-blocks.
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.assistantBlock, {
+      paddingHorizontal: theme.spacing.lg,
+      marginBottom: theme.spacing.md
+    }],
+    children: [item.reasoning && /*#__PURE__*/_jsx(Reasoning, {
+      content: item.reasoning.content,
+      isStreaming: item.reasoning.isStreaming
+      // Collapsed by default — the trigger ("Thinking..." → "Thought
+      // for Xs") still shows progress; the user can tap to expand.
+      ,
+      defaultOpen: false,
+      style: {
+        marginBottom: theme.spacing.sm
+      }
+    }), item.tool && /*#__PURE__*/_jsx(Tool, {
+      name: item.tool.name,
+      status: item.tool.status,
+      args: item.tool.args,
+      result: item.tool.result,
+      style: {
+        marginBottom: theme.spacing.sm
+      }
+    }), item.content.length > 0 && /*#__PURE__*/_jsx(StreamingMarkdown, {
+      content: item.content
+      // Once sources are attached we treat the message as fully
+      // delivered and the streaming hint switches off.
+      ,
+      isStreaming: !item.sources
+    }), item.sources && item.sources.length > 0 && /*#__PURE__*/_jsx(Sources, {
+      sources: item.sources,
+      style: {
+        marginTop: theme.spacing.sm
+      }
+    })]
+  });
+}
+ChatMessageItemImpl.displayName = 'ChatMessageItem';
+
+// ---------------------------------------------------------------------------
+// Custom equality — only re-render when something we actually display changes
+// ---------------------------------------------------------------------------
+
+/**
+ * Returns true when the two prop sets would render identical output. Compares
+ * fields directly so a freshly-built `ChatMessageData` object on every render
+ * is fine — only real content changes trigger a re-render.
+ */
+function areEqual(prev, next) {
+  const a = prev.item;
+  const b = next.item;
+  if (a === b) return true;
+
+  // Identity / role
+  if (a.id !== b.id) return false;
+  if (a.role !== b.role) return false;
+
+  // Content (the streaming hot path — must be cheap)
+  if (a.content !== b.content) return false;
+
+  // Reasoning (object — compare relevant fields, not identity)
+  const ar = a.reasoning;
+  const br = b.reasoning;
+  if (ar !== br) {
+    if (!ar || !br) return false;
+    if (ar.content !== br.content) return false;
+    if (ar.isStreaming !== br.isStreaming) return false;
+  }
+
+  // Tool — name + status + result are the animating fields. Args are
+  // assumed stable per invocation, so we don't deep-compare them.
+  const at = a.tool;
+  const bt = b.tool;
+  if (at !== bt) {
+    if (!at || !bt) return false;
+    if (at.name !== bt.name) return false;
+    if (at.status !== bt.status) return false;
+    if (at.result !== bt.result) return false;
+  }
+
+  // Sources — the typical pattern is to attach the array once at the end
+  // of the stream and never mutate it, so a length comparison is enough.
+  const as = a.sources;
+  const bs = b.sources;
+  if (as !== bs) {
+    if ((as?.length ?? 0) !== (bs?.length ?? 0)) return false;
+  }
+  return true;
+}
+export const ChatMessageItem = /*#__PURE__*/React.memo(ChatMessageItemImpl, areEqual);
+
+// `React.memo` doesn't propagate `displayName` from the inner function, set
+// it on the wrapped export so DevTools shows a meaningful name.
+ChatMessageItem.displayName = 'ChatMessageItem';
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  assistantBlock: {
+    // Default `alignItems: stretch` so children (Reasoning, Tool,
+    // StreamingMarkdown, Sources) span the full available width instead
+    // of shrinking to intrinsic content size.
+  }
+});
+//# sourceMappingURL=ChatMessageItem.js.map

package/lib/module/chatbot/ChatMessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useAIElementsTheme","StreamingMarkdown","Message","MessageContent","Reasoning","Tool","Sources","jsx","_jsx","jsxs","_jsxs","ChatMessageItemImpl","item","theme","isUser","role","message","children","style","styles","assistantBlock","paddingHorizontal","spacing","lg","marginBottom","md","reasoning","content","isStreaming","defaultOpen","sm","tool","name","status","args","result","length","sources","marginTop","displayName","areEqual","prev","next","a","b","id","ar","br","at","bt","as","bs","ChatMessageItem","memo","create"],"sourceRoot":"../../../src","sources":["chatbot/ChatMessageItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chatbot/Conversation.js

@@ -0,0 +1,412 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+/**
+ * Distance in px from the bottom of the content that still counts as "at the
+ * bottom" for the purposes of auto-following content growth (e.g. expanding
+ * a Sources collapsible).
+ */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const STICK_TO_BOTTOM_THRESHOLD = 80;
+
+/** Delay before retrying a failed `scrollToIndex` once layout settles. */
+const SCROLL_RETRY_DELAY_MS = 120;
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+/**
+ * Minimum shape Conversation requires from a message. Most chat libraries
+ * (the Vercel `ai` SDK, OpenAI's `ChatMessage`, Anthropic's `Message`) all
+ * satisfy this contract via `id` + `role`.
+ */
+
+/** Order in which `messages` is provided. */
+
+/**
+ * How `Conversation` reacts to new messages and content growth.
+ *
+ * - `'anchor-user-message'` *(default)* — When a new user message arrives,
+ *   scroll it to the top of the viewport and use dynamic bottom padding so
+ *   the assistant response streams downward beneath it. Auto-scroll on
+ *   collapsible expansion (e.g. opening a Sources block) when the user is
+ *   already near the bottom and not currently streaming. This mimics how
+ *   ChatGPT, Claude, and Vercel ai-elements anchor each new turn.
+ * - `'stick-to-bottom'` — Classic chat behavior: always follow the bottom
+ *   on any content size change, even mid-stream. The list "sticks" to the
+ *   newest content. Matches what `use-stick-to-bottom` does on the web.
+ * - `'none'` — Disable all automatic scrolling and dynamic padding. The
+ *   consumer is fully responsible for managing scroll position via the
+ *   imperative `ConversationRef`.
+ */
+
+/** Imperative handle exposed via ref. */
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+const defaultIsUserMessage = m => m.role === 'user';
+
+/**
+ * Find the most-recently-added user message regardless of array order.
+ * - For `'newest-first'`: the newest user msg is the *first* match in the
+ *   forward direction.
+ * - For `'oldest-first'`: the newest user msg is the *last* match, so we
+ *   walk backward.
+ */
+function findNewestUserMessage(messages, isUserMessage, order) {
+  if (order === 'newest-first') {
+    return messages.find(isUserMessage);
+  }
+  for (let i = messages.length - 1; i >= 0; i -= 1) {
+    if (isUserMessage(messages[i])) return messages[i];
+  }
+  return undefined;
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+/**
+ * Chat list, top-to-bottom, with three signature behaviors:
+ *
+ * 1. **Anchor on send.** When a new user message arrives, the list scrolls
+ *    that message to the top of the viewport. The assistant response then
+ *    streams downward beneath it.
+ * 2. **Dynamic bottom padding.** When the conversation is shorter than the
+ *    viewport, padding fills the gap so the user message can still be
+ *    anchored to the top. Once natural content fills the viewport, the
+ *    padding collapses to zero so the user can't scroll into empty space.
+ * 3. **Stick-to-bottom on growth.** When the user is already near the
+ *    bottom and content grows (e.g. they tap "Sources" to expand), the
+ *    list animates to show the new content. Disabled while
+ *    `isStreaming === true` to avoid fighting the anchor.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<ConversationRef>(null);
+ *
+ * <Conversation
+ *   ref={ref}
+ *   messages={messages}                  // any T extends { id, role? }
+ *   renderMessage={(m) => <Bubble msg={m} />}
+ *   isStreaming={isLoading}
+ *   order="oldest-first"                  // or "newest-first"
+ *   emptyState={<EmptyChat />}
+ * />
+ * ```
+ */
+function ConversationInner({
+  ref,
+  messages,
+  renderMessage,
+  emptyState,
+  isStreaming = false,
+  order = 'oldest-first',
+  isUserMessage = defaultIsUserMessage,
+  onIsAtBottomChange,
+  scrollBehavior = 'anchor-user-message',
+  style,
+  ...viewProps
+}) {
+  const theme = useAIElementsTheme();
+  const listRef = useRef(null);
+
+  // --- Refs (frequently updated, no re-render) ----------------------------
+
+  /** Latest scroll position (true when within threshold of the bottom). */
+  const isAtBottomRef = useRef(true);
+  /** Latest "natural" content height (i.e. without dynamic padding). */
+  const previousNaturalRef = useRef(0);
+  /** Newest natural content height — readable from the imperative API. */
+  const naturalContentHeightRef = useRef(0);
+  /** Mirror of `isStreaming` so callbacks can read the freshest value. */
+  const isStreamingRef = useRef(isStreaming);
+  isStreamingRef.current = isStreaming;
+  /** Mirror of `scrollBehavior` so callbacks read the freshest value. */
+  const scrollBehaviorRef = useRef(scrollBehavior);
+  scrollBehaviorRef.current = scrollBehavior;
+  /** Last user-message id we anchored to — guards against re-anchoring. */
+  const lastUserMsgIdRef = useRef(null);
+  /**
+   * The natural content height as it stood **before** the most recent user
+   * message was added. Used as the baseline for the dynamic-padding
+   * formula so the new user message can always be scrolled to viewport
+   * top, regardless of how much history sits above it. `null` until the
+   * first user message has been anchored.
+   */
+  const naturalAtAnchorRef = useRef(null);
+
+  // --- onIsAtBottomChange plumbing ----------------------------------------
+  /** Mirror the callback so call sites don't bust useCallback memos. */
+  const onIsAtBottomChangeRef = useRef(onIsAtBottomChange);
+  onIsAtBottomChangeRef.current = onIsAtBottomChange;
+  /** Last value emitted to the consumer — used to dedupe transitions. */
+  const lastEmittedIsAtBottomRef = useRef(true);
+  /** Latest scroll metrics — needed so contentSize changes can recompute. */
+  const scrollMetricsRef = useRef({
+    contentOffset: 0,
+    layoutHeight: 0
+  });
+
+  /**
+   * Compute isAtBottom from the latest scroll metrics + a known content
+   * height. Updates `isAtBottomRef` and fires the change callback if the
+   * value transitioned.
+   *
+   * Skips when `layoutHeight === 0` — that's the "no scroll event has
+   * fired yet" sentinel. Without this guard, the first
+   * `handleListContentSizeChange` after mount would compute
+   * `distanceFromBottom = contentHeight - 0 - 0 = contentHeight`, which
+   * is always huge, and emit a false `isAtBottom: false` before the user
+   * has even scrolled.
+   */
+  const updateIsAtBottom = useCallback(contentHeight => {
+    const {
+      contentOffset,
+      layoutHeight
+    } = scrollMetricsRef.current;
+    if (layoutHeight === 0) return;
+    const distanceFromBottom = contentHeight - (contentOffset + layoutHeight);
+    const isAtBottom = distanceFromBottom < STICK_TO_BOTTOM_THRESHOLD;
+    isAtBottomRef.current = isAtBottom;
+    if (isAtBottom !== lastEmittedIsAtBottomRef.current) {
+      lastEmittedIsAtBottomRef.current = isAtBottom;
+      onIsAtBottomChangeRef.current?.(isAtBottom);
+    }
+  }, []);
+
+  // --- Display order ------------------------------------------------------
+  // We always render top-to-bottom = oldest-first. If the caller passes
+  // newest-first, reverse internally.
+  const orderedMessages = useMemo(() => order === 'newest-first' ? [...messages].reverse() : messages, [messages, order]);
+
+  // --- Dynamic bottom padding ---------------------------------------------
+  const [chatAreaHeight, setChatAreaHeight] = useState(0);
+  const [listPaddingBottom, setListPaddingBottom] = useState(0);
+  const handleAreaLayout = useCallback(e => {
+    setChatAreaHeight(e.nativeEvent.layout.height);
+  }, []);
+  const handleListContentSizeChange = useCallback((_w, h) => {
+    // `h` is the *total* content height, which already includes whatever
+    // bottom padding we previously set. Subtract it back out to get the
+    // natural (real) content height.
+    const natural = Math.max(0, h - listPaddingBottom);
+    const grew = natural > previousNaturalRef.current;
+    previousNaturalRef.current = natural;
+    naturalContentHeightRef.current = natural;
+    const behavior = scrollBehaviorRef.current;
+
+    // --- Dynamic bottom padding (anchor-user-message mode only) ---------
+    // Reserve enough room so the most recent user message can be
+    // scrolled to the top of the viewport. We measure this as "content
+    // added since the user message arrived" and pad the rest of the
+    // viewport. As the assistant streams below the user message,
+    // contentBelowAnchor grows and the padding shrinks proportionally —
+    // total content height stays constant until the assistant has
+    // produced enough text to fill the viewport on its own, at which
+    // point padding naturally hits zero.
+    //
+    // The other modes don't need padding manipulation, so they fall
+    // back to zero.
+    let desired = 0;
+    if (behavior === 'anchor-user-message') {
+      const contentBelowAnchor = naturalAtAnchorRef.current !== null ? Math.max(0, natural - naturalAtAnchorRef.current) : natural;
+      desired = Math.max(0, chatAreaHeight - contentBelowAnchor);
+    }
+    if (desired !== listPaddingBottom) {
+      setListPaddingBottom(desired);
+    }
+
+    // Re-evaluate isAtBottom against the new content height. The user
+    // may have been "at the bottom" before this growth and now no longer
+    // be — common during streaming when the assistant pushes content
+    // past the viewport while the user passively watches.
+    updateIsAtBottom(h);
+
+    // --- Auto-scroll on growth ------------------------------------------
+    // Behavior depends on the mode:
+    //
+    //   anchor-user-message: only follow the bottom when the user is
+    //     already near it AND not streaming. Streaming uses the
+    //     user-message anchor instead, and auto-scrolling would fight
+    //     it. Post-streaming this catches collapsible expansions.
+    //   stick-to-bottom: always follow the bottom on growth, even
+    //     mid-stream — classic chat behavior.
+    //   none: never auto-scroll. Consumer drives the list via the ref.
+    if (!grew || behavior === 'none') return;
+    const shouldFollow = behavior === 'stick-to-bottom' ? true : !isStreamingRef.current && isAtBottomRef.current;
+    if (shouldFollow) {
+      requestAnimationFrame(() => {
+        listRef.current?.scrollToEnd({
+          animated: true
+        });
+      });
+    }
+  }, [listPaddingBottom, chatAreaHeight, updateIsAtBottom]);
+  const handleScroll = useCallback(e => {
+    const {
+      contentOffset,
+      layoutMeasurement,
+      contentSize
+    } = e.nativeEvent;
+    scrollMetricsRef.current = {
+      contentOffset: contentOffset.y,
+      layoutHeight: layoutMeasurement.height
+    };
+    updateIsAtBottom(contentSize.height);
+  }, [updateIsAtBottom]);
+
+  // Recompute the padding if the viewport itself changes (rotation, keyboard).
+  // Mirrors the formula in handleListContentSizeChange — same anchor-aware
+  // contentBelowAnchor calculation so the user message stays anchored
+  // through orientation changes. Skipped entirely outside the
+  // anchor-user-message mode since other modes don't manage padding.
+  useEffect(() => {
+    if (chatAreaHeight === 0) return;
+    if (scrollBehavior !== 'anchor-user-message') {
+      if (listPaddingBottom !== 0) setListPaddingBottom(0);
+      return;
+    }
+    const contentBelowAnchor = naturalAtAnchorRef.current !== null ? Math.max(0, naturalContentHeightRef.current - naturalAtAnchorRef.current) : naturalContentHeightRef.current;
+    const desired = Math.max(0, chatAreaHeight - contentBelowAnchor);
+    setListPaddingBottom(desired);
+    // listPaddingBottom intentionally omitted to avoid feedback loops —
+    // the same set of conditions runs again whenever it actually matters.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [chatAreaHeight, scrollBehavior]);
+
+  // --- Auto-anchor new user message to the top of the viewport -----------
+  // Only the `'anchor-user-message'` mode performs this scroll. The other
+  // modes leave scroll position to the consumer (or to stick-to-bottom).
+  useEffect(() => {
+    if (scrollBehavior !== 'anchor-user-message') return;
+    const newestUserMsg = findNewestUserMessage(messages, isUserMessage, order);
+    if (!newestUserMsg || newestUserMsg.id === lastUserMsgIdRef.current) {
+      return;
+    }
+    lastUserMsgIdRef.current = newestUserMsg.id;
+
+    // Capture the natural content height as it stood **before** this new
+    // user message arrived. handleListContentSizeChange may or may not
+    // have already processed the new content, but `previousNaturalRef`
+    // always holds the value from the most recent step *before* the
+    // latest update — which for a freshly-arrived message is the height
+    // without it. This becomes the baseline for the dynamic-padding
+    // formula so the new message can be scrolled all the way to the top
+    // even when there's history above it.
+    naturalAtAnchorRef.current = previousNaturalRef.current;
+    const displayIndex = orderedMessages.findIndex(m => m.id === newestUserMsg.id);
+    if (displayIndex < 0) return;
+
+    // Wait for the new item to be laid out before scrolling.
+    requestAnimationFrame(() => {
+      listRef.current?.scrollToIndex({
+        index: displayIndex,
+        viewPosition: 0,
+        animated: true
+      });
+    });
+  }, [messages, orderedMessages, order, isUserMessage, scrollBehavior]);
+
+  // --- Imperative handle --------------------------------------------------
+  useImperativeHandle(ref, () => ({
+    scrollToIndex: (index, opts) => {
+      listRef.current?.scrollToIndex({
+        index,
+        viewPosition: opts?.viewPosition ?? 0,
+        animated: opts?.animated ?? true
+      });
+    },
+    scrollToTop: opts => {
+      listRef.current?.scrollToOffset({
+        offset: 0,
+        animated: opts?.animated ?? true
+      });
+    },
+    scrollToBottom: opts => {
+      listRef.current?.scrollToEnd({
+        animated: opts?.animated ?? true
+      });
+    },
+    isAtBottom: () => isAtBottomRef.current
+  }), []);
+
+  // --- Row renderer -------------------------------------------------------
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(_Fragment, {
+    children: renderMessage(item)
+  }), [renderMessage]);
+  const keyExtractor = useCallback(item => item.id, []);
+  const handleScrollToIndexFailed = useCallback(info => {
+    // Fallback for items not yet measured: approximate offset, then
+    // retry once layout settles.
+    const offset = info.averageItemLength * info.index;
+    listRef.current?.scrollToOffset({
+      offset,
+      animated: true
+    });
+    setTimeout(() => {
+      listRef.current?.scrollToIndex({
+        index: info.index,
+        viewPosition: 0,
+        animated: true
+      });
+    }, SCROLL_RETRY_DELAY_MS);
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    style: [styles.root, style],
+    onLayout: handleAreaLayout,
+    children: messages.length === 0 ? /*#__PURE__*/_jsx(View, {
+      style: styles.emptyFill,
+      children: emptyState
+    }) : /*#__PURE__*/_jsx(FlatList, {
+      ref: listRef,
+      data: orderedMessages,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      scrollEventThrottle: 16,
+      showsVerticalScrollIndicator: false,
+      keyboardDismissMode: "interactive",
+      onScroll: handleScroll,
+      onContentSizeChange: handleListContentSizeChange,
+      contentContainerStyle: {
+        paddingTop: theme.spacing.lg,
+        paddingBottom: listPaddingBottom
+      },
+      onScrollToIndexFailed: handleScrollToIndexFailed
+    })
+  });
+}
+ConversationInner.displayName = 'Conversation';
+
+// `memo` strips the generic from the function signature, so we cast it back
+// to a generic-friendly call signature for the public export. The runtime
+// behavior is unchanged — only the type is preserved.
+export const Conversation = /*#__PURE__*/memo(ConversationInner);
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  emptyFill: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Conversation.js.map

package/lib/module/chatbot/Conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","FlatList","StyleSheet","View","useAIElementsTheme","Fragment","_Fragment","jsx","_jsx","STICK_TO_BOTTOM_THRESHOLD","SCROLL_RETRY_DELAY_MS","defaultIsUserMessage","m","role","findNewestUserMessage","messages","isUserMessage","order","find","i","length","undefined","ConversationInner","ref","renderMessage","emptyState","isStreaming","onIsAtBottomChange","scrollBehavior","style","viewProps","theme","listRef","isAtBottomRef","previousNaturalRef","naturalContentHeightRef","isStreamingRef","current","scrollBehaviorRef","lastUserMsgIdRef","naturalAtAnchorRef","onIsAtBottomChangeRef","lastEmittedIsAtBottomRef","scrollMetricsRef","contentOffset","layoutHeight","updateIsAtBottom","contentHeight","distanceFromBottom","isAtBottom","orderedMessages","reverse","chatAreaHeight","setChatAreaHeight","listPaddingBottom","setListPaddingBottom","handleAreaLayout","e","nativeEvent","layout","height","handleListContentSizeChange","_w","h","natural","Math","max","grew","behavior","desired","contentBelowAnchor","shouldFollow","requestAnimationFrame","scrollToEnd","animated","handleScroll","layoutMeasurement","contentSize","y","newestUserMsg","id","displayIndex","findIndex","scrollToIndex","index","viewPosition","opts","scrollToTop","scrollToOffset","offset","scrollToBottom","renderItem","item","children","keyExtractor","handleScrollToIndexFailed","info","averageItemLength","setTimeout","styles","root","onLayout","emptyFill","data","scrollEventThrottle","showsVerticalScrollIndicator","keyboardDismissMode","onScroll","onContentSizeChange","contentContainerStyle","paddingTop","spacing","lg","paddingBottom","onScrollToIndexFailed","displayName","Conversation","create","flex"],"sourceRoot":"../../../src","sources":["chatbot/Conversation.tsx"],"mappings":"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","ignoreList":[]}