{
  "generatedAt": "2026-07-30T07:35:00.664Z",
  "browser": "Chrome for Testing 151.0.7922.47",
  "readOnlyDatabase": true,
  "realRecordCounts": {
    "payments": 2,
    "smsGateways": 1,
    "profitsForSelectedType": 23,
    "settlements": 0,
    "notificationsForSelectedAdmin": 26,
    "archives": 0
  },
  "screenshotCount": 58,
  "consoleErrorCount": 0,
  "failedRequestCount": 0,
  "httpErrorCount": 0,
  "horizontalOverflowCount": 0,
  "invalidH1Count": 0,
  "repeatedHeroDescriptionCount": 0,
  "clippedDropdownCount": 0,
  "results": [
    {
      "id": "payments-list",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 556.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 532.8
        },
        "stack": {
          "top": 42,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 478.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 250.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 283.5,
          "bottom": 365.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-one",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-one.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 465.3,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 441.3
        },
        "stack": {
          "top": 42,
          "bottom": 429.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 387.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 429.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 158.8
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 283.5,
          "bottom": 365.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-empty",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 560.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 536.4
        },
        "stack": {
          "top": 42,
          "bottom": 524.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 482.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 524.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 253.8
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 523.4,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 251.8
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-loading",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-loading.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 556.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 532.8
        },
        "stack": {
          "top": 42,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 478.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 250.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 283.5,
          "bottom": 365.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-dark",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 556.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 532.8
        },
        "stack": {
          "top": 42,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 478.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 250.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 283.5,
          "bottom": 365.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-mobile",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 998.1,
          "left": 10,
          "right": 370,
          "width": 360,
          "height": 988.1
        },
        "stack": {
          "top": 22,
          "bottom": 974.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 952.1
        },
        "hero": {
          "top": 22,
          "bottom": 231.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 209.6
        },
        "toolbar": {
          "top": 247.6,
          "bottom": 395.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 147.5
        },
        "resource": {
          "top": 411.1,
          "bottom": 974.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 563
        },
        "heroToResourceDistance": 179.5,
        "firstRow": {
          "top": 424.1,
          "bottom": 662,
          "left": 34.2,
          "right": 345.8,
          "width": 311.6,
          "height": 238
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-create",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-create.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 658.2,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 634.2
        },
        "stack": {
          "top": 42,
          "bottom": 622.2,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 580.2
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-create-validation",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-create-validation.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 658.2,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 634.2
        },
        "stack": {
          "top": 42,
          "bottom": 622.2,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 580.2
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 4,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-edit",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-edit.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 658.2,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 634.2
        },
        "stack": {
          "top": 42,
          "bottom": 622.2,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 580.2
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 0,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-show",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-show.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 398.7,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 374.7
        },
        "stack": {
          "top": 42,
          "bottom": 362.7,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 320.7
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "payments-dark-en",
      "resource": "payments",
      "file": "artifacts/system-finance/payments/payments-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 556.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 532.8
        },
        "stack": {
          "top": 42,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 478.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 520.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 250.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 283.5,
          "bottom": 365.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-list",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 853.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 829.4
        },
        "stack": {
          "top": 42,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 775.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 546.9
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 284.3,
          "bottom": 803.6,
          "left": 177.8,
          "right": 1262.2,
          "width": 1084.4,
          "height": 519.3
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-empty",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-validation",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-validation.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 853.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 829.4
        },
        "stack": {
          "top": 42,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 775.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 546.9
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 284.3,
          "bottom": 803.6,
          "left": 177.8,
          "right": 1262.2,
          "width": 1084.4,
          "height": 519.3
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 2,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-dark",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 853.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 829.4
        },
        "stack": {
          "top": 42,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 775.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 546.9
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 284.3,
          "bottom": 803.6,
          "left": 177.8,
          "right": 1262.2,
          "width": 1084.4,
          "height": 519.3
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-mobile",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 1171.6,
          "left": 10,
          "right": 370,
          "width": 360,
          "height": 1161.6
        },
        "stack": {
          "top": 22,
          "bottom": 1147.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 1125.6
        },
        "hero": {
          "top": 22,
          "bottom": 231.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 209.6
        },
        "toolbar": {
          "top": 247.6,
          "bottom": 336.5,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 88.9
        },
        "resource": {
          "top": 352.5,
          "bottom": 1147.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 795.1
        },
        "heroToResourceDistance": 120.9,
        "firstRow": {
          "top": 363.9,
          "bottom": 1136.2,
          "left": 32.6,
          "right": 347.4,
          "width": 314.8,
          "height": 772.3
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "sms-dark-en",
      "resource": "sms",
      "file": "artifacts/system-finance/sms/sms-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 853.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 829.4
        },
        "stack": {
          "top": 42,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 775.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 817.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 546.9
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 284.3,
          "bottom": 803.6,
          "left": 177.8,
          "right": 1262.2,
          "width": 1084.4,
          "height": 519.3
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-list",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 798,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 774
        },
        "stack": {
          "top": 42,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 720
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-one",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-one.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 706.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 682.5
        },
        "stack": {
          "top": 42,
          "bottom": 670.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 628.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 670.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 316.2
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-empty",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 632.3,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 608.3
        },
        "stack": {
          "top": 42,
          "bottom": 596.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 554.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 596.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 187.7,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 355.3,
          "bottom": 595.3,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-loading",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-loading.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 798,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 774
        },
        "stack": {
          "top": 42,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 720
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-filter",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-filter.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 1062.7,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 1038.7
        },
        "stack": {
          "top": 42,
          "bottom": 1026.7,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 984.7
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 619,
          "bottom": 1026.7,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 452.5,
        "firstRow": {
          "top": 786.4,
          "bottom": 868,
          "left": 172,
          "right": 1258,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 440.3,
          "bottom": 516.9,
          "fullyVisible": true
        },
        "dropdown": {
          "top": 522.5,
          "bottom": 618.1,
          "left": 903.7,
          "right": 1254,
          "clipped": false
        },
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-delete-modal",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-delete-modal.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 798,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 774
        },
        "stack": {
          "top": 42,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 720
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": true,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-dark",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 798,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 774
        },
        "stack": {
          "top": 42,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 720
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-mobile",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 1757.1,
          "left": 10,
          "right": 370,
          "width": 360,
          "height": 1747.1
        },
        "stack": {
          "top": 22,
          "bottom": 1733.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 1711.1
        },
        "hero": {
          "top": 22,
          "bottom": 231.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 209.6
        },
        "toolbar": {
          "top": 341.3,
          "bottom": 488.8,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 147.5
        },
        "resource": {
          "top": 504.8,
          "bottom": 1733.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 1228.3
        },
        "heroToResourceDistance": 273.3,
        "firstRow": {
          "top": 1062.5,
          "bottom": 1359.3,
          "left": 34.2,
          "right": 345.8,
          "width": 311.6,
          "height": 296.7
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-show",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-show.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 559,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 535
        },
        "stack": {
          "top": 42,
          "bottom": 523,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 481
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 0,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "profits-dark-en",
      "resource": "profits",
      "file": "artifacts/system-finance/profits/profits-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 798,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 774
        },
        "stack": {
          "top": 42,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 720
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 266.3,
          "bottom": 338.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 354.3,
          "bottom": 762,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 407.7
        },
        "heroToResourceDistance": 187.7,
        "firstRow": {
          "top": 521.7,
          "bottom": 603.3,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 81.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-list",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 612.1,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 588.1
        },
        "stack": {
          "top": 42,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 534.1
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 334.1,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 167.6,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 335.1,
          "bottom": 575.1,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-empty",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 612.1,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 588.1
        },
        "stack": {
          "top": 42,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 534.1
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 334.1,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 167.6,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 335.1,
          "bottom": 575.1,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-loading",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-loading.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 612.1,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 588.1
        },
        "stack": {
          "top": 42,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 534.1
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 334.1,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 167.6,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 335.1,
          "bottom": 575.1,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-filter",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-filter.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 1092.3,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 1068.3
        },
        "stack": {
          "top": 42,
          "bottom": 1056.3,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 1014.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 814.3,
          "bottom": 1056.3,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 647.8,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 420.1,
          "bottom": 514.3,
          "fullyVisible": true
        },
        "dropdown": {
          "top": 502.3,
          "bottom": 680.4,
          "left": 903.7,
          "right": 1254,
          "clipped": false
        },
        "empty": {
          "top": 815.3,
          "bottom": 1055.3,
          "left": 160,
          "right": 1270,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-dark",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 612.1,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 588.1
        },
        "stack": {
          "top": 42,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 534.1
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 334.1,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 167.6,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 335.1,
          "bottom": 575.1,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-mobile",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 658.9,
          "left": 10,
          "right": 380,
          "width": 370,
          "height": 648.9
        },
        "stack": {
          "top": 22,
          "bottom": 634.9,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 612.9
        },
        "hero": {
          "top": 22,
          "bottom": 170.4,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 148.4
        },
        "toolbar": {
          "top": 260,
          "bottom": 407.5,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 147.5
        },
        "resource": {
          "top": 423.5,
          "bottom": 634.9,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 211.4
        },
        "heroToResourceDistance": 253.1,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 424.5,
          "bottom": 633.9,
          "left": 22.2,
          "right": 367.8,
          "width": 345.6,
          "height": 209.4
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "settlements-dark-en",
      "resource": "settlements",
      "file": "artifacts/system-finance/settlements/settlements-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 612.1,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 588.1
        },
        "stack": {
          "top": 42,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 534.1
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 246.1,
          "bottom": 318.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 334.1,
          "bottom": 576.1,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 167.6,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 335.1,
          "bottom": 575.1,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-inbox",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-inbox.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 667.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 643.8
        },
        "stack": {
          "top": 42,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 589.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 361.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-one",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-one.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 556.3,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 532.3
        },
        "stack": {
          "top": 42,
          "bottom": 520.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 478.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 520.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 249.8
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 1,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-empty",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 560.4,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 536.4
        },
        "stack": {
          "top": 42,
          "bottom": 524.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 482.4
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 524.4,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 253.8
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 523.4,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 251.8
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-loading",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-loading.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 667.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 643.8
        },
        "stack": {
          "top": 42,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 589.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 361.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-delete-modal",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-delete-modal.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 667.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 643.8
        },
        "stack": {
          "top": 42,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 589.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 361.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": true,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-dark",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 667.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 643.8
        },
        "stack": {
          "top": 42,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 589.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 361.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-mobile",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 1325.1,
          "left": 10,
          "right": 370,
          "width": 360,
          "height": 1315.1
        },
        "stack": {
          "top": 22,
          "bottom": 1301.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 1279.1
        },
        "hero": {
          "top": 22,
          "bottom": 231.6,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 209.6
        },
        "toolbar": {
          "top": 247.6,
          "bottom": 395.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 147.5
        },
        "resource": {
          "top": 411.1,
          "bottom": 1301.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 890.1
        },
        "heroToResourceDistance": 179.5,
        "firstRow": {
          "top": 492.1,
          "bottom": 858.1,
          "left": 34.2,
          "right": 345.8,
          "width": 311.6,
          "height": 366
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-composer",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-composer.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 990.3,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 966.3
        },
        "stack": {
          "top": 42,
          "bottom": 954.3,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 912.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-validation",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-validation.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 990.3,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 966.3
        },
        "stack": {
          "top": 42,
          "bottom": 954.3,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 912.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 10,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-confirm",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-confirm.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 990.3,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 966.3
        },
        "stack": {
          "top": 42,
          "bottom": 954.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 912.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": true,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-show",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-show.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 685.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 661.5
        },
        "stack": {
          "top": 42,
          "bottom": 649.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 607.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 0,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "notifications-dark-en",
      "resource": "notifications",
      "file": "artifacts/system-finance/notifications/notifications-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 667.8,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 643.8
        },
        "stack": {
          "top": 42,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 589.8
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 631.8,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 361.3
        },
        "heroToResourceDistance": 104,
        "firstRow": {
          "top": 351.5,
          "bottom": 453.1,
          "left": 177,
          "right": 1263,
          "width": 1086,
          "height": 101.6
        },
        "recordCount": 2,
        "recordGap": 9.9,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": 12,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-list",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-empty",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-empty.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-loading",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-loading.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-filter",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-filter.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 813.3,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 789.3
        },
        "stack": {
          "top": 42,
          "bottom": 777.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 735.3
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 535.3,
          "bottom": 777.3,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 368.8,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 356.5,
          "bottom": 433.1,
          "fullyVisible": true
        },
        "dropdown": {
          "top": 438.7,
          "bottom": 678.7,
          "left": 908.7,
          "right": 1259,
          "clipped": false
        },
        "empty": {
          "top": 536.3,
          "bottom": 776.3,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-delete-modal",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-delete-modal.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-dark",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-mobile",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 646.5,
          "left": 10,
          "right": 380,
          "width": 370,
          "height": 636.5
        },
        "stack": {
          "top": 22,
          "bottom": 622.5,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 600.5
        },
        "hero": {
          "top": 22,
          "bottom": 231.6,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 209.6
        },
        "toolbar": {
          "top": 247.6,
          "bottom": 395.1,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 147.5
        },
        "resource": {
          "top": 411.1,
          "bottom": 622.5,
          "left": 21.2,
          "right": 368.8,
          "width": 347.6,
          "height": 211.4
        },
        "heroToResourceDistance": 179.5,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 412.1,
          "bottom": 621.5,
          "left": 22.2,
          "right": 367.8,
          "width": 345.6,
          "height": 209.4
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "archives-dark-en",
      "resource": "archives",
      "file": "artifacts/system-finance/archives/archives-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 548.5,
          "left": 144,
          "right": 1296,
          "width": 1152,
          "height": 524.5
        },
        "stack": {
          "top": 42,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 470.5
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": {
          "top": 182.5,
          "bottom": 254.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 72
        },
        "resource": {
          "top": 270.5,
          "bottom": 512.5,
          "left": 164,
          "right": 1276,
          "width": 1112,
          "height": 242
        },
        "heroToResourceDistance": 104,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": {
          "top": 0,
          "bottom": 0,
          "fullyVisible": true
        },
        "dropdown": null,
        "empty": {
          "top": 271.5,
          "bottom": 511.5,
          "left": 165,
          "right": 1275,
          "width": 1110,
          "height": 240
        },
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "statistics-list",
      "resource": "statistics",
      "file": "artifacts/system-finance/statistics/statistics-list.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 1775.7,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 1751.7
        },
        "stack": {
          "top": 42,
          "bottom": 1739.7,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 1697.7
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "statistics-dark",
      "resource": "statistics",
      "file": "artifacts/system-finance/statistics/statistics-dark.png",
      "locale": "ar",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 1775.7,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 1751.7
        },
        "stack": {
          "top": 42,
          "bottom": 1739.7,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 1697.7
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "statistics-mobile",
      "resource": "statistics",
      "file": "artifacts/system-finance/statistics/statistics-mobile.png",
      "locale": "ar",
      "theme": "light",
      "viewport": {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 390,
          "height": 844
        },
        "content": {
          "top": 10,
          "bottom": 3893.1,
          "left": 10,
          "right": 370,
          "width": 360,
          "height": 3883.1
        },
        "stack": {
          "top": 22,
          "bottom": 3869.1,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 3847.1
        },
        "hero": {
          "top": 22,
          "bottom": 170.4,
          "left": 21.2,
          "right": 358.8,
          "width": 337.6,
          "height": 148.4
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    },
    {
      "id": "statistics-dark-en",
      "resource": "statistics",
      "file": "artifacts/system-finance/statistics/statistics-dark-en.png",
      "locale": "en",
      "theme": "dark",
      "viewport": {
        "width": 1440,
        "height": 1000,
        "deviceScaleFactor": 1,
        "mobile": false
      },
      "dataSource": "read-only MongoDB DTO or a derived empty/loading UI state",
      "metrics": {
        "errors": [],
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "content": {
          "top": 24,
          "bottom": 1775.7,
          "left": 139,
          "right": 1291,
          "width": 1152,
          "height": 1751.7
        },
        "stack": {
          "top": 42,
          "bottom": 1739.7,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 1697.7
        },
        "hero": {
          "top": 42,
          "bottom": 166.5,
          "left": 159,
          "right": 1271,
          "width": 1112,
          "height": 124.5
        },
        "toolbar": null,
        "resource": null,
        "heroToResourceDistance": null,
        "firstRow": null,
        "recordCount": 0,
        "recordGap": null,
        "firstFilter": null,
        "dropdown": null,
        "empty": null,
        "paginationDistance": null,
        "invalidFields": 0,
        "modalOpen": false,
        "h1Count": 1,
        "heroDescriptionOccurrences": 1,
        "horizontalOverflow": false
      },
      "consoleErrors": [],
      "failedRequests": [],
      "httpErrors": []
    }
  ]
}
