fix panel display

Author: burieberry

packages/boxel-ui/addon/src/components/resizable-panel-group/index.gts

@@ -161,7 +161,7 @@ export default class ResizablePanelGroup extends Component<Signature> {
       }
 
       return htmlSafe(
-        `flex: 0; flex-grow: ${flexGrow}; flex-shrink: 1; overflow: hidden; pointer-events: ${
+        `flex: 0; flex-grow: ${flexGrow}; flex-shrink: 1; pointer-events: ${
           this.dragState !== null ? 'none' : undefined
         };`,
       );

packages/boxel-ui/addon/src/components/resizable-panel-group/panel.gts

@@ -49,6 +49,11 @@ export default class Panel extends Component<Signature> {
     >
       {{yield}}
     </div>
+    <style scoped>
+      .boxel-panel {
+        overflow: hidden;
+      }
+    </style>
   </template>
 
   element!: HTMLDivElement;

packages/host/app/components/operator-mode/submode-layout.gts

@@ -327,6 +327,7 @@ export default class SubmodeLayout extends Component<Signature> {
           )
         }}
           <ResizablePanel
+            class='ai-assistant-resizable-panel'
             @defaultSize={{this.aiPanelWidths.defaultWidth}}
             @minSize={{this.aiPanelWidths.minWidth}}
             @collapsible={{false}}
@@ -368,6 +369,10 @@ export default class SubmodeLayout extends Component<Signature> {
         width: 100%;
       }
 
+      .ai-assistant-resizable-panel {
+        overflow: initial;
+      }
+
       .main-panel {
         position: relative;
       }