Update templates/index.html

templates/index.html

@@ -69,22 +69,41 @@
                 
                 <div id="builder_container"></div>
 
-                <hr>
+                <hr class="my-4">
+                
+                <div class="step-header">Metadata & Publish</div>
+                
+                <div class="row g-2 mb-3">
+                    <div class="col-md-8">
+                        <label class="small fw-bold text-muted">Target Repository Name</label>
+                        <input type="text" id="target_id" class="form-control" placeholder="username/my-new-dataset">
+                    </div>
+                    <div class="col-md-4">
+                        <label class="small fw-bold text-muted">License</label>
+                        <input type="text" id="license_input" class="form-control" value="apache-2.0" placeholder="mit, cc-by-4.0...">
+                    </div>
+                </div>
+
                 <div class="row g-2 align-items-end">
-                    <div class="col-md-4"><input type="text" id="target_id" class="form-control" placeholder="target/repo"></div>
-                    <div class="col-md-2"><input type="number" id="max_rows" class="form-control" placeholder="Max Rows"></div>
-                    <div class="col-md-6 d-flex gap-2">
-                        <button class="btn btn-secondary w-50" onclick="runPreview()">Preview</button>
-                        <button class="btn btn-danger w-50" onclick="executeJob()">🚀 Push</button>
+                    <div class="col-md-4">
+                        <label class="small fw-bold text-muted">Max Rows (Test)</label>
+                        <input type="number" id="max_rows" class="form-control" placeholder="All">
+                    </div>
+                    <div class="col-md-8 d-flex gap-2">
+                        <button class="btn btn-outline-dark w-50" onclick="runPreview()">Preview Data</button>
+                        <button class="btn btn-success w-50" onclick="executeJob()">🚀 Push to Hub + Card</button>
                     </div>
                 </div>
                 
+                <!-- Status Box -->
                 <div id="job_status" class="alert mt-3" style="display:none;"></div>
                 <div id="final_preview" class="mt-3" style="display:none;"></div>
+
             </div>
         </div>
     </div>
-</div>
+
+
 
 <script>
     let schemaData = {}; 
@@ -336,7 +355,9 @@
                 split: document.getElementById('split_select').value,
                 target_id: document.getElementById('target_id').value,
                 recipe: getRecipe(),
-                max_rows: document.getElementById('max_rows').value
+                max_rows: document.getElementById('max_rows').value,
+                license: document.getElementById('license_input').value 
+
             })
         });
         const data = await res.json();