fix(sidebar): allow full-height children inside CopilotSidebar

Author: mitre88

packages/react-ui/src/components/chat/Modal.tsx

@@ -140,7 +140,7 @@ const CopilotModalInner = ({
 
   return (
     <>
-      {memoizedChildren}
+      <div className="copilotKitModalChildrenWrapper">{memoizedChildren}</div>
       <div className={className}>
         <Button></Button>
         <Window

packages/react-ui/src/css/sidebar.css

@@ -25,6 +25,19 @@
   overflow: visible;
   margin-right: 0px;
   transition: margin-right 0.3s ease;
+  min-height: 100vh;
+  min-height: 100dvh;
+  height: 100%;
+}
+
+.copilotKitSidebarContentWrapper > .copilotKitModalChildrenWrapper {
+  min-height: 100%;
+  height: 100%;
+}
+
+.copilotKitSidebarContentWrapper > .copilotKitModalChildrenWrapper > * {
+  min-height: 100%;
+  height: 100%;
 }
 
 @media (min-width: 640px) {