From 51098f28293b5b1ff8884b75f9f30e64c87cef57 Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Sun, 26 Oct 2025 09:13:59 +0800
Subject: [PATCH] feat: update model versions tab styling and refresh behavior

- Rename CSS class from 'version-name' to 'versions-tab-version-name' for better specificity
- Remove color-mix styling from version title for cleaner appearance
- Set refresh parameter to false in versions fetch to prevent unnecessary data reloads
- Maintains same functionality while improving performance and code organization
---
 static/css/components/lora-modal/versions.css   | 3 +--
 static/js/components/shared/ModelVersionsTab.js | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/static/css/components/lora-modal/versions.css b/static/css/components/lora-modal/versions.css
index 5af2c1e7..7c97df0f 100644
--- a/static/css/components/lora-modal/versions.css
+++ b/static/css/components/lora-modal/versions.css
@@ -156,10 +156,9 @@
     gap: 8px;
     font-weight: 600;
     font-size: 0.95rem;
-    color: color-mix(in oklch, var(--text-color) 92%, black 8%);
 }
 
-.version-name {
+.versions-tab-version-name {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
diff --git a/static/js/components/shared/ModelVersionsTab.js b/static/js/components/shared/ModelVersionsTab.js
index cc406d30..8a2d83d3 100644
--- a/static/js/components/shared/ModelVersionsTab.js
+++ b/static/js/components/shared/ModelVersionsTab.js
@@ -170,7 +170,7 @@ function renderRow(version, options) {
             ${renderMediaMarkup(version)}
             <div class="version-details">
                 <div class="version-title">
-                    <span class="version-name">${escapeHtml(version.name || translate('modals.model.versions.labels.unnamed', {}, 'Untitled Version'))}</span>
+                    <span class="versions-tab-version-name">${escapeHtml(version.name || translate('modals.model.versions.labels.unnamed', {}, 'Untitled Version'))}</span>
                     <span class="version-id">#${escapeHtml(version.versionId)}</span>
                 </div>
                 <div class="version-badges">${badges.join('')}</div>
@@ -391,7 +391,7 @@ export function initVersionsTab({
         try {
             const client = ensureClient();
             const response = await client.fetchModelUpdateVersions(modelId, {
-                refresh: true,
+                refresh: false,
             });
             if (!response?.success) {
                 throw new Error(response?.error || 'Request failed');