Refactored ChatPanel component for improved UX

- ChatPanel now observes viewport dimensions to allow for smarter re-rendering.
- Scroll to bottom of chat is smoother with new 'scrollToBottom' function.
- Added various new message handlers like 'receiveMessagePartial', 'receiveMessage' and 'systemMessage' for diverse forms of user-interaction.
- ChatPanel width is now dynamically updated using the 'chat.updateChatPanelWidth' action.
- Added visual elements like stop button, regeneration button, and scrolling indicator for better usability.
- Rendered InputMessage on every re-render to update input field value in real-time.

src/util/bridge.md

@@ -41,3 +41,25 @@
 - receiveMessagePartial // 部分对话
 - receiveMessage // 对话
 - systemMessage // 没用了
+
+# css
+
+--vscode-editor-font-familyy
+--vscode-editor-font-size
+--vscode-dropdown-background
+--vscode-dropdown-border
+--vscode-foreground
+--vscode-sideBar-background
+--vscode-dropdown-foreground
+--vscode-menu-foreground
+--vscode-commandCenter-activeForeground
+--vscode-commandCenter-activeBackground
+--vscode-menu-border
+--vscode-menu-background
+--vscode-commandCenter-border
+--vscode-editor-foreground
+--vscode-input-background
+--vscode-input-border
+--vscode-input-foreground
+--vscode-disabledForeground
+--vscode-toolbar-activeBackground