@magmamath/students-features 0.10.0 → 0.11.0-rc.10

package/dist/commonjs/shared/icons/keyboard/RoundBracketRightIcon/RoundBracketRightIcon.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoundBracketRightIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ASPECT_RATIO = 5 / 14;
+const RoundBracketRightIcon = ({
+  size = 20,
+  color
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: size * ASPECT_RATIO,
+    height: size,
+    viewBox: "0 0 5 14",
+    fill: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M0.219696 0.21967C-0.0731974 0.512563 -0.0731974 0.987437 0.219696 1.28033C3.45142 4.51206 3.3881 10.001 0.261932 12.6806C-0.0525622 12.9501 -0.0889835 13.4236 0.180583 13.7381C0.45015 14.0526 0.923625 14.089 1.23812 13.8194C5.11195 10.499 5.04863 3.98794 1.28036 0.21967C0.987463 -0.0732233 0.512589 -0.0732233 0.219696 0.21967Z",
+      fill: color
+    })
+  });
+};
+exports.RoundBracketRightIcon = RoundBracketRightIcon;
+//# sourceMappingURL=RoundBracketRightIcon.js.map

package/dist/commonjs/shared/icons/keyboard/RoundBracketRightIcon/RoundBracketRightIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ASPECT_RATIO","RoundBracketRightIcon","size","color","jsx","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","exports"],"sourceRoot":"../../../../../../src","sources":["shared/icons/keyboard/RoundBracketRightIcon/RoundBracketRightIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAE5C,MAAMmB,YAAY,GAAG,CAAC,GAAG,EAAE;AAEpB,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAAiB,CAAC,KAAK;EACxE,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,eAAA,CAAAS,OAAG;IAACmB,KAAK,EAAEH,IAAI,GAAGF,YAAa;IAACM,MAAM,EAAEJ,IAAK;IAACK,OAAO,EAAC,UAAU;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC3E,IAAA9B,WAAA,CAAAyB,GAAA,EAAC3B,eAAA,CAAAiC,IAAI;MACHC,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,2UAA2U;MAC7UL,IAAI,EAAEL;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAAAW,OAAA,CAAAb,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/commonjs/shared/translation/localization/ca.json

@@ -20,7 +20,8 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type..."
+    "inputPlaceholder": "Type...",
+    "wantHelp": "Want some help?"
   },
   "gifCelebrations": {
     "greatStart": "Great start!",
@@ -37,6 +38,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/dist/commonjs/shared/translation/localization/de.json

@@ -20,7 +20,8 @@
     "errorMessage": "Etwas ist schiefgelaufen! Versuch es erneut",
     "howCanIHelp": "Hi! Möchtest du Hilfe?",
     "showError": "Fehler anzeigen",
-    "inputPlaceholder": "Tippe..."
+    "inputPlaceholder": "Tippe...",
+    "wantHelp": "Brauchst du Hilfe?"
   },
   "gifCelebrations": {
     "greatStart": "Toller Start!",
@@ -37,6 +38,7 @@
     "length": "Länge",
     "area": "Fläche",
     "volume": "Volumen",
-    "weight": "Gewicht"
+    "weight": "Gewicht",
+    "time": "Zeit"
   }
 }

package/dist/commonjs/shared/translation/localization/en.json

@@ -20,7 +20,8 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type..."
+    "inputPlaceholder": "Type...",
+    "wantHelp": "Want some help?"
   },
   "gifCelebrations": {
     "greatStart": "Great start!",
@@ -37,6 +38,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/dist/commonjs/shared/translation/localization/gb.json

@@ -20,7 +20,8 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type..."
+    "inputPlaceholder": "Type...",
+    "wantHelp": "Want some help?"
   },
   "gifCelebrations": {
     "greatStart": "Great start!",
@@ -37,6 +38,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/dist/commonjs/shared/translation/localization/sct.json

@@ -20,7 +20,8 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type..."
+    "inputPlaceholder": "Type...",
+    "wantHelp": "Want some help?"
   },
   "gifCelebrations": {
     "greatStart": "Great start!",
@@ -37,6 +38,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/dist/commonjs/shared/translation/localization/sw.json

@@ -20,7 +20,8 @@
     "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
     "showError": "Visa fel",
-    "inputPlaceholder": "Skriv..."
+    "inputPlaceholder": "Skriv...",
+    "wantHelp": "Vill du ha hjälp?"
   },
   "gifCelebrations": {
     "greatStart": "Bra start!",
@@ -37,6 +38,7 @@
     "length": "Längd",
     "area": "Area",
     "volume": "Volym",
-    "weight": "Vikt"
+    "weight": "Vikt",
+    "time": "Tid"
   }
 }

package/dist/commonjs/types/common.types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=common.types.js.map

package/dist/module/features/celebrations/helpers.js

@@ -8,7 +8,10 @@ const isDateInRange = (currentDate, startDateStr, endDateStr) => {
   const [endDay, endMonth] = endDateStr.split('-').map(Number);
   const currentYear = currentDate.getFullYear();
   const startDate = new Date(currentYear, startMonth - 1, startDay);
-  const endDate = new Date(currentYear, endMonth - 1, endDay + 1);
+
+  // If end month is earlier than start month, it spans to next year
+  const endYear = endMonth < startMonth ? currentYear + 1 : currentYear;
+  const endDate = new Date(endYear, endMonth - 1, endDay + 1);
   return currentDate >= startDate && currentDate <= endDate;
 };
 export const getIconForCurrentDate = () => {

package/dist/module/features/celebrations/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["Spark","CELEBRATION_ICON_CONFIG","CELEBRATION_VARIANTS","randomRange","min","max","Math","random","isDateInRange","currentDate","startDateStr","endDateStr","startDay","startMonth","split","map","Number","endDay","endMonth","currentYear","getFullYear","startDate","Date","endDate","getIconForCurrentDate","celebration","activePeriod","start","end","Icon","MainIcon","generateParticle","variant","elementsCount","angle","rotation","sparkSize","mainSize","velocityMultiplier","friction","life","angularAcceleration","speedRange","sparkSpeedMin","spark","sparkSpeedMax","mainSpeedMin","main","mainSpeedMax","particles","i","randomAngle","from","PI","to","randomSpeed","randomAngularAcceleration","push","id","size","type","velocity","x","cos","y","sin","rotationSpeed","Component","star"],"sourceRoot":"../../../../src","sources":["features/celebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Spark","CELEBRATION_ICON_CONFIG","CELEBRATION_VARIANTS","randomRange","min","max","Math","random","isDateInRange","currentDate","startDateStr","endDateStr","startDay","startMonth","split","map","Number","endDay","endMonth","currentYear","getFullYear","startDate","Date","endYear","endDate","getIconForCurrentDate","celebration","activePeriod","start","end","Icon","MainIcon","generateParticle","variant","elementsCount","angle","rotation","sparkSize","mainSize","velocityMultiplier","friction","life","angularAcceleration","speedRange","sparkSpeedMin","spark","sparkSpeedMax","mainSpeedMin","main","mainSpeedMax","particles","i","randomAngle","from","PI","to","randomSpeed","randomAngularAcceleration","push","id","size","type","velocity","x","cos","y","sin","rotationSpeed","Component","star"],"sourceRoot":"../../../../src","sources":["features/celebrations/helpers.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/TTS_HIGHLIGHTING.md

@@ -0,0 +1,120 @@
+# TTS Word-by-Word Highlighting
+
+## Overview
+
+Word-by-word text highlighting synchronized with text-to-speech playback in the chatbot. The feature is optional and enabled via `isWordHighlightEnabled` config flag.
+
+## How It Works
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│  1. User clicks TTS button on a message                         │
+│                           ↓                                     │
+│  2. Text is converted to SSML with word marks                   │
+│     "Hello world" → <speak><mark name="w_0"/>Hello              │
+│                            <mark name="w_1"/>world</speak>      │
+│                           ↓                                     │
+│  3. Google TTS API returns audio + timepoints                   │
+│     [{ markName: "w_0", timeSeconds: 0.0 },                     │
+│      { markName: "w_1", timeSeconds: 0.5 }]                     │
+│                           ↓                                     │
+│  4. Audio plays, onTimeUpdate fires via RAF loop                │
+│                           ↓                                     │
+│  5. Current time → find matching timepoint → word index         │
+│                           ↓                                     │
+│  6. $highlightedWordIndex updates → UI re-renders highlighted   │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+## Usage
+
+```tsx
+// In students-web model setup
+chatModel.bot.setUpT2S({
+  audioProvider: createT2SAudioProvider(),
+  textSanitizer: removeKatexPartFromTextToSpeech,
+  isWordHighlightEnabled: true,
+})
+```
+
+## Architecture
+
+### ChatTTSModel (ChatTTSModel.ts)
+
+Handles TTS playback and word highlighting. Key design decisions:
+
+- **Map-based cache** — `audioCache: Map<string, AudioCache>` stores both `audioPath` and `timepoints` per message. When highlighting is off, `timepoints` is `[]`. Cache lives for the model's lifetime (cleared when user leaves the problem).
+- **`fetchAudio()` method** — encapsulates API call + audioContent decoding. Highlight vs non-highlight differences are ternaries (SSML vs plain text, `enableTimePointing`).
+- **`play()` is linear** — cache lookup → fetch if miss → store → activate highlight if enabled → play audio. No branching between highlight/non-highlight paths.
+- **Pause/resume guards** — `wordHighlightEnabled` check before toggling `setIsActive(false)`/`setIsActive(true)` on pause/resume.
+- **`wordHighlightEnabled` (private)** — stored result of `!!isWordHighlightEnabled && !!audioProvider.onTimeUpdate`. Set once at `setConfig`.
+- **`isWordHighlightEnabled` (public getter)** — read-only access for external consumers (e.g. `Chat.tsx`).
+
+### AudioProvider type
+
+```typescript
+type AudioProvider = {
+  play: (audioPath: string, onPlaybackComplete: () => void) => Promise<void>
+  pause: () => void
+  resume: () => void
+  stop: () => void
+  onTimeUpdate?: OnTimeUpdate  // optional — presence enables highlight capability
+}
+```
+
+`onTimeUpdate` is optional. It's the mechanism that syncs audio playback time with word highlights via a RAF loop. If the provider doesn't have it, highlighting won't activate even if `isWordHighlightEnabled: true`.
+
+### ChatTTSHighlightModel (ChatTTSHighlightModel.ts)
+
+Manages highlight state using Effector stores with declarative reset. Receives `OnTimeUpdate` callback directly (not the whole `AudioProvider`).
+
+- **`$isActive`** — gates `$highlightedWordIndex` computation. Toggled on pause/resume without resetting timepoints.
+- **`$highlightedWordIndex`** — derived store, returns `-1` when inactive or no match. Parses mark name via `WORD_MARK_REGEX`.
+- **`activate(timepoints, onTimeUpdate)`** — sets timepoints, enables highlighting, registers time update callback. Only triggers store updates when the highlighted word actually changes (`lastMark` comparison).
+- **`deactivate(onTimeUpdate)`** — stops listening, resets all state via declarative `.reset()` chain.
+- **All stores use `.reset(this.reset)`** — single `reset` event clears `$time`, `$timepoints`, and `$isActive`.
+
+### Helpers (helpers/ttsHighlight.ts)
+
+- **`textToSSML(text)`** — converts plain text to SSML with `<mark>` tags for word timing.
+- **`findCurrentMark(timepoints, time)`** — iterates backwards through timepoints to find the current mark. Efficient for linear playback.
+
+### Constants (constants.ts)
+
+- **`WORD_MARK_REGEX`** — `/^w_(\d+)$/` — extracts word index from mark names like `w_0`, `w_1`.
+
+### Naming conventions
+
+| Name | Scope | Purpose |
+|------|-------|---------|
+| `wordHighlight` | public instance | `ChatTTSHighlightModel` instance on `ChatTTSModel` |
+| `wordHighlightEnabled` | private field | Whether highlighting is active (set once at config) |
+| `isWordHighlightEnabled` | public getter | Read-only access to `wordHighlightEnabled` for external consumers |
+| `isWordHighlightEnabled` | T2SConfig field | Config flag passed to `setUpT2S()` |
+
+## Data Flow
+
+```
+AudioProvider.onTimeUpdate(callback)
+       ↓
+ChatTTSHighlightModel.activate(timepoints, onTimeUpdate)
+       ↓
+RAF loop → audio.currentTime → findCurrentMark() → only updates when mark changes
+       ↓
+$highlightedWordIndex = parse mark name "w_N" → N (or -1 if inactive/no match)
+       ↓
+Chat.tsx: model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1
+       ↓
+ChatMessage → MessageContent → TTSHighlightRenderer({ text, highlightedIndex })
+```
+
+## Key Files
+
+| File | Purpose |
+|------|---------|
+| `model/ChatTTSModel.ts` | `ChatTTSModel` — TTS playback, caching, highlight orchestration |
+| `model/ChatTTSHighlightModel.ts` | Highlight state — timepoints, current time, `$isActive`, derived word index |
+| `helpers/ttsHighlight.ts` | `textToSSML` + `findCurrentMark` — SSML conversion and playback position lookup |
+| `constants.ts` | `WORD_MARK_REGEX` and audio config defaults |
+| `types/t2s.types.ts` | `AudioProvider`, `OnTimeUpdate`, `AudioStatus`, `AudioCache`, `TTSHighlightRendererProps` types |
+| `components/Chat/Chat.tsx` | Reads `isWordHighlightEnabled` and `$highlightedWordIndex`, passes to messages |

package/dist/module/features/chatbot/components/Chat/Chat.js

@@ -1,95 +1,279 @@
 "use strict";
 
-import React, { useRef } from 'react';
-import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FlatList, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useStoreMap, useUnit } from 'effector-react';
+import { SPACING } from '@magmamath/react-native-ui';
+import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
+import { LavaIconInGlasses } from "../../../../shared/icons/LavaIconInGlasses.js";
+import { AnimatedMessage } from "../ChatMessage/AnimatedMessage.js";
 import { ChatMessage } from "../ChatMessage/ChatMessage.js";
 import { MessageLoader } from "../ChatMessage/MessageLoader.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
+import { CloseButton } from "./CloseButton.js";
 import { MessageVariant } from "../../types/model.types.js";
 import { ColorScheme } from "../../types/style.types.js";
+import { ConditionalWrapper } from "../../../../lib/components/ConditionalWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCROLL_BOTTOM_THRESHOLD = 1;
 const TOOLBAR_HEIGHT = 140;
 const BOTTOM_OFFSET = Platform.select({
   web: 265,
   default: 294
 });
+const TOP_FADE_MASK = Platform.select({
+  web: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
+  },
+  default: undefined
+});
+const Separator = () => /*#__PURE__*/_jsx(View, {
+  style: styles.separator
+});
+const BottomFade = ({
+  visible
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.bottomFade, {
+    opacity: visible ? 1 : 0
+  }],
+  pointerEvents: "none"
+});
+const ChatIcon = ({
+  isLoading
+}) => /*#__PURE__*/_jsx(View, {
+  style: styles.iconAbsolute,
+  children: isLoading ? /*#__PURE__*/_jsx(LavaIconInGlasses, {
+    width: 53,
+    height: 73
+  }) : /*#__PURE__*/_jsx(ChatbotIcon, {
+    width: 53,
+    height: 73,
+    color: 'blue'
+  })
+});
+const ChatFooter = ({
+  isHintFeedback,
+  isInputDisabled,
+  colorScheme,
+  hasMessages,
+  onPressClose
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.inputRow,
+  children: [/*#__PURE__*/_jsx(CloseButton, {
+    onPress: onPressClose
+  }), !isInputDisabled && /*#__PURE__*/_jsx(ChatInput, {
+    isHintFeedback: isHintFeedback,
+    colorScheme: colorScheme,
+    hasMessages: hasMessages
+  })]
+});
 export const Chat = ({
   model,
   isHintFeedback,
   isTextToSpeechEnabled,
-  colorScheme = ColorScheme.Blue
+  isInputDisabled,
+  colorScheme = ColorScheme.Blue,
+  MessageWrapper,
+  TTSHighlightRenderer,
+  onPressClose
 }) => {
-  const dimensions = useWindowDimensions();
   const ref = useRef(null);
+  const maxHeightRef = useRef(0);
+  const dimensions = useWindowDimensions();
   const isOpen = useUnit(model.$isOpen);
   const isHelpRequestPending = useUnit(model.sendHelpRequestFx.pending);
   const isTextToSpeechPending = useUnit(model.api.textToSpeechTextFx.pending);
+  const audioStatus = useUnit(model.t2s.$status);
   const currentPlayingId = useUnit(model.t2s.$currentPlayingId);
+  const highlightedWordIndex = useUnit(model.t2s.wordHighlight.$highlightedWordIndex);
   const isTranslated = useUnit(model.translation.$isTranslated);
-  const audioStatus = useUnit(model.t2s.$status);
   const errorSpottingEnabled = useUnit(model.errorSpotting.$isEnabled);
   const messages = useStoreMap(model.$currentChatData, ({
     messages
   }) => messages);
-  const lastMessageId = messages.at(-1)?.id;
+  const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
   const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
-  return /*#__PURE__*/_jsx(View, {
+  maxHeightRef.current = MAX_HEIGHT;
+  const [isScrollable, setIsScrollable] = useState(false);
+  const [showBottomFade, setShowBottomFade] = useState(false);
+  useEffect(() => {
+    if (!isOpen) {
+      setIsScrollable(false);
+      setShowBottomFade(false);
+    }
+  }, [isOpen]);
+  const handleScroll = useCallback(e => {
+    const {
+      contentOffset
+    } = e.nativeEvent;
+    setShowBottomFade(contentOffset.y > SCROLL_BOTTOM_THRESHOLD);
+  }, []);
+  const handleContentSizeChange = useCallback((_, contentHeight) => {
+    setIsScrollable(contentHeight >= maxHeightRef.current);
+  }, []);
+  const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1;
+  const reversedMessages = useMemo(() => [...messages].reverse(), [messages]);
+  const showAbsoluteIcon = !showBottomFade && !isInputDisabled;
+  const renderMessage = useCallback(({
+    item: message
+  }) => {
+    const isPlayingMessage = message.id === currentPlayingId;
+    const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
+    const showInlineIcon = showBottomFade && !message.isOwnMessage && message.id === lastBotMessageId;
+    return /*#__PURE__*/_jsx(MessageItem, {
+      message: message,
+      showInlineIcon: showInlineIcon,
+      animate: !isInputDisabled,
+      shouldWrapMessage: !!shouldWrapMessage,
+      MessageWrapper: MessageWrapper,
+      isTranslated: isTranslated,
+      colorScheme: colorScheme,
+      withIcon: isInputDisabled,
+      withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
+      highlightedWordIndex: messageHighlightIndex,
+      TTSHighlightRenderer: TTSHighlightRenderer,
+      isTextToSpeechEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+      isPlayingMessage: isPlayingMessage,
+      isTextToSpeechPending: isTextToSpeechPending,
+      audioStatus: audioStatus
+    });
+  }, [currentPlayingId, highlightedWordIndex, showBottomFade, lastBotMessageId, shouldWrapMessage, isTranslated, colorScheme, errorSpottingEnabled, isTextToSpeechEnabled, isTextToSpeechPending, audioStatus]);
+  if (!isOpen) return null;
+  return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
       maxHeight: MAX_HEIGHT
     }],
-    children: /*#__PURE__*/_jsxs(ScrollView, {
+    children: [/*#__PURE__*/_jsx(FlatList, {
       ref: ref,
+      inverted: true,
       bounces: false,
+      style: [styles.flatList, isScrollable && TOP_FADE_MASK],
+      data: reversedMessages,
+      keyExtractor: keyExtractor,
+      renderItem: renderMessage,
       contentContainerStyle: styles.list,
-      onContentSizeChange: (_, height) => {
-        ref.current?.scrollToEnd();
-        if (height >= MAX_HEIGHT) {
-          model.setScrollActive(true);
-        }
-      },
-      children: [isOpen && /*#__PURE__*/_jsxs(View, {
-        style: styles.gap,
-        children: [messages.map(message => /*#__PURE__*/_jsx(ChatMessage, {
-          isTranslated: isTranslated,
-          withIcon: !message.isOwnMessage && message.id === lastMessageId,
-          message: message,
-          variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
-          colorScheme: colorScheme,
-          withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
-          t2sState: {
-            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-            isActive: message.id === currentPlayingId,
-            isLoading: isTextToSpeechPending,
-            status: audioStatus,
-            disabled: isTextToSpeechPending
-          }
-        }, message.id)), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {
-          colorScheme: colorScheme
-        })]
-      }), isOpen && /*#__PURE__*/_jsx(ChatInput, {
-        isHintFeedback: isHintFeedback,
-        colorScheme: colorScheme,
-        hasMessages: messages.length > 1
-      })]
-    })
+      onScroll: handleScroll,
+      scrollEventThrottle: 16,
+      onContentSizeChange: handleContentSizeChange,
+      ListHeaderComponent: /*#__PURE__*/_jsx(MessageLoader, {
+        isLoading: isHelpRequestPending
+      }),
+      ItemSeparatorComponent: Separator
+    }), /*#__PURE__*/_jsx(BottomFade, {
+      visible: showBottomFade
+    }), showAbsoluteIcon && /*#__PURE__*/_jsx(ChatIcon, {
+      isLoading: isHelpRequestPending
+    }), /*#__PURE__*/_jsx(ChatFooter, {
+      isHintFeedback: isHintFeedback,
+      isInputDisabled: isInputDisabled,
+      colorScheme: colorScheme,
+      hasMessages: messages.length > 1,
+      onPressClose: onPressClose
+    })]
   });
 };
+const keyExtractor = (item, index) => `${item.id}-${index}`;
+const MessageItem = ({
+  message,
+  showInlineIcon,
+  animate,
+  shouldWrapMessage,
+  MessageWrapper,
+  isTranslated,
+  colorScheme,
+  withIcon,
+  withErrorSpotting,
+  highlightedWordIndex,
+  TTSHighlightRenderer,
+  isTextToSpeechEnabled,
+  isPlayingMessage,
+  isTextToSpeechPending,
+  audioStatus
+}) => /*#__PURE__*/_jsxs(View, {
+  style: [styles.messageItem, showInlineIcon && styles.messageWithIcon],
+  children: [showInlineIcon && /*#__PURE__*/_jsx(View, {
+    style: styles.inlineIcon,
+    children: /*#__PURE__*/_jsx(ChatbotIcon, {
+      width: 53,
+      height: 73
+    })
+  }), /*#__PURE__*/_jsx(AnimatedMessage, {
+    animate: animate,
+    children: /*#__PURE__*/_jsx(ConditionalWrapper, {
+      withWrapper: shouldWrapMessage,
+      Wrapper: MessageWrapper,
+      children: /*#__PURE__*/_jsx(ChatMessage, {
+        withIcon: withIcon,
+        isTranslated: isTranslated,
+        message: message,
+        variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
+        colorScheme: colorScheme,
+        withErrorSpotting: withErrorSpotting,
+        highlightedWordIndex: highlightedWordIndex,
+        TTSHighlightRenderer: TTSHighlightRenderer,
+        t2sState: {
+          isEnabled: isTextToSpeechEnabled,
+          isActive: isPlayingMessage,
+          isLoading: isTextToSpeechPending,
+          status: audioStatus,
+          disabled: isTextToSpeechPending
+        }
+      })
+    })
+  })]
+});
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: 'flex-end',
-    width: 378,
-    height: '100%'
+    width: 374,
+    height: '100%',
+    paddingRight: SPACING['100']
+  },
+  flatList: {
+    alignSelf: 'stretch',
+    paddingTop: SPACING['300']
   },
   list: {
-    alignItems: 'flex-end',
-    paddingVertical: 2,
-    paddingRight: 6
+    paddingVertical: 2
   },
-  gap: {
-    flex: 1,
-    gap: 8
+  inputRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING['200'],
+    minHeight: 52
+  },
+  bottomFade: {
+    position: 'absolute',
+    bottom: 52,
+    right: 0,
+    width: 370,
+    height: 40,
+    transition: 'opacity 0.2s ease-in-out',
+    ...Platform.select({
+      web: {
+        backgroundImage: 'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)'
+      },
+      default: {}
+    })
+  },
+  iconAbsolute: {
+    position: 'absolute',
+    bottom: 65,
+    left: 4
+  },
+  messageItem: {
+    alignSelf: 'flex-end'
+  },
+  messageWithIcon: {
+    flexDirection: 'row',
+    alignItems: 'flex-end'
+  },
+  inlineIcon: {
+    marginRight: 8
+  },
+  separator: {
+    height: SPACING['200']
   }
 });
 //# sourceMappingURL=Chat.js.map