feat: knowledge pipeline (#25360)

Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: jyong <718720800@qq.com>
Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com>
Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com>
Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: quicksand <quicksandzn@gmail.com>
Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com>
Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Hanqing Zhao <sherry9277@gmail.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: Harry <xh001x@hotmail.com>

web/app/components/billing/pricing/header.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import DifyLogo from '../../base/logo/dify-logo'
+import { useTranslation } from 'react-i18next'
+import Button from '../../base/button'
+import { RiCloseLine } from '@remixicon/react'
+
+type HeaderProps = {
+  onClose: () => void
+}
+
+const Header = ({
+  onClose,
+}: HeaderProps) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className='flex min-h-[105px] w-full justify-center px-10'>
+      <div className='relative flex max-w-[1680px] grow flex-col justify-end gap-y-1 border-x border-divider-accent p-6 pt-8'>
+        <div className='flex items-end'>
+          <div className='py-[5px]'>
+            <DifyLogo className='h-[27px] w-[60px]' />
+          </div>
+          <span className='bg-billing-plan-title-bg bg-clip-text px-1.5 font-instrument text-[37px] italic leading-[1.2] text-transparent'>
+            {t('billing.plansCommon.title.plans')}
+          </span>
+        </div>
+        <p className='system-sm-regular text-text-tertiary'>
+          {t('billing.plansCommon.title.description')}
+        </p>
+        <Button
+          variant='secondary'
+          className='absolute bottom-[40.5px] right-[-18px] z-10 size-9 rounded-full p-2'
+          onClick={onClose}
+        >
+          <RiCloseLine className='size-5' />
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+export default React.memo(Header)