diff --git a/web/app/components/workflow/block-selector/index.tsx b/web/app/components/workflow/block-selector/index.tsx
index 7717bfd68a..017652a247 100644
--- a/web/app/components/workflow/block-selector/index.tsx
+++ b/web/app/components/workflow/block-selector/index.tsx
@@ -115,6 +115,7 @@ const NodeSelector: FC<NodeSelectorProps> = ({
                 className='grow px-0.5 py-[7px] text-[13px] text-gray-700 bg-transparent appearance-none outline-none caret-primary-600 placeholder:text-gray-400'
                 placeholder={t('workflow.tabs.searchBlock') || ''}
                 onChange={e => setSearchText(e.target.value)}
+                autoFocus
               />
               {
                 searchText && (
diff --git a/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx b/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
index 29f2d0750a..06df8e7ef9 100644
--- a/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
@@ -38,6 +38,7 @@ type PanelOperatorProps = {
   triggerClassName?: string
   offset?: OffsetOptions
   onOpenChange?: (open: boolean) => void
+  inNode?: boolean
 }
 const PanelOperator = ({
   id,
@@ -48,6 +49,7 @@ const PanelOperator = ({
     crossAxis: 53,
   },
   onOpenChange,
+  inNode,
 }: PanelOperatorProps) => {
   const { t } = useTranslation()
   const { locale } = useContext(I18n)
@@ -121,11 +123,11 @@ const PanelOperator = ({
             ${triggerClassName}
           `}
         >
-          <DotsHorizontal className='w-4 h-4 text-gray-700' />
+          <DotsHorizontal className={`w-4 h-4 ${inNode ? 'text-gray-500' : 'text-gray-700'}`} />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className='z-[11]'>
-        <div className='w-[240px] border-[0.5px] border-gray-200 rounded-2xl shadow-xl bg-white'>
+        <div className='w-[240px] border-[0.5px] border-gray-200 rounded-lg shadow-xl bg-white'>
           <div className='p-1'>
             {
               data.type !== BlockEnum.Start && !nodesReadOnly && (
@@ -162,7 +164,7 @@ const PanelOperator = ({
           <div className='p-1'>
             <div className='px-3 py-2 text-xs text-gray-500'>
               <div className='flex items-center mb-1 h-[22px] font-medium'>
-                {t('workflow.panel.about')}
+                {t('workflow.panel.about').toLocaleUpperCase()}
               </div>
               <div className='text-gray-500 leading-[18px]'>{about}</div>
               <div className='my-2 h-[0.5px] bg-black/5'></div>
diff --git a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
index 5e556abe1b..98ef59957f 100644
--- a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
@@ -94,7 +94,10 @@ const ChatWrapper = forwardRef<ChatWrapperRefType>((_, ref) => {
 
   return (
     <Chat
-      config={config as any}
+      config={{
+        ...config,
+        supportCitationHitInfo: true,
+      } as any}
       chatList={chatList}
       isResponding={isResponding}
       chatContainerclassName='px-4'