chore: apo tools scroll

web/app/components/tools/provider/detail.tsx

@@ -235,7 +235,7 @@ const ProviderDetail = ({
       positionCenter={false}
       panelClassname={cn('justify-start mt-[64px] mr-2 mb-2 !w-[420px] !max-w-[420px] !p-0 !bg-components-panel-bg rounded-2xl border-[0.5px] border-components-panel-border shadow-xl')}
     >
-      <div className='p-4'>
+      <div className='p-4 overflow-auto'>
         <div className='mb-3 flex'>
           <Icon src={collection.icon} />
           <div className="ml-3 w-0 grow">

web/app/components/workflow/apo/tool-preview/apo-tools-preview.tsx

@@ -93,7 +93,7 @@ const ApoToolsPreview = ({ onSelect, apoToolType, hidePopover }: ApoToolsPreview
   return (
     <div className="flex max-h-[70vh] overflow-hidden ">
       {/* left */}
-      <div className="w-[300px] h-full flex flex-col shrink-0">
+      <div className="w-[300px] h-full flex flex-col shrink-0 max-h-[70vh]">
         <div className="mb-3">
           <Input
             value={searchText}

web/app/components/workflow/block-selector/apoTools.tsx

@@ -60,6 +60,7 @@ const APOTools = ({ searchText, onSelect }: APOToolsProps) => {
               className="flex items-center px-3 w-full h-8 rounded-lg hover:bg-state-base-hover cursor-pointer"
             >
               <BlockIcon
+                size="md"
                 className="mr-2 shrink-0"
                 type={BlockEnum.Tool}
                 toolIcon={node.icon}