action panel header

web/app/components/plugins/card/base/card-icon.tsx

@@ -7,6 +7,7 @@ const Icon = ({
   src,
   installed = false,
   installFailed = false,
+  size,
 }: {
   className?: string
   src: string | {
@@ -15,13 +16,14 @@ const Icon = ({
   }
   installed?: boolean
   installFailed?: boolean
+  size?: 'xs' | 'tiny' | 'small' | 'medium' | 'large'
 }) => {
   const iconClassName = 'flex justify-center items-center gap-2 absolute bottom-[-4px] right-[-4px] w-[18px] h-[18px] rounded-full border-2 border-components-panel-bg'
   if (typeof src === 'object') {
     return (
       <div className={cn('relative', className)}>
         <AppIcon
-          size='large'
+          size={size || 'large'}
           iconType={'emoji'}
           icon={src.content}
           background={src.background}

web/app/components/plugins/plugin-detail-panel/action-list.tsx

@@ -14,6 +14,7 @@ const ActionCard = () => {
 
 const ActionList = () => {
   const { t } = useTranslation()
+  // TODO use tool-item add api in tool providers
   return (
     <div className='px-4 pt-2 pb-4'>
       <div className='mb-1 py-1'>