From 9fa10f1072fb193e02587b8da783d1a712a7b3f5 Mon Sep 17 00:00:00 2001
From: Muyue <muyue.zerotwo.another611@passmail.com>
Date: Sat, 18 Oct 2025 23:54:28 +0200
Subject: [PATCH] Fix Vue template syntax error in dynamic class binding

- Fix session card class binding: change from object to array syntax
- Allow proper dynamic class generation for status-based styling
---
 frontend/src/components/CollaborativeInput.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/CollaborativeInput.vue b/frontend/src/components/CollaborativeInput.vue
index ef9dd53..fe04a9b 100644
--- a/frontend/src/components/CollaborativeInput.vue
+++ b/frontend/src/components/CollaborativeInput.vue
@@ -186,7 +186,7 @@ const removeFile = () => {
               :key="session.sessionId"
               @click="handleOpenSession(session.sessionId)"
               class="session-card-horizontal"
-              :class="{ 'status-' + session.status }"
+              :class="['status-' + session.status]"
               :title="session.prompt"
             >
               <div class="card-left">