Add file name copy functionality to Lora modal

static/css/components/modal.css

@@ -913,4 +913,30 @@ body.modal-open {
 
 .add-preset-btn:hover {
     opacity: 0.9;
+}
+
+/* File name copy styles */
+.file-name-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    padding: 4px;
+    border-radius: var(--border-radius-xs);
+    transition: background-color 0.2s;
+}
+
+.file-name-wrapper:hover {
+    background: oklch(var(--lora-accent) / 0.1);
+}
+
+.file-name-wrapper i {
+    color: var(--text-color);
+    opacity: 0.5;
+    transition: opacity 0.2s;
+}
+
+.file-name-wrapper:hover i {
+    opacity: 1;
+    color: var(--lora-accent);
 }

static/js/components/LoraCard.js

@@ -149,7 +149,10 @@ export function showLoraModal(lora) {
                         </div>
                         <div class="info-item">
                             <label>File Name</label>
-                            <span id="file-name">${lora.file_name || 'N/A'}</span>
+                            <div class="file-name-wrapper" onclick="copyFileName('${lora.file_name}')">
+                                <span id="file-name">${lora.file_name || 'N/A'}</span>
+                                <i class="fas fa-copy" title="Copy file name"></i>
+                            </div>
                         </div>
                         <div class="info-item">
                             <label>Location</label>
@@ -206,6 +209,17 @@ export function showLoraModal(lora) {
     setupShowcaseScroll(); // Add this line
 }
 
+// 添加复制文件名的函数
+window.copyFileName = async function(fileName) {
+    try {
+        await navigator.clipboard.writeText(fileName);
+        showToast('File name copied', 'success');
+    } catch (err) {
+        console.error('Copy failed:', err);
+        showToast('Copy failed', 'error');
+    }
+};
+
 function setupEditableFields() {
     const editableFields = document.querySelectorAll('.editable-field [contenteditable]');