feat: parent child retrieval (#12106)

Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: -LAN- <laipz8200@outlook.com>

web/app/components/billing/priority-label/index.tsx

@@ -4,6 +4,7 @@ import {
   DocumentProcessingPriority,
   Plan,
 } from '../type'
+import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 import {
   ZapFast,
@@ -11,7 +12,11 @@ import {
 } from '@/app/components/base/icons/src/vender/solid/general'
 import Tooltip from '@/app/components/base/tooltip'
 
-const PriorityLabel = () => {
+type PriorityLabelProps = {
+  className?: string
+}
+
+const PriorityLabel = ({ className }: PriorityLabelProps) => {
   const { t } = useTranslation()
   const { plan } = useProviderContext()
 
@@ -37,18 +42,18 @@ const PriorityLabel = () => {
         }
       </div>
     }>
-      <span className={`
-        flex items-center ml-1 px-[5px] h-[18px] rounded border border-[#C7D7FE]
-        text-[10px] font-medium text-[#3538CD]
-      `}>
+      <span className={cn(`
+        shrink-0 flex items-center ml-1 px-1 h-[18px] rounded-[5px] border border-text-accent-secondary
+        text-2xs font-medium text-text-accent-secondary
+      `, className)}>
         {
           plan.type === Plan.professional && (
-            <ZapNarrow className='mr-0.5 w-3 h-3' />
+            <ZapNarrow className='mr-0.5 size-3' />
           )
         }
         {
           (plan.type === Plan.team || plan.type === Plan.enterprise) && (
-            <ZapFast className='mr-0.5 w-3 h-3' />
+            <ZapFast className='mr-0.5 size-3' />
           )
         }
         {t(`billing.plansCommon.priority.${priority}`)}