🏗️ refactor: Replace model categories with vendor-based filtering and optimize data structure

- **Backend Changes:**
  - Refactor pricing API to return separate vendors array with ID-based model references
  - Remove redundant vendor_name/vendor_icon fields from pricing records, use vendor_id only
  - Add vendor_description to pricing response for frontend display
  - Maintain 1-minute cache protection for pricing endpoint security

- **Frontend Data Flow:**
  - Update useModelPricingData hook to build vendorsMap from API response
  - Enhance model records with vendor info during data processing
  - Pass vendorsMap through component hierarchy for consistent vendor data access

- **UI Component Replacements:**
  - Replace PricingCategories with PricingVendors component for vendor-based filtering
  - Replace PricingCategoryIntro with PricingVendorIntro in header section
  - Remove all model category related components and logic

- **Header Improvements:**
  - Implement vendor intro with real backend data (name, icon, description)
  - Add text collapsible feature (2-line limit with expand/collapse functionality)
  - Support carousel animation for "All Vendors" view with vendor icon rotation

- **Model Detail Modal Enhancements:**
  - Update ModelHeader to use real vendor icons via getLobeHubIcon()
  - Move tags from header to ModelBasicInfo content area to avoid SideSheet title width constraints
  - Display only custom tags from backend with stringToColor() for consistent styling
  - Use Space component with wrap property for proper tag layout

- **Table View Optimizations:**
  - Integrate RenderUtils for description and tags columns
  - Implement renderLimitedItems for tags (max 3 visible, +x popover for overflow)
  - Use renderDescription for text truncation with tooltip support

- **Filter Logic Updates:**
  - Vendor filter shows disabled options instead of hiding when no models match
  - Include "Unknown Vendor" category for models without vendor information
  - Remove all hardcoded vendor descriptions, use real backend data

- **Code Quality:**
  - Fix import paths after component relocation
  - Remove unused model category utilities and hardcoded mappings
  - Ensure consistent vendor data usage across all pricing views
  - Maintain backward compatibility with existing pricing calculation logic

This refactor provides a more scalable vendor-based architecture while eliminating
data redundancy and improving user experience with real-time backend data integration.

web/src/components/table/models/ModelsColumnDefs.js

@@ -30,7 +30,7 @@ import {
   getLobeHubIcon,
   stringToColor
 } from '../../../helpers';
-import { renderLimitedItems, renderDescription } from './ui/RenderUtils.jsx';
+import { renderLimitedItems, renderDescription } from '../../common/ui/RenderUtils';
 
 const { Text } = Typography;
 

web/src/components/table/models/modals/PrefillGroupManagement.jsx

@@ -41,9 +41,9 @@ import {
 import { API, showError, showSuccess, stringToColor } from '../../../../helpers';
 import { useTranslation } from 'react-i18next';
 import { useIsMobile } from '../../../../hooks/common/useIsMobile';
-import CardTable from '../../../common/ui/CardTable.js';
-import EditPrefillGroupModal from './EditPrefillGroupModal.jsx';
-import { renderLimitedItems, renderDescription } from '../ui/RenderUtils.jsx';
+import CardTable from '../../../common/ui/CardTable';
+import EditPrefillGroupModal from './EditPrefillGroupModal';
+import { renderLimitedItems, renderDescription } from '../../../common/ui/RenderUtils';
 
 const { Text, Title } = Typography;
 

web/src/components/table/models/ui/RenderUtils.jsx

@@ -1,60 +0,0 @@
-/*
-Copyright (C) 2025 QuantumNous
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <https://www.gnu.org/licenses/>.
-
-For commercial licensing, please contact support@quantumnous.com
-*/
-
-import React from 'react';
-import { Space, Tag, Typography, Popover } from '@douyinfe/semi-ui';
-
-const { Text } = Typography;
-
-// 通用渲染函数：限制项目数量显示，支持popover展开
-export function renderLimitedItems({ items, renderItem, maxDisplay = 3 }) {
-  if (!items || items.length === 0) return '-';
-  const displayItems = items.slice(0, maxDisplay);
-  const remainingItems = items.slice(maxDisplay);
-  return (
-    <Space spacing={1} wrap>
-      {displayItems.map((item, idx) => renderItem(item, idx))}
-      {remainingItems.length > 0 && (
-        <Popover
-          content={
-            <div className='p-2'>
-              <Space spacing={1} wrap>
-                {remainingItems.map((item, idx) => renderItem(item, idx))}
-              </Space>
-            </div>
-          }
-          position='top'
-        >
-          <Tag size='small' shape='circle' color='grey'>
-            +{remainingItems.length}
-          </Tag>
-        </Popover>
-      )}
-    </Space>
-  );
-}
-
-// 渲染描述字段，长文本支持tooltip
-export const renderDescription = (text, maxWidth = 200) => {
-  return (
-    <Text ellipsis={{ showTooltip: true }} style={{ maxWidth }}>
-      {text || '-'}
-    </Text>
-  );
-};