feat(observe): new OpenTelemetry observe backend implementation #118

GALLLASMILAN · 2024-12-10T11:14:34Z

Changes

I updated the tracing part, where I loaded the traces from the new OTLP observe backend.

The traces are uploaded to the Observe asynchronously via the OpenTelemetry framework so that we will wait longer for the trace. This is why I added the Spinner components to the plan for tracing data.

Some changes are only because of the prettier (pnpm format) command.

Deploy

This PR must be merged and deployed with these corresponding parts:

PetrBulanek · 2024-12-10T12:37:21Z

src/modules/auth/ToUAnimation.json

@@ -1 +1,1479 @@
-{"v":"4.8.0","meta":{"g":"LottieFiles AE 3.6.0","a":"","k":"","d":"","tc":""},"fr":25,"ip":0,"op":250,"w":1380,"h":1000,"nm":"IBM_Bee 2_SingleLoop_wingspan15_regularspeed_lottie_v5","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Vinge R 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":168,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":170,"s":[-15]},{"t":172,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":167,"op":326,"st":23,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Vinge L 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":168,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":170,"s":[15]},{"t":172,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":167,"op":326,"st":23,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Vinge R 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":144,"s":[-15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":145,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":146,"s":[-15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":148,"s":[-15]},{"t":149,"s":[0]}],"ix":10},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":108,"op":167,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Vinge L 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":144,"s":[15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":145,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":146,"s":[15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":148,"s":[15]},{"t":149,"s":[0]}],"ix":10},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":108,"op":167,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Vinge R","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[-15]},{"t":14,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":108,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Vinge L","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[15]},{"t":14,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":108,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Bee Eye Right","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[56.406,32.064,0],"ix":2},"a":{"a":0,"k":[702.468,463.878,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":114,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":117,"s":[50,10,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":120,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":123,"s":[50,10,100]},{"t":126,"s":[50,50,100]}],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.235,-0.024],[0,4.245],[-4.245,0],[0,-4.245]],"o":[[-4.245,0],[0,-4.245],[4.245,0],[-0.024,4.235]],"v":[[0,7.687],[-7.687,0],[0,-7.687],[7.687,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[702.468,463.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":326,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Bee Eyes Left","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[43.594,32.064,0],"ix":2},"a":{"a":0,"k":[676.845,463.878,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":114,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":117,"s":[50,10,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":120,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":123,"s":[50,10,100]},{"t":126,"s":[50,50,100]}],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.024,4.235],[-4.245,0],[0,-4.245],[4.245,0]],"o":[[0,-4.245],[4.245,0],[0,4.245],[-4.235,-0.024]],"v":[[-7.687,0],[0,-7.687],[7.687,0],[0,7.687]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[676.845,463.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":326,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":2,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.557,"y":0},"o":{"x":0.333,"y":0},"t":163,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":166,"op":250,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":226,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.479,"y":0},"o":{"x":0.333,"y":0},"t":166,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":107,"op":166,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.885},"o":{"x":0.167,"y":0.119},"t":0,"s":[-58,813,0],"to":[101.021,6.254,0],"ti":[-107.65,44.052,0]},{"i":{"x":0.294,"y":0.538},"o":{"x":0.167,"y":0.22},"t":12.427,"s":[328.23,776.977,0],"to":[99.431,-46.406,0],"ti":[123.994,1.845,0]},{"i":{"x":0.833,"y":0.862},"o":{"x":0.522,"y":0.322},"t":31,"s":[260,562,0],"to":[-90,1,0],"ti":[-214.465,-66.519,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":52.105,"s":[330,814,0],"to":[187,58,0],"ti":[-14.997,79.112,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":64.351,"s":[661.173,637.258,0],"to":[25.756,-135.867,0],"ti":[40.568,20.284,0]},{"i":{"x":0.223,"y":1},"o":{"x":0.167,"y":0.754},"t":79.038,"s":[590.207,413.821,0],"to":[-40.568,-20.284,0],"ti":[15.243,-14.718,0]},{"i":{"x":0.833,"y":1},"o":{"x":0.886,"y":0},"t":109.137,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[15.243,-14.718,0]},{"i":{"x":0.505,"y":0},"o":{"x":0.333,"y":0},"t":165.132,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":0,"op":107,"st":0,"bm":0}],"markers":[]}


We don't want this formatted. If the linter did it automatically, then I guess let's make an exception for json files in general to not format.

PetrBulanek · 2024-12-10T12:39:24Z

src/layout/shell/SidebarButton.tsx

@@ -39,7 +39,7 @@ export function SidebarButton({
  return (
    <Button
      {...props}
-      onMouseEnter={(event) => {
+      onMouseEnter={(event: React.MouseEvent<HTMLButtonElement>) => {


This is not needed, I guess, Typescript should it inherit the types automatically here. If you specifically need it, we are used to importing MouseEvent directly and not the whole React namespace.

I need it, otherwise, I get this error:

./src/layout/shell/SidebarButton.tsx:42:22 Type error: Parameter 'event' implicitly has an 'any' type. 40 | <Button 41 | {...props} > 42 | onMouseEnter={(event) => { | ^ 43 | prefetchThreads(); 44 | onMouseEnter?.(event); 45 | }}

I will import MouseEvent directly.

PetrBulanek · 2024-12-10T12:47:20Z

src/modules/chat/assistant-plan/PlanStep.tsx

+                    {debugMode &&
+                      !traceError &&
+                      !stepTrace &&
+                      expanded &&
+                      allStepsDone && (
+                        <motion.section {...fadeProps()} key={`${id}:trace`}>
+                          <Spinner />
+                        </motion.section>
+                      )}


For AnimatePresence to work properly, it should only have one direct descendant, so I think you need to split it into two separate occurrences of AnimatePresence here.

I am also not sure about the condition, when to render the loader. You do it only on debugMode on, if step expanded and allStepsDone, but the data itself that are above are shown only if stepTrace present? Is that correct behavior?

I am also not sure about the condition, when to render the loader. You do it only on debugMode on, if step expanded and allStepsDone, but the data itself that are above are shown only if stepTrace present? Is that correct behavior?

Yes, this condition is right. The stepTrace data are loaded only in the debugMode, So I don't need to test the debug mode again. allStepsDone is only to prevent premature loading.

AnimatePresence per child => done

PetrBulanek · 2024-12-10T12:48:13Z

src/modules/chat/assistant-plan/PlanView.tsx

-              {trace && (
+              {traceData && (
                <motion.li
                  {...fadeProps()}
                  key={`${id}:trace`}
                  className={classes.trace}
                >
-                  <TraceInfoView data={trace.overall} />
+                  <TraceInfoView data={traceData.overall} />
+                </motion.li>
+              )}
+              {debugMode && !traceError && !traceData && allStepsDone && (
+                <motion.li
+                  {...fadeProps()}
+                  key={`${id}:trace`}
+                  className={classes.trace}
+                >
+                  <Spinner />


Same as my previous comment.

PetrBulanek · 2024-12-10T12:50:47Z

src/modules/chat/assistant-plan/PlanWithSources.tsx

@@ -91,7 +101,7 @@ function PlanWithSourcesComponent({ message, inView }: Props) {
  const plan = message.plan ?? planFromSteps;
  const sources = getSourcesWithSteps(plan.steps ?? []);

-  const traceData = useBuildTraceData({
+  const { data: traceData, error: traceError } = useBuildTraceData({


You use data and error here, but traceData and traceError in TraceDataProvider. I think we should name it the same way. My personal choice would be just data and error everywhere, but it's your call. :-)

I will rewrite the useBuildTraceData to return traceData and traceError. It's cleaner, then just the error and data properties.

PetrBulanek · 2024-12-10T12:52:31Z

src/modules/chat/assistant-plan/PlanWithSources.tsx

-    return traceData ? <TraceInfoView data={traceData.overall} /> : null;
+  if (!plan.steps.some((step) => step.toolCalls.length)) {
+    const DefaultLoadingComponent =
+      message.run_id && debugMode && !traceError && allStepsDone ? (


Same condition mentioned above.

see: #118 (comment)

Signed-off-by: GALLLASMILAN <gallas.milan@gmail.com>

GALLLASMILAN requested a review from a team as a code owner December 10, 2024 11:14

This was referenced Dec 10, 2024

feat(observe): implement opentelemetry i-am-bee/bee-api#113

Merged

feat(trace): implement otlp http backend i-am-bee/bee-observe#7

Merged

GALLLASMILAN requested review from PetrBulanek and kapetr December 10, 2024 11:16

GALLLASMILAN force-pushed the implement-observe-telemetry branch from 00a5279 to 78538a6 Compare December 10, 2024 11:22

PetrBulanek requested changes Dec 10, 2024

View reviewed changes

GALLLASMILAN force-pushed the implement-observe-telemetry branch from 78538a6 to eb05e8c Compare December 10, 2024 16:31

GALLLASMILAN requested a review from PetrBulanek December 10, 2024 16:32

PetrBulanek approved these changes Dec 11, 2024

View reviewed changes

feat(observe): new OpenTelemetry observe backend implementation

7733316

Signed-off-by: GALLLASMILAN <gallas.milan@gmail.com>

GALLLASMILAN force-pushed the implement-observe-telemetry branch from eb05e8c to 7733316 Compare December 11, 2024 11:28

matoushavlena merged commit 5d4ebf5 into main Dec 11, 2024
3 checks passed

matoushavlena deleted the implement-observe-telemetry branch December 11, 2024 11:31

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(observe): new OpenTelemetry observe backend implementation #118

feat(observe): new OpenTelemetry observe backend implementation #118

GALLLASMILAN commented Dec 10, 2024

PetrBulanek Dec 10, 2024

PetrBulanek Dec 10, 2024

GALLLASMILAN Dec 10, 2024

PetrBulanek Dec 10, 2024

GALLLASMILAN Dec 10, 2024

GALLLASMILAN Dec 10, 2024

PetrBulanek Dec 10, 2024

PetrBulanek Dec 10, 2024

GALLLASMILAN Dec 10, 2024

PetrBulanek Dec 10, 2024

GALLLASMILAN Dec 10, 2024

		@@ -1 +1,1479 @@
		{"v":"4.8.0","meta":{"g":"LottieFiles AE 3.6.0","a":"","k":"","d":"","tc":""},"fr":25,"ip":0,"op":250,"w":1380,"h":1000,"nm":"IBM_Bee 2_SingleLoop_wingspan15_regularspeed_lottie_v5","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Vinge R 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":168,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":170,"s":[-15]},{"t":172,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":167,"op":326,"st":23,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Vinge L 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":168,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":170,"s":[15]},{"t":172,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":167,"op":326,"st":23,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Vinge R 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":144,"s":[-15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":145,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":146,"s":[-15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":148,"s":[-15]},{"t":149,"s":[0]}],"ix":10},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":108,"op":167,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Vinge L 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":144,"s":[15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":145,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":146,"s":[15]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":148,"s":[15]},{"t":149,"s":[0]}],"ix":10},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":108,"op":167,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Vinge R","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[-15]},{"t":14,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[52.544,38.47,0],"ix":2},"a":{"a":0,"k":[694.744,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.037,-0.001],[0,6.319],[0,0],[0,0],[0,0],[0,0],[-0.013,-3.061],[6.316,-0.198]],"o":[[-6.319,0],[0,0],[0,0],[0,0],[0,0],[2.342,1.971],[0.198,6.316],[-0.037,0.001]],"v":[[0,24.411],[-11.442,12.968],[-11.442,-12.968],[7.476,4.679],[7.476,4.679],[7.476,4.679],[11.188,12.612],[0.11,24.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[4.298,3.677],[0,0],[0,0],[-11.235,0],[0,11.235]],"o":[[0,0],[0,0],[0,11.235],[11.235,0],[-0.03,-5.656]],"v":[[13.527,-1.729],[-20.342,-33.31],[-20.342,12.968],[0,33.31],[20.342,12.968]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[715.086,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Right","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":108,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Vinge L","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[15]},{"t":14,"s":[0]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[47.456,38.47,0],"ix":2},"a":{"a":0,"k":[684.569,476.689,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.337,1.975],[0,0],[0,0],[0,0],[0,0],[6.319,0],[0,6.319]],"o":[[0,0],[0,0],[0,0],[0,0],[0,6.319],[-6.319,0],[0.02,-3.06]],"v":[[-7.73,5.035],[-7.73,5.035],[-7.73,5.035],[11.442,-12.968],[11.442,12.968],[0,24.411],[-11.442,12.968]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.05,-5.652],[-11.235,0],[0,11.235],[0,0],[0,0]],"o":[[0,11.235],[11.235,0],[0,0],[0,0],[-4.281,3.69]],"v":[[-20.342,12.968],[0,33.31],[20.342,12.968],[20.342,-33.31],[-13.527,-1.729]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[664.227,509.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vinge Left","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":108,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Bee Eye Right","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[56.406,32.064,0],"ix":2},"a":{"a":0,"k":[702.468,463.878,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":114,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":117,"s":[50,10,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":120,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":123,"s":[50,10,100]},{"t":126,"s":[50,50,100]}],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.235,-0.024],[0,4.245],[-4.245,0],[0,-4.245]],"o":[[-4.245,0],[0,-4.245],[4.245,0],[-0.024,4.235]],"v":[[0,7.687],[-7.687,0],[0,-7.687],[7.687,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[702.468,463.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":326,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Bee Eyes Left","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[43.594,32.064,0],"ix":2},"a":{"a":0,"k":[676.845,463.878,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":114,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":117,"s":[50,10,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":120,"s":[50,50,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0,0,0]},"t":123,"s":[50,10,100]},{"t":126,"s":[50,50,100]}],"ix":6}},"ao":1,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.024,4.235],[-4.245,0],[0,-4.245],[4.245,0]],"o":[[0,-4.245],[4.245,0],[0,4.245],[-4.235,-0.024]],"v":[[-7.687,0],[0,-7.687],[7.687,0],[0,7.687]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[676.845,463.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":326,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":2,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.557,"y":0},"o":{"x":0.333,"y":0},"t":163,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":166,"op":250,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":226,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.479,"y":0},"o":{"x":0.333,"y":0},"t":166,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":107,"op":166,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"Bee precomp 2_wingspan15_regularspeed_v2","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.885},"o":{"x":0.167,"y":0.119},"t":0,"s":[-58,813,0],"to":[101.021,6.254,0],"ti":[-107.65,44.052,0]},{"i":{"x":0.294,"y":0.538},"o":{"x":0.167,"y":0.22},"t":12.427,"s":[328.23,776.977,0],"to":[99.431,-46.406,0],"ti":[123.994,1.845,0]},{"i":{"x":0.833,"y":0.862},"o":{"x":0.522,"y":0.322},"t":31,"s":[260,562,0],"to":[-90,1,0],"ti":[-214.465,-66.519,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":52.105,"s":[330,814,0],"to":[187,58,0],"ti":[-14.997,79.112,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":64.351,"s":[661.173,637.258,0],"to":[25.756,-135.867,0],"ti":[40.568,20.284,0]},{"i":{"x":0.223,"y":1},"o":{"x":0.167,"y":0.754},"t":79.038,"s":[590.207,413.821,0],"to":[-40.568,-20.284,0],"ti":[15.243,-14.718,0]},{"i":{"x":0.833,"y":1},"o":{"x":0.886,"y":0},"t":109.137,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[15.243,-14.718,0]},{"i":{"x":0.505,"y":0},"o":{"x":0.333,"y":0},"t":165.132,"s":[499.007,414.968,0],"to":[-15.243,14.718,0],"ti":[-21.259,-17.918,0]},{"i":{"x":0.833,"y":0.687},"o":{"x":0.399,"y":0.217},"t":183,"s":[493.009,480.918,0],"to":[21.259,17.918,0],"ti":[-34.483,38.54,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":191.742,"s":[614.633,477.588,0],"to":[34.483,-38.54,0],"ti":[-54.238,58.155,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":200.12,"s":[740.421,303.231,0],"to":[50.579,-54.231,0],"ti":[-202.84,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":211.037,"s":[1077.193,189.669,0],"to":[192.807,0,0],"ti":[-143.219,-6.89,0]},{"t":222,"s":[1453.219,288.89,0]}],"ix":2,"x":"var $bm_rt;\n$bm_rt = transform.position;"},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":1,"w":100,"h":100,"ip":0,"op":107,"st":0,"bm":0}],"markers":[]}

feat(observe): new OpenTelemetry observe backend implementation #118

feat(observe): new OpenTelemetry observe backend implementation #118

Conversation

GALLLASMILAN commented Dec 10, 2024

Changes

Deploy

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment