@adminide-stack/yantra-mobile 12.0.50 → 12.0.51-alpha.0

package/lib/features/chat/ChatTranscript.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTranscript.js","sources":["../../../src/features/chat/ChatTranscript.tsx"],"sourcesContent":["/**\n * Chat thread list that can show attachment previews.\n *\n * `@messenger-box/platform-mobile` PlanModeView maps each row to GiftedChat\n * `{ text }` only, so an image send becomes the gateway caption\n * \"Attached: IMG_0005.jpg\" with no thumbnail. This list keeps streaming\n * markdown for the assistant and draws Manus-style previews on the user side.\n *\n * Rows stay oldest → newest (same as web). A previous `inverted` FlatList\n * reversed that order on device. The composer dock already lifts with the\n * keyboard; this list just fills the leftover space and pins to the latest\n * turn.\n */\nimport React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { FlatList, Keyboard, StyleSheet, Text, View, type StyleProp, type ViewStyle } from 'react-native';\nimport Markdown from 'react-native-markdown-display';\nimport type { MessageAttachment } from '../../hooks/useChatStream';\nimport { displayUserMessageText, shouldRenderUserTranscriptTurn } from '../attachments/displayUserMessageText';\nimport { MessageAttachmentPreviews } from '../attachments/MessageAttachmentPreviews';\n\nexport type TranscriptMessage = {\n    id: string;\n    role: string;\n    content: string;\n    attachments?: MessageAttachment[];\n};\n\ntype TranscriptRow = TranscriptMessage & { streaming?: boolean };\n\nconst USER_BUBBLE_BG = '#2563eb';\n\nexport function ChatTranscript({\n    messages,\n    streamingContent,\n    renderMessageActions,\n    listContentStyle,\n    isDark = false,\n}: {\n    messages: TranscriptMessage[];\n    streamingContent?: string;\n    renderMessageActions?: (message: { id: string; role: string; content: string }) => React.ReactNode;\n    listContentStyle?: StyleProp<ViewStyle>;\n    isDark?: boolean;\n}) {\n    const listRef = useRef<FlatList<TranscriptRow>>(null);\n    const stickToBottomRef = useRef(true);\n    const isProgrammaticScrollRef = useRef(false);\n\n    const historyRows = useMemo<TranscriptRow[]>(\n        () =>\n            messages\n                .filter((msg) => msg.role !== 'user' || shouldRenderUserTranscriptTurn(msg.content, msg.attachments))\n                .map((msg) => ({ ...msg, streaming: false })),\n        [messages],\n    );\n\n    const rows = useMemo<TranscriptRow[]>(() => {\n        const stream = streamingContent?.trim();\n        if (!stream) return historyRows;\n        return [\n            ...historyRows,\n            {\n                id: '__streaming__',\n                role: 'assistant',\n                content: stream,\n                streaming: true,\n            },\n        ];\n    }, [historyRows, streamingContent]);\n\n    const scrollToLatest = useCallback(\n        (animated: boolean) => {\n            if (rows.length === 0) return;\n            isProgrammaticScrollRef.current = true;\n            listRef.current?.scrollToEnd({ animated });\n        },\n        [rows.length],\n    );\n\n    useEffect(() => {\n        if (rows.length === 0 || !stickToBottomRef.current) return undefined;\n        const t = setTimeout(() => scrollToLatest(false), 0);\n        return () => clearTimeout(t);\n    }, [rows.length, streamingContent?.length, scrollToLatest]);\n\n    useEffect(() => {\n        const show = Keyboard.addListener('keyboardDidShow', () => {\n            if (!stickToBottomRef.current) return;\n            scrollToLatest(true);\n        });\n        return () => show.remove();\n    }, [scrollToLatest]);\n\n    const handleScroll = useCallback(\n        (e: {\n            nativeEvent: {\n                contentOffset: { y: number };\n                contentSize: { height: number };\n                layoutMeasurement: { height: number };\n            };\n        }) => {\n            const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;\n            const nearLatest = contentOffset.y + layoutMeasurement.height >= contentSize.height - 80;\n            if (!isProgrammaticScrollRef.current) {\n                stickToBottomRef.current = nearLatest;\n            } else if (nearLatest) {\n                isProgrammaticScrollRef.current = false;\n            }\n        },\n        [],\n    );\n\n    const handleContentSizeChange = useCallback(() => {\n        if (!stickToBottomRef.current) return;\n        scrollToLatest(false);\n    }, [scrollToLatest]);\n\n    const renderItem = useCallback(\n        ({ item }: { item: TranscriptRow }) => (\n            <TranscriptRowView\n                item={item}\n                isDark={isDark}\n                renderMessageActions={item.streaming ? undefined : renderMessageActions}\n            />\n        ),\n        [isDark, renderMessageActions],\n    );\n\n    return (\n        <FlatList\n            ref={listRef}\n            data={rows}\n            keyExtractor={(item) => item.id}\n            renderItem={renderItem}\n            extraData={streamingContent}\n            initialNumToRender={12}\n            maxToRenderPerBatch={8}\n            updateCellsBatchingPeriod={50}\n            windowSize={7}\n            onScroll={handleScroll}\n            onContentSizeChange={handleContentSizeChange}\n            onLayout={() => {\n                if (stickToBottomRef.current) scrollToLatest(false);\n            }}\n            scrollEventThrottle={16}\n            keyboardShouldPersistTaps=\"always\"\n            keyboardDismissMode=\"none\"\n            automaticallyAdjustKeyboardInsets={false}\n            automaticallyAdjustContentInsets={false}\n            contentInsetAdjustmentBehavior=\"never\"\n            contentContainerStyle={[styles.listContent, listContentStyle]}\n            style={styles.list}\n        />\n    );\n}\n\nconst TranscriptRowView = memo(function TranscriptRowView({\n    item,\n    isDark,\n    renderMessageActions,\n}: {\n    item: TranscriptRow;\n    isDark: boolean;\n    renderMessageActions?: (message: { id: string; role: string; content: string }) => React.ReactNode;\n}) {\n    const isUser = item.role === 'user';\n    const attachments = item.attachments ?? [];\n    const text = isUser ? displayUserMessageText(item.content, attachments) : item.content;\n\n    if (isUser) {\n        return (\n            <View style={styles.userCol}>\n                {attachments.length > 0 ? (\n                    <MessageAttachmentPreviews attachments={attachments} align=\"end\" isDark={isDark} />\n                ) : null}\n                {text ? (\n                    <View style={styles.userBubble}>\n                        <Text style={styles.userText}>{text}</Text>\n                    </View>\n                ) : null}\n            </View>\n        );\n    }\n\n    const markdownColor = isDark ? '#e2e8f0' : '#111827';\n    const codeBg = isDark ? '#1e293b' : '#f3f4f6';\n\n    return (\n        <View style={styles.assistantCol}>\n            {attachments.length > 0 ? (\n                <MessageAttachmentPreviews attachments={attachments} align=\"start\" isDark={isDark} />\n            ) : null}\n            {text ? (\n                item.streaming ? (\n                    <Text style={[styles.assistantStreamText, { color: markdownColor }]}>{text}</Text>\n                ) : (\n                    <Markdown\n                        style={{\n                            body: { color: markdownColor, fontSize: 15, lineHeight: 22 },\n                            heading1: {\n                                fontSize: 18,\n                                fontWeight: '700',\n                                marginTop: 12,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            heading2: {\n                                fontSize: 16,\n                                fontWeight: '700',\n                                marginTop: 10,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            heading3: {\n                                fontSize: 15,\n                                fontWeight: '600',\n                                marginTop: 8,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            strong: { fontWeight: '700' },\n                            paragraph: { marginTop: 4, marginBottom: 4 },\n                            list_item: { marginVertical: 2 },\n                            bullet_list: { marginVertical: 4 },\n                            ordered_list: { marginVertical: 4 },\n                            code_inline: {\n                                backgroundColor: codeBg,\n                                paddingHorizontal: 4,\n                                borderRadius: 4,\n                                fontSize: 14,\n                                color: markdownColor,\n                            },\n                            code_block: {\n                                backgroundColor: codeBg,\n                                padding: 12,\n                                borderRadius: 8,\n                                marginVertical: 8,\n                                fontSize: 14,\n                                color: markdownColor,\n                            },\n                        }}\n                    >\n                        {text}\n                    </Markdown>\n                )\n            ) : null}\n            {renderMessageActions\n                ? renderMessageActions({ id: item.id, role: 'assistant', content: item.content })\n                : null}\n        </View>\n    );\n});\n\nconst styles = StyleSheet.create({\n    list: {\n        flex: 1,\n    },\n    listContent: {\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingHorizontal: 8,\n    },\n    userCol: {\n        width: '100%',\n        alignItems: 'flex-end',\n        marginBottom: 8,\n        paddingHorizontal: 4,\n    },\n    userBubble: {\n        backgroundColor: USER_BUBBLE_BG,\n        borderRadius: 16,\n        padding: 12,\n        maxWidth: '92%',\n    },\n    userText: {\n        color: '#ffffff',\n        fontSize: 15,\n        lineHeight: 22,\n    },\n    assistantCol: {\n        width: '100%',\n        alignItems: 'flex-start',\n        marginBottom: 8,\n        paddingHorizontal: 4,\n    },\n    assistantStreamText: {\n        fontSize: 15,\n        lineHeight: 22,\n    },\n});\n"],"names":["TranscriptRowView"],"mappings":"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"}
+{"version":3,"file":"ChatTranscript.js","sources":["../../../src/features/chat/ChatTranscript.tsx"],"sourcesContent":["/**\n * Chat thread list that can show attachment previews.\n *\n * `@messenger-box/platform-mobile` PlanModeView maps each row to GiftedChat\n * `{ text }` only, so an image send becomes the gateway caption\n * \"Attached: IMG_0005.jpg\" with no thumbnail. This list keeps streaming\n * markdown for the assistant and draws Manus-style previews on the user side.\n *\n * Rows stay oldest → newest (same as web). A previous `inverted` FlatList\n * reversed that order on device. The composer dock already lifts with the\n * keyboard; this list just fills the leftover space and pins to the latest\n * turn.\n */\nimport React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { FlatList, Platform, Pressable, StyleSheet, Text, View, type StyleProp, type ViewStyle } from 'react-native';\nimport { dismissKeyboard } from '../../utils/keyboardController';\nimport { useKeyboardLiftHeight } from '../../components/KeyboardComposerDock';\nimport Markdown from 'react-native-markdown-display';\nimport type { MessageAttachment } from '../../hooks/useChatStream';\nimport { displayUserMessageText, shouldRenderUserTranscriptTurn } from '../attachments/displayUserMessageText';\nimport { MessageAttachmentPreviews } from '../attachments/MessageAttachmentPreviews';\n\nexport type TranscriptMessage = {\n    id: string;\n    role: string;\n    content: string;\n    attachments?: MessageAttachment[];\n};\n\ntype TranscriptRow = TranscriptMessage & { streaming?: boolean };\n\nconst USER_BUBBLE_BG = '#2563eb';\n\nexport function ChatTranscript({\n    messages,\n    streamingContent,\n    renderMessageActions,\n    listContentStyle,\n    isDark = false,\n}: {\n    messages: TranscriptMessage[];\n    streamingContent?: string;\n    renderMessageActions?: (message: { id: string; role: string; content: string }) => React.ReactNode;\n    listContentStyle?: StyleProp<ViewStyle>;\n    isDark?: boolean;\n}) {\n    const listRef = useRef<FlatList<TranscriptRow>>(null);\n    const stickToBottomRef = useRef(true);\n    const isProgrammaticScrollRef = useRef(false);\n    const ignoreScrollUntilRef = useRef(0);\n    const keyboardHeight = useKeyboardLiftHeight();\n\n    const historyRows = useMemo<TranscriptRow[]>(\n        () =>\n            messages\n                .filter((msg) => msg.role !== 'user' || shouldRenderUserTranscriptTurn(msg.content, msg.attachments))\n                .map((msg) => ({ ...msg, streaming: false })),\n        [messages],\n    );\n\n    const rows = useMemo<TranscriptRow[]>(() => {\n        const stream = streamingContent?.trim();\n        if (!stream) return historyRows;\n        return [\n            ...historyRows,\n            {\n                id: '__streaming__',\n                role: 'assistant',\n                content: stream,\n                streaming: true,\n            },\n        ];\n    }, [historyRows, streamingContent]);\n\n    const scrollToLatest = useCallback(\n        (animated: boolean) => {\n            if (rows.length === 0) return;\n            isProgrammaticScrollRef.current = true;\n            stickToBottomRef.current = true;\n            const list = listRef.current;\n            if (!list) return;\n            list.scrollToEnd({ animated });\n            // Tall bubbles: scrollToEnd can stop at the start of the last cell.\n            list.scrollToOffset({ offset: Number.MAX_SAFE_INTEGER, animated });\n        },\n        [rows.length],\n    );\n\n    useEffect(() => {\n        if (rows.length === 0 || !stickToBottomRef.current) return undefined;\n        const t = setTimeout(() => scrollToLatest(false), 0);\n        return () => clearTimeout(t);\n    }, [rows.length, streamingContent?.length, scrollToLatest]);\n\n    // Spacer and list height update on the same keyboard frame. Scroll only\n    // after that shrink, or we stay on the top of a long turn (image 1).\n    useEffect(() => {\n        if (keyboardHeight <= 0) return undefined;\n        stickToBottomRef.current = true;\n        ignoreScrollUntilRef.current = Date.now() + 400;\n        const frame = requestAnimationFrame(() => scrollToLatest(false));\n        const afterLayout = setTimeout(() => scrollToLatest(false), 64);\n        const afterKeyboard = setTimeout(() => scrollToLatest(false), 280);\n        return () => {\n            cancelAnimationFrame(frame);\n            clearTimeout(afterLayout);\n            clearTimeout(afterKeyboard);\n        };\n    }, [keyboardHeight, scrollToLatest]);\n\n    const handleScroll = useCallback(\n        (e: {\n            nativeEvent: {\n                contentOffset: { y: number };\n                contentSize: { height: number };\n                layoutMeasurement: { height: number };\n            };\n        }) => {\n            if (Date.now() < ignoreScrollUntilRef.current) {\n                stickToBottomRef.current = true;\n                return;\n            }\n            const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;\n            const nearLatest = contentOffset.y + layoutMeasurement.height >= contentSize.height - 80;\n            if (!isProgrammaticScrollRef.current) {\n                stickToBottomRef.current = nearLatest;\n            } else if (nearLatest) {\n                isProgrammaticScrollRef.current = false;\n            }\n        },\n        [],\n    );\n\n    const handleContentSizeChange = useCallback(() => {\n        if (!stickToBottomRef.current) return;\n        scrollToLatest(false);\n    }, [scrollToLatest]);\n\n    const renderItem = useCallback(\n        ({ item }: { item: TranscriptRow }) => (\n            <TranscriptRowView\n                item={item}\n                isDark={isDark}\n                renderMessageActions={item.streaming ? undefined : renderMessageActions}\n            />\n        ),\n        [isDark, renderMessageActions],\n    );\n\n    return (\n        <View style={styles.list}>\n            <FlatList\n                ref={listRef}\n                data={rows}\n                keyExtractor={(item) => item.id}\n                renderItem={renderItem}\n                extraData={streamingContent}\n                initialNumToRender={12}\n                maxToRenderPerBatch={8}\n                updateCellsBatchingPeriod={50}\n                windowSize={7}\n                onScroll={handleScroll}\n                onContentSizeChange={handleContentSizeChange}\n                onLayout={() => {\n                    if (stickToBottomRef.current) scrollToLatest(false);\n                }}\n                scrollEventThrottle={16}\n                keyboardShouldPersistTaps=\"handled\"\n                keyboardDismissMode={Platform.OS === 'ios' ? 'interactive' : 'on-drag'}\n                automaticallyAdjustKeyboardInsets={false}\n                automaticallyAdjustContentInsets={false}\n                contentInsetAdjustmentBehavior=\"never\"\n                contentContainerStyle={[styles.listContent, listContentStyle, styles.listContentFill]}\n                style={styles.list}\n            />\n        </View>\n    );\n}\n\nconst TranscriptRowView = memo(function TranscriptRowView({\n    item,\n    isDark,\n    renderMessageActions,\n}: {\n    item: TranscriptRow;\n    isDark: boolean;\n    renderMessageActions?: (message: { id: string; role: string; content: string }) => React.ReactNode;\n}) {\n    const isUser = item.role === 'user';\n    const attachments = item.attachments ?? [];\n    const text = isUser ? displayUserMessageText(item.content, attachments) : item.content;\n\n    if (isUser) {\n        return (\n            <Pressable style={styles.userCol} onPress={dismissKeyboard} accessible={false}>\n                {attachments.length > 0 ? (\n                    <MessageAttachmentPreviews attachments={attachments} align=\"end\" isDark={isDark} />\n                ) : null}\n                {text ? (\n                    <View style={styles.userBubble}>\n                        <Text style={styles.userText}>{text}</Text>\n                    </View>\n                ) : null}\n            </Pressable>\n        );\n    }\n\n    const markdownColor = isDark ? '#e2e8f0' : '#111827';\n    const codeBg = isDark ? '#1e293b' : '#f3f4f6';\n\n    return (\n        <Pressable style={styles.assistantCol} onPress={dismissKeyboard} accessible={false}>\n            {attachments.length > 0 ? (\n                <MessageAttachmentPreviews attachments={attachments} align=\"start\" isDark={isDark} />\n            ) : null}\n            {text ? (\n                item.streaming ? (\n                    <Text style={[styles.assistantStreamText, { color: markdownColor }]}>{text}</Text>\n                ) : (\n                    <Markdown\n                        style={{\n                            body: { color: markdownColor, fontSize: 15, lineHeight: 22 },\n                            heading1: {\n                                fontSize: 18,\n                                fontWeight: '700',\n                                marginTop: 12,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            heading2: {\n                                fontSize: 16,\n                                fontWeight: '700',\n                                marginTop: 10,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            heading3: {\n                                fontSize: 15,\n                                fontWeight: '600',\n                                marginTop: 8,\n                                marginBottom: 4,\n                                color: markdownColor,\n                            },\n                            strong: { fontWeight: '700' },\n                            paragraph: { marginTop: 4, marginBottom: 4 },\n                            list_item: { marginVertical: 2 },\n                            bullet_list: { marginVertical: 4 },\n                            ordered_list: { marginVertical: 4 },\n                            code_inline: {\n                                backgroundColor: codeBg,\n                                paddingHorizontal: 4,\n                                borderRadius: 4,\n                                fontSize: 14,\n                                color: markdownColor,\n                            },\n                            code_block: {\n                                backgroundColor: codeBg,\n                                padding: 12,\n                                borderRadius: 8,\n                                marginVertical: 8,\n                                fontSize: 14,\n                                color: markdownColor,\n                            },\n                        }}\n                    >\n                        {text}\n                    </Markdown>\n                )\n            ) : null}\n            {renderMessageActions\n                ? renderMessageActions({ id: item.id, role: 'assistant', content: item.content })\n                : null}\n        </Pressable>\n    );\n});\n\nconst styles = StyleSheet.create({\n    list: {\n        flex: 1,\n    },\n    listContent: {\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingHorizontal: 8,\n    },\n    listContentFill: {\n        flexGrow: 1,\n        justifyContent: 'flex-end',\n    },\n    userCol: {\n        width: '100%',\n        alignItems: 'flex-end',\n        marginBottom: 8,\n        paddingHorizontal: 4,\n    },\n    userBubble: {\n        backgroundColor: USER_BUBBLE_BG,\n        borderRadius: 16,\n        padding: 12,\n        maxWidth: '92%',\n    },\n    userText: {\n        color: '#ffffff',\n        fontSize: 15,\n        lineHeight: 22,\n    },\n    assistantCol: {\n        width: '100%',\n        alignItems: 'flex-start',\n        marginBottom: 8,\n        paddingHorizontal: 4,\n    },\n    assistantStreamText: {\n        fontSize: 15,\n        lineHeight: 22,\n    },\n});\n"],"names":["TranscriptRowView"],"mappings":"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"}

package/lib/hooks/useChatApi.js

@@ -1,4 +1,4 @@
-import {SortEnum,RoomType,PostTypeEnum,AiAgentMessageRole}from'common';import {useGetChannelsByUserWithLastMessageQuery,useMessagesQuery,useAddChannelMutation,useSendMessagesMutation,GetChannelsByUserWithLastMessageDocument}from'common/graphql';import {useMemo,useCallback}from'react';import {v4}from'uuid';import {isAttachedCaption,historyAttachmentTitle,attachmentsFromUserContent}from'../features/attachments/historyAttachmentLabel.js';var __defProp = Object.defineProperty;
+import {useApolloClient}from'@apollo/client/index.js';import {SortEnum,RoomType,PostTypeEnum,AiAgentMessageRole}from'common';import {useGetChannelsByUserWithLastMessageQuery,useMessagesQuery,useAddChannelMutation,useSendMessagesMutation,MessagesDocument,GetChannelsByUserWithLastMessageDocument}from'common/graphql';import {useMemo,useCallback}from'react';import {v4}from'uuid';import {isAttachedCaption,historyAttachmentTitle,attachmentsFromUserContent}from'../features/attachments/historyAttachmentLabel.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -60,6 +60,33 @@ function getHistoryChannelsQueryVariables(orgName, options) {
   };
 }
 const HISTORY_QUERY_BASE = getHistoryChannelsQueryVariables();
+function normalizeOptionalString(value) {
+  return typeof value === "string" && value.trim().length > 0 ? value.trim() : void 0;
+}
+function getChatHistoryChannelRefetchQueries(orgName) {
+  const trimmedOrg = normalizeOptionalString(orgName);
+  return [{
+    query: GetChannelsByUserWithLastMessageDocument,
+    variables: AI_ASSISTANT_CHANNELS_QUERY_VARS
+  }, ...trimmedOrg ? [{
+    query: GetChannelsByUserWithLastMessageDocument,
+    variables: getHistoryChannelsQueryVariables(trimmedOrg)
+  }] : [], {
+    query: GetChannelsByUserWithLastMessageDocument,
+    variables: HISTORY_QUERY_BASE
+  }];
+}
+function getThreadMessagesQueryVariables(sessionId) {
+  return {
+    channelId: sessionId,
+    limit: MESSAGES_PAGE_LIMIT,
+    skip: 0,
+    sort: {
+      key: "createdAt",
+      value: SortEnum.Asc
+    }
+  };
+}
 function getChatHistoryMessagesQueryVariables(accountUserId, options) {
   var _a, _b;
   return {
@@ -118,8 +145,10 @@ function useChatHistorySessionsFromMessages(accountUserId, options) {
       limit: 100
     }) : void 0,
     skip,
-    fetchPolicy: "cache-and-network",
-    notifyOnNetworkStatusChange: true,
+    // cache-first + `messages` typePolicy (keyed by editedBy/type/props).
+    // Later visits read the cache — no repeated network hit.
+    fetchPolicy: "cache-first",
+    nextFetchPolicy: "cache-first",
     context: {
       cacheKey: "new-chat-history-messages"
     }
@@ -305,8 +334,12 @@ function useChatHistorySessionsFromChannels(orgName, options) {
   } = useGetChannelsByUserWithLastMessageQuery({
     variables,
     skip,
-    fetchPolicy: "cache-and-network",
-    notifyOnNetworkStatusChange: true,
+    // cache-first + `channelsByUser` typePolicy (keyArgs drop skip/limit/sort).
+    // Later navigations read the canonical list from cache — no repeated
+    // GetChannelsByUserWithLastMessage. Freshness comes from pull-to-refresh
+    // / createChannel cache writes, not per-visit network hits.
+    fetchPolicy: "cache-first",
+    nextFetchPolicy: "cache-first",
     context: {
       cacheKey: "chat-history-channels-list"
     }
@@ -430,18 +463,13 @@ function useChatMessages(sessionId, options) {
     error,
     refetch
   } = useMessagesQuery({
-    variables: {
-      channelId: sessionId != null ? sessionId : void 0,
-      limit: MESSAGES_PAGE_LIMIT,
-      skip: 0,
-      sort: {
-        key: "createdAt",
-        value: SortEnum.Asc
-      }
-    },
+    variables: sessionId ? getThreadMessagesQueryVariables(sessionId) : void 0,
     skip: !sessionId || (void 0 ),
-    fetchPolicy: "cache-and-network",
-    notifyOnNetworkStatusChange: true,
+    // cache-first + `messages` typePolicy (keyed by channelId). Opening a thread
+    // that was already loaded does not refetch. New channels still hit the
+    // network once. saveMessages writes new posts into this cache slot.
+    fetchPolicy: "cache-first",
+    nextFetchPolicy: "cache-first",
     /**
      * Cache key is per-channel so switching sessions doesn't read another channel's response.
      * Keeping this as a constant ('messages-list') used to cause cross-session bleed in the
@@ -484,7 +512,76 @@ function isDuplicatePostError(error) {
   const msg = parts.join(" ");
   return /E11000|duplicate key/i.test(msg);
 }
+function prependCreatedChannelToHistoryCache(cache, created, fallbackTitle, orgName) {
+  var _a, _b;
+  if (!(created == null ? void 0 : created.id)) return;
+  const nowIso = (/* @__PURE__ */ new Date()).toISOString();
+  const optimisticChannel = {
+    __typename: "Channel",
+    id: created.id,
+    title: (_a = created.title) != null ? _a : fallbackTitle,
+    description: null,
+    type: (_b = created.type) != null ? _b : RoomType.Aiassistant,
+    displayName: null,
+    members: [],
+    creator: null,
+    lastMessage: null,
+    createdAt: nowIso,
+    updatedAt: nowIso
+  };
+  for (const {
+    query,
+    variables
+  } of getChatHistoryChannelRefetchQueries(orgName)) {
+    try {
+      cache.updateQuery({
+        query,
+        variables
+      }, (data) => {
+        var _a2;
+        const list = (_a2 = data == null ? void 0 : data.channelsByUser) != null ? _a2 : [];
+        if (list.some((c) => (c == null ? void 0 : c.id) === created.id)) return data;
+        return __spreadProps(__spreadValues({}, data != null ? data : {}), {
+          channelsByUser: [optimisticChannel, ...list]
+        });
+      });
+    } catch (err) {
+      console.warn("[useChatApi] prepend channel to history cache failed:", err);
+    }
+  }
+}
+function appendPostsToThreadCache(client, sessionId, posts) {
+  const incoming = posts.filter((post) => post == null ? void 0 : post.id);
+  if (!sessionId || incoming.length === 0) return;
+  try {
+    client.cache.updateQuery({
+      query: MessagesDocument,
+      variables: getThreadMessagesQueryVariables(sessionId)
+    }, (data) => {
+      var _a, _b, _c, _d, _e;
+      const existing = (_b = (_a = data == null ? void 0 : data.messages) == null ? void 0 : _a.data) != null ? _b : [];
+      const seen = new Set(existing.map((post) => post == null ? void 0 : post.id).filter(Boolean));
+      const next = [...existing];
+      for (const post of incoming) {
+        if ((post == null ? void 0 : post.id) && !seen.has(post.id)) {
+          seen.add(post.id);
+          next.push(post);
+        }
+      }
+      if (next.length === existing.length) return data;
+      return __spreadProps(__spreadValues({}, data != null ? data : {}), {
+        messages: __spreadProps(__spreadValues({}, (_c = data == null ? void 0 : data.messages) != null ? _c : {}), {
+          __typename: (_e = (_d = data == null ? void 0 : data.messages) == null ? void 0 : _d.__typename) != null ? _e : "Messages",
+          data: next
+        })
+      });
+    });
+  } catch (err) {
+    console.warn("[useChatApi] append posts to thread cache failed:", err);
+  }
+}
 function useChatMutations() {
+  const client = useApolloClient();
   const [addChannelMutation, {
     loading: createChannelLoading
   }] = useAddChannelMutation();
@@ -526,29 +623,13 @@ function useChatMutations() {
       } : {}), projectId ? {
         projectId
       } : {}),
-      /**
-       * Refetch every cache slot the rest of the app is watching for
-       * channel lists. Apollo keys cached results by `variables`, so each
-       * shape we emit here must match a watched query exactly.
-       *
-       * Variants:
-       *   1. Legacy limit:100 list (web parity, no `criteria.orgName`).
-       *   2. Mobile history-screen variant WITH `criteria.orgName` so the
-       *      resolver's `$in: [slug, orgId]` matches mobile-created channels.
-       *   3. Same variant WITHOUT orgName, in case the screen mounted before
-       *      org settings resolved.
-       */
-      refetchQueries: [{
-        query: GetChannelsByUserWithLastMessageDocument,
-        variables: AI_ASSISTANT_CHANNELS_QUERY_VARS
-      }, ...orgName ? [{
-        query: GetChannelsByUserWithLastMessageDocument,
-        variables: getHistoryChannelsQueryVariables(orgName)
-      }] : [], {
-        query: GetChannelsByUserWithLastMessageDocument,
-        variables: HISTORY_QUERY_BASE
-      }],
-      awaitRefetchQueries: true
+      // Same as browser: write the new channel into the cached list.
+      // Do not refetch GetChannelsByUserWithLastMessage on every create.
+      awaitRefetchQueries: false,
+      update: (cache, res) => {
+        var _a2, _b2;
+        prependCreatedChannelToHistoryCache(cache, (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.createChannel, (_b2 = input == null ? void 0 : input.title) != null ? _b2 : "New Chat", orgName);
+      }
     });
     if (!((_i = data == null ? void 0 : data.createChannel) == null ? void 0 : _i.id)) {
       throw new Error("Failed to create channel");
@@ -630,6 +711,7 @@ function useChatMutations() {
     if (!userPost && !assistantPost) {
       throw new Error("Failed to send messages");
     }
+    appendPostsToThreadCache(client, input.sessionId, [userPost, assistantPost].filter(Boolean));
     const now = /* @__PURE__ */ new Date();
     const fallbackUser = {
       id: userPostId != null ? userPostId : v4(),
@@ -659,7 +741,7 @@ function useChatMutations() {
         updatedAt: now
       }
     };
-  }, [sendMessagesMutation]);
+  }, [client, sendMessagesMutation]);
   return {
     createChannel,
     createSession: createChannel,
@@ -669,4 +751,4 @@ function useChatMutations() {
       saveMessages: sendMessagesLoading
     }
   };
-}export{AI_ASSISTANT_CHANNELS_QUERY_VARS,HISTORY_PAGE_SIZE,HISTORY_QUERY_BASE,buildSessionFromChannel,chatHistorySessionsFromChannels,chatHistorySessionsFromMessages,enrichHistorySessionsWithUserPrompts,getChatHistoryMessagesQueryVariables,getHistoryChannelsQueryVariables,useChatHistorySessionsFromChannels,useChatHistorySessionsFromMessages,useChatMessages,useChatMutations};//# sourceMappingURL=useChatApi.js.map
+}export{AI_ASSISTANT_CHANNELS_QUERY_VARS,HISTORY_PAGE_SIZE,HISTORY_QUERY_BASE,buildSessionFromChannel,chatHistorySessionsFromChannels,chatHistorySessionsFromMessages,enrichHistorySessionsWithUserPrompts,getChatHistoryChannelRefetchQueries,getChatHistoryMessagesQueryVariables,getHistoryChannelsQueryVariables,useChatHistorySessionsFromChannels,useChatHistorySessionsFromMessages,useChatMessages,useChatMutations};//# sourceMappingURL=useChatApi.js.map