<div class="flex-1 overflow-hidden"> <div class="react-scroll-to-bottom--css-pvyuc-79elbk h-full"> <div class="react-scroll-to-bottom--css-pvyuc-1n7m0yu targeted-reply-thread-scroller relative"> <div class="flex flex-col text-sm gizmo:pb-9 dark:bg-gray-800 gizmo:dark:bg-transparent"> <div class="w-full text-token-text-primary border-b border-black/10 gizmo:border-0 dark:border-gray-900/50 gizmo:dark:border-0 bg-gray-50 gizmo:bg-transparent dark:bg-[#444654] gizmo:dark:bg-transparent" data-testid="conversation-turn-7"> <div class="p-4 gizmo:py-2 justify-center text-base md:gap-6 md:py-6 m-auto"> <div class="flex flex-1 gap-4 text-base mx-auto md:gap-6 gizmo:gap-3 gizmo:md:px-5 gizmo:lg:px-1 gizmo:xl:px-5 md:max-w-2xl lg:max-w-[38rem] gizmo:md:max-w-3xl gizmo:lg:max-w-[40rem] gizmo:xl:max-w-[48rem] xl:max-w-3xl } group final-completion"> <div class="relative flex w-[calc(100%-50px)] flex-col gizmo:w-full lg:w-[calc(100%-115px)] agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0"> <div class="min-h-[20px] text-message peer flex flex-col items-start gap-3 whitespace-pre-wrap break-words peer-[.text-message]:mt-5 overflow-x-auto" data-message-author-role="assistant" data-message-id="40e04e3f-8fd1-4e76-9c64-bd55f6a4839f"> <div class="markdown prose w-full break-words dark:prose-invert light">   </div> <table dir="ltr" style="height: 558px;" border="1" width="509" cellspacing="0" cellpadding="0"><colgroup> <col width="174" /> <col width="185" /></colgroup> <tbody> <tr> <td data-sheets-value="{"1":2,"2":"Capacity"}">Capacity</td> <td data-sheets-value="{"1":2,"2":"Price"}">Price</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"1000L "}">1000L</td> <td data-sheets-value="{"1":2,"2":"$1299"}">$1299</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"1500L "}">1500L</td> <td data-sheets-value="{"1":2,"2":"$1699"}">$1699</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"2000L "}">2000L</td> <td data-sheets-value="{"1":2,"2":"$1899"}">$1899</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"3000L "}">3000L</td> <td data-sheets-value="{"1":2,"2":"$2599"}">$2599</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"4000L "}">4000L</td> <td data-sheets-value="{"1":2,"2":"$2999"}">$2999</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"5000L"}">5000L</td> <td data-sheets-value="{"1":2,"2":"$3899"}">$3899</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"8000L "}">8000L</td> <td data-sheets-value="{"1":2,"2":"$6999"}">$6999</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"10000L "}">10000L</td> <td data-sheets-value="{"1":2,"2":"$7999"}">$7999</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"15000L "}">15000L</td> <td data-sheets-value="{"1":2,"2":"$9800"}">$9800</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"20000L "}">20000L</td> <td data-sheets-value="{"1":2,"2":"$12399"}">$12399</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"30000L "}">30000L</td> <td data-sheets-value="{"1":2,"2":"$15799"}">$15799</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"40000L "}">40000L</td> <td data-sheets-value="{"1":2,"2":"$24999"}">$24999</td> </tr> <tr> <td data-sheets-value="{"1":2,"2":"50000L "}">50000L</td> <td data-sheets-value="{"1":2,"2":"$28999"}">$28999</td> </tr> </tbody> </table> </div> </div> <div class="flex justify-between empty:hidden gizmo:mt-1 gizmo:justify-start gizmo:gap-3 lg:block gizmo:lg:flex"> <div class="text-gray-400 flex self-end lg:self-center justify-center gizmo:lg:justify-start mt-2 gizmo:mt-0 visible gap-1">   <div class="flex gap-1"></div> <div class="flex items-center gap-1.5 text-xs"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full pt-2 md:pt-0 border-t md:border-t-0 gizmo:border-t-0 dark:border-white/20 md:border-transparent md:dark:border-transparent md:pl-2 gizmo:pl-0 gizmo:md:pl-0 md:w-[calc(100%-.5rem)]"><form class="stretch mx-2 flex flex-row gap-3 last:mb-2 md:mx-4 md:last:mb-6 lg:mx-auto lg:max-w-2xl xl:max-w-3xl"> <div class="relative flex h-full flex-1 items-stretch md:flex-col"> <div class="flex w-full items-center"></div> </div> </form></div>