feat(web): Indicador, prefijo y número del folio juntos en una fila (documentos de facturación y asiento) y las tres fechas de la cabecera en orden

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/features/finance/journal-form.page.html

@@ -26,8 +26,11 @@
   </div>
   <div class="sbo-hdr">
     <div class="sbo-col">
-      <sbo-lookup-field label="Indicador" [lookup]="indicatorLookup" [value]="indicator()" (valueChange)="indicator.set($event)" [readonly]="saved()" />
-      <sbo-field label="Folio">
+      <sbo-field label="Indicador / Folio">
+        <sbo-input width="80px" ariaLabel="Indicador" [readonly]="saved()" [value]="indicator()" (valueChange)="indicator.set($event)" />
+        @if (!saved()) {
+          <button type="button" class="sbo-btn" aria-label="Abrir la lista de indicadores" title="Lista de valores" (click)="indicatorOpen.set(true)">…</button>
+        }
         <sbo-input width="90px" [maxlength]="10" ariaLabel="Prefijo del folio" [readonly]="saved()" [value]="folioPrefix()" (valueChange)="set('folioPrefix', $event)" />
         <sbo-input ariaLabel="Número de folio" [readonly]="saved()" [value]="folioNumber()" (valueChange)="set('folioNumber', $event)" />
       </sbo-field>
@@ -76,3 +79,15 @@
   }
   <a sboActions class="btn" routerLink="..">{{ saved() ? 'Cerrar' : 'Descartar' }}</a>
 </sbo-window>
+
+@if (indicatorOpen()) {
+  <sbo-value-help
+    [open]="true"
+    [title]="indicatorLookup.title"
+    [resource]="indicatorLookup.resource"
+    [columns]="indicatorLookup.columns"
+    [orderby]="indicatorLookup.orderby"
+    (selected)="indicatorPicked($event)"
+    (closed)="indicatorOpen.set(false)"
+  />
+}