Ejemplo: migrar tienda/pedidos¶

views/tienda/pedidos/
├── pedidos.page.ts
├── pedidos.experiencias.ts
├── models/pedidos.models.ts               # Pedido, FiltrosPedidos, ResumenEstados, PermisosPedidos, OrigenPedidos
├── repository/
│   ├── pedidos.repository.ts
│   └── data-processor.worker.ts
├── state/
│   ├── pedidos.store.ts
│   ├── pedidos.facade.ts
│   └── pedidos.facade.spec.ts
├── helpers/
│   ├── pedidos.reglas.ts
│   ├── pedidos.reglas.spec.ts
│   └── pedidos.permisos.ts
└── experiencias/
    ├── clasica/                           # Lo de hoy, movido sin cambios visuales
    │   ├── pedidos-clasica.component.*
    │   └── partes/                        # barra de acciones, filtros, resumen por estado
    └── <experiencia-b>/                   # Cuando exista su diseño

@Injectable()
export class PedidosFacade {
  private readonly repository = inject(PedidosRepository);
  private readonly store = inject(PedidosStore);

  readonly cargando = this.store.cargando;
  readonly error = this.store.error;
  readonly origen = this.store.origen;              // 'Interrapidisimo' | 'Hoko'
  readonly columnas = this.store.columnas;
  readonly filas = this.store.filasVisibles;        // computed: filas + filtros + estado seleccionado
  readonly resumen = this.store.resumenPorEstado;   // computed: conteos y porcentajes
  readonly opciones = this.store.opcionesFiltro;    // tiendas, productos, estados, transportadoras
  readonly filtros = this.store.filtros;
  readonly permisos = this.store.permisos;          // { anularGuias, verCostos, origenLogigho, origenHoko }

  async iniciar(): Promise<void> {
    this.store.setPermisos(permisosPedidos());
    await this.cambiarOrigen('Interrapidisimo');
  }

  async cambiarOrigen(origen: OrigenPedidos): Promise<void> {
    this.store.setCargando(true);
    try {
      const [pedidos, tiendas] = await Promise.all([
        this.repository.consultarPedidos(origen),
        this.repository.consultarTiendas(origen),
      ]);
      this.store.setDatos(origen, pedidos, tiendas);
    } catch {
      this.store.setError('No se pudieron obtener los pedidos.');
    } finally {
      this.store.setCargando(false);
    }
  }

  aplicarFiltros(cambio: Partial<FiltrosPedidos>): void {
    this.store.setFiltros(cambio);
  }

  seleccionarEstado(estado: EstadoPedido | null): void {
    this.store.setEstadoSeleccionado(estado);
  }

  exportar(): void {
    descargarArchivo(armarCsvPedidos(this.filas(), this.columnas()), 'pedidos.csv');
  }
}