From 6d30e1c274df20646d911022dcaa07aba54700e3 Mon Sep 17 00:00:00 2001
From: Nurfog <juan.allende@gmail.com>
Date: Tue, 8 Sep 2026 14:32:48 -0300
Subject: [PATCH] feat: auto puerto/subdominio y ejemplo
 https://git.norteamericano.cl/user/mi-proyecto.git

---
 src/app/upload/page.tsx | 85 +++++++++++++++++++++++++----------------
 1 file changed, 53 insertions(+), 32 deletions(-)

diff --git a/src/app/upload/page.tsx b/src/app/upload/page.tsx
index f1f6b38..9b7ed61 100644
--- a/src/app/upload/page.tsx
+++ b/src/app/upload/page.tsx
@@ -121,20 +121,6 @@ export default function UploadPage() {
                     <div className="form-text">Minúsculas, guiones, empieza con letra.</div>
                   </div>
 
-                  <div className="col-md-6">
-                    <label className="form-label fw-semibold">
-                      Subdominio <small className="text-muted">(opcional)</small>
-                    </label>
-                    <input
-                      name="subdomain"
-                      value={form.subdomain}
-                      onChange={handleChange}
-                      placeholder="ej: ventas (default: nombre)"
-                      className="form-control"
-                    />
-                    <div className="form-text">https://{form.subdomain || form.name || "subdominio"}.devops.norteamericano.cl</div>
-                  </div>
-
                   <div className="col-12">
                     <label className="form-label fw-semibold">
                       URL del repositorio Gitea <span className="text-danger">*</span>
@@ -143,13 +129,65 @@ export default function UploadPage() {
                       name="repoUrl"
                       value={form.repoUrl}
                       onChange={handleChange}
-                      placeholder="https://git.norteamericano.cl/Fimm/mi-frontend.git"
+                      placeholder="https://git.norteamericano.cl/user/mi-proyecto.git"
                       required
                       className="form-control"
                     />
                     <div className="form-text">Debe ser accesible desde el deployer (https://git.norteamericano.cl).</div>
                   </div>
 
+                  <div className="col-12">
+                    <div className="alert alert-light border py-2 small">
+                      <i className="bx bx-cog me-1" />
+                      <strong>Configuración automática:</strong> puerto y subdominio se asignan automáticamente
+                      {form.name && (
+                        <span>
+                          {" "}
+                          → <code>https://{form.subdomain || form.name}.devops.norteamericano.cl</code>
+                          {form.port ? ` :${form.port}` : " (puerto auto)"}
+                        </span>
+                      )}
+                      . Se crean los registros en Caddy y DNS.
+                    </div>
+                  </div>
+
+                  <details className="col-12">
+                    <summary className="small text-muted" style={{ cursor: "pointer" }}>
+                      Opciones avanzadas (puerto / subdominio manual)
+                    </summary>
+                    <div className="row g-3 mt-1">
+                      <div className="col-md-6">
+                        <label className="form-label fw-semibold">
+                          Subdominio <small className="text-muted">(opcional)</small>
+                        </label>
+                        <input
+                          name="subdomain"
+                          value={form.subdomain}
+                          onChange={handleChange}
+                          placeholder="ej: ventas (default: nombre)"
+                          className="form-control"
+                        />
+                        <div className="form-text">https://{form.subdomain || form.name || "subdominio"}.devops.norteamericano.cl</div>
+                      </div>
+                      <div className="col-md-6">
+                        <label className="form-label fw-semibold">
+                          Puerto <small className="text-muted">(opcional)</small>
+                        </label>
+                        <input
+                          name="port"
+                          type="number"
+                          value={form.port}
+                          onChange={handleChange}
+                          placeholder="auto (3011+)"
+                          min={3000}
+                          max={4000}
+                          className="form-control"
+                        />
+                        <div className="form-text">Se asigna automáticamente si se deja vacío.</div>
+                      </div>
+                    </div>
+                  </details>
+
                   <div className="col-md-6">
                     <label className="form-label fw-semibold">Rama</label>
                     <input
@@ -161,23 +199,6 @@ export default function UploadPage() {
                     />
                   </div>
 
-                  <div className="col-md-6">
-                    <label className="form-label fw-semibold">
-                      Puerto <small className="text-muted">(opcional)</small>
-                    </label>
-                    <input
-                      name="port"
-                      type="number"
-                      value={form.port}
-                      onChange={handleChange}
-                      placeholder="auto (3011+)"
-                      min={3000}
-                      max={4000}
-                      className="form-control"
-                    />
-                    <div className="form-text">Se asigna automáticamente si se deja vacío.</div>
-                  </div>
-
                   <div className="col-12 mt-2">
                     <div className="alert alert-info py-2 small mb-0">
                       <i className="bx bx-info-circle me-1" />