@adminide-stack/yantra-mobile 12.0.41 → 12.0.42-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AppsMenu/AppsMenu.js +2 -2
- package/lib/components/AppsMenu/AppsMenu.js.map +1 -1
- package/lib/components/GatewayToolbarButtonMobile.js +3 -4
- package/lib/components/GatewayToolbarButtonMobile.js.map +1 -1
- package/lib/components/KeyboardComposerDock.js +27 -0
- package/lib/components/KeyboardComposerDock.js.map +1 -0
- package/lib/components/NavigationHeader/ChatHistoryToggleMobile.js +6 -0
- package/lib/components/NavigationHeader/ChatHistoryToggleMobile.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderMoreMenu.js +67 -0
- package/lib/components/NavigationHeader/HeaderMoreMenu.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderSettingsMenu.js +132 -0
- package/lib/components/NavigationHeader/HeaderSettingsMenu.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderSheet.js +130 -0
- package/lib/components/NavigationHeader/HeaderSheet.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderSkillsButton.js +120 -0
- package/lib/components/NavigationHeader/HeaderSkillsButton.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderTasksButton.js +157 -0
- package/lib/components/NavigationHeader/HeaderTasksButton.js.map +1 -0
- package/lib/components/NavigationHeader/HeaderToolbarButton.js +68 -0
- package/lib/components/NavigationHeader/HeaderToolbarButton.js.map +1 -0
- package/lib/components/NavigationHeader/NavigationHeader.js +35 -63
- package/lib/components/NavigationHeader/NavigationHeader.js.map +1 -1
- package/lib/compute.js +1 -1
- package/lib/compute.js.map +1 -1
- package/lib/contexts/GatewayContext.js +8 -1
- package/lib/contexts/GatewayContext.js.map +1 -1
- package/lib/features/chat/temporaryChatStore.js +19 -0
- package/lib/features/chat/temporaryChatStore.js.map +1 -0
- package/lib/hooks/useAgentSessionState.js +5 -0
- package/lib/hooks/useAgentSessionState.js.map +1 -0
- package/lib/hooks/useCdecliChannel.js +84 -2
- package/lib/hooks/useCdecliChannel.js.map +1 -1
- package/lib/hooks/useChatApi.js +22 -1
- package/lib/hooks/useChatApi.js.map +1 -1
- package/lib/hooks/useChatStream.js +81 -11
- package/lib/hooks/useChatStream.js.map +1 -1
- package/lib/hooks/useKeyboardBottomOffset.js +22 -0
- package/lib/hooks/useKeyboardBottomOffset.js.map +1 -0
- package/lib/hooks/useMarketplaceTemplateGroups.js +1 -1
- package/lib/hooks/useMarketplaceTemplateGroups.js.map +1 -1
- package/lib/routes.json +1 -1
- package/lib/screens/Chat/index.js +56 -100
- package/lib/screens/Chat/index.js.map +1 -1
- package/lib/screens/ChatHistory/index.js +12 -1
- package/lib/screens/ChatHistory/index.js.map +1 -1
- package/lib/screens/Home/HomeScreen.js +58 -58
- package/lib/screens/Home/HomeScreen.js.map +1 -1
- package/lib/screens/Home/components/BuildTemplatesSection.js +12 -33
- package/lib/screens/Home/components/BuildTemplatesSection.js.map +1 -1
- package/lib/screens/Home/components/ChatHistoryLanding.js +16 -3
- package/lib/screens/Home/components/ChatHistoryLanding.js.map +1 -1
- package/lib/screens/Home/components/HomeSuggestions.js +7 -2
- package/lib/screens/Home/components/HomeSuggestions.js.map +1 -1
- package/package.json +5 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuildTemplatesSection.js","sources":["../../../../src/screens/Home/components/BuildTemplatesSection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Image, Pressable, ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport type { BuildTemplateCard } from '../../../features/templates/buildTemplateCards';\nimport { useMarketplaceTemplateCards } from '../../../hooks/useMarketplaceTemplateCards';\nimport { mobileTokens } from '../../../theme/mobileTokens';\nimport { TemplateBrowserModal } from './TemplateBrowserModal';\n\nexport type BuildTemplatesSectionProps = {\n enabled: boolean;\n group: string | null;\n orgName?: string | null;\n isDark: boolean;\n primaryTextColor: string;\n secondaryTextColor: string;\n selectedTemplateId?: string | null;\n onUseTemplate: (card: BuildTemplateCard) => void;\n compact?: boolean;\n};\n\nconst FEATURED_COUNT = 8;\n\n/**\n * Peek row under the composer. Full catalog (100s) opens in TemplateBrowserModal.\n */\nexport function BuildTemplatesSection({\n enabled,\n group,\n orgName,\n isDark,\n primaryTextColor,\n secondaryTextColor,\n selectedTemplateId = null,\n onUseTemplate,\n compact = false,\n}: BuildTemplatesSectionProps) {\n const { width } = useWindowDimensions();\n const selectedGroup = (group ?? '').trim();\n const [browseOpen, setBrowseOpen] = useState(false);\n const { cards } = useMarketplaceTemplateCards({\n group: selectedGroup,\n orgName,\n enabled: enabled && Boolean(selectedGroup),\n });\n\n const featured = useMemo(() => {\n const selected = cards.find((card) => card.id === selectedTemplateId);\n const rest = cards.filter((card) => card.id !== selectedTemplateId);\n return (selected ? [selected, ...rest] : rest).slice(0, FEATURED_COUNT);\n }, [cards, selectedTemplateId]);\n\n const cardWidth = useMemo(() => Math.min(156, Math.max(136, width * 0.38)), [width]);\n const coverHeight = compact ? Math.round(cardWidth * 0.58) : Math.round(cardWidth * 0.7);\n const borderColor = isDark ? 'rgba(148,163,184,0.28)' : mobileTokens.color.border;\n const accent = isDark ? '#a5b4fc' : mobileTokens.color.primary;\n const surface = isDark ? '#1e293b' : '#f8fafc';\n const placeholderBg = isDark ? '#0f172a' : mobileTokens.color.primarySoft;\n\n const handleSelect = useCallback(\n (card: BuildTemplateCard) => {\n onUseTemplate(card);\n setBrowseOpen(false);\n },\n [onUseTemplate],\n );\n\n const renderCard = useCallback(\n (item: BuildTemplateCard) => {\n const cover = item.coverImageUrl?.trim();\n const selected = selectedTemplateId === item.id;\n return (\n <Pressable\n key={item.id}\n onPress={() => handleSelect(item)}\n style={[\n styles.card,\n {\n width: cardWidth,\n backgroundColor: surface,\n borderColor: selected ? accent : borderColor,\n borderWidth: selected ? 2 : 1,\n },\n ]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityLabel={`${selected ? 'Selected' : 'Use'} template ${item.title}`}\n >\n <View style={[styles.cover, { height: coverHeight, backgroundColor: placeholderBg }]}>\n {cover ? (\n <Image source={{ uri: cover }} style={styles.coverImage} resizeMode=\"cover\" />\n ) : (\n <Text style={[styles.coverFallback, { color: secondaryTextColor }]}>Yantra</Text>\n )}\n {selected ? (\n <View style={[styles.selectedMark, { backgroundColor: accent }]}>\n <MaterialCommunityIcons name=\"check\" size={12} color=\"#f8fafc\" />\n </View>\n ) : null}\n </View>\n <View style={styles.cardBody}>\n <Text style={[styles.cardTitle, { color: primaryTextColor }]} numberOfLines={2}>\n {item.title}\n </Text>\n </View>\n </Pressable>\n );\n },\n [\n accent,\n borderColor,\n cardWidth,\n coverHeight,\n handleSelect,\n placeholderBg,\n primaryTextColor,\n secondaryTextColor,\n selectedTemplateId,\n surface,\n ],\n );\n\n if (!enabled || !selectedGroup || cards.length === 0) {\n return null;\n }\n\n return (\n <View style={styles.section}>\n <View style={styles.sectionHeader}>\n <Text style={[styles.sectionTitle, { color: secondaryTextColor }]}>Yantra templates</Text>\n <Pressable\n onPress={() => setBrowseOpen(true)}\n hitSlop={8}\n accessibilityRole=\"button\"\n accessibilityLabel={`Browse all ${cards.length} templates`}\n >\n <Text style={[styles.seeAll, { color: accent }]}>\n {cards.length > FEATURED_COUNT ? `See all ${cards.length}` : 'Browse'}\n </Text>\n </Pressable>\n </View>\n\n {compact ? (\n <Pressable\n onPress={() => setBrowseOpen(true)}\n style={[styles.compactBrowse, { borderColor, backgroundColor: surface }]}\n accessibilityRole=\"button\"\n accessibilityLabel={`Browse ${cards.length} templates`}\n >\n <MaterialCommunityIcons name=\"magnify\" size={16} color={accent} />\n <Text style={[styles.compactBrowseText, { color: primaryTextColor }]}>\n Browse {cards.length} templates\n </Text>\n <MaterialCommunityIcons name=\"chevron-right\" size={18} color={secondaryTextColor} />\n </Pressable>\n ) : (\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={styles.row}\n keyboardShouldPersistTaps=\"handled\"\n decelerationRate=\"fast\"\n >\n {featured.map(renderCard)}\n {cards.length > FEATURED_COUNT ? (\n <Pressable\n onPress={() => setBrowseOpen(true)}\n style={[\n styles.moreCard,\n { width: cardWidth, height: coverHeight + 40, borderColor, backgroundColor: surface },\n ]}\n accessibilityRole=\"button\"\n accessibilityLabel={`See all ${cards.length} templates`}\n >\n <Text style={[styles.moreCount, { color: accent }]}>+{cards.length - FEATURED_COUNT}</Text>\n <Text style={[styles.moreLabel, { color: secondaryTextColor }]}>See all</Text>\n </Pressable>\n ) : null}\n </ScrollView>\n )}\n\n <TemplateBrowserModal\n isOpen={browseOpen}\n onClose={() => setBrowseOpen(false)}\n cards={cards}\n selectedId={selectedTemplateId}\n onSelect={handleSelect}\n isDark={isDark}\n />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n section: {\n width: '100%',\n marginTop: 12,\n paddingBottom: 2,\n },\n sectionHeader: {\n flexDirection: 'row',\n alignItems: 'baseline',\n justifyContent: 'space-between',\n gap: 12,\n marginBottom: 8,\n paddingHorizontal: 2,\n },\n sectionTitle: {\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n },\n seeAll: {\n fontSize: 13,\n fontWeight: '600',\n },\n row: {\n gap: 10,\n paddingHorizontal: 2,\n paddingBottom: 4,\n },\n card: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n cover: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverImage: {\n width: '100%',\n height: '100%',\n },\n coverFallback: {\n fontSize: 12,\n fontWeight: '600',\n letterSpacing: 0.4,\n },\n selectedMark: {\n position: 'absolute',\n top: 8,\n right: 8,\n width: 20,\n height: 20,\n borderRadius: 10,\n alignItems: 'center',\n justifyContent: 'center',\n },\n cardBody: {\n paddingHorizontal: 9,\n paddingVertical: 8,\n },\n cardTitle: {\n fontSize: 12,\n fontWeight: '600',\n lineHeight: 16,\n },\n moreCard: {\n borderRadius: 10,\n borderWidth: 1,\n alignItems: 'center',\n justifyContent: 'center',\n gap: 4,\n },\n moreCount: {\n fontSize: 20,\n fontWeight: '700',\n },\n moreLabel: {\n fontSize: 12,\n fontWeight: '600',\n },\n compactBrowse: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n borderWidth: 1,\n borderRadius: 12,\n paddingHorizontal: 12,\n minHeight: 42,\n },\n compactBrowseText: {\n flex: 1,\n fontSize: 14,\n fontWeight: '600',\n },\n});\n\nexport default BuildTemplatesSection;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BuildTemplatesSection.js","sources":["../../../../src/screens/Home/components/BuildTemplatesSection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Image, Pressable, ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport type { BuildTemplateCard } from '../../../features/templates/buildTemplateCards';\nimport { useMarketplaceTemplateCards } from '../../../hooks/useMarketplaceTemplateCards';\nimport { mobileTokens } from '../../../theme/mobileTokens';\nimport { TemplateBrowserModal } from './TemplateBrowserModal';\n\nexport type BuildTemplatesSectionProps = {\n enabled: boolean;\n group: string | null;\n orgName?: string | null;\n isDark: boolean;\n primaryTextColor: string;\n secondaryTextColor: string;\n selectedTemplateId?: string | null;\n onUseTemplate: (card: BuildTemplateCard) => void;\n compact?: boolean;\n};\n\nconst FEATURED_COUNT = 8;\n\n/**\n * Peek row under the composer. Full catalog (100s) opens in TemplateBrowserModal.\n */\nexport function BuildTemplatesSection({\n enabled,\n group,\n orgName,\n isDark,\n primaryTextColor,\n secondaryTextColor,\n selectedTemplateId = null,\n onUseTemplate,\n compact = false,\n}: BuildTemplatesSectionProps) {\n const { width } = useWindowDimensions();\n const selectedGroup = (group ?? '').trim();\n const [browseOpen, setBrowseOpen] = useState(false);\n const { cards } = useMarketplaceTemplateCards({\n group: selectedGroup,\n orgName,\n enabled: enabled && Boolean(selectedGroup),\n });\n\n const featured = useMemo(() => {\n const selected = cards.find((card) => card.id === selectedTemplateId);\n const rest = cards.filter((card) => card.id !== selectedTemplateId);\n return (selected ? [selected, ...rest] : rest).slice(0, FEATURED_COUNT);\n }, [cards, selectedTemplateId]);\n\n const cardWidth = useMemo(\n () => (compact ? Math.min(128, Math.max(112, width * 0.3)) : Math.min(156, Math.max(136, width * 0.38))),\n [compact, width],\n );\n const coverHeight = compact ? Math.round(cardWidth * 0.5) : Math.round(cardWidth * 0.7);\n const borderColor = isDark ? 'rgba(148,163,184,0.28)' : mobileTokens.color.border;\n const accent = isDark ? '#a5b4fc' : mobileTokens.color.primary;\n const surface = isDark ? '#1e293b' : '#f8fafc';\n const placeholderBg = isDark ? '#0f172a' : mobileTokens.color.primarySoft;\n\n const handleSelect = useCallback(\n (card: BuildTemplateCard) => {\n onUseTemplate(card);\n setBrowseOpen(false);\n },\n [onUseTemplate],\n );\n\n const renderCard = useCallback(\n (item: BuildTemplateCard) => {\n const cover = item.coverImageUrl?.trim();\n const selected = selectedTemplateId === item.id;\n return (\n <Pressable\n key={item.id}\n onPress={() => handleSelect(item)}\n style={[\n styles.card,\n {\n width: cardWidth,\n backgroundColor: surface,\n borderColor: selected ? accent : borderColor,\n borderWidth: selected ? 2 : 1,\n },\n ]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityLabel={`${selected ? 'Selected' : 'Use'} template ${item.title}`}\n >\n <View style={[styles.cover, { height: coverHeight, backgroundColor: placeholderBg }]}>\n {cover ? (\n <Image source={{ uri: cover }} style={styles.coverImage} resizeMode=\"cover\" />\n ) : (\n <Text style={[styles.coverFallback, { color: secondaryTextColor }]}>Yantra</Text>\n )}\n {selected ? (\n <View style={[styles.selectedMark, { backgroundColor: accent }]}>\n <MaterialCommunityIcons name=\"check\" size={12} color=\"#f8fafc\" />\n </View>\n ) : null}\n </View>\n <View style={[styles.cardBody, compact ? styles.cardBodyCompact : null]}>\n <Text style={[styles.cardTitle, { color: primaryTextColor }]} numberOfLines={2}>\n {item.title}\n </Text>\n </View>\n </Pressable>\n );\n },\n [\n accent,\n borderColor,\n cardWidth,\n compact,\n coverHeight,\n handleSelect,\n placeholderBg,\n primaryTextColor,\n secondaryTextColor,\n selectedTemplateId,\n surface,\n ],\n );\n\n if (!enabled || !selectedGroup || cards.length === 0) {\n return null;\n }\n\n return (\n <View style={[styles.section, compact ? styles.sectionCompact : null]}>\n <View style={styles.sectionHeader}>\n <Text style={[styles.sectionTitle, { color: secondaryTextColor }]}>Yantra templates</Text>\n <Pressable\n onPress={() => setBrowseOpen(true)}\n hitSlop={8}\n accessibilityRole=\"button\"\n accessibilityLabel={`Browse all ${cards.length} templates`}\n >\n <Text style={[styles.seeAll, { color: accent }]}>\n {cards.length > FEATURED_COUNT ? `See all ${cards.length}` : 'Browse'}\n </Text>\n </Pressable>\n </View>\n\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={styles.row}\n keyboardShouldPersistTaps=\"handled\"\n decelerationRate=\"fast\"\n >\n {featured.map(renderCard)}\n {cards.length > FEATURED_COUNT ? (\n <Pressable\n onPress={() => setBrowseOpen(true)}\n style={[\n styles.moreCard,\n { width: cardWidth, height: coverHeight + 40, borderColor, backgroundColor: surface },\n ]}\n accessibilityRole=\"button\"\n accessibilityLabel={`See all ${cards.length} templates`}\n >\n <Text style={[styles.moreCount, { color: accent }]}>+{cards.length - FEATURED_COUNT}</Text>\n <Text style={[styles.moreLabel, { color: secondaryTextColor }]}>See all</Text>\n </Pressable>\n ) : null}\n </ScrollView>\n\n <TemplateBrowserModal\n isOpen={browseOpen}\n onClose={() => setBrowseOpen(false)}\n cards={cards}\n selectedId={selectedTemplateId}\n onSelect={handleSelect}\n isDark={isDark}\n />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n section: {\n width: '100%',\n marginTop: 12,\n paddingBottom: 2,\n },\n sectionCompact: {\n marginTop: 8,\n },\n sectionHeader: {\n flexDirection: 'row',\n alignItems: 'baseline',\n justifyContent: 'space-between',\n gap: 12,\n marginBottom: 8,\n paddingHorizontal: 2,\n },\n sectionTitle: {\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n },\n seeAll: {\n fontSize: 13,\n fontWeight: '600',\n },\n row: {\n gap: 10,\n paddingHorizontal: 2,\n paddingBottom: 4,\n },\n card: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n cover: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n coverImage: {\n width: '100%',\n height: '100%',\n },\n coverFallback: {\n fontSize: 12,\n fontWeight: '600',\n letterSpacing: 0.4,\n },\n selectedMark: {\n position: 'absolute',\n top: 8,\n right: 8,\n width: 20,\n height: 20,\n borderRadius: 10,\n alignItems: 'center',\n justifyContent: 'center',\n },\n cardBody: {\n paddingHorizontal: 9,\n paddingVertical: 8,\n },\n cardBodyCompact: {\n paddingVertical: 6,\n },\n cardTitle: {\n fontSize: 12,\n fontWeight: '600',\n lineHeight: 16,\n },\n moreCard: {\n borderRadius: 10,\n borderWidth: 1,\n alignItems: 'center',\n justifyContent: 'center',\n gap: 4,\n },\n moreCount: {\n fontSize: 20,\n fontWeight: '700',\n },\n moreLabel: {\n fontSize: 12,\n fontWeight: '600',\n },\n});\n\nexport default BuildTemplatesSection;\n"],"names":[],"mappings":"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"}
|
|
@@ -103,6 +103,8 @@ function buildTheme(isDark) {
|
|
|
103
103
|
tileChatIcon: "#e2e8f0",
|
|
104
104
|
tileSearchBg: "rgba(251, 191, 36, 0.16)",
|
|
105
105
|
tileSearchIcon: "#fde68a",
|
|
106
|
+
tileBuildBg: "rgba(129, 140, 248, 0.18)",
|
|
107
|
+
tileBuildIcon: "#c7d2fe",
|
|
106
108
|
pressed: "rgba(148, 163, 184, 0.10)",
|
|
107
109
|
loadMoreText: "#e2e8f0",
|
|
108
110
|
loadMoreBorder: "rgba(148, 163, 184, 0.28)",
|
|
@@ -126,6 +128,8 @@ function buildTheme(isDark) {
|
|
|
126
128
|
tileChatIcon: "#1f2937",
|
|
127
129
|
tileSearchBg: "rgba(217, 119, 6, 0.10)",
|
|
128
130
|
tileSearchIcon: "#b45309",
|
|
131
|
+
tileBuildBg: mobileTokens.color.primarySoft,
|
|
132
|
+
tileBuildIcon: mobileTokens.color.primary,
|
|
129
133
|
pressed: "rgba(15, 23, 42, 0.05)",
|
|
130
134
|
loadMoreText: "#1f2937",
|
|
131
135
|
loadMoreBorder: "rgba(15, 23, 42, 0.15)",
|
|
@@ -140,10 +144,19 @@ function ModeTile({
|
|
|
140
144
|
mode,
|
|
141
145
|
theme
|
|
142
146
|
}) {
|
|
143
|
-
|
|
147
|
+
if (mode === "deep-search") {
|
|
148
|
+
return /* @__PURE__ */ jsx(View, { style: [styles.tile, {
|
|
149
|
+
backgroundColor: theme.tileSearchBg
|
|
150
|
+
}], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "lightning-bolt-outline", size: 18, color: theme.tileSearchIcon }) });
|
|
151
|
+
}
|
|
152
|
+
if (mode === "build") {
|
|
153
|
+
return /* @__PURE__ */ jsx(View, { style: [styles.tile, {
|
|
154
|
+
backgroundColor: theme.tileBuildBg
|
|
155
|
+
}], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "lightbulb-outline", size: 18, color: theme.tileBuildIcon }) });
|
|
156
|
+
}
|
|
144
157
|
return /* @__PURE__ */ jsx(View, { style: [styles.tile, {
|
|
145
|
-
backgroundColor:
|
|
146
|
-
}], children:
|
|
158
|
+
backgroundColor: theme.tileChatBg
|
|
159
|
+
}], children: /* @__PURE__ */ jsx(Feather, { name: "message-circle", size: 18, color: theme.tileChatIcon }) });
|
|
147
160
|
}
|
|
148
161
|
function ChatHistoryRow({
|
|
149
162
|
session,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatHistoryLanding.js","sources":["../../../../src/screens/Home/components/ChatHistoryLanding.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ActivityIndicator,\n Pressable,\n RefreshControl,\n SectionList,\n StyleSheet,\n View,\n useColorScheme,\n useWindowDimensions,\n} from 'react-native';\nimport { Feather, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport { useFocusEffect } from '@react-navigation/native';\nimport {\n HISTORY_PAGE_SIZE,\n chatHistorySessionsFromChannels,\n getHistoryChannelsQueryVariables,\n useChatHistorySessionsFromChannels,\n type ChatHistoryMode,\n type ChatHistorySession,\n} from '../../../hooks/useChatApi';\nimport { useApolloClient } from '@apollo/client';\nimport { GetChannelsByUserWithLastMessageDocument } from 'common/graphql';\nimport { usePrerequisiteIds } from '../../../hooks/usePrerequisiteIds';\nimport ThinkingIndicator from '../../../components/ThinkingIndicator';\nimport { mobileTokens } from '../../../theme/mobileTokens';\n\n/**\n * Chat history list for mobile.\n *\n * Data: `useGetChannelsByUserWithLastMessageQuery` returning one row per channel\n * with `lastMessage` carrying the parent user prompt and the assistant reply.\n *\n * Layout: Manus-style two-line row — 40×40 leading mode tile, **line 1** =\n * `lastMessage.propsConfiguration.contents.parent.message` (user prompt),\n * **line 2** = `lastMessage.message` (latest post body, including agent errors\n * such as lines starting with ⚠), right-aligned short date. Indigo-tinted\n * neutrals so the surface stays in the Yantra brand register.\n *\n * Mode tile carries real information (chat vs deep-search), not decoration —\n * different modes get different glyphs and tints.\n */\ninterface ChatHistoryLandingProps {\n /**\n * `mode` is derived per-row via `detectMode(channel)` so the Chat screen can\n * render its composer in the correct mode (deep-search vs chat) without\n * needing to re-fetch the channel after navigation. Plain chat threads get\n * `'chat'` here even though it's the default — being explicit at the\n * boundary keeps the consumer's switch statement total.\n */\n onSelectSession: (channelId: string, mode: ChatHistoryMode) => void;\n /** Kept in the contract; not surfaced here — new-chat lives in the screen header. */\n onCompose: () => void;\n}\n\ninterface SessionRow extends ChatHistorySession {\n id: string;\n /** Pre-truncated title for one-line render. */\n titleForRender: string;\n /** Pre-truncated preview for one-line render (empty if suppressed upstream). */\n previewForRender: string;\n /** Cached unix-ms for bucketing / sorting. */\n sortAt: number;\n}\n\ninterface SessionSection {\n key: 'today' | 'yesterday' | 'week' | 'earlier';\n title: string;\n data: SessionRow[];\n}\n\nfunction truncate(text: string, max = 96): string {\n const cleaned = text.replace(/\\s+/g, ' ').trim();\n if (cleaned.length <= max) return cleaned;\n return `${cleaned.slice(0, max).trim()}...`;\n}\n\nconst WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction relativeTime(ts: number, now: number): string {\n const deltaMs = now - ts;\n if (deltaMs < 60_000) return 'now';\n const minutes = Math.floor(deltaMs / 60_000);\n if (minutes < 60) return `${minutes}m`;\n const hours = Math.floor(minutes / 60);\n if (hours < 24) return `${hours}h`;\n const days = Math.floor(hours / 24);\n if (days < 7) {\n const d = new Date(ts);\n return WEEKDAYS[d.getDay()] ?? `${days}d`;\n }\n /**\n * 7d+: numeric short date (e.g. \"2/18\" matching the Manus reference). Year only\n * appears when crossing into a previous year, to keep the right column compact.\n */\n const d = new Date(ts);\n const sameYear = d.getFullYear() === new Date(now).getFullYear();\n const m = d.getMonth() + 1;\n const day = d.getDate();\n return sameYear ? `${m}/${day}` : `${m}/${day}/${String(d.getFullYear()).slice(2)}`;\n}\n\nfunction bucketFor(ts: number, now: number): SessionSection['key'] {\n const a = new Date(ts);\n const b = new Date(now);\n const startOf = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n const today = startOf(b);\n const yesterday = today - 24 * 60 * 60 * 1000;\n const weekAgo = today - 7 * 24 * 60 * 60 * 1000;\n const tsDay = startOf(a);\n if (tsDay >= today) return 'today';\n if (tsDay >= yesterday) return 'yesterday';\n if (tsDay >= weekAgo) return 'week';\n return 'earlier';\n}\n\nfunction buildSections(rows: SessionRow[], now: number): SessionSection[] {\n const buckets: Record<SessionSection['key'], SessionRow[]> = {\n today: [],\n yesterday: [],\n week: [],\n earlier: [],\n };\n for (const row of rows) {\n buckets[bucketFor(row.sortAt, now)].push(row);\n }\n const out: SessionSection[] = [];\n if (buckets.today.length) out.push({ key: 'today', title: 'Today', data: buckets.today });\n if (buckets.yesterday.length) out.push({ key: 'yesterday', title: 'Yesterday', data: buckets.yesterday });\n if (buckets.week.length) out.push({ key: 'week', title: 'This week', data: buckets.week });\n if (buckets.earlier.length) out.push({ key: 'earlier', title: 'Earlier', data: buckets.earlier });\n return out;\n}\n\n/**\n * Theme tokens.\n *\n * Color strategy: Monochrome ink. Chrome (section labels, chat tile, load-more\n * pill, end-of-list dot, press wash, refresh spinner) is rendered in tinted\n * neutrals so the only real color on the screen is the deep-search amber —\n * which then reliably signals a mode, not decoration. Neutrals carry chroma\n * 0.005–0.01 toward the brand hue (no pure `#fff` / `#000`).\n */\ninterface ThemeTokens {\n bg: string;\n surface: string;\n title: string;\n preview: string;\n meta: string;\n muted: string;\n divider: string;\n sectionLabel: string;\n /** Mode tile (chat) — neutral ink on neutral fill. */\n tileChatBg: string;\n tileChatIcon: string;\n /** Mode tile (deep-search) — amber kept as the one real mode color. */\n tileSearchBg: string;\n tileSearchIcon: string;\n pressed: string;\n loadMoreText: string;\n loadMoreBorder: string;\n loadMoreBg: string;\n refreshTint: string;\n endDot: string;\n /**\n * Empty-state mark — circular soft-neutral disk holding a chat glyph.\n * Matches the web reference (gray-on-gray circle), not the row mode tile.\n */\n emptyMarkBg: string;\n emptyMarkIcon: string;\n}\n\nfunction buildTheme(isDark: boolean): ThemeTokens {\n if (isDark) {\n return {\n bg: '#0b1220',\n surface: mobileTokens.color.surface,\n title: '#f1f5f9',\n preview: '#94a3b8',\n meta: '#9aa0b8',\n muted: '#7a809a',\n divider: 'rgba(148, 163, 184, 0.12)',\n sectionLabel: '#cbd5e1',\n tileChatBg: 'rgba(148, 163, 184, 0.16)',\n tileChatIcon: '#e2e8f0',\n tileSearchBg: 'rgba(251, 191, 36, 0.16)',\n tileSearchIcon: '#fde68a',\n pressed: 'rgba(148, 163, 184, 0.10)',\n loadMoreText: '#e2e8f0',\n loadMoreBorder: 'rgba(148, 163, 184, 0.28)',\n loadMoreBg: 'rgba(148, 163, 184, 0.10)',\n refreshTint: '#cbd5e1',\n endDot: '#94a3b8',\n emptyMarkBg: 'rgba(148, 163, 184, 0.18)',\n emptyMarkIcon: '#b4bccc',\n };\n }\n return {\n bg: mobileTokens.color.bg,\n surface: mobileTokens.color.surface,\n title: '#0b1424',\n preview: '#525a73',\n meta: '#7b8197',\n muted: '#94a3b8',\n divider: 'rgba(15, 23, 42, 0.06)',\n sectionLabel: '#374151',\n tileChatBg: 'rgba(15, 23, 42, 0.06)',\n tileChatIcon: '#1f2937',\n tileSearchBg: 'rgba(217, 119, 6, 0.10)',\n tileSearchIcon: '#b45309',\n pressed: 'rgba(15, 23, 42, 0.05)',\n loadMoreText: '#1f2937',\n loadMoreBorder: 'rgba(15, 23, 42, 0.15)',\n loadMoreBg: 'rgba(15, 23, 42, 0.04)',\n refreshTint: '#374151',\n endDot: '#9ca3af',\n emptyMarkBg: 'rgba(15, 23, 42, 0.07)',\n emptyMarkIcon: '#6b7280',\n };\n}\n\n/**\n * Leading 40×40 mode tile. Background and glyph reflect the conversation mode:\n * - chat → Lucide-style message bubble on indigo-tinted neutral\n * - deep-search → lightning glyph on amber-tinted neutral\n *\n * Chat uses Feather (a Lucide port) so the row tile, the empty-state mark, and\n * the web header all share one bubble silhouette. Deep-search stays on MCI —\n * Feather has no acceptable lightning glyph and the amber/indigo split is\n * already the primary mode signal.\n *\n * Real information per row, not decoration.\n */\nfunction ModeTile({ mode, theme }: { mode: ChatHistoryMode; theme: ThemeTokens }) {\n const isSearch = mode === 'deep-search';\n return (\n <View style={[styles.tile, { backgroundColor: isSearch ? theme.tileSearchBg : theme.tileChatBg }]}>\n {isSearch ? (\n <MaterialCommunityIcons name=\"lightning-bolt-outline\" size={18} color={theme.tileSearchIcon} />\n ) : (\n <Feather name=\"message-circle\" size={18} color={theme.tileChatIcon} />\n )}\n </View>\n );\n}\n\nfunction ChatHistoryRow({\n session,\n onSelectSession,\n theme,\n timeLabel,\n}: {\n session: SessionRow;\n onSelectSession: (channelId: string, mode: ChatHistoryMode) => void;\n theme: ThemeTokens;\n timeLabel: string;\n}) {\n const titleColor = session.isPlaceholder ? theme.preview : theme.title;\n const titleStyle = [\n styles.rowTitle,\n { color: titleColor },\n session.isPlaceholder ? styles.rowTitlePlaceholder : null,\n ];\n return (\n <Pressable\n onPress={() => onSelectSession(session.channelId, session.mode)}\n style={({ pressed }) => [styles.row, pressed && { backgroundColor: theme.pressed }]}\n accessibilityRole=\"button\"\n accessibilityLabel={\n session.previewForRender\n ? `Open conversation: ${session.titleForRender}. ${session.previewForRender}. ${timeLabel}`\n : `Open conversation: ${session.titleForRender}, ${timeLabel}`\n }\n >\n <ModeTile mode={session.mode} theme={theme} />\n <View style={styles.rowBody}>\n <View style={styles.rowHeader}>\n <Text style={titleStyle} numberOfLines={1} ellipsizeMode=\"tail\">\n {session.titleForRender}\n </Text>\n <Text style={[styles.rowDate, { color: theme.meta }]} numberOfLines={1}>\n {timeLabel}\n </Text>\n </View>\n {session.previewForRender ? (\n <Text style={[styles.rowPreview, { color: theme.preview }]} numberOfLines={1} ellipsizeMode=\"tail\">\n {session.previewForRender}\n </Text>\n ) : null}\n </View>\n </Pressable>\n );\n}\n\nexport default function ChatHistoryLanding({ onSelectSession }: ChatHistoryLandingProps) {\n const { width: screenWidth } = useWindowDimensions();\n const colorScheme = useColorScheme();\n const isDark = colorScheme === 'dark';\n const theme = React.useMemo(() => buildTheme(isDark), [isDark]);\n\n const apollo = useApolloClient();\n const { orgName, loading: idsLoading } = usePrerequisiteIds();\n\n const {\n sessions: liveSessions,\n sessionsLoaded,\n refetch,\n sourceChannelCount,\n } = useChatHistorySessionsFromChannels(orgName, { skip: !orgName });\n\n /** \"Now\" reference recomputed on refresh so relative timestamps re-evaluate cleanly. */\n const [nowTs, setNowTs] = React.useState(() => Date.now());\n const [refreshing, setRefreshing] = React.useState(false);\n /** Manually fetched older pages (channel-paginated, appended). */\n const [olderSessions, setOlderSessions] = React.useState<ChatHistorySession[]>([]);\n /** True only when the last fetch returned a full page of channels (there may be more). */\n const [hasMore, setHasMore] = React.useState(false);\n const [loadingMore, setLoadingMore] = React.useState(false);\n\n /**\n * \"Load older\" eligibility tracks the live first page's raw channel count.\n * When older pages are appended, `onLoadMore` updates `hasMore` from its\n * own response. When older pages are reset (refresh), this effect realigns.\n */\n React.useEffect(() => {\n if (olderSessions.length > 0) return;\n setHasMore(sourceChannelCount >= HISTORY_PAGE_SIZE);\n }, [sourceChannelCount, olderSessions.length]);\n\n /** Re-fetch first page on focus (e.g. returning from a chat). */\n useFocusEffect(\n React.useCallback(() => {\n if (!orgName) return;\n void refetch(getHistoryChannelsQueryVariables(orgName)).catch(() => {\n /* network errors surface in the watched query state. */\n });\n }, [orgName, refetch]),\n );\n\n const onRefresh = React.useCallback(async () => {\n if (!orgName) return;\n setRefreshing(true);\n try {\n await refetch(getHistoryChannelsQueryVariables(orgName));\n setOlderSessions([]);\n setNowTs(Date.now());\n } catch {\n /* refetch errors surface via loading state. */\n } finally {\n setRefreshing(false);\n }\n }, [orgName, refetch]);\n\n /**\n * \"Load older\": one-off `client.query` against `channelsByUser` with the next\n * `skip`. We don't bump the watched query's variables (that would re-key the\n * cache slot and shrink `liveSessions`).\n */\n const onLoadMore = React.useCallback(async () => {\n if (!orgName || loadingMore || !hasMore) return;\n setLoadingMore(true);\n try {\n const nextSkip = liveSessions.length + olderSessions.length;\n const result = await apollo.query({\n query: GetChannelsByUserWithLastMessageDocument,\n variables: getHistoryChannelsQueryVariables(orgName, {\n skip: nextSkip,\n limit: HISTORY_PAGE_SIZE,\n }),\n fetchPolicy: 'network-only',\n });\n const rawCount = (result.data?.channelsByUser ?? []).length;\n const nextBatch = chatHistorySessionsFromChannels(result.data as any);\n if (nextBatch.length === 0) {\n setHasMore(false);\n } else {\n setOlderSessions((prev) => {\n const map = new Map<string, ChatHistorySession>();\n for (const s of prev) map.set(s.channelId, s);\n for (const s of nextBatch) map.set(s.channelId, s);\n return Array.from(map.values());\n });\n setHasMore(rawCount >= HISTORY_PAGE_SIZE);\n }\n } catch {\n /* next \"Load older\" tap retries the same skip. */\n } finally {\n setLoadingMore(false);\n }\n }, [apollo, hasMore, liveSessions.length, loadingMore, olderSessions, orgName]);\n\n /**\n * Merge live + older, dedupe on channelId (live wins so streaming title /\n * lastMessage updates are reflected), sort descending by activity, then\n * pre-truncate strings for one-line render.\n */\n const sessions: SessionRow[] = React.useMemo(() => {\n const map = new Map<string, ChatHistorySession>();\n for (const s of olderSessions) map.set(s.channelId, s);\n for (const s of liveSessions) map.set(s.channelId, s);\n return Array.from(map.values())\n .sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime())\n .map((s) => ({\n ...s,\n id: s.channelId,\n titleForRender: truncate(s.title, 64),\n previewForRender: s.preview ? truncate(s.preview, 96) : '',\n sortAt: s.updatedAt.getTime(),\n }));\n }, [liveSessions, olderSessions]);\n\n const sections = React.useMemo(() => buildSections(sessions, nowTs), [sessions, nowTs]);\n /**\n * Initial-load window: the loader shows ONLY before we have data we can\n * render — i.e. before prerequisite ids resolve or before Apollo has served\n * a result (cache or network) for this org.\n *\n * Critically, `sessionsLoaded` (`data !== undefined`) flips true synchronously\n * on a cache hit, so revisiting the screen does not re-flash the loader while\n * Apollo revalidates in the background. We also do NOT gate on\n * `sessions.length === 0` here — a cached-but-empty list should drop straight\n * into the dedicated empty state, not the spinner.\n */\n const initialLoading = !sessionsLoaded || idsLoading || !orgName;\n const contentMaxWidth = Math.min(720, Math.max(360, screenWidth - 24));\n const containerStyle = { maxWidth: contentMaxWidth, alignSelf: 'center' as const, width: '100%' as const };\n\n const listFooter = hasMore ? (\n <View style={[styles.footer, containerStyle]}>\n <Pressable\n onPress={() => void onLoadMore()}\n disabled={loadingMore}\n style={({ pressed }) => [\n styles.loadMore,\n {\n backgroundColor: theme.loadMoreBg,\n borderColor: theme.loadMoreBorder,\n },\n loadingMore && { opacity: 0.7 },\n pressed && !loadingMore && { opacity: 0.8 },\n ]}\n accessibilityRole=\"button\"\n accessibilityLabel=\"Load older conversations\"\n >\n {loadingMore ? (\n <ActivityIndicator size=\"small\" color={theme.loadMoreText} />\n ) : (\n <Text style={[styles.loadMoreText, { color: theme.loadMoreText }]}>Load older</Text>\n )}\n </Pressable>\n </View>\n ) : !hasMore && sessions.length > 0 ? (\n <View style={[styles.endHint, containerStyle]}>\n <View style={[styles.endHintDot, { backgroundColor: theme.endDot, opacity: 0.5 }]} />\n <Text style={[styles.endHintText, { color: theme.muted }]}>{\"You're all caught up\"}</Text>\n </View>\n ) : (\n <View style={{ height: 24 }} />\n );\n\n /**\n * Hairline divider between rows, inset to start where the title column does\n * (past the 40px tile + 14px gap = 54px). Quieter than full-bleed; confirms\n * the column the eye is scanning.\n */\n const renderItemSeparator = React.useCallback(\n () => <View style={[styles.divider, { backgroundColor: theme.divider }]} />,\n [theme.divider],\n );\n\n return (\n <View style={[styles.container, { backgroundColor: theme.bg }]}>\n {initialLoading ? (\n /**\n * Initial-fetch state mirrors the web composer's \"Thinking…\" pill\n * (see `packages-modules/account/browser/src/pages/chat/ChatSessionPage.tsx`):\n * a thin spinning arc + 12px muted caption, both tinted with\n * `theme.muted` so the indicator reads as a quiet status row\n * rather than a brand-stamped loading screen.\n */\n <View style={styles.emptyStateWrap}>\n <ThinkingIndicator color={theme.muted} />\n </View>\n ) : sessions.length === 0 ? (\n <View style={styles.emptyStateWrap}>\n {/**\n * Empty-state mark: circular neutral disk with a Lucide-style chat\n * bubble. Uses Feather (same glyph family as the web's lucide-react\n * `MessageCircle`) instead of MCI so the rounded body + tail proportions\n * match the web reference 1:1. Glyph fills ~55% of the disk so it\n * reads as a real focal point, not decoration.\n */}\n <View style={[styles.emptyMark, { backgroundColor: theme.emptyMarkBg }]}>\n <Feather name=\"message-circle\" size={40} color={theme.emptyMarkIcon} />\n </View>\n <Text style={[styles.emptyTitle, { color: theme.title }]}>No conversations yet</Text>\n <Text style={[styles.emptySubtitle, { color: theme.muted }]}>\n Start your first chat to see your conversation history here.\n </Text>\n </View>\n ) : (\n <SectionList\n sections={sections}\n keyExtractor={(item) => item.channelId}\n stickySectionHeadersEnabled={false}\n contentContainerStyle={[styles.listContent, containerStyle, { paddingBottom: 32 }]}\n ListFooterComponent={listFooter}\n ItemSeparatorComponent={renderItemSeparator}\n refreshControl={\n <RefreshControl\n refreshing={refreshing}\n onRefresh={() => void onRefresh()}\n tintColor={theme.refreshTint}\n colors={[theme.refreshTint]}\n />\n }\n renderSectionHeader={({ section }) => (\n <View style={styles.sectionHeader}>\n <Text style={[styles.sectionLabel, { color: theme.sectionLabel }]}>{section.title}</Text>\n </View>\n )}\n renderItem={({ item }) => (\n <ChatHistoryRow\n session={item}\n onSelectSession={onSelectSession}\n theme={theme}\n timeLabel={relativeTime(item.sortAt, nowTs)}\n />\n )}\n showsVerticalScrollIndicator={false}\n />\n )}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n listContent: {\n paddingHorizontal: 20,\n paddingTop: 4,\n },\n /**\n * Section header: sentence case, indigo-tinted, modest size. 28px top padding\n * establishes rhythm between groups without dead air below the label.\n */\n sectionHeader: {\n paddingTop: 28,\n paddingBottom: 10,\n paddingHorizontal: 2,\n },\n sectionLabel: {\n fontSize: 12,\n fontWeight: '600',\n letterSpacing: 0.2,\n textTransform: 'none',\n },\n /**\n * Row: leading 40×40 mode tile, two-line body (title + preview), right-aligned\n * date aligned to the title's baseline. 14px gap matches the tile-to-text\n * rhythm in Manus / iOS Mail.\n */\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingVertical: 12,\n paddingHorizontal: 2,\n gap: 14,\n },\n tile: {\n width: 40,\n height: 40,\n borderRadius: 12,\n alignItems: 'center',\n justifyContent: 'center',\n },\n rowBody: {\n flex: 1,\n minWidth: 0,\n },\n rowHeader: {\n flexDirection: 'row',\n alignItems: 'baseline',\n gap: 10,\n },\n rowTitle: {\n flex: 1,\n fontSize: 16,\n fontWeight: '600',\n letterSpacing: -0.1,\n lineHeight: 22,\n },\n rowTitlePlaceholder: {\n fontWeight: '500',\n fontStyle: 'italic',\n },\n rowDate: {\n fontSize: 12.5,\n fontWeight: '500',\n fontVariant: ['tabular-nums'],\n },\n rowPreview: {\n marginTop: 2,\n fontSize: 13.5,\n lineHeight: 19,\n fontWeight: '400',\n letterSpacing: -0.05,\n },\n /**\n * Indented hairline: starts past the tile column (40 + 14 = 54) so the rule\n * aligns with the title's leading edge. Mail-style.\n */\n divider: {\n height: StyleSheet.hairlineWidth,\n marginLeft: 56,\n },\n footer: {\n paddingTop: 28,\n paddingBottom: 8,\n alignItems: 'center',\n },\n /** Bordered ink-neutral pill. Label is the affordance, no leading icon, no chevron. */\n loadMore: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 10,\n paddingHorizontal: 18,\n borderRadius: 999,\n borderWidth: 1,\n minWidth: 132,\n },\n loadMoreText: {\n fontSize: 13.5,\n fontWeight: '600',\n letterSpacing: -0.05,\n },\n endHint: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 8,\n paddingTop: 32,\n paddingBottom: 12,\n },\n endHintDot: {\n width: 4,\n height: 4,\n borderRadius: 2,\n },\n endHintText: {\n fontSize: 12.5,\n fontWeight: '500',\n letterSpacing: 0.1,\n },\n /**\n * Empty state: stack a 64×64 indigo-tinted mark over title + subtitle.\n * Generous vertical gap (16) between mark and title; tighter gap (6)\n * between title and subtitle so the pair reads as one unit hanging off\n * the mark, not three independent items.\n */\n emptyStateWrap: {\n flex: 1,\n minHeight: 420,\n alignItems: 'center',\n justifyContent: 'center',\n paddingHorizontal: 32,\n },\n emptyMark: {\n width: 72,\n height: 72,\n borderRadius: 36,\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: 18,\n },\n emptyTitle: {\n fontSize: 20,\n fontWeight: '700',\n letterSpacing: -0.3,\n textAlign: 'center',\n marginBottom: 6,\n },\n emptySubtitle: {\n fontSize: 14,\n lineHeight: 20,\n textAlign: 'center',\n maxWidth: 340,\n },\n});\n"],"names":["d"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChatHistoryLanding.js","sources":["../../../../src/screens/Home/components/ChatHistoryLanding.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ActivityIndicator,\n Pressable,\n RefreshControl,\n SectionList,\n StyleSheet,\n View,\n useColorScheme,\n useWindowDimensions,\n} from 'react-native';\nimport { Feather, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport { useFocusEffect } from '@react-navigation/native';\nimport {\n HISTORY_PAGE_SIZE,\n chatHistorySessionsFromChannels,\n getHistoryChannelsQueryVariables,\n useChatHistorySessionsFromChannels,\n type ChatHistoryMode,\n type ChatHistorySession,\n} from '../../../hooks/useChatApi';\nimport { useApolloClient } from '@apollo/client';\nimport { GetChannelsByUserWithLastMessageDocument } from 'common/graphql';\nimport { usePrerequisiteIds } from '../../../hooks/usePrerequisiteIds';\nimport ThinkingIndicator from '../../../components/ThinkingIndicator';\nimport { mobileTokens } from '../../../theme/mobileTokens';\n\n/**\n * Chat history list for mobile.\n *\n * Data: `useGetChannelsByUserWithLastMessageQuery` returning one row per channel\n * with `lastMessage` carrying the parent user prompt and the assistant reply.\n *\n * Layout: Manus-style two-line row — 40×40 leading mode tile, **line 1** =\n * `lastMessage.propsConfiguration.contents.parent.message` (user prompt),\n * **line 2** = `lastMessage.message` (latest post body, including agent errors\n * such as lines starting with ⚠), right-aligned short date. Indigo-tinted\n * neutrals so the surface stays in the Yantra brand register.\n *\n * Mode tile carries real information (chat vs deep-search), not decoration —\n * different modes get different glyphs and tints.\n */\ninterface ChatHistoryLandingProps {\n /**\n * `mode` is derived per-row via `detectMode(channel)`. Build sessions open\n * Web Builder; chat / deep-search open Chat.\n */\n onSelectSession: (channelId: string, mode: ChatHistoryMode) => void;\n /** Kept in the contract; not surfaced here — new-chat lives in the screen header. */\n onCompose: () => void;\n}\n\ninterface SessionRow extends ChatHistorySession {\n id: string;\n /** Pre-truncated title for one-line render. */\n titleForRender: string;\n /** Pre-truncated preview for one-line render (empty if suppressed upstream). */\n previewForRender: string;\n /** Cached unix-ms for bucketing / sorting. */\n sortAt: number;\n}\n\ninterface SessionSection {\n key: 'today' | 'yesterday' | 'week' | 'earlier';\n title: string;\n data: SessionRow[];\n}\n\nfunction truncate(text: string, max = 96): string {\n const cleaned = text.replace(/\\s+/g, ' ').trim();\n if (cleaned.length <= max) return cleaned;\n return `${cleaned.slice(0, max).trim()}...`;\n}\n\nconst WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction relativeTime(ts: number, now: number): string {\n const deltaMs = now - ts;\n if (deltaMs < 60_000) return 'now';\n const minutes = Math.floor(deltaMs / 60_000);\n if (minutes < 60) return `${minutes}m`;\n const hours = Math.floor(minutes / 60);\n if (hours < 24) return `${hours}h`;\n const days = Math.floor(hours / 24);\n if (days < 7) {\n const d = new Date(ts);\n return WEEKDAYS[d.getDay()] ?? `${days}d`;\n }\n /**\n * 7d+: numeric short date (e.g. \"2/18\" matching the Manus reference). Year only\n * appears when crossing into a previous year, to keep the right column compact.\n */\n const d = new Date(ts);\n const sameYear = d.getFullYear() === new Date(now).getFullYear();\n const m = d.getMonth() + 1;\n const day = d.getDate();\n return sameYear ? `${m}/${day}` : `${m}/${day}/${String(d.getFullYear()).slice(2)}`;\n}\n\nfunction bucketFor(ts: number, now: number): SessionSection['key'] {\n const a = new Date(ts);\n const b = new Date(now);\n const startOf = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n const today = startOf(b);\n const yesterday = today - 24 * 60 * 60 * 1000;\n const weekAgo = today - 7 * 24 * 60 * 60 * 1000;\n const tsDay = startOf(a);\n if (tsDay >= today) return 'today';\n if (tsDay >= yesterday) return 'yesterday';\n if (tsDay >= weekAgo) return 'week';\n return 'earlier';\n}\n\nfunction buildSections(rows: SessionRow[], now: number): SessionSection[] {\n const buckets: Record<SessionSection['key'], SessionRow[]> = {\n today: [],\n yesterday: [],\n week: [],\n earlier: [],\n };\n for (const row of rows) {\n buckets[bucketFor(row.sortAt, now)].push(row);\n }\n const out: SessionSection[] = [];\n if (buckets.today.length) out.push({ key: 'today', title: 'Today', data: buckets.today });\n if (buckets.yesterday.length) out.push({ key: 'yesterday', title: 'Yesterday', data: buckets.yesterday });\n if (buckets.week.length) out.push({ key: 'week', title: 'This week', data: buckets.week });\n if (buckets.earlier.length) out.push({ key: 'earlier', title: 'Earlier', data: buckets.earlier });\n return out;\n}\n\n/**\n * Theme tokens.\n *\n * Color strategy: Monochrome ink. Chrome (section labels, chat tile, load-more\n * pill, end-of-list dot, press wash, refresh spinner) is rendered in tinted\n * neutrals so the only real color on the screen is the deep-search amber —\n * which then reliably signals a mode, not decoration. Neutrals carry chroma\n * 0.005–0.01 toward the brand hue (no pure `#fff` / `#000`).\n */\ninterface ThemeTokens {\n bg: string;\n surface: string;\n title: string;\n preview: string;\n meta: string;\n muted: string;\n divider: string;\n sectionLabel: string;\n /** Mode tile (chat) — neutral ink on neutral fill. */\n tileChatBg: string;\n tileChatIcon: string;\n /** Mode tile (deep-search) — amber kept as the one real mode color. */\n tileSearchBg: string;\n tileSearchIcon: string;\n /** Mode tile (build / Web Builder) — indigo, same accent as the composer lightbulb. */\n tileBuildBg: string;\n tileBuildIcon: string;\n pressed: string;\n loadMoreText: string;\n loadMoreBorder: string;\n loadMoreBg: string;\n refreshTint: string;\n endDot: string;\n /**\n * Empty-state mark — circular soft-neutral disk holding a chat glyph.\n * Matches the web reference (gray-on-gray circle), not the row mode tile.\n */\n emptyMarkBg: string;\n emptyMarkIcon: string;\n}\n\nfunction buildTheme(isDark: boolean): ThemeTokens {\n if (isDark) {\n return {\n bg: '#0b1220',\n surface: mobileTokens.color.surface,\n title: '#f1f5f9',\n preview: '#94a3b8',\n meta: '#9aa0b8',\n muted: '#7a809a',\n divider: 'rgba(148, 163, 184, 0.12)',\n sectionLabel: '#cbd5e1',\n tileChatBg: 'rgba(148, 163, 184, 0.16)',\n tileChatIcon: '#e2e8f0',\n tileSearchBg: 'rgba(251, 191, 36, 0.16)',\n tileSearchIcon: '#fde68a',\n tileBuildBg: 'rgba(129, 140, 248, 0.18)',\n tileBuildIcon: '#c7d2fe',\n pressed: 'rgba(148, 163, 184, 0.10)',\n loadMoreText: '#e2e8f0',\n loadMoreBorder: 'rgba(148, 163, 184, 0.28)',\n loadMoreBg: 'rgba(148, 163, 184, 0.10)',\n refreshTint: '#cbd5e1',\n endDot: '#94a3b8',\n emptyMarkBg: 'rgba(148, 163, 184, 0.18)',\n emptyMarkIcon: '#b4bccc',\n };\n }\n return {\n bg: mobileTokens.color.bg,\n surface: mobileTokens.color.surface,\n title: '#0b1424',\n preview: '#525a73',\n meta: '#7b8197',\n muted: '#94a3b8',\n divider: 'rgba(15, 23, 42, 0.06)',\n sectionLabel: '#374151',\n tileChatBg: 'rgba(15, 23, 42, 0.06)',\n tileChatIcon: '#1f2937',\n tileSearchBg: 'rgba(217, 119, 6, 0.10)',\n tileSearchIcon: '#b45309',\n tileBuildBg: mobileTokens.color.primarySoft,\n tileBuildIcon: mobileTokens.color.primary,\n pressed: 'rgba(15, 23, 42, 0.05)',\n loadMoreText: '#1f2937',\n loadMoreBorder: 'rgba(15, 23, 42, 0.15)',\n loadMoreBg: 'rgba(15, 23, 42, 0.04)',\n refreshTint: '#374151',\n endDot: '#9ca3af',\n emptyMarkBg: 'rgba(15, 23, 42, 0.07)',\n emptyMarkIcon: '#6b7280',\n };\n}\n\n/**\n * Leading 40×40 mode tile. Background and glyph reflect the conversation mode:\n * - chat → Lucide-style message bubble on indigo-tinted neutral\n * - deep-search → lightning glyph on amber-tinted neutral\n * - build → lightbulb on indigo (Web Builder sessions)\n *\n * Chat uses Feather (a Lucide port) so the row tile, the empty-state mark, and\n * the web header all share one bubble silhouette. Deep-search stays on MCI —\n * Feather has no acceptable lightning glyph and the amber/indigo split is\n * already the primary mode signal.\n *\n * Real information per row, not decoration.\n */\nfunction ModeTile({ mode, theme }: { mode: ChatHistoryMode; theme: ThemeTokens }) {\n if (mode === 'deep-search') {\n return (\n <View style={[styles.tile, { backgroundColor: theme.tileSearchBg }]}>\n <MaterialCommunityIcons name=\"lightning-bolt-outline\" size={18} color={theme.tileSearchIcon} />\n </View>\n );\n }\n if (mode === 'build') {\n return (\n <View style={[styles.tile, { backgroundColor: theme.tileBuildBg }]}>\n <MaterialCommunityIcons name=\"lightbulb-outline\" size={18} color={theme.tileBuildIcon} />\n </View>\n );\n }\n return (\n <View style={[styles.tile, { backgroundColor: theme.tileChatBg }]}>\n <Feather name=\"message-circle\" size={18} color={theme.tileChatIcon} />\n </View>\n );\n}\n\nfunction ChatHistoryRow({\n session,\n onSelectSession,\n theme,\n timeLabel,\n}: {\n session: SessionRow;\n onSelectSession: (channelId: string, mode: ChatHistoryMode) => void;\n theme: ThemeTokens;\n timeLabel: string;\n}) {\n const titleColor = session.isPlaceholder ? theme.preview : theme.title;\n const titleStyle = [\n styles.rowTitle,\n { color: titleColor },\n session.isPlaceholder ? styles.rowTitlePlaceholder : null,\n ];\n return (\n <Pressable\n onPress={() => onSelectSession(session.channelId, session.mode)}\n style={({ pressed }) => [styles.row, pressed && { backgroundColor: theme.pressed }]}\n accessibilityRole=\"button\"\n accessibilityLabel={\n session.previewForRender\n ? `Open conversation: ${session.titleForRender}. ${session.previewForRender}. ${timeLabel}`\n : `Open conversation: ${session.titleForRender}, ${timeLabel}`\n }\n >\n <ModeTile mode={session.mode} theme={theme} />\n <View style={styles.rowBody}>\n <View style={styles.rowHeader}>\n <Text style={titleStyle} numberOfLines={1} ellipsizeMode=\"tail\">\n {session.titleForRender}\n </Text>\n <Text style={[styles.rowDate, { color: theme.meta }]} numberOfLines={1}>\n {timeLabel}\n </Text>\n </View>\n {session.previewForRender ? (\n <Text style={[styles.rowPreview, { color: theme.preview }]} numberOfLines={1} ellipsizeMode=\"tail\">\n {session.previewForRender}\n </Text>\n ) : null}\n </View>\n </Pressable>\n );\n}\n\nexport default function ChatHistoryLanding({ onSelectSession }: ChatHistoryLandingProps) {\n const { width: screenWidth } = useWindowDimensions();\n const colorScheme = useColorScheme();\n const isDark = colorScheme === 'dark';\n const theme = React.useMemo(() => buildTheme(isDark), [isDark]);\n\n const apollo = useApolloClient();\n const { orgName, loading: idsLoading } = usePrerequisiteIds();\n\n const {\n sessions: liveSessions,\n sessionsLoaded,\n refetch,\n sourceChannelCount,\n } = useChatHistorySessionsFromChannels(orgName, { skip: !orgName });\n\n /** \"Now\" reference recomputed on refresh so relative timestamps re-evaluate cleanly. */\n const [nowTs, setNowTs] = React.useState(() => Date.now());\n const [refreshing, setRefreshing] = React.useState(false);\n /** Manually fetched older pages (channel-paginated, appended). */\n const [olderSessions, setOlderSessions] = React.useState<ChatHistorySession[]>([]);\n /** True only when the last fetch returned a full page of channels (there may be more). */\n const [hasMore, setHasMore] = React.useState(false);\n const [loadingMore, setLoadingMore] = React.useState(false);\n\n /**\n * \"Load older\" eligibility tracks the live first page's raw channel count.\n * When older pages are appended, `onLoadMore` updates `hasMore` from its\n * own response. When older pages are reset (refresh), this effect realigns.\n */\n React.useEffect(() => {\n if (olderSessions.length > 0) return;\n setHasMore(sourceChannelCount >= HISTORY_PAGE_SIZE);\n }, [sourceChannelCount, olderSessions.length]);\n\n /** Re-fetch first page on focus (e.g. returning from a chat). */\n useFocusEffect(\n React.useCallback(() => {\n if (!orgName) return;\n void refetch(getHistoryChannelsQueryVariables(orgName)).catch(() => {\n /* network errors surface in the watched query state. */\n });\n }, [orgName, refetch]),\n );\n\n const onRefresh = React.useCallback(async () => {\n if (!orgName) return;\n setRefreshing(true);\n try {\n await refetch(getHistoryChannelsQueryVariables(orgName));\n setOlderSessions([]);\n setNowTs(Date.now());\n } catch {\n /* refetch errors surface via loading state. */\n } finally {\n setRefreshing(false);\n }\n }, [orgName, refetch]);\n\n /**\n * \"Load older\": one-off `client.query` against `channelsByUser` with the next\n * `skip`. We don't bump the watched query's variables (that would re-key the\n * cache slot and shrink `liveSessions`).\n */\n const onLoadMore = React.useCallback(async () => {\n if (!orgName || loadingMore || !hasMore) return;\n setLoadingMore(true);\n try {\n const nextSkip = liveSessions.length + olderSessions.length;\n const result = await apollo.query({\n query: GetChannelsByUserWithLastMessageDocument,\n variables: getHistoryChannelsQueryVariables(orgName, {\n skip: nextSkip,\n limit: HISTORY_PAGE_SIZE,\n }),\n fetchPolicy: 'network-only',\n });\n const rawCount = (result.data?.channelsByUser ?? []).length;\n const nextBatch = chatHistorySessionsFromChannels(result.data as any);\n if (nextBatch.length === 0) {\n setHasMore(false);\n } else {\n setOlderSessions((prev) => {\n const map = new Map<string, ChatHistorySession>();\n for (const s of prev) map.set(s.channelId, s);\n for (const s of nextBatch) map.set(s.channelId, s);\n return Array.from(map.values());\n });\n setHasMore(rawCount >= HISTORY_PAGE_SIZE);\n }\n } catch {\n /* next \"Load older\" tap retries the same skip. */\n } finally {\n setLoadingMore(false);\n }\n }, [apollo, hasMore, liveSessions.length, loadingMore, olderSessions, orgName]);\n\n /**\n * Merge live + older, dedupe on channelId (live wins so streaming title /\n * lastMessage updates are reflected), sort descending by activity, then\n * pre-truncate strings for one-line render.\n */\n const sessions: SessionRow[] = React.useMemo(() => {\n const map = new Map<string, ChatHistorySession>();\n for (const s of olderSessions) map.set(s.channelId, s);\n for (const s of liveSessions) map.set(s.channelId, s);\n return Array.from(map.values())\n .sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime())\n .map((s) => ({\n ...s,\n id: s.channelId,\n titleForRender: truncate(s.title, 64),\n previewForRender: s.preview ? truncate(s.preview, 96) : '',\n sortAt: s.updatedAt.getTime(),\n }));\n }, [liveSessions, olderSessions]);\n\n const sections = React.useMemo(() => buildSections(sessions, nowTs), [sessions, nowTs]);\n /**\n * Initial-load window: the loader shows ONLY before we have data we can\n * render — i.e. before prerequisite ids resolve or before Apollo has served\n * a result (cache or network) for this org.\n *\n * Critically, `sessionsLoaded` (`data !== undefined`) flips true synchronously\n * on a cache hit, so revisiting the screen does not re-flash the loader while\n * Apollo revalidates in the background. We also do NOT gate on\n * `sessions.length === 0` here — a cached-but-empty list should drop straight\n * into the dedicated empty state, not the spinner.\n */\n const initialLoading = !sessionsLoaded || idsLoading || !orgName;\n const contentMaxWidth = Math.min(720, Math.max(360, screenWidth - 24));\n const containerStyle = { maxWidth: contentMaxWidth, alignSelf: 'center' as const, width: '100%' as const };\n\n const listFooter = hasMore ? (\n <View style={[styles.footer, containerStyle]}>\n <Pressable\n onPress={() => void onLoadMore()}\n disabled={loadingMore}\n style={({ pressed }) => [\n styles.loadMore,\n {\n backgroundColor: theme.loadMoreBg,\n borderColor: theme.loadMoreBorder,\n },\n loadingMore && { opacity: 0.7 },\n pressed && !loadingMore && { opacity: 0.8 },\n ]}\n accessibilityRole=\"button\"\n accessibilityLabel=\"Load older conversations\"\n >\n {loadingMore ? (\n <ActivityIndicator size=\"small\" color={theme.loadMoreText} />\n ) : (\n <Text style={[styles.loadMoreText, { color: theme.loadMoreText }]}>Load older</Text>\n )}\n </Pressable>\n </View>\n ) : !hasMore && sessions.length > 0 ? (\n <View style={[styles.endHint, containerStyle]}>\n <View style={[styles.endHintDot, { backgroundColor: theme.endDot, opacity: 0.5 }]} />\n <Text style={[styles.endHintText, { color: theme.muted }]}>{\"You're all caught up\"}</Text>\n </View>\n ) : (\n <View style={{ height: 24 }} />\n );\n\n /**\n * Hairline divider between rows, inset to start where the title column does\n * (past the 40px tile + 14px gap = 54px). Quieter than full-bleed; confirms\n * the column the eye is scanning.\n */\n const renderItemSeparator = React.useCallback(\n () => <View style={[styles.divider, { backgroundColor: theme.divider }]} />,\n [theme.divider],\n );\n\n return (\n <View style={[styles.container, { backgroundColor: theme.bg }]}>\n {initialLoading ? (\n /**\n * Initial-fetch state mirrors the web composer's \"Thinking…\" pill\n * (see `packages-modules/account/browser/src/pages/chat/ChatSessionPage.tsx`):\n * a thin spinning arc + 12px muted caption, both tinted with\n * `theme.muted` so the indicator reads as a quiet status row\n * rather than a brand-stamped loading screen.\n */\n <View style={styles.emptyStateWrap}>\n <ThinkingIndicator color={theme.muted} />\n </View>\n ) : sessions.length === 0 ? (\n <View style={styles.emptyStateWrap}>\n {/**\n * Empty-state mark: circular neutral disk with a Lucide-style chat\n * bubble. Uses Feather (same glyph family as the web's lucide-react\n * `MessageCircle`) instead of MCI so the rounded body + tail proportions\n * match the web reference 1:1. Glyph fills ~55% of the disk so it\n * reads as a real focal point, not decoration.\n */}\n <View style={[styles.emptyMark, { backgroundColor: theme.emptyMarkBg }]}>\n <Feather name=\"message-circle\" size={40} color={theme.emptyMarkIcon} />\n </View>\n <Text style={[styles.emptyTitle, { color: theme.title }]}>No conversations yet</Text>\n <Text style={[styles.emptySubtitle, { color: theme.muted }]}>\n Start your first chat to see your conversation history here.\n </Text>\n </View>\n ) : (\n <SectionList\n sections={sections}\n keyExtractor={(item) => item.channelId}\n stickySectionHeadersEnabled={false}\n contentContainerStyle={[styles.listContent, containerStyle, { paddingBottom: 32 }]}\n ListFooterComponent={listFooter}\n ItemSeparatorComponent={renderItemSeparator}\n refreshControl={\n <RefreshControl\n refreshing={refreshing}\n onRefresh={() => void onRefresh()}\n tintColor={theme.refreshTint}\n colors={[theme.refreshTint]}\n />\n }\n renderSectionHeader={({ section }) => (\n <View style={styles.sectionHeader}>\n <Text style={[styles.sectionLabel, { color: theme.sectionLabel }]}>{section.title}</Text>\n </View>\n )}\n renderItem={({ item }) => (\n <ChatHistoryRow\n session={item}\n onSelectSession={onSelectSession}\n theme={theme}\n timeLabel={relativeTime(item.sortAt, nowTs)}\n />\n )}\n showsVerticalScrollIndicator={false}\n />\n )}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n listContent: {\n paddingHorizontal: 20,\n paddingTop: 4,\n },\n /**\n * Section header: sentence case, indigo-tinted, modest size. 28px top padding\n * establishes rhythm between groups without dead air below the label.\n */\n sectionHeader: {\n paddingTop: 28,\n paddingBottom: 10,\n paddingHorizontal: 2,\n },\n sectionLabel: {\n fontSize: 12,\n fontWeight: '600',\n letterSpacing: 0.2,\n textTransform: 'none',\n },\n /**\n * Row: leading 40×40 mode tile, two-line body (title + preview), right-aligned\n * date aligned to the title's baseline. 14px gap matches the tile-to-text\n * rhythm in Manus / iOS Mail.\n */\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingVertical: 12,\n paddingHorizontal: 2,\n gap: 14,\n },\n tile: {\n width: 40,\n height: 40,\n borderRadius: 12,\n alignItems: 'center',\n justifyContent: 'center',\n },\n rowBody: {\n flex: 1,\n minWidth: 0,\n },\n rowHeader: {\n flexDirection: 'row',\n alignItems: 'baseline',\n gap: 10,\n },\n rowTitle: {\n flex: 1,\n fontSize: 16,\n fontWeight: '600',\n letterSpacing: -0.1,\n lineHeight: 22,\n },\n rowTitlePlaceholder: {\n fontWeight: '500',\n fontStyle: 'italic',\n },\n rowDate: {\n fontSize: 12.5,\n fontWeight: '500',\n fontVariant: ['tabular-nums'],\n },\n rowPreview: {\n marginTop: 2,\n fontSize: 13.5,\n lineHeight: 19,\n fontWeight: '400',\n letterSpacing: -0.05,\n },\n /**\n * Indented hairline: starts past the tile column (40 + 14 = 54) so the rule\n * aligns with the title's leading edge. Mail-style.\n */\n divider: {\n height: StyleSheet.hairlineWidth,\n marginLeft: 56,\n },\n footer: {\n paddingTop: 28,\n paddingBottom: 8,\n alignItems: 'center',\n },\n /** Bordered ink-neutral pill. Label is the affordance, no leading icon, no chevron. */\n loadMore: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 10,\n paddingHorizontal: 18,\n borderRadius: 999,\n borderWidth: 1,\n minWidth: 132,\n },\n loadMoreText: {\n fontSize: 13.5,\n fontWeight: '600',\n letterSpacing: -0.05,\n },\n endHint: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 8,\n paddingTop: 32,\n paddingBottom: 12,\n },\n endHintDot: {\n width: 4,\n height: 4,\n borderRadius: 2,\n },\n endHintText: {\n fontSize: 12.5,\n fontWeight: '500',\n letterSpacing: 0.1,\n },\n /**\n * Empty state: stack a 64×64 indigo-tinted mark over title + subtitle.\n * Generous vertical gap (16) between mark and title; tighter gap (6)\n * between title and subtitle so the pair reads as one unit hanging off\n * the mark, not three independent items.\n */\n emptyStateWrap: {\n flex: 1,\n minHeight: 420,\n alignItems: 'center',\n justifyContent: 'center',\n paddingHorizontal: 32,\n },\n emptyMark: {\n width: 72,\n height: 72,\n borderRadius: 36,\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: 18,\n },\n emptyTitle: {\n fontSize: 20,\n fontWeight: '700',\n letterSpacing: -0.3,\n textAlign: 'center',\n marginBottom: 6,\n },\n emptySubtitle: {\n fontSize: 14,\n lineHeight: 20,\n textAlign: 'center',\n maxWidth: 340,\n },\n});\n"],"names":["d"],"mappings":"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"}
|
|
@@ -28,7 +28,8 @@ function HomeSuggestions({
|
|
|
28
28
|
isDark,
|
|
29
29
|
primaryTextColor,
|
|
30
30
|
secondaryTextColor,
|
|
31
|
-
onInjectPrompt
|
|
31
|
+
onInjectPrompt,
|
|
32
|
+
compact = false
|
|
32
33
|
}) {
|
|
33
34
|
const [seed, setSeed] = useState(0);
|
|
34
35
|
const suggestions = useMemo(() => {
|
|
@@ -39,7 +40,7 @@ function HomeSuggestions({
|
|
|
39
40
|
const shuffle = useCallback(() => setSeed((n) => n + 1), []);
|
|
40
41
|
const borderColor = isDark ? "rgba(148,163,184,0.28)" : mobileTokens.color.border;
|
|
41
42
|
const chipBg = isDark ? "#0f172a" : mobileTokens.color.surface;
|
|
42
|
-
return /* @__PURE__ */ jsxs(View, { style: styles.wrap, children: [
|
|
43
|
+
return /* @__PURE__ */ jsxs(View, { style: [styles.wrap, compact ? styles.wrapCompact : null], children: [
|
|
43
44
|
/* @__PURE__ */ jsxs(View, { style: styles.captionRow, children: [
|
|
44
45
|
/* @__PURE__ */ jsx(Text, { style: [styles.caption, {
|
|
45
46
|
color: secondaryTextColor
|
|
@@ -69,6 +70,10 @@ const styles = StyleSheet.create({
|
|
|
69
70
|
alignItems: "center",
|
|
70
71
|
gap: 12
|
|
71
72
|
},
|
|
73
|
+
wrapCompact: {
|
|
74
|
+
marginTop: 12,
|
|
75
|
+
gap: 8
|
|
76
|
+
},
|
|
72
77
|
captionRow: {
|
|
73
78
|
flexDirection: "row",
|
|
74
79
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HomeSuggestions.js","sources":["../../../../src/screens/Home/components/HomeSuggestions.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport { mobileTokens } from '../../../theme/mobileTokens';\nimport type { RoutingMode } from '../types';\n\ntype IconName = React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n\ntype HomeSuggestion = {\n id: string;\n label: string;\n icon: IconName;\n prompt: string;\n mode?: RoutingMode;\n};\n\n/** Same starter set the browser home shows under the composer. */\nconst HOME_SUGGESTIONS: readonly HomeSuggestion[] = [\n {\n id: 'connect-apps',\n label: 'Connect your apps',\n icon: 'puzzle-outline',\n prompt: 'Show me which apps I can connect, and help me connect the ones I use daily.',\n },\n {\n id: 'design',\n label: 'Design a landing page',\n icon: 'palette-outline',\n prompt: 'Design a landing page for my product. Start with the hero and the pricing section.',\n },\n {\n id: 'canvas',\n label: 'Open a canvas',\n icon: 'view-grid-outline',\n prompt: 'Open a canvas and help me lay out the assets for this project.',\n },\n {\n id: 'paper2poster',\n label: 'Turn a paper into a poster',\n icon: 'monitor-screenshot',\n prompt: 'Turn this research paper into a conference poster I can edit.',\n },\n {\n id: 'inbox',\n label: 'Get to inbox zero',\n icon: 'email-outline',\n prompt: 'Go through my inbox, tell me what actually needs a reply, and draft those replies.',\n },\n];\n\nexport type HomeSuggestionsProps = {\n isDark: boolean;\n primaryTextColor: string;\n secondaryTextColor: string;\n onInjectPrompt: (prompt: string, mode?: RoutingMode) => void;\n};\n\nexport function HomeSuggestions({\n isDark,\n primaryTextColor,\n secondaryTextColor,\n onInjectPrompt,\n}: HomeSuggestionsProps) {\n const [seed, setSeed] = useState(0);\n const suggestions = useMemo(() => {\n const rotated = [...HOME_SUGGESTIONS];\n const offset = seed % rotated.length;\n return [...rotated.slice(offset), ...rotated.slice(0, offset)];\n }, [seed]);\n\n const shuffle = useCallback(() => setSeed((n) => n + 1), []);\n const borderColor = isDark ? 'rgba(148,163,184,0.28)' : mobileTokens.color.border;\n const chipBg = isDark ? '#0f172a' : mobileTokens.color.surface;\n\n return (\n <View style={styles.wrap}>\n <View style={styles.captionRow}>\n <Text style={[styles.caption, { color: secondaryTextColor }]}>Not sure where to start?</Text>\n <Pressable\n onPress={shuffle}\n hitSlop={8}\n accessibilityRole=\"button\"\n accessibilityLabel=\"Shuffle suggestions\"\n style={({ pressed }) => [styles.shuffle, pressed && styles.pressed]}\n >\n <MaterialCommunityIcons name=\"shuffle-variant\" size={14} color={secondaryTextColor} />\n </Pressable>\n </View>\n <View style={styles.chips}>\n {suggestions.map((item) => (\n <Pressable\n key={item.id}\n onPress={() => onInjectPrompt(item.prompt, item.mode)}\n accessibilityRole=\"button\"\n accessibilityLabel={item.label}\n style={({ pressed }) => [\n styles.chip,\n { borderColor, backgroundColor: chipBg },\n pressed && styles.pressed,\n ]}\n >\n <MaterialCommunityIcons name={item.icon} size={14} color={secondaryTextColor} />\n <Text style={[styles.chipLabel, { color: primaryTextColor }]}>{item.label}</Text>\n </Pressable>\n ))}\n </View>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n wrap: {\n width: '100%',\n maxWidth: 420,\n marginTop: 28,\n alignItems: 'center',\n gap: 12,\n },\n captionRow: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 4,\n },\n caption: {\n fontSize: 13,\n },\n shuffle: {\n width: 28,\n height: 28,\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 8,\n },\n chips: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'center',\n gap: 8,\n },\n chip: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n height: 34,\n paddingHorizontal: 12,\n borderRadius: 999,\n borderWidth: 1,\n },\n chipLabel: {\n fontSize: 13,\n fontWeight: '500',\n },\n pressed: {\n opacity: 0.72,\n },\n});\n\nexport default HomeSuggestions;\n"],"names":[],"mappings":"sTAgBA,MAAM,mBAA8C,CAAC;AAAA,EACnD,EAAI,EAAA,cAAA;AAAA,EACJ,KAAO,EAAA,mBAAA;AAAA,EACP,IAAM,EAAA,gBAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAG,EAAA;AAAA,EACD,EAAI,EAAA,QAAA;AAAA,EACJ,KAAO,EAAA,uBAAA;AAAA,EACP,IAAM,EAAA,iBAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAG,EAAA;AAAA,EACD,EAAI,EAAA,QAAA;AAAA,EACJ,KAAO,EAAA,eAAA;AAAA,EACP,IAAM,EAAA,mBAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAG,EAAA;AAAA,EACD,EAAI,EAAA,cAAA;AAAA,EACJ,KAAO,EAAA,4BAAA;AAAA,EACP,IAAM,EAAA,oBAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAG,EAAA;AAAA,EACD,EAAI,EAAA,OAAA;AAAA,EACJ,KAAO,EAAA,mBAAA;AAAA,EACP,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"HomeSuggestions.js","sources":["../../../../src/screens/Home/components/HomeSuggestions.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\nimport { mobileTokens } from '../../../theme/mobileTokens';\nimport type { RoutingMode } from '../types';\n\ntype IconName = React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n\ntype HomeSuggestion = {\n id: string;\n label: string;\n icon: IconName;\n prompt: string;\n mode?: RoutingMode;\n};\n\n/** Same starter set the browser home shows under the composer. */\nconst HOME_SUGGESTIONS: readonly HomeSuggestion[] = [\n {\n id: 'connect-apps',\n label: 'Connect your apps',\n icon: 'puzzle-outline',\n prompt: 'Show me which apps I can connect, and help me connect the ones I use daily.',\n },\n {\n id: 'design',\n label: 'Design a landing page',\n icon: 'palette-outline',\n prompt: 'Design a landing page for my product. Start with the hero and the pricing section.',\n },\n {\n id: 'canvas',\n label: 'Open a canvas',\n icon: 'view-grid-outline',\n prompt: 'Open a canvas and help me lay out the assets for this project.',\n },\n {\n id: 'paper2poster',\n label: 'Turn a paper into a poster',\n icon: 'monitor-screenshot',\n prompt: 'Turn this research paper into a conference poster I can edit.',\n },\n {\n id: 'inbox',\n label: 'Get to inbox zero',\n icon: 'email-outline',\n prompt: 'Go through my inbox, tell me what actually needs a reply, and draft those replies.',\n },\n];\n\nexport type HomeSuggestionsProps = {\n isDark: boolean;\n primaryTextColor: string;\n secondaryTextColor: string;\n onInjectPrompt: (prompt: string, mode?: RoutingMode) => void;\n compact?: boolean;\n};\n\nexport function HomeSuggestions({\n isDark,\n primaryTextColor,\n secondaryTextColor,\n onInjectPrompt,\n compact = false,\n}: HomeSuggestionsProps) {\n const [seed, setSeed] = useState(0);\n const suggestions = useMemo(() => {\n const rotated = [...HOME_SUGGESTIONS];\n const offset = seed % rotated.length;\n return [...rotated.slice(offset), ...rotated.slice(0, offset)];\n }, [seed]);\n\n const shuffle = useCallback(() => setSeed((n) => n + 1), []);\n const borderColor = isDark ? 'rgba(148,163,184,0.28)' : mobileTokens.color.border;\n const chipBg = isDark ? '#0f172a' : mobileTokens.color.surface;\n\n return (\n <View style={[styles.wrap, compact ? styles.wrapCompact : null]}>\n <View style={styles.captionRow}>\n <Text style={[styles.caption, { color: secondaryTextColor }]}>Not sure where to start?</Text>\n <Pressable\n onPress={shuffle}\n hitSlop={8}\n accessibilityRole=\"button\"\n accessibilityLabel=\"Shuffle suggestions\"\n style={({ pressed }) => [styles.shuffle, pressed && styles.pressed]}\n >\n <MaterialCommunityIcons name=\"shuffle-variant\" size={14} color={secondaryTextColor} />\n </Pressable>\n </View>\n <View style={styles.chips}>\n {suggestions.map((item) => (\n <Pressable\n key={item.id}\n onPress={() => onInjectPrompt(item.prompt, item.mode)}\n accessibilityRole=\"button\"\n accessibilityLabel={item.label}\n style={({ pressed }) => [\n styles.chip,\n { borderColor, backgroundColor: chipBg },\n pressed && styles.pressed,\n ]}\n >\n <MaterialCommunityIcons name={item.icon} size={14} color={secondaryTextColor} />\n <Text style={[styles.chipLabel, { color: primaryTextColor }]}>{item.label}</Text>\n </Pressable>\n ))}\n </View>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n wrap: {\n width: '100%',\n maxWidth: 420,\n marginTop: 28,\n alignItems: 'center',\n gap: 12,\n },\n wrapCompact: {\n marginTop: 12,\n gap: 8,\n },\n captionRow: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 4,\n },\n caption: {\n fontSize: 13,\n },\n shuffle: {\n width: 28,\n height: 28,\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 8,\n },\n chips: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'center',\n gap: 8,\n },\n chip: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n height: 34,\n paddingHorizontal: 12,\n borderRadius: 999,\n borderWidth: 1,\n },\n chipLabel: {\n fontSize: 13,\n fontWeight: '500',\n },\n pressed: {\n opacity: 0.72,\n },\n});\n\nexport default HomeSuggestions;\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adminide-stack/yantra-mobile",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.42-alpha.1",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"uuid": "^9.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"common": "12.0.40"
|
|
28
|
+
"common": "12.0.40-alpha.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@admin-layout/gluestack-ui-mobile": "*",
|
|
@@ -41,11 +41,12 @@
|
|
|
41
41
|
"@messenger-box/platform-mobile": "*",
|
|
42
42
|
"@react-native-async-storage/async-storage": "*",
|
|
43
43
|
"@react-navigation/native": "*",
|
|
44
|
-
"common": "12.0.40",
|
|
44
|
+
"common": "12.0.40-alpha.0",
|
|
45
45
|
"expo-constants": "*",
|
|
46
46
|
"expo-secure-store": "*",
|
|
47
47
|
"lodash": "*",
|
|
48
48
|
"react-native": "*",
|
|
49
|
+
"react-native-reanimated": "*",
|
|
49
50
|
"react-native-safe-area-context": "*",
|
|
50
51
|
"react-native-webview": "*"
|
|
51
52
|
},
|
|
@@ -55,5 +56,5 @@
|
|
|
55
56
|
"typescript": {
|
|
56
57
|
"definition": "lib/index.d.ts"
|
|
57
58
|
},
|
|
58
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "20bcebee0f612f3c6a47e235c5c5037522ebe84d"
|
|
59
60
|
}
|