update flickering optimization doc.

This commit is contained in:
Peng Lyu
2021-12-07 16:31:38 -08:00
parent b5c1882326
commit 141fb55e0b
2 changed files with 670 additions and 0 deletions
@@ -0,0 +1,654 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="2362px" height="1022px" viewBox="-0.5 -0.5 2362 1022" content="&lt;mxfile&gt;&lt;diagram id=&quot;b1th27OaiNIVZPbSBiyb&quot; name=&quot;Page-1&quot;&gt;7V1bk5s2FP41nj41gxA3P+4l3T40ncwkbZJHDFqbBlsewGtvfn0lI2yQ5Fi7EWKN/LIL4mLrOzq3T0fyBN4tdw9FvF58wCnKJ66T7ibwfuK6YBp45B9teWYtjgPrlnmRpazt2PAp+4GaG1nrJktR2bmxwjivsnW3McGrFUqqTltcFHjbve0R591PXcdzJDR8SuJcbP2SpdWibo1859j+J8rmi+aTSQfrK8u4uZk1lIs4xdtWE3w/gXcFxlV9tNzdoZyi1+BSP/fHiauHL1agVaXygDutn3iK8w3rHPti1XPTW/Id1/QQ7cgrb1O8me2vAHJS4M0qRfRdDjnbLrIKfVrHCb28JbInbYtqmbObH7M8v8M5LvavhamPotQj7WVV4O+odSVyZzAIyBWxN6yDT6io0K7VxHr3gPASVcUzuYVd9YBfP8LG2pQBvz3KDUSsbdGSmdeILGZjZX549RFOcsAQlaPrB+fRRSkZWux0hVeoi9lJBEq8KRL2Co/pE33VTzEpUB5X2VN3FMs6yB79iDPysQcsoeu+i/wQeG79Nwg60EKPg6yKizmq2Es41A7fSgnIwLkCqQdIcAVSD5DuFUgtQDY9/BmQRzcDzruZ2p00ftlljudLY9upx1nEyWJToAf66H10bLhZzfcf6fmiuwKzGCD6tvI7qpLFOSG+wEO5XQ8ldVGB1EX9uocCCvbgov3/74ALAAAwGQEoDO7LhtcfFF6F+GrUtuN33+GMhwz+voyHpxCVjRt+wMEPXYPwQwH9v3GFZhh/J61/ZSV17/9maCvIpKpNTQv4OM/mK3KcECwQQe2WYpCRhPeGXVhmaUofvy1Qmf2IaxNFjdKahgD7Tvi3E/+evmtT4bJO2YFgflgYpAP7AHKWJ5Bg70qwd3VkdgL2X9DsaQ82eXsQL+nIXs1K+q/Ca9JKxkpj8UYnCt4JyCKYviSh4mI1BOJh3VTHveyTmQLqi82VozbR8FJFX+OiGukIC7kRBqE4xGR2VscIAwqpnl1uzmiUAUQ/J8CvK4bWAZbL+yWJNXQd2ViNdKAlmkOrogIBfZNRAQhttxQub6dNkhmu9fkID78bKsIf6ID/BVzSNn7e2wgeBGYigsaGoOL9E6pNCZDalVPQ8hapwFVctS0UKjLSQ2rWmH37eGy5LVfx+jOu6U3ejegcGH1YPJnMvb407gW++SpyfSL3BhS5yLk9FJjmvWzK23Vm9Lv6Y012YROm/czGgr6yXTHCKJMC5/nnPckwYo4hdLuwy8LqaV+oR7aiDnl63yDq0PZwjp8ZlIHfH7usUBk0avSFuRWz5L7BiVkNYLlTbqhKnGJ/pAcUGTqbSA8BfE8yUPviPKDt9Ru8i4SqObcWMyFORNmNvusroq+D8YAK9QfX9Fd3+subO5nI+8p+oQLDe5W4dolHA0r8XO43VqLDdc6HdL0l3Opa9gaCX7EURXnKT4cXsn7SKXjtrIcO+yCaB8vRNxr/egrx70UX2EbegOuXPNvrayN/QArIs92w8+gb5T89BcP+hmKQkOeKjRJwnkgW20TACeCbJOB8BaZ41GYi9AYMQHyFVMUq9I0ScP61/mQAOoY3dybpGP8FK+quEtcmcQWWvTeJiymeHQScwCoZJOAClVU1q/SGbqZCUc3jssySLuSk58Xz1/bJNwrpO785vd8xiOuzZ3Z2EjrZwvj2gpwmXT27IKcFoC8BsGn7xTX1QcDFJbzHq/sjLKIXXiQsfgHcizRuayAq203632Yfv+/XsY1S0Xh8HVHRwr4UTSHJP6tou6z62jr+1qgVOT7qGD1pVOygms47x/G76ulN4RkF3Z+1PJm61jZredpa20ywvBGt9Tmt9XhlU9VaYeMBPtHWqLUiV/HPOo1JmnF0lGNUXL7upcGhnXpIOQ8NijvQxlkMvDQuF4dAkZ58jCsitdW+hQRFAugTatWCQNu+DyHPjMooj6lMT3XwTYGIvs3rr3lTY3L9deMYr6KovUVXEjIqqjdJiESgxZLgJ85MSgI4BicPhpmW5CpyAqPzksCxvTg9mvIW3yDnDST7T9gNf2h2z7bLWhsQchlVKCEPe9wQQbJ9h1Vzkzz6shKG3hyhyuYdo7YUIecop6rTY3oshe2LM3j4I8m+Qb3NTh7SsutkldHJquC8zPuarALguiRkCJH7Q4r83Jr80U5QhucDu74mKMFrtmCcjlUSUQNzk47Looy+9qQAKtvwXjTbAaA7KN1h/RIPAOGQfIf1izwE/EOTNZbA5GSbDrT4pXOGGQ/Jxik2MR4i/EYpD5WdO8ZtLFx3SM5DshmI5fibJT3gtSZ7gAxYMHpGU2CVTWCuMtcuczAdUua21mUDvtzGKO8h2XPGXt4DHH4HYBDiQ2U3mFcV79Y18ifLd08i16m1bbr9Rgpr+XL48LXl8MCLTsy+66+sBZJtEMdfEA8cvr4hEtWqr4r4w+JZLWtPDvXq39onJwrbuYjiMUpQksjIxVnke76yJjZItaveDyVib0U7OZ/m8zqlqp28mvv9/XQkaAaGpUXYAb83iITnmMryPC0sk2QlJhDQJ89k6xKdhzcu1/UvdT9mO4rpq4l+AT4JyKcrqfmlVkDCM/fGHElWOkos34UhKvwgi1FExWAZXjqiwqoXo4CKMyHepQMq7N5hFFAxvvR+u3hE4fnp0t4QlfzEuX/pgAIQGkOUnBYYV+2ojKCy+IBTRO/4Hw==&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<rect x="1170" y="20" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="1172" y="22" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<path d="M 1180 253.18 L 1084.14 268.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1078.96 269.82 L 1085.3 265.23 L 1084.14 268.97 L 1086.44 272.13 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1180 253.18 L 1084.14 268.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1078.96 269.82 L 1085.3 265.23 L 1084.14 268.97 L 1086.44 272.13 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1180 253.18 L 1084.14 268.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1078.96 269.82 L 1085.3 265.23 L 1084.14 268.97 L 1086.44 272.13 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1180 253.18 L 1084.14 268.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1078.96 269.82 L 1085.3 265.23 L 1084.14 268.97 L 1086.44 272.13 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1180" y="220" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1181.61 258.61 C 1181.61 258.61 1181.61 258.61 1181.61 258.61 M 1181.61 258.61 C 1181.61 258.61 1181.61 258.61 1181.61 258.61 M 1188.68 254.36 C 1187.67 253.86 1187.08 252.74 1184.43 250.12 M 1188.68 254.36 C 1187.56 253.31 1185.95 251.79 1184.43 250.12 M 1199.99 254.36 C 1192.41 250.6 1189.22 243.55 1184.43 238.81 M 1199.99 254.36 C 1193.4 248.52 1188.15 242.01 1184.43 238.81 M 1211.3 254.36 C 1200.98 247.03 1192.59 236.08 1181.61 224.66 M 1211.3 254.36 C 1200.18 244.59 1191.07 234.74 1181.61 224.66 M 1222.62 254.36 C 1214.4 243.39 1204.58 233.86 1187.26 219.01 M 1222.62 254.36 C 1211.74 243 1201.28 233.79 1187.26 219.01 M 1233.93 254.36 C 1222.91 242.22 1209.87 227.13 1198.58 219.01 M 1233.93 254.36 C 1223.6 244.82 1212.97 233.77 1198.58 219.01 M 1245.24 254.36 C 1233.63 243.18 1225.53 233.87 1209.89 219.01 M 1245.24 254.36 C 1231.63 239.76 1217.33 225.97 1209.89 219.01 M 1256.56 254.36 C 1243.13 243.57 1233.96 232.73 1221.2 219.01 M 1256.56 254.36 C 1246.77 243.93 1235.24 232.15 1221.2 219.01 M 1267.87 254.36 C 1255.25 243.67 1242.37 229.96 1232.52 219.01 M 1267.87 254.36 C 1255.69 241.1 1242.84 230.72 1232.52 219.01 M 1279.19 254.36 C 1271.5 247.66 1265.48 240.73 1243.83 219.01 M 1279.19 254.36 C 1266.33 242.54 1255.31 228.77 1243.83 219.01 M 1290.5 254.36 C 1279.04 243.11 1271.33 234.37 1255.14 219.01 M 1290.5 254.36 C 1282.44 245.26 1274.42 237.37 1255.14 219.01 M 1301.81 254.36 C 1292.72 245 1281.2 236.27 1266.46 219.01 M 1301.81 254.36 C 1291.08 244.16 1282.71 234.35 1266.46 219.01 M 1313.13 254.36 C 1299.51 241.54 1289.64 229.37 1277.77 219.01 M 1313.13 254.36 C 1302.03 242.57 1289.45 231.46 1277.77 219.01 M 1324.44 254.36 C 1315.53 246.64 1305.3 234.36 1289.09 219.01 M 1324.44 254.36 C 1310.3 240.96 1297.72 227.55 1289.09 219.01 M 1339.29 257.9 C 1327.16 243.58 1314.44 231.76 1300.4 219.01 M 1339.29 257.9 C 1327.46 246.88 1314.98 233.87 1300.4 219.01 M 1344.24 251.53 C 1336.71 244.24 1330.22 236.83 1311.71 219.01 M 1344.24 251.53 C 1331.86 238.5 1318.48 226.7 1311.71 219.01 M 1344.95 240.93 C 1338.27 233.35 1328.8 224 1323.03 219.01 M 1344.95 240.93 C 1339.54 234.78 1335.47 230.84 1323.03 219.01 M 1340.7 225.37 C 1340.11 223.71 1338 222.84 1334.34 219.01 M 1340.7 225.37 C 1339.14 223.43 1336.78 221.63 1334.34 219.01" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1186 220 M 1186 220 C 1244.1 220.48 1303.51 217.74 1334 220 M 1186 220 C 1219.19 220.41 1250.9 220.24 1334 220 M 1334 220 C 1336.24 220.37 1339.95 220.4 1340 226 M 1334 220 C 1336.62 221.05 1340.88 223.36 1340 226 M 1340 226 C 1338.61 235.25 1342.13 240.94 1340 254 M 1340 226 C 1339.42 230.95 1340.62 237.92 1340 254 M 1340 254 C 1338.68 256.16 1337.07 258.41 1334 260 M 1340 254 C 1339.88 257.88 1337.07 260.29 1334 260 M 1334 260 C 1283.39 262.26 1234.01 259.03 1186 260 M 1334 260 C 1295.32 261.8 1255.95 260.54 1186 260 M 1186 260 C 1180.05 258.72 1179.66 258.55 1180 254 M 1186 260 C 1182.67 257.98 1179.44 255.93 1180 254 M 1180 254 C 1179.72 244.64 1181.32 236.18 1180 226 M 1180 254 C 1180.36 247.19 1179.77 240.55 1180 226 M 1180 226 C 1179.35 223.63 1183.32 218.95 1186 220 M 1180 226 C 1181.48 221.35 1183.31 220.8 1186 220" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="640" y="40" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="642" y="42" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="240" y="40" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="242" y="42" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="250" y="140" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 251.73 178.73 C 251.73 178.73 251.73 178.73 251.73 178.73 M 251.73 178.73 C 251.73 178.73 251.73 178.73 251.73 178.73 M 258.8 174.49 C 256.28 172.08 255.47 171.1 253.85 169.54 M 258.8 174.49 C 257.11 172.8 255.73 171.81 253.85 169.54 M 270.12 174.49 C 262.95 167.29 257.68 165.36 253.85 158.22 M 270.12 174.49 C 266.29 170.88 260.78 165.8 253.85 158.22 M 281.43 174.49 C 271.19 164.11 261.64 155.15 251.73 144.79 M 281.43 174.49 C 273.89 166.38 265.75 158.56 251.73 144.79 M 292.74 174.49 C 282.33 165.41 273.55 153.59 257.39 139.13 M 292.74 174.49 C 285.29 165.71 276.87 157.09 257.39 139.13 M 304.06 174.49 C 293.37 162.71 281.03 154.15 268.7 139.13 M 304.06 174.49 C 293.16 164.32 281.38 152.56 268.7 139.13 M 315.37 174.49 C 308.19 166.94 299.73 160.5 280.02 139.13 M 315.37 174.49 C 300.4 159.92 286.93 146.85 280.02 139.13 M 326.68 174.49 C 315.89 164.89 305.33 152.6 291.33 139.13 M 326.68 174.49 C 314.46 162.1 301.55 149.63 291.33 139.13 M 338 174.49 C 324.81 162.28 310.62 148.77 302.64 139.13 M 338 174.49 C 325.63 161.67 312.77 148.7 302.64 139.13 M 349.31 174.49 C 339.22 165.77 330.08 151.77 313.96 139.13 M 349.31 174.49 C 336.42 161.8 324.27 150.35 313.96 139.13 M 360.63 174.49 C 349.81 163.93 338.01 153.22 325.27 139.13 M 360.63 174.49 C 348.08 161.01 334.9 148.8 325.27 139.13 M 371.94 174.49 C 363.21 165.43 355.46 157.27 336.58 139.13 M 371.94 174.49 C 364.09 166.65 358.36 159.93 336.58 139.13 M 383.25 174.49 C 371.05 165.07 364.69 152.1 347.9 139.13 M 383.25 174.49 C 373.01 163.94 363.29 153.5 347.9 139.13 M 394.57 174.49 C 385.78 165.05 379.44 157.51 359.21 139.13 M 394.57 174.49 C 386.29 165.84 377.68 157.73 359.21 139.13 M 409.42 178.02 C 400.78 168.07 392.76 161.81 370.52 139.13 M 409.42 178.02 C 398.47 167 388.21 158.27 370.52 139.13 M 414.37 171.66 C 405.52 164.59 396.79 153.74 381.84 139.13 M 414.37 171.66 C 403.67 161.21 391.82 148.76 381.84 139.13 M 414.37 160.35 C 407.59 155.78 402.9 147.44 393.15 139.13 M 414.37 160.35 C 410.07 155.44 404.51 151.24 393.15 139.13 M 410.83 145.5 C 409.6 144.05 407.43 141.88 404.47 139.13 M 410.83 145.5 C 408.19 142.66 406.06 140.91 404.47 139.13" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 256 140 M 256 140 C 298.76 140.44 346.4 140.8 404 140 M 256 140 C 304.93 141.96 353.03 141.27 404 140 M 404 140 C 406.59 140.44 411.67 141.68 410 146 M 404 140 C 406.12 137.85 409.03 140.05 410 146 M 410 146 C 408.69 157.44 408.42 164.75 410 174 M 410 146 C 409.15 151.42 410.37 159.48 410 174 M 410 174 C 408.98 179.41 406.93 181.4 404 180 M 410 174 C 409.69 179.34 407.87 179.67 404 180 M 404 180 C 360.04 179.15 312.38 179.46 256 180 M 404 180 C 350.62 178.6 299.02 180.14 256 180 M 256 180 C 252.31 181.71 250.9 178.66 250 174 M 256 180 C 252.96 179.44 248.22 176.86 250 174 M 250 174 C 251.11 165.87 251.47 157.88 250 146 M 250 174 C 250.84 162.69 250.61 154.29 250 146 M 250 146 C 250.18 140.86 252.68 141.74 256 140 M 250 146 C 247.94 141.23 252.87 141.44 256 140" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="650" y="250" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 651.29 288.29 C 651.29 288.29 651.29 288.29 651.29 288.29 M 651.29 288.29 C 651.29 288.29 651.29 288.29 651.29 288.29 M 658.36 284.05 C 657.6 283.09 655.72 282.13 654.12 279.8 M 658.36 284.05 C 657.43 283.09 656.37 282.27 654.12 279.8 M 669.67 284.05 C 665.18 280.37 658.8 272.03 654.12 268.49 M 669.67 284.05 C 666.54 280.07 661.74 276.55 654.12 268.49 M 680.99 284.05 C 671.89 275.51 660.27 264.21 651.29 254.35 M 680.99 284.05 C 671.99 274.59 660.4 263.56 651.29 254.35 M 693.01 284.75 C 678.5 270.79 665.81 258.58 656.95 248.69 M 693.01 284.75 C 682.25 274.11 671.19 262.93 656.95 248.69 M 704.32 284.75 C 696.3 276.48 687.94 267.87 668.26 248.69 M 704.32 284.75 C 695.06 276.54 688.19 267.88 668.26 248.69 M 715.64 284.75 C 707.37 278.45 700.59 269.67 679.57 248.69 M 715.64 284.75 C 707.91 276.49 698.05 266.85 679.57 248.69 M 726.95 284.75 C 716.5 273.04 702.64 260.88 690.89 248.69 M 726.95 284.75 C 719.02 277.2 711.05 267.5 690.89 248.69 M 738.26 284.75 C 723.97 271.39 715.48 258.89 702.2 248.69 M 738.26 284.75 C 726.91 274.5 716.32 262.28 702.2 248.69 M 749.58 284.75 C 740.46 272.55 730.86 263.55 713.51 248.69 M 749.58 284.75 C 741.3 275.88 732.96 267.82 713.51 248.69 M 760.89 284.75 C 752.08 272.9 741.28 263.97 724.83 248.69 M 760.89 284.75 C 752.27 276.21 744.71 268.02 724.83 248.69 M 772.2 284.75 C 762.07 276.93 755.66 267.35 736.85 249.4 M 772.2 284.75 C 760.17 272.93 750.19 261.73 736.85 249.4 M 783.52 284.75 C 770.76 270.69 755.21 256.21 748.16 249.4 M 783.52 284.75 C 775.88 276.98 765.82 268.19 748.16 249.4 M 794.83 284.75 C 780.11 269.98 770.07 256.76 759.48 249.4 M 794.83 284.75 C 785.38 276.15 777.62 267.71 759.48 249.4 M 808.97 287.58 C 798.59 277.17 789.38 268.93 770.79 249.4 M 808.97 287.58 C 799.05 278.73 789.72 268.49 770.79 249.4 M 814.63 281.93 C 807.59 273.58 801.66 268.63 782.1 249.4 M 814.63 281.93 C 802.54 270.64 790.55 259.1 782.1 249.4 M 814.63 270.61 C 811.11 266.83 803.24 261.94 793.42 249.4 M 814.63 270.61 C 807.59 263.57 800.36 257.26 793.42 249.4 M 810.39 255.06 C 808.9 254.26 807.68 252.92 804.73 249.4 M 810.39 255.06 C 808.2 252.95 806.66 251.3 804.73 249.4" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 656 250 M 656 250 C 694.59 248.82 733.79 247.71 804 250 M 656 250 C 707.2 249.71 757.39 248.75 804 250 M 804 250 C 809.37 251.48 811.56 251.31 810 256 M 804 250 C 810.11 251.42 811.31 250.53 810 256 M 810 256 C 808.2 261.12 811.64 267.76 810 284 M 810 256 C 810.61 266.41 810.46 278.44 810 284 M 810 284 C 811.17 288.73 806.32 289.57 804 290 M 810 284 C 810 288.74 807.35 289.92 804 290 M 804 290 C 756.02 291.47 707.56 291.15 656 290 M 804 290 C 767.15 288.96 731.23 289.74 656 290 M 656 290 C 650.23 290.19 649.53 289.41 650 284 M 656 290 C 650.25 292.23 651.04 289.07 650 284 M 650 284 C 651.45 273.74 648.46 265.46 650 256 M 650 284 C 649.18 277.21 649.24 268.65 650 256 M 650 256 C 648.5 250.86 651.78 251.74 656 250 M 650 256 C 649.95 251.39 654.02 248.94 656 250" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="120" y="90" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 100px; margin-left: 180px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="180" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="240" y="20" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 30px; margin-left: 300px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -1000
</div>
</div>
</div>
</foreignObject>
<text x="300" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -1000
</text>
</switch>
</g>
<path d="M 300 220 L 523.63 220" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 528.88 220 L 521.88 223.5 L 523.63 220 L 521.88 216.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="40" y="260" width="60" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 270px; margin-left: 70px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Viewport
</div>
</div>
</div>
</foreignObject>
<text x="70" y="274" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Viewport
</text>
</switch>
</g>
<rect x="650" y="140" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 651.84 178.84 C 651.84 178.84 651.84 178.84 651.84 178.84 M 651.84 178.84 C 651.84 178.84 651.84 178.84 651.84 178.84 M 658.91 174.6 C 657.23 172.92 656.32 172.25 653.96 169.65 M 658.91 174.6 C 657.66 173.67 656.31 171.73 653.96 169.65 M 670.23 174.6 C 666.63 169.33 661.66 165.95 653.96 158.34 M 670.23 174.6 C 664.66 170.75 661.31 165.07 653.96 158.34 M 681.54 174.6 C 670.47 163.77 662.41 155.78 651.13 144.19 M 681.54 174.6 C 669.93 163.87 660.6 152.73 651.13 144.19 M 692.85 174.6 C 683.43 168.08 677.71 160.16 656.79 138.54 M 692.85 174.6 C 682.35 164.44 674.09 155.19 656.79 138.54 M 704.17 174.6 C 690.96 161.91 675.59 145.19 668.81 139.24 M 704.17 174.6 C 693.15 163.34 681.43 151.75 668.81 139.24 M 715.48 174.6 C 703.75 162.94 688.12 148.08 680.13 139.24 M 715.48 174.6 C 704.89 163.43 693.82 152.77 680.13 139.24 M 726.8 174.6 C 717.85 164.63 707.04 158.33 691.44 139.24 M 726.8 174.6 C 716.6 166.13 707.6 156.74 691.44 139.24 M 738.11 174.6 C 729.91 164.5 720.2 159.32 702.75 139.24 M 738.11 174.6 C 728.07 165.07 716.12 153.48 702.75 139.24 M 749.42 174.6 C 743.58 167.83 734.72 160.67 714.07 139.24 M 749.42 174.6 C 738.1 162.05 725.18 151.24 714.07 139.24 M 760.74 174.6 C 752.87 167.11 744.66 158.07 725.38 139.24 M 760.74 174.6 C 752.71 165.26 743.27 157.11 725.38 139.24 M 772.05 174.6 C 762.46 167.17 752.87 155.87 736.69 139.24 M 772.05 174.6 C 759.84 162.1 747.11 148.47 736.69 139.24 M 783.36 174.6 C 775.6 164.92 768.37 156.4 748.01 139.24 M 783.36 174.6 C 772.78 163.38 760.54 150.81 748.01 139.24 M 794.68 174.6 C 784.03 165.04 772.6 151.95 759.32 139.24 M 794.68 174.6 C 787.03 168.4 778.98 160.37 759.32 139.24 M 809.53 178.13 C 797.62 164.76 787.72 156.15 770.64 139.24 M 809.53 178.13 C 801.29 169.82 791.8 160.34 770.64 139.24 M 814.48 171.77 C 804.01 159.92 794.64 152.48 781.95 139.24 M 814.48 171.77 C 803.16 159.87 791.09 148.16 781.95 139.24 M 814.48 160.46 C 806.71 151.82 798.82 144.83 793.26 139.24 M 814.48 160.46 C 809.81 154.15 804.17 149.24 793.26 139.24 M 810.94 145.61 C 808.19 143.76 806.65 140.9 804.58 139.24 M 810.94 145.61 C 808.94 143.65 807.67 142.2 804.58 139.24" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 656 140 M 656 140 C 707.36 139.37 763.42 138.34 804 140 M 656 140 C 687.27 139.19 717.1 138.72 804 140 M 804 140 C 807.46 140.7 810.31 143 810 146 M 804 140 C 808.05 139.52 808.32 140.53 810 146 M 810 146 C 809.74 157.07 809.32 167.44 810 174 M 810 146 C 810.25 153.57 809.86 159.55 810 174 M 810 174 C 809.93 179.17 806.26 181.9 804 180 M 810 174 C 808.2 178.69 807.89 179.71 804 180 M 804 180 C 746.73 181.14 688.12 180.86 656 180 M 804 180 C 748.29 181.05 693.13 181.37 656 180 M 656 180 C 652.18 180.69 650.42 176.05 650 174 M 656 180 C 652.55 182.25 648.32 175.71 650 174 M 650 174 C 649.21 161.32 648.99 152.1 650 146 M 650 174 C 650.13 164.35 650.38 157.1 650 146 M 650 146 C 649.04 143.85 650.79 140.18 656 140 M 650 146 C 652.01 139.91 651.92 139.33 656 140" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="520" y="120" width="200" height="280" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="522" y="122" width="196" height="276" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="520" y="90" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 100px; margin-left: 580px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="580" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="540" y="320" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 541.49 358.49 C 541.49 358.49 541.49 358.49 541.49 358.49 M 541.49 358.49 C 541.49 358.49 541.49 358.49 541.49 358.49 M 548.56 354.25 C 547.85 352.53 546.66 352.46 544.32 350 M 548.56 354.25 C 547.17 352.72 545.84 351.61 544.32 350 M 559.88 354.25 C 557.35 350.82 554.32 346.98 544.32 338.69 M 559.88 354.25 C 554.59 349.08 550.5 343.97 544.32 338.69 M 571.19 354.25 C 563.61 346.65 557.31 338.81 541.49 324.55 M 571.19 354.25 C 562.69 344.86 553.7 336.42 541.49 324.55 M 582.5 354.25 C 574.61 345.76 569.78 339.49 547.15 318.89 M 582.5 354.25 C 569.24 341.22 556.11 329.32 547.15 318.89 M 593.82 354.25 C 586.22 346.9 578.19 337.27 558.46 318.89 M 593.82 354.25 C 582.2 342.19 568.84 329.67 558.46 318.89 M 605.13 354.25 C 595.04 341.54 583.87 329.13 569.77 318.89 M 605.13 354.25 C 595.66 345.79 588.16 337.56 569.77 318.89 M 616.44 354.25 C 607.94 346.31 599.69 336.35 581.09 318.89 M 616.44 354.25 C 604.82 342.95 594.94 333.53 581.09 318.89 M 627.76 354.25 C 618.05 342.06 606.77 332.3 592.4 318.89 M 627.76 354.25 C 618.62 344.7 609.11 335.66 592.4 318.89 M 639.07 354.25 C 631.46 345.63 621.52 334.51 603.72 318.89 M 639.07 354.25 C 629.22 344.54 620.79 335.45 603.72 318.89 M 650.38 354.25 C 638.34 342.73 621.68 328.58 615.03 318.89 M 650.38 354.25 C 642.22 345.02 632.01 336.03 615.03 318.89 M 662.41 354.95 C 654.54 346.57 644.16 338.93 626.34 318.89 M 662.41 354.95 C 651.78 343.43 639.33 331.31 626.34 318.89 M 673.72 354.95 C 664.6 347.88 657.51 336.3 637.66 318.89 M 673.72 354.95 C 662.94 345.67 653.66 335.31 637.66 318.89 M 685.03 354.95 C 677.11 346.13 667.73 335.49 648.97 318.89 M 685.03 354.95 C 671.26 342.11 656.92 327.11 648.97 318.89 M 699.18 357.78 C 691.89 350.11 682.6 341.02 660.28 318.89 M 699.18 357.78 C 685.14 345.54 673.51 331.88 660.28 318.89 M 704.12 351.42 C 697.46 345.29 690.64 336.04 671.6 318.89 M 704.12 351.42 C 694.71 342.26 683.66 330.48 671.6 318.89 M 704.83 340.81 C 702.09 336.08 697.74 330.06 682.91 318.89 M 704.83 340.81 C 698.36 334.02 690.89 326.3 682.91 318.89 M 700.59 325.26 C 698.74 322.6 696.73 320.55 694.23 318.89 M 700.59 325.26 C 699.11 323.33 696.64 321.75 694.23 318.89" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 546 320 M 546 320 C 595.15 319.96 641.86 319.9 694 320 M 546 320 C 582.87 320.54 620.19 321.57 694 320 M 694 320 C 696.55 321.31 700.29 322.86 700 326 M 694 320 C 699.42 317.91 698.93 324.07 700 326 M 700 326 C 700.42 335.04 698.1 347.01 700 354 M 700 326 C 699.62 334.65 699.42 343.7 700 354 M 700 354 C 698.81 357.96 698.2 360.46 694 360 M 700 354 C 698.04 356.47 696.39 359.01 694 360 M 694 360 C 665.04 359.86 630.87 361.96 546 360 M 694 360 C 658.19 360.88 623.93 361.64 546 360 M 546 360 C 543.96 361.84 540.59 359.97 540 354 M 546 360 C 543.28 361.54 538.62 359.84 540 354 M 540 354 C 540.05 345.24 540.56 335.59 540 326 M 540 354 C 540.19 345.32 539.14 337.98 540 326 M 540 326 C 540.11 321.32 540.71 319.7 546 320 M 540 326 C 539.32 322.16 541.03 318.19 546 320" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="540" y="200" width="160" height="60" rx="9" ry="9" fill="none" stroke="none" pointer-events="all"/>
<path d="M 542.04 257.54 C 542.04 257.54 542.04 257.54 542.04 257.54 M 542.04 257.54 C 542.04 257.54 542.04 257.54 542.04 257.54 M 549.81 254 C 548.15 251.26 546.39 250.87 543.45 247.64 M 549.81 254 C 547.43 251.93 545.18 249.65 543.45 247.64 M 561.83 254.71 C 554.36 248.41 548.71 242.48 543.45 236.32 M 561.83 254.71 C 555.97 250.52 551.91 244.18 543.45 236.32 M 573.15 254.71 C 567.26 247.23 558.39 243.48 543.45 225.01 M 573.15 254.71 C 562.82 244.21 552.74 234.87 543.45 225.01 M 584.46 254.71 C 574.94 243.35 563.26 237.09 543.45 213.7 M 584.46 254.71 C 570.51 239.4 555.75 226.14 543.45 213.7 M 595.78 254.71 C 582.05 240.37 564.29 226.22 542.74 201.67 M 595.78 254.71 C 580.6 239.94 566.95 225.33 542.74 201.67 M 607.09 254.71 C 592.04 239.44 575.24 222.21 550.52 198.14 M 607.09 254.71 C 594.47 243.28 582.03 229.76 550.52 198.14 M 618.4 254.71 C 607.72 241.4 593.61 229.32 561.83 198.14 M 618.4 254.71 C 598.76 234.71 579.15 214.44 561.83 198.14 M 629.72 254.71 C 608.51 231.29 585.01 208.41 573.15 198.14 M 629.72 254.71 C 612.48 237.41 597.11 221.04 573.15 198.14 M 641.03 254.71 C 617.7 231.65 594.48 210.26 584.46 198.14 M 641.03 254.71 C 625.18 238.94 608.89 223.82 584.46 198.14 M 652.34 254.71 C 638.84 241.87 626.45 226.51 595.78 198.14 M 652.34 254.71 C 631.66 233.56 612.13 213.76 595.78 198.14 M 663.66 254.71 C 640.42 234.95 619.7 212.71 607.8 198.85 M 663.66 254.71 C 644.21 235.59 625.33 215.77 607.8 198.85 M 674.97 254.71 C 660.31 239.91 642.3 221.2 619.11 198.85 M 674.97 254.71 C 652.98 233.08 630.78 211.02 619.11 198.85 M 691.24 259.66 C 678.6 244.85 665.4 233.12 630.42 198.85 M 691.24 259.66 C 669.25 237.68 646.98 213.92 630.42 198.85 M 699.01 256.12 C 677.27 235.23 656.38 210.21 641.74 198.85 M 699.01 256.12 C 685.29 243.83 673.45 230.23 641.74 198.85 M 703.96 249.76 C 687.09 231.68 670.82 217.65 653.05 198.85 M 703.96 249.76 C 687.05 232.39 669.78 215.14 653.05 198.85 M 704.67 239.15 C 691.2 226.54 677.09 209.63 664.37 198.85 M 704.67 239.15 C 689.19 223.64 673.91 207.41 664.37 198.85 M 704.67 227.84 C 694.07 215.31 683.15 202.66 675.68 198.85 M 704.67 227.84 C 693.41 216.46 682.36 206.54 675.68 198.85 M 704.67 216.52 C 698.99 210.95 691.23 202.98 686.99 198.85 M 704.67 216.52 C 699.21 212.16 695.19 206.73 686.99 198.85" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 549 200 M 549 200 C 589.62 199.98 631.67 201.85 691 200 M 549 200 C 595.2 200.38 642.58 199.46 691 200 M 691 200 C 698.63 198.42 698.99 204.78 700 209 M 691 200 C 697.12 199.42 699.91 203.43 700 209 M 700 209 C 701.63 222.93 698.31 234.71 700 251 M 700 209 C 700.8 223.17 700.18 237.85 700 251 M 700 251 C 701.08 257.52 695.61 261.42 691 260 M 700 251 C 698.67 257.02 698.68 261.15 691 260 M 691 260 C 642.67 262.77 591.95 259.45 549 260 M 691 260 C 638.75 261 588.59 261 549 260 M 549 260 C 544.51 258.6 539.85 256.29 540 251 M 549 260 C 542.04 259.13 541.51 257.61 540 251 M 540 251 C 538.98 235.18 539.97 220.01 540 209 M 540 251 C 540.81 237.9 538.91 226.34 540 209 M 540 209 C 538.24 203.35 542.72 199.24 549 200 M 540 209 C 541.82 203.38 542.2 198.48 549 200" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="540" cy="220" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="520" y="200" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 537.85 223.53 C 537.85 223.53 537.85 223.53 537.85 223.53 M 537.85 223.53 C 537.85 223.53 537.85 223.53 537.85 223.53" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="530" cy="220" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="510" y="200" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 528.7 224.2 C 528.7 224.2 528.7 224.2 528.7 224.2 M 528.7 224.2 C 528.7 224.2 528.7 224.2 528.7 224.2 M 534.35 218.55 C 533.12 217.78 533.16 216.61 530.82 215.01 M 534.35 218.55 C 533.16 217.38 532.2 216.37 530.82 215.01" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="375" y="200" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 210px; margin-left: 430px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Grow Height by 50
</div>
</div>
</div>
</foreignObject>
<text x="430" y="214" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Grow Height by 50
</text>
</switch>
</g>
<rect x="35" y="120" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 130px; margin-left: 80px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1000
</div>
</div>
</div>
</foreignObject>
<text x="80" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1000
</text>
</switch>
</g>
<rect x="440" y="120" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 130px; margin-left: 485px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1000
</div>
</div>
</div>
</foreignObject>
<text x="485" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1000
</text>
</switch>
</g>
<rect x="1180" y="120" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1181.4 158.4 C 1181.4 158.4 1181.4 158.4 1181.4 158.4 M 1181.4 158.4 C 1181.4 158.4 1181.4 158.4 1181.4 158.4 M 1188.47 154.16 C 1187.07 152.9 1184.52 150.66 1184.23 149.92 M 1188.47 154.16 C 1186.79 152.22 1185.08 150.93 1184.23 149.92 M 1199.79 154.16 C 1194.41 147.6 1190.84 144.91 1184.23 138.6 M 1199.79 154.16 C 1194.13 148.07 1189.56 142.99 1184.23 138.6 M 1211.1 154.16 C 1198.64 141.47 1189.42 132.98 1181.4 124.46 M 1211.1 154.16 C 1203.41 146.45 1197.54 139.23 1181.4 124.46 M 1222.41 154.16 C 1210.03 138.76 1195.09 126.77 1187.06 118.8 M 1222.41 154.16 C 1213.69 146.82 1207.39 138.21 1187.06 118.8 M 1233.73 154.16 C 1221.85 141.89 1207.86 127.58 1198.37 118.8 M 1233.73 154.16 C 1220.55 141.75 1208.29 128.12 1198.37 118.8 M 1245.04 154.16 C 1232.52 143.28 1220.27 131.81 1209.68 118.8 M 1245.04 154.16 C 1233.19 142.15 1221.93 131.48 1209.68 118.8 M 1257.06 154.86 C 1243.54 143.04 1228.16 129.52 1221 118.8 M 1257.06 154.86 C 1242.86 140.02 1229.11 126.08 1221 118.8 M 1268.37 154.86 C 1260.72 144.48 1248.41 136.48 1232.31 118.8 M 1268.37 154.86 C 1257.12 145.45 1247.08 133.1 1232.31 118.8 M 1279.69 154.86 C 1271.51 146.86 1262.74 137.29 1243.63 118.8 M 1279.69 154.86 C 1270.9 145.43 1261.45 136.7 1243.63 118.8 M 1291 154.86 C 1282.63 147.37 1271.49 135.69 1254.94 118.8 M 1291 154.86 C 1280.06 143.72 1270.18 134.39 1254.94 118.8 M 1302.32 154.86 C 1295.34 145.98 1287.07 137.37 1266.25 118.8 M 1302.32 154.86 C 1289.89 143.76 1278.83 130.61 1266.25 118.8 M 1313.63 154.86 C 1306.27 145.23 1297.91 137.05 1277.57 118.8 M 1313.63 154.86 C 1305.92 147.54 1297.24 139.56 1277.57 118.8 M 1324.94 154.86 C 1315.97 142.79 1304.97 134.95 1288.88 118.8 M 1324.94 154.86 C 1318.29 147.07 1310.43 139.11 1288.88 118.8 M 1339.09 157.69 C 1326.02 145.93 1312.44 132.75 1300.19 118.8 M 1339.09 157.69 C 1326.72 144.6 1312.15 131.7 1300.19 118.8 M 1344.74 152.04 C 1334.19 139.01 1318.88 129.3 1312.22 119.51 M 1344.74 152.04 C 1333.4 140.83 1321.95 128.62 1312.22 119.51 M 1344.74 140.72 C 1337.46 131.96 1327.65 124.24 1323.53 119.51 M 1344.74 140.72 C 1340.27 135.23 1334.77 130.71 1323.53 119.51 M 1340.5 125.17 C 1338.6 124.03 1337.55 122.57 1334.84 119.51 M 1340.5 125.17 C 1339.28 123.5 1337.95 122.34 1334.84 119.51" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1186 120 M 1186 120 C 1216.4 118.38 1245.98 120.9 1334 120 M 1186 120 C 1233.22 119.74 1279.71 119.15 1334 120 M 1334 120 C 1338.59 120.07 1340.08 121.36 1340 126 M 1334 120 C 1336.18 118.55 1341.15 121.59 1340 126 M 1340 126 C 1341.98 135.88 1338.79 144.72 1340 154 M 1340 126 C 1339.26 134.17 1339.14 142.5 1340 154 M 1340 154 C 1338.51 156.64 1339.51 160.54 1334 160 M 1340 154 C 1340.95 159.63 1338.34 160.56 1334 160 M 1334 160 C 1304.43 160.07 1271.14 160.25 1186 160 M 1334 160 C 1276.37 160.01 1219.14 159.64 1186 160 M 1186 160 C 1183.57 158.6 1178.47 159.1 1180 154 M 1186 160 C 1182.14 158.34 1181.93 159.24 1180 154 M 1180 154 C 1181.85 145.99 1178.35 137.28 1180 126 M 1180 154 C 1179.39 144.39 1179.96 134.41 1180 126 M 1180 126 C 1179.87 121.4 1183.86 118.35 1186 120 M 1180 126 C 1181.92 123.97 1180.37 119.53 1186 120" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="250" y="250" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 251.18 288.18 C 251.18 288.18 251.18 288.18 251.18 288.18 M 251.18 288.18 C 251.18 288.18 251.18 288.18 251.18 288.18 M 258.96 284.64 C 257.99 283.48 256.04 281.29 254.01 279.69 M 258.96 284.64 C 257.49 283.21 255.64 281.12 254.01 279.69 M 270.27 284.64 C 262.14 279.1 259.27 272.81 254.01 268.38 M 270.27 284.64 C 264.11 280.05 259.02 275.23 254.01 268.38 M 281.58 284.64 C 275.57 275.39 266.93 270.97 251.18 254.24 M 281.58 284.64 C 276.48 278.96 269.04 273.25 251.18 254.24 M 292.9 284.64 C 283.72 273.65 271.93 265.38 256.83 248.58 M 292.9 284.64 C 280.67 273.81 269.48 261.92 256.83 248.58 M 304.21 284.64 C 290.56 272.75 278.85 262.68 268.15 248.58 M 304.21 284.64 C 296.09 276.85 287.19 268.64 268.15 248.58 M 315.52 284.64 C 308.09 277.9 301.75 271.14 279.46 248.58 M 315.52 284.64 C 307.62 275.03 298.25 267.36 279.46 248.58 M 326.84 284.64 C 314.1 271.79 302 259.96 291.48 249.29 M 326.84 284.64 C 316.55 274.58 305.53 261.7 291.48 249.29 M 338.15 284.64 C 325.89 270.07 311.58 260.23 302.8 249.29 M 338.15 284.64 C 327.66 274.9 317.81 264.93 302.8 249.29 M 349.47 284.64 C 340.2 276.24 333.89 268.78 314.11 249.29 M 349.47 284.64 C 339.58 273.83 329.95 265.11 314.11 249.29 M 360.78 284.64 C 352.62 276.77 347.18 271.23 325.42 249.29 M 360.78 284.64 C 348.31 273.1 337.24 261.28 325.42 249.29 M 372.09 284.64 C 364.91 278.29 355.07 270.52 336.74 249.29 M 372.09 284.64 C 362.31 274.6 353.58 264.82 336.74 249.29 M 383.41 284.64 C 373.48 278.49 367.3 269.91 348.05 249.29 M 383.41 284.64 C 374.39 275.59 364.51 265.86 348.05 249.29 M 394.72 284.64 C 383.6 273.7 367.8 258.56 359.37 249.29 M 394.72 284.64 C 382.75 272.89 373.24 262.48 359.37 249.29 M 408.86 287.47 C 395.87 273.13 383.78 260.32 370.68 249.29 M 408.86 287.47 C 396.19 275.68 386.5 264 370.68 249.29 M 414.52 281.81 C 402.64 271.55 393.3 261.58 381.99 249.29 M 414.52 281.81 C 402.79 271.61 392.96 259.05 381.99 249.29 M 414.52 270.5 C 405.09 261.83 397.63 255.03 393.31 249.29 M 414.52 270.5 C 409.86 265.84 404.09 259.29 393.31 249.29 M 410.98 255.65 C 407.75 253.31 405.9 251.85 404.62 249.29 M 410.98 255.65 C 409.11 254.23 407.58 252.85 404.62 249.29" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 256 250 M 256 250 C 303.69 250.64 348.15 248.49 404 250 M 256 250 C 290.82 248.83 326.3 250.52 404 250 M 404 250 C 408.56 249.57 408.45 250.31 410 256 M 404 250 C 408.65 251.16 411.34 253.36 410 256 M 410 256 C 409.07 262.38 408.05 266.28 410 284 M 410 256 C 409.44 267.4 410.86 277.32 410 284 M 410 284 C 408.89 286.86 408.2 291.94 404 290 M 410 284 C 410.68 286.55 406.57 290.22 404 290 M 404 290 C 370.51 289.58 331.14 289.23 256 290 M 404 290 C 364.44 289.72 324.67 287.76 256 290 M 256 290 C 251.18 288.29 248.77 288.16 250 284 M 256 290 C 250.7 287.99 250.63 290.23 250 284 M 250 284 C 250.96 276.81 248.77 271.5 250 256 M 250 284 C 250.63 275.34 249.24 265.19 250 256 M 250 256 C 251.79 251.63 251.32 249.08 256 250 M 250 256 C 250.75 251.59 253.36 250.25 256 250" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1050" y="100" width="200" height="280" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1052" y="102" width="196" height="276" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1050" y="70" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 80px; margin-left: 1110px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="1110" y="84" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="1070" y="300" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1071.76 338.76 C 1071.76 338.76 1071.76 338.76 1071.76 338.76 M 1071.76 338.76 C 1071.76 338.76 1071.76 338.76 1071.76 338.76 M 1078.83 334.51 C 1077.01 332.27 1075.53 330.89 1073.88 329.56 M 1078.83 334.51 C 1077.73 333.13 1076.09 331.8 1073.88 329.56 M 1090.14 334.51 C 1085.42 327.62 1076.79 321.95 1073.88 318.25 M 1090.14 334.51 C 1085.93 329.14 1079.79 323.95 1073.88 318.25 M 1101.45 334.51 C 1091.77 322.44 1081.78 314.29 1071.76 304.81 M 1101.45 334.51 C 1093.63 327.89 1086.25 319.86 1071.76 304.81 M 1112.77 334.51 C 1102.42 321.84 1090.1 312.28 1077.41 299.16 M 1112.77 334.51 C 1105.71 326.25 1097.8 319.4 1077.41 299.16 M 1124.08 334.51 C 1112.12 325.29 1104.37 315.42 1088.73 299.16 M 1124.08 334.51 C 1116.74 327.69 1109.62 320.57 1088.73 299.16 M 1135.4 334.51 C 1127.16 324.97 1120.51 315.9 1100.04 299.16 M 1135.4 334.51 C 1124.55 325.08 1115.76 315.14 1100.04 299.16 M 1146.71 334.51 C 1133.53 319.63 1118.86 307.46 1111.35 299.16 M 1146.71 334.51 C 1137.85 325.98 1127.72 315.13 1111.35 299.16 M 1158.02 334.51 C 1147.27 326.03 1138.52 312.77 1122.67 299.16 M 1158.02 334.51 C 1146.64 322.08 1134.34 311.56 1122.67 299.16 M 1169.34 334.51 C 1154.77 320.9 1142.47 310.32 1133.98 299.16 M 1169.34 334.51 C 1155.28 322.14 1143.15 307.71 1133.98 299.16 M 1180.65 334.51 C 1173.6 327.6 1165.54 316.09 1145.29 299.16 M 1180.65 334.51 C 1170.32 322.86 1158.03 311.87 1145.29 299.16 M 1191.96 334.51 C 1182.18 324.96 1172.96 317.36 1156.61 299.16 M 1191.96 334.51 C 1181.08 323.27 1169.85 313.75 1156.61 299.16 M 1203.28 334.51 C 1194.54 325.58 1188.03 319.88 1167.92 299.16 M 1203.28 334.51 C 1192.97 323.32 1181.93 313.19 1167.92 299.16 M 1214.59 334.51 C 1200.57 322.64 1186.53 308.87 1179.24 299.16 M 1214.59 334.51 C 1203.4 321.36 1190.86 310.58 1179.24 299.16 M 1229.44 338.05 C 1223.37 330.33 1214.22 321.54 1190.55 299.16 M 1229.44 338.05 C 1214.57 322.19 1199.04 306.71 1190.55 299.16 M 1234.39 331.68 C 1223.35 319.7 1207.47 307.54 1201.86 299.16 M 1234.39 331.68 C 1222.76 318.74 1209.92 306.25 1201.86 299.16 M 1234.39 320.37 C 1228.46 311.89 1221.55 308.22 1213.18 299.16 M 1234.39 320.37 C 1227.48 313.7 1219.06 305.48 1213.18 299.16 M 1230.85 305.52 C 1228.53 302.32 1225.34 300.05 1224.49 299.16 M 1230.85 305.52 C 1229.36 304.07 1228.13 302.82 1224.49 299.16" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1076 300 M 1076 300 C 1125.9 300.04 1175.7 300.93 1224 300 M 1076 300 C 1134.82 300.44 1192.42 300.64 1224 300 M 1224 300 C 1229.46 298.96 1228.47 300.45 1230 306 M 1224 300 C 1227.28 298.18 1230.72 299.82 1230 306 M 1230 306 C 1227.83 314.41 1228.72 320.7 1230 334 M 1230 306 C 1230.07 314.32 1229.3 325.18 1230 334 M 1230 334 C 1230.01 338.07 1226.26 339.38 1224 340 M 1230 334 C 1230.83 338.78 1228.06 340.92 1224 340 M 1224 340 C 1191.8 340.86 1157.58 338.13 1076 340 M 1224 340 C 1194.14 339.89 1165.07 339.48 1076 340 M 1076 340 C 1073.4 341.13 1068.6 338.24 1070 334 M 1076 340 C 1069.97 338.7 1070.33 336.1 1070 334 M 1070 334 C 1070.12 326.88 1071.2 318 1070 306 M 1070 334 C 1070.58 324.37 1070.49 314.32 1070 306 M 1070 306 C 1070.72 300.17 1071.4 299.56 1076 300 M 1070 306 C 1068.84 303.93 1074.26 301.38 1076 300" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1070" y="180" width="160" height="60" rx="9" ry="9" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1072.3 237.8 C 1072.3 237.8 1072.3 237.8 1072.3 237.8 M 1072.3 237.8 C 1072.3 237.8 1072.3 237.8 1072.3 237.8 M 1080.08 234.27 C 1077.27 232.1 1074.64 229.5 1073.72 227.9 M 1080.08 234.27 C 1078.47 232.57 1076.93 230.92 1073.72 227.9 M 1091.39 234.27 C 1086.26 228.36 1079.77 224.36 1073.72 216.59 M 1091.39 234.27 C 1085.03 227.89 1078.74 222.41 1073.72 216.59 M 1102.71 234.27 C 1093.7 224.18 1086.21 215.8 1073.72 205.27 M 1102.71 234.27 C 1091.62 223.39 1080.19 210.98 1073.72 205.27 M 1114.02 234.27 C 1097.18 218.86 1085.1 202.49 1073.72 193.96 M 1114.02 234.27 C 1100.76 221.05 1087.84 208.05 1073.72 193.96 M 1125.33 234.27 C 1105.58 213.98 1085.42 193.25 1073.01 181.94 M 1125.33 234.27 C 1105.13 215.58 1086.9 194.68 1073.01 181.94 M 1136.65 234.27 C 1119.54 215.89 1101.36 200.49 1080.79 178.4 M 1136.65 234.27 C 1122.31 219.35 1104.87 203.34 1080.79 178.4 M 1147.96 234.27 C 1127.56 213.17 1107.41 192.67 1092.1 178.4 M 1147.96 234.27 C 1134.77 220.44 1120.67 209 1092.1 178.4 M 1159.98 234.97 C 1139.99 215.68 1123.17 196.15 1103.41 178.4 M 1159.98 234.97 C 1146.43 220.29 1131.8 205.46 1103.41 178.4 M 1171.3 234.97 C 1154.49 219.13 1138.62 203.59 1114.73 178.4 M 1171.3 234.97 C 1148.99 213.12 1126.9 190.97 1114.73 178.4 M 1182.61 234.97 C 1168.16 220.91 1154.83 206.41 1126.04 178.4 M 1182.61 234.97 C 1165.23 217.54 1148.15 198.96 1126.04 178.4 M 1193.92 234.97 C 1169.31 213.83 1149.06 189.69 1137.36 178.4 M 1193.92 234.97 C 1176.36 218.99 1159.73 201.51 1137.36 178.4 M 1205.24 234.97 C 1191.53 222.02 1178.15 205.61 1148.67 178.4 M 1205.24 234.97 C 1184.59 215.01 1162.15 192.52 1148.67 178.4 M 1221.5 239.92 C 1204.79 221.91 1189.31 205.97 1159.98 178.4 M 1221.5 239.92 C 1199.26 215.81 1175.62 193.41 1159.98 178.4 M 1229.28 236.39 C 1217.18 221.02 1203.71 210.88 1171.3 178.4 M 1229.28 236.39 C 1214.27 221.49 1200.58 207.44 1171.3 178.4 M 1234.23 230.02 C 1218.07 217.37 1203.81 200.35 1182.61 178.4 M 1234.23 230.02 C 1218.99 213.74 1202.8 199.69 1182.61 178.4 M 1234.23 218.71 C 1222.78 208.79 1211.84 197.37 1193.92 178.4 M 1234.23 218.71 C 1221.22 204.35 1207.67 190.8 1193.92 178.4 M 1234.23 207.4 C 1223.16 198.13 1211.26 184.04 1205.94 179.11 M 1234.23 207.4 C 1225.9 198.77 1217.75 191.44 1205.94 179.11 M 1234.94 196.79 C 1226.47 190.2 1222.22 183.06 1217.26 179.11 M 1234.94 196.79 C 1227.72 191.41 1221.72 183.91 1217.26 179.11" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1079 180 M 1079 180 C 1118.55 179.57 1160.99 181.49 1221 180 M 1079 180 C 1111.83 179.2 1145.56 178.65 1221 180 M 1221 180 C 1227.74 181.59 1228.81 181.81 1230 189 M 1221 180 C 1228.84 181.44 1231.99 181.61 1230 189 M 1230 189 C 1229.39 205.21 1229.79 219.03 1230 231 M 1230 189 C 1230.09 200.56 1228.78 214.33 1230 231 M 1230 231 C 1230.74 236.1 1228.58 240.22 1221 240 M 1230 231 C 1230.04 236.26 1225.68 239.45 1221 240 M 1221 240 C 1184 239.79 1146.9 240.97 1079 240 M 1221 240 C 1173.75 238.29 1126.88 238.91 1079 240 M 1079 240 C 1074.22 240.64 1071.24 235.09 1070 231 M 1079 240 C 1072.14 241.52 1072.02 236.73 1070 231 M 1070 231 C 1071.69 215.76 1069.49 203.67 1070 189 M 1070 231 C 1070.9 220.97 1069.24 212.27 1070 189 M 1070 189 C 1068.9 181.3 1072.28 179.25 1079 180 M 1070 189 C 1067.71 184.31 1074.24 179.02 1079 180" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1070" cy="200" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1050" y="180" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1067.66 202.85 C 1067.66 202.85 1067.66 202.85 1067.66 202.85 M 1067.66 202.85 C 1067.66 202.85 1067.66 202.85 1067.66 202.85 M 1074.73 198.61 C 1073.27 197.42 1073.08 196.87 1070.48 194.36 M 1074.73 198.61 C 1073.49 197.5 1073.07 196.54 1070.48 194.36" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1060" cy="200" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1040" y="180" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1056.99 203.62 C 1056.99 203.62 1056.99 203.62 1056.99 203.62 M 1056.99 203.62 C 1056.99 203.62 1056.99 203.62 1056.99 203.62 M 1064.06 199.37 C 1063.33 198.29 1062.05 197.17 1059.82 195.13 M 1064.06 199.37 C 1062.78 198.23 1061.77 197.06 1059.82 195.13" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="960" y="100" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 110px; margin-left: 1005px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1050
</div>
</div>
</div>
</foreignObject>
<text x="1005" y="114" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1050
</text>
</switch>
</g>
<rect x="120" y="120" width="200" height="260" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="122" y="122" width="196" height="256" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="140" y="200" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 141.27 238.27 C 141.27 238.27 141.27 238.27 141.27 238.27 M 141.27 238.27 C 141.27 238.27 141.27 238.27 141.27 238.27 M 148.35 234.03 C 148 233.38 146.47 231.64 144.1 229.79 M 148.35 234.03 C 147.37 232.56 145.95 231.75 144.1 229.79 M 159.66 234.03 C 156.74 228.82 150.28 225.22 144.1 218.48 M 159.66 234.03 C 154.43 228.15 149.5 223.52 144.1 218.48 M 171.68 234.74 C 161.71 225.94 154.25 216.34 141.27 204.33 M 171.68 234.74 C 163.78 227.87 157.08 221.17 141.27 204.33 M 182.99 234.74 C 170.94 220.55 156.02 207.54 146.93 198.68 M 182.99 234.74 C 170.69 222.31 158.59 210.86 146.93 198.68 M 194.31 234.74 C 181.98 221.91 167.38 204.65 158.25 198.68 M 194.31 234.74 C 183.85 225.05 174.15 214.72 158.25 198.68 M 205.62 234.74 C 195.61 225.32 185.81 214.75 169.56 198.68 M 205.62 234.74 C 192.48 221.33 177.86 205.67 169.56 198.68 M 216.94 234.74 C 205.59 222.29 196.94 213.05 180.87 198.68 M 216.94 234.74 C 205.06 223.63 192.76 211.13 180.87 198.68 M 228.25 234.74 C 219.02 224.93 210.81 219.19 192.19 198.68 M 228.25 234.74 C 219.65 225.64 209.52 215.43 192.19 198.68 M 239.56 234.74 C 233.39 225.78 222.7 216.86 203.5 198.68 M 239.56 234.74 C 225.54 220.69 211.4 207.5 203.5 198.68 M 250.88 234.74 C 237.82 222.11 229.74 213.39 215.52 199.38 M 250.88 234.74 C 237.08 222.08 223.75 208.9 215.52 199.38 M 262.19 234.74 C 254.32 226.42 247.05 221.24 226.83 199.38 M 262.19 234.74 C 247.77 220.71 233.88 207.26 226.83 199.38 M 273.5 234.74 C 260.97 222.86 249.26 212.7 238.15 199.38 M 273.5 234.74 C 260.95 222.56 247.83 207.78 238.15 199.38 M 284.82 234.74 C 273.12 223.17 261.21 213.34 249.46 199.38 M 284.82 234.74 C 275.37 225.21 265.55 215.37 249.46 199.38 M 298.96 237.57 C 289.67 228.65 281.98 217.71 260.78 199.38 M 298.96 237.57 C 286.18 224.83 272.97 212.74 260.78 199.38 M 304.62 231.91 C 293.55 218.36 281.43 205.65 272.09 199.38 M 304.62 231.91 C 296.76 223.95 289.32 215.69 272.09 199.38 M 304.62 220.6 C 301.24 215.37 293.33 212.11 283.4 199.38 M 304.62 220.6 C 296.53 212.82 288.05 203.51 283.4 199.38 M 300.37 205.04 C 299.12 203.5 297.43 201.71 294.72 199.38 M 300.37 205.04 C 298.82 203.18 297.55 201.8 294.72 199.38" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 146 200 M 146 200 C 196.64 199.38 244.33 198.33 294 200 M 146 200 C 188.93 199.65 233.4 199.66 294 200 M 294 200 C 298.81 198.16 299.27 202.45 300 206 M 294 200 C 296.39 201.21 300.07 200.75 300 206 M 300 206 C 299.51 211.28 301.26 221.15 300 234 M 300 206 C 300.28 214.35 300.33 220.95 300 234 M 300 234 C 300.36 236.77 298.12 241.11 294 240 M 300 234 C 299.66 237.97 296.65 238.61 294 240 M 294 240 C 247.38 241.09 203.49 242.67 146 240 M 294 240 C 262.36 240.55 233.1 240.58 146 240 M 146 240 C 140.27 240.34 140.94 239.44 140 234 M 146 240 C 141.27 238.38 140.12 239.53 140 234 M 140 234 C 139.68 223.3 140.18 213.46 140 206 M 140 234 C 140.27 223.69 139.38 213.27 140 206 M 140 206 C 140.39 203.55 141.07 200.04 146 200 M 140 206 C 138.33 203.53 142.7 198.45 146 200" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="140" y="300" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 141.48 338.48 C 141.48 338.48 141.48 338.48 141.48 338.48 M 141.48 338.48 C 141.48 338.48 141.48 338.48 141.48 338.48 M 148.55 334.24 C 147.98 332.87 145.95 331.77 144.31 329.99 M 148.55 334.24 C 147.44 333.43 146.39 332.05 144.31 329.99 M 159.86 334.24 C 156.95 330.79 153.06 325.28 144.31 318.68 M 159.86 334.24 C 153.35 327.89 148.81 323.51 144.31 318.68 M 171.18 334.24 C 165.3 327.43 156.34 321.61 141.48 304.54 M 171.18 334.24 C 159.9 322.99 149.03 311.8 141.48 304.54 M 182.49 334.24 C 173.1 326.52 167.62 315.91 147.14 298.88 M 182.49 334.24 C 174.87 324.99 166.64 318.25 147.14 298.88 M 193.81 334.24 C 182.73 323.98 173.51 313.65 158.45 298.88 M 193.81 334.24 C 186.18 326.15 176.97 315.65 158.45 298.88 M 205.12 334.24 C 192.66 322.63 181.92 308.32 169.76 298.88 M 205.12 334.24 C 192.36 321.25 179.13 307.55 169.76 298.88 M 216.43 334.24 C 205.67 323.34 195.34 313.57 181.08 298.88 M 216.43 334.24 C 206.09 324.86 196.85 312.8 181.08 298.88 M 227.75 334.24 C 216.46 324.07 207.48 315.37 192.39 298.88 M 227.75 334.24 C 214.21 322.16 202.11 308 192.39 298.88 M 239.06 334.24 C 226.04 322.28 215.06 307.68 203.7 298.88 M 239.06 334.24 C 225.15 320.64 211.57 306.24 203.7 298.88 M 251.08 334.94 C 240.27 324.74 227.7 313.79 215.02 298.88 M 251.08 334.94 C 238.48 320.84 224.73 308.44 215.02 298.88 M 262.39 334.94 C 248.04 323.32 233.92 309.79 226.33 298.88 M 262.39 334.94 C 247.49 320.22 234.22 306.85 226.33 298.88 M 273.71 334.94 C 261.29 320.35 247.96 308.73 237.65 298.88 M 273.71 334.94 C 266.47 326.75 256.85 318.53 237.65 298.88 M 285.02 334.94 C 270.15 320.97 256.38 308.56 248.96 298.88 M 285.02 334.94 C 274.18 325.03 262.94 313.23 248.96 298.88 M 299.16 337.77 C 288.13 326.34 280.44 318.38 260.27 298.88 M 299.16 337.77 C 284.08 322.09 267.45 306.18 260.27 298.88 M 304.82 332.12 C 293.86 323.04 284.65 314.77 271.59 298.88 M 304.82 332.12 C 292.4 320.54 280.6 307.71 271.59 298.88 M 304.82 320.8 C 296.76 313.99 289.14 303.29 282.9 298.88 M 304.82 320.8 C 296.93 311.71 289.52 305.27 282.9 298.88 M 300.58 305.25 C 299.17 303.56 297.71 301.91 294.92 299.59 M 300.58 305.25 C 298.69 302.91 296.91 301.38 294.92 299.59" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 146 300 M 146 300 C 200.52 301.27 256.26 298.82 294 300 M 146 300 C 184.93 299.35 223.78 298.06 294 300 M 294 300 C 297.03 299.88 300.87 303.23 300 306 M 294 300 C 296.67 299.97 301.12 301.46 300 306 M 300 306 C 300.33 314.71 300.1 324.74 300 334 M 300 306 C 300.84 315.29 299.73 324.42 300 334 M 300 334 C 301.73 338.13 299.31 340.83 294 340 M 300 334 C 299.63 336.61 300.04 342.15 294 340 M 294 340 C 248.72 340.07 200.6 338.92 146 340 M 294 340 C 254.5 339.54 215.98 338.06 146 340 M 146 340 C 142.22 338.97 140.97 336.23 140 334 M 146 340 C 144.17 341.92 142.02 337.59 140 334 M 140 334 C 138.25 326.32 138.9 316.24 140 306 M 140 334 C 139.71 324.68 140.15 314.24 140 306 M 140 306 C 140.6 302.24 143.45 298.35 146 300 M 140 306 C 138.71 301.22 142.52 300.06 146 300" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1600" y="20" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="1602" y="22" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="1610" y="250" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1611.41 288.41 C 1611.41 288.41 1611.41 288.41 1611.41 288.41 M 1611.41 288.41 C 1611.41 288.41 1611.41 288.41 1611.41 288.41 M 1618.49 284.17 C 1617.02 283.51 1615.45 281.3 1614.24 279.93 M 1618.49 284.17 C 1617.1 283.15 1616.24 281.71 1614.24 279.93 M 1629.8 284.17 C 1626.23 279.92 1620.19 277.07 1614.24 268.62 M 1629.8 284.17 C 1625.44 280.51 1622.08 275.61 1614.24 268.62 M 1641.11 284.17 C 1629.8 274.47 1620.06 260.72 1611.41 254.47 M 1641.11 284.17 C 1634.19 277.21 1626.29 269.92 1611.41 254.47 M 1652.43 284.17 C 1645.23 274.57 1634.72 270.25 1617.07 248.82 M 1652.43 284.17 C 1641.38 274.34 1631.11 263.02 1617.07 248.82 M 1663.74 284.17 C 1653.03 273.55 1639.12 260.69 1628.39 248.82 M 1663.74 284.17 C 1656.68 276.71 1648.63 268.92 1628.39 248.82 M 1675.05 284.17 C 1665.23 275.3 1657.92 265.19 1639.7 248.82 M 1675.05 284.17 C 1661.65 271.85 1647.59 257.43 1639.7 248.82 M 1686.37 284.17 C 1672.98 272.07 1664.04 259.77 1651.01 248.82 M 1686.37 284.17 C 1677.76 274.76 1669.9 267.39 1651.01 248.82 M 1698.39 284.88 C 1687.48 276.75 1679.64 267.67 1662.33 248.82 M 1698.39 284.88 C 1684.78 272.11 1672.43 258.28 1662.33 248.82 M 1709.7 284.88 C 1698.91 274.75 1690.85 267.03 1673.64 248.82 M 1709.7 284.88 C 1694.84 270.57 1680.11 255.57 1673.64 248.82 M 1721.02 284.88 C 1710.3 274.01 1701.86 265.08 1684.95 248.82 M 1721.02 284.88 C 1710.98 275.25 1702.47 267.24 1684.95 248.82 M 1732.33 284.88 C 1718.3 268.94 1704.41 254.82 1696.27 248.82 M 1732.33 284.88 C 1721.71 275.65 1712.94 264.34 1696.27 248.82 M 1743.64 284.88 C 1736.25 277.32 1726.58 265.67 1707.58 248.82 M 1743.64 284.88 C 1733.51 275.42 1725.01 264.49 1707.58 248.82 M 1754.96 284.88 C 1746.44 275.82 1739.97 269.85 1718.89 248.82 M 1754.96 284.88 C 1745.37 276.62 1737.27 266.63 1718.89 248.82 M 1769.1 287.71 C 1754.58 271.91 1738.19 258.4 1730.21 248.82 M 1769.1 287.71 C 1758.91 277.8 1751.83 269.39 1730.21 248.82 M 1774.76 282.05 C 1768.66 273.6 1757.88 268.97 1742.23 249.52 M 1774.76 282.05 C 1767.41 274.65 1760.84 267.22 1742.23 249.52 M 1774.76 270.74 C 1771.14 265.68 1763.5 262.74 1753.54 249.52 M 1774.76 270.74 C 1766.17 262.83 1758.69 253.09 1753.54 249.52 M 1770.51 255.18 C 1768.53 252.28 1766 250.67 1764.86 249.52 M 1770.51 255.18 C 1768.67 253.65 1767.49 252.07 1764.86 249.52" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1616 250 M 1616 250 C 1656.25 251.31 1694.17 249.76 1764 250 M 1616 250 C 1668.79 250.76 1720.85 249.98 1764 250 M 1764 250 C 1766.68 249.81 1769.14 251.95 1770 256 M 1764 250 C 1767.17 248.56 1768.37 250.17 1770 256 M 1770 256 C 1770.26 262.52 1769.82 270.93 1770 284 M 1770 256 C 1770.55 264.83 1769.42 274.86 1770 284 M 1770 284 C 1771.43 288.88 1769.45 291.83 1764 290 M 1770 284 C 1769.82 289.75 1769.23 288.17 1764 290 M 1764 290 C 1712.07 289.17 1662.23 288.5 1616 290 M 1764 290 C 1709.6 290.74 1653.71 290.46 1616 290 M 1616 290 C 1613.97 289.98 1609.73 286.12 1610 284 M 1616 290 C 1613.89 290.46 1608.64 286.66 1610 284 M 1610 284 C 1610.86 275.09 1608.74 264.54 1610 256 M 1610 284 C 1610.68 277.17 1610.76 270.5 1610 256 M 1610 256 C 1609.78 251.02 1610.09 249.56 1616 250 M 1610 256 C 1612.24 251.33 1612.95 249.42 1616 250" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1610" y="120" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1611.36 158.36 C 1611.36 158.36 1611.36 158.36 1611.36 158.36 M 1611.36 158.36 C 1611.36 158.36 1611.36 158.36 1611.36 158.36 M 1618.43 154.12 C 1616.65 152.73 1615.79 151.17 1614.19 149.88 M 1618.43 154.12 C 1617.51 153.15 1616.43 152.35 1614.19 149.88 M 1629.75 154.12 C 1626.18 151.32 1622.72 146.56 1614.19 138.56 M 1629.75 154.12 C 1624.1 149.99 1621.13 145.35 1614.19 138.56 M 1641.06 154.12 C 1629.63 146.2 1622.18 136.02 1611.36 124.42 M 1641.06 154.12 C 1628.59 142.62 1618.36 130.67 1611.36 124.42 M 1652.37 154.12 C 1640.51 143.66 1632.11 134.41 1617.02 118.76 M 1652.37 154.12 C 1638.71 140.88 1625 126.96 1617.02 118.76 M 1663.69 154.12 C 1654.67 145.79 1649.85 139.58 1628.33 118.76 M 1663.69 154.12 C 1650.19 140.99 1637.35 127.75 1628.33 118.76 M 1675.71 154.83 C 1663.01 143.34 1650.34 133.07 1639.65 118.76 M 1675.71 154.83 C 1661.44 142.39 1648.23 127.4 1639.65 118.76 M 1687.02 154.83 C 1673.77 143.13 1662.71 129.86 1650.96 118.76 M 1687.02 154.83 C 1678.85 146.77 1671.68 139.46 1650.96 118.76 M 1698.34 154.83 C 1688.44 142.14 1675.63 133.89 1662.27 118.76 M 1698.34 154.83 C 1688.74 145.31 1679.37 134.48 1662.27 118.76 M 1709.65 154.83 C 1695.76 141.44 1683.16 127.8 1673.59 118.76 M 1709.65 154.83 C 1701.12 146.61 1693.86 139.34 1673.59 118.76 M 1720.96 154.83 C 1712.71 145.88 1704 134.95 1684.9 118.76 M 1720.96 154.83 C 1712.39 146.02 1703.72 137.04 1684.9 118.76 M 1732.28 154.83 C 1719.12 143.66 1705.76 128.55 1696.21 118.76 M 1732.28 154.83 C 1722.16 145.19 1712.3 136.23 1696.21 118.76 M 1743.59 154.83 C 1731.83 144.78 1720.78 131.9 1707.53 118.76 M 1743.59 154.83 C 1731.09 142.4 1719.15 131.08 1707.53 118.76 M 1754.9 154.83 C 1743.63 144.5 1735.74 136.39 1719.55 119.47 M 1754.9 154.83 C 1744.32 143.87 1735.19 134.31 1719.55 119.47 M 1769.05 157.65 C 1760.87 150.66 1752.57 140.23 1730.86 119.47 M 1769.05 157.65 C 1757 146.02 1746.94 134.23 1730.86 119.47 M 1774.7 152 C 1762.39 141.72 1752.22 131.22 1742.18 119.47 M 1774.7 152 C 1763.7 140.58 1753.02 130.83 1742.18 119.47 M 1774.7 140.68 C 1766.24 134.73 1759.15 124.62 1753.49 119.47 M 1774.7 140.68 C 1766.57 132.15 1758.42 125.54 1753.49 119.47 M 1770.46 125.13 C 1768.32 123.68 1766.03 120.61 1764.8 119.47 M 1770.46 125.13 C 1768.28 123.13 1766.59 121.39 1764.8 119.47" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1616 120 M 1616 120 C 1660.13 119.21 1706.1 120.24 1764 120 M 1616 120 C 1664.79 118.45 1711.23 118.38 1764 120 M 1764 120 C 1768.9 121.54 1770.74 122.72 1770 126 M 1764 120 C 1767.44 121.92 1769.42 120.88 1770 126 M 1770 126 C 1771.64 135.95 1769.22 144.52 1770 154 M 1770 126 C 1769.67 135.76 1769.38 146.33 1770 154 M 1770 154 C 1768.81 156.23 1766.64 161.54 1764 160 M 1770 154 C 1769.79 158.39 1768.01 161.71 1764 160 M 1764 160 C 1713.41 161.11 1663.34 161.71 1616 160 M 1764 160 C 1731.34 159.73 1697.79 157.94 1616 160 M 1616 160 C 1611.92 158.61 1609.76 156.9 1610 154 M 1616 160 C 1612.19 159.39 1610.54 159.33 1610 154 M 1610 154 C 1609.43 148.11 1611.46 141.32 1610 126 M 1610 154 C 1610.11 148.17 1609.54 139.47 1610 126 M 1610 126 C 1609.99 123.71 1612.47 121.86 1616 120 M 1610 126 C 1608.02 123.62 1612.77 121.04 1616 120" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1480" y="100" width="200" height="280" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1482" y="102" width="196" height="276" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1480" y="70" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 80px; margin-left: 1540px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="1540" y="84" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="1500" y="300" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1501.72 338.72 C 1501.72 338.72 1501.72 338.72 1501.72 338.72 M 1501.72 338.72 C 1501.72 338.72 1501.72 338.72 1501.72 338.72 M 1508.79 334.47 C 1508.27 332.87 1506.3 332.58 1503.84 329.52 M 1508.79 334.47 C 1507.43 333.48 1506.4 332.12 1503.84 329.52 M 1520.1 334.47 C 1516.61 331.21 1509.78 323.13 1503.84 318.21 M 1520.1 334.47 C 1514.85 329.1 1508.88 324.05 1503.84 318.21 M 1531.41 334.47 C 1525.56 328.46 1517.83 321.93 1501.72 304.78 M 1531.41 334.47 C 1520.92 323.27 1509.21 311.7 1501.72 304.78 M 1542.73 334.47 C 1537 328.69 1528.26 318.91 1507.37 299.12 M 1542.73 334.47 C 1533.52 323.9 1523.75 315.04 1507.37 299.12 M 1554.04 334.47 C 1541.72 323.37 1526.26 309.27 1518.69 299.12 M 1554.04 334.47 C 1544.6 325.1 1534.66 314.31 1518.69 299.12 M 1565.36 334.47 C 1551.21 320.31 1542 311.5 1530 299.12 M 1565.36 334.47 C 1553.14 323.35 1541.05 311.71 1530 299.12 M 1576.67 334.47 C 1565.88 324.44 1555.87 313.12 1541.31 299.12 M 1576.67 334.47 C 1568.57 326.7 1560.19 318.43 1541.31 299.12 M 1587.98 334.47 C 1580.9 326.4 1570.67 317.64 1552.63 299.12 M 1587.98 334.47 C 1580.71 325.52 1572.7 318.59 1552.63 299.12 M 1599.3 334.47 C 1589.55 326.23 1581.97 315.25 1563.94 299.12 M 1599.3 334.47 C 1590.82 325.21 1582.06 316.52 1563.94 299.12 M 1610.61 334.47 C 1600.77 325.11 1590.24 313.15 1575.26 299.12 M 1610.61 334.47 C 1598.1 322.39 1585.74 309.41 1575.26 299.12 M 1621.92 334.47 C 1614.04 327.58 1605.82 315.85 1586.57 299.12 M 1621.92 334.47 C 1612.55 323.27 1602.33 314.13 1586.57 299.12 M 1633.24 334.47 C 1618.34 321.14 1605.15 306.07 1597.88 299.12 M 1633.24 334.47 C 1620.5 323.18 1609.5 311.07 1597.88 299.12 M 1644.55 334.47 C 1632.03 321.72 1620.22 311.7 1609.2 299.12 M 1644.55 334.47 C 1632.97 322.74 1621.97 311.93 1609.2 299.12 M 1659.4 338.01 C 1653.76 330.25 1644.76 321.74 1620.51 299.12 M 1659.4 338.01 C 1650.26 329.09 1640.6 319.55 1620.51 299.12 M 1664.35 331.65 C 1651.45 319.66 1641.01 311.09 1631.82 299.12 M 1664.35 331.65 C 1656.36 322.76 1646.23 314.09 1631.82 299.12 M 1664.35 320.33 C 1659.75 316.63 1654.37 311.4 1643.14 299.12 M 1664.35 320.33 C 1657.19 311.11 1647.57 304.14 1643.14 299.12 M 1660.82 305.48 C 1659.41 304.69 1658.12 301.67 1654.45 299.12 M 1660.82 305.48 C 1659.05 303.37 1656.9 301.17 1654.45 299.12" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1506 300 M 1506 300 C 1556.66 297.16 1609.53 299.01 1654 300 M 1506 300 C 1555.17 300.34 1605.45 299.71 1654 300 M 1654 300 C 1658.37 300.61 1660.64 302.04 1660 306 M 1654 300 C 1659.73 298.45 1657.91 300.17 1660 306 M 1660 306 C 1659.25 315.39 1659.34 325.59 1660 334 M 1660 306 C 1660.53 315.98 1659.18 324.66 1660 334 M 1660 334 C 1661.21 338.18 1658.32 338.31 1654 340 M 1660 334 C 1659.02 336.48 1659.74 338.23 1654 340 M 1654 340 C 1618.55 337.85 1584.3 338.3 1506 340 M 1654 340 C 1600.48 339.86 1547 340.28 1506 340 M 1506 340 C 1502.84 340.41 1500.62 336.51 1500 334 M 1506 340 C 1501.26 340.45 1502.05 336.96 1500 334 M 1500 334 C 1500.18 328.52 1501.85 320.41 1500 306 M 1500 334 C 1500.4 323.42 1499.29 312.65 1500 306 M 1500 306 C 1501.34 303.02 1502.08 299.43 1506 300 M 1500 306 C 1498.36 301.1 1502.89 299.97 1506 300" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1500" y="180" width="160" height="60" rx="9" ry="9" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1502.26 237.76 C 1502.26 237.76 1502.26 237.76 1502.26 237.76 M 1502.26 237.76 C 1502.26 237.76 1502.26 237.76 1502.26 237.76 M 1510.04 234.23 C 1509.04 232.88 1507.56 231.69 1503.68 227.86 M 1510.04 234.23 C 1507.72 231.76 1504.79 228.8 1503.68 227.86 M 1521.35 234.23 C 1517.19 228.39 1512.61 226.07 1503.68 216.55 M 1521.35 234.23 C 1514.28 227.83 1508.14 220.47 1503.68 216.55 M 1532.67 234.23 C 1521.62 224.32 1510.51 211.7 1503.68 205.23 M 1532.67 234.23 C 1522.22 224.66 1512.36 214.61 1503.68 205.23 M 1543.98 234.23 C 1531.45 222.16 1519.44 210.06 1503.68 193.92 M 1543.98 234.23 C 1529.56 218.4 1514.52 205.11 1503.68 193.92 M 1555.29 234.23 C 1540.43 221.33 1529.83 209.65 1502.97 181.9 M 1555.29 234.23 C 1542.53 222.29 1530.87 209.12 1502.97 181.9 M 1566.61 234.23 C 1553.26 221.09 1541.46 210.89 1510.75 178.36 M 1566.61 234.23 C 1547.93 216.53 1530.32 197.94 1510.75 178.36 M 1578.63 234.93 C 1561.92 219.06 1543.73 200.71 1522.06 178.36 M 1578.63 234.93 C 1555.51 213 1532.46 189.42 1522.06 178.36 M 1589.94 234.93 C 1573.16 215.67 1555.35 201.13 1533.37 178.36 M 1589.94 234.93 C 1569.49 215.78 1552.16 197.56 1533.37 178.36 M 1601.26 234.93 C 1580.15 211.06 1555.79 189.92 1544.69 178.36 M 1601.26 234.93 C 1585.83 218.72 1569.42 202.62 1544.69 178.36 M 1612.57 234.93 C 1595.01 217.17 1577.86 200.85 1556 178.36 M 1612.57 234.93 C 1591.87 214.07 1571.61 194.38 1556 178.36 M 1623.88 234.93 C 1612.59 223.65 1600.58 210.62 1567.32 178.36 M 1623.88 234.93 C 1608.16 219.36 1590.87 202.6 1567.32 178.36 M 1635.2 234.93 C 1622.2 220.6 1610.03 210.69 1578.63 178.36 M 1635.2 234.93 C 1623.68 222.51 1611.99 210.75 1578.63 178.36 M 1651.46 239.88 C 1624.83 215.54 1601.08 192.86 1589.94 178.36 M 1651.46 239.88 C 1629.28 217.96 1607.89 196.22 1589.94 178.36 M 1659.24 236.35 C 1647.71 225.15 1634.53 211.45 1601.26 178.36 M 1659.24 236.35 C 1642.27 219.68 1623.59 200.7 1601.26 178.36 M 1664.19 229.98 C 1650.81 217.9 1638.77 205.26 1612.57 178.36 M 1664.19 229.98 C 1645.36 210.45 1625.82 190.14 1612.57 178.36 M 1664.19 218.67 C 1648.14 202.77 1636.59 187.65 1624.59 179.07 M 1664.19 218.67 C 1650.92 204.25 1636.02 189.81 1624.59 179.07 M 1664.9 208.06 C 1658.02 202.46 1652.3 192.67 1635.9 179.07 M 1664.9 208.06 C 1657.72 201.79 1651.21 196.05 1635.9 179.07 M 1664.9 196.75 C 1659.18 188.13 1651.72 181.7 1647.22 179.07 M 1664.9 196.75 C 1659.21 190.66 1653.19 185.32 1647.22 179.07" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1509 180 M 1509 180 C 1542.38 182.99 1575.7 180.34 1651 180 M 1509 180 C 1544.31 179.89 1581.21 178.95 1651 180 M 1651 180 C 1658.06 181.79 1658.09 181.27 1660 189 M 1651 180 C 1655.52 180.03 1661.96 183.75 1660 189 M 1660 189 C 1658.34 197.76 1661.82 208.72 1660 231 M 1660 189 C 1659.51 205.48 1659.81 219.76 1660 231 M 1660 231 C 1661.86 235.33 1658.77 238.03 1651 240 M 1660 231 C 1660.62 237.7 1655.12 238.2 1651 240 M 1651 240 C 1616.25 242.34 1582.39 239.9 1509 240 M 1651 240 C 1599.12 238.34 1546.64 239.24 1509 240 M 1509 240 C 1504.96 241.43 1499.73 236.23 1500 231 M 1509 240 C 1502.55 241.86 1500.06 237.97 1500 231 M 1500 231 C 1501.79 214.04 1501.27 199.89 1500 189 M 1500 231 C 1499.35 214.6 1500.54 200.56 1500 189 M 1500 189 C 1500.99 184.49 1502.44 179.16 1509 180 M 1500 189 C 1500.93 182.52 1501.56 180.02 1509 180" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1500" cy="200" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1480" y="180" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1497.1 201.91 C 1497.1 201.91 1497.1 201.91 1497.1 201.91 M 1497.1 201.91 C 1497.1 201.91 1497.1 201.91 1497.1 201.91" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1490" cy="200" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1470" y="180" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1487.3 203.23 C 1487.3 203.23 1487.3 203.23 1487.3 203.23 M 1487.3 203.23 C 1487.3 203.23 1487.3 203.23 1487.3 203.23" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1390" y="100" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 110px; margin-left: 1435px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1050
</div>
</div>
</div>
</foreignObject>
<text x="1435" y="114" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1050
</text>
</switch>
</g>
<path d="M 1340 244.71 L 1763.64 269.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1768.88 269.93 L 1761.69 273.02 L 1763.64 269.63 L 1762.1 266.03 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1370" y="230" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 240px; margin-left: 1405px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Adjust top
</div>
</div>
</div>
</foreignObject>
<text x="1405" y="244" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Adjust top
</text>
</switch>
</g>
<path d="M 720 120 L 954.09 110.13" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 959.33 109.91 L 952.49 113.7 L 954.09 110.13 L 952.19 106.71 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="850" y="98" width="100" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 108px; margin-left: 900px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
UpdateScrollTop
</div>
</div>
</div>
</foreignObject>
<text x="900" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
UpdateScrollTop
</text>
</switch>
</g>
<rect x="0" y="270" width="1950" height="80" fill="none" stroke="#006666" stroke-dasharray="1 1" pointer-events="all"/>
<rect x="2" y="272" width="1946" height="76" fill="none" stroke="#006666" stroke-dasharray="1 1" pointer-events="all"/>
<rect x="640" y="20" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 30px; margin-left: 700px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -1000
</div>
</div>
</div>
</foreignObject>
<text x="700" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -1000
</text>
</switch>
</g>
<rect x="1170" y="0" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 10px; margin-left: 1230px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -1000
</div>
</div>
</div>
</foreignObject>
<text x="1230" y="14" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -1000
</text>
</switch>
</g>
<rect x="1600" y="0" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 10px; margin-left: 1660px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -1000
</div>
</div>
</div>
</foreignObject>
<text x="1660" y="14" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -1000
</text>
</switch>
</g>
<rect x="1640" y="620" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="1642" y="622" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="1650" y="830" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1651.83 868.83 C 1651.83 868.83 1651.83 868.83 1651.83 868.83 M 1651.83 868.83 C 1651.83 868.83 1651.83 868.83 1651.83 868.83 M 1658.91 864.59 C 1657.53 862.43 1655.44 861.33 1653.96 859.64 M 1658.91 864.59 C 1658.01 863.29 1656.51 862.29 1653.96 859.64 M 1670.22 864.59 C 1667.92 861.45 1662.89 855.95 1653.96 848.33 M 1670.22 864.59 C 1664.71 859.03 1660.18 854.75 1653.96 848.33 M 1681.53 864.59 C 1672.46 858.88 1669.19 851.5 1651.13 834.19 M 1681.53 864.59 C 1673.05 856.55 1665.86 848.82 1651.13 834.19 M 1692.85 864.59 C 1683.91 857.16 1675.84 848.2 1656.78 828.53 M 1692.85 864.59 C 1680.13 851.97 1668.31 839.3 1656.78 828.53 M 1704.16 864.59 C 1691.85 850.99 1676.32 837.99 1668.81 829.24 M 1704.16 864.59 C 1690.12 851.15 1676.9 839.31 1668.81 829.24 M 1715.47 864.59 C 1704.18 851.79 1692.12 841.36 1680.12 829.24 M 1715.47 864.59 C 1707.62 857.75 1700.84 849.09 1680.12 829.24 M 1726.79 864.59 C 1712.29 851.9 1700.15 837.78 1691.43 829.24 M 1726.79 864.59 C 1713.93 853.91 1702.55 841.85 1691.43 829.24 M 1738.1 864.59 C 1731.3 856.94 1719.19 844.21 1702.75 829.24 M 1738.1 864.59 C 1728.57 854.19 1717.87 844.3 1702.75 829.24 M 1749.42 864.59 C 1741.12 857.6 1734.65 850.74 1714.06 829.24 M 1749.42 864.59 C 1735.59 850.84 1722.11 837.73 1714.06 829.24 M 1760.73 864.59 C 1748.23 852.19 1731.33 837.96 1725.37 829.24 M 1760.73 864.59 C 1752.13 856.24 1743.77 847.65 1725.37 829.24 M 1772.04 864.59 C 1763.57 856.23 1754.59 845.89 1736.69 829.24 M 1772.04 864.59 C 1763.63 854.94 1752.41 846.37 1736.69 829.24 M 1783.36 864.59 C 1768.2 848.87 1754.94 839.36 1748 829.24 M 1783.36 864.59 C 1771.24 853.83 1760.1 841.34 1748 829.24 M 1794.67 864.59 C 1783.97 850.8 1770.61 837.79 1759.31 829.24 M 1794.67 864.59 C 1782.39 852.69 1768 839.58 1759.31 829.24 M 1809.52 868.13 C 1800.13 861.41 1794.45 852.63 1770.63 829.24 M 1809.52 868.13 C 1796.59 856.76 1785.63 843.84 1770.63 829.24 M 1814.47 861.76 C 1805.79 854.43 1796.23 844.89 1781.94 829.24 M 1814.47 861.76 C 1808.17 854.68 1800.93 847.8 1781.94 829.24 M 1814.47 850.45 C 1808.35 843.99 1801.12 835.18 1793.26 829.24 M 1814.47 850.45 C 1808.01 844.18 1801.96 837.7 1793.26 829.24 M 1810.93 835.6 C 1809.59 834.26 1808.28 832.47 1804.57 829.24 M 1810.93 835.6 C 1808.56 832.81 1806.47 831.17 1804.57 829.24" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1656 830 M 1656 830 C 1696.07 827.7 1736.65 826.85 1804 830 M 1656 830 C 1711.88 830 1765.11 830.07 1804 830 M 1804 830 C 1808.19 831.11 1811.71 831.01 1810 836 M 1804 830 C 1808.07 830.68 1807.75 833.61 1810 836 M 1810 836 C 1808.95 845.24 1809.85 853.11 1810 864 M 1810 836 C 1810.31 843.94 1810.07 850.76 1810 864 M 1810 864 C 1809.05 869.55 1808.27 870.41 1804 870 M 1810 864 C 1809.41 868.59 1806.05 870.9 1804 870 M 1804 870 C 1768.42 869.13 1734.9 870.23 1656 870 M 1804 870 C 1766.21 869.16 1726.69 870.53 1656 870 M 1656 870 C 1651.69 870.09 1650.75 867.55 1650 864 M 1656 870 C 1649.86 871.59 1648.12 866.58 1650 864 M 1650 864 C 1648.83 853.47 1649.36 846.26 1650 836 M 1650 864 C 1649.34 853.53 1650.61 842.48 1650 836 M 1650 836 C 1651.09 831.98 1650.58 828.13 1656 830 M 1650 836 C 1650.73 833.86 1650.48 828.66 1656 830" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1650" y="720" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1651.68 758.68 C 1651.68 758.68 1651.68 758.68 1651.68 758.68 M 1651.68 758.68 C 1651.68 758.68 1651.68 758.68 1651.68 758.68 M 1658.75 754.44 C 1657.55 752.63 1655.56 751.4 1654.51 750.2 M 1658.75 754.44 C 1657.46 753.35 1655.85 752.01 1654.51 750.2 M 1670.07 754.44 C 1667.31 753.06 1662.69 749.44 1654.51 738.88 M 1670.07 754.44 C 1667.56 751.48 1663.32 748.49 1654.51 738.88 M 1681.38 754.44 C 1673.21 745.43 1662.96 735.16 1651.68 724.74 M 1681.38 754.44 C 1675 748.61 1669.64 741.54 1651.68 724.74 M 1692.69 754.44 C 1682.64 744.27 1669.9 731.58 1657.34 719.08 M 1692.69 754.44 C 1681.67 742.94 1670.21 731.22 1657.34 719.08 M 1704.01 754.44 C 1693.24 744.39 1684.98 732.77 1668.65 719.08 M 1704.01 754.44 C 1690.82 740.57 1677.64 728.28 1668.65 719.08 M 1715.32 754.44 C 1703.2 742.8 1690.7 730.33 1679.96 719.08 M 1715.32 754.44 C 1700.58 739.86 1686.23 726.17 1679.96 719.08 M 1726.63 754.44 C 1713.95 743.13 1700.3 728.92 1691.28 719.08 M 1726.63 754.44 C 1718.3 745.73 1708.12 737 1691.28 719.08 M 1737.95 754.44 C 1729.36 744.24 1719.31 737.09 1702.59 719.08 M 1737.95 754.44 C 1727.77 743.75 1716.55 733.81 1702.59 719.08 M 1749.26 754.44 C 1741.32 744.55 1731.75 736.36 1713.91 719.08 M 1749.26 754.44 C 1737.21 742.8 1725.2 730.52 1713.91 719.08 M 1760.57 754.44 C 1750.7 745.32 1743.72 734.98 1725.22 719.08 M 1760.57 754.44 C 1748.91 742.17 1737.15 730.3 1725.22 719.08 M 1771.89 754.44 C 1760.46 744.6 1750.91 736.46 1736.53 719.08 M 1771.89 754.44 C 1761.23 743 1750.75 733.01 1736.53 719.08 M 1783.2 754.44 C 1772.28 742.59 1760.72 730.25 1747.85 719.08 M 1783.2 754.44 C 1771.76 742.96 1762.44 733.4 1747.85 719.08 M 1794.52 754.44 C 1780.21 740.82 1768.61 725.73 1759.16 719.08 M 1794.52 754.44 C 1782.75 743.68 1774.1 732.55 1759.16 719.08 M 1809.37 757.97 C 1794.09 743.47 1783.57 731.54 1770.47 719.08 M 1809.37 757.97 C 1799.21 746.79 1788.63 735.34 1770.47 719.08 M 1814.31 751.61 C 1803.97 739.69 1791.31 728.67 1781.79 719.08 M 1814.31 751.61 C 1805.66 743.44 1798.26 737.58 1781.79 719.08 M 1814.31 740.3 C 1809.68 735.15 1806.05 732.24 1793.1 719.08 M 1814.31 740.3 C 1809.29 735.89 1806.03 731.89 1793.1 719.08 M 1810.78 725.45 C 1807.92 724.28 1807.61 721.17 1804.42 719.08 M 1810.78 725.45 C 1809.21 723.88 1807.3 722.14 1804.42 719.08" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1656 720 M 1656 720 C 1686.97 718.84 1722.3 719.02 1804 720 M 1656 720 C 1696.66 720.88 1739 720.31 1804 720 M 1804 720 C 1809 719.01 1810.83 722.01 1810 726 M 1804 720 C 1809.53 720.94 1807.72 720.78 1810 726 M 1810 726 C 1811.53 733.97 1808.87 744.59 1810 754 M 1810 726 C 1809.48 732.95 1809.67 739.88 1810 754 M 1810 754 C 1811.32 757.42 1806.4 758.04 1804 760 M 1810 754 C 1808.73 756.18 1806.83 760.59 1804 760 M 1804 760 C 1757.94 759.98 1711.32 761.11 1656 760 M 1804 760 C 1768.92 760.39 1733.25 760.51 1656 760 M 1656 760 C 1650.74 761.99 1651.5 758.8 1650 754 M 1656 760 C 1654.01 761.23 1648.52 760.02 1650 754 M 1650 754 C 1649.89 746.01 1649.61 741.42 1650 726 M 1650 754 C 1649.89 745.4 1650.6 735.94 1650 726 M 1650 726 C 1651.79 721.21 1651.04 720.8 1656 720 M 1650 726 C 1649.93 723.66 1651.14 721.95 1656 720" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1520" y="680" width="200" height="280" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1522" y="682" width="196" height="276" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1520" y="650" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 660px; margin-left: 1580px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="1580" y="664" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="1540" y="880" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1541.43 918.43 C 1541.43 918.43 1541.43 918.43 1541.43 918.43 M 1541.43 918.43 C 1541.43 918.43 1541.43 918.43 1541.43 918.43 M 1548.5 914.19 C 1547.37 913.55 1547.16 912.72 1544.26 909.94 M 1548.5 914.19 C 1547.41 913.27 1546.32 912.05 1544.26 909.94 M 1559.81 914.19 C 1553.96 910.97 1549.96 906.53 1544.26 898.63 M 1559.81 914.19 C 1555.15 909.83 1550.06 903.6 1544.26 898.63 M 1571.13 914.19 C 1561.85 904.6 1548.54 895.1 1541.43 884.49 M 1571.13 914.19 C 1563.41 906.63 1556.92 899.46 1541.43 884.49 M 1582.44 914.19 C 1568.74 900.53 1557.42 888.12 1547.09 878.83 M 1582.44 914.19 C 1575.7 907.17 1566.07 897.81 1547.09 878.83 M 1593.75 914.19 C 1581.21 900.88 1570.11 891.06 1558.4 878.83 M 1593.75 914.19 C 1584.48 904.51 1576.15 895.1 1558.4 878.83 M 1605.07 914.19 C 1592.1 902.48 1579.26 889.28 1569.71 878.83 M 1605.07 914.19 C 1591.94 902.03 1578.94 889.4 1569.71 878.83 M 1616.38 914.19 C 1604.11 902.21 1588.8 889.8 1581.03 878.83 M 1616.38 914.19 C 1603.45 901.64 1590.71 888.46 1581.03 878.83 M 1628.4 914.89 C 1619.34 907.49 1613.43 901.89 1592.34 878.83 M 1628.4 914.89 C 1620.85 905.98 1613.15 897.63 1592.34 878.83 M 1639.72 914.89 C 1628.74 905.49 1619.76 897.76 1603.65 878.83 M 1639.72 914.89 C 1632.71 906.87 1624.47 899.09 1603.65 878.83 M 1651.03 914.89 C 1644.38 908.08 1632.39 895.55 1614.97 878.83 M 1651.03 914.89 C 1638.79 902.85 1626.31 889.84 1614.97 878.83 M 1662.34 914.89 C 1650.87 903.25 1639.47 888.73 1626.28 878.83 M 1662.34 914.89 C 1652.29 904 1642.3 894.86 1626.28 878.83 M 1673.66 914.89 C 1665.32 906.56 1652.6 897.53 1637.6 878.83 M 1673.66 914.89 C 1662.83 902.8 1650.17 891.04 1637.6 878.83 M 1684.97 914.89 C 1672.03 899.11 1654.48 887.9 1648.91 878.83 M 1684.97 914.89 C 1669.41 901.23 1656.86 886.58 1648.91 878.83 M 1699.11 917.72 C 1691.63 910.39 1681.39 899.69 1660.22 878.83 M 1699.11 917.72 C 1688.53 906.5 1678.17 898.05 1660.22 878.83 M 1704.77 912.07 C 1695.96 903.49 1685.93 895.69 1671.54 878.83 M 1704.77 912.07 C 1692.72 900.75 1681.27 888.19 1671.54 878.83 M 1704.77 900.75 C 1702.08 896.97 1696.57 893.04 1683.56 879.54 M 1704.77 900.75 C 1696.86 893.79 1691.34 886.95 1683.56 879.54 M 1700.53 885.2 C 1699.1 883.61 1697.94 881.28 1694.87 879.54 M 1700.53 885.2 C 1698.34 883.53 1696.26 881.04 1694.87 879.54" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1546 880 M 1546 880 C 1592.6 878.6 1640.08 878.57 1694 880 M 1546 880 C 1602.26 878.92 1659.33 878.44 1694 880 M 1694 880 C 1697.66 880.18 1701.62 880.33 1700 886 M 1694 880 C 1695.76 881.81 1700.85 882.9 1700 886 M 1700 886 C 1700.56 894.68 1699.96 904.17 1700 914 M 1700 886 C 1699.16 892.16 1699.87 899.09 1700 914 M 1700 914 C 1701.45 917.5 1699.96 921.17 1694 920 M 1700 914 C 1698.64 916.69 1697.77 922.02 1694 920 M 1694 920 C 1643.96 922.83 1596.66 919.79 1546 920 M 1694 920 C 1664.94 921.28 1635.09 920.87 1546 920 M 1546 920 C 1542.61 921.89 1541.6 917.16 1540 914 M 1546 920 C 1543.53 918.04 1539.62 918.81 1540 914 M 1540 914 C 1539.59 903.88 1539.75 895.36 1540 886 M 1540 914 C 1539.63 904.38 1540.36 894.86 1540 886 M 1540 886 C 1538.43 881.29 1540.19 879.7 1546 880 M 1540 886 C 1541.07 881.33 1540.6 882.19 1546 880" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1540" y="760" width="160" height="60" rx="9" ry="9" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1541.97 817.47 C 1541.97 817.47 1541.97 817.47 1541.97 817.47 M 1541.97 817.47 C 1541.97 817.47 1541.97 817.47 1541.97 817.47 M 1550.46 814.65 C 1548.2 812.38 1547.02 810.08 1543.39 807.57 M 1550.46 814.65 C 1549.41 813.08 1547.23 811.1 1543.39 807.57 M 1561.77 814.65 C 1558.89 808.15 1552.75 805.1 1543.39 796.26 M 1561.77 814.65 C 1554.8 808.78 1549.05 801.75 1543.39 796.26 M 1573.09 814.65 C 1564.29 806.84 1557.27 796.92 1543.39 784.95 M 1573.09 814.65 C 1567.17 808.5 1560.29 802.61 1543.39 784.95 M 1584.4 814.65 C 1575.91 805.94 1568.55 798.45 1543.39 773.63 M 1584.4 814.65 C 1571.26 802.45 1558.38 788.69 1543.39 773.63 M 1595.71 814.65 C 1584.8 803.7 1570.76 792.49 1542.68 761.61 M 1595.71 814.65 C 1584.22 802.42 1572.16 790.62 1542.68 761.61 M 1607.03 814.65 C 1593.43 799.31 1581.39 788.11 1550.46 758.08 M 1607.03 814.65 C 1586.54 795.18 1567.07 774.64 1550.46 758.08 M 1618.34 814.65 C 1598.71 792.24 1577.75 771.35 1561.77 758.08 M 1618.34 814.65 C 1599.1 796.78 1582.21 776.82 1561.77 758.08 M 1629.66 814.65 C 1616.18 801.35 1600.04 787.31 1573.09 758.08 M 1629.66 814.65 C 1609.05 795.47 1590.16 775.96 1573.09 758.08 M 1640.97 814.65 C 1619.26 794.07 1597.91 768.61 1585.11 758.78 M 1640.97 814.65 C 1628.3 800.87 1613.51 788.77 1585.11 758.78 M 1652.28 814.65 C 1638.52 800.91 1625.53 785.65 1596.42 758.78 M 1652.28 814.65 C 1631.79 794.64 1612.29 775.78 1596.42 758.78 M 1663.6 814.65 C 1646.92 797.91 1630.08 780.43 1607.74 758.78 M 1663.6 814.65 C 1647.58 798.91 1630.93 782.54 1607.74 758.78 M 1674.91 814.65 C 1656.95 796.8 1640.74 780.43 1619.05 758.78 M 1674.91 814.65 C 1651.79 792.93 1629.86 770.96 1619.05 758.78 M 1691.17 819.6 C 1675.87 802.19 1657.24 785.18 1630.36 758.78 M 1691.17 819.6 C 1675.69 804.25 1663.36 791.28 1630.36 758.78 M 1698.95 816.06 C 1685.36 801.31 1670.95 789.42 1641.68 758.78 M 1698.95 816.06 C 1681.23 796.88 1661.7 778.86 1641.68 758.78 M 1704.61 810.4 C 1685.76 792.26 1665.36 771.6 1652.99 758.78 M 1704.61 810.4 C 1690.58 797.39 1676.66 782.14 1652.99 758.78 M 1704.61 799.09 C 1690.67 783.53 1679.35 770.08 1664.3 758.78 M 1704.61 799.09 C 1691.05 787.67 1678.94 774.04 1664.3 758.78 M 1704.61 787.78 C 1696.35 779.02 1689.67 769.17 1675.62 758.78 M 1704.61 787.78 C 1697.2 781.65 1690.03 774.36 1675.62 758.78 M 1704.61 776.46 C 1699.78 769.28 1692.05 765.51 1686.93 758.78 M 1704.61 776.46 C 1698.36 771.09 1691.22 763.06 1686.93 758.78" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1549 760 M 1549 760 C 1604 758.85 1661.3 762.2 1691 760 M 1549 760 C 1600.7 760.4 1654.21 759.11 1691 760 M 1691 760 C 1695.28 759.61 1701.33 763.32 1700 769 M 1691 760 C 1697.23 758.26 1699.18 764.97 1700 769 M 1700 769 C 1701.06 777.93 1701.85 788.02 1700 811 M 1700 769 C 1699.52 783.43 1699.48 798.44 1700 811 M 1700 811 C 1700.93 816.1 1696.43 819.41 1691 820 M 1700 811 C 1701.97 818.64 1695.88 821.81 1691 820 M 1691 820 C 1658.52 821.02 1627.54 822.49 1549 820 M 1691 820 C 1655.34 819.96 1619.48 818.11 1549 820 M 1549 820 C 1544.67 820.46 1539.44 817.23 1540 811 M 1549 820 C 1545.28 820.95 1537.83 816.8 1540 811 M 1540 811 C 1537.59 802.5 1541 790.11 1540 769 M 1540 811 C 1540.2 800.79 1538.83 787.74 1540 769 M 1540 769 C 1539.16 762.44 1544.27 761.27 1549 760 M 1540 769 C 1542.02 762.23 1542.63 758.48 1549 760" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1540" cy="780" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1520" y="760" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1537.15 784.12 C 1537.15 784.12 1537.15 784.12 1537.15 784.12 M 1537.15 784.12 C 1537.15 784.12 1537.15 784.12 1537.15 784.12 M 1544.92 780.58 C 1543.61 777.87 1541.46 776.58 1539.27 774.93 M 1544.92 780.58 C 1542.44 778.5 1540.69 776.18 1539.27 774.93" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1530" cy="780" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1510" y="760" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1528.02 783.35 C 1528.02 783.35 1528.02 783.35 1528.02 783.35 M 1528.02 783.35 C 1528.02 783.35 1528.02 783.35 1528.02 783.35" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1430" y="680" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 690px; margin-left: 1475px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1050
</div>
</div>
</div>
</foreignObject>
<text x="1475" y="694" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1050
</text>
</switch>
</g>
<rect x="1645" y="580" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 590px; margin-left: 1700px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -950
</div>
</div>
</div>
</foreignObject>
<text x="1700" y="594" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -950
</text>
</switch>
</g>
<rect x="2080" y="620" width="180" height="400" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="2082" y="622" width="176" height="396" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<rect x="2090" y="830" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 2091.74 868.74 C 2091.74 868.74 2091.74 868.74 2091.74 868.74 M 2091.74 868.74 C 2091.74 868.74 2091.74 868.74 2091.74 868.74 M 2098.82 864.5 C 2097.08 863.65 2096.72 861.59 2093.87 859.55 M 2098.82 864.5 C 2097.21 862.67 2095.07 860.69 2093.87 859.55 M 2110.13 864.5 C 2105.84 859.52 2097.97 854.48 2093.87 848.24 M 2110.13 864.5 C 2104.28 858.46 2098.27 852.53 2093.87 848.24 M 2121.44 864.5 C 2114.9 856.26 2106.41 848.31 2091.74 834.8 M 2121.44 864.5 C 2110.88 852.88 2101.16 843.08 2091.74 834.8 M 2132.76 864.5 C 2123.93 855.27 2117.73 849.32 2097.4 829.15 M 2132.76 864.5 C 2121.86 853.47 2112.06 843.5 2097.4 829.15 M 2144.07 864.5 C 2133.09 851.32 2118.94 840.73 2108.72 829.15 M 2144.07 864.5 C 2130.57 849.91 2116.81 836.02 2108.72 829.15 M 2155.38 864.5 C 2143.31 852.49 2134.63 841.45 2120.03 829.15 M 2155.38 864.5 C 2146.27 856.82 2139.3 848.15 2120.03 829.15 M 2166.7 864.5 C 2154.25 853.29 2144.89 843.29 2131.34 829.15 M 2166.7 864.5 C 2157.19 854.09 2148.4 844.81 2131.34 829.15 M 2178.01 864.5 C 2167.94 852.74 2157.42 845.39 2142.66 829.15 M 2178.01 864.5 C 2167.47 854.42 2158.91 843.98 2142.66 829.15 M 2189.33 864.5 C 2182.86 856.43 2172.64 847.35 2153.97 829.15 M 2189.33 864.5 C 2178.21 854.05 2168.39 843.21 2153.97 829.15 M 2200.64 864.5 C 2190.89 854.63 2182.31 849.03 2165.28 829.15 M 2200.64 864.5 C 2191.32 854.54 2180.73 844.99 2165.28 829.15 M 2211.95 864.5 C 2206.23 855.55 2198.74 848.06 2176.6 829.15 M 2211.95 864.5 C 2203.56 856.48 2194.23 846.64 2176.6 829.15 M 2223.27 864.5 C 2208.68 853 2194.48 835.99 2187.91 829.15 M 2223.27 864.5 C 2216.18 857.08 2206.76 847.34 2187.91 829.15 M 2234.58 864.5 C 2221.77 852.42 2209.06 836.85 2199.23 829.15 M 2234.58 864.5 C 2221.44 851.15 2209.38 838.26 2199.23 829.15 M 2249.43 868.04 C 2238.88 858.15 2229.51 848.81 2210.54 829.15 M 2249.43 868.04 C 2240.15 858.89 2231.88 850.33 2210.54 829.15 M 2254.38 861.67 C 2245.62 852.51 2234.11 840.7 2221.85 829.15 M 2254.38 861.67 C 2248.06 855.3 2241.43 847.9 2221.85 829.15 M 2254.38 850.36 C 2248.32 843.78 2239.17 834.24 2233.17 829.15 M 2254.38 850.36 C 2247.7 842.91 2241.78 836.82 2233.17 829.15 M 2250.84 835.51 C 2248.97 833.34 2246.75 831.49 2244.48 829.15 M 2250.84 835.51 C 2248.2 832.68 2245.88 830.28 2244.48 829.15" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 2096 830 M 2096 830 C 2144.7 830.71 2188.41 829.41 2244 830 M 2096 830 C 2138.23 829.59 2180.52 829.54 2244 830 M 2244 830 C 2249.31 830.47 2251.48 833.37 2250 836 M 2244 830 C 2246.2 829.71 2250.58 830.06 2250 836 M 2250 836 C 2251.19 844.05 2249.31 850.39 2250 864 M 2250 836 C 2249.32 844.54 2249.35 853.71 2250 864 M 2250 864 C 2251.62 867.02 2247.52 869.04 2244 870 M 2250 864 C 2252.16 869.54 2246.5 871.74 2244 870 M 2244 870 C 2206.52 868.06 2168.72 869.62 2096 870 M 2244 870 C 2202.29 870.11 2162.7 868.81 2096 870 M 2096 870 C 2093.09 868 2088.8 866.6 2090 864 M 2096 870 C 2094.06 872.28 2091.73 870.1 2090 864 M 2090 864 C 2091.47 852.53 2088.72 840.25 2090 836 M 2090 864 C 2090.6 857.17 2090.18 851 2090 836 M 2090 836 C 2091.92 833.52 2093.65 830.3 2096 830 M 2090 836 C 2090.63 833.32 2093.53 828.86 2096 830" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="2090" y="700" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 2091.69 738.69 C 2091.69 738.69 2091.69 738.69 2091.69 738.69 M 2091.69 738.69 C 2091.69 738.69 2091.69 738.69 2091.69 738.69 M 2098.76 734.45 C 2096.66 732.75 2095.73 731.46 2093.81 729.5 M 2098.76 734.45 C 2097 732.69 2095.29 730.75 2093.81 729.5 M 2110.08 734.45 C 2105.82 731.26 2100.56 724.34 2093.81 718.18 M 2110.08 734.45 C 2105.84 730.84 2103.44 728.39 2093.81 718.18 M 2121.39 734.45 C 2115.33 728 2109.13 723.61 2091.69 704.75 M 2121.39 734.45 C 2112.63 724.23 2102.51 715.71 2091.69 704.75 M 2132.7 734.45 C 2122.5 724.37 2110.42 713.49 2097.35 699.09 M 2132.7 734.45 C 2119.19 719.29 2105.95 706.73 2097.35 699.09 M 2144.02 734.45 C 2134.73 727.57 2125.68 719.62 2108.66 699.09 M 2144.02 734.45 C 2131.15 721.25 2119.68 708.99 2108.66 699.09 M 2155.33 734.45 C 2140.62 720.76 2126.8 705.78 2119.98 699.09 M 2155.33 734.45 C 2147.61 726.91 2139.76 717.92 2119.98 699.09 M 2166.64 734.45 C 2154.57 724.58 2143.32 709.85 2131.29 699.09 M 2166.64 734.45 C 2157.72 725.55 2149.77 716.47 2131.29 699.09 M 2177.96 734.45 C 2164.95 722.88 2153.5 712.4 2142.6 699.09 M 2177.96 734.45 C 2164.3 721.2 2151.58 706.63 2142.6 699.09 M 2189.27 734.45 C 2175.81 723.22 2165.13 708.3 2153.92 699.09 M 2189.27 734.45 C 2177.3 722.89 2165.75 710.58 2153.92 699.09 M 2200.59 734.45 C 2193.29 726.5 2184.44 718.89 2165.23 699.09 M 2200.59 734.45 C 2190.01 723.31 2179.27 712.79 2165.23 699.09 M 2211.9 734.45 C 2199.96 723.16 2185.89 707.58 2176.54 699.09 M 2211.9 734.45 C 2203.3 726.01 2194.88 718.51 2176.54 699.09 M 2223.21 734.45 C 2215.37 727.56 2206.88 720.43 2187.86 699.09 M 2223.21 734.45 C 2211.82 724.11 2201 714.02 2187.86 699.09 M 2234.53 734.45 C 2225.88 727.31 2218.66 716.51 2199.17 699.09 M 2234.53 734.45 C 2227.29 727.29 2221.09 719.73 2199.17 699.09 M 2249.38 737.98 C 2237.24 728.97 2228.04 718.78 2210.48 699.09 M 2249.38 737.98 C 2238.03 726.89 2226.58 714.75 2210.48 699.09 M 2254.33 731.62 C 2245.86 723.13 2241.46 715.96 2221.8 699.09 M 2254.33 731.62 C 2244.34 721.88 2233.62 712.16 2221.8 699.09 M 2254.33 720.31 C 2247.66 712.65 2239.3 708.18 2233.11 699.09 M 2254.33 720.31 C 2248.09 713.8 2241.51 706.85 2233.11 699.09 M 2250.79 705.46 C 2248.74 703.12 2246.78 701.44 2244.43 699.09 M 2250.79 705.46 C 2248.91 703.37 2247.3 702.07 2244.43 699.09" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 2096 700 M 2096 700 C 2148.58 698.6 2200.34 699.9 2244 700 M 2096 700 C 2134.23 700.24 2170.9 700.89 2244 700 M 2244 700 C 2247.53 698.2 2249.08 700.14 2250 706 M 2244 700 C 2246.47 698.46 2251.63 700.77 2250 706 M 2250 706 C 2248.01 717.48 2248.15 727.98 2250 734 M 2250 706 C 2249.89 717.48 2248.75 727.18 2250 734 M 2250 734 C 2249 738.38 2248.71 738.75 2244 740 M 2250 734 C 2252.13 738.17 2249.88 740.68 2244 740 M 2244 740 C 2207.86 740 2169.83 738.83 2096 740 M 2244 740 C 2194.43 740.07 2145.58 741.25 2096 740 M 2096 740 C 2091.05 740.64 2088.83 737.39 2090 734 M 2096 740 C 2092.36 741.22 2089.03 738.17 2090 734 M 2090 734 C 2090.04 725.56 2091.43 717.03 2090 706 M 2090 734 C 2090.04 728.17 2090.95 721.97 2090 706 M 2090 706 C 2088.13 702.22 2092.04 698.61 2096 700 M 2090 706 C 2091.01 701.01 2093.35 700.47 2096 700" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1960" y="680" width="200" height="280" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1962" y="682" width="196" height="276" fill="#ffffff" stroke="#000000" pointer-events="all"/>
<rect x="1960" y="650" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 660px; margin-left: 2020px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Notebook List View
</div>
</div>
</div>
</foreignObject>
<text x="2020" y="664" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Notebook List View
</text>
</switch>
</g>
<rect x="1980" y="880" width="160" height="40" rx="6" ry="6" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1981.34 918.34 C 1981.34 918.34 1981.34 918.34 1981.34 918.34 M 1981.34 918.34 C 1981.34 918.34 1981.34 918.34 1981.34 918.34 M 1988.41 914.1 C 1987.32 912.53 1985.34 911.23 1984.17 909.85 M 1988.41 914.1 C 1986.71 912.64 1985.67 911.18 1984.17 909.85 M 1999.72 914.1 C 1995.63 909.12 1988.85 901.2 1984.17 898.54 M 1999.72 914.1 C 1994.75 907.29 1988.23 901.46 1984.17 898.54 M 2011.04 914.1 C 2000.13 901.82 1989.42 891.58 1981.34 884.4 M 2011.04 914.1 C 2000.45 902.77 1991.24 893.35 1981.34 884.4 M 2022.35 914.1 C 2012.6 903.18 1998.98 893.63 1987 878.74 M 2022.35 914.1 C 2010.13 901.36 1995.21 887.38 1987 878.74 M 2034.37 914.8 C 2022.95 905.71 2013.01 894.09 1998.31 878.74 M 2034.37 914.8 C 2024.73 903.77 2013.66 894.11 1998.31 878.74 M 2045.69 914.8 C 2031.69 903.62 2021.98 889.57 2009.62 878.74 M 2045.69 914.8 C 2038.22 908.03 2031.97 900.31 2009.62 878.74 M 2057 914.8 C 2047.29 904.81 2034.53 892.33 2020.94 878.74 M 2057 914.8 C 2047.21 904.32 2036.85 893.71 2020.94 878.74 M 2068.31 914.8 C 2059.95 907.28 2051.62 899.02 2032.25 878.74 M 2068.31 914.8 C 2059.75 906.2 2052.18 897.32 2032.25 878.74 M 2079.63 914.8 C 2069.74 904.31 2056.99 894.32 2043.56 878.74 M 2079.63 914.8 C 2068.18 902.92 2056.44 890.26 2043.56 878.74 M 2090.94 914.8 C 2079.92 903.42 2069.14 892.4 2054.88 878.74 M 2090.94 914.8 C 2077.22 900.4 2062.48 886.39 2054.88 878.74 M 2102.25 914.8 C 2089.56 902.6 2079.68 890.95 2066.19 878.74 M 2102.25 914.8 C 2091.51 904.84 2083.45 896.44 2066.19 878.74 M 2113.57 914.8 C 2102 906.16 2092.52 893.83 2078.21 879.45 M 2113.57 914.8 C 2106 906.28 2097.28 899.49 2078.21 879.45 M 2124.88 914.8 C 2110.11 900.29 2097.49 886.81 2089.53 879.45 M 2124.88 914.8 C 2117.82 907.04 2110.96 899.97 2089.53 879.45 M 2139.02 917.63 C 2131.32 907.28 2121.55 900.19 2100.84 879.45 M 2139.02 917.63 C 2124.58 903.9 2109.41 888.3 2100.84 879.45 M 2144.68 911.98 C 2131.98 901.75 2124.19 891.87 2112.15 879.45 M 2144.68 911.98 C 2132.87 900.27 2122.29 889.45 2112.15 879.45 M 2144.68 900.66 C 2138.48 896.33 2135.05 891.67 2123.47 879.45 M 2144.68 900.66 C 2136.96 894.52 2129.59 886.07 2123.47 879.45 M 2140.44 885.11 C 2138.43 882.9 2136.46 880.51 2134.78 879.45 M 2140.44 885.11 C 2138.7 882.71 2136.41 881.15 2134.78 879.45" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1986 880 M 1986 880 C 2041.23 881.62 2095.85 881.13 2134 880 M 1986 880 C 2030.61 879.47 2074.74 880.87 2134 880 M 2134 880 C 2138.78 879.54 2141.39 882.69 2140 886 M 2134 880 C 2138.49 880.83 2139.08 883.95 2140 886 M 2140 886 C 2139.36 893.48 2139.99 901.46 2140 914 M 2140 886 C 2140.74 894.76 2139.71 902.04 2140 914 M 2140 914 C 2140.03 918.96 2139.21 919.81 2134 920 M 2140 914 C 2141.39 917.63 2138.22 918.26 2134 920 M 2134 920 C 2082.06 921.77 2030.48 919.17 1986 920 M 2134 920 C 2101.03 920.24 2069.11 921.15 1986 920 M 1986 920 C 1980 919.8 1979.65 916.21 1980 914 M 1986 920 C 1983.12 918.73 1978.64 917.74 1980 914 M 1980 914 C 1978.23 908.54 1979.11 900.55 1980 886 M 1980 914 C 1978.9 904.43 1979.93 894.18 1980 886 M 1980 886 C 1979.26 882.84 1983.26 881.87 1986 880 M 1980 886 C 1980.97 880.79 1983.65 877.8 1986 880" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1980" y="760" width="160" height="60" rx="9" ry="9" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1982.59 818.09 C 1982.59 818.09 1982.59 818.09 1982.59 818.09 M 1982.59 818.09 C 1982.59 818.09 1982.59 818.09 1982.59 818.09 M 1990.37 814.56 C 1988.18 812.74 1986.05 809.66 1983.3 807.49 M 1990.37 814.56 C 1988.3 812.23 1985.21 809.86 1983.3 807.49 M 2001.68 814.56 C 1996.61 806.37 1987.45 803.59 1983.3 796.17 M 2001.68 814.56 C 1997.56 809.76 1993.9 806.66 1983.3 796.17 M 2013 814.56 C 2002.57 804.06 1994.15 793.39 1983.3 784.86 M 2013 814.56 C 2004.21 804.64 1994.61 796.49 1983.3 784.86 M 2024.31 814.56 C 2006.93 800.59 1993.2 783.88 1983.3 773.54 M 2024.31 814.56 C 2013 803.18 2002.16 792.13 1983.3 773.54 M 2035.62 814.56 C 2016.25 794.23 1993.77 775.61 1982.59 761.52 M 2035.62 814.56 C 2022.41 800.66 2009.35 788.36 1982.59 761.52 M 2046.94 814.56 C 2032.95 800.49 2020.68 789.07 1990.37 757.99 M 2046.94 814.56 C 2024.56 792.64 2004.21 769.38 1990.37 757.99 M 2058.25 814.56 C 2043.33 799.33 2026.93 780.36 2002.39 758.69 M 2058.25 814.56 C 2043.92 800.4 2029.24 784.83 2002.39 758.69 M 2069.57 814.56 C 2053.43 796.8 2038.44 783.67 2013.7 758.69 M 2069.57 814.56 C 2050.23 795.92 2031.71 776.12 2013.7 758.69 M 2080.88 814.56 C 2066.51 803.58 2055.96 790.42 2025.02 758.69 M 2080.88 814.56 C 2061.5 794.49 2040.89 775.2 2025.02 758.69 M 2092.19 814.56 C 2076.92 799.06 2059.98 780.15 2036.33 758.69 M 2092.19 814.56 C 2081.15 801.95 2069.42 792.14 2036.33 758.69 M 2103.51 814.56 C 2090.44 801.05 2075.91 783.26 2047.65 758.69 M 2103.51 814.56 C 2088.09 799.04 2073.81 785.87 2047.65 758.69 M 2114.82 814.56 C 2097.33 797.11 2080.06 781.15 2058.96 758.69 M 2114.82 814.56 C 2098.78 799.18 2080.62 782.01 2058.96 758.69 M 2131.08 819.51 C 2113.48 803.81 2099.39 788.15 2070.27 758.69 M 2131.08 819.51 C 2116.84 804.52 2102.67 789.61 2070.27 758.69 M 2138.86 815.97 C 2124.83 801.71 2110.44 788.97 2081.59 758.69 M 2138.86 815.97 C 2125.39 801.44 2110.05 789.27 2081.59 758.69 M 2144.52 810.31 C 2131.73 800.36 2118.49 786.55 2092.9 758.69 M 2144.52 810.31 C 2130.58 796.08 2117.43 782.48 2092.9 758.69 M 2144.52 799 C 2130.42 781.98 2116.34 766.96 2104.21 758.69 M 2144.52 799 C 2131.33 786.43 2119.4 775.24 2104.21 758.69 M 2144.52 787.69 C 2134.03 776.84 2124.68 766.21 2115.53 758.69 M 2144.52 787.69 C 2136.45 779.64 2130.57 772.47 2115.53 758.69 M 2144.52 776.37 C 2139.79 770.92 2138.78 769.39 2126.84 758.69 M 2144.52 776.37 C 2139 772.06 2135.43 767.45 2126.84 758.69" fill="none" stroke="#1ba1e2" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 1989 760 M 1989 760 C 2025.96 761.38 2059.64 760.83 2131 760 M 1989 760 C 2019.08 760.72 2050.5 760.04 2131 760 M 2131 760 C 2135.14 760.89 2139.71 762.36 2140 769 M 2131 760 C 2135.49 760.11 2138.05 763.48 2140 769 M 2140 769 C 2139.17 785.74 2138.14 799.23 2140 811 M 2140 769 C 2139.56 785.36 2141.05 801.1 2140 811 M 2140 811 C 2140.37 816.41 2137.37 818.74 2131 820 M 2140 811 C 2138.11 817.37 2137.02 818.98 2131 820 M 2131 820 C 2087.67 819.28 2048.33 820.24 1989 820 M 2131 820 C 2101.68 819.34 2073.3 819.86 1989 820 M 1989 820 C 1982.85 821.19 1980.41 816.56 1980 811 M 1989 820 C 1983.9 818.81 1981.76 815.34 1980 811 M 1980 811 C 1980.28 800.67 1981.04 789.27 1980 769 M 1980 811 C 1980.74 798.98 1979.12 788.42 1980 769 M 1980 769 C 1980.27 761.69 1982.2 759.96 1989 760 M 1980 769 C 1979.76 760.72 1982.95 760.91 1989 760" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1980" cy="780" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1960" y="760" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1977.46 783.63 C 1977.46 783.63 1977.46 783.63 1977.46 783.63 M 1977.46 783.63 C 1977.46 783.63 1977.46 783.63 1977.46 783.63 M 1985.23 780.09 C 1984.25 778.3 1982.1 776.99 1981.7 776.56 M 1985.23 780.09 C 1984.2 779.1 1982.82 777.58 1981.7 776.56" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="1970" cy="780" rx="4" ry="4" fill="none" stroke="none" pointer-events="all"/>
<rect x="1950" y="760" width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
<path d="M 1967.32 783.87 C 1967.32 783.87 1967.32 783.87 1967.32 783.87 M 1967.32 783.87 C 1967.32 783.87 1967.32 783.87 1967.32 783.87 M 1974.39 779.62 C 1973.5 778.42 1973.08 778.33 1970.15 775.38 M 1974.39 779.62 C 1973.03 777.8 1971.39 776.35 1970.15 775.38" fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1870" y="680" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 690px; margin-left: 1915px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
scrollTop 1050
</div>
</div>
</div>
</foreignObject>
<text x="1915" y="694" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
scrollTop 1050
</text>
</switch>
</g>
<rect x="2085" y="580" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 590px; margin-left: 2140px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Webview  top -950
</div>
</div>
</div>
</foreignObject>
<text x="2140" y="594" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Webview  top -950
</text>
</switch>
</g>
<path d="M 1810 740 L 2233.64 720.3" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 2238.88 720.05 L 2232.05 723.87 L 2233.64 720.3 L 2231.73 716.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1850" y="710" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 720px; margin-left: 1885px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Adjust top
</div>
</div>
</div>
</foreignObject>
<text x="1885" y="724" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Adjust top
</text>
</switch>
</g>
<path d="M 1236.72 20 L 1636.45 614.71" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 1639.38 619.07 L 1632.57 615.21 L 1636.45 614.71 L 1638.38 611.31 Z" fill="#b85450" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1400" y="850" width="960" height="80" fill="none" stroke="#006666" stroke-dasharray="1 1" pointer-events="all"/>
<rect x="1402" y="852" width="956" height="76" fill="none" stroke="#006666" stroke-dasharray="1 1" pointer-events="all"/>
<ellipse cx="50" cy="40" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 40px; margin-left: 41px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
1
</div>
</div>
</div>
</foreignObject>
<text x="50" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
1
</text>
</switch>
</g>
<ellipse cx="530" cy="40" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 40px; margin-left: 521px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
2
</div>
</div>
</div>
</foreignObject>
<text x="530" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
2
</text>
</switch>
</g>
<ellipse cx="1060" cy="40" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 40px; margin-left: 1051px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
3
</div>
</div>
</div>
</foreignObject>
<text x="1060" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
3
</text>
</switch>
</g>
<ellipse cx="1490" cy="40" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 40px; margin-left: 1481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
4
</div>
</div>
</div>
</foreignObject>
<text x="1490" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
4
</text>
</switch>
</g>
<ellipse cx="1500" cy="630" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 630px; margin-left: 1491px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
4'
</div>
</div>
</div>
</foreignObject>
<text x="1500" y="634" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
4'
</text>
</switch>
</g>
<ellipse cx="1940" cy="630" rx="10" ry="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 630px; margin-left: 1931px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
5
</div>
</div>
</div>
</foreignObject>
<text x="1940" y="634" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
5
</text>
</switch>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Viewer does not support full SVG 1.1
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 131 KiB

@@ -9,6 +9,7 @@ The notebook editor is a virtualized list view rendered in two contexts (mainfra
* [Executing code cell followed by markdown cells](#executing-code-cell-followed-by-markdown-cells)
* [Re-executing code cell followed by markdown cells](#re-executing-code-cell-followed-by-markdown-cells)
* [Scrolling](#scrolling)
* [Avoid flickering on resize of cells above current viewport](#avoid-flickering-on-resize-of-cells-above-current-viewport)
# Architecture
@@ -131,6 +132,21 @@ Since most elements' positions are absoulte and there is latency between the two
While we continue optimizing the layout code, we need to make sure that the new optimization won't lead to regression in above three aspects. Here is a list of existing optimziations we already have and we want to make sure they still perform well when updating layout code.
## Avoid flickering on resize of cells above current viewport
We always ensure that elements in current viewport are stable (their visual positions don't change) when cells above current viewport resize. Resizing a cell above viewport will then include following steps as shown in below diagram
![cell resize above viewport](./cell-resize-above-viewport.drawio.svg)
1. Users scroll to the middle of the document, with one markdown cell partially visible (blue box in the green container) and one code cell full visible (blue box in the white container)
2. The code cell above current viewport grows by 50px. The list view will then push down every cell below it. Thus the code cell in the viewport will move down by 50px. In current tick/frame, the markdown preview elemnets in the webview are not updated yet thus it's still partially visible.
3. To ensure the code cell's position is stable, we would move the whole list view upwards by 50px. The code cell's position is now fixed but at the same time, the webview also moves up by 50px (as it's a child of the list view scrollable element).
4. Lastly we sent requests to the webview to fix the visual positions of markdown previews
After the last step, both the code and markdown cells in the viewport stays where they were. However due to the fact that code cells and markdown cells are rendered in two different contexts (UI and iframe), there is always latency between step 3 and 4 so users will notice annoying flickering of markdown cells easily.
The fix is kidn of "tricky". Instead of adjusting the position of the partially markdown cells, we can actually make it visually stable by adjusting the position of the webview element (step 4'). That would mess up the positions of markdown cells above current viewport, but we can fix them in next frame/tick (step 5) and since they are never in the viewport, users won't notice their position flicker/shift.
## Executing code cell followed by markdown cells
Code cell outputs and markdown cells are both rendered in the underling webview. When executing a code cell, the list view will