@opengeni/react-native 4.2.1-canary.39593846423001 → 4.3.1

package/dist/timeline/index.js

@@ -1,19 +1,20 @@
-import { defaultSecretFieldMessages, ThinkingOrb, humanInputAnswerLines, isSecretQuestion, initialSecretDraft, secretSubmission, secretInputTraits, secretUsernameTraits, SECRET_SAVE_TO_OPTIONS, secretPatternMismatch } from '../chunk-D3MFBDVR.js';
-import { ActivityDisclosure, useNativeTimelineMessages, useReleaseFollow, ShimmerText, ReleaseFollowProvider, withAlpha, blendOver, NativeTimelineMessagesProvider, ROW_MIN_HEIGHT, PulseDot, BodyNote, PayloadBlock, TermBlock, Chip, RunningPreview } from '../chunk-63PZ52YJ.js';
-export { ActivityDisclosure, BodyNote, Chip, NativeTimelineMessagesProvider, PayloadBlock, PulseDot, ShimmerText, TermBlock, defaultNativeTimelineMessages, useNativeTimelineMessages, withAlpha } from '../chunk-63PZ52YJ.js';
-import { NativeImageViewer } from '../chunk-U5L2CUMJ.js';
-export { NativeImageViewer } from '../chunk-U5L2CUMJ.js';
+import { defaultSecretFieldMessages, ThinkingOrb, humanInputAnswerLines, isSecretQuestion, initialSecretDraft, secretSubmission, secretInputTraits, secretUsernameTraits, SECRET_SAVE_TO_OPTIONS, secretPatternMismatch } from '../chunk-2RNMGRTB.js';
+import { ActivityDisclosure, useNativeTimelineMessages, useReleaseFollow, ShimmerText, withAlpha, ReleaseFollowProvider, blendOver, NativeTimelineMessagesProvider, ROW_MIN_HEIGHT, PulseDot, BodyNote, PayloadBlock, TermBlock, Chip, RunningPreview } from '../chunk-QFV5DISV.js';
+export { ActivityDisclosure, BodyNote, Chip, NativeTimelineMessagesProvider, PayloadBlock, PulseDot, ShimmerText, TermBlock, defaultNativeTimelineMessages, useNativeTimelineMessages, withAlpha } from '../chunk-QFV5DISV.js';
+import { NativeImageViewer } from '../chunk-ZZNZBZWV.js';
+export { NativeImageViewer } from '../chunk-ZZNZBZWV.js';
 import { useOpenNativeLink } from '../chunk-2WJTBHO6.js';
 import '../chunk-7ZDF5VGA.js';
-import { useNativeTimelineTheme, fontStyle, Icon } from '../chunk-2W74OY6I.js';
-export { Icon, NativeTimelineThemeProvider, createNativeTimelineTheme, fontStyle, useNativeTimelineTheme, webColorsDark, webColorsLight } from '../chunk-2W74OY6I.js';
+import { useNativeTimelineTheme, fontStyle, Icon } from '../chunk-FHPMRXIG.js';
+export { Icon, NativeTimelineThemeProvider, createNativeTimelineTheme, fontStyle, useNativeTimelineTheme, webColorsDark, webColorsLight } from '../chunk-FHPMRXIG.js';
 import { buildTimeline, groupTimeline, conversationTimeline } from '@opengeni/react/session';
-import { defaultHumanInputFormMessages, createTurnSummaryContext, resolveTurnSummaryFacets, selectTurnSummaryFacets, formatElapsed, turnSummaryFallbackLabel, rollingActivityItem, toolDisplayName, questionNavTarget, timelineGroupIndexAtSequence, QUESTION_NAV_MARGIN_PX, flattenActivityItems, timelineGroupContainsPresentedImage, durationBetween, isPreparingWork, readableWorkStatus, readableWorkShowsPreview, readableWorkDefaultOpen, compactedLandmarkCount, SESSION_STATUS_PRESENTATION, formatRelativeTime, recordedWaitSummaryText, noticeTone, noticeDisplayText, isActionableHumanInputRequest, humanInputHeading, initialDrafts, emptyDraft, SESSION_STATUS_BADGE, workerRowTitle, startupDuration, STARTUP_WAIT_TITLES, startupPhaseTitle, sandboxRowTitle, toolRowPresentation, GENIE_WAITING_PHRASES, GENIE_PREPARING_PHRASES, answersFromDrafts, notificationPlainText, pathDirname, pathBasename, formatClockTime, parseNotificationText } from '@opengeni/react/timeline-model';
+import { defaultHumanInputFormMessages, createTurnSummaryContext, resolveTurnSummaryFacets, selectTurnSummaryFacets, formatElapsed, turnSummaryFallbackLabel, rollingActivityItem, toolDisplayName, annotationHasNote, annotationDisplayOrdinal, ANNOTATION_MAX_NOTE_LENGTH, questionNavTarget, timelineGroupIndexAtSequence, QUESTION_NAV_MARGIN_PX, flattenActivityItems, timelineGroupContainsPresentedImage, durationBetween, isPreparingWork, readableWorkStatus, readableWorkShowsPreview, readableWorkDefaultOpen, compactedLandmarkCount, SESSION_STATUS_PRESENTATION, formatRelativeTime, recordedWaitSummaryText, noticeTone, noticeDisplayText, isActionableHumanInputRequest, humanInputHeading, initialDrafts, emptyDraft, SESSION_STATUS_BADGE, workerRowTitle, startupDuration, STARTUP_WAIT_TITLES, startupPhaseTitle, sandboxRowTitle, toolRowPresentation, presentsToolOutputPreview, GENIE_WAITING_PHRASES, GENIE_PREPARING_PHRASES, truncateAnnotationQuote, annotationNoteNeedsDisclosure, annotationFromSelection, answersFromDrafts, notificationPlainText, pathDirname, pathBasename, formatClockTime, parseNotificationText } from '@opengeni/react/timeline-model';
 import { createContext, useContext, useRef, useState, useEffect, useMemo, useCallback, useId } from 'react';
-import { Platform, Text, View, Pressable, ScrollView, ActivityIndicator, Modal, KeyboardAvoidingView, TextInput, Image, useWindowDimensions, Animated as Animated$1, AccessibilityInfo, Easing as Easing$1, PanResponder, AppState, Alert, ActionSheetIOS, Linking } from 'react-native';
-import Animated, { FadeIn, FadeOut, FadeOutUp, FadeInDown, useAnimatedKeyboard, useAnimatedStyle, useReducedMotion, useSharedValue, cancelAnimation, withRepeat, withTiming, Easing } from 'react-native-reanimated';
+import { Platform, Text, View, Pressable, useWindowDimensions, Animated as Animated$1, AccessibilityInfo, Easing, PanResponder, Modal, KeyboardAvoidingView, ScrollView, TextInput, Keyboard, ActivityIndicator, Image, Alert, AppState, ActionSheetIOS, Linking } from 'react-native';
+import Animated, { FadeIn, FadeOut, FadeOutUp, FadeInDown, useAnimatedKeyboard, useAnimatedStyle, useReducedMotion, useSharedValue, cancelAnimation, withRepeat, withTiming, Easing as Easing$1 } from 'react-native-reanimated';
 import { createOpenGeniText, useOpenGeniText, SingleSendWording } from '@opengeni/react/messages';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { defaultChatComposerMessages } from '@opengeni/react/composer-messages';
 import { isLiquidGlassAvailable, GlassView } from 'expo-glass-effect';
 import { loadSessionFeedback, turnRatingsFromFeedback, feedbackSentimentLabel, feedbackDialogCopy, feedbackSubmission } from '@opengeni/react/session-feedback-model';
@@ -23,9 +24,60 @@ import { modelMarkVendor, MODEL_MARK_PATHS } from '@opengeni/react/model-mark-pa
 import { projectClientModelRows, labelReasoningEffort } from '@opengeni/react/model-policy';
 import { sessionDisplayTitle, recentSessionStatus, recentSessionModelPresentation, sessionRepoLabel, relativeTimeLabel, sessionRenameSeed, SESSION_TITLE_MAX_LENGTH, resolveRenameSubmission } from '@opengeni/react/session-list-model';
 import Svg, { Path } from 'react-native-svg';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { modelPickerMenuView, groupPresentationFor, compactEffortLabel, modelPickerChoice } from '@opengeni/react/model-picker-model';
 
+var ANNOTATION_SOURCE_TEST_ID_PREFIX = "og-annotation-source:";
+function annotationSourceTestId(sourceKey) {
+  return `${ANNOTATION_SOURCE_TEST_ID_PREFIX}${sourceKey ?? ""}`;
+}
+function textSelectionModule() {
+  if (Platform.OS !== "ios" && Platform.OS !== "android") return null;
+  const registry = globalThis.expo?.modules;
+  const module = registry?.OpenGeniTextSelection;
+  return module && typeof module.addListener === "function" ? module : null;
+}
+async function measureQuoteAnchors(sourceKey, queries) {
+  const module = textSelectionModule();
+  if (!module?.quoteAnchors || queries.length === 0) return queries.map(() => null);
+  try {
+    const anchors = await module.quoteAnchors(sourceKey, queries);
+    return queries.map((_, index) => {
+      const anchor = anchors[index];
+      if (typeof anchor?.x !== "number" || typeof anchor.top !== "number") return null;
+      const flat = anchor.rects ?? [];
+      const boxes = [];
+      for (let at = 0; at + 3 < flat.length; at += 4) {
+        boxes.push({ x: flat[at], y: flat[at + 1], width: flat[at + 2], height: flat[at + 3] });
+      }
+      return { x: anchor.x, top: anchor.top, boxes };
+    });
+  } catch {
+    return queries.map(() => null);
+  }
+}
+function useNativeTextAnnotation(sources, onAnnotate) {
+  const t = useOpenGeniText();
+  const latest = useRef({ sources, onAnnotate });
+  latest.current = { sources, onAnnotate };
+  const enabled = Boolean(onAnnotate);
+  const title = t("timelineAnnotationSelection.addNote");
+  useEffect(() => {
+    const module = textSelectionModule();
+    if (!module || !enabled) return;
+    module.setAnnotateTitle(title);
+    const subscription = module.addListener("onAnnotate", (event) => {
+      const source = latest.current.sources.get(event.sourceKey);
+      if (!source) return;
+      const annotation = annotationFromSelection(source, {
+        text: event.quote,
+        textBefore: event.before,
+        textAfter: event.after
+      });
+      if (annotation) latest.current.onAnnotate?.(annotation);
+    });
+    return () => subscription.remove();
+  }, [enabled, title]);
+}
 var ActivityOptionsContext = createContext({});
 var NativeActivityOptionsProvider = ActivityOptionsContext.Provider;
 function useNativeActivityOptions() {
@@ -299,7 +351,8 @@ function PatchView({
 }
 function PresentedToolRow({
   presentation: p,
-  compact = false
+  compact = false,
+  outputPreview
 }) {
   return /* @__PURE__ */ jsx(
     ActivityDisclosure,
@@ -315,6 +368,7 @@ function PresentedToolRow({
       compact,
       preview: p.preview ? previewContent(p.preview, compact) : void 0,
       expandable: p.body.kind !== "none",
+      outputPreview,
       children: /* @__PURE__ */ jsx(ToolBodyView, { body: p.body })
     }
   );
@@ -328,12 +382,41 @@ function ToolCallRow({ item, compact }) {
   });
   const leaf = item.name.includes("__") ? item.name.slice(item.name.lastIndexOf("__") + 2) : item.name;
   const custom = options.toolRenderers?.[item.name] ?? options.toolRenderers?.[leaf];
-  for (const renderer of [custom, options.renderTool]) {
-    if (!renderer) continue;
-    const node = renderer({ item, presentation, compact });
-    if (node != null) return /* @__PURE__ */ jsx(Fragment, { children: node });
+  const outputPreview = item.outputPreview ?? null;
+  const exactFirst = outputPreview !== null && (custom !== void 0 || options.renderTool !== void 0 || !presentsToolOutputPreview(item));
+  if (exactFirst && outputPreview.load && outputPreview.state !== "error") {
+    return /* @__PURE__ */ jsx(ToolOutputExactRow, { item, preview: outputPreview, compact });
   }
-  return /* @__PURE__ */ jsx(PresentedToolRow, { presentation, compact });
+  if (!exactFirst) {
+    for (const renderer of [custom, options.renderTool]) {
+      if (!renderer) continue;
+      const node = renderer({ item, presentation, compact });
+      if (node != null) return /* @__PURE__ */ jsx(Fragment, { children: node });
+    }
+  }
+  return /* @__PURE__ */ jsx(PresentedToolRow, { presentation, compact, outputPreview });
+}
+function ToolOutputExactRow({
+  item,
+  preview,
+  compact
+}) {
+  const t = useOpenGeniText();
+  const pending = preview.state === "preview";
+  const load = preview.load;
+  useEffect(() => {
+    if (pending) load?.();
+  }, [pending, load]);
+  return /* @__PURE__ */ jsx(
+    ActivityDisclosure,
+    {
+      icon: "wrench",
+      title: toolDisplayName(t, item.name),
+      preview: t("timeline.toolRenderers.loadingOutput"),
+      compact,
+      expandable: false
+    }
+  );
 }
 function ReasoningRow({ item, compact }) {
   const t = useOpenGeniText();
@@ -369,9 +452,10 @@ function ReasoningRow({ item, compact }) {
       ),
       accessibilityLabel: item.streaming ? m.thinking : m.thought,
       preview: plain || void 0,
-      children: options.renderMarkdown ? options.renderMarkdown(item.text, { tone: "muted", streaming: item.streaming }) : /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(View, { testID: annotationSourceTestId(void 0), collapsable: false, children: options.renderMarkdown ? options.renderMarkdown(item.text, { tone: "muted", streaming: item.streaming }) : /* @__PURE__ */ jsx(
         Text,
         {
+          selectable: true,
           style: {
             ...fontStyle(theme),
             fontSize: theme.size.base,
@@ -380,7 +464,7 @@ function ReasoningRow({ item, compact }) {
           },
           children: item.text
         }
-      )
+      ) })
     }
   );
 }
@@ -547,18 +631,27 @@ function ActivityNoteRow({ item }) {
       children: [
         /* @__PURE__ */ jsx(View, { style: { width: 14 } }),
         /* @__PURE__ */ jsx(View, { style: { marginTop: 4 }, children: /* @__PURE__ */ jsx(Icon, { name: "message-square-text", size: 14, color: theme.colors["fg-subtle"] }) }),
-        /* @__PURE__ */ jsx(View, { style: { flex: 1, minWidth: 0 }, children: options.renderMarkdown ? options.renderMarkdown(item.text, { tone: "muted", streaming: item.streaming }) : /* @__PURE__ */ jsx(
-          Text,
+        /* @__PURE__ */ jsx(
+          View,
           {
-            style: {
-              ...fontStyle(theme),
-              fontSize: theme.size.sm,
-              lineHeight: 20,
-              color: theme.colors["fg-muted"]
-            },
-            children: item.text
+            testID: annotationSourceTestId(item.annotationSource?.eventId),
+            collapsable: false,
+            style: { flex: 1, minWidth: 0 },
+            children: options.renderMarkdown ? options.renderMarkdown(item.text, { tone: "muted", streaming: item.streaming }) : /* @__PURE__ */ jsx(
+              Text,
+              {
+                selectable: true,
+                style: {
+                  ...fontStyle(theme),
+                  fontSize: theme.size.sm,
+                  lineHeight: 20,
+                  color: theme.colors["fg-muted"]
+                },
+                children: item.text
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );
@@ -1139,9 +1232,828 @@ function liveFoldShift(liveNotes, workId, open, heights, rowGap) {
   }, 0);
   return height === 0 ? 0 : open ? -height : height;
 }
+function BottomSheet(props) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const c = theme.colors;
+  const insets = useSafeAreaInsets();
+  const { height } = useWindowDimensions();
+  const [mounted, setMounted] = useState(props.open);
+  const progress = useRef(new Animated$1.Value(0)).current;
+  const drag = useRef(new Animated$1.Value(0)).current;
+  const onClose = useRef(props.onClose);
+  onClose.current = props.onClose;
+  useEffect(() => {
+    let cancelled = false;
+    if (props.open) {
+      setMounted(true);
+      drag.setValue(0);
+      void AccessibilityInfo.isReduceMotionEnabled().then((reduce) => {
+        if (cancelled) return;
+        Animated$1.timing(progress, {
+          toValue: 1,
+          duration: reduce ? 0 : 260,
+          easing: Easing.bezier(0.22, 1, 0.36, 1),
+          useNativeDriver: true
+        }).start();
+      });
+    } else if (mounted) {
+      Animated$1.timing(progress, {
+        toValue: 0,
+        duration: 200,
+        easing: Easing.in(Easing.quad),
+        useNativeDriver: true
+      }).start(({ finished }) => {
+        if (finished && !cancelled) setMounted(false);
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [drag, mounted, progress, props.open]);
+  const pan = useRef(
+    PanResponder.create({
+      onMoveShouldSetPanResponder: (_event, gesture) => gesture.dy > 6 && Math.abs(gesture.dy) > Math.abs(gesture.dx),
+      onPanResponderMove: (_event, gesture) => drag.setValue(Math.max(0, gesture.dy)),
+      onPanResponderRelease: (_event, gesture) => {
+        if (gesture.dy > 90 || gesture.vy > 0.9) onClose.current();
+        else Animated$1.spring(drag, { toValue: 0, useNativeDriver: true, bounciness: 0 }).start();
+      },
+      onPanResponderTerminate: () => Animated$1.spring(drag, { toValue: 0, useNativeDriver: true, bounciness: 0 }).start()
+    })
+  ).current;
+  if (!mounted) return null;
+  const translateY = Animated$1.add(
+    progress.interpolate({ inputRange: [0, 1], outputRange: [height, 0] }),
+    drag
+  );
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible: true,
+      transparent: true,
+      animationType: "none",
+      statusBarTranslucent: true,
+      onRequestClose: props.onClose,
+      children: /* @__PURE__ */ jsxs(
+        KeyboardAvoidingView,
+        {
+          behavior: "padding",
+          style: { flex: 1, justifyContent: "flex-end" },
+          children: [
+            /* @__PURE__ */ jsx(
+              Animated$1.View,
+              {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  right: 0,
+                  bottom: 0,
+                  left: 0,
+                  backgroundColor: "rgba(0, 0, 0, 0.4)",
+                  opacity: progress
+                },
+                children: /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    style: { flex: 1 },
+                    onPress: props.onClose,
+                    accessibilityRole: "button",
+                    accessibilityLabel: t("native.timeline.sheet.close")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Animated$1.View,
+              {
+                accessibilityViewIsModal: true,
+                accessibilityLabel: props.accessibilityLabel,
+                style: {
+                  maxHeight: height * (props.maxHeightRatio ?? 0.85),
+                  backgroundColor: c.bg,
+                  borderTopLeftRadius: 16,
+                  borderTopRightRadius: 16,
+                  paddingBottom: Math.max(insets.bottom, 12),
+                  transform: [{ translateY }],
+                  shadowColor: "#000",
+                  shadowOpacity: 0.12,
+                  shadowRadius: 16,
+                  shadowOffset: { width: 0, height: -2 },
+                  elevation: 16
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    View,
+                    {
+                      ...pan.panHandlers,
+                      style: { alignItems: "center", paddingTop: 8, paddingBottom: 4 },
+                      children: /* @__PURE__ */ jsx(
+                        View,
+                        {
+                          style: {
+                            width: 36,
+                            height: 5,
+                            borderRadius: 3,
+                            backgroundColor: c["border-strong"] ?? c.border
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  props.children
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function annotationQuoteQuery(annotation) {
+  return {
+    quote: annotation.quote,
+    before: annotation.source.contextBefore,
+    after: annotation.source.contextAfter
+  };
+}
+var AnnotationSourcesContext = createContext(null);
+function draftMarkersBySource(annotations) {
+  const markers = /* @__PURE__ */ new Map();
+  (annotations ?? []).forEach((annotation, index) => {
+    const list = markers.get(annotation.source.eventId) ?? [];
+    list.push({
+      id: annotation.id,
+      ordinal: index + 1,
+      incomplete: !annotationHasNote(annotation.note),
+      quote: annotation.quote,
+      before: annotation.source.contextBefore,
+      after: annotation.source.contextAfter
+    });
+    markers.set(annotation.source.eventId, list);
+  });
+  return markers;
+}
+function quotePreview(quote) {
+  const trimmed = quote.trim();
+  return trimmed.includes("\n") ? trimmed : trimmed.replace(/\s+/g, " ");
+}
+function AnnotationSourceView({
+  sourceKey,
+  children,
+  style
+}) {
+  const theme = useNativeTimelineTheme();
+  const sources = useContext(AnnotationSourcesContext);
+  const glow = useRef(new Animated$1.Value(0)).current;
+  const flash = sourceKey && sources?.flash?.sourceKey === sourceKey ? sources.flash : null;
+  const [flashBoxes, setFlashBoxes] = useState(null);
+  useEffect(() => {
+    if (!flash || !sourceKey) return;
+    let cancelled = false;
+    const start = (boxes) => {
+      if (cancelled) return;
+      setFlashBoxes(boxes);
+      glow.setValue(1);
+      Animated$1.timing(glow, {
+        toValue: 0,
+        duration: boxes ? 1800 : 1400,
+        delay: 300,
+        easing: Easing.out(Easing.quad),
+        useNativeDriver: false
+      }).start();
+    };
+    if (!flash.quote) start(null);
+    else
+      void measureQuoteAnchors(sourceKey, [flash.quote]).then(
+        ([anchor]) => start(anchor?.boxes.length ? anchor.boxes : null)
+      );
+    return () => {
+      cancelled = true;
+    };
+  }, [flash, glow, sourceKey]);
+  const register = sources?.register;
+  const markers = sourceKey ? sources?.drafts.get(sourceKey) : void 0;
+  const [anchors, setAnchors] = useState(null);
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  const measure = useCallback(() => {
+    if (!sourceKey || !markers?.length) return;
+    const queries = markers.map(({ quote, before, after }) => ({ quote, before, after }));
+    void measureQuoteAnchors(sourceKey, queries).then((at) => setAnchors({ markers, at }));
+  }, [markers, sourceKey]);
+  useEffect(() => {
+    if (!markers?.length) {
+      setAnchors(null);
+      return;
+    }
+    const frame = requestAnimationFrame(measure);
+    return () => cancelAnimationFrame(frame);
+  }, [markers, measure, size.width, size.height]);
+  return /* @__PURE__ */ jsxs(
+    Animated$1.View,
+    {
+      ref: (node) => {
+        if (sourceKey && register) register(sourceKey, node);
+      },
+      testID: annotationSourceTestId(sourceKey),
+      collapsable: false,
+      onLayout: (event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setSize(
+          (current) => current.width === width && current.height === height ? current : { width, height }
+        );
+      },
+      style: [
+        style,
+        {
+          borderRadius: theme.radius.md,
+          backgroundColor: flashBoxes ? "transparent" : glow.interpolate({
+            inputRange: [0, 1],
+            outputRange: [withAlpha(theme.colors.fg, 0), withAlpha(theme.colors.fg, 0.08)]
+          })
+        }
+      ],
+      children: [
+        flashBoxes ? /* @__PURE__ */ jsx(QuoteFlash, { boxes: flashBoxes, glow }) : null,
+        markers?.length && anchors?.markers === markers ? /* @__PURE__ */ jsx(QuoteHighlights, { anchors: anchors.at }) : null,
+        children,
+        markers?.length && anchors?.markers === markers ? /* @__PURE__ */ jsx(
+          QuoteBadges,
+          {
+            markers,
+            anchors: anchors.at,
+            size,
+            onSelect: sources?.onSelectDraft
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var BADGE_SIZE = 15;
+function boxKey(box) {
+  return `${Math.round(box.x)}:${Math.round(box.y)}:${Math.round(box.width)}`;
+}
+function QuoteFlash({ boxes, glow }) {
+  const theme = useNativeTimelineTheme();
+  const tint = withAlpha(theme.colors.accent, theme.scheme === "dark" ? 0.45 : 0.28);
+  return /* @__PURE__ */ jsx(Fragment, { children: boxes.map((box) => /* @__PURE__ */ jsx(
+    Animated$1.View,
+    {
+      pointerEvents: "none",
+      style: {
+        position: "absolute",
+        left: box.x - 3,
+        top: box.y - 2,
+        width: box.width + 6,
+        height: box.height + 4,
+        borderRadius: 5,
+        backgroundColor: tint,
+        opacity: glow
+      }
+    },
+    boxKey(box)
+  )) });
+}
+function QuoteHighlights({ anchors }) {
+  const theme = useNativeTimelineTheme();
+  const dark = theme.scheme === "dark";
+  const tint = withAlpha(theme.colors.accent, dark ? 0.16 : 0.08);
+  const rule = withAlpha(theme.colors.accent, dark ? 0.7 : 0.55);
+  return /* @__PURE__ */ jsx(Fragment, { children: anchors.flatMap(
+    (anchor) => (anchor?.boxes ?? []).map((box) => /* @__PURE__ */ jsx(
+      View,
+      {
+        pointerEvents: "none",
+        style: {
+          position: "absolute",
+          left: box.x - 2,
+          top: box.y - 1,
+          width: box.width + 4,
+          height: box.height + 2,
+          borderTopLeftRadius: 3,
+          borderTopRightRadius: 3,
+          borderBottomWidth: 1.5,
+          borderBottomColor: rule,
+          backgroundColor: tint
+        }
+      },
+      boxKey(box)
+    ))
+  ) });
+}
+function QuoteBadges({
+  markers,
+  anchors,
+  size,
+  onSelect
+}) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const c = theme.colors;
+  let unplaced = 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: markers.map((marker, index) => {
+    const anchor = anchors[index];
+    const center = anchor ? { x: anchor.x + 2, y: anchor.top - 1 } : {
+      x: size.width - BADGE_SIZE / 2 - unplaced++ * (BADGE_SIZE + 4),
+      y: size.height - BADGE_SIZE / 2
+    };
+    const left = Math.min(Math.max(center.x - BADGE_SIZE / 2, 0), size.width - BADGE_SIZE);
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: t("timelineAnnotationMarkers.annotationOrdinal", {
+          ordinal: marker.ordinal
+        }),
+        hitSlop: 14,
+        disabled: !onSelect,
+        onPress: () => onSelect?.(marker.id),
+        style: ({ pressed }) => ({
+          position: "absolute",
+          left,
+          top: center.y - BADGE_SIZE / 2,
+          zIndex: marker.ordinal,
+          minWidth: BADGE_SIZE,
+          height: BADGE_SIZE,
+          paddingHorizontal: 2,
+          borderRadius: BADGE_SIZE / 2,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: c.accent,
+          borderWidth: marker.incomplete ? 1 : 0,
+          borderColor: withAlpha(c["accent-fg"], 0.35),
+          opacity: pressed ? 0.7 : 1,
+          shadowColor: "#000",
+          shadowOpacity: 0.12,
+          shadowRadius: 2,
+          shadowOffset: { width: 0, height: 1 }
+        }),
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              ...fontStyle(theme, 600),
+              fontSize: 10,
+              lineHeight: 12,
+              color: c["accent-fg"],
+              fontVariant: ["tabular-nums"]
+            },
+            children: marker.ordinal
+          }
+        )
+      },
+      marker.id
+    );
+  }) });
+}
+function AccentRow({ children, shrink = false }) {
+  const theme = useNativeTimelineTheme();
+  return /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", gap: 10 }, children: [
+    /* @__PURE__ */ jsx(
+      View,
+      {
+        style: {
+          width: 2,
+          borderRadius: 1,
+          backgroundColor: withAlpha(theme.colors.accent, 0.55)
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { style: shrink ? { flexShrink: 1, minWidth: 0 } : { flex: 1, minWidth: 0 }, children })
+  ] });
+}
+function OrdinalLabel({ ordinal }) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      style: {
+        ...fontStyle(theme, 500),
+        fontSize: theme.size.xs,
+        lineHeight: 16,
+        color: theme.colors["fg-subtle"],
+        fontVariant: ["tabular-nums"]
+      },
+      children: t("timelineAnnotations.annotationOrdinal", { ordinal })
+    }
+  );
+}
+function QuoteButton({
+  annotation,
+  onReveal
+}) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const [unavailable, setUnavailable] = useState(false);
+  const text = /* @__PURE__ */ jsx(
+    Text,
+    {
+      numberOfLines: 2,
+      style: {
+        ...fontStyle(theme),
+        fontSize: theme.size.sm,
+        lineHeight: 20,
+        color: theme.colors["fg-muted"]
+      },
+      children: quotePreview(annotation.quote)
+    }
+  );
+  if (!onReveal) return text;
+  return /* @__PURE__ */ jsxs(View, { children: [
+    /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: t(
+          "timelineAnnotationChrome.viewSourcelabelSourceTruncateannotationquote",
+          {
+            sourceLabel: annotation.source.label?.trim() || (annotation.source.kind === "user_message" ? t("timelineAnnotationShared.yourMessage") : annotation.source.kind === "assistant_message" ? t("timelineAnnotationShared.assistant") : t("timelineAnnotationShared.toolOutput")),
+            truncateAnnotationQuote: truncateAnnotationQuote(annotation.quote, 88)
+          }
+        ),
+        onPress: () => setUnavailable(!onReveal(annotation.source, annotationQuoteQuery(annotation))),
+        style: ({ pressed }) => ({ opacity: pressed ? 0.55 : 1, paddingVertical: 2 }),
+        children: text
+      }
+    ),
+    unavailable ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        accessibilityLiveRegion: "polite",
+        style: {
+          ...fontStyle(theme),
+          fontSize: theme.size.xs,
+          lineHeight: 16,
+          color: theme.colors["status-waiting"]
+        },
+        children: t("timelineAnnotations.sourceIsOutsideTheLoaded")
+      }
+    ) : null
+  ] });
+}
+function NotePreview({ note, ordinal }) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const [expanded, setExpanded] = useState(false);
+  if (!note) return null;
+  const collapsible = annotationNoteNeedsDisclosure(note);
+  return /* @__PURE__ */ jsxs(View, { style: { marginTop: 2 }, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        selectable: true,
+        numberOfLines: expanded ? void 0 : 4,
+        style: {
+          ...fontStyle(theme),
+          fontSize: theme.size.sm,
+          lineHeight: 20,
+          color: theme.colors.fg
+        },
+        children: note
+      }
+    ),
+    collapsible ? /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: expanded ? t("timelineAnnotationChrome.showLessAnnotationOrdinal", { ordinal }) : t("timelineAnnotationChrome.showMoreAnnotationOrdinal", { ordinal }),
+        hitSlop: 8,
+        onPress: () => setExpanded((current) => !current),
+        style: { alignSelf: "flex-start", paddingVertical: 4 },
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              ...fontStyle(theme, 500),
+              fontSize: theme.size.xs,
+              color: theme.colors["fg-muted"]
+            },
+            children: expanded ? t("timelineAnnotationChrome.showLess") : t("timelineAnnotationChrome.showMore")
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function SentAnnotationCards({
+  annotations,
+  onReveal
+}) {
+  if (annotations.length === 0) return null;
+  return /* @__PURE__ */ jsx(View, { style: { gap: 10 }, children: annotations.map((annotation, index) => {
+    const ordinal = annotationDisplayOrdinal(annotation, index);
+    return /* @__PURE__ */ jsxs(AccentRow, { shrink: true, children: [
+      /* @__PURE__ */ jsx(OrdinalLabel, { ordinal }),
+      /* @__PURE__ */ jsx(QuoteButton, { annotation, onReveal }),
+      /* @__PURE__ */ jsx(NotePreview, { note: annotation.note, ordinal })
+    ] }, annotation.id);
+  }) });
+}
+function AnnotationsChip({
+  annotations,
+  onPress,
+  onClear,
+  compact = false
+}) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const c = theme.colors;
+  if (annotations.length === 0) return null;
+  const countLabel = t("counts.annotations", { count: annotations.length });
+  const incomplete = onClear !== void 0 && annotations.some((item) => !annotationHasNote(item.note));
+  const height = compact ? 26 : 32;
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        alignSelf: "flex-start",
+        height,
+        borderRadius: height / 2,
+        borderWidth: 1,
+        borderColor: incomplete ? withAlpha(c.accent, 0.45) : c.border,
+        backgroundColor: incomplete ? c["accent-soft"] : c["surface-1"]
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: t("timelineAnnotations.reviewCountlabel", { countLabel }),
+            hitSlop: { top: (44 - height) / 2, bottom: (44 - height) / 2 },
+            onPress,
+            style: ({ pressed }) => ({
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 6,
+              height,
+              paddingLeft: compact ? 8 : 10,
+              paddingRight: onClear ? 2 : compact ? 8 : 12,
+              opacity: pressed ? 0.6 : 1
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "quote", size: compact ? 11 : 13, color: c.accent }),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  numberOfLines: 1,
+                  style: {
+                    ...fontStyle(theme, 500),
+                    fontSize: compact ? theme.size.xs : theme.size.sm,
+                    color: c["fg-muted"]
+                  },
+                  children: countLabel
+                }
+              )
+            ]
+          }
+        ),
+        onClear ? /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: t("timelineAnnotations.removeAllAnnotations"),
+            hitSlop: { top: 6, bottom: 6, right: 6 },
+            onPress: onClear,
+            style: ({ pressed }) => ({
+              width: height,
+              height,
+              alignItems: "center",
+              justifyContent: "center",
+              opacity: pressed ? 0.5 : 1
+            }),
+            children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 13, color: c["fg-subtle"] })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AnnotationsSheet({
+  open,
+  onClose,
+  annotations,
+  editable,
+  focusId,
+  onFocusConsumed,
+  onUpdate,
+  onRemove,
+  onReveal,
+  onCommit
+}) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const c = theme.colors;
+  const inputs = useRef(/* @__PURE__ */ new Map());
+  const scroll = useRef(null);
+  const rowTops = useRef(/* @__PURE__ */ new Map());
+  const empty = annotations.length === 0;
+  useEffect(() => {
+    if (open && empty) onClose();
+  }, [empty, onClose, open]);
+  const focusNote = (id) => {
+    const top = rowTops.current.get(id);
+    if (top !== void 0) scroll.current?.scrollTo({ y: Math.max(0, top - 8), animated: true });
+    inputs.current.get(id)?.focus();
+  };
+  useEffect(() => {
+    if (!open || !focusId || !editable) return;
+    const timer = setTimeout(() => {
+      focusNote(focusId);
+      onFocusConsumed?.();
+    }, 320);
+    return () => clearTimeout(timer);
+  }, [editable, focusId, open]);
+  const commit = (fromId) => {
+    const incomplete = annotations.filter((item) => !annotationHasNote(item.note));
+    if (incomplete.length === 0) {
+      onCommit?.();
+      return;
+    }
+    const fromIndex = annotations.findIndex((item) => item.id === fromId);
+    const next = incomplete.find((item) => annotations.indexOf(item) > fromIndex) ?? incomplete[0];
+    focusNote(next.id);
+  };
+  const incompleteCount = annotations.filter((item) => !annotationHasNote(item.note)).length;
+  const countLabel = t("counts.annotations", { count: annotations.length });
+  return /* @__PURE__ */ jsxs(
+    BottomSheet,
+    {
+      open: open && !empty,
+      onClose,
+      maxHeightRatio: 0.8,
+      accessibilityLabel: editable ? t("timelineAnnotationsDialog.editQuotedNotes") : t("timelineAnnotationsDialog.quotedNotes"),
+      children: [
+        /* @__PURE__ */ jsxs(
+          View,
+          {
+            style: {
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "space-between",
+              paddingLeft: 20,
+              paddingRight: 8,
+              paddingBottom: 4
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  accessibilityRole: "header",
+                  style: { ...fontStyle(theme, 600), fontSize: theme.size.md, color: c.fg },
+                  children: countLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Pressable,
+                {
+                  accessibilityRole: "button",
+                  onPress: () => {
+                    if (editable && incompleteCount === 0 && onCommit) onCommit();
+                    else onClose();
+                  },
+                  style: ({ pressed }) => ({
+                    height: 44,
+                    paddingHorizontal: 12,
+                    justifyContent: "center",
+                    opacity: pressed ? 0.5 : 1
+                  }),
+                  children: /* @__PURE__ */ jsx(Text, { style: { ...fontStyle(theme, 600), fontSize: theme.size.md, color: c.fg }, children: t("native.timeline.annotations.done") })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          ScrollView,
+          {
+            ref: scroll,
+            keyboardShouldPersistTaps: "handled",
+            contentContainerStyle: { paddingHorizontal: 20, paddingTop: 8, paddingBottom: 12, gap: 18 },
+            style: { flexGrow: 0 },
+            children: [
+              annotations.map((annotation, index) => {
+                const ordinal = annotationDisplayOrdinal(annotation, index);
+                const last = index === annotations.length - 1;
+                const othersIncomplete = annotations.some(
+                  (item) => item.id !== annotation.id && !annotationHasNote(item.note)
+                );
+                return /* @__PURE__ */ jsx(
+                  View,
+                  {
+                    onLayout: (event) => rowTops.current.set(annotation.id, event.nativeEvent.layout.y),
+                    children: /* @__PURE__ */ jsxs(AccentRow, { children: [
+                      /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "flex-start", gap: 4 }, children: [
+                        /* @__PURE__ */ jsxs(View, { style: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsx(OrdinalLabel, { ordinal }),
+                          /* @__PURE__ */ jsx(
+                            QuoteButton,
+                            {
+                              annotation,
+                              onReveal: onReveal ? (source, quote) => {
+                                const revealed = onReveal(source, quote);
+                                if (revealed) onClose();
+                                return revealed;
+                              } : void 0
+                            }
+                          )
+                        ] }),
+                        editable && onRemove ? /* @__PURE__ */ jsx(
+                          Pressable,
+                          {
+                            accessibilityRole: "button",
+                            accessibilityLabel: t("timelineAnnotationsDialog.removeAnnotationOrdinal", {
+                              ordinal
+                            }),
+                            onPress: () => onRemove(annotation.id),
+                            style: ({ pressed }) => ({
+                              width: 36,
+                              height: 36,
+                              marginTop: -6,
+                              marginRight: -10,
+                              alignItems: "center",
+                              justifyContent: "center",
+                              opacity: pressed ? 0.5 : 1
+                            }),
+                            children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 15, color: c["fg-subtle"] })
+                          }
+                        ) : null
+                      ] }),
+                      editable && onUpdate ? /* @__PURE__ */ jsx(
+                        TextInput,
+                        {
+                          ref: (node) => {
+                            if (node) inputs.current.set(annotation.id, node);
+                            else inputs.current.delete(annotation.id);
+                          },
+                          value: annotation.note,
+                          onChangeText: (note) => onUpdate(annotation.id, note),
+                          placeholder: t("timelineAnnotationChrome.addANote"),
+                          placeholderTextColor: c["fg-subtle"],
+                          accessibilityLabel: t("timelineAnnotationChrome.note"),
+                          maxLength: ANNOTATION_MAX_NOTE_LENGTH,
+                          multiline: true,
+                          submitBehavior: "submit",
+                          returnKeyType: othersIncomplete || last && !onCommit ? "next" : "done",
+                          onSubmitEditing: () => commit(annotation.id),
+                          style: {
+                            ...fontStyle(theme),
+                            fontSize: theme.size.md,
+                            lineHeight: 22,
+                            color: c.fg,
+                            marginTop: 6,
+                            minHeight: 40,
+                            maxHeight: 132,
+                            paddingHorizontal: 12,
+                            paddingTop: 9,
+                            paddingBottom: 9,
+                            borderRadius: theme.radius.md,
+                            backgroundColor: c["surface-2"],
+                            borderWidth: 1,
+                            borderColor: c.border
+                          }
+                        }
+                      ) : /* @__PURE__ */ jsx(NotePreview, { note: annotation.note, ordinal })
+                    ] })
+                  },
+                  annotation.id
+                );
+              }),
+              editable && incompleteCount > 0 ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  style: {
+                    ...fontStyle(theme),
+                    fontSize: theme.size.xs,
+                    lineHeight: 16,
+                    color: c["fg-subtle"]
+                  },
+                  children: t("composerMessages.addANoteToEach")
+                }
+              ) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 var OLDER_HISTORY_PREFETCH_PX = 600;
 var USER_MESSAGE_COLLAPSED_PX = 224;
 var ROW_GAP_PX = 20;
+function annotationSources(items) {
+  const sources = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    if (item.kind !== "user-message" && item.kind !== "agent-message") continue;
+    const source = item.annotationSource;
+    if (source) sources.set(source.eventId, source);
+  }
+  return sources;
+}
 function MessageTimeline(props) {
   const theme = useNativeTimelineTheme();
   const m = useNativeTimelineMessages();
@@ -1151,6 +2063,8 @@ function MessageTimeline(props) {
     [t, props.items, props.events]
   );
   const groups = useMemo(() => groupTimeline(t, items, { readableTurns: true }), [t, items]);
+  const sources = useMemo(() => annotationSources(items), [items]);
+  useNativeTextAnnotation(sources, props.onAnnotate);
   const foldMemory = useRef(/* @__PURE__ */ new Map()).current;
   const scrollRef = useRef(null);
   const following = useRef(!props.focusSequence);
@@ -1160,6 +2074,72 @@ function MessageTimeline(props) {
   const [questionNav, setQuestionNav] = useState(null);
   const stickyHeaders = useRef(/* @__PURE__ */ new Map()).current;
   const scrollY = useRef(0);
+  const sourceNodes = useRef(/* @__PURE__ */ new Map()).current;
+  const [flash, setFlash] = useState(null);
+  const overlayInsetBottom = useRef(0);
+  overlayInsetBottom.current = props.overlayInsetBottom ?? 0;
+  const registerSource = useCallback(
+    (sourceKey, node) => {
+      if (node) sourceNodes.set(sourceKey, node);
+      else sourceNodes.delete(sourceKey);
+    },
+    [sourceNodes]
+  );
+  const revealSource = useCallback(
+    (source, quote) => {
+      const node = sourceNodes.get(source.eventId);
+      const scroller = scrollRef.current?.getNativeScrollRef?.();
+      if (!node || !scroller) return false;
+      following.current = false;
+      const keyboardGone = Keyboard.isVisible() ? new Promise((resolve) => {
+        const done = () => {
+          subscription.remove();
+          clearTimeout(timer);
+          setTimeout(resolve, 60);
+        };
+        const subscription = Keyboard.addListener("keyboardDidHide", done);
+        const timer = setTimeout(done, 600);
+        Keyboard.dismiss();
+      }) : Promise.resolve();
+      const located = quote ? measureQuoteAnchors(source.eventId, [quote]).then(([anchor]) => anchor ?? null) : Promise.resolve(null);
+      void Promise.all([located, keyboardGone]).then(([anchor]) => {
+        scroller.measureInWindow((_scrollX, scrollTop) => {
+          node.measureInWindow((_x, top, _width, height) => {
+            const y = scrollY.current + top - scrollTop;
+            const visible = (viewportHeight.current || 600) - overlayInsetBottom.current;
+            const first = anchor?.boxes[0];
+            const last = anchor?.boxes[anchor.boxes.length - 1];
+            const span = height < visible - 32 || !first || !last ? { top: y, height } : { top: y + first.y, height: last.y + last.height - first.y };
+            const target = span.height < visible - 32 ? span.top - (visible - span.height) / 2 : span.top - 16;
+            const end = Math.max(0, contentHeight.current - (viewportHeight.current || 0));
+            scrollY.current = Math.min(Math.max(0, target), end || Number.POSITIVE_INFINITY);
+            scrollRef.current?.scrollTo({ y: scrollY.current, animated: true });
+            setFlash((current) => ({
+              sourceKey: source.eventId,
+              token: (current?.token ?? 0) + 1,
+              ...quote ? { quote } : {}
+            }));
+          });
+        });
+      });
+      return true;
+    },
+    [sourceNodes]
+  );
+  if (props.annotationRevealRef) props.annotationRevealRef.current = revealSource;
+  const draftMarkers = useMemo(
+    () => draftMarkersBySource(props.draftAnnotations),
+    [props.draftAnnotations]
+  );
+  const annotationSourcesValue = useMemo(
+    () => ({
+      register: registerSource,
+      flash,
+      drafts: draftMarkers,
+      onSelectDraft: props.onDraftAnnotationSelect
+    }),
+    [draftMarkers, flash, props.onDraftAnnotationSelect, registerSource]
+  );
   const [pinned, setPinned] = useState(
     null
   );
@@ -1307,6 +2287,13 @@ function MessageTimeline(props) {
     },
     [requestOlder]
   );
+  const followLatestSignal = props.followLatestSignal ?? 0;
+  useEffect(() => {
+    if (!followLatestSignal) return;
+    following.current = true;
+    setShowJump(false);
+    scrollRef.current?.scrollToEnd({ animated: true });
+  }, [followLatestSignal]);
   const groupTops = useRef(/* @__PURE__ */ new Map()).current;
   const landed = useRef(null);
   const [layoutPass, setLayoutPass] = useState(0);
@@ -1356,9 +2343,10 @@ function MessageTimeline(props) {
     renderMessageActions: props.renderMessageActions,
     renderUserAttachments: props.renderUserAttachments,
     onCopy: props.onCopy,
-    reportLiveFold
+    reportLiveFold,
+    onRevealAnnotation: revealSource
   };
-  return /* @__PURE__ */ jsx(NativeActivityOptionsProvider, { value: activityOptions, children: /* @__PURE__ */ jsx(FoldMemoryProvider, { value: foldMemory, children: /* @__PURE__ */ jsx(StickyWorkHeaderProvider, { value: registerSticky, children: /* @__PURE__ */ jsx(ReleaseFollowProvider, { value: releaseFollow, children: /* @__PURE__ */ jsxs(View, { style: [{ flex: 1, backgroundColor: theme.colors.bg }, props.style], children: [
+  return /* @__PURE__ */ jsx(AnnotationSourcesContext.Provider, { value: annotationSourcesValue, children: /* @__PURE__ */ jsx(NativeActivityOptionsProvider, { value: activityOptions, children: /* @__PURE__ */ jsx(FoldMemoryProvider, { value: foldMemory, children: /* @__PURE__ */ jsx(StickyWorkHeaderProvider, { value: registerSticky, children: /* @__PURE__ */ jsx(ReleaseFollowProvider, { value: releaseFollow, children: /* @__PURE__ */ jsxs(View, { style: [{ flex: 1, backgroundColor: theme.colors.bg }, props.style], children: [
     /* @__PURE__ */ jsxs(
       ScrollView,
       {
@@ -1387,7 +2375,13 @@ function MessageTimeline(props) {
         },
         children: [
           /* @__PURE__ */ jsxs(View, { children: [
-            props.hasOlder ? /* @__PURE__ */ jsx(OlderHistoryRow, { loading: props.loadingOlder === true, onPress: requestOlder }) : null,
+            props.hasOlder ? /* @__PURE__ */ jsx(
+              OlderHistoryRow,
+              {
+                loading: props.loadingOlder === true,
+                onPress: requestOlder
+              }
+            ) : null,
             props.header
           ] }),
           groups.length === 0 && props.emptyState ? props.emptyState : null,
@@ -1491,7 +2485,7 @@ function MessageTimeline(props) {
         )
       }
     ) : null
-  ] }) }) }) }) });
+  ] }) }) }) }) }) });
 }
 function NavButton(props) {
   const theme = useNativeTimelineTheme();
@@ -1982,9 +2976,11 @@ function UserMessageRow({ item, context }) {
   const theme = useNativeTimelineTheme();
   const m = useNativeTimelineMessages();
   const failed = item.delivery?.state === "failed";
+  const annotations = item.annotations ?? [];
+  const sourceKey = item.annotationSource?.eventId;
   return /* @__PURE__ */ jsx(Animated.View, { entering: FadeIn.duration(180), style: { alignItems: "flex-end" }, children: /* @__PURE__ */ jsxs(View, { style: { maxWidth: "85%", alignItems: "flex-end", gap: 6 }, children: [
     item.resources.some((resource) => resource.kind === "file") ? context.renderUserAttachments?.(item) : null,
-    item.text ? /* @__PURE__ */ jsx(
+    item.text || annotations.length > 0 ? /* @__PURE__ */ jsxs(
       View,
       {
         style: {
@@ -1998,19 +2994,35 @@ function UserMessageRow({ item, context }) {
           paddingHorizontal: 16,
           paddingVertical: 10
         },
-        children: /* @__PURE__ */ jsx(CollapsibleUserText, { children: context.renderMarkdown ? context.renderMarkdown(item.text, { tone: "body" }) : /* @__PURE__ */ jsx(
-          Text,
-          {
-            selectable: true,
-            style: {
-              ...fontStyle(theme),
-              fontSize: theme.size.md,
-              lineHeight: 28,
-              color: theme.colors.fg
-            },
-            children: item.text
-          }
-        ) })
+        children: [
+          item.text ? /* @__PURE__ */ jsx(CollapsibleUserText, { children: /* @__PURE__ */ jsx(
+            AnnotationSourceView,
+            {
+              sourceKey,
+              style: { marginHorizontal: -6, paddingHorizontal: 6 },
+              children: context.renderMarkdown ? context.renderMarkdown(item.text, { tone: "body" }) : /* @__PURE__ */ jsx(
+                Text,
+                {
+                  selectable: true,
+                  style: {
+                    ...fontStyle(theme),
+                    fontSize: theme.size.md,
+                    lineHeight: 28,
+                    color: theme.colors.fg
+                  },
+                  children: item.text
+                }
+              )
+            }
+          ) }) : null,
+          annotations.length > 0 ? /* @__PURE__ */ jsx(View, { style: item.text ? { marginTop: 10, marginBottom: 2 } : { paddingVertical: 2 }, children: /* @__PURE__ */ jsx(
+            SentAnnotationCards,
+            {
+              annotations,
+              onReveal: context.onRevealAnnotation
+            }
+          ) }) : null
+        ]
       }
     ) : null,
     /* @__PURE__ */ jsx(
@@ -2060,17 +3072,24 @@ function UserMessageRow({ item, context }) {
 function AgentMessageRow({ item, context }) {
   const theme = useNativeTimelineTheme();
   return /* @__PURE__ */ jsxs(Animated.View, { entering: FadeIn.duration(180), style: { minWidth: 0 }, children: [
-    context.renderMarkdown ? context.renderMarkdown(item.text, { tone: "body", streaming: item.streaming }) : /* @__PURE__ */ jsx(
-      Text,
+    /* @__PURE__ */ jsx(
+      AnnotationSourceView,
       {
-        selectable: true,
-        style: {
-          ...fontStyle(theme),
-          fontSize: theme.size.md,
-          lineHeight: 28,
-          color: theme.colors.fg
-        },
-        children: item.text
+        sourceKey: item.annotationSource?.eventId,
+        style: { marginHorizontal: -8, paddingHorizontal: 8 },
+        children: context.renderMarkdown ? context.renderMarkdown(item.text, { tone: "body", streaming: item.streaming }) : /* @__PURE__ */ jsx(
+          Text,
+          {
+            selectable: true,
+            style: {
+              ...fontStyle(theme),
+              fontSize: theme.size.md,
+              lineHeight: 28,
+              color: theme.colors.fg
+            },
+            children: item.text
+          }
+        )
       }
     ),
     item.streaming ? null : /* @__PURE__ */ jsx(
@@ -4302,7 +5321,7 @@ function StatusDot({
       return;
     }
     opacity.value = withRepeat(
-      withTiming(0.5, { duration: 1e3, easing: Easing.bezier(0.4, 0, 0.6, 1) }),
+      withTiming(0.5, { duration: 1e3, easing: Easing$1.bezier(0.4, 0, 0.6, 1) }),
       -1,
       true
     );
@@ -4572,145 +5591,6 @@ function SessionHeaderTitle({
     }
   );
 }
-function BottomSheet(props) {
-  const t = useOpenGeniText();
-  const theme = useNativeTimelineTheme();
-  const c = theme.colors;
-  const insets = useSafeAreaInsets();
-  const { height } = useWindowDimensions();
-  const [mounted, setMounted] = useState(props.open);
-  const progress = useRef(new Animated$1.Value(0)).current;
-  const drag = useRef(new Animated$1.Value(0)).current;
-  const onClose = useRef(props.onClose);
-  onClose.current = props.onClose;
-  useEffect(() => {
-    let cancelled = false;
-    if (props.open) {
-      setMounted(true);
-      drag.setValue(0);
-      void AccessibilityInfo.isReduceMotionEnabled().then((reduce) => {
-        if (cancelled) return;
-        Animated$1.timing(progress, {
-          toValue: 1,
-          duration: reduce ? 0 : 260,
-          easing: Easing$1.bezier(0.22, 1, 0.36, 1),
-          useNativeDriver: true
-        }).start();
-      });
-    } else if (mounted) {
-      Animated$1.timing(progress, {
-        toValue: 0,
-        duration: 200,
-        easing: Easing$1.in(Easing$1.quad),
-        useNativeDriver: true
-      }).start(({ finished }) => {
-        if (finished && !cancelled) setMounted(false);
-      });
-    }
-    return () => {
-      cancelled = true;
-    };
-  }, [drag, mounted, progress, props.open]);
-  const pan = useRef(
-    PanResponder.create({
-      onMoveShouldSetPanResponder: (_event, gesture) => gesture.dy > 6 && Math.abs(gesture.dy) > Math.abs(gesture.dx),
-      onPanResponderMove: (_event, gesture) => drag.setValue(Math.max(0, gesture.dy)),
-      onPanResponderRelease: (_event, gesture) => {
-        if (gesture.dy > 90 || gesture.vy > 0.9) onClose.current();
-        else Animated$1.spring(drag, { toValue: 0, useNativeDriver: true, bounciness: 0 }).start();
-      },
-      onPanResponderTerminate: () => Animated$1.spring(drag, { toValue: 0, useNativeDriver: true, bounciness: 0 }).start()
-    })
-  ).current;
-  if (!mounted) return null;
-  const translateY = Animated$1.add(
-    progress.interpolate({ inputRange: [0, 1], outputRange: [height, 0] }),
-    drag
-  );
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      visible: true,
-      transparent: true,
-      animationType: "none",
-      statusBarTranslucent: true,
-      onRequestClose: props.onClose,
-      children: /* @__PURE__ */ jsxs(
-        KeyboardAvoidingView,
-        {
-          behavior: Platform.OS === "ios" ? "padding" : void 0,
-          style: { flex: 1, justifyContent: "flex-end" },
-          children: [
-            /* @__PURE__ */ jsx(
-              Animated$1.View,
-              {
-                style: {
-                  position: "absolute",
-                  top: 0,
-                  right: 0,
-                  bottom: 0,
-                  left: 0,
-                  backgroundColor: "rgba(0, 0, 0, 0.4)",
-                  opacity: progress
-                },
-                children: /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    style: { flex: 1 },
-                    onPress: props.onClose,
-                    accessibilityRole: "button",
-                    accessibilityLabel: t("native.timeline.sheet.close")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Animated$1.View,
-              {
-                accessibilityViewIsModal: true,
-                accessibilityLabel: props.accessibilityLabel,
-                style: {
-                  maxHeight: height * (props.maxHeightRatio ?? 0.85),
-                  backgroundColor: c.bg,
-                  borderTopLeftRadius: 16,
-                  borderTopRightRadius: 16,
-                  paddingBottom: Math.max(insets.bottom, 12),
-                  transform: [{ translateY }],
-                  shadowColor: "#000",
-                  shadowOpacity: 0.12,
-                  shadowRadius: 16,
-                  shadowOffset: { width: 0, height: -2 },
-                  elevation: 16
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    View,
-                    {
-                      ...pan.panHandlers,
-                      style: { alignItems: "center", paddingTop: 8, paddingBottom: 4 },
-                      children: /* @__PURE__ */ jsx(
-                        View,
-                        {
-                          style: {
-                            width: 36,
-                            height: 5,
-                            borderRadius: 3,
-                            backgroundColor: c["border-strong"] ?? c.border
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  props.children
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
 var CompactSignalsContext = createContext(false);
 function SessionSignals(props) {
   const m = useNativeTimelineMessages();
@@ -4973,6 +5853,7 @@ function QueueDock({
   queue,
   composer,
   onComposerFocus,
+  onReviewAnnotations,
   leading,
   singleSend = false
 }) {
@@ -5132,6 +6013,42 @@ function QueueDock({
                       children: label
                     }
                   ),
+                  annotationCount > 0 && onReviewAnnotations ? /* @__PURE__ */ jsxs(
+                    Pressable,
+                    {
+                      accessibilityRole: "button",
+                      accessibilityLabel: t("timelineAnnotations.reviewCountlabel", {
+                        countLabel: t("counts.annotations", { count: annotationCount })
+                      }),
+                      hitSlop: 8,
+                      onPress: () => onReviewAnnotations(turn.annotations ?? []),
+                      style: ({ pressed }) => ({
+                        flexDirection: "row",
+                        alignItems: "center",
+                        gap: 3,
+                        height: 22,
+                        paddingHorizontal: 7,
+                        borderRadius: 11,
+                        backgroundColor: c["accent-soft"],
+                        opacity: pressed ? 0.6 : 1
+                      }),
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "quote", size: 10, color: c["fg-muted"] }),
+                        /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            style: {
+                              ...fontStyle(theme, 500),
+                              fontSize: 11,
+                              color: c["fg-muted"],
+                              fontVariant: ["tabular-nums"]
+                            },
+                            children: annotationCount
+                          }
+                        )
+                      ]
+                    }
+                  ) : null,
                   turns.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(
                       RowAction,
@@ -5333,9 +6250,27 @@ function SessionScreenBody({
   ...timelineProps
 }) {
   const theme = useNativeTimelineTheme();
+  const t = useOpenGeniText();
   const m = useNativeTimelineMessages();
   const { composer, queue, humanInput, approvals, control, attachments } = controller;
   const composerInput = useRef(null);
+  const annotationReveal = useRef(null);
+  const draftAnnotations = composer.annotations ?? [];
+  const annotationsIncomplete = draftAnnotations.some(
+    (annotation) => annotation.note.trim().length === 0
+  );
+  const reviewTargetId = composer.annotationReviewTargetId ?? null;
+  const [reviewOpen, setReviewOpen] = useState(false);
+  useEffect(() => {
+    if (reviewTargetId) setReviewOpen(true);
+  }, [reviewTargetId]);
+  const closeReview = useCallback(() => {
+    setReviewOpen(false);
+    composer.clearAnnotationReviewTarget?.();
+  }, [composer]);
+  const [queuedReview, setQueuedReview] = useState(null);
+  const [followLatestSignal, setFollowLatestSignal] = useState(0);
+  const followLatest = useCallback(() => setFollowLatestSignal((value) => value + 1), []);
   const [composerHeight, setComposerHeight] = useState(120);
   const items = useMemo(
     () => conversationTimeline(controller.timeline, queue, composer),
@@ -5378,6 +6313,11 @@ function SessionScreenBody({
     /* @__PURE__ */ jsx(
       MessageTimeline,
       {
+        onAnnotate: composer.addAnnotation,
+        draftAnnotations: composer.annotations,
+        onDraftAnnotationSelect: composer.requestAnnotationReview,
+        annotationRevealRef: annotationReveal,
+        followLatestSignal,
         ...timelineProps,
         hasOlder: controller.hasOlder,
         loadingOlder: controller.loadingOlder,
@@ -5436,12 +6376,29 @@ function SessionScreenBody({
       onActionFeedback: composerSlots?.onActionFeedback,
       value: composer.value,
       onChangeText: composer.setValue,
-      onSend: () => void composer.send(),
+      // A quote without its note cannot be sent: Send opens that note instead
+      // of staying disabled with no reason given.
+      onSend: () => {
+        if (annotationsIncomplete) composer.requestAnnotationReview?.();
+        else {
+          followLatest();
+          void composer.send();
+        }
+      },
       // The other choice beside Send while the agent works: Queue when
       // Send steers, Steer when Send queues.
       alternateSend: composer.alternateSend ?? null,
-      ...composer.sendAlternate ? { onAlternateSend: () => void composer.sendAlternate?.() } : {},
-      canSend: composer.canSend && !busy,
+      ...composer.sendAlternate ? {
+        onAlternateSend: () => {
+          if (annotationsIncomplete) {
+            composer.requestAnnotationReview?.();
+            return;
+          }
+          followLatest();
+          void composer.sendAlternate?.();
+        }
+      } : {},
+      canSend: (composer.canSend || annotationsIncomplete && !composer.sending) && !busy,
       sending: composer.sending,
       running: controller.runActive,
       paused,
@@ -5468,7 +6425,41 @@ function SessionScreenBody({
       ) : null,
       header: /* @__PURE__ */ jsxs(Fragment, { children: [
         composerSlots?.header,
-        /* @__PURE__ */ jsx(AttachmentChips, { attachments })
+        /* @__PURE__ */ jsx(AttachmentChips, { attachments }),
+        draftAnnotations.length > 0 && composer.removeAnnotation ? /* @__PURE__ */ jsx(View, { style: { paddingHorizontal: 12, paddingTop: 10 }, children: /* @__PURE__ */ jsx(
+          AnnotationsChip,
+          {
+            annotations: draftAnnotations,
+            onPress: () => composer.requestAnnotationReview?.(),
+            onClear: () => {
+              const removeAll = () => {
+                for (const annotation of draftAnnotations) {
+                  composer.removeAnnotation?.(annotation.id);
+                }
+              };
+              if (!draftAnnotations.some((item) => annotationHasNote(item.note))) {
+                removeAll();
+                return;
+              }
+              Alert.alert(
+                t("native.timeline.annotations.removeAllTitle", {
+                  count: draftAnnotations.length
+                }),
+                t("native.timeline.annotations.removeAllMessage", {
+                  count: draftAnnotations.filter((item) => annotationHasNote(item.note)).length
+                }),
+                [
+                  { text: t("native.timeline.annotations.cancel"), style: "cancel" },
+                  {
+                    text: t("native.timeline.annotations.removeAllConfirm"),
+                    style: "destructive",
+                    onPress: removeAll
+                  }
+                ]
+              );
+            }
+          }
+        ) }) : null
       ] }),
       above: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
@@ -5478,6 +6469,7 @@ function SessionScreenBody({
             composer,
             singleSend: composer.singleSend === true,
             onComposerFocus: () => composerInput.current?.focus(),
+            onReviewAnnotations: setQueuedReview,
             leading: /* @__PURE__ */ jsx(
               SessionSignals,
               {
@@ -5510,7 +6502,35 @@ function SessionScreenBody({
           }
         ) : null
       ] })
-    })
+    }),
+    /* @__PURE__ */ jsx(
+      AnnotationsSheet,
+      {
+        open: reviewOpen,
+        onClose: closeReview,
+        annotations: draftAnnotations,
+        editable: Boolean(composer.updateAnnotation),
+        focusId: reviewTargetId,
+        onFocusConsumed: composer.clearAnnotationReviewTarget,
+        onUpdate: composer.updateAnnotation,
+        onRemove: composer.removeAnnotation,
+        onReveal: (source, quote) => annotationReveal.current?.(source, quote) ?? false,
+        onCommit: () => {
+          closeReview();
+          setTimeout(() => composerInput.current?.focus(), 250);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AnnotationsSheet,
+      {
+        open: queuedReview !== null,
+        onClose: () => setQueuedReview(null),
+        annotations: queuedReview ?? [],
+        editable: false,
+        onReveal: (source, quote) => annotationReveal.current?.(source, quote) ?? false
+      }
+    )
   ] });
 }
 function useAutoRecover(failed, live, refresh) {
@@ -7496,6 +8516,6 @@ function NativeInboxList({
   ] });
 }
 
-export { ActivityRail, ActivityRow, ApprovalStrip, AttachmentChips, BottomSheet, Button, ComposerPill, FeedbackSheet, HumanInputCard, IconButton, MessageTimeline, ModelMark, ModelPickerSheet, NativeInboxList, NativeMessageAttachments, NativeSessionScreen, PreparingState, PresentedToolRow, QueueDock, RollingActivity, SectionLabel, SessionActionsButton, SessionCommandsList, SessionComposer, SessionHeaderTitle, SessionRow, SessionRowList, SessionSignals, SessionStatusBadge, StatusDot, TurnFeedbackButtons, TurnRailFrame, TurnSummary, defaultApprovalStripMessages, isNeedsYouKind, nativeInboxAttentionCount, useNativeInbox, useTurnRatings };
+export { ActivityRail, ActivityRow, AnnotationsChip, AnnotationsSheet, ApprovalStrip, AttachmentChips, BottomSheet, Button, ComposerPill, FeedbackSheet, HumanInputCard, IconButton, MessageTimeline, ModelMark, ModelPickerSheet, NativeInboxList, NativeMessageAttachments, NativeSessionScreen, PreparingState, PresentedToolRow, QueueDock, RollingActivity, SectionLabel, SessionActionsButton, SessionCommandsList, SessionComposer, SessionHeaderTitle, SessionRow, SessionRowList, SessionSignals, SessionStatusBadge, StatusDot, TurnFeedbackButtons, TurnRailFrame, TurnSummary, defaultApprovalStripMessages, isNeedsYouKind, nativeInboxAttentionCount, useNativeInbox, useTurnRatings };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map