the chat panel needs the flex column its child assumes

EmbeddableChat is handed flex-1 min-h-0, which needs a flex column with a real
height above it. shipped without one, so the composer floated mid-panel and the
transcript ran below the fold. ChatPanelWrapper has the same div and I copied
the child without it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Officer-Session: 656f5c85-e49a-4f1f-b9f3-042a04b4d043

web/ChatPanel.tsx

@@ -33,6 +33,14 @@ const PREFIX = [
   'expires are about THIS machine — read the Proxy Manager skill before answering one.',
 ].join(' ');
 
+/**
+ * The wrapper is not decoration. `EmbeddableChat` is handed `flex-1 min-h-0`, which needs a flex COLUMN
+ * with a real height above it — without one the composer floats mid-panel and the transcript overflows
+ * below the fold, which is exactly what shipping it bare produced. `ChatPanelWrapper` has the same div for
+ * the same reason.
+ */
 export const ChatPanel = ({ panelId }: { panelId: string }) => (
-  <EmbeddableChat className="min-h-0 flex-1" panelId={panelId} promptPrefix={PREFIX} />
+  <div className="flex h-full min-h-0 flex-col">
+    <EmbeddableChat className="min-h-0 flex-1" panelId={panelId} promptPrefix={PREFIX} />
+  </div>
 );