diff --git a/src/client/dd-hub-react/src/_mock/_data.ts b/src/client/dd-hub-react/src/_mock/_data.ts
index 69d78d1..62c0653 100644
--- a/src/client/dd-hub-react/src/_mock/_data.ts
+++ b/src/client/dd-hub-react/src/_mock/_data.ts
@@ -329,14 +329,108 @@ export const _documents: Doc[] = [
     addedWhen: new Date("2024-02-03T09:30:00Z"),
     addedWho: "bob",
     changedWhen: new Date("2024-03-15T12:00:00Z"),
-    changedWho: "KammM"
+    changedWho: "KammM",
+    attributes: [
+      {
+        name: "invoiceNumber",
+        serilizedValue: "INV-20250701-007",
+        type: 'VARCHAR'
+      },
+      {
+        name: "customerName",
+        serilizedValue: "Jane Smith",
+        type: 'VARCHAR'
+      },
+      {
+        name: "startDate",
+        serilizedValue: "2025-06-01",
+        type: 'DATE'
+      },
+      {
+        name: "endDate",
+        serilizedValue: "2025-06-30",
+        type: 'DATE'
+      },
+      {
+        name: "minAmount",
+        serilizedValue: "250.00",
+        type: 'DECIMAL'
+      },
+      {
+        name: "maxAmount",
+        serilizedValue: "850.75",
+        type: 'DECIMAL'
+      },
+      {
+        name: "taxIncluded",
+        serilizedValue: "false",
+        type: 'BOOLEAN'
+      },
+      {
+        name: "createdAt",
+        serilizedValue: "2025-06-15",
+        type: 'DATE'
+      },
+      {
+        name: "deliveryTime",
+        serilizedValue: "09:00:00",
+        type: 'TIME'
+      },
+      {
+        name: "lastUpdated",
+        serilizedValue: "2025-06-30T14:15:00",
+        type: 'DATETIME'
+      }
+    ]
   },
   {
     id: 3,
     name: "document1.docx",
     data: base64ToUint8Array(_base64.document1_docx),
     addedWhen: new Date("2023-12-20T14:45:00Z"),
-    addedWho: "SchreiberM"
+    addedWho: "SchreiberM",
+    attributes: [
+      {
+        name: "invoiceNumber",
+        serilizedValue: "INV-20250620-043",
+        type: 'VARCHAR'
+      },
+      {
+        name: "customerName",
+        serilizedValue: "Max Mustermann",
+        type: 'VARCHAR'
+      },
+      {
+        name: "startDate",
+        serilizedValue: "2025-05-01",
+        type: 'DATE'
+      },
+      {
+        name: "endDate",
+        serilizedValue: "2025-05-15",
+        type: 'DATE'
+      },
+      {
+        name: "maxAmount",
+        serilizedValue: "600.00",
+        type: 'DECIMAL'
+      },
+      {
+        name: "taxIncluded",
+        serilizedValue: "true",
+        type: 'BOOLEAN'
+      },
+      {
+        name: "createdAt",
+        serilizedValue: "2025-05-02",
+        type: 'DATE'
+      },
+      {
+        name: "lastUpdated",
+        serilizedValue: "2025-05-15T11:00:00",
+        type: 'DATETIME'
+      }
+    ]
   },
   {
     id: 4,
@@ -345,14 +439,108 @@ export const _documents: Doc[] = [
     addedWhen: new Date("2024-05-01T08:15:00Z"),
     addedWho: "KammM",
     changedWhen: new Date("2024-06-10T16:20:00Z"),
-    changedWho: "OlgunR"
+    changedWho: "OlgunR",
+    attributes: [
+      {
+        name: "invoiceNumber",
+        serilizedValue: "INV-20250410-021",
+        type: 'VARCHAR'
+      },
+      {
+        name: "startDate",
+        serilizedValue: "2025-04-01",
+        type: 'DATE'
+      },
+      {
+        name: "endDate",
+        serilizedValue: "2025-04-30",
+        type: 'DATE'
+      },
+      {
+        name: "minAmount",
+        serilizedValue: "150.99",
+        type: 'DECIMAL'
+      },
+      {
+        name: "maxAmount",
+        serilizedValue: "999.99",
+        type: 'DECIMAL'
+      },
+      {
+        name: "createdAt",
+        serilizedValue: "2025-04-15",
+        type: 'DATE'
+      },
+      {
+        name: "deliveryTime",
+        serilizedValue: "17:45:00",
+        type: 'TIME'
+      },
+      {
+        name: "lastUpdated",
+        serilizedValue: "2025-04-30T18:30:00",
+        type: 'DATETIME'
+      }
+    ]
   },
   {
     id: 5,
     name: "report.docx",
     data: base64ToUint8Array(_base64.report_docx),
     addedWhen: new Date("2024-04-17T11:25:00Z"),
-    addedWho: "SchreiberM"
+    addedWho: "SchreiberM",
+    attributes: [
+      {
+        name: "invoiceNumber",
+        serilizedValue: "INV-20250305-099",
+        type: 'VARCHAR'
+      },
+      {
+        name: "customerName",
+        serilizedValue: "Ali Veli",
+        type: 'VARCHAR'
+      },
+      {
+        name: "startDate",
+        serilizedValue: "2025-03-01",
+        type: 'DATE'
+      },
+      {
+        name: "endDate",
+        serilizedValue: "2025-03-20",
+        type: 'DATE'
+      },
+      {
+        name: "minAmount",
+        serilizedValue: "75.00",
+        type: 'DECIMAL'
+      },
+      {
+        name: "maxAmount",
+        serilizedValue: "500.00",
+        type: 'DECIMAL'
+      },
+      {
+        name: "taxIncluded",
+        serilizedValue: "false",
+        type: 'BOOLEAN'
+      },
+      {
+        name: "createdAt",
+        serilizedValue: "2025-03-02",
+        type: 'DATE'
+      },
+      {
+        name: "deliveryTime",
+        serilizedValue: "08:20:00",
+        type: 'TIME'
+      },
+      {
+        name: "lastUpdated",
+        serilizedValue: "2025-03-20T09:30:00",
+        type: 'DATETIME'
+      }
+    ]
   }
 ]
   .map(doc => ({