🐛 Page text display optimization

Author: Phinease

frontend/app/[locale]/chat/components/chatAgentSelector.tsx

@@ -352,13 +352,13 @@ export function ChatAgentSelector({
                           }`}
                         >
                           {agent.display_name && (
-                            <span className="text-base leading-none">
+                            <span className="text-sm leading-none">
                               {agent.display_name}
                             </span>
                           )}
                           <span
                             className={`text-sm leading-none align-baseline ${
-                              agent.display_name ? "ml-2" : "text-base"
+                              agent.display_name ? "ml-2" : "text-sm"
                             }`}
                           >
                             {agent.name}

frontend/app/[locale]/setup/agents/components/agent/CollaborativeAgentDisplay.tsx

@@ -236,12 +236,23 @@ export default function CollaborativeAgentDisplay({
             <Tag
               key={agent.id}
               color="blue"
-              className="px-3 py-1 text-sm"
+              className="px-0.5 py-0.5 text-xs flex items-center justify-center"
               closable={isEditingMode && !isGeneratingAgent}
               onClose={() => handleRemoveCollaborativeAgent(Number(agent.id))}
               closeIcon={<CloseOutlined className="text-xs" />}
+              style={{ 
+                fontSize: '9px',
+                padding: '1px 2px',
+                lineHeight: '1.2',
+                height: 'auto',
+                minHeight: '16px',
+                borderRadius: '4px',
+                display: 'inline-flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }}
             >
-              <span className="text-base leading-none">
+              <span className="text-[9px] leading-none text-center">
                 {agent.display_name || agent.name}
               </span>
             </Tag>

frontend/app/[locale]/setup/agents/components/agent/SubAgentPool.tsx

@@ -216,15 +216,15 @@ export default function SubAgentPool({
                         >
                           <span className="flex items-baseline">
                             {agent.display_name && (
-                              <span className="text-base leading-normal">
+                              <span className="text-sm leading-normal">
                                 {agent.display_name}
                               </span>
                             )}
                             <span
                               className={`leading-normal ${
                                 agent.display_name
                                   ? "ml-2 text-sm"
-                                  : "text-base"
+                                  : "text-sm"
                               }`}
                             >
                               {agent.name}

frontend/app/[locale]/setup/knowledges/components/knowledge/KnowledgeBaseList.tsx

@@ -158,8 +158,8 @@ const KnowledgeBaseList: React.FC<KnowledgeBaseListProps> = ({
                 return kb ? (
                   <span
                     key={id}
-                    className="inline-flex items-center px-2 py-0.5 bg-blue-100 text-blue-800 rounded-md text-sm font-medium group"
-                    style={{ maxWidth: 'fit-content' }}
+                    className="inline-flex items-center justify-center bg-blue-100 text-blue-800 rounded text-[8px] font-medium group"
+                    style={{ maxWidth: 'fit-content', padding: '1px 3px' }}
                   >
                     <span
                       className="truncate"