browser blog post

_posts/2024-05-02-browser.md

@@ -0,0 +1,22 @@
+---
+title: AI pair programming in your browser
+excerpt: Aider has an experimental browser UI, allowing you to collaborate with LLMs on code in your local git repo.
+highlight_image: /assets/browser.jpg
+---
+# AI pair programming in your browser
+
+<video width="704" height="720" controls>
+  <source src="/assets/aider-browser-social.mp4" type="video/mp4">
+  [Aider browser UI demo video](/assets/aider-browser-social.mp4)
+</video>
+
+Aider is now also AI pair programming in your browser! Use the `--browser` switch to launch am experimental browser based version of aider.
+
+```
+pip install aider-chat
+
+export OPENAI_API_KEY=<key> # Mac/Linux
+setx   OPENAI_API_KEY <key> # Windows
+
+aider --browser
+```

aider/gui.py

@@ -295,7 +295,7 @@ class GUI:
 
         # stuff a bunch of vertical whitespace at the top
         # to get all the chat text to the bottom
-        self.messages.container(height=300, border=False)
+        # self.messages.container(height=300, border=False)
 
         with self.messages:
             for msg in self.state.messages: