@adminide-stack/yantra-mobile 12.0.49-alpha.0 → 12.0.49-alpha.2

package/lib/contexts/GatewayContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GatewayContext.js","sources":["../../src/contexts/GatewayContext.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport type { GatewayEntry, GatewayId } from '../config/constants';\nimport { useGatewayRegistry } from '../hooks/useGatewayRegistry';\nimport { GatewaySelectionStorage } from '../utils/gatewaySelectionStorage';\n\nexport interface GatewayContextValue {\n    selectedGatewayId: GatewayId;\n    selectedGateway: GatewayEntry;\n    gateways: Record<string, GatewayEntry>;\n    gatewayList: Array<{ id: string } & GatewayEntry>;\n    setSelectedGateway: (gatewayId: GatewayId) => void;\n    loading: boolean;\n    activeSkill: string | null;\n    setActiveSkill: (skill: string | null) => void;\n}\n\nconst GatewayContext = createContext<GatewayContextValue | null>(null);\nGatewayContext.displayName = 'GatewayContext';\n\nexport function GatewayContextProvider({ children }: { children: ReactNode }) {\n    const { gateways, gatewayList, loading } = useGatewayRegistry();\n    const safeGateways = gateways && typeof gateways === 'object' ? gateways : {};\n    const safeGatewayList = Array.isArray(gatewayList) ? gatewayList : [];\n    const hasGateway = (gatewayId: string) => Object.prototype.hasOwnProperty.call(safeGateways, gatewayId);\n\n    const [selectedGatewayId, setGatewayId] = useState<GatewayId>('cdecli');\n    const [activeSkill, setActiveSkill] = useState<string | null>(null);\n    const [storageReady, setStorageReady] = useState(false);\n\n    useEffect(() => {\n        let cancelled = false;\n        GatewaySelectionStorage.load().then((s) => {\n            if (cancelled) return;\n            if (s.selectedGatewayId) {\n                setGatewayId(s.selectedGatewayId);\n            }\n            setStorageReady(true);\n        });\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!storageReady || loading) return;\n        if (selectedGatewayId && hasGateway(selectedGatewayId)) return;\n        const fallbackId = hasGateway('cdecli') ? 'cdecli' : safeGatewayList[0]?.id || '';\n        if (fallbackId) {\n            setGatewayId(fallbackId);\n            GatewaySelectionStorage.save({ selectedGatewayId: fallbackId });\n        }\n    }, [storageReady, loading, safeGateways, safeGatewayList, selectedGatewayId]);\n\n    const setSelectedGateway = useCallback(\n        (gatewayId: GatewayId) => {\n            if (!hasGateway(gatewayId)) return;\n            setGatewayId(gatewayId);\n            void GatewaySelectionStorage.save({ selectedGatewayId: gatewayId });\n            setActiveSkill(null);\n        },\n        [safeGateways],\n    );\n\n    const selectedGateway: GatewayEntry = (selectedGatewayId && safeGateways[selectedGatewayId]) ||\n        safeGatewayList[0] || {\n            name: '',\n            description: '',\n            channelType: '',\n            extensionId: '',\n            icon: 'plug',\n            isBuiltin: false,\n            priority: 0,\n        };\n\n    const value = useMemo<GatewayContextValue>(\n        () => ({\n            selectedGatewayId,\n            selectedGateway,\n            gateways: safeGateways,\n            gatewayList: safeGatewayList,\n            setSelectedGateway,\n            loading,\n            activeSkill,\n            setActiveSkill,\n        }),\n        [selectedGatewayId, selectedGateway, safeGateways, safeGatewayList, setSelectedGateway, loading, activeSkill],\n    );\n\n    return <GatewayContext.Provider value={value}>{children}</GatewayContext.Provider>;\n}\n\nexport function useGatewayContext(): GatewayContextValue {\n    const context = useContext(GatewayContext);\n    if (!context) {\n        throw new Error('useGatewayContext must be used within GatewayContextProvider');\n    }\n    return context;\n}\n\n/** Split the comma-separated {@link GatewayContextValue.activeSkill} into its skill keys. */\nexport function parseActiveSkills(activeSkill: string | null | undefined): string[] {\n    if (!activeSkill) return [];\n    return activeSkill\n        .split(',')\n        .map((s) => s.trim())\n        .filter(Boolean);\n}\n\n/** Last segment of a namespaced key (`Non-designer-skill/soft-skill` → `soft-skill`). */\nexport function skillDisplayName(skillKey: string): string {\n    return skillKey.split('/').pop() || skillKey;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GatewayContext.js","sources":["../../src/contexts/GatewayContext.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport type { GatewayEntry, GatewayId } from '../config/constants';\nimport { useGatewayRegistry } from '../hooks/useGatewayRegistry';\nimport { GatewaySelectionStorage } from '../utils/gatewaySelectionStorage';\n\nexport interface GatewayContextValue {\n    selectedGatewayId: GatewayId;\n    selectedGateway: GatewayEntry;\n    gateways: Record<string, GatewayEntry>;\n    gatewayList: Array<{ id: string } & GatewayEntry>;\n    setSelectedGateway: (gatewayId: GatewayId) => void;\n    loading: boolean;\n    activeSkill: string | null;\n    setActiveSkill: (skill: string | null) => void;\n}\n\nconst GatewayContext = createContext<GatewayContextValue | null>(null);\nGatewayContext.displayName = 'GatewayContext';\n\nexport function GatewayContextProvider({ children }: { children: ReactNode }) {\n    const { gateways, gatewayList, loading } = useGatewayRegistry();\n    const safeGateways = gateways && typeof gateways === 'object' ? gateways : {};\n    const safeGatewayList = Array.isArray(gatewayList) ? gatewayList : [];\n    const hasGateway = (gatewayId: string) => Object.prototype.hasOwnProperty.call(safeGateways, gatewayId);\n\n    const [selectedGatewayId, setGatewayId] = useState<GatewayId>('cdecli');\n    const [activeSkill, setActiveSkill] = useState<string | null>(null);\n    const [storageReady, setStorageReady] = useState(false);\n\n    useEffect(() => {\n        let cancelled = false;\n        GatewaySelectionStorage.load().then((s) => {\n            if (cancelled) return;\n            if (s.selectedGatewayId) {\n                setGatewayId(s.selectedGatewayId);\n            }\n            setStorageReady(true);\n        });\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!storageReady || loading) return;\n        if (selectedGatewayId && hasGateway(selectedGatewayId)) return;\n        const fallbackId = hasGateway('cdecli') ? 'cdecli' : safeGatewayList[0]?.id || '';\n        if (fallbackId) {\n            setGatewayId(fallbackId);\n            GatewaySelectionStorage.save({ selectedGatewayId: fallbackId });\n        }\n    }, [storageReady, loading, safeGateways, safeGatewayList, selectedGatewayId]);\n\n    const setSelectedGateway = useCallback(\n        (gatewayId: GatewayId) => {\n            if (!hasGateway(gatewayId)) return;\n            setGatewayId(gatewayId);\n            void GatewaySelectionStorage.save({ selectedGatewayId: gatewayId });\n            setActiveSkill(null);\n        },\n        [safeGateways],\n    );\n\n    const selectedGateway: GatewayEntry = (selectedGatewayId && safeGateways[selectedGatewayId]) ||\n        safeGatewayList[0] || {\n            name: '',\n            description: '',\n            channelType: '',\n            extensionId: '',\n            icon: 'plug',\n            isBuiltin: false,\n            priority: 0,\n        };\n\n    const value = useMemo<GatewayContextValue>(\n        () => ({\n            selectedGatewayId,\n            selectedGateway,\n            gateways: safeGateways,\n            gatewayList: safeGatewayList,\n            setSelectedGateway,\n            loading,\n            activeSkill,\n            setActiveSkill,\n        }),\n        [selectedGatewayId, selectedGateway, safeGateways, safeGatewayList, setSelectedGateway, loading, activeSkill],\n    );\n\n    return <GatewayContext.Provider value={value}>{children}</GatewayContext.Provider>;\n}\n\nexport function useGatewayContext(): GatewayContextValue {\n    const context = useContext(GatewayContext);\n    if (!context) {\n        throw new Error('useGatewayContext must be used within GatewayContextProvider');\n    }\n    return context;\n}\n\n/** Split the comma-separated {@link GatewayContextValue.activeSkill} into its skill keys. */\nexport function parseActiveSkills(activeSkill: string | null | undefined): string[] {\n    if (!activeSkill) return [];\n    return activeSkill\n        .split(',')\n        .map((s) => s.trim())\n        .filter(Boolean);\n}\n\n/** Last segment of a namespaced key (`Non-designer-skill/soft-skill` → `soft-skill`). */\nexport function skillDisplayName(skillKey: string): string {\n    return skillKey.split('/').pop() || skillKey;\n}\n"],"names":[],"mappings":"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"}

package/lib/features/apps/AppsCatalog.js

@@ -57,7 +57,10 @@ function AppsCatalog({
     if (app.nativeRoute === "canvas-native") {
       navigation.dispatch(CommonActions.navigate({
         name: "MainStack.CanvasNative",
-        params
+        params: {
+          orgName: orgName != null ? orgName : void 0,
+          appTitle: app.label
+        }
       }));
       return;
     }

package/lib/features/apps/AppsCatalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppsCatalog.js","sources":["../../../src/features/apps/AppsCatalog.tsx"],"sourcesContent":["/**\n * Full-screen Apps catalog: search + grouped tiles, then navigate into a\n * native surface or a new chat. Shared by the Apps screen (not a popup).\n */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, TextInput, View, useColorScheme } from 'react-native';\nimport { CommonActions, useNavigation, useRoute } from '@react-navigation/native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { v4 as uuidv4 } from 'uuid';\nimport { config } from '../../config/env-config';\nimport { mobileTokens } from '../../theme/mobileTokens';\nimport { useChatMutations } from '../../hooks/useChatApi';\nimport { resolveSurfaceUrl } from './resolveSurfaceUrl';\nimport { groupMobileApps, MOBILE_APP_CATALOG, type MobileAppItem } from './mobileAppCatalog';\n\nfunction buildChannelTitle(channelId: string): string {\n    return `chat-channel-${channelId}`;\n}\n\nexport function AppsCatalog({ orgName: orgNameProp }: { orgName?: string | null }) {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const colorScheme = useColorScheme();\n    const isDark = colorScheme === 'dark';\n    const { createChannel } = useChatMutations();\n    const [query, setQuery] = useState('');\n\n    const orgName = useMemo(() => {\n        if (typeof orgNameProp === 'string' && orgNameProp.trim()) return orgNameProp.trim();\n        const raw = (route?.params?.orgName as string | undefined) ?? '';\n        return typeof raw === 'string' && raw.trim() ? raw.trim() : null;\n    }, [orgNameProp, route?.params?.orgName]);\n\n    const grouped = useMemo(() => groupMobileApps(MOBILE_APP_CATALOG, query), [query]);\n\n    const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n    const foreground = isDark ? '#e2e8f0' : mobileTokens.color.text;\n    const surface = isDark ? '#111827' : mobileTokens.color.surface;\n    const screenBg = isDark ? '#0f172a' : mobileTokens.color.bg;\n    const borderColor = isDark ? 'rgba(148,163,184,0.22)' : mobileTokens.color.border;\n    const fieldBg = isDark ? '#1e293b' : mobileTokens.color.surfaceMuted;\n    const accent = isDark ? '#a5b4fc' : mobileTokens.color.primary;\n    const accentSoft = isDark ? 'rgba(99,102,241,0.18)' : mobileTokens.color.primarySoft;\n\n    const openApp = useCallback(\n        (app: MobileAppItem) => {\n            const channelId = uuidv4();\n            const params: Record<string, unknown> = {\n                orgName: orgName ?? undefined,\n                channelId,\n                appTitle: app.label,\n            };\n\n            if (app.nativeRoute === 'canvas-native') {\n                navigation.dispatch(\n                    CommonActions.navigate({\n                        name: 'MainStack.CanvasNative',\n                        params,\n                    }),\n                );\n                return;\n            }\n\n            if (app.nativeRoute === 'webbuilder') {\n                const surfaceUrl = resolveSurfaceUrl(app, config);\n                navigation.dispatch(\n                    CommonActions.navigate({\n                        name: 'MainStack.WebBuilder',\n                        params: surfaceUrl ? { ...params, url: surfaceUrl } : params,\n                    }),\n                );\n                return;\n            }\n\n            void createChannel({\n                id: channelId,\n                title: buildChannelTitle(channelId),\n                isShared: false,\n                sharedSlug: null,\n                isArchived: false,\n                isPinned: false,\n                model: null,\n                systemPrompt: null,\n                orgName,\n            } as any).catch((err) => {\n                console.error('[AppsCatalog] createChannel failed:', err);\n            });\n\n            navigation.dispatch(\n                CommonActions.navigate({\n                    name: 'MainStack.Chat',\n                    params: {\n                        ...params,\n                        initialQuery: app.prompt,\n                        initialMode: 'chat',\n                    },\n                }),\n            );\n        },\n        [createChannel, navigation, orgName],\n    );\n\n    return (\n        <View style={[styles.root, { backgroundColor: screenBg }]}>\n            <View style={[styles.searchWrap, { backgroundColor: fieldBg, borderColor }]}>\n                <MaterialCommunityIcons name=\"magnify\" size={18} color={muted} />\n                <TextInput\n                    value={query}\n                    onChangeText={setQuery}\n                    placeholder=\"Search apps\"\n                    placeholderTextColor={muted}\n                    autoCorrect={false}\n                    autoCapitalize=\"none\"\n                    style={[styles.searchInput, { color: foreground }]}\n                />\n            </View>\n            <ScrollView keyboardShouldPersistTaps=\"handled\" contentContainerStyle={styles.list}>\n                {grouped.length === 0 ? (\n                    <Text style={[styles.empty, { color: muted }]}>No apps match that search.</Text>\n                ) : (\n                    grouped.map((group) => (\n                        <View key={group.label} style={styles.group}>\n                            <Text style={[styles.groupLabel, { color: muted }]}>{group.label}</Text>\n                            <View style={styles.groupGrid}>\n                                {group.items.map((app) => (\n                                    <Pressable\n                                        key={app.key}\n                                        onPress={() => openApp(app)}\n                                        accessibilityRole=\"button\"\n                                        accessibilityLabel={app.label}\n                                        style={({ pressed }) => [\n                                            styles.appTile,\n                                            {\n                                                backgroundColor: surface,\n                                                borderColor,\n                                            },\n                                            pressed && { backgroundColor: accentSoft },\n                                        ]}\n                                    >\n                                        <View style={[styles.appIcon, { backgroundColor: accentSoft }]}>\n                                            <MaterialCommunityIcons name={app.icon} size={18} color={accent} />\n                                        </View>\n                                        <Text style={[styles.appLabel, { color: foreground }]} numberOfLines={2}>\n                                            {app.label}\n                                        </Text>\n                                    </Pressable>\n                                ))}\n                            </View>\n                        </View>\n                    ))\n                )}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: {\n        flex: 1,\n    },\n    searchWrap: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 8,\n        marginHorizontal: 16,\n        marginTop: 12,\n        marginBottom: 8,\n        borderWidth: 1,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        minHeight: 42,\n    },\n    searchInput: {\n        flex: 1,\n        fontSize: 15,\n        paddingVertical: 8,\n    },\n    list: {\n        paddingHorizontal: 16,\n        paddingTop: 8,\n        paddingBottom: 28,\n        gap: 16,\n    },\n    group: {\n        gap: 8,\n    },\n    groupLabel: {\n        fontSize: 11,\n        fontWeight: '600',\n        letterSpacing: 0.7,\n        textTransform: 'uppercase',\n    },\n    groupGrid: {\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        gap: 8,\n    },\n    appTile: {\n        width: '31%',\n        flexGrow: 1,\n        minWidth: 96,\n        maxWidth: '32.5%',\n        borderWidth: 1,\n        borderRadius: 14,\n        paddingHorizontal: 10,\n        paddingVertical: 12,\n        gap: 8,\n    },\n    appIcon: {\n        width: 32,\n        height: 32,\n        borderRadius: 10,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    appLabel: {\n        fontSize: 13,\n        fontWeight: '600',\n        lineHeight: 17,\n    },\n    empty: {\n        textAlign: 'center',\n        paddingVertical: 28,\n        fontSize: 14,\n    },\n});\n"],"names":["_a","uuidv4"],"mappings":"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"}
+{"version":3,"file":"AppsCatalog.js","sources":["../../../src/features/apps/AppsCatalog.tsx"],"sourcesContent":["/**\n * Full-screen Apps catalog: search + grouped tiles, then navigate into a\n * native surface or a new chat. Shared by the Apps screen (not a popup).\n */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, TextInput, View, useColorScheme } from 'react-native';\nimport { CommonActions, useNavigation, useRoute } from '@react-navigation/native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { v4 as uuidv4 } from 'uuid';\nimport { config } from '../../config/env-config';\nimport { mobileTokens } from '../../theme/mobileTokens';\nimport { useChatMutations } from '../../hooks/useChatApi';\nimport { resolveSurfaceUrl } from './resolveSurfaceUrl';\nimport { groupMobileApps, MOBILE_APP_CATALOG, type MobileAppItem } from './mobileAppCatalog';\n\nfunction buildChannelTitle(channelId: string): string {\n    return `chat-channel-${channelId}`;\n}\n\nexport function AppsCatalog({ orgName: orgNameProp }: { orgName?: string | null }) {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const colorScheme = useColorScheme();\n    const isDark = colorScheme === 'dark';\n    const { createChannel } = useChatMutations();\n    const [query, setQuery] = useState('');\n\n    const orgName = useMemo(() => {\n        if (typeof orgNameProp === 'string' && orgNameProp.trim()) return orgNameProp.trim();\n        const raw = (route?.params?.orgName as string | undefined) ?? '';\n        return typeof raw === 'string' && raw.trim() ? raw.trim() : null;\n    }, [orgNameProp, route?.params?.orgName]);\n\n    const grouped = useMemo(() => groupMobileApps(MOBILE_APP_CATALOG, query), [query]);\n\n    const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n    const foreground = isDark ? '#e2e8f0' : mobileTokens.color.text;\n    const surface = isDark ? '#111827' : mobileTokens.color.surface;\n    const screenBg = isDark ? '#0f172a' : mobileTokens.color.bg;\n    const borderColor = isDark ? 'rgba(148,163,184,0.22)' : mobileTokens.color.border;\n    const fieldBg = isDark ? '#1e293b' : mobileTokens.color.surfaceMuted;\n    const accent = isDark ? '#a5b4fc' : mobileTokens.color.primary;\n    const accentSoft = isDark ? 'rgba(99,102,241,0.18)' : mobileTokens.color.primarySoft;\n\n    const openApp = useCallback(\n        (app: MobileAppItem) => {\n            const channelId = uuidv4();\n            const params: Record<string, unknown> = {\n                orgName: orgName ?? undefined,\n                channelId,\n                appTitle: app.label,\n            };\n\n            if (app.nativeRoute === 'canvas-native') {\n                // Web canvas opens the boards grid first. Do not mint a chat\n                // channelId here — that id is not an index row, and passing it\n                // looks like a deep link into a board that does not exist.\n                navigation.dispatch(\n                    CommonActions.navigate({\n                        name: 'MainStack.CanvasNative',\n                        params: { orgName: orgName ?? undefined, appTitle: app.label },\n                    }),\n                );\n                return;\n            }\n\n            if (app.nativeRoute === 'webbuilder') {\n                const surfaceUrl = resolveSurfaceUrl(app, config);\n                navigation.dispatch(\n                    CommonActions.navigate({\n                        name: 'MainStack.WebBuilder',\n                        params: surfaceUrl ? { ...params, url: surfaceUrl } : params,\n                    }),\n                );\n                return;\n            }\n\n            void createChannel({\n                id: channelId,\n                title: buildChannelTitle(channelId),\n                isShared: false,\n                sharedSlug: null,\n                isArchived: false,\n                isPinned: false,\n                model: null,\n                systemPrompt: null,\n                orgName,\n            } as any).catch((err) => {\n                console.error('[AppsCatalog] createChannel failed:', err);\n            });\n\n            navigation.dispatch(\n                CommonActions.navigate({\n                    name: 'MainStack.Chat',\n                    params: {\n                        ...params,\n                        initialQuery: app.prompt,\n                        initialMode: 'chat',\n                    },\n                }),\n            );\n        },\n        [createChannel, navigation, orgName],\n    );\n\n    return (\n        <View style={[styles.root, { backgroundColor: screenBg }]}>\n            <View style={[styles.searchWrap, { backgroundColor: fieldBg, borderColor }]}>\n                <MaterialCommunityIcons name=\"magnify\" size={18} color={muted} />\n                <TextInput\n                    value={query}\n                    onChangeText={setQuery}\n                    placeholder=\"Search apps\"\n                    placeholderTextColor={muted}\n                    autoCorrect={false}\n                    autoCapitalize=\"none\"\n                    style={[styles.searchInput, { color: foreground }]}\n                />\n            </View>\n            <ScrollView keyboardShouldPersistTaps=\"handled\" contentContainerStyle={styles.list}>\n                {grouped.length === 0 ? (\n                    <Text style={[styles.empty, { color: muted }]}>No apps match that search.</Text>\n                ) : (\n                    grouped.map((group) => (\n                        <View key={group.label} style={styles.group}>\n                            <Text style={[styles.groupLabel, { color: muted }]}>{group.label}</Text>\n                            <View style={styles.groupGrid}>\n                                {group.items.map((app) => (\n                                    <Pressable\n                                        key={app.key}\n                                        onPress={() => openApp(app)}\n                                        accessibilityRole=\"button\"\n                                        accessibilityLabel={app.label}\n                                        style={({ pressed }) => [\n                                            styles.appTile,\n                                            {\n                                                backgroundColor: surface,\n                                                borderColor,\n                                            },\n                                            pressed && { backgroundColor: accentSoft },\n                                        ]}\n                                    >\n                                        <View style={[styles.appIcon, { backgroundColor: accentSoft }]}>\n                                            <MaterialCommunityIcons name={app.icon} size={18} color={accent} />\n                                        </View>\n                                        <Text style={[styles.appLabel, { color: foreground }]} numberOfLines={2}>\n                                            {app.label}\n                                        </Text>\n                                    </Pressable>\n                                ))}\n                            </View>\n                        </View>\n                    ))\n                )}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: {\n        flex: 1,\n    },\n    searchWrap: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 8,\n        marginHorizontal: 16,\n        marginTop: 12,\n        marginBottom: 8,\n        borderWidth: 1,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        minHeight: 42,\n    },\n    searchInput: {\n        flex: 1,\n        fontSize: 15,\n        paddingVertical: 8,\n    },\n    list: {\n        paddingHorizontal: 16,\n        paddingTop: 8,\n        paddingBottom: 28,\n        gap: 16,\n    },\n    group: {\n        gap: 8,\n    },\n    groupLabel: {\n        fontSize: 11,\n        fontWeight: '600',\n        letterSpacing: 0.7,\n        textTransform: 'uppercase',\n    },\n    groupGrid: {\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        gap: 8,\n    },\n    appTile: {\n        width: '31%',\n        flexGrow: 1,\n        minWidth: 96,\n        maxWidth: '32.5%',\n        borderWidth: 1,\n        borderRadius: 14,\n        paddingHorizontal: 10,\n        paddingVertical: 12,\n        gap: 8,\n    },\n    appIcon: {\n        width: 32,\n        height: 32,\n        borderRadius: 10,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    appLabel: {\n        fontSize: 13,\n        fontWeight: '600',\n        lineHeight: 17,\n    },\n    empty: {\n        textAlign: 'center',\n        paddingVertical: 28,\n        fontSize: 14,\n    },\n});\n"],"names":["_a","uuidv4"],"mappings":"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"}

package/lib/features/canvas/surfaceIndex.js

@@ -15,6 +15,14 @@ function surfaceIndexUrl(graphqlUrl, explicit) {
     return "";
   }
 }
+function surfaceIndexUrlFromTemplate(template) {
+  const trimmed = (template || "").trim();
+  const match = trimmed.match(/^(https?):\/\/\{slug\}-surface\.([^/]+)/i);
+  if (!match) return "";
+  const host = match[2].replace(/\/+$/, "");
+  if (!host) return "";
+  return `${match[1].toLowerCase()}://surface-index-backend.${host}/graphql`;
+}
 function parseOrigin(url) {
   const match = url.match(/^(https?:)\/\/([^/]+)/i);
   if (!match) throw new Error(`unparseable url: ${url}`);
@@ -22,4 +30,4 @@ function parseOrigin(url) {
     protocol: match[1].toLowerCase(),
     host: match[2].toLowerCase()
   };
-}export{surfaceIndexUrl};//# sourceMappingURL=surfaceIndex.js.map
+}export{surfaceIndexUrl,surfaceIndexUrlFromTemplate};//# sourceMappingURL=surfaceIndex.js.map

package/lib/features/canvas/surfaceIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"surfaceIndex.js","sources":["../../../src/features/canvas/surfaceIndex.ts"],"sourcesContent":["/**\n * Native reader for the canvas boards in the SurfaceChannel index.\n *\n * The index (`servers/surface-index-subgraph-server`) is the ONLY store for a\n * canvas: the whole `PersistedCanvasState` rides in the row's `metadata`, and\n * `mySurfaceChannels` enumerates the caller's boards. Rows are per-USER, so the\n * phone — signed in as the same user — sees exactly what the web surface sees.\n *\n * This is the native twin of `@yantra/canvas-surface`'s `state/boards.ts`\n * (`pullBoards`). It is copied rather than imported for the same reason\n * `canvasCore.ts` is: that package builds for the DOM (vite, `import.meta.env`,\n * `window.location`), and importing it would drag the web toolchain into Metro.\n * The contract that matters is the wire shape, which both sides pin.\n *\n * Reads are best-effort: an unreachable index yields an error string for the UI\n * rather than throwing, matching how the web surface degrades.\n */\nimport { parseBoardState, type PersistedCanvasState } from './canvasCore';\n\n/** Fields the index returns for a channel row (mirror of CHANNEL_FIELDS). */\nconst CHANNEL_FIELDS = 'id surface channelId title metadata updatedAt';\n\n/**\n * The web surface's `/c/new` scratch board. It is not a real board (no host\n * session backs it), and `pullBoards` skips it — so must this, or an empty\n * scratch row would shadow the user's actual canvases.\n */\nconst SCRATCH_BOARD_ID = 'global';\n\nexport interface CanvasBoardSummary {\n    channelId: string;\n    title?: string;\n    savedAt: number;\n    itemCount: number;\n    board: PersistedCanvasState;\n}\n\n/**\n * Where the index lives for this environment.\n *\n * Mirrors the surface-kit fallback: the index is a sibling host of the backend,\n * so drop the backend's first label and prefix `surface-index-backend.`\n * (`ideback.yantra-app-v1.cdebase.dev` -> `surface-index-backend.yantra-app-v1.cdebase.dev`).\n * An explicit URL always wins, so a non-standard environment sets one env var\n * instead of needing a code change.\n */\nexport function surfaceIndexUrl(graphqlUrl: string, explicit?: string): string {\n    const override = (explicit || '').trim();\n    if (override) return override;\n\n    const base = (graphqlUrl || '').trim();\n    if (!base) return '';\n    try {\n        const { protocol, host } = parseOrigin(base);\n        const labels = host.split('.');\n        if (labels.length < 3) return '';\n        return `${protocol}//surface-index-backend.${labels.slice(1).join('.')}/graphql`;\n    } catch {\n        return '';\n    }\n}\n\nfunction parseOrigin(url: string): { protocol: string; host: string } {\n    // RN has URL via react-native-url-polyfill (imported in the app entry), but\n    // this module is also loaded by jest and the surface build, so parse by hand.\n    const match = url.match(/^(https?:)\\/\\/([^/]+)/i);\n    if (!match) throw new Error(`unparseable url: ${url}`);\n    return { protocol: match[1].toLowerCase(), host: match[2].toLowerCase() };\n}\n\nexport interface FetchBoardsOptions {\n    url: string;\n    token?: string | null;\n    signal?: AbortSignal;\n}\n\nexport interface FetchBoardsResult {\n    boards: CanvasBoardSummary[];\n    /** Plain sentence for the UI; null when the read succeeded. */\n    error: string | null;\n}\n\n/**\n * The caller's canvases, newest first.\n *\n * Empty boards are dropped exactly as the web grid drops them: a row whose\n * `metadata` holds no items is a canvas that was opened and never drawn on, and\n * showing it as a board the user can open is a dead end.\n */\nexport async function fetchMyCanvasBoards(opts: FetchBoardsOptions): Promise<FetchBoardsResult> {\n    if (!opts.url) {\n        return { boards: [], error: 'No canvas index configured for this build.' };\n    }\n\n    let payload: SurfaceIndexResponse;\n    try {\n        const response = await fetch(opts.url, {\n            method: 'POST',\n            headers: {\n                'content-type': 'application/json',\n                ...(opts.token ? { authorization: `Bearer ${opts.token}` } : {}),\n            },\n            body: JSON.stringify({\n                query: `query MySurfaceChannels($surface: SurfaceType) {\n                    mySurfaceChannels(surface: $surface) { ${CHANNEL_FIELDS} }\n                }`,\n                variables: { surface: 'canvas' },\n            }),\n            signal: opts.signal,\n        });\n\n        if (response.status === 401 || response.status === 403) {\n            return { boards: [], error: 'Your session expired. Sign in again to see your canvases.' };\n        }\n        if (!response.ok) {\n            return { boards: [], error: `The canvas index is unreachable (HTTP ${response.status}).` };\n        }\n        payload = (await response.json()) as SurfaceIndexResponse;\n    } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') {\n            return { boards: [], error: null };\n        }\n        return { boards: [], error: 'Could not reach the canvas index. Check your connection.' };\n    }\n\n    if (payload?.errors?.length) {\n        // GraphQL errors arrive with HTTP 200. The index reports an unauthenticated\n        // caller as \"Missing tenantId in userContext\", which is a developer\n        // sentence - say what the user can actually do about it.\n        const raw = payload.errors[0]?.message || '';\n        const isAuth = /tenantid|unauthenticated|unauthorized|not authorised|forbidden/i.test(raw);\n        return {\n            boards: [],\n            error: isAuth\n                ? 'Your session expired. Sign in again to see your canvases.'\n                : raw || 'The canvas index rejected the request.',\n        };\n    }\n\n    const rows = payload?.data?.mySurfaceChannels ?? [];\n    const boards: CanvasBoardSummary[] = [];\n    for (const row of rows) {\n        const channelId = typeof row?.channelId === 'string' ? row.channelId : '';\n        if (!channelId || channelId === SCRATCH_BOARD_ID) continue;\n        const board = parseBoardState(coerceMetadata(row?.metadata));\n        if (!board || board.items.length === 0) continue;\n        boards.push({\n            channelId,\n            title: board.title || (typeof row?.title === 'string' ? row.title : undefined),\n            savedAt: board.savedAt,\n            itemCount: board.items.length,\n            board,\n        });\n    }\n\n    boards.sort((a, b) => b.savedAt - a.savedAt);\n    return { boards, error: null };\n}\n\n/**\n * `metadata` is a JSON scalar, which arrives decoded — but a backend that types\n * it as a String hands back the encoded text instead, and a board that silently\n * fails to parse looks exactly like an empty canvas. Accept both.\n */\nfunction coerceMetadata(value: unknown): unknown {\n    if (typeof value !== 'string') return value;\n    try {\n        return JSON.parse(value);\n    } catch {\n        return null;\n    }\n}\n\ninterface SurfaceIndexResponse {\n    data?: { mySurfaceChannels?: Array<Record<string, unknown>> | null } | null;\n    errors?: Array<{ message?: string }>;\n}\n"],"names":[],"mappings":"AA6CgB,SAAA,eAAA,CAAgB,YAAoB,QAA2B,EAAA;AAC7E,EAAM,MAAA,QAAA,GAAA,CAAY,QAAY,IAAA,EAAA,EAAI,IAAK,EAAA;AACvC,EAAA,IAAI,UAAiB,OAAA,QAAA;AACrB,EAAM,MAAA,IAAA,GAAA,CAAQ,UAAc,IAAA,EAAA,EAAI,IAAK,EAAA;AACrC,EAAI,IAAA,CAAC,MAAa,OAAA,EAAA;AAClB,EAAI,IAAA;AACF,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA;AAAA,KACF,GAAI,YAAY,IAAI,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AAC7B,IAAI,IAAA,MAAA,CAAO,MAAS,GAAA,CAAA,EAAU,OAAA,EAAA;AAC9B,IAAO,OAAA,CAAA,EAAG,QAAQ,CAA2B,wBAAA,EAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAE,IAAK,CAAA,GAAG,CAAC,CAAA,QAAA,CAAA;AAAA,GAChE,CAAA,OAAA,CAAA,EAAA;AACN,IAAO,OAAA,EAAA;AAAA;AAEX;AACA,SAAS,YAAY,GAGnB,EAAA;AAGA,EAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,wBAAwB,CAAA;AAChD,EAAA,IAAI,CAAC,KAAO,EAAA,MAAM,IAAI,KAAM,CAAA,CAAA,iBAAA,EAAoB,GAAG,CAAE,CAAA,CAAA;AACrD,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,KAAA,CAAM,CAAC,CAAA,CAAE,WAAY,EAAA;AAAA,IAC/B,IAAM,EAAA,KAAA,CAAM,CAAC,CAAA,CAAE,WAAY;AAAA,GAC7B;AACF"}
+{"version":3,"file":"surfaceIndex.js","sources":["../../../src/features/canvas/surfaceIndex.ts"],"sourcesContent":["/**\n * Native reader for the canvas boards in the SurfaceChannel index.\n *\n * The index (`servers/surface-index-subgraph-server`) is the ONLY store for a\n * canvas: the whole `PersistedCanvasState` rides in the row's `metadata`, and\n * `mySurfaceChannels` enumerates the caller's boards. Rows are per-USER, so the\n * phone — signed in as the same user — sees exactly what the web surface sees.\n *\n * This is the native twin of `@yantra/canvas-surface`'s `state/boards.ts`\n * (`pullBoards`). It is copied rather than imported for the same reason\n * `canvasCore.ts` is: that package builds for the DOM (vite, `import.meta.env`,\n * `window.location`), and importing it would drag the web toolchain into Metro.\n * The contract that matters is the wire shape, which both sides pin.\n *\n * Reads are best-effort: an unreachable index yields an error string for the UI\n * rather than throwing, matching how the web surface degrades.\n */\nimport { emptyBoardState, parseBoardState, type PersistedCanvasState } from './canvasCore';\n\n/** Fields the index returns for a channel row (mirror of CHANNEL_FIELDS). */\nconst CHANNEL_FIELDS = 'id surface channelId title metadata updatedAt';\n\n/**\n * The web surface's `/c/new` scratch board. It is not a real board (no host\n * session backs it), and `pullBoards` skips it — so must this, or an empty\n * scratch row would shadow the user's actual canvases.\n */\nconst SCRATCH_BOARD_ID = 'global';\n\nexport interface CanvasBoardSummary {\n    channelId: string;\n    title?: string;\n    savedAt: number;\n    itemCount: number;\n    board: PersistedCanvasState;\n}\n\n/**\n * Where the index lives for this environment.\n *\n * Mirrors the surface-kit fallback: the index is a sibling host of the backend,\n * so drop the backend's first label and prefix `surface-index-backend.`\n * (`ideback.yantra-app-v1.cdebase.dev` -> `surface-index-backend.yantra-app-v1.cdebase.dev`).\n * An explicit URL always wins, so a non-standard environment sets one env var\n * instead of needing a code change.\n */\nexport function surfaceIndexUrl(graphqlUrl: string, explicit?: string): string {\n    const override = (explicit || '').trim();\n    if (override) return override;\n\n    const base = (graphqlUrl || '').trim();\n    if (!base) return '';\n    try {\n        const { protocol, host } = parseOrigin(base);\n        const labels = host.split('.');\n        if (labels.length < 3) return '';\n        return `${protocol}//surface-index-backend.${labels.slice(1).join('.')}/graphql`;\n    } catch {\n        return '';\n    }\n}\n\n/**\n * Index GraphQL URL from the same SURFACE_URL_TEMPLATE the native remotes use\n * (`https://{slug}-surface.<cluster>/` → `https://surface-index-backend.<cluster>/graphql`).\n * Local GRAPHQL_URL cannot derive a host; this is the develop-lane fallback.\n */\nexport function surfaceIndexUrlFromTemplate(template: string): string {\n    const trimmed = (template || '').trim();\n    const match = trimmed.match(/^(https?):\\/\\/\\{slug\\}-surface\\.([^/]+)/i);\n    if (!match) return '';\n    const host = match[2].replace(/\\/+$/, '');\n    if (!host) return '';\n    return `${match[1].toLowerCase()}://surface-index-backend.${host}/graphql`;\n}\n\nfunction parseOrigin(url: string): { protocol: string; host: string } {\n    // RN has URL via react-native-url-polyfill (imported in the app entry), but\n    // this module is also loaded by jest and the surface build, so parse by hand.\n    const match = url.match(/^(https?:)\\/\\/([^/]+)/i);\n    if (!match) throw new Error(`unparseable url: ${url}`);\n    return { protocol: match[1].toLowerCase(), host: match[2].toLowerCase() };\n}\n\nexport interface FetchBoardsOptions {\n    url: string;\n    token?: string | null;\n    signal?: AbortSignal;\n}\n\nexport interface FetchBoardsResult {\n    boards: CanvasBoardSummary[];\n    /** Plain sentence for the UI; null when the read succeeded. */\n    error: string | null;\n}\n\n/**\n * The caller's canvases, newest first.\n *\n * Empty boards are dropped, matching web `pullBoards` — the grid only shows\n * canvases with media. Only the scratch `global` row is skipped for the same\n * reason as web (it would merge every `/c/new` scratch into one shared row).\n */\nexport async function fetchMyCanvasBoards(opts: FetchBoardsOptions): Promise<FetchBoardsResult> {\n    if (!opts.url) {\n        return { boards: [], error: 'No canvas index configured for this build.' };\n    }\n\n    let payload: SurfaceIndexResponse;\n    try {\n        const response = await fetch(opts.url, {\n            method: 'POST',\n            headers: {\n                'content-type': 'application/json',\n                ...(opts.token ? { authorization: `Bearer ${opts.token}` } : {}),\n            },\n            body: JSON.stringify({\n                query: `query MySurfaceChannels($surface: SurfaceType) {\n                    mySurfaceChannels(surface: $surface) { ${CHANNEL_FIELDS} }\n                }`,\n                variables: { surface: 'canvas' },\n            }),\n            signal: opts.signal,\n        });\n\n        if (response.status === 401 || response.status === 403) {\n            return { boards: [], error: 'Your session expired. Sign in again to see your canvases.' };\n        }\n        if (!response.ok) {\n            return { boards: [], error: `The canvas index is unreachable (HTTP ${response.status}).` };\n        }\n        payload = (await response.json()) as SurfaceIndexResponse;\n    } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') {\n            return { boards: [], error: null };\n        }\n        return { boards: [], error: 'Could not reach the canvas index. Check your connection.' };\n    }\n\n    if (payload?.errors?.length) {\n        // GraphQL errors arrive with HTTP 200. The index reports an unauthenticated\n        // caller as \"Missing tenantId in userContext\", which is a developer\n        // sentence - say what the user can actually do about it.\n        const raw = payload.errors[0]?.message || '';\n        const isAuth = /tenantid|unauthenticated|unauthorized|not authorised|forbidden/i.test(raw);\n        return {\n            boards: [],\n            error: isAuth\n                ? 'Your session expired. Sign in again to see your canvases.'\n                : raw || 'The canvas index rejected the request.',\n        };\n    }\n\n    const rows = payload?.data?.mySurfaceChannels ?? [];\n    const boards: CanvasBoardSummary[] = [];\n    for (const row of rows) {\n        const channelId = typeof row?.channelId === 'string' ? row.channelId : '';\n        if (!channelId || channelId === SCRATCH_BOARD_ID) continue;\n        const title = typeof row?.title === 'string' ? row.title : undefined;\n        const board = parseBoardState(coerceMetadata(row?.metadata)) ?? emptyBoardState(title);\n        if (board.items.length === 0) continue;\n        boards.push({\n            channelId,\n            title: board.title || title,\n            savedAt: board.savedAt,\n            itemCount: board.items.length,\n            board,\n        });\n    }\n\n    boards.sort((a, b) => b.savedAt - a.savedAt);\n    return { boards, error: null };\n}\n\nexport interface PushBoardOptions {\n    url: string;\n    token?: string | null;\n    channelId: string;\n    state: PersistedCanvasState;\n}\n\n/**\n * Write one board to the index. Twin of canvas-surface `pushBoard`:\n * `registerSurfaceChannel` is the idempotent upsert (update throws when the\n * row does not exist). Metadata is replaced wholesale — send the complete state.\n *\n * Returns false when the id is unsyncable (`global` / empty) or the write fails.\n * Never throws.\n */\nexport async function pushCanvasBoard(opts: PushBoardOptions): Promise<boolean> {\n    const channelId = opts.channelId?.trim();\n    if (!channelId || channelId === SCRATCH_BOARD_ID) return false;\n    if (!opts.url) return false;\n\n    try {\n        const response = await fetch(opts.url, {\n            method: 'POST',\n            headers: {\n                'content-type': 'application/json',\n                ...(opts.token ? { authorization: `Bearer ${opts.token}` } : {}),\n            },\n            body: JSON.stringify({\n                query: `mutation RegisterSurfaceChannel($input: RegisterSurfaceChannelInput!) {\n                    registerSurfaceChannel(input: $input) { ${CHANNEL_FIELDS} }\n                }`,\n                variables: {\n                    input: {\n                        surface: 'canvas',\n                        channelId,\n                        sessionId: channelId,\n                        ...(opts.state.title ? { title: opts.state.title } : {}),\n                        metadata: opts.state,\n                    },\n                },\n            }),\n        });\n        if (!response.ok) return false;\n        const payload = (await response.json()) as {\n            data?: { registerSurfaceChannel?: { id?: string } | null };\n            errors?: Array<{ message?: string }>;\n        };\n        if (payload?.errors?.length) {\n            if (__DEV__) {\n                // eslint-disable-next-line no-console\n                console.warn('[pushCanvasBoard]', payload.errors[0]?.message);\n            }\n            return false;\n        }\n        return Boolean(payload?.data?.registerSurfaceChannel?.id);\n    } catch (err) {\n        if (__DEV__) {\n            // eslint-disable-next-line no-console\n            console.warn('[pushCanvasBoard] failed:', err);\n        }\n        return false;\n    }\n}\n\n/**\n * `metadata` is a JSON scalar, which arrives decoded — but a backend that types\n * it as a String hands back the encoded text instead, and a board that silently\n * fails to parse looks exactly like an empty canvas. Accept both.\n */\nfunction coerceMetadata(value: unknown): unknown {\n    if (typeof value !== 'string') return value;\n    try {\n        return JSON.parse(value);\n    } catch {\n        return null;\n    }\n}\n\ninterface SurfaceIndexResponse {\n    data?: { mySurfaceChannels?: Array<Record<string, unknown>> | null } | null;\n    errors?: Array<{ message?: string }>;\n}\n\n/** Mint a board id the same way the web does: the board IS its channel. */\nexport function newBoardChannelId(): string {\n    const rand = () => Math.random().toString(36).slice(2, 10);\n    try {\n        const bytes = new Uint8Array(8);\n        (globalThis.crypto as Crypto | undefined)?.getRandomValues?.(bytes);\n        if (bytes.some((b) => b !== 0)) {\n            return `canvas-${Array.from(bytes, (b) => b.toString(16).padStart(2, '0')).join('')}`;\n        }\n    } catch {\n        // fall through to Math.random\n    }\n    return `canvas-${rand()}${rand()}`;\n}\n\n/**\n * Write one board to the index - the native twin of the web's `pushBoard`.\n * `registerSurfaceChannel` because it is the idempotent upsert (update throws\n * when the row does not exist). `metadata` is REPLACED wholesale by the\n * backend, so the complete state goes every time; never send a patch.\n */\nexport async function saveCanvasBoard(opts: {\n    url: string;\n    token?: string | null;\n    channelId: string;\n    board: PersistedCanvasState;\n}): Promise<{ ok: boolean; error: string | null }> {\n    if (!opts.url) return { ok: false, error: 'No canvas index configured for this build.' };\n    try {\n        const response = await fetch(opts.url, {\n            method: 'POST',\n            headers: {\n                'content-type': 'application/json',\n                ...(opts.token ? { authorization: `Bearer ${opts.token}` } : {}),\n            },\n            body: JSON.stringify({\n                query: `mutation RegisterSurfaceChannel($input: RegisterSurfaceChannelInput!) {\n                    registerSurfaceChannel(input: $input) { id channelId }\n                }`,\n                variables: {\n                    input: {\n                        surface: 'canvas',\n                        channelId: opts.channelId,\n                        title: opts.board.title || 'Untitled canvas',\n                        metadata: opts.board,\n                    },\n                },\n            }),\n        });\n        if (!response.ok) return { ok: false, error: `Save failed (HTTP ${response.status}).` };\n        const payload = (await response.json()) as { errors?: Array<{ message?: string }> };\n        if (payload?.errors?.length) return { ok: false, error: payload.errors[0]?.message || 'Save rejected.' };\n        return { ok: true, error: null };\n    } catch {\n        return { ok: false, error: 'Could not reach the canvas index to save.' };\n    }\n}\n"],"names":[],"mappings":"AA6CgB,SAAA,eAAA,CAAgB,YAAoB,QAA2B,EAAA;AAC7E,EAAM,MAAA,QAAA,GAAA,CAAY,QAAY,IAAA,EAAA,EAAI,IAAK,EAAA;AACvC,EAAA,IAAI,UAAiB,OAAA,QAAA;AACrB,EAAM,MAAA,IAAA,GAAA,CAAQ,UAAc,IAAA,EAAA,EAAI,IAAK,EAAA;AACrC,EAAI,IAAA,CAAC,MAAa,OAAA,EAAA;AAClB,EAAI,IAAA;AACF,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA;AAAA,KACF,GAAI,YAAY,IAAI,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AAC7B,IAAI,IAAA,MAAA,CAAO,MAAS,GAAA,CAAA,EAAU,OAAA,EAAA;AAC9B,IAAO,OAAA,CAAA,EAAG,QAAQ,CAA2B,wBAAA,EAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAE,IAAK,CAAA,GAAG,CAAC,CAAA,QAAA,CAAA;AAAA,GAChE,CAAA,OAAA,CAAA,EAAA;AACN,IAAO,OAAA,EAAA;AAAA;AAEX;AAOO,SAAS,4BAA4B,QAA0B,EAAA;AACpE,EAAM,MAAA,OAAA,GAAA,CAAW,QAAY,IAAA,EAAA,EAAI,IAAK,EAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,KAAA,CAAM,0CAA0C,CAAA;AACtE,EAAI,IAAA,CAAC,OAAc,OAAA,EAAA;AACnB,EAAA,MAAM,OAAO,KAAM,CAAA,CAAC,CAAE,CAAA,OAAA,CAAQ,QAAQ,EAAE,CAAA;AACxC,EAAI,IAAA,CAAC,MAAa,OAAA,EAAA;AAClB,EAAA,OAAO,GAAG,KAAM,CAAA,CAAC,EAAE,WAAY,EAAC,4BAA4B,IAAI,CAAA,QAAA,CAAA;AAClE;AACA,SAAS,YAAY,GAGnB,EAAA;AAGA,EAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,wBAAwB,CAAA;AAChD,EAAA,IAAI,CAAC,KAAO,EAAA,MAAM,IAAI,KAAM,CAAA,CAAA,iBAAA,EAAoB,GAAG,CAAE,CAAA,CAAA;AACrD,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,KAAA,CAAM,CAAC,CAAA,CAAE,WAAY,EAAA;AAAA,IAC/B,IAAM,EAAA,KAAA,CAAM,CAAC,CAAA,CAAE,WAAY;AAAA,GAC7B;AACF"}

package/lib/features/canvas/useCanvasSession.js

@@ -1,4 +1,7 @@
-import {useState,useMemo,useRef,useEffect}from'react';import {config}from'../../config/env-config.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {warmWebBuilderSession}from'../../screens/WebBuilder/webbuilderWarmCache.js';import {surfaceIndexUrl}from'./surfaceIndex.js';function useCanvasSession() {
+import {useState,useMemo,useRef,useEffect}from'react';import {config}from'../../config/env-config.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {resolveSurfaceAuthGraphqlUrl}from'../../hooks/resolveSurfaceAuthGraphqlUrl.js';import {warmWebBuilderSession}from'../../screens/WebBuilder/webbuilderWarmCache.js';import {surfaceIndexUrl,surfaceIndexUrlFromTemplate}from'./surfaceIndex.js';function backendsEqual(a, b) {
+  return a.trim().replace(/\/$/, "") === b.trim().replace(/\/$/, "");
+}
+function useCanvasSession() {
   const [token, setToken] = useState(null);
   const [error, setError] = useState(null);
   const [ready, setReady] = useState(false);
@@ -7,10 +10,19 @@ import {useState,useMemo,useRef,useEffect}from'react';import {config}from'../../
     projectId,
     tagId
   } = usePrerequisiteIds();
+  const canvasGraphqlUrl = useMemo(() => resolveSurfaceAuthGraphqlUrl(config.CANVAS_SURFACE_URL, config.GRAPHQL_URL, {
+    CANVAS_SURFACE_URL: config.CANVAS_SURFACE_URL,
+    CANVAS_BACKEND_GRAPHQL_URL: config.CANVAS_BACKEND_GRAPHQL_URL
+  }), []);
+  const crossBackendAuth = !backendsEqual(canvasGraphqlUrl, config.GRAPHQL_URL);
   const {
     obtainSystemToken
-  } = useObtainSystemToken(true);
-  const indexUrl = useMemo(() => surfaceIndexUrl(config.GRAPHQL_URL, config.SURFACE_INDEX_URL), []);
+  } = useObtainSystemToken(!crossBackendAuth);
+  const indexUrl = useMemo(() => {
+    const derived = surfaceIndexUrl(canvasGraphqlUrl, config.SURFACE_INDEX_URL);
+    if (derived) return derived;
+    return surfaceIndexUrlFromTemplate(config.SURFACE_URL_TEMPLATE);
+  }, [canvasGraphqlUrl]);
   const idsRef = useRef({
     orgName,
     projectId,
@@ -23,14 +35,18 @@ import {useState,useMemo,useRef,useEffect}from'react';import {config}from'../../
   };
   useEffect(() => {
     let cancelled = false;
+    if (__DEV__) {
+      console.log("[useCanvasSession] graphql=", canvasGraphqlUrl, "index=", indexUrl, "crossBackend=", crossBackendAuth);
+    }
     (async () => {
       try {
         const session = await warmWebBuilderSession({
-          graphqlUrl: config.GRAPHQL_URL,
-          orgName: idsRef.current.orgName,
-          projectId: idsRef.current.projectId,
-          tagId: idsRef.current.tagId,
-          obtainSystemToken
+          graphqlUrl: canvasGraphqlUrl,
+          orgName: crossBackendAuth ? void 0 : idsRef.current.orgName,
+          projectId: crossBackendAuth ? void 0 : idsRef.current.projectId,
+          tagId: crossBackendAuth ? void 0 : idsRef.current.tagId,
+          obtainSystemToken: crossBackendAuth ? void 0 : obtainSystemToken,
+          discoverScope: crossBackendAuth
         });
         if (cancelled) return;
         setToken(session.token);
@@ -47,7 +63,7 @@ import {useState,useMemo,useRef,useEffect}from'react';import {config}from'../../
     return () => {
       cancelled = true;
     };
-  }, [obtainSystemToken, orgName, projectId]);
+  }, [obtainSystemToken, orgName, projectId, canvasGraphqlUrl, indexUrl, crossBackendAuth]);
   return {
     token,
     indexUrl,

package/lib/features/canvas/useCanvasSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasSession.js","sources":["../../../src/features/canvas/useCanvasSession.ts"],"sourcesContent":["/**\n * The host half of the canvas: session + endpoint, nothing else.\n *\n * Everything about READING a canvas lives in the federated remote\n * (`CanvasExperience`) so it can be fixed by a surface deploy. What the remote\n * cannot know is this environment's index URL and a token the index accepts —\n * that is what this resolves and hands over.\n *\n * Auth reuses the WebBuilder warm session rather than minting its own: it is the\n * same system JWT the surfaces already run on, it is cached app-wide, and going\n * through Apollo is what makes the token acceptable to the backend (a raw\n * SecureStore Auth0 bearer 401s — see the note in WebBuilder).\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { config } from '../../config/env-config';\nimport { usePrerequisiteIds } from '../../hooks/usePrerequisiteIds';\nimport { useObtainSystemToken } from '../../hooks/useObtainSystemToken';\nimport { warmWebBuilderSession } from '../../screens/WebBuilder/webbuilderWarmCache';\nimport { surfaceIndexUrl } from './surfaceIndex';\n\nexport interface CanvasSession {\n    token: string | null;\n    indexUrl: string;\n    /** Plain sentence when the session could not be established, else null. */\n    error: string | null;\n    ready: boolean;\n}\n\nexport function useCanvasSession(): CanvasSession {\n    const [token, setToken] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [ready, setReady] = useState(false);\n\n    const { orgName, projectId, tagId } = usePrerequisiteIds();\n    const { obtainSystemToken } = useObtainSystemToken(true);\n\n    const indexUrl = useMemo(\n        () => surfaceIndexUrl(config.GRAPHQL_URL, (config as { SURFACE_INDEX_URL?: string }).SURFACE_INDEX_URL),\n        [],\n    );\n\n    // org/project arrive a beat after mount; hold the latest in a ref so a\n    // resolved id does not restart an in-flight mint.\n    const idsRef = useRef({ orgName, projectId, tagId });\n    idsRef.current = { orgName, projectId, tagId };\n\n    useEffect(() => {\n        let cancelled = false;\n\n        (async () => {\n            try {\n                const session = await warmWebBuilderSession({\n                    graphqlUrl: config.GRAPHQL_URL,\n                    orgName: idsRef.current.orgName,\n                    projectId: idsRef.current.projectId,\n                    tagId: idsRef.current.tagId,\n                    obtainSystemToken,\n                });\n                if (cancelled) return;\n                setToken(session.token);\n                setError(null);\n            } catch (err) {\n                if (cancelled) return;\n                const message = err instanceof Error ? err.message : String(err);\n                // Missing org/project is a not-yet, not a failure: leave the\n                // experience on its loading state rather than showing an error.\n                if (/waiting for org\\/project/i.test(message) || !idsRef.current.orgName) return;\n                setError('Could not sign in to load your canvases.');\n            } finally {\n                if (!cancelled) setReady(true);\n            }\n        })();\n\n        return () => {\n            cancelled = true;\n        };\n    }, [obtainSystemToken, orgName, projectId]);\n\n    return { token, indexUrl, error, ready };\n}\n"],"names":[],"mappings":"oXA0BO,SAAS,gBAAkC,GAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,kBAAmB,EAAA;AACvB,EAAM,MAAA;AAAA,IACJ;AAAA,GACF,GAAI,qBAAqB,IAAI,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,MAAM,eAAgB,CAAA,MAAA,CAAO,aAAc,MAEjE,CAAA,iBAAiB,CAAG,EAAA,EAAE,CAAA;AAIzB,EAAA,MAAM,SAAS,MAAO,CAAA;AAAA,IACpB,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAA,CAAO,OAAU,GAAA;AAAA,IACf,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAY,GAAA,KAAA;AAChB,IAAA,CAAC,YAAY;AACX,MAAI,IAAA;AACF,QAAM,MAAA,OAAA,GAAU,MAAM,qBAAsB,CAAA;AAAA,UAC1C,YAAY,MAAO,CAAA,WAAA;AAAA,UACnB,OAAA,EAAS,OAAO,OAAQ,CAAA,OAAA;AAAA,UACxB,SAAA,EAAW,OAAO,OAAQ,CAAA,SAAA;AAAA,UAC1B,KAAA,EAAO,OAAO,OAAQ,CAAA,KAAA;AAAA,UACtB;AAAA,SACD,CAAA;AACD,QAAA,IAAI,SAAW,EAAA;AACf,QAAA,QAAA,CAAS,QAAQ,KAAK,CAAA;AACtB,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,eACN,GAAK,EAAA;AACZ,QAAA,IAAI,SAAW,EAAA;AACf,QAAA,MAAM,UAAU,GAAe,YAAA,KAAA,GAAQ,GAAI,CAAA,OAAA,GAAU,OAAO,GAAG,CAAA;AAG/D,QAAA,IAAI,4BAA4B,IAAK,CAAA,OAAO,KAAK,CAAC,MAAA,CAAO,QAAQ,OAAS,EAAA;AAC1E,QAAA,QAAA,CAAS,0CAA0C,CAAA;AAAA,OACnD,SAAA;AACA,QAAI,IAAA,CAAC,SAAW,EAAA,QAAA,CAAS,IAAI,CAAA;AAAA;AAC/B,KACC,GAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAY,SAAA,GAAA,IAAA;AAAA,KACd;AAAA,GACC,EAAA,CAAC,iBAAmB,EAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAC1C,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF;AACF"}
+{"version":3,"file":"useCanvasSession.js","sources":["../../../src/features/canvas/useCanvasSession.ts"],"sourcesContent":["/**\n * The host half of the canvas: session + endpoint, nothing else.\n *\n * Everything about READING a canvas lives in the federated remote\n * (`CanvasExperience`) so it can be fixed by a surface deploy. What the remote\n * cannot know is this environment's index URL and a token the index accepts —\n * that is what this resolves and hands over.\n *\n * Auth reuses the WebBuilder warm session. When GRAPHQL_URL is local, that\n * session is minted against CANVAS_BACKEND_GRAPHQL_URL (discoverScope) so the\n * cluster canvas index accepts the JWT — a local token 401s there.\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { config } from '../../config/env-config';\nimport { usePrerequisiteIds } from '../../hooks/usePrerequisiteIds';\nimport { useObtainSystemToken } from '../../hooks/useObtainSystemToken';\nimport { resolveSurfaceAuthGraphqlUrl } from '../../hooks/resolveSurfaceAuthGraphqlUrl';\nimport { warmWebBuilderSession } from '../../screens/WebBuilder/webbuilderWarmCache';\nimport { surfaceIndexUrl, surfaceIndexUrlFromTemplate } from './surfaceIndex';\n\nfunction backendsEqual(a: string, b: string): boolean {\n    return a.trim().replace(/\\/$/, '') === b.trim().replace(/\\/$/, '');\n}\n\nexport interface CanvasSession {\n    token: string | null;\n    indexUrl: string;\n    /** Plain sentence when the session could not be established, else null. */\n    error: string | null;\n    ready: boolean;\n}\n\nexport function useCanvasSession(): CanvasSession {\n    const [token, setToken] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [ready, setReady] = useState(false);\n\n    const { orgName, projectId, tagId } = usePrerequisiteIds();\n\n    // Local GRAPHQL_URL (localhost) cannot derive a surface-index host, and a\n    // locally minted JWT 401s against the cluster index. Same pairing Web\n    // Builder uses: mint against CANVAS_BACKEND_GRAPHQL_URL, derive the index\n    // from that backend. Staging/prod GRAPHQL_URL already is that backend.\n    const canvasGraphqlUrl = useMemo(\n        () =>\n            resolveSurfaceAuthGraphqlUrl(config.CANVAS_SURFACE_URL, config.GRAPHQL_URL, {\n                CANVAS_SURFACE_URL: config.CANVAS_SURFACE_URL,\n                CANVAS_BACKEND_GRAPHQL_URL: config.CANVAS_BACKEND_GRAPHQL_URL,\n            }),\n        [],\n    );\n    const crossBackendAuth = !backendsEqual(canvasGraphqlUrl, config.GRAPHQL_URL);\n    const { obtainSystemToken } = useObtainSystemToken(!crossBackendAuth);\n\n    const indexUrl = useMemo(() => {\n        const derived = surfaceIndexUrl(canvasGraphqlUrl, config.SURFACE_INDEX_URL);\n        if (derived) return derived;\n        return surfaceIndexUrlFromTemplate(config.SURFACE_URL_TEMPLATE);\n    }, [canvasGraphqlUrl]);\n\n    // org/project arrive a beat after mount; hold the latest in a ref so a\n    // resolved id does not restart an in-flight mint.\n    const idsRef = useRef({ orgName, projectId, tagId });\n    idsRef.current = { orgName, projectId, tagId };\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (__DEV__) {\n            // eslint-disable-next-line no-console\n            console.log(\n                '[useCanvasSession] graphql=',\n                canvasGraphqlUrl,\n                'index=',\n                indexUrl,\n                'crossBackend=',\n                crossBackendAuth,\n            );\n        }\n\n        (async () => {\n            try {\n                const session = await warmWebBuilderSession({\n                    graphqlUrl: canvasGraphqlUrl,\n                    orgName: crossBackendAuth ? undefined : idsRef.current.orgName,\n                    projectId: crossBackendAuth ? undefined : idsRef.current.projectId,\n                    tagId: crossBackendAuth ? undefined : idsRef.current.tagId,\n                    obtainSystemToken: crossBackendAuth ? undefined : obtainSystemToken,\n                    discoverScope: crossBackendAuth,\n                });\n                if (cancelled) return;\n                setToken(session.token);\n                setError(null);\n            } catch (err) {\n                if (cancelled) return;\n                const message = err instanceof Error ? err.message : String(err);\n                // Missing org/project is a not-yet, not a failure: leave the\n                // experience on its loading state rather than showing an error.\n                if (/waiting for org\\/project/i.test(message) || !idsRef.current.orgName) return;\n                setError('Could not sign in to load your canvases.');\n            } finally {\n                if (!cancelled) setReady(true);\n            }\n        })();\n\n        return () => {\n            cancelled = true;\n        };\n    }, [obtainSystemToken, orgName, projectId, canvasGraphqlUrl, indexUrl, crossBackendAuth]);\n\n    return { token, indexUrl, error, ready };\n}\n"],"names":[],"mappings":"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"}

package/lib/features/chat/ChatTranscript.js

@@ -42,29 +42,30 @@ function ChatTranscript({
       streaming: true
     }];
   }, [historyRows, streamingContent]);
-  const invertedRows = useMemo(() => [...rows].reverse(), [rows]);
   const scrollToLatest = useCallback((animated) => {
     var _a;
+    if (rows.length === 0) return;
     isProgrammaticScrollRef.current = true;
-    (_a = listRef.current) == null ? void 0 : _a.scrollToOffset({
-      offset: 0,
+    (_a = listRef.current) == null ? void 0 : _a.scrollToEnd({
       animated
     });
-  }, []);
+  }, [rows.length]);
   useEffect(() => {
-    if (invertedRows.length === 0 || !stickToBottomRef.current) return void 0;
+    if (rows.length === 0 || !stickToBottomRef.current) return void 0;
     const t = setTimeout(() => scrollToLatest(false), 0);
     return () => clearTimeout(t);
-  }, [invertedRows.length, streamingContent == null ? void 0 : streamingContent.length, scrollToLatest]);
+  }, [rows.length, streamingContent == null ? void 0 : streamingContent.length, scrollToLatest]);
   useEffect(() => {
     if (!stickToBottomRef.current) return;
     scrollToLatest(false);
   }, [keyboardVisible, scrollToLatest]);
   const handleScroll = useCallback((e) => {
     const {
-      contentOffset
+      contentOffset,
+      contentSize,
+      layoutMeasurement
     } = e.nativeEvent;
-    const nearLatest = contentOffset.y <= 80;
+    const nearLatest = contentOffset.y + layoutMeasurement.height >= contentSize.height - 80;
     if (!isProgrammaticScrollRef.current) {
       stickToBottomRef.current = nearLatest;
     } else if (nearLatest) {
@@ -78,7 +79,7 @@ function ChatTranscript({
   const renderItem = useCallback(({
     item
   }) => /* @__PURE__ */ jsx(TranscriptRowView, { item, isDark, renderMessageActions: item.streaming ? void 0 : renderMessageActions }), [isDark, renderMessageActions]);
-  return /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: invertedRows, inverted: true, keyExtractor: (item) => item.id, renderItem, extraData: `${isDark}:${streamingContent != null ? streamingContent : ""}`, onScroll: handleScroll, onContentSizeChange: handleContentSizeChange, onLayout: () => {
+  return /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: rows, keyExtractor: (item) => item.id, renderItem, extraData: `${isDark}:${streamingContent != null ? streamingContent : ""}`, onScroll: handleScroll, onContentSizeChange: handleContentSizeChange, onLayout: () => {
     if (stickToBottomRef.current) scrollToLatest(false);
   }, scrollEventThrottle: 16, keyboardShouldPersistTaps: "always", keyboardDismissMode: "none", automaticallyAdjustKeyboardInsets: false, automaticallyAdjustContentInsets: false, contentInsetAdjustmentBehavior: "never", contentContainerStyle: [styles.listContent, listContentStyle], style: styles.list });
 }

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 */\nimport React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { FlatList, 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    keyboardVisible = 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    keyboardVisible?: 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    /**\n     * Newest-first so `inverted` pins the latest turn to the composer. An\n     * uninverted list with `flexGrow` + `justifyContent: 'flex-end'` eats the\n     * viewport when the keyboard opens and stops the list from scrolling.\n     */\n    const invertedRows = useMemo(() => [...rows].reverse(), [rows]);\n\n    const scrollToLatest = useCallback((animated: boolean) => {\n        isProgrammaticScrollRef.current = true;\n        listRef.current?.scrollToOffset({ offset: 0, animated });\n    }, []);\n\n    useEffect(() => {\n        if (invertedRows.length === 0 || !stickToBottomRef.current) return undefined;\n        const t = setTimeout(() => scrollToLatest(false), 0);\n        return () => clearTimeout(t);\n    }, [invertedRows.length, streamingContent?.length, scrollToLatest]);\n\n    useEffect(() => {\n        if (!stickToBottomRef.current) return;\n        scrollToLatest(false);\n    }, [keyboardVisible, 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 } = e.nativeEvent;\n            const nearLatest = contentOffset.y <= 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={invertedRows}\n            inverted\n            keyExtractor={(item) => item.id}\n            renderItem={renderItem}\n            extraData={`${isDark}:${streamingContent ?? ''}`}\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                <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            ) : 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});\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, 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    keyboardVisible = 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    keyboardVisible?: 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        if (!stickToBottomRef.current) return;\n        scrollToLatest(false);\n    }, [keyboardVisible, 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={`${isDark}:${streamingContent ?? ''}`}\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                <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            ) : 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});\n"],"names":["TranscriptRowView"],"mappings":"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"}