fix: CI fixes

Author: kirillzyusko

FabricExample/src/navigation/ExamplesStack/index.tsx

@@ -4,7 +4,6 @@ import React from "react";
 import { ScreenNames } from "../../constants/screenNames";
 import AwareScrollView from "../../screens/Examples/AwareScrollView";
 import AwareScrollViewStickyFooter from "../../screens/Examples/AwareScrollViewStickyFooter";
-import KeyboardChatScrollViewPlayground from "../../screens/Examples/KeyboardChatScrollView";
 import CloseScreen from "../../screens/Examples/Close";
 import EnabledDisabled from "../../screens/Examples/EnabledDisabled";
 import Events from "../../screens/Examples/Events";
@@ -14,6 +13,7 @@ import InteractiveKeyboard from "../../screens/Examples/InteractiveKeyboard";
 import InteractiveKeyboardIOS from "../../screens/Examples/InteractiveKeyboardIOS";
 import KeyboardAnimation from "../../screens/Examples/KeyboardAnimation";
 import KeyboardAvoidingViewExample from "../../screens/Examples/KeyboardAvoidingView";
+import KeyboardChatScrollViewPlayground from "../../screens/Examples/KeyboardChatScrollView";
 import KeyboardExtender from "../../screens/Examples/KeyboardExtender";
 import KeyboardSharedTransitionExample from "../../screens/Examples/KeyboardSharedTransitions";
 import UseKeyboardState from "../../screens/Examples/KeyboardStateHook";

FabricExample/src/screens/Examples/KeyboardChatScrollView/index.tsx

@@ -43,7 +43,7 @@ function KeyboardChatScrollViewPlayground() {
   const textInputRef = useRef<TextInput>(null);
   const textRef = useRef("");
   const [inputHeight, setInputHeight] = useState(TEXT_INPUT_HEIGHT);
-  const { inverted, messages, reversedMessages, addMessage, mode, freeze } =
+  const { inverted, messages, reversedMessages, addMessage, mode } =
     useChatConfigStore();
   const { bottom } = useSafeAreaInsets();
 

docs/docs/api/components/keyboard-chat-scroll-view.mdx

@@ -1,9 +1,11 @@
 # KeyboardChatScrollView
 
-`KeyboardChatScrollView` is a purpose-built component for chat application layouts. It handles keyboard appearance, interactive dismissal, and content repositioning with smooth 60/120 FPS animations — all the keyboard behaviors that chat apps need but general-purpose components struggle to deliver.
+`KeyboardChatScrollView` is a purpose-built component for chat application layouts. It handles keyboard appearance, interactive dismissal, and content repositioning with smooth 60/120 FPS animations — all the keyboard behaviors that chat apps need, but general-purpose components **_struggle_** to deliver.
 
 import Video from "@site/src/components/Video";
 
+<Video src="/video/keyboard-chat-scroll-view/always.mov" width={35} />
+
 ## Props
 
 ### [`ScrollView Props`](https://reactnative.dev/docs/scrollview#props)
@@ -45,25 +47,25 @@ Controls how the chat content responds when the keyboard appears. Defaults to `"
 
 Content always lifts with the keyboard, keeping the bottom messages visible **regardless** of the current scroll position. This is the most common chat app behavior, used by **Telegram**, **WhatsApp**, and others.
 
-<Video src="/video/chat-kit/always.mov" width={25} />
+<Video src="/video/keyboard-chat-scroll-view/always.mov" width={25} />
 
 #### `whenAtEnd`
 
 Content lifts only when the scroll view is **at the end** (i.e., the last message is visible or near the bottom). If the user has scrolled up to read older messages, the keyboard won't push the content around. This matches the **ChatGPT** mobile app behavior.
 
-<Video src="/video/chat-kit/when-at-end.mov" width={25} />
+<Video src="/video/keyboard-chat-scroll-view/when-at-end.mov" width={25} />
 
 #### `persistent`
 
 Content lifts when the keyboard appears, but **does not drop back** when the keyboard hides. The scroll position stays where it was pushed to. This matches the **Claude** mobile app behavior.
 
-<Video src="/video/chat-kit/persistent.mp4" width={25} />
+<Video src="/video/keyboard-chat-scroll-view/persistent.mp4" width={25} />
 
 #### `never`
 
 Content never moves in response to the keyboard. The keyboard simply overlaps the chat. This matches the **Perplexity** app behavior.
 
-<Video src="/video/chat-kit/never.mov" width={25} />
+<Video src="/video/keyboard-chat-scroll-view/never.mov" width={25} />
 
 ### `offset`
 
@@ -135,7 +137,7 @@ const memoList = useCallback(
 ## Example
 
 <div
-  data-snack-id="@kirylziusko/chatkit"
+  data-snack-id="@kirylziusko/c0b7f0"
   data-snack-platform="ios"
   data-snack-preview="true"
   data-snack-theme="light"

docs/docs/guides/building-chat-app.md

@@ -49,4 +49,4 @@ Implementing all of this from scratch is a significant undertaking. That's why w
 
 ## API reference
 
-For the full list of props and usage examples, see the [`KeyboardChatScrollView` API reference](../api/components/chat-kit).
+For the full list of props and usage examples, see the [`KeyboardChatScrollView` API reference](../api/components/keyboard-chat-scroll-view).

docs/static/video/chat-kit/always.mov …deo/keyboard-chat-scroll-view/always.movdocs/static/video/chat-kit/always.mov renamed to docs/static/video/keyboard-chat-scroll-view/always.mov docs/static/video/chat-kit/always.mov renamed to docs/static/video/keyboard-chat-scroll-view/always.mov

@@ -4,7 +4,6 @@ import React from "react";
 import { ScreenNames } from "../../constants/screenNames";
 import AwareScrollView from "../../screens/Examples/AwareScrollView";
 import AwareScrollViewStickyFooter from "../../screens/Examples/AwareScrollViewStickyFooter";
-import KeyboardChatScrollViewPlayground from "../../screens/Examples/KeyboardChatScrollView";
 import CloseScreen from "../../screens/Examples/Close";
 import EnabledDisabled from "../../screens/Examples/EnabledDisabled";
 import Events from "../../screens/Examples/Events";
@@ -14,6 +13,7 @@ import InteractiveKeyboard from "../../screens/Examples/InteractiveKeyboard";
 import InteractiveKeyboardIOS from "../../screens/Examples/InteractiveKeyboardIOS";
 import KeyboardAnimation from "../../screens/Examples/KeyboardAnimation";
 import KeyboardAvoidingViewExample from "../../screens/Examples/KeyboardAvoidingView";
+import KeyboardChatScrollViewPlayground from "../../screens/Examples/KeyboardChatScrollView";
 import KeyboardExtender from "../../screens/Examples/KeyboardExtender";
 import KeyboardSharedTransitionExample from "../../screens/Examples/KeyboardSharedTransitions";
 import UseKeyboardState from "../../screens/Examples/KeyboardStateHook";

docs/static/video/chat-kit/never.mov …ideo/keyboard-chat-scroll-view/never.movdocs/static/video/chat-kit/never.mov renamed to docs/static/video/keyboard-chat-scroll-view/never.mov docs/static/video/chat-kit/never.mov renamed to docs/static/video/keyboard-chat-scroll-view/never.mov

@@ -43,7 +43,7 @@ function KeyboardChatScrollViewPlayground() {
   const textInputRef = useRef<TextInput>(null);
   const textRef = useRef("");
   const [inputHeight, setInputHeight] = useState(TEXT_INPUT_HEIGHT);
-  const { inverted, messages, reversedMessages, addMessage, mode, freeze } =
+  const { inverted, messages, reversedMessages, addMessage, mode } =
     useChatConfigStore();
   const { bottom } = useSafeAreaInsets();