diff --git a/components/ask/hello.tsx b/components/ask/hello.tsx
index 39cf38b..cf3a1bf 100644
--- a/components/ask/hello.tsx
+++ b/components/ask/hello.tsx
@@ -1,8 +1,9 @@
 import { ThemedText } from "@/components/ThemedText";
+import { webSocketManager } from "@/lib/websocket-util";
 import { Message } from "@/types/ask";
 import { Dispatch, SetStateAction, useCallback, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { View } from 'react-native';
+import { Image, ScrollView, StyleSheet, TouchableOpacity, useWindowDimensions, View } from 'react-native';
 import { createNewConversation } from "./utils";
 
 interface AskHelloProps {
@@ -12,68 +13,66 @@ interface AskHelloProps {
 }
 export default function AskHello({ setUserMessages, setConversationId, setIsHello }: AskHelloProps) {
     const { t } = useTranslation();
-    // const { width, height } = useWindowDimensions();
+    const { width, height } = useWindowDimensions();
 
-    // 
     const inFlightRef = useRef(false);
 
     const handleCase = useCallback(async (text: string) => {
-        //     if (inFlightRef.current) return;
-        //     inFlightRef.current = true;
-        //     try {
-        //         // UI
-        //         setIsHello(false);
-        //         // setUserMessages([
-        //         //     {
-        //         //         id: Math.random().toString(36).substring(2, 9),
-        //         //         content: text,
-        //         //         role: 'user',
-        //         //         timestamp: new Date().toISOString()
-        //         //     },
-        //         //     {
-        //         //         id: Math.random().toString(36).substring(2, 9),
-        //         //         content: "keepSearchIng",
-        //         //         role: 'assistant',
-        //         //         timestamp: new Date().toISOString()
-        //         //     }
-        //         // 
+        if (inFlightRef.current) return;
+        inFlightRef.current = true;
+        try {
+            // UI
+            setIsHello(false);
+            setUserMessages([
+                {
+                    id: Math.random().toString(36).substring(2, 9),
+                    content: text,
+                    role: 'user',
+                    timestamp: new Date().toISOString()
+                },
+                {
+                    id: Math.random().toString(36).substring(2, 9),
+                    content: "keepSearchIng",
+                    role: 'assistant',
+                    timestamp: new Date().toISOString()
+                }
+            ]);
 
-        const sessionId = await createNewConversation(text);
-        //         if (!sessionId) {
-        //             console.error("Failed to create a new conversation.");
-        //             // 
-        //             // setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
-        //             return;
-        //         }
+            const sessionId = await createNewConversation(text);
+            if (!sessionId) {
+                console.error("Failed to create a new conversation.");
 
-        setConversationId(sessionId);
-        //         // try {
-        //         //     if (webSocketManager && typeof (webSocketManager as any).send === 'function') {
-        //         //         (webSocketManager as any).send({
-        //         //             type: 'Chat',
-        //         //             session_id: sessionId,
-        //         //             message: text
-        //         //         });
-        //         //     } else {
-        //         //         throw new Error('WebSocket manager is not ready');
-        //         //     }
-        //         // } catch (wsErr) {
-        //         //     console.error('WebSocket send failed:', wsErr);
-        //         //     // 
-        //         //     setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
-        //         // }
-        //     } catch (err) {
-        //         console.error('handleCase failed:', err);
-        //         // 
-        //         // setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
-        //     } finally {
-        //         inFlightRef.current = false;
-        //     }
+                setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
+                return;
+            }
+
+            setConversationId(sessionId);
+            try {
+                if (webSocketManager && typeof (webSocketManager as any).send === 'function') {
+                    (webSocketManager as any).send({
+                        type: 'Chat',
+                        session_id: sessionId,
+                        message: text
+                    });
+                } else {
+                    throw new Error('WebSocket manager is not ready');
+                }
+            } catch (wsErr) {
+                console.error('WebSocket send failed:', wsErr);
+                setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
+            }
+        } catch (err) {
+            console.error('handleCase failed:', err);
+
+            setUserMessages(prev => prev.filter(item => item.content !== 'keepSearchIng'));
+        } finally {
+            inFlightRef.current = false;
+        }
     }, [setConversationId, setIsHello, setUserMessages]);
 
     return (
         <View className="flex-1 bg-white w-full">
-            {/* <ScrollView
+            <ScrollView
                 contentContainerStyle={{
                     flexGrow: 1,
                     paddingHorizontal: 8,
@@ -81,68 +80,68 @@ export default function AskHello({ setUserMessages, setConversationId, setIsHell
                 }}
                 keyboardDismissMode="interactive"
                 keyboardShouldPersistTaps="handled"
-            > */}
-            <View className="items-center">
-                <ThemedText style={{ fontSize: 32, fontWeight: 'bold', textAlign: 'center', lineHeight: 40, }}>
-                    {t('ask.hi', { ns: 'ask' })}
-                    {"\n"}
-                    {t('ask.iAmMemo', { ns: 'ask' })}
-                </ThemedText>
-                {/* <View>
-                    <Image source={require('@/assets/images/png/icon/ip.png')} style={{ width: width * 0.5, height: height * 0.3 }} />
-                </View> */}
-                <ThemedText className="!text-textPrimary text-center -mt-10" style={{ fontSize: 16 }}>
-                    {t('ask.ready', { ns: 'ask' })}
-                    {"\n"}
-                    {t('ask.justAsk', { ns: 'ask' })}
-                </ThemedText>
-                {/* <View style={styles.caseContainer}>
-                    <TouchableOpacity onPress={() => {
-                        handleCase(t('ask:ask.case1'));
-                    }}>
-                        <ThemedText style={styles.case}>
-                            {t('ask:ask.case1')}
-                        </ThemedText>
-                    </TouchableOpacity>
-                    <TouchableOpacity onPress={() => {
-                        handleCase(t('ask:ask.case2'));
-                    }}>
-                        <ThemedText style={styles.case}>
-                            {t('ask:ask.case2')}
-                        </ThemedText>
-                    </TouchableOpacity>
-                    <TouchableOpacity onPress={() => {
-                        handleCase(t('ask:ask.case3'));
-                    }}>
-                        <ThemedText style={styles.case}>
-                            {t('ask:ask.case3')}
-                        </ThemedText>
-                    </TouchableOpacity>
-                </View> */}
-            </View>
-            {/* </ScrollView> */}
+            >
+                <View className="items-center">
+                    <ThemedText style={{ fontSize: 32, fontWeight: 'bold', textAlign: 'center', lineHeight: 40, }}>
+                        {t('ask.hi', { ns: 'ask' })}
+                        {"\n"}
+                        {t('ask.iAmMemo', { ns: 'ask' })}
+                    </ThemedText>
+                    <View>
+                        <Image source={require('@/assets/images/png/icon/ip.png')} style={{ width: width * 0.5, height: height * 0.3 }} />
+                    </View>
+                    <ThemedText className="!text-textPrimary text-center -mt-10" style={{ fontSize: 16 }}>
+                        {t('ask.ready', { ns: 'ask' })}
+                        {"\n"}
+                        {t('ask.justAsk', { ns: 'ask' })}
+                    </ThemedText>
+                    <View style={styles.caseContainer}>
+                        <TouchableOpacity onPress={() => {
+                            handleCase(t('ask:ask.case1'));
+                        }}>
+                            <ThemedText style={styles.case}>
+                                {t('ask:ask.case1')}
+                            </ThemedText>
+                        </TouchableOpacity>
+                        <TouchableOpacity onPress={() => {
+                            handleCase(t('ask:ask.case2'));
+                        }}>
+                            <ThemedText style={styles.case}>
+                                {t('ask:ask.case2')}
+                            </ThemedText>
+                        </TouchableOpacity>
+                        <TouchableOpacity onPress={() => {
+                            handleCase(t('ask:ask.case3'));
+                        }}>
+                            <ThemedText style={styles.case}>
+                                {t('ask:ask.case3')}
+                            </ThemedText>
+                        </TouchableOpacity>
+                    </View>
+                </View>
+            </ScrollView>
         </View >
     );
 }
 
 
-// const styles = StyleSheet.create({
-//     caseContainer: {
-//         flexDirection: 'row',
-//         flexWrap: 'wrap',
-//         justifyContent: 'center',
-//         width: '100%',
-//         marginTop: 16
-//     },
-//     case: {
-//         borderWidth: 1,
-//         borderColor: "#AC7E35",
-//         borderRadius: 10,
-//         paddingHorizontal: 8,
-//         marginHorizontal: 4,
-//         marginVertical: 4,
-//         width: 'auto',
-//         fontSize: 14,
-//         color: "#4C320C"
-//     }
-// })
\ No newline at end of file
+const styles = StyleSheet.create({
+    caseContainer: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        width: '100%',
+        marginTop: 16
+    },
+    case: {
+        borderWidth: 1,
+        borderColor: "#AC7E35",
+        borderRadius: 10,
+        paddingHorizontal: 8,
+        marginHorizontal: 4,
+        marginVertical: 4,
+        width: 'auto',
+        fontSize: 14,
+        color: "#4C320C"
+    }
+})
\ No newline at end of file