{
  "viewport": {
    "w": 1440,
    "h": 813
  },
  "chatInputVisible": {
    "rect": {
      "t": 763,
      "b": 801,
      "l": 577,
      "r": 1140,
      "w": 563,
      "h": 38
    },
    "display": "block",
    "visibility": "visible",
    "opacity": "1",
    "isInViewport": true,
    "isBelowFold": false,
    "isAboveFold": false,
    "hasSize": true
  },
  "iotStatusBarVisible": {
    "rect": {
      "t": 0,
      "b": 813,
      "h": 813
    },
    "display": "block",
    "visibility": "visible",
    "opacity": "1",
    "isInViewport": true,
    "isBelowFold": false
  },
  "parentHeights": [
    {
      "depth": 0,
      "tag": "DIV",
      "cls": "",
      "clientH": 813,
      "scrollH": 813,
      "csHeight": "813px",
      "csOverflow": "hidden",
      "csDisplay": "block"
    },
    {
      "depth": 1,
      "tag": "DIV",
      "cls": "flex h-screen bg-[#FFFAF5] dark:bg-[#1a1a2e]",
      "clientH": 813,
      "scrollH": 813,
      "csHeight": "813px",
      "csOverflow": "visible",
      "csDisplay": "flex"
    },
    {
      "depth": 2,
      "tag": "DIV",
      "cls": "\n              fixed lg:static inset-y-0 left-0 z-30 w-64 transform transition-transform duration-300 ease-in-out\n              -translate-x-full lg:t",
      "clientH": 813,
      "scrollH": 813,
      "csHeight": "813px",
      "csOverflow": "visible",
      "csDisplay": "block"
    },
    {
      "depth": 3,
      "tag": "ASIDE",
      "cls": "h-full bg-white/70 dark:bg-gray-900/70 backdrop-blur-md border-r border-pink-100 dark:border-pink-900 flex flex-col",
      "clientH": 813,
      "scrollH": 813,
      "csHeight": "813px",
      "csOverflow": "visible",
      "csDisplay": "flex"
    },
    {
      "depth": 4,
      "tag": "DIV",
      "cls": "p-4 border-b border-pink-100 dark:border-pink-900",
      "clientH": 72,
      "scrollH": 72,
      "csHeight": "73px",
      "csOverflow": "visible",
      "csDisplay": "block"
    },
    {
      "depth": 5,
      "tag": "BUTTON",
      "cls": "w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-pink-400 hover:bg-pink-500 text-white rounded-xl text-sm font-medium transition-colors",
      "clientH": 40,
      "scrollH": 40,
      "csHeight": "40px",
      "csOverflow": "visible",
      "csDisplay": "flex"
    },
    {
      "depth": 6,
      "tag": "SPAN",
      "cls": "",
      "clientH": 20,
      "scrollH": 20,
      "csHeight": "20px",
      "csOverflow": "visible",
      "csDisplay": "block"
    }
  ],
  "mainInfo": {
    "clientH": 756,
    "scrollH": 756,
    "csHeight": "756px",
    "csOverflow": "hidden",
    "childCount": 1,
    "childTags": [
      {
        "tag": "DIV",
        "cls": "flex flex-col h-full overflow-hidden",
        "clientH": 756
      }
    ]
  }
}