thevoidforge 21.0.7 → 21.0.8

package/dist/wizard/ui/app.js

@@ -669,6 +669,50 @@
     }
   });
 
+  // PRD file upload + drag-and-drop
+  const dropzone = $('#prd-dropzone');
+  const fileInput = $('#prd-file-input');
+  const prdTextarea = $('#prd-paste');
+
+  if (dropzone && fileInput) {
+    function handlePrdFile(file) {
+      const reader = new FileReader();
+      reader.onload = function (e) {
+        prdTextarea.value = e.target.result;
+        showStatus(prdStatus, 'success', 'Loaded: ' + file.name + ' (' + file.size + ' bytes)');
+        dropzone.style.borderColor = 'var(--accent, #5b5bf7)';
+        setTimeout(function () { dropzone.style.borderColor = ''; }, 2000);
+      };
+      reader.onerror = function () {
+        showStatus(prdStatus, 'error', 'Failed to read file');
+      };
+      reader.readAsText(file);
+    }
+
+    dropzone.addEventListener('click', function () { fileInput.click(); });
+    dropzone.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') fileInput.click(); });
+
+    fileInput.addEventListener('change', function () {
+      if (fileInput.files && fileInput.files[0]) handlePrdFile(fileInput.files[0]);
+    });
+
+    dropzone.addEventListener('dragover', function (e) {
+      e.preventDefault();
+      dropzone.style.borderColor = 'var(--accent, #5b5bf7)';
+      dropzone.style.background = 'rgba(91, 91, 247, 0.05)';
+    });
+    dropzone.addEventListener('dragleave', function () {
+      dropzone.style.borderColor = '';
+      dropzone.style.background = '';
+    });
+    dropzone.addEventListener('drop', function (e) {
+      e.preventDefault();
+      dropzone.style.borderColor = '';
+      dropzone.style.background = '';
+      if (e.dataTransfer.files && e.dataTransfer.files[0]) handlePrdFile(e.dataTransfer.files[0]);
+    });
+  }
+
   let cachedPrompt = null;
   $('#copy-prd-prompt').addEventListener('click', async () => {
     const promptCopyStatus = $('#prompt-copy-status');

package/dist/wizard/ui/index.html

@@ -177,11 +177,19 @@
 
         <div class="tab-panel" id="tab-paste" role="tabpanel" aria-labelledby="tab-btn-paste">
           <div class="card">
-            <p>Already have a PRD, or prefer to generate one with a different AI? Paste the finished result below.</p>
+            <p>Already have a PRD? Drop the file here, upload it, or paste below.</p>
+
+            <div class="field">
+              <div id="prd-dropzone" style="border: 2px dashed var(--border, #333); border-radius: 8px; padding: 2rem; text-align: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; margin-bottom: 12px;" role="button" tabindex="0" aria-label="Drop a PRD file here or click to upload">
+                <p style="margin: 0 0 8px 0; font-size: 1.1em;">Drop your PRD file here</p>
+                <p style="margin: 0; opacity: 0.6; font-size: 0.9em;">or click to browse (.md, .txt, .yaml)</p>
+                <input type="file" id="prd-file-input" accept=".md,.txt,.yaml,.yml,.markdown" style="display: none;">
+              </div>
+            </div>
 
             <div class="field">
               <label>PRD Generator Prompt</label>
-              <p class="field-hint" style="margin-bottom: 8px;">Copy this prompt into ChatGPT, Gemini, or any AI — then paste the output below.</p>
+              <p class="field-hint" style="margin-bottom: 8px;">Or copy this prompt into ChatGPT, Gemini, or any AI — then paste the output below.</p>
               <button class="btn btn-secondary" id="copy-prd-prompt" type="button">Copy Generator Prompt to Clipboard</button>
               <div class="status-row" id="prompt-copy-status" role="status" aria-live="polite"></div>
             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thevoidforge",
-  "version": "21.0.7",
+  "version": "21.0.8",
   "description": "From nothing, everything. A methodology framework for building with Claude Code.",
   "type": "module",
   "engines": {