From 67ef358866f525ba4e75db221e8cad6582f1b546 Mon Sep 17 00:00:00 2001
From: david <darranz@rodax-software.com>
Date: Thu, 30 Jul 2026 14:49:10 +0200
Subject: [PATCH] .

---
 .../src/web/components/empty-cell-value.tsx   | 19 +++++++++++++++++++
 modules/core/src/web/components/index.ts      |  1 +
 .../use-proforma-grid-columns.tsx             |  9 ++++++++-
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 modules/core/src/web/components/empty-cell-value.tsx

diff --git a/modules/core/src/web/components/empty-cell-value.tsx b/modules/core/src/web/components/empty-cell-value.tsx
new file mode 100644
index 00000000..181481dd
--- /dev/null
+++ b/modules/core/src/web/components/empty-cell-value.tsx
@@ -0,0 +1,19 @@
+import { cn } from "@repo/shadcn-ui/lib/utils";
+
+type EmptyCellValueProps = {
+  className?: string;
+  value?: string;
+};
+
+export const EmptyCellValue = ({
+  className,
+  value = "\u2014",
+}: EmptyCellValueProps) => (
+  <span
+    aria-label="Sin valor"
+    className={cn("inline-flex items-center text-muted-foreground", className)}
+  >
+    {value}
+  </span>
+);
+
diff --git a/modules/core/src/web/components/index.ts b/modules/core/src/web/components/index.ts
index 77533758..8db2b51d 100644
--- a/modules/core/src/web/components/index.ts
+++ b/modules/core/src/web/components/index.ts
@@ -1,3 +1,4 @@
+export * from "./empty-cell-value";
 export * from "./error-alert";
 export * from "./error-state";
 export * from "./form";
diff --git a/modules/customer-invoices/src/web/proformas/list/ui/blocks/proformas-grid/use-proforma-grid-columns.tsx b/modules/customer-invoices/src/web/proformas/list/ui/blocks/proformas-grid/use-proforma-grid-columns.tsx
index 89bcc0ce..00f199da 100644
--- a/modules/customer-invoices/src/web/proformas/list/ui/blocks/proformas-grid/use-proforma-grid-columns.tsx
+++ b/modules/customer-invoices/src/web/proformas/list/ui/blocks/proformas-grid/use-proforma-grid-columns.tsx
@@ -1,3 +1,4 @@
+import { EmptyCellValue } from "@erp/core/components";
 import { DataTableColumnHeader } from "@repo/rdx-ui/components";
 import { DateHelper } from "@repo/rdx-utils";
 import {
@@ -195,6 +196,7 @@ export function useProformasGridColumns(
         header: "Serie",
         enableHiding: true,
         enableSorting: false,
+        cell: ({ row }) => row.original.series || <EmptyCellValue />,
       },
       {
         id: "reference",
@@ -207,7 +209,12 @@ export function useProformasGridColumns(
             title={t("pages.proformas.list.columns.reference")}
           />
         ),
-        cell: ({ row }) => <div className="truncate">{row.original.reference}</div>,
+        cell: ({ row }) =>
+          row.original.reference ? (
+            <div className="truncate">{row.original.reference}</div>
+          ) : (
+            <EmptyCellValue />
+          ),
         meta: {
           cellClassName: "hidden lg:table-cell max-w-16",
           headerClassName: "hidden lg:table-cell",