fix: A2UI now behaves better

priv/ui/app.css

@@ -5620,6 +5620,8 @@ button svg * {
 }
 
 .chat-inline-surface {
+  width: 100%;
+  margin: 12px 0 0;
   overflow: hidden;
 }
 

priv/ui/live.js

@@ -788,6 +788,10 @@ document.addEventListener("DOMContentLoaded", () => {
             });
         };
 
+        this.surfaceObserver = new MutationObserver(() => {
+          this.syncExpandedSurfaces();
+        });
+
         this.handleScroll = () => {
           if (!this.scrollContainer) {
             this.stickToBottom = true;
@@ -832,6 +836,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
         this.syncScrollContainer();
         this.syncExpandedSurfaces();
+        this.surfaceObserver.observe(this.el, { childList: true, subtree: true });
         this.autoResize();
         window.requestAnimationFrame(() => this.scrollToBottom(true));
       },
@@ -844,6 +849,7 @@ document.addEventListener("DOMContentLoaded", () => {
       },
 
       destroyed() {
+        this.surfaceObserver.disconnect();
         this.el.removeEventListener("input", this.handleInput);
         this.el.removeEventListener("keydown", this.handleKeyDown);