From 89e10182f92cd9c97f43aa3783c30c4f50c12f2e Mon Sep 17 00:00:00 2001
From: Pine <wwork.wss@icloud.com>
Date: Tue, 25 Aug 2026 17:37:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(models):=20PineAgents=20=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E5=8D=A1=E4=B8=8D=E5=86=8D=E5=8C=85=20minmax(400px)=20?=
 =?UTF-8?q?=E7=BD=91=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PineAgentsModelCards 是单个自适应网格组件，却被外层 styles.providerCards
(300px: repeat(auto-fill,minmax(400px,1fr))) 当作一个网格单元，仅占第一个
400px 单元格，导致模型卡只在页面第一列显示、其余列留空。

改为整行 width:100% 普通容器，交由其内部 minmax(170px) 自适应网格铺满。

Co-Authored-By: Claude <noreply@anthropic.com>
---
 console/src/pages/Settings/Models/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/console/src/pages/Settings/Models/index.tsx b/console/src/pages/Settings/Models/index.tsx
index f70842e..3eea04b 100644
--- a/console/src/pages/Settings/Models/index.tsx
+++ b/console/src/pages/Settings/Models/index.tsx
@@ -432,8 +432,10 @@ function ModelsPage() {
                     PineAgents
                   </div>
                   {pineAgents.length > 0 ? (
-                    <div className={styles.providerCards}>
-                      {/* 直接渲染 PineAgents 支持的模型卡片（不再显示提供商，可启用/管理） */}
+                    {/* 直接渲染 PineAgents 支持的模型卡片（不再显示提供商，可启用/管理）。
+                        此处不能用 styles.providerCards（minmax(400px) 网格）：单个 PineAgentsModelCards
+                        会被当作一个网格单元压缩到第一列。改用整行普通容器，交给内部自适应网格铺满。 */}
+                    <div style={{ width: "100%" }}>
                       <PineAgentsModelCards providers={pineAgents} onOpenModels={handleOpenModels} />
                     </div>
                   ) : (