Merge remote-tracking branch 'origin/main' into feat/support-agent-sandbox

web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx

@@ -25,7 +25,7 @@ const Instruction = ({
         <Line className="absolute -bottom-px right-[-184px]" type="horizontal" />
       </div>
       <div className="flex flex-col gap-y-1">
-        <div className="system-sm-medium text-text-secondary">
+        <div className="text-text-secondary system-sm-medium">
           {t('nodes.knowledgeBase.chunkStructureTip.title', { ns: 'workflow' })}
         </div>
         <div className="system-xs-regular">

web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx

@@ -64,7 +64,7 @@ const Selector = ({
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-10">
         <div className="w-[404px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]">
-          <div className="system-sm-semibold px-3 pt-3.5 text-text-primary">
+          <div className="px-3 pt-3.5 text-text-primary system-sm-semibold">
             {t('nodes.knowledgeBase.changeChunkStructure', { ns: 'workflow' })}
           </div>
           <div className="space-y-1 p-3 pt-2">

web/app/components/workflow/nodes/knowledge-base/components/index-method.tsx

@@ -94,7 +94,7 @@ const IndexMethod = ({
             >
               <div className="flex items-center">
                 <div className="flex grow items-center">
-                  <div className="system-xs-medium truncate text-text-secondary">
+                  <div className="truncate text-text-secondary system-xs-medium">
                     {t('form.numberOfKeywords', { ns: 'datasetSettings' })}
                   </div>
                   <Tooltip

web/app/components/workflow/nodes/knowledge-base/components/option-card.tsx

@@ -108,7 +108,7 @@ const OptionCard = memo(({
         }
         <div className="grow py-1 pt-[1px]">
           <div className="flex items-center">
-            <div className="system-sm-medium flex grow items-center text-text-secondary">
+            <div className="flex grow items-center text-text-secondary system-sm-medium">
               {title}
               {
                 isRecommended && (
@@ -131,7 +131,7 @@ const OptionCard = memo(({
           </div>
           {
             description && (
-              <div className="system-xs-regular mt-1 text-text-tertiary">
+              <div className="mt-1 text-text-tertiary system-xs-regular">
                 {description}
               </div>
             )

web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx

@@ -62,7 +62,7 @@ const RetrievalSetting = ({
       fieldTitleProps={{
         title: t('form.retrievalSetting.title', { ns: 'datasetSettings' }),
         subTitle: (
-          <div className="body-xs-regular flex items-center text-text-tertiary">
+          <div className="flex items-center text-text-tertiary body-xs-regular">
             <a target="_blank" rel="noopener noreferrer" href={docLink('/use-dify/knowledge/create-knowledge/setting-indexing-methods')} className="text-text-accent">{t('form.retrievalSetting.learnMore', { ns: 'datasetSettings' })}</a>
             &nbsp;
             {t('nodes.knowledgeBase.aboutRetrieval', { ns: 'workflow' })}

web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/search-method-option.tsx

@@ -166,7 +166,7 @@ const SearchMethodOption = ({
             <div>
               {
                 showRerankModelSelectorSwitch && (
-                  <div className="system-sm-semibold mb-1 flex items-center text-text-secondary">
+                  <div className="mb-1 flex items-center text-text-secondary system-sm-semibold">
                     <Switch
                       className="mr-1"
                       defaultValue={rerankingModelEnabled}
@@ -192,7 +192,7 @@ const SearchMethodOption = ({
                   <div className="p-1">
                     <AlertTriangle className="size-4 text-text-warning-secondary" />
                   </div>
-                  <span className="system-xs-medium text-text-primary">
+                  <span className="text-text-primary system-xs-medium">
                     {t('form.retrievalSetting.multiModalTip', { ns: 'datasetSettings' })}
                   </span>
                 </div>

web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/top-k-and-score-threshold.tsx

@@ -60,7 +60,7 @@ const TopKAndScoreThreshold = ({
   return (
     <div className="grid grid-cols-2 gap-4">
       <div>
-        <div className="system-xs-medium mb-0.5 flex h-6 items-center text-text-secondary">
+        <div className="mb-0.5 flex h-6 items-center text-text-secondary system-xs-medium">
           {t('datasetConfig.top_k', { ns: 'appDebug' })}
           <Tooltip
             triggerClassName="ml-0.5 shrink-0 w-3.5 h-3.5"
@@ -86,7 +86,7 @@ const TopKAndScoreThreshold = ({
                 onChange={onScoreThresholdEnabledChange}
                 disabled={readonly}
               />
-              <div className="system-sm-medium grow truncate text-text-secondary">
+              <div className="grow truncate text-text-secondary system-sm-medium">
                 {t('datasetConfig.score_threshold', { ns: 'appDebug' })}
               </div>
               <Tooltip

web/app/components/workflow/nodes/knowledge-base/node.tsx

@@ -12,22 +12,22 @@ const Node: FC<NodeProps<KnowledgeBaseNodeType>> = ({ data }) => {
   return (
     <div className="mb-1 space-y-0.5 px-3 py-1">
       <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5">
-        <div className="system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary">
+        <div className="mr-2 shrink-0 text-text-tertiary system-xs-medium-uppercase">
           {t('stepTwo.indexMode', { ns: 'datasetCreation' })}
         </div>
         <div
-          className="system-xs-medium grow truncate text-right text-text-secondary"
+          className="grow truncate text-right text-text-secondary system-xs-medium"
           title={data.indexing_technique}
         >
           {settingsDisplay[data.indexing_technique as keyof typeof settingsDisplay]}
         </div>
       </div>
       <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5">
-        <div className="system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary">
+        <div className="mr-2 shrink-0 text-text-tertiary system-xs-medium-uppercase">
           {t('form.retrievalSetting.title', { ns: 'datasetSettings' })}
         </div>
         <div
-          className="system-xs-medium grow truncate text-right text-text-secondary"
+          className="grow truncate text-right text-text-secondary system-xs-medium"
           title={data.retrieval_model?.search_method}
         >
           {settingsDisplay[data.retrieval_model?.search_method as keyof typeof settingsDisplay]}