add hint

vite/public/cuelist_moty.json

@@ -39,7 +39,9 @@
             "description": "撥打音效",
             "auto": true,
             "audioFile": "assets/moty/q2-1.mp3",
-            "nextcue": 3
+            "nextcue": 3,
+            "hint":"輸入完成",
+            "hint_time":100
         },
         { 
             "id": 3,
@@ -49,7 +51,9 @@
             "auto": true,
             "audioFile": "assets/moty/q3.mp3",
             "nextcue": 4,
-            "status_delay": 3000
+            "status_delay": 3000,
+            "hint":"你想像中的美好未來\n長什麼樣子？",
+            "hint_time":1000
         },
         { 
             "id": 4, 
@@ -100,7 +104,9 @@
             "auto": true,
             "audioFile": "assets/moty/q7-1.mp3",
             "nextcue": 8,
-            "status":"intro"
+            "status":"intro",
+            "hint":"裝置使用完畢\n祝福你抵達你所期望的未來",
+            "hint_time":100
         },
         { 
             "id": 8, 

vite/src/pages/flow_moty.jsx

@@ -1099,17 +1099,17 @@ export function FlowMoty(){
                 </div>
             </section>
             <section className="flex-1 self-stretch overflow-y-auto flex flex-col justify-end gap-2 ">
-                 <div ref={refContainer} className="flex-1 flex flex-col overflow-y-auto gap-2 blur-sm" >
+                 <div ref={refContainer} className="flex-1 flex flex-col overflow-y-auto gap-2" >
                     {history?.map((msg, index) => (
                         <div key={index} className={`w-5/6 ${msg.role=='user'? 'self-end':''}`}>
-                            <div className={`${msg.role=='user'? 'bg-green-300':'bg-pink-300'} px-2`}>{blurText(msg.content)}</div>
+                            <div className={`${msg.role=='user'? 'bg-green-300':'bg-pink-300'} px-2`}>{msg.content}</div>
-                            {msg.prompt && <div className="text-xs bg-gray-200">{blurText(msg.prompt)}</div>}
+                            {msg.prompt && <div className="text-xs bg-gray-200">{msg.prompt}</div>}
                         </div>
                     ))}
                     {summary && <div className="w-full self-center bg-blue-200 px-2">{summary}</div>}
                 </div>
                 <textarea ref={refInput} name="message" rows={2} 
-                    className={`w-full border-1 resize-none p-2 disabled:bg-gray-500 blur-sm`}
+                    className={`w-full border-1 resize-none p-2 disabled:bg-gray-500`}
                     disabled={chatStatus!=ChatStatus.User && chatStatus!=ChatStatus.Message}></textarea>       
                 <div className="flex flex-row justify-end gap-2 flex-wrap">
                     <span className="flex flex-row gap-1">