refactor: AI conversation rendering logic (#216)

* chore: chat message

* chore: new chat id

* chore: chat message

* chore: chat messages

* chore: think messages display

* chore: chat message

* chore: chat message

* refactor: the message logic

* chore: add useCallback params

* chore: add ThinkingSegment

* chore: add QueryIntent

* chore: loading & text

* chore: add JSON

* chore: add

* chore: source

* chore: add ws-error listen

* chore: style

* fix: ws reconnect

* chore: ws

* chore: ws

* refactor: AI conversation rendering logic

* chore: update note

tailwind.config.js

@@ -23,12 +23,24 @@ export default {
       },
       animation: {
         "fade-in": "fade-in 0.2s ease-in-out",
+        'typing': 'typing 1.5s ease-in-out infinite',
+        'shake': 'shake 0.5s ease-in-out',
       },
       keyframes: {
         "fade-in": {
           "0%": { opacity: "0" },
           "100%": { opacity: "1" },
         },
+        typing: {
+          '0%': { opacity: '0.3' },
+          '50%': { opacity: '1' },
+          '100%': { opacity: '0.3' },
+        },
+        shake: {
+          '0%, 100%': { transform: 'rotate(0deg)' },
+          '25%': { transform: 'rotate(-20deg)' },
+          '75%': { transform: 'rotate(20deg)' }
+        }
       },
       boxShadow: {
         "window-custom": "0px 16px 32px 0px rgba(0,0,0,0.3)",