feat(web): grilla de líneas editable y página de componentes de desarrollo

- sbo-lines-grid: columnas declarativas (texto / número con decimales /
  solo lectura / calculadas), celdas con lista de valores (botón "..." y
  F4) cuyo apply rellena la línea, añadir y quitar línea, y "Elegir
  artículos..." para agregar varias líneas a la vez.
- Teclado: Enter confirma y baja a la misma columna (crea línea en la
  última fila), flechas arriba/abajo cambian de fila. Las celdas se
  confirman al salir de ellas; un número inválido conserva el anterior.
- Documento cerrado: grilla de solo lectura, sin botones ni listas.
- Columnas estándar de línea de SAP (artículo, descripción, cantidad,
  almacén, precio, % dto., impuesto, total) con TaxCode / SalesTaxCodes,
  verificado en el Service Layer real; recalcLine (cantidad x precio x
  (1 - dto)).
- Corrige el foco al crear una línea con Enter: se pedía antes de que la
  fila existiera en el DOM (ahora espera al render).
- /dev/componentes: página de componentes solo para desarrollo
  (canMatch isDevMode), sin entrada en el menú y sin escribir en SAP.
- Verificado en Chrome contra SAP real: artículo elegido de la lista,
  5 x 10,000 con 10 % = 45,000.00, Enter/flechas, varios artículos a la
  vez, quitar línea y subtotal del pie.

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

apps/web/src/app/features/documents/line-columns.spec.ts

@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'vitest';
+import { DOCUMENT_LINE_COLUMNS, ITEMS_MULTI_ADD, newDocumentLine, recalcLine } from './line-columns';
+
+describe('recalcLine', () => {
+  it('total = cantidad × precio, redondeado a 2 decimales', () => {
+    expect(recalcLine({ Quantity: 5, Price: 10000 })['LineTotal']).toBe(50000);
+    expect(recalcLine({ Quantity: 3, Price: 0.1 })['LineTotal']).toBe(0.3);
+    expect(recalcLine({ Quantity: 1.5, Price: 19.99 })['LineTotal']).toBe(29.99);
+  });
+
+  it('aplica el % de descuento', () => {
+    expect(recalcLine({ Quantity: 2, Price: 100, DiscountPercent: 10 })['LineTotal']).toBe(180);
+    expect(recalcLine({ Quantity: 2, Price: 100, DiscountPercent: 100 })['LineTotal']).toBe(0);
+  });
+
+  it('valores vacíos o no numéricos cuentan como 0 y se conserva el resto de la línea', () => {
+    const line = recalcLine({ ItemCode: 'A', Quantity: null, Price: 'abc' });
+    expect(line['LineTotal']).toBe(0);
+    expect(line['ItemCode']).toBe('A');
+  });
+});
+
+describe('columnas estándar de línea', () => {
+  const keys = DOCUMENT_LINE_COLUMNS.map((c) => c.key);
+
+  it('son las de una línea de documento de SAP (con TaxCode)', () => {
+    expect(keys).toEqual(['ItemCode', 'ItemDescription', 'Quantity', 'WarehouseCode', 'Price', 'DiscountPercent', 'TaxCode', 'LineTotal']);
+  });
+
+  it('el total es de solo lectura y artículo y cantidad son obligatorios', () => {
+    expect(DOCUMENT_LINE_COLUMNS.find((c) => c.key === 'LineTotal')?.readonly).toBe(true);
+    expect(DOCUMENT_LINE_COLUMNS.filter((c) => c.required).map((c) => c.key)).toEqual(['ItemCode', 'Quantity']);
+  });
+
+  it('artículo, almacén e impuesto tienen lista de valores sobre recursos registrados', () => {
+    const resources = DOCUMENT_LINE_COLUMNS.filter((c) => c.lookup).map((c) => c.lookup!.config.resource);
+    expect(resources).toEqual(['Items', 'Warehouses', 'SalesTaxCodes']);
+  });
+
+  it('elegir un artículo rellena código y descripción sin perder el resto', () => {
+    const apply = DOCUMENT_LINE_COLUMNS[0].lookup!.apply;
+    expect(apply({ ItemCode: 'I1', ItemName: 'Disco' }, { Quantity: 3 })).toMatchObject({ ItemCode: 'I1', ItemDescription: 'Disco', Quantity: 3 });
+  });
+
+  it('elegir almacén o impuesto solo cambia ese campo', () => {
+    const wh = DOCUMENT_LINE_COLUMNS.find((c) => c.key === 'WarehouseCode')!.lookup!.apply;
+    const tax = DOCUMENT_LINE_COLUMNS.find((c) => c.key === 'TaxCode')!.lookup!.apply;
+    expect(wh({ WarehouseCode: '01', WarehouseName: 'Principal' }, { ItemCode: 'A' })).toEqual({ ItemCode: 'A', WarehouseCode: '01' });
+    expect(tax({ Code: 'IVA', Rate: 19 }, { ItemCode: 'A' })).toEqual({ ItemCode: 'A', TaxCode: 'IVA' });
+  });
+});
+
+describe('línea nueva y "catálogo completo"', () => {
+  it('la línea nueva trae cantidad 1 y total 0', () => {
+    expect(newDocumentLine()).toMatchObject({ Quantity: 1, Price: 0, LineTotal: 0, ItemCode: '' });
+  });
+
+  it('cada artículo elegido se convierte en una línea nueva', () => {
+    expect(ITEMS_MULTI_ADD.toLine({ ItemCode: 'I9', ItemName: 'Cable' })).toMatchObject({ ItemCode: 'I9', ItemDescription: 'Cable', Quantity: 1 });
+  });
+});