From 3917b84b5dcee03fa744b6e69054aa9500f45830 Mon Sep 17 00:00:00 2001
From: wangbo <wangbolhr@163.com>
Date: Tue, 12 May 2026 17:01:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E7=BD=91=E6=A0=BC=E6=BB=9A=E5=8A=A8=E5=92=8C=E7=A9=BA=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除媒体网格的最大高度限制和自动垂直滚动
- 将媒体空状态占位符从网格布局改为弹性布局
- 添加媒体空状态占位符的文字居中和行高设置
- 修复API中任务ID类型转换问题
---
 apps/api/internal/store/rate_limit_status.go |  2 +-
 apps/web/src/styles/playground.css           | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/api/internal/store/rate_limit_status.go b/apps/api/internal/store/rate_limit_status.go
index 15c8439..1c4e4c5 100644
--- a/apps/api/internal/store/rate_limit_status.go
+++ b/apps/api/internal/store/rate_limit_status.go
@@ -75,7 +75,7 @@ LEFT JOIN (
       AND t.queue_key = qp.platform_key || ':' || t.model_type || ':' || COALESCE(NULLIF(qm.provider_model_name, ''), qm.model_name)
       AND NOT EXISTS (SELECT 1 FROM gateway_task_attempts existing_attempt WHERE existing_attempt.task_id = t.id)
     UNION ALL
-    SELECT latest.task_id, latest.platform_model_id
+    SELECT latest.task_id::text AS task_id, latest.platform_model_id
     FROM (
       SELECT DISTINCT ON (a.task_id) a.task_id, a.platform_model_id::text AS platform_model_id
       FROM gateway_tasks t
diff --git a/apps/web/src/styles/playground.css b/apps/web/src/styles/playground.css
index 29b261d..169c94f 100644
--- a/apps/web/src/styles/playground.css
+++ b/apps/web/src/styles/playground.css
@@ -1377,10 +1377,8 @@
   gap: 2px;
   width: 100%;
   max-width: var(--media-grid-max-width, 100%);
-  max-height: 600px;
   justify-self: center;
-  overflow-y: auto;
-  overscroll-behavior: contain;
+  overflow: visible;
 }
 
 .mediaTile {
@@ -1416,14 +1414,18 @@
 .mediaEmptyTile {
   position: absolute;
   inset: 0;
-  display: grid;
-  place-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   gap: 10px;
   overflow: hidden;
   background: linear-gradient(110deg, #edf0f2 0%, #f7f8f9 42%, #e6eaee 78%);
   background-size: 220% 100%;
   color: #6b7280;
   font-size: var(--font-size-sm);
+  line-height: 1.4;
+  text-align: center;
   animation: mediaLoadingShimmer 1.35s ease-in-out infinite;
 }