Add bulk caption paste feature to training UI

src/content_engine/api/ui.html

@@ -1309,8 +1309,17 @@ select { cursor: pointer; }
             <div class="caption-toolbar">
               <span style="font-size:12px;color:var(--text-secondary)">Captions per image (improves LoRA quality)</span>
               <button class="btn btn-secondary btn-small" onclick="autoCaptionAll()">Auto-fill from trigger word</button>
+              <button class="btn btn-secondary btn-small" onclick="toggleBulkCaptions()">Bulk Paste</button>
               <button class="btn btn-secondary btn-small" onclick="clearTrainImages()">Clear all</button>
             </div>
+            <div id="bulk-caption-area" style="display:none;margin:8px 0">
+              <textarea id="bulk-caption-text" style="width:100%;height:200px;font-size:12px;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:inherit" placeholder="Paste numbered captions, one per line. They map to images in order.&#10;&#10;1. ohwx woman, portrait, natural lighting, smiling&#10;2. ohwx woman, full body, outdoor, park&#10;3. ohwx woman, close-up, studio lighting&#10;..."></textarea>
+              <div style="display:flex;gap:8px;margin-top:6px">
+                <button class="btn btn-primary btn-small" onclick="applyBulkCaptions()">Apply to images</button>
+                <button class="btn btn-secondary btn-small" onclick="toggleBulkCaptions()">Cancel</button>
+                <span style="font-size:11px;color:var(--text-secondary);align-self:center">Accepts: "1. text", "1) text", or plain lines</span>
+              </div>
+            </div>
             <div id="caption-editor" class="caption-editor"></div>
           </div>
 
@@ -1944,6 +1953,40 @@ function autoCaptionAll() {
   toast(`Applied "${trigger}" to ${trainImageFiles.length} images`, 'success');
 }
 
+function toggleBulkCaptions() {
+  const area = document.getElementById('bulk-caption-area');
+  area.style.display = area.style.display === 'none' ? 'block' : 'none';
+}
+
+function applyBulkCaptions() {
+  const raw = document.getElementById('bulk-caption-text').value.trim();
+  if (!raw) { toast('Paste captions first', 'error'); return; }
+  if (trainImageFiles.length === 0) { toast('Upload images first', 'error'); return; }
+
+  // Parse lines: strip numbering like "1. ", "1) ", "1: ", or plain lines
+  const lines = raw.split('\n')
+    .map(l => l.trim())
+    .filter(l => l.length > 0)
+    .map(l => l.replace(/^\d+[\.\)\:\-]\s*/, ''));
+
+  const count = Math.min(lines.length, trainImageFiles.length);
+  const textareas = document.querySelectorAll('#caption-editor textarea');
+
+  for (let i = 0; i < count; i++) {
+    trainCaptions[trainImageFiles[i].name] = lines[i];
+    if (textareas[i]) textareas[i].value = lines[i];
+  }
+
+  document.getElementById('bulk-caption-area').style.display = 'none';
+  document.getElementById('bulk-caption-text').value = '';
+  toast(`Applied captions to ${count} of ${trainImageFiles.length} images`, 'success');
+  if (lines.length > trainImageFiles.length) {
+    toast(`${lines.length - trainImageFiles.length} extra captions ignored (more captions than images)`, 'warning');
+  } else if (lines.length < trainImageFiles.length) {
+    toast(`${trainImageFiles.length - lines.length} images have no caption yet`, 'warning');
+  }
+}
+
 function clearTrainImages() {
   trainImageFiles = [];
   trainCaptions = {};