feat: vscode extension (#59)

* feat: add initial VS Code extension plan and implementation tasks

* feat(vscode): added initial version of an Openchamber VSCode extension

* feat(vscode): enhance VS Code extension with theme integration and session management

* feat(vscode): implement connection status handling and overlay in VSCode layout

* feat: move extension to secondary sidebar

* chore: upgrade @opencode-ai/sdk to 1.0.150

* vscode: editor bridge, file picker, click-to-open in tool parts

* vscode: layout session lifecycle, theme sync, typography overrides

* ui: compact mode for vscode, model search, autocomplete width fixes

* perf: scroll force flag, raf placeholder, git polling backoff

* ui: tool output styling, markdown code block fix, gitignore

* refactor: update typography handling for VSCode runtime, remove unused styles

* docs: update README with VS Code extension details and add extension image

* docs: update changelog with new features and performance improvements

packages/ui/src/components/chat/ChatContainer.tsx

@@ -48,9 +48,9 @@ export const ChatContainer: React.FC = () => {
     const {
         scrollRef,
         handleMessageContentChange,
-        getAnimationHandlers,
-        showScrollButton,
-        scrollToBottom,
+    getAnimationHandlers,
+    showScrollButton,
+    scrollToBottom,
         spacerHeight,
         pendingAnchorId,
         hasActiveAnchor,
@@ -179,7 +179,7 @@ export const ChatContainer: React.FC = () => {
 
     if (sessionMessages.length === 0 && !streamingMessageId) {
         return (
-            <div className="flex flex-col h-full bg-background">
+            <div className="flex flex-col h-full bg-background transform-gpu">
                 <div className="flex-1 flex items-center justify-center">
                     <OpenChamberLogo width={140} height={140} className="opacity-20" isAnimated />
                 </div>
@@ -239,7 +239,7 @@ export const ChatContainer: React.FC = () => {
                             <Button
                                 variant="outline"
                                 size="sm"
-                                onClick={() => scrollToBottom()}
+                                onClick={() => scrollToBottom({ force: true })}
                                 className="rounded-full h-8 w-8 p-0 shadow-none bg-background/95 hover:bg-accent"
                                 aria-label="Scroll to bottom"
                             >