Update bootstrapper samples and upload guidance

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+frontend/sample_model.xlsx filter=lfs diff=lfs merge=lfs -text

frontend/index.html

@@ -408,14 +408,23 @@ input[type="range"]::-webkit-slider-thumb {
 }
 
 .sample-link {
-  display: inline-block;
-  margin-top: 0.6rem;
-  font-size: 13px;
+  display: block;
+  width: fit-content;
+  margin: 0.35rem 0 0.75rem;
+  font-size: 15px;
   color: var(--teal);
   text-decoration: none;
-  font-weight: 500;
+  font-weight: 600;
 }
 .sample-link:hover { color: var(--teal-d); text-decoration: underline; }
+.drop-text .file-type-hint {
+  display: block;
+  margin-top: 0.35rem;
+  color: var(--ink3);
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+}
 
 .hidden { display: none !important; }
 ::-webkit-scrollbar { width: 5px; }
@@ -465,37 +474,37 @@ input[type="range"]::-webkit-slider-thumb {
     <div class="col-card">
       <div class="col-label">Step 1</div>
       <div class="step-title">Prefixed model files</div>
-      <div class="step-desc">One file per species — output from Step 4 of the Metabolic Community Pipeline.</div>
+      <div class="step-desc">One file per species — output from Step 2 of SBML2FEA.</div>
+      <a href="/sample_model.xlsx" download="LC_model.xlsx" class="sample-link">⬇ Download sample file</a>
       <div class="drop-zone" id="dropModel">
         <input type="file" id="fileModel" accept=".xlsx" multiple onchange="handleFiles('model', this.files)"/>
         <span class="drop-icon">📄</span>
         <div class="drop-text">
           <strong>Drop file here</strong>
           or click to browse
-          
+          <small class="file-type-hint">.xlsx</small>
         </div>
       </div>
       <div class="file-chips" id="chipsModel"></div>
-      <a href="/sample_model.xlsx" download class="sample-link">⬇ Download sample file</a>
     </div>
 
     <!-- Bottom-left: Step 2 -->
     <div class="col-card">
       <div class="col-label">Step 2</div>
       <div class="step-title">Identifier mapping files</div>
-      <div class="step-desc">One file per species, in the same order as model files — output from Step 3 of the Pipeline.</div>
+      <div class="step-desc">One file per species, in the same order as model files — output from Step 3 of SBML2FEA.</div>
+      <a href="/sample_mapping.xlsx" download="LC_mapping.xlsx" class="sample-link">⬇ Download sample file</a>
       <div class="drop-zone" id="dropMapping">
         <input type="file" id="fileMapping" accept=".xlsx" multiple onchange="handleFiles('mapping', this.files)"/>
         <span class="drop-icon">📄</span>
         <div class="drop-text">
           <strong>Drop file here</strong>
           or click to browse
-          
+          <small class="file-type-hint">.xlsx</small>
         </div>
       </div>
       <div class="file-chips" id="chipsMapping"></div>
       <div class="mismatch-warning hidden" id="prefixWarning"></div>
-      <a href="/sample_mapping.xlsx" download class="sample-link">⬇ Download sample file</a>
     </div>
 
     <!-- Bottom-right: Step 3 -->
@@ -503,16 +512,17 @@ input[type="range"]::-webkit-slider-thumb {
       <div class="col-label">Step 3</div>
       <div class="step-title">Combined gene expression file</div>
       <div class="step-desc">Normalised gene expression counts for all species and samples from your metatranscriptomics data.</div>
+      <a href="/sample_combined_geneExpr.csv" download="combined_geneExpr.csv" class="sample-link">⬇ Download sample file</a>
       <div class="drop-zone" id="dropExpr">
         <input type="file" id="fileExpr" accept=".csv" onchange="handleFiles('expr', this.files)"/>
         <span class="drop-icon">📄</span>
         <div class="drop-text">
           <strong>Drop file here</strong>
           or click to browse · single file only
+          <small class="file-type-hint">.csv</small>
         </div>
       </div>
       <div class="file-chips" id="chipsExpr"></div>
-      <a href="/sample_combined_geneExpr.csv" download class="sample-link">⬇ Download sample file</a>
     </div>
 
   </div><!-- /main-grid -->