feat: auto puerto/subdominio y ejemplo https://git.norteamericano.cl/user/mi-proyecto.git

src/app/upload/page.tsx

@@ -121,6 +121,41 @@ export default function UploadPage() {
                     <div className="form-text">Minúsculas, guiones, empieza con letra.</div>
                   </div>
 
+                  <div className="col-12">
+                    <label className="form-label fw-semibold">
+                      URL del repositorio Gitea <span className="text-danger">*</span>
+                    </label>
+                    <input
+                      name="repoUrl"
+                      value={form.repoUrl}
+                      onChange={handleChange}
+                      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>
@@ -134,33 +169,6 @@ export default function UploadPage() {
                         />
                         <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>
-                    </label>
-                    <input
-                      name="repoUrl"
-                      value={form.repoUrl}
-                      onChange={handleChange}
-                      placeholder="https://git.norteamericano.cl/Fimm/mi-frontend.git"
-                      required
-                      className="form-control"
-                    />
-                    <div className="form-text">Debe ser accesible desde el deployer (https://git.norteamericano.cl).</div>
-                  </div>
-
-                  <div className="col-md-6">
-                    <label className="form-label fw-semibold">Rama</label>
-                    <input
-                      name="branch"
-                      value={form.branch}
-                      onChange={handleChange}
-                      placeholder="main"
-                      className="form-control"
-                    />
-                  </div>
-
                       <div className="col-md-6">
                         <label className="form-label fw-semibold">
                           Puerto <small className="text-muted">(opcional)</small>
@@ -177,6 +185,19 @@ export default function UploadPage() {
                         />
                         <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
+                      name="branch"
+                      value={form.branch}
+                      onChange={handleChange}
+                      placeholder="main"
+                      className="form-control"
+                    />
+                  </div>
 
                   <div className="col-12 mt-2">
                     <div className="alert alert-info py-2 small mb-0">