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

package/lib/config/env-config.js

@@ -46,6 +46,10 @@ const baseConfig = cleanEnv(env, {
   CANVAS_BACKEND_GRAPHQL_URL: str({
     default: "https://ideback.yantra-app-v1.cdebase.dev/graphql"
   }),
+  /** Explicit canvas index GraphQL URL. Empty → derived from the canvas auth backend. */
+  SURFACE_INDEX_URL: str({
+    default: ""
+  }),
   /**
    * Origin template for every other deployed surface: `{slug}` is the app's
    * `surfaceSlug`. One var instead of 20+ near-identical URLs, and it keeps the

package/lib/config/env-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":["import { str, cleanEnv, bool, num } from 'envalid';\n\nconst env = (process as { APP_ENV?: NodeJS.ProcessEnv; env?: NodeJS.ProcessEnv }).APP_ENV || process.env;\n\nconst baseConfig = cleanEnv(env, {\n    GRAPHQL_URL: str({ default: 'http://localhost:8080/graphql' }),\n    CLIENT_URL: str({ default: 'http://localhost:3000' }),\n    /** Standalone Web Builder surface embedded in the mobile WebView shell. */\n    WEB_BUILDER_URL: str({ default: 'http://localhost:5174/' }),\n    /** Standalone Design surface — local vite is 5174/4174 next to canvas 5175. */\n    DESIGN_SURFACE_URL: str({ default: 'http://localhost:5174/' }),\n    /** Standalone Canvas surface embedded in the same WebView shell. */\n    CANVAS_SURFACE_URL: str({ default: 'http://localhost:5175/' }),\n    /**\n     * GraphQL backend whose JWT keys the canvas index will verify.\n     * Must stay in lockstep with canvas-surface `.env.development`\n     * (`VITE_BACKEND_GRAPHQL_URL` / `VITE_SURFACE_INDEX_URL`). A locally\n     * minted token 401s against `surface-index-backend.yantra-app-v1`.\n     */\n    CANVAS_BACKEND_GRAPHQL_URL: str({ default: 'https://ideback.yantra-app-v1.cdebase.dev/graphql' }),\n    /**\n     * Origin template for every other deployed surface: `{slug}` is the app's\n     * `surfaceSlug`. One var instead of 20+ near-identical URLs, and it keeps the\n     * environment (dev cluster / prod) in one place.\n     */\n    SURFACE_URL_TEMPLATE: str({ default: 'https://{slug}-surface.yantra-app-v1.cdebase.dev/' }),\n    /** Characters gallery manifest, served next to the federated remote on the character surface. */\n    CHARACTERS_NATIVE_MANIFEST_URL: str({\n        default: 'https://character-surface.yantra-app-v1.cdebase.dev/native/characters.json',\n    }),\n    APP_NAME: str({ default: 'Yantra' }),\n    GROQ_API_KEY: str({ default: '' }),\n    CDECLI_AGENT_ENDPOINT: str({ default: 'https://cdecli-agent.cdebase.dev' }),\n    CDECLI_AGENT_AUTH_TOKEN: str({ default: '' }),\n    /** Seconds to wait for CDeCLI stream completion before timing out (then fallback chat API runs). Min 15, max 600. */\n    /** Aligned with web `useCdecliChannel` (120s). Mobile hook uses the same constant inline. */\n    CDECLI_CHAT_RESPONSE_TIMEOUT_SEC: num({ default: 120 }),\n    BACKEND_URL: str({ default: '' }),\n    USE_PROXY_STAGING_GATEWAY: bool({ default: false }),\n    PROXY_STAGING_GATEWAY_URL: str({ default: '' }),\n});\n\nfunction resolveAgentGatewayGraphqlUrl(): string {\n    if (baseConfig.USE_PROXY_STAGING_GATEWAY && baseConfig.PROXY_STAGING_GATEWAY_URL) {\n        return baseConfig.PROXY_STAGING_GATEWAY_URL;\n    }\n    if (baseConfig.GRAPHQL_URL) return baseConfig.GRAPHQL_URL;\n    if (baseConfig.BACKEND_URL) return `${baseConfig.BACKEND_URL.replace(/\\/$/, '')}/graphql`;\n    return '/graphql';\n}\n\nfunction resolveBaseWsUrl(graphqlUrl: string): string {\n    const base = graphqlUrl.replace(/\\/graphql$/, '');\n    return base.replace(/^http/, 'ws');\n}\n\nfunction resolveAgentGatewayWsUrl(graphqlUrl: string): string {\n    return `${resolveBaseWsUrl(graphqlUrl)}/ws/openclaw-chat`;\n}\n\nconst agentGatewayGraphqlUrl = resolveAgentGatewayGraphqlUrl();\n\nconst clampedCdecliTimeoutSec = Math.min(600, Math.max(15, Math.round(baseConfig.CDECLI_CHAT_RESPONSE_TIMEOUT_SEC)));\n\nexport const config = {\n    ...baseConfig,\n    CDECLI_CHAT_RESPONSE_TIMEOUT_SEC: clampedCdecliTimeoutSec,\n    AGENT_GATEWAY_GRAPHQL_URL: agentGatewayGraphqlUrl,\n    AGENT_GATEWAY_WS_URL: resolveAgentGatewayWsUrl(agentGatewayGraphqlUrl),\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":["import { str, cleanEnv, bool, num } from 'envalid';\n\nconst env = (process as { APP_ENV?: NodeJS.ProcessEnv; env?: NodeJS.ProcessEnv }).APP_ENV || process.env;\n\nconst baseConfig = cleanEnv(env, {\n    GRAPHQL_URL: str({ default: 'http://localhost:8080/graphql' }),\n    CLIENT_URL: str({ default: 'http://localhost:3000' }),\n    /** Standalone Web Builder surface embedded in the mobile WebView shell. */\n    WEB_BUILDER_URL: str({ default: 'http://localhost:5174/' }),\n    /** Standalone Design surface — local vite is 5174/4174 next to canvas 5175. */\n    DESIGN_SURFACE_URL: str({ default: 'http://localhost:5174/' }),\n    /** Standalone Canvas surface embedded in the same WebView shell. */\n    CANVAS_SURFACE_URL: str({ default: 'http://localhost:5175/' }),\n    /**\n     * GraphQL backend whose JWT keys the canvas index will verify.\n     * Must stay in lockstep with canvas-surface `.env.development`\n     * (`VITE_BACKEND_GRAPHQL_URL` / `VITE_SURFACE_INDEX_URL`). A locally\n     * minted token 401s against `surface-index-backend.yantra-app-v1`.\n     */\n    CANVAS_BACKEND_GRAPHQL_URL: str({ default: 'https://ideback.yantra-app-v1.cdebase.dev/graphql' }),\n    /** Explicit canvas index GraphQL URL. Empty → derived from the canvas auth backend. */\n    SURFACE_INDEX_URL: str({ default: '' }),\n    /**\n     * Origin template for every other deployed surface: `{slug}` is the app's\n     * `surfaceSlug`. One var instead of 20+ near-identical URLs, and it keeps the\n     * environment (dev cluster / prod) in one place.\n     */\n    SURFACE_URL_TEMPLATE: str({ default: 'https://{slug}-surface.yantra-app-v1.cdebase.dev/' }),\n    /** Characters gallery manifest, served next to the federated remote on the character surface. */\n    CHARACTERS_NATIVE_MANIFEST_URL: str({\n        default: 'https://character-surface.yantra-app-v1.cdebase.dev/native/characters.json',\n    }),\n    APP_NAME: str({ default: 'Yantra' }),\n    GROQ_API_KEY: str({ default: '' }),\n    CDECLI_AGENT_ENDPOINT: str({ default: 'https://cdecli-agent.cdebase.dev' }),\n    CDECLI_AGENT_AUTH_TOKEN: str({ default: '' }),\n    /** Seconds to wait for CDeCLI stream completion before timing out (then fallback chat API runs). Min 15, max 600. */\n    /** Aligned with web `useCdecliChannel` (120s). Mobile hook uses the same constant inline. */\n    CDECLI_CHAT_RESPONSE_TIMEOUT_SEC: num({ default: 120 }),\n    BACKEND_URL: str({ default: '' }),\n    USE_PROXY_STAGING_GATEWAY: bool({ default: false }),\n    PROXY_STAGING_GATEWAY_URL: str({ default: '' }),\n});\n\nfunction resolveAgentGatewayGraphqlUrl(): string {\n    if (baseConfig.USE_PROXY_STAGING_GATEWAY && baseConfig.PROXY_STAGING_GATEWAY_URL) {\n        return baseConfig.PROXY_STAGING_GATEWAY_URL;\n    }\n    if (baseConfig.GRAPHQL_URL) return baseConfig.GRAPHQL_URL;\n    if (baseConfig.BACKEND_URL) return `${baseConfig.BACKEND_URL.replace(/\\/$/, '')}/graphql`;\n    return '/graphql';\n}\n\nfunction resolveBaseWsUrl(graphqlUrl: string): string {\n    const base = graphqlUrl.replace(/\\/graphql$/, '');\n    return base.replace(/^http/, 'ws');\n}\n\nfunction resolveAgentGatewayWsUrl(graphqlUrl: string): string {\n    return `${resolveBaseWsUrl(graphqlUrl)}/ws/openclaw-chat`;\n}\n\nconst agentGatewayGraphqlUrl = resolveAgentGatewayGraphqlUrl();\n\nconst clampedCdecliTimeoutSec = Math.min(600, Math.max(15, Math.round(baseConfig.CDECLI_CHAT_RESPONSE_TIMEOUT_SEC)));\n\nexport const config = {\n    ...baseConfig,\n    CDECLI_CHAT_RESPONSE_TIMEOUT_SEC: clampedCdecliTimeoutSec,\n    AGENT_GATEWAY_GRAPHQL_URL: agentGatewayGraphqlUrl,\n    AGENT_GATEWAY_WS_URL: resolveAgentGatewayWsUrl(agentGatewayGraphqlUrl),\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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adminide-stack/yantra-mobile",
-    "version": "12.0.49-alpha.1",
+    "version": "12.0.49-alpha.2",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -41,7 +41,7 @@
         "@messenger-box/platform-mobile": "*",
         "@react-native-async-storage/async-storage": "*",
         "@react-navigation/native": "*",
-        "common": "12.0.49-alpha.0",
+        "common": "12.0.49-alpha.1",
         "expo-constants": "*",
         "expo-secure-store": "*",
         "lodash": "*",
@@ -56,5 +56,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "48d2b3fddeb8e35b0319c05d6536ae16cd2ac8be"
+    "gitHead": "71e0d303f9612b3d9ba810a3a705b807cef60c0a"
 }