From 84a2eac64fc30a2ea435b26d3359ca835d4bf913 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Sun, 9 Aug 2026 14:49:33 +0800
Subject: [PATCH] =?UTF-8?q?style(playground):=20=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E5=8C=BA=E6=9C=80=E5=A4=9A=E5=B1=95=E7=A4=BA=2012=20=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/PlaygroundView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/PlaygroundView.vue b/frontend/src/views/PlaygroundView.vue
index 9cc251d..ddf3759 100644
--- a/frontend/src/views/PlaygroundView.vue
+++ b/frontend/src/views/PlaygroundView.vue
@@ -64,7 +64,7 @@ const taskKey = (x) => [x.model, x.kind, (x.prompt || '').trim()].join('|')
 // Up to 10 cards (一行五个 × 2): in-session tasks first, then the server's recent
 // rows (进行中 + 成功) so the grid stays filled; loadHistory() prunes an optimistic
 // task once the server tracks it → never a duplicate. 新的顶掉老的.
-const displayItems = computed(() => [...tasks.value, ...history.value].slice(0, 10))
+const displayItems = computed(() => [...tasks.value, ...history.value].slice(0, 12))
 
 // ---- derived ----
 const models = computed(() =>
@@ -575,7 +575,7 @@ async function fireOne() {
   const refsSnapshot = refImages.value.slice()
   const chargedPrice = price.value
   tasks.value.unshift(task)
-  if (tasks.value.length > 10) tasks.value = tasks.value.slice(0, 10)
+  if (tasks.value.length > 12) tasks.value = tasks.value.slice(0, 12)
 
   // Optimistically deduct the price (server debits before generating; a failure
   // refunds + refreshMe reconciles).