A React Native app for the ultimate thinking partner.

feat: display reasoning content while streaming under '(co is thinking)'

Previously, when reasoning was streaming, only '(co is thinking)' appeared
without showing the actual reasoning content being generated.

Changes:
- Show LiveStatusIndicator with 'thinking' status when reasoning streams
- Display reasoning content below in a styled container while streaming
- Use similar styling to expanded reasoning blocks:
- Semi-transparent background
- Left border accent
- Consistent typography and spacing

Now the UI shows:
1. '(co is thinking)' - status indicator
2. The actual reasoning text as it streams in real-time
3. Proper visual styling matching finalized reasoning blocks

This improves transparency by letting users see the agent's thought
process in real-time instead of hiding it until completion.

+25 -2
+25 -2
App.tsx
··· 2160 2160 <Animated.View style={[styles.assistantFullWidthContainer, { minHeight: spacerHeightAnim, opacity: statusFadeAnim }]}> 2161 2161 {/* Streaming Block - show all current stream content */} 2162 2162 2163 - {/* Show thinking indicator while reasoning is streaming */} 2163 + {/* Show thinking indicator and reasoning while reasoning is streaming */} 2164 2164 {currentStream.reasoning && !currentStream.assistantMessage && currentStream.toolCalls.length === 0 && ( 2165 - <LiveStatusIndicator status="thinking" /> 2165 + <> 2166 + <LiveStatusIndicator status="thinking" /> 2167 + <View style={styles.reasoningStreamingContainer}> 2168 + <Text style={styles.reasoningStreamingText}>{currentStream.reasoning}</Text> 2169 + </View> 2170 + </> 2166 2171 )} 2167 2172 2168 2173 {/* Show tool calls if we have any */} ··· 3470 3475 padding: 8, 3471 3476 opacity: 0.3, 3472 3477 borderRadius: 4, 3478 + }, 3479 + reasoningStreamingContainer: { 3480 + paddingVertical: 12, 3481 + paddingHorizontal: 16, 3482 + paddingLeft: 20, 3483 + marginBottom: 12, 3484 + backgroundColor: 'rgba(255, 255, 255, 0.04)', 3485 + borderRadius: 8, 3486 + borderLeftWidth: 4, 3487 + borderLeftColor: '#555555', 3488 + overflow: 'hidden', 3489 + }, 3490 + reasoningStreamingText: { 3491 + fontSize: 14, 3492 + fontFamily: 'Lexend_400Regular', 3493 + color: darkTheme.colors.text.secondary, 3494 + lineHeight: 22, 3495 + fontStyle: 'normal', 3473 3496 }, 3474 3497 3475 3498 // Modal styles