Artículos

Ruta /pimia/articulos · componentes, campos y acciones del checkout documentado.

Ruta y puntos de edición

Ruta: /pimia/articulos. Revisión: 2aec1b16cc01.

Esta ficha procede de lectura estática del código. Los componentes asociados pueden incluir diálogos cerrados y bloques condicionales. Las expresiones dinámicas se conservan como código; no equivalen a campos siempre visibles ni a permisos concedidos.

Vista en el tenant de referencia

Artículos en Pimia

Captura de escritorio del tenant de demostración Reformas Vera, S.L., tomada el 10 de septiembre de 2026. Los datos ilustran la composición de la pantalla y pueden cambiar.

Capa	Archivo relativo al repositorio
Ruta	`src/app/pimia/articulos/page.tsx`
Adaptador Next.js	`src/host/screens/PimiaItemScreens.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaItemsScreen.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaStates.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaScreenShell.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaPageHeader.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaFilterBar.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaTablePanel.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaPagination.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaSortableHead.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaItemStockCell.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaItemMovementsSheet.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaItemDialog.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaConnectDialog.tsx`
Vista o componente asociado	`src/features/pimia/ui/PimiaStockAdjustmentDialog.tsx`

PimiaItemsScreen

Fuente: src/features/pimia/ui/PimiaItemsScreen.tsx.

Campos y controles

La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
Buscar	`Input`	`search`	`No declaradas en este nodo`	262
Sin etiqueta literal resoluble	`Select`	`itemType`	`No declaradas en este nodo`	276
Sin etiqueta literal resoluble	`Select`	`categoryId`	`No declaradas en este nodo`	298

Columnas declaradas

Categoría
Existencias
Margen
Acciones

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Nuevo artículo	`openNew`	`No declarado en este nodo`	249
Dar de alta el primero	`openNew`	`No declarado en este nodo`	355
`Movimientos de ${item.name}`	`() => setMovementsOf({ id: item.id, name: item.name })`	`No declarado en este nodo`	482
`Editar ${item.name}`	`() => openEdit(item)`	`No declarado en este nodo`	496
`Borrar ${item.name}`	`() => { setDeleteError(null); setToDelete(item); }`	`No declarado en este nodo`	505
Borrar	`(event) => { event.preventDefault(); void confirmDelete(); }`	`remove.isPending`	585

Estados reutilizados

PimiaNotConnected
PimiaRowsSkeleton
PimiaErrorState
PimiaEmpty

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

gap-1.5, bg-warning/10, text-sm, text-foreground, bg-muted/40, text-muted-foreground, text-right, gap-2, text-xs, gap-1, text-destructive.

PimiaStates

Fuente: src/features/pimia/ui/PimiaStates.tsx.

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Conectar una empresa	`() => setIsConnectOpen(true)`	`No declarado en este nodo`	99
Rótulo dinámico / icono	`() => void goPimiaPath(notFound.listPath)`	`No declarado en este nodo`	233
Rótulo dinámico / icono	`delegado al contenedor`	`No declarado en este nodo`	247
Rótulo dinámico / icono	`() => void goPimiaPath( closedDoor.action?.kind === "plan" ? PLAN_PATH : MODULES_SETTINGS_PATH, )`	`No declarado en este nodo`	257
Volver a conectar	`() => setIsConnectOpen(true)`	`No declarado en este nodo`	273
Reintentar	`onRetry`	`No declarado en este nodo`	279

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

gap-4, p-8, text-center, text-base, text-foreground, text-sm, text-muted-foreground, gap-2, overflow-hidden, bg-muted/40.

PimiaFilterBar

Fuente: src/features/pimia/ui/PimiaFilterBar.tsx.

Campos y controles

La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
searchLabel ?? searchPlaceholder	`Input`	`searchValue ?? ""`	`No declaradas en este nodo`	56

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

text-muted-foreground, gap-2.

PimiaPagination

Fuente: src/features/pimia/ui/PimiaPagination.tsx.

Campos y controles

La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
Sin etiqueta literal resoluble	`Select`	`String(pageSize)`	`No declaradas en este nodo`	82

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Anterior	`() => onPageChange(Math.max(1, page - 1))`	`page <= 1 \|\| isBusy`	104
Siguiente	`() => onPageChange(page + 1)`	`page >= lastPage \|\| isBusy`	115

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

gap-3, text-xs, text-muted-foreground, gap-2.

PimiaSortableHead

Fuente: src/features/pimia/ui/PimiaSortableHead.tsx.

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Rótulo dinámico / icono	`() => onSortChange({ direction: isActive && sort.direction === "desc" ? "asc" : ("desc" as const), field, })`	`No declarado en este nodo`	61

PimiaItemMovementsSheet

Fuente: src/features/pimia/ui/PimiaItemMovementsSheet.tsx.

Columnas declaradas

Fecha
Motivo
Cantidad
Saldo

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Rótulo dinámico / icono	`() => { onClose(); goPimiaPath(destino.path); }`	`No declarado en este nodo`	237
Ajustar existencias	`() => setAjusteAbierto(true)`	`No declarado en este nodo`	270
Rótulo dinámico / icono	`() => void goPimiaPath(documento.path)`	`No declarado en este nodo`	340

Estados reutilizados

PimiaRowsSkeleton
PimiaErrorState
PimiaEmpty

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

overflow-y-auto, bg-muted/40, text-xs, text-foreground, gap-4, text-sm, text-muted-foreground, text-destructive, hover:text-foreground, overflow-x-auto, text-right, p-0.

PimiaItemDialog

Fuente: src/features/pimia/ui/PimiaItemDialog.tsx.

Campos y controles

La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
Nombre	`Input`	`draft.name`	`maxLength=255`	125
Sin etiqueta literal resoluble	`Select`	`draft.itemType`	`No declaradas en este nodo`	139
Sin etiqueta literal resoluble	`Select`	`draft.categoryId === "" ? NINGUNA : draft.categoryId`	`No declaradas en este nodo`	161
Sin etiqueta literal resoluble	`Select`	`draft.unitId === "" ? NINGUNA : draft.unitId`	`No declaradas en este nodo`	183
Precio de venta (€)	`Input`	`draft.price`	`No declaradas en este nodo`	205
Precio de compra (€)	`Input`	`draft.purchasePrice`	`No declaradas en este nodo`	222
Descuento (%)	`Input`	`draft.defaultDiscount`	`No declaradas en este nodo`	235
Referencia	`Input`	`draft.sku`	`maxLength=100`	248
Referencia del proveedor	`Input`	`draft.supplierReference`	`maxLength=100`	260
Existencias	`Input`	`draft.openingStock`	`No declaradas en este nodo`	275
Mínimo de stock	`Input`	`draft.stockAlertQty`	`No declaradas en este nodo`	296
Permitir venta sin stock	`Switch`	`draft.allowSaleWithoutStock`	`No declaradas en este nodo`	317
Descripción	`Textarea`	`draft.description`	`No declaradas en este nodo`	329
Activo	`Switch`	`draft.isActive`	`No declaradas en este nodo`	346

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Cancelar	`() => props.onOpenChange(false)`	`No declarado en este nodo`	377
Rótulo dinámico / icono	`submit`	`props.isSaving`	384

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

overflow-y-auto, gap-4, sm:grid-cols-3, text-xs, text-muted-foreground, sm:grid-cols-2, gap-3, p-3, text-sm, text-destructive.

PimiaConnectDialog

Fuente: src/features/pimia/ui/PimiaConnectDialog.tsx.

Campos y controles

La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
Tu empresa	`Input`	`baseUrl`	`disabled=connect.isPending`	114

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Cancelar	`() => handleOpenChange(false)`	`No declarado en este nodo`	155
Rótulo dinámico / icono	`submit del formulario`	`!canSubmit`	162

Etiqueta o pista	Control	Enlace de estado	Reglas JSX	Línea
Cantidad	`Input`	`draft.quantity`	`No declaradas en este nodo`	138
Sin etiqueta literal resoluble	`Select`	`warehouseId`	`No declaradas en este nodo`	164
Motivo	`Input`	`draft.note`	`maxLength=255`	190

Acciones

Rótulo literal	Handler o envío	Deshabilitado cuando	Línea
Cancelar	`() => onOpenChange(false)`	`No declarado en este nodo`	211
Ajustar	`submit del formulario`	`ajustar.isPending`	218

Clases de presentación locales

Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.

text-xs, text-muted-foreground, text-sm, text-destructive.

Hooks, adaptadores y utilidades relacionados

src/features/pimia/api/auth.ts
src/features/pimia/api/itemCategories.ts
src/features/pimia/api/items.ts
src/features/pimia/api/pimiaClient.ts
src/features/pimia/api/units.ts
src/features/pimia/hooks/usePimiaArticulos.ts
src/features/pimia/hooks/usePimiaAuth.ts
src/features/pimia/hooks/usePimiaResources.ts
src/features/pimia/lib/closedDoors.ts
src/features/pimia/lib/items.ts
src/features/pimia/lib/missingRecord.ts
src/features/pimia/lib/money.ts
src/features/pimia/lib/pagination.ts
src/features/pimia/lib/scopeDenial.ts
src/features/pimia/lib/stockCommitments.ts
src/features/pimia/lib/stockMovements.ts
src/features/pimia/lib/warehouses.ts

Antes de entregar un retoque

Revisa los archivos de formulario y sus helpers antes de cambiar tipos, obligatoriedad o valores iniciales.
Prueba carga, error, vacío, permisos insuficientes y guardado pendiente en las variantes que usa esta pantalla.
Comprueba escritorio, móvil, teclado, tema oscuro y scroll con suficientes filas.
Conserva los handlers y la invalidación de datos al modificar la presentación.

En esta página