[FEATURE] 历史记录与输入框交互体验升级

• 历史记录图片添加复制提示词按钮，一键复制并填入输入框
• iPad/移动端提示词输入框支持动态大小调整（1-12行）
• 用户输入框大小偏好本地存储，刷新后自动恢复
• 优化提示词卡片标题层级，去掉重复的小标题
• 新增generation-actions容器支持多操作按钮
• 完整的移动端触控目标优化和交互反馈

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

static/script.js

@@ -325,7 +325,7 @@ function handleModelChange() {
     
     if (isTextToImage) {
         promptTitle.textContent = '生成提示词';
-        promptLabel.textContent = '生成提示词';
+        promptLabel.textContent = '提示词';
         document.getElementById('prompt').placeholder = '例如：美丽的山水风景，湖泊和夕阳';
         imageInputCard.style.display = 'none';
         uploadedImages = [];
@@ -505,6 +505,9 @@ window.addEventListener('DOMContentLoaded', () => {
         document.getElementById('apiKey').value = savedKey;
     }
 
+    // Load saved textarea sizes
+    loadTextareaSizes();
+
     // Initialize UI state
     handleImageSizeChange();
     handleModelChange();
@@ -1326,9 +1329,14 @@ function displayHistory() {
                 item.innerHTML = `
                     <img id="${imageId}" src="${imgSrc}" alt="Generation" loading="lazy" decoding="async"
                          onclick="openImageModal('${imageId}', '${imgSrc}', '${generation.prompt.replace(/'/g, "\\'")}', '${new Date(generation.timestamp).toLocaleString()}')">
-                    <button class="use-as-input-btn" onclick="useAsInput('${imageId}', '${imgSrc}')" title="Use as input">
-                        ↻ 作为输入
-                    </button>
+                    <div class="generation-actions">
+                        <button class="use-as-input-btn" onclick="useAsInput('${imageId}', '${imgSrc}')" title="作为输入">
+                            ↻ 作为输入
+                        </button>
+                        <button class="copy-prompt-btn" onclick="copyPromptFromHistory('${generation.prompt.replace(/'/g, "\\'")}', event)" title="复制提示词">
+                            📋 复制提示词
+                        </button>
+                    </div>
                     <div class="generation-meta">
                         <span class="timestamp">${new Date(generation.timestamp).toLocaleString()}</span>
                         <span class="prompt-preview">${generation.prompt}</span>
@@ -1340,6 +1348,70 @@ function displayHistory() {
     });
 }
 
+// Adjust textarea size for mobile/iPad
+function adjustTextareaSize(textareaId, direction) {
+    const textarea = document.getElementById(textareaId);
+    if (!textarea) return;
+
+    const currentRows = parseInt(textarea.getAttribute('rows') || '3');
+    let newRows = currentRows;
+
+    if (direction === 'larger' && currentRows < 12) {
+        newRows = currentRows + 1;
+    } else if (direction === 'smaller' && currentRows > 1) {
+        newRows = currentRows - 1;
+    }
+
+    if (newRows !== currentRows) {
+        textarea.setAttribute('rows', newRows.toString());
+        // 保存用户偏好
+        localStorage.setItem(`textarea-size-${textareaId}`, newRows.toString());
+
+        // 给用户反馈
+        const sizeText = newRows <= 2 ? '小' : newRows <= 4 ? '中' : newRows <= 6 ? '大' : '超大';
+        StatusManager.show(`输入框大小已调整为: ${sizeText}`, 'success');
+    }
+}
+
+// Load saved textarea sizes on page load
+function loadTextareaSizes() {
+    ['prompt', 'drawerPrompt'].forEach(id => {
+        const savedSize = localStorage.getItem(`textarea-size-${id}`);
+        if (savedSize) {
+            const textarea = document.getElementById(id);
+            if (textarea) {
+                textarea.setAttribute('rows', savedSize);
+            }
+        }
+    });
+}
+
+// Copy prompt from history
+function copyPromptFromHistory(prompt, event) {
+    event.stopPropagation(); // 防止触发图片点击事件
+
+    // 解码HTML实体和转义字符
+    const decodedPrompt = prompt.replace(/\\'/g, "'").replace(/&quot;/g, '"').replace(/&amp;/g, '&');
+
+    navigator.clipboard.writeText(decodedPrompt).then(() => {
+        // 显示成功提示
+        StatusManager.show('提示词已复制到剪贴板', 'success');
+
+        // 可选：同时填入当前的prompt输入框
+        const promptTextarea = document.getElementById('prompt');
+        const drawerPromptTextarea = document.getElementById('drawerPrompt');
+        if (promptTextarea) {
+            promptTextarea.value = decodedPrompt;
+        }
+        if (drawerPromptTextarea) {
+            drawerPromptTextarea.value = decodedPrompt;
+        }
+    }).catch(err => {
+        console.error('复制失败:', err);
+        StatusManager.show('复制失败，请手动选择文本复制', 'error');
+    });
+}
+
 // Use image as input
 async function useAsInput(imageId, imageSrc) {
     try {

static/style.css

@@ -441,10 +441,24 @@ label, .meta {
     line-height: 1.3;
 }
 
-.use-as-input-btn {
+/* Generation action buttons container */
+.generation-actions {
     position: absolute;
     top: 8px;
     right: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    opacity: 0;
+    transition: all 0.3s ease;
+}
+
+.generation-item:hover .generation-actions {
+    opacity: 1;
+}
+
+/* Shared button styles */
+.use-as-input-btn, .copy-prompt-btn {
     background: linear-gradient(135deg, var(--brand-secondary) 0%, var(--brand-primary) 100%);
     color: white;
     border: none;
@@ -453,16 +467,70 @@ label, .meta {
     font-size: 0.75rem;
     font-weight: 600;
     cursor: pointer;
-    opacity: 0;
-    transition: all 0.3s;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
 }
 
-.generation-item:hover .use-as-input-btn {
-    opacity: 1;
+/* Copy prompt button specific styling */
+.copy-prompt-btn {
+    background: linear-gradient(135deg, #34C759 0%, #30D158 100%);
 }
 
-.use-as-input-btn:hover {
-    transform: scale(1.1);
+.use-as-input-btn:hover, .copy-prompt-btn:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+}
+
+.copy-prompt-btn:hover {
+    background: linear-gradient(135deg, #30D158 0%, #32D74B 100%);
+}
+
+/* Textarea size controls */
+.textarea-size-controls {
+    display: flex;
+    gap: 4px;
+}
+
+.size-control-btn {
+    width: 28px;
+    height: 28px;
+    border: 1px solid var(--border-medium);
+    background: var(--surface);
+    border-radius: var(--radius-sm);
+    color: var(--text-secondary);
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+}
+
+.size-control-btn:hover {
+    background: var(--brand-primary);
+    color: white;
+    border-color: var(--brand-primary);
+    transform: scale(1.05);
+}
+
+.size-control-btn:active {
+    transform: scale(0.95);
+}
+
+/* Mobile optimized size controls */
+@media (max-width: 768px) {
+    .size-control-btn {
+        width: 32px;
+        height: 32px;
+        font-size: 16px;
+    }
+
+    .textarea-size-controls {
+        gap: 6px;
+    }
 }
 
 /* Empty State */

templates/index.html

@@ -64,7 +64,13 @@
 
                 <!-- Prompt Input for Mobile -->
                 <div class="card">
-                    <h2>✏️ 编辑指令</h2>
+                    <div class="card-header">
+                        <h2>✏️ 编辑指令</h2>
+                        <div class="textarea-size-controls">
+                            <button type="button" class="size-control-btn" onclick="adjustTextareaSize('drawerPrompt', 'smaller')" title="缩小输入框">－</button>
+                            <button type="button" class="size-control-btn" onclick="adjustTextareaSize('drawerPrompt', 'larger')" title="放大输入框">＋</button>
+                        </div>
+                    </div>
                     <div class="form-group">
                         <label for="drawerPrompt">提示词</label>
                         <textarea id="drawerPrompt" rows="3" placeholder="例如：给模特穿上衣服和鞋子">给模特穿上衣服和鞋子</textarea>
@@ -138,7 +144,13 @@
                 </div>
 
                 <div class="card">
-                    <h2 id="promptTitle">✏️ 编辑指令</h2>
+                    <div class="card-header">
+                        <h2 id="promptTitle">✏️ 编辑指令</h2>
+                        <div class="textarea-size-controls">
+                            <button type="button" class="size-control-btn" onclick="adjustTextareaSize('prompt', 'smaller')" title="缩小输入框">－</button>
+                            <button type="button" class="size-control-btn" onclick="adjustTextareaSize('prompt', 'larger')" title="放大输入框">＋</button>
+                        </div>
+                    </div>
                     <div class="form-group">
                         <label for="prompt" id="promptLabel">编辑提示词</label>
                         <textarea id="prompt" rows="3" placeholder="例如：给模特穿上衣服和鞋子">给模特穿上衣服和鞋子</textarea>