From 4c1f46bec38e3d84bfe2dde3bcc78f1cecec01c2 Mon Sep 17 00:00:00 2001 From: Alfredo Gallardo Date: Thu, 19 Oct 2023 14:20:07 -0300 Subject: [PATCH 1/3] - improve: added default popup for empty/internal chrome pages --- apps/shinkai-visor/public/manifest.json | 10 ++-- .../assets/animations/installed-popup.json | 1 + .../src/components/inbox/inbox.tsx | 2 +- .../installed-popup/installed-popup.html | 15 ++++++ .../installed-popup/installed-popup.tsx | 54 +++++++++++++++++++ .../src/{ => components}/message/message.tsx | 4 +- .../src/components/popup/popup.css | 0 .../src/components/popup/popup.tsx | 2 - apps/shinkai-visor/src/lang/en.json | 3 +- apps/shinkai-visor/src/lang/es.json | 3 +- .../src/service-worker/action.ts | 32 ++++++++++- 11 files changed, 110 insertions(+), 16 deletions(-) create mode 100644 apps/shinkai-visor/src/assets/animations/installed-popup.json create mode 100644 apps/shinkai-visor/src/components/installed-popup/installed-popup.html create mode 100644 apps/shinkai-visor/src/components/installed-popup/installed-popup.tsx rename apps/shinkai-visor/src/{ => components}/message/message.tsx (91%) delete mode 100644 apps/shinkai-visor/src/components/popup/popup.css diff --git a/apps/shinkai-visor/public/manifest.json b/apps/shinkai-visor/public/manifest.json index 2831b25d2..056ed4740 100644 --- a/apps/shinkai-visor/public/manifest.json +++ b/apps/shinkai-visor/public/manifest.json @@ -15,7 +15,7 @@ "16": "icon16.png", "48": "icon48.png" }, - "default_popup": "" + "default_popup": "src/components/installed-popup/installed-popup.html" }, "background": { "service_worker": "src/service-worker/service-worker.ts" @@ -23,7 +23,7 @@ "web_accessible_resources": [ { "matches": ["https://*/*", "http://*/*", ""], - "resources": ["src/components/popup/popup.tsx"] + "resources": [] } ], "commands": { @@ -45,11 +45,7 @@ "content_scripts": [ { "matches": ["https://*/*", "http://*/*", ""], - "js": ["src/components/popup/popup.tsx"] - }, - { - "matches": ["https://*/*", "http://*/*", ""], - "js": ["src/components/action-button/action-button.tsx"] + "js": ["src/components/popup/popup.tsx", "src/components/action-button/action-button.tsx"] } ], "externally_connectable": { diff --git a/apps/shinkai-visor/src/assets/animations/installed-popup.json b/apps/shinkai-visor/src/assets/animations/installed-popup.json new file mode 100644 index 000000000..7e1775869 --- /dev/null +++ b/apps/shinkai-visor/src/assets/animations/installed-popup.json @@ -0,0 +1 @@ +{"v":"5.7.5","fr":100,"ip":0,"op":350,"w":275,"h":250,"nm":"Comp 1","ddd":0,"assets":[{"id":"1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Rectangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"rc","hd":false,"d":1,"s":{"a":0,"k":[36,36],"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":2}},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":0,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[400.0001220703125,400.0001220703125],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[2222.222137451172,2222.222137451172],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Group","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"parent":0,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[13.72525055341791,15.98774839676112],[14.43525055341791,16.27774839676112],[23.22525055341791,25.06774839676112],[25.05525055341791,23.18774839676112],[16.29525055341791,14.42774839676112],[16.70525055341791,12.76774839676112],[23.83525055341791,10.56774839676112],[2.65525055341791,2.677748396761118],[10.54525055341791,23.87774839676112],[12.76525055341791,16.67774839676112],[13.47525055341791,15.99774839676112],[13.72525055341791,15.98774839676112],[13.72525055341791,15.98774839676112]],"i":[[0,0],[-0.1887188366891017,-0.1871865203178942],[-2.93,-2.93],[-0.6099999999999994,0.6266666666666652],[2.920000000000002,2.920000000000002],[-0.7163379664313752,0.2241163619530937],[-2.376666666666665,0.7333333333333343],[7.060000000000002,2.630000000000001],[-2.629999999999999,-7.066666666666666],[-0.7400000000000002,2.3999999999999986],[-0.3394390936536915,0.0866534503990195],[-0.08333333333333215,0.003333333333333854],[0,0]],"o":[[0.2658029929529668,-0.001536765191772815],[2.93,2.93],[0.6099999999999994,-0.6266666666666652],[-2.919999999999998,-2.920000000000002],[-0.5296224989411051,-0.5318535836689513],[2.376666666666665,-0.7333333333333343],[-7.059999999999999,-2.629999999999998],[2.6299999999999986,7.066666666666666],[0.7400000000000002,-2.3999999999999986],[0.1012179838468015,-0.3353843146488593],[0.08333333333333215,-0.003333333333333854],[0,0],[0.2658029929529668,-0.001536765191772815]]}}},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[1.640932794089167e-7,-4.001435627287719e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[10.63525055341791,27.98774839676112],[9.69525055341791,27.33774839676112],[0.05525055341791019,1.327748396761119],[1.188599407757339,0.01796964657414346],[1.30525055341791,0.04774839676111853],[27.30525055341791,9.727748396761118],[27.58967654713875,11.43628632663136],[27.25525055341791,11.61774839676112],[18.89525055341791,14.18774839676112],[27.19525055341791,22.48774839676112],[27.19525055341791,23.89774839676112],[23.93525055341791,27.15774839676112],[23.22525055341791,27.44774839676112],[23.22525055341791,27.44774839676112],[22.51525055341791,27.15774839676112],[14.18525055341791,18.82774839676112],[11.58525055341791,27.27774839676112],[10.65525055341791,27.98774839676112],[10.63525055341791,27.98774839676112],[10.63525055341791,27.98774839676112]],"i":[[0,0],[0.1464639561187013,0.3920069253370855],[3.213333333333334,8.669999999999998],[-0.7559893769514519,-0.1451642329540848],[-0.03825036434913365,-0.01226001284119338],[-8.666666666666668,-3.226666666666666],[0.5944107795947424,-0.4891507106139805],[0.1220613457290902,-0.03852711527016695],[2.786666666666665,-0.8566666666666656],[-2.766666666666666,-2.766666666666666],[0.3877235943230701,-0.3900374539208791],[1.086666666666666,-1.086666666666666],[0.2658029929529668,0.001536765191772815],[0,0],[0.1887188366891017,0.1871865203178942],[2.776666666666667,2.776666666666667],[0.8666666666666654,-2.816666666666666],[0.4305541013559342,-0.01168877195698315],[0.006666666666667709,0],[0,0]],"o":[[-0.4184725463886387,0.001359364992580936],[-3.213333333333333,-8.670000000000002],[-0.252278775016606,-0.7272881219081695],[0.03944649130110012,0.007574471053476195],[8.666666666666666,3.226666666666667],[0.7208223314682911,0.2701994801053687],[-0.09883468936735085,0.08133274193027518],[-2.786666666666665,0.8566666666666656],[2.766666666666666,2.766666666666666],[0.3877235937731065,0.3900374544675778],[-1.086666666666666,1.086666666666666],[-0.1887188366891017,0.1871865203178942],[0,0],[-0.2658029929529668,0.001536765191772815],[-2.776666666666667,-2.776666666666667],[-0.8666666666666671,2.816666666666666],[-0.1247480582752996,0.4122516022295351],[-0.006666666666667709,0],[0,0],[-0.4184725463886387,0.001359364992580936]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[1.640932794089167e-7,-4.001435627287719e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0.13333333333333333,0.12941176470588237,0.17254901960784313],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[87.66123962402344,96.05012512207031],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[2222.222137451172,2222.222137451172],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0}]},{"id":"2","layers":[{"ddd":0,"ind":4,"ty":4,"nm":"page-content-1 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,12.424],[-17.799,12.424]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":true},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[73.01690673828125,42.64515686035156],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[50,50],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"page-content-1 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,12.424],[-17.799,12.424]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":true},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[73.01690673828125,35.4781494140625],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[50,50],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"page-content-1 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,12.424],[-17.799,12.424]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":true},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[73.01690673828125,28.15483093261719],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[50,50],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":3,"nm":"","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10042.363586425781,10020.5078125],"ix":2},"a":{"a":0,"k":[65.85800053253183,17.7035407461226],"ix":2},"s":{"a":0,"k":[26.28726363182068,25],"ix":2}},"ao":0,"ip":0,"op":350,"st":0,"bm":0,"hd":false},{"ddd":0,"ind":8,"ty":4,"nm":"Group","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"parent":7,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[84.60050000000001,19.67586],[84.60050000000001,6.628159999999999],[88.61949999999999,6.628159999999999],[88.61949999999999,19.67586],[84.60050000000001,19.67586],[84.60050000000001,19.67586],[84.60050000000001,19.67586]],"i":[[0,0],[0,4.349233333333332],[-1.339666666666659,0],[0,-4.349233333333334],[1.339666666666659,0],[0,0],[0,0]],"o":[[0,-4.349233333333334],[1.339666666666659,0],[0,4.349233333333332],[-1.339666666666659,0],[0,0],[0,0],[0,-4.349233333333334]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[86.58349999999999,4.59276],[84.2875,2.29636],[86.58349999999999,0.02608999999999995],[88.8545,2.29636],[86.58349999999999,4.59276],[86.58349999999999,4.59276],[86.58349999999999,4.59276]],"i":[[0,0],[0,1.2787000000000006],[-1.277999999999992,0],[0,-1.278649999999999],[1.253000000000014,0],[0,0],[0,0]],"o":[[-1.277999999999992,0],[0,-1.278649999999999],[1.253000000000014,0],[0,1.2787000000000006],[0,0],[0,0],[-1.277999999999992,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[75.22049999999999,17.04026],[77.8305,14.79606],[77.8305,14.09146],[75.7945,14.27416],[73.4195,15.65716],[75.22049999999999,17.04026],[75.22049999999999,17.04026],[75.22049999999999,17.04026]],"i":[[0,0],[0,1.487400000000001],[0,0.2348666666666652],[0.6786666666666576,-0.06090000000000018],[0,-0.8350000000000009],[-1.225999999999999,0],[0,0],[0,0]],"o":[[1.54000000000002,0],[0,-0.2348666666666652],[-0.6786666666666576,0.06090000000000018],[-1.7479999999999905,0.1565000000000012],[0,0.9394999999999989],[0,0],[0,0],[1.54000000000002,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[73.8115,20.01506],[69.32249999999999,15.83986],[74.1505,11.71676],[77.80350000000001,11.42976],[77.80350000000001,11.22096],[75.5855,9.263860000000001],[72.97649999999999,11.09046],[69.63650000000001,11.09046],[75.7945,6.210660000000001],[81.7185,12.05606],[81.7185,19.67586],[78.1695,19.67586],[77.9085,17.95356],[73.8115,20.01506],[73.8115,20.01506],[73.8115,20.01506]],"i":[[0,0],[0,2.557299999999998],[-3.131,0.2348999999999997],[-1.217666666666673,0.09566666666666634],[0,0.06960000000000122],[1.436000000000007,0],[0,-1.174199999999999],[1.113333333333316,0],[-3.7319999999999993,0],[0,-3.7317],[0,-2.539933333333334],[1.182999999999993,0],[0.08699999999998909,0.5741000000000014],[1.956999999999994,0],[0,0],[0,0]],"o":[[-2.765999999999991,0],[0,-2.4008],[1.217666666666673,-0.09566666666666634],[0,-0.06960000000000122],[0,-1.2787000000000006],[-1.695999999999998,0],[-1.113333333333316,0],[0,-2.9486999999999988],[3.783999999999992,0],[0,2.539933333333334],[-1.182999999999993,0],[-0.08699999999998909,-0.5741000000000014],[-0.4180000000000064,1.200400000000002],[0,0],[0,0],[-2.765999999999991,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[59.4655,19.67586],[55.4472,19.67586],[55.4472,0],[59.4655,0],[59.4655,11.32536],[63.69350000000001,6.628159999999999],[68.7295,6.628159999999999],[63.8235,11.79506],[68.5735,19.67586],[63.92850000000001,19.67586],[61.0055,14.79606],[59.4655,16.41396],[59.4655,19.67586],[59.4655,19.67586],[59.4655,19.67586]],"i":[[0,0],[1.339433333333332,0],[0,6.558620000000001],[-1.339433333333332,0],[0,-3.775120000000001],[-1.409333333333336,1.565733333333332],[-1.678666666666658,0],[1.635333333333328,-1.7223000000000006],[-1.583333333333314,-2.626933333333334],[1.548333333333325,0],[0.9743333333333339,1.6266],[0.5133333333333354,-0.5393000000000008],[0,-1.087299999999999],[0,0],[0,0]],"o":[[-1.339433333333332,0],[0,-6.558619999999998],[1.339433333333332,0],[0,3.7751199999999994],[1.409333333333336,-1.565733333333334],[1.678666666666651,0],[-1.635333333333335,1.7222999999999988],[1.583333333333336,2.626933333333334],[-1.548333333333318,0],[-0.9743333333333339,-1.6266],[-0.5133333333333354,0.5393000000000008],[0,1.087299999999999],[0,0],[0,0],[-1.339433333333332,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[43.6405,19.67586],[39.6218,19.67586],[39.6218,6.628159999999999],[43.4057,6.628159999999999],[43.6666,7.98516],[47.659200000000006,6.210660000000001],[52.565099999999994,11.61236],[52.565099999999994,19.67586],[48.5464,19.67586],[48.5464,12.57796],[46.2501,9.864059999999998],[43.6405,12.52576],[43.6405,19.67586],[43.6405,19.67586],[43.6405,19.67586]],"i":[[0,0],[1.33956666666667,0],[0,4.349233333333332],[-1.261300000000006,0],[-0.08696666666666886,-0.4523333333333337],[-1.696200000000005,0],[0,-3.418399999999998],[0,-2.687833333333334],[1.33956666666667,0],[0,2.365966666666669],[1.38300000000001,0],[0,-1.617900000000002],[0,-2.383366666666667],[0,0],[0,0]],"o":[[-1.33956666666667,0],[0,-4.349233333333334],[1.261300000000006,0],[0.08696666666666886,0.4523333333333337],[0.8090000000000117,-1.1221],[3.1053,0],[0,2.687833333333334],[-1.33956666666667,0],[0,-2.365966666666665],[0,-1.644000000000002],[-1.591899999999995,0],[0,2.383366666666667],[0,0],[0,0],[-1.33956666666667,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[32.5883,19.67586],[32.5883,6.628159999999999],[36.607000000000006,6.628159999999999],[36.607000000000006,19.67586],[32.5883,19.67586],[32.5883,19.67586],[32.5883,19.67586]],"i":[[0,0],[0,4.349233333333332],[-1.33956666666667,0],[0,-4.349233333333334],[1.33956666666667,0],[0,0],[0,0]],"o":[[0,-4.349233333333334],[1.33956666666667,0],[0,4.349233333333332],[-1.33956666666667,0],[0,0],[0,0],[0,-4.349233333333334]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[34.5716,4.59276],[32.275200000000005,2.29636],[34.5716,0.02608999999999995],[36.8419,2.29636],[34.5716,4.59276],[34.5716,4.59276],[34.5716,4.59276]],"i":[[0,0],[0,1.2787000000000006],[-1.2787000000000006,0],[0,-1.278649999999999],[1.252600000000001,0],[0,0],[0,0]],"o":[[-1.2787000000000006,0],[0,-1.278649999999999],[1.252600000000001,0],[0,1.2787000000000006],[0,0],[0,0],[-1.2787000000000006,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[20.7816,19.67586],[16.763,19.67586],[16.763,0],[20.8077,0],[20.8077,7.98516],[24.8003,6.210660000000001],[29.7062,11.61236],[29.7062,19.67586],[25.6876,19.67586],[25.6876,12.57796],[23.3912,9.864059999999998],[20.7816,12.52576],[20.7816,19.67586],[20.7816,19.67586],[20.7816,19.67586]],"i":[[0,0],[1.339533333333335,0],[0,6.558620000000001],[-1.348233333333333,0],[0,-2.6617200000000008],[-1.696200000000005,0],[0,-3.418399999999998],[0,-2.687833333333334],[1.339533333333335,0],[0,2.365966666666669],[1.382999999999996,0],[0,-1.617900000000002],[0,-2.383366666666667],[0,0],[0,0]],"o":[[-1.339533333333335,0],[0,-6.558619999999998],[1.348233333333333,0],[0,2.661719999999999],[0.8090000000000046,-1.1221],[3.105400000000003,0],[0,2.687833333333334],[-1.339533333333335,0],[0,-2.365966666666665],[0,-1.644000000000002],[-1.591800000000006,0],[0,2.383366666666667],[0,0],[0,0],[-1.339533333333335,0]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[0.28699999999999903,5.975860000000001],[7.384999999999998,0],[14.1436,5.9497599999999995],[9.942300000000003,5.9497599999999995],[7.332799999999999,3.7577599999999993],[4.514499999999998,5.81926],[6.471600000000002,7.854659999999999],[9.368200000000002,8.45486],[14.4568,13.85656],[7.097900000000003,20.01506],[0,14.06536],[4.201300000000003,14.06536],[7.124000000000002,16.25736],[10.2294,14.27416],[8.454900000000002,12.39526],[5.506100000000004,11.79506],[0.28699999999999903,5.975860000000001],[0.28699999999999903,5.975860000000001],[0.28699999999999903,5.975860000000001]],"i":[[0,0],[-4.1492,0],[0,-3.6534],[1.400433333333332,0],[1.5917999999999992,0],[0,-1.2787000000000006],[-1.356900000000003,-0.28699999999999903],[-0.9655333333333331,-0.2000666666666682],[0,-3.0531000000000006],[4.4361999999999995,0],[0,3.627299999999998],[-1.400433333333332,0],[-1.878900000000002,0],[0,1.2265000000000015],[1.278599999999997,0.2609999999999992],[0.9829333333333352,0.2000666666666682],[0,3.157499999999999],[0,0],[0,0]],"o":[[0,-3.4968],[4.149100000000004,0],[-1.400433333333332,0],[0,-1.3569999999999993],[-1.722299999999997,0],[0,1.1743000000000006],[0.9655333333333331,0.2000666666666682],[3.444600000000001,0.7045999999999992],[0,3.7317],[-4.305700000000002,0],[1.400433333333332,0],[0,1.409199999999998],[1.9050000000000011,0],[0,-1.069899999999997],[-0.9829333333333352,-0.2000666666666682],[-3.444600000000001,-0.7045999999999992],[0,0],[0,0],[0,-3.4968]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-9.155273517080786e-8,2.124023410488007e-7],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[42.86149978637695,8.324138641357422],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Group","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"parent":7,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[6.4357,20.4104184],[6.4357,20.4104184],[6.4357,20.4105184],[9.35051,22.1070184],[12.0865,22.5381184],[12.5304,22.5215184],[13.3745,22.4239184],[16.519,21.2047184],[16.519,21.2047184],[16.519,21.2046184],[18.1134,19.8643184],[18.0305,18.9989184],[15.625,17.0885184],[15.5464,17.0135184],[14.8602,15.6333184],[14.9619,13.9315184],[15.9353,12.5319184],[16.8877,11.9935184],[17.4072,11.2240184],[17.0436,8.6641184],[16.3398,8.1594684],[13.4943,9.5689884],[11.3347,12.6741184],[11.109,16.4497184],[11.5192,17.7281184],[10.9288,18.5963184],[10.9167,18.5934184],[9.26647,17.8056184],[8.40865,16.9508184],[7.51801,16.7363184],[5.28823,17.9952184],[5.07085,18.8370184],[6.4357,20.4104184],[6.4357,20.4104184],[6.4357,20.4104184]],"i":[[0,0],[0,0],[0,-0.00003333333333443989],[-1.0771,-0.3609000000000009],[-0.9281999999999986,0.009899999999998244],[-0.1478000000000002,0.009499999999999176],[-0.2799999999999994,0.04699999999999704],[-0.9540999999999986,0.6164999999999985],[0,0],[0,0.00003333333333443989],[-0.4732999999999983,0.5117999999999974],[0.2710000000000008,0.2152999999999992],[0.8018333333333345,0.6368000000000009],[0.02360000000000007,0.02749999999999986],[0.1110999999999986,0.5106000000000002],[-0.1897000000000002,0.5472000000000001],[-0.4469999999999992,0.36819999999999986],[-0.3449999999999989,0.12199999999999989],[0.04870000000000019,0.3425999999999991],[0.1211999999999982,0.8533000000000008],[0.3369,-0.07916999999999952],[0.8298999999999985,-0.6836900000000004],[0.4207999999999998,-1.2138000000000009],[-0.2731999999999992,-1.255300000000002],[-0.1767000000000003,-0.4102999999999994],[0.4777999999999984,0.1163999999999987],[0.004033333333333999,0.0009666666666667822],[0.4906199999999998,0.37239999999999895],[0.2457000000000011,0.3214000000000006],[0.3013899999999996,-0.1702000000000012],[0.7432600000000003,-0.4196333333333335],[-0.1923399999999997,-0.2878000000000007],[-0.5189199999999996,-0.4652999999999992],[0,0],[0,0]],"o":[[0,0],[0,0.00003333333333443989],[0.84579,0.7582999999999984],[0.8828899999999997,0.2957999999999998],[0.1480000000000015,-0.001600000000003376],[0.2822999999999993,-0.01810000000000045],[1.1204,-0.1878000000000029],[0,0],[0,-0.00003333333333443989],[0.5853999999999999,-0.3781999999999996],[0.235000000000003,-0.2541000000000011],[-0.8018333333333345,-0.6368000000000009],[-0.02839999999999954,-0.02260000000000062],[-0.3389000000000006,-0.3954999999999984],[-0.1232000000000006,-0.5657999999999994],[0.1896000000000004,-0.5471000000000004],[0.2848999999999986,-0.2346000000000004],[0.3262999999999998,-0.1155000000000008],[-0.1211999999999982,-0.8533000000000008],[-0.04870000000000019,-0.3426799999999997],[-1.0413999999999994,0.2446599999999997],[-0.9916,0.8169299999999993],[-0.4207999999999998,1.2138999999999989],[0.09580000000000055,0.4401999999999973],[0.1944999999999997,0.4516999999999989],[-0.004033333333333999,-0.0009666666666667822],[-0.5980000000000008,-0.1474000000000011],[-0.3237699999999997,-0.2456999999999994],[-0.21021,-0.2748999999999988],[-0.7432600000000003,0.4196333333333335],[-0.3014000000000001,0.1702000000000012],[0.3873699999999998,0.5794999999999995],[0,0],[0,0],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[28.3871,14.8369184],[30.231,16.8860184],[29.9946,17.7226184],[27.7368,18.9307184],[26.8513,18.6960184],[26.2925,18.0635184],[26.2924,18.0635184],[26.2923,18.0635184],[24.7332,17.1081184],[24.3691,16.9940184],[23.7591,17.8487184],[24.1403,19.1361184],[23.8291,22.9056184],[21.5996,25.9611184],[18.723,27.3057184],[18.0307,26.7853184],[17.7252,24.2178184],[18.2621,23.4603184],[19.2264,22.9435184],[20.2313,21.5663184],[20.3716,19.8673184],[19.7167,18.4719184],[19.6398,18.3951184],[17.2783,16.4306184],[17.215,15.5636184],[18.8394,14.2597184],[18.8395,14.2595184],[18.8395,14.2594184],[22.0107,13.1118184],[25.3772,13.3154184],[28.3871,14.8369184],[28.3871,14.8369184],[28.3871,14.8369184]],"i":[[0,0],[-0.4958000000000027,-0.7794000000000025],[0.3052000000000028,-0.1633000000000031],[0.752600000000001,-0.4026999999999994],[0.2039000000000009,0.2797000000000018],[0.2057000000000002,0.1931000000000012],[0.00003333333333443989,0],[0.00003333333333443989,0],[0.5793999999999997,0.20889999999999986],[0.1227000000000018,0.03289999999999793],[-0.1843000000000004,-0.4559999999999995],[-0.08589999999999876,-0.4422999999999995],[0.44819999999999993,-1.2040000000000006],[1.009800000000002,-0.7942999999999998],[1.046600000000002,-0.22100000000000009],[0.0409000000000006,0.3435999999999986],[0.1018333333333317,0.855833333333333],[-0.3289000000000009,0.107999999999997],[-0.2901000000000025,0.2282000000000011],[-0.2020000000000017,0.5427],[0.1102999999999987,0.5685000000000002],[0.3299000000000021,0.4029999999999987],[0.02789999999999893,0.02319999999999922],[0.7871666666666677,0.6548333333333325],[-0.2407000000000004,0.2486999999999995],[-0.5938000000000017,0.3649000000000004],[-0.00003333333333443989,0.00006666666666710341],[0,0.00003333333333443989],[-1.124199999999998,0.1623000000000001],[-1.0965999999999987,-0.2966999999999995],[-0.8890999999999991,-0.7071000000000005],[0,0],[0,0]],"o":[[0.7253000000000007,0.5768000000000004],[0.1856999999999971,0.2920999999999978],[-0.752600000000001,0.4026999999999994],[-0.3050999999999995,0.1632999999999996],[-0.1659999999999968,-0.2275999999999989],[-0.00003333333333443989,0],[-0.00003333333333443989,0],[-0.4491000000000014,-0.4213999999999984],[-0.1199000000000012,-0.04319999999999879],[-0.4751000000000012,-0.1271000000000022],[0.1674000000000007,0.414200000000001],[0.2445999999999984,1.2612999999999985],[-0.44819999999999993,1.2041],[-0.8451999999999984,0.6646999999999998],[-0.3386999999999993,0.07150000000000034],[-0.1018333333333317,-0.855833333333333],[-0.04080000000000084,-0.3436999999999983],[0.3475999999999999,-0.1142000000000003],[0.4551999999999978,-0.357999999999997],[0.2019999999999982,-0.5427],[-0.09960000000000235,-0.5130999999999979],[-0.02299999999999969,-0.02809999999999846],[-0.7871666666666677,-0.6548333333333325],[-0.2661000000000016,-0.2212999999999994],[0.4847999999999999,-0.5010000000000012],[0.00003333333333443989,-0.00006666666666710341],[0,-0.00003333333333443989],[0.9678000000000004,-0.5946999999999996],[1.124300000000002,-0.16239999999999988],[1.096500000000002,0.2966999999999995],[0,0],[0,0],[0.7253000000000007,0.5768000000000004]]}}},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[35.2348,17.6174184],[17.6174,35.2347184],[0,17.6174184],[17.6174,0],[35.2348,17.6174184],[35.2348,17.6174184],[35.2348,17.6174184]],"i":[[0,0],[9.729800000000001,0],[0,9.729799999999997],[-9.72983,0],[0,-9.729850000000003],[0,0],[0,0]],"o":[[0,9.729799999999997],[-9.72983,0],[0,-9.729850000000003],[9.729800000000001,0],[0,0],[0,0],[0,9.729799999999997]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0.996078431372549,0.3803921568627451,0.3843137254901961],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-0.00000156860346578469,0.08618156611919403],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"shinkai-popup","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[10000,10000],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[275.1051431317003,444.4863958806865],[25.87850088985169,444.4863958806865],[13.69882056546131,425.4004741609731],[13.69882056546131,34.8549050158307],[25.87850088985169,15.76482151641393],[275.1051431317003,15.76482151641393],[287.2874792956729,34.8549050158307],[287.2874792956729,425.4004741609731],[275.1051431317003,444.4863958806865]],"i":[[6.727241661945231,0],[0,0],[0,10.54178798866855],[0,0],[-6.727241661945231,0],[0,0],[0,-10.54178798866855],[0,0],[6.727241661945231,0]],"o":[[0,0],[-6.727241661945231,0],[0,0],[0,-10.54178798866855],[0,0],[6.727241661945231,0],[0,0],[0,10.54178798866855],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[0.07058823529411765,0.10980392156862745,0.13333333333333333],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[168.4710998535156,437.4220581054688],"ix":2},"a":{"a":0,"k":[780.9249253246649,2145.538141911585],"ix":2},"s":{"a":0,"k":[20,20],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0}]}],"layers":[{"ddd":0,"refId":"1","w":20000,"h":20000,"ind":3,"ty":0,"nm":"cursor-arrow-svgrepo-com.svg 1","sr":1,"ks":{"o":{"a":1,"k":[{"t":177,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":236,"s":[100],"i":{"x":[0.8],"y":[1]},"o":{"x":[0.4],"y":[0]}}],"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":1,"k":[{"t":177,"s":[137.4999923706054,220.482066470492],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":236,"s":[254.6209716796875,120.16841125488278],"i":{"x":[0.8],"y":[1]},"o":{"x":[0.4],"y":[0]}}],"ix":2},"a":{"a":0,"k":[10400.000129699707,10400.000129699707],"ix":2},"s":{"a":0,"k":[1.996885435732796,1.996885435732796],"ix":2}},"ao":0,"ip":0,"op":350,"st":0,"bm":0,"hd":false},{"ddd":0,"refId":"2","w":20000,"h":20000,"ind":11,"ty":0,"nm":"popup","sr":1,"ks":{"o":{"a":1,"k":[{"t":253,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":320,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[167.68328857421872,94.32289886474607],"ix":2},"a":{"a":0,"k":[10000,10000],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"ip":0,"op":350,"st":0,"bm":0,"hd":false},{"ddd":0,"ind":12,"ty":4,"nm":"actIon-button","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"parent":0,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[6.4357,20.4104184],[6.4357,20.4104184],[6.4357,20.4105184],[9.35051,22.1070184],[12.0865,22.5381184],[12.5304,22.5215184],[13.3745,22.4239184],[16.519,21.2047184],[16.519,21.2047184],[16.519,21.2046184],[18.1134,19.8643184],[18.0305,18.9989184],[15.625,17.0885184],[15.5464,17.0135184],[14.8602,15.6333184],[14.9619,13.9315184],[15.9353,12.5319184],[16.8877,11.9935184],[17.4072,11.2240184],[17.0436,8.6641184],[16.3398,8.1594684],[13.4943,9.5689884],[11.3347,12.6741184],[11.109,16.4497184],[11.5192,17.7281184],[10.9288,18.5963184],[10.9167,18.5934184],[9.26647,17.8056184],[8.40865,16.9508184],[7.51801,16.7363184],[5.28823,17.9952184],[5.07085,18.8370184],[6.4357,20.4104184],[6.4357,20.4104184],[6.4357,20.4104184]],"i":[[0,0],[0,0],[0,-0.00003333333333443989],[-1.0771,-0.3609000000000009],[-0.9281999999999986,0.009899999999998244],[-0.1478000000000002,0.009499999999999176],[-0.2799999999999994,0.04699999999999704],[-0.9540999999999986,0.6164999999999985],[0,0],[0,0.00003333333333443989],[-0.4732999999999983,0.5117999999999974],[0.2710000000000008,0.2152999999999992],[0.8018333333333345,0.6368000000000009],[0.02360000000000007,0.02749999999999986],[0.1110999999999986,0.5106000000000002],[-0.1897000000000002,0.5472000000000001],[-0.4469999999999992,0.36819999999999986],[-0.3449999999999989,0.12199999999999989],[0.04870000000000019,0.3425999999999991],[0.1211999999999982,0.8533000000000008],[0.3369,-0.07916999999999952],[0.8298999999999985,-0.6836900000000004],[0.4207999999999998,-1.2138000000000009],[-0.2731999999999992,-1.255300000000002],[-0.1767000000000003,-0.4102999999999994],[0.4777999999999984,0.1163999999999987],[0.004033333333333999,0.0009666666666667822],[0.4906199999999998,0.37239999999999895],[0.2457000000000011,0.3214000000000006],[0.3013899999999996,-0.1702000000000012],[0.7432600000000003,-0.4196333333333335],[-0.1923399999999997,-0.2878000000000007],[-0.5189199999999996,-0.4652999999999992],[0,0],[0,0]],"o":[[0,0],[0,0.00003333333333443989],[0.84579,0.7582999999999984],[0.8828899999999997,0.2957999999999998],[0.1480000000000015,-0.001600000000003376],[0.2822999999999993,-0.01810000000000045],[1.1204,-0.1878000000000029],[0,0],[0,-0.00003333333333443989],[0.5853999999999999,-0.3781999999999996],[0.235000000000003,-0.2541000000000011],[-0.8018333333333345,-0.6368000000000009],[-0.02839999999999954,-0.02260000000000062],[-0.3389000000000006,-0.3954999999999984],[-0.1232000000000006,-0.5657999999999994],[0.1896000000000004,-0.5471000000000004],[0.2848999999999986,-0.2346000000000004],[0.3262999999999998,-0.1155000000000008],[-0.1211999999999982,-0.8533000000000008],[-0.04870000000000019,-0.3426799999999997],[-1.0413999999999994,0.2446599999999997],[-0.9916,0.8169299999999993],[-0.4207999999999998,1.2138999999999989],[0.09580000000000055,0.4401999999999973],[0.1944999999999997,0.4516999999999989],[-0.004033333333333999,-0.0009666666666667822],[-0.5980000000000008,-0.1474000000000011],[-0.3237699999999997,-0.2456999999999994],[-0.21021,-0.2748999999999988],[-0.7432600000000003,0.4196333333333335],[-0.3014000000000001,0.1702000000000012],[0.3873699999999998,0.5794999999999995],[0,0],[0,0],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[28.3871,14.8369184],[30.231,16.8860184],[29.9946,17.7226184],[27.7368,18.9307184],[26.8513,18.6960184],[26.2925,18.0635184],[26.2924,18.0635184],[26.2923,18.0635184],[24.7332,17.1081184],[24.3691,16.9940184],[23.7591,17.8487184],[24.1403,19.1361184],[23.8291,22.9056184],[21.5996,25.9611184],[18.723,27.3057184],[18.0307,26.7853184],[17.7252,24.2178184],[18.2621,23.4603184],[19.2264,22.9435184],[20.2313,21.5663184],[20.3716,19.8673184],[19.7167,18.4719184],[19.6398,18.3951184],[17.2783,16.4306184],[17.215,15.5636184],[18.8394,14.2597184],[18.8395,14.2595184],[18.8395,14.2594184],[22.0107,13.1118184],[25.3772,13.3154184],[28.3871,14.8369184],[28.3871,14.8369184],[28.3871,14.8369184]],"i":[[0,0],[-0.4958000000000027,-0.7794000000000025],[0.3052000000000028,-0.1633000000000031],[0.752600000000001,-0.4026999999999994],[0.2039000000000009,0.2797000000000018],[0.2057000000000002,0.1931000000000012],[0.00003333333333443989,0],[0.00003333333333443989,0],[0.5793999999999997,0.20889999999999986],[0.1227000000000018,0.03289999999999793],[-0.1843000000000004,-0.4559999999999995],[-0.08589999999999876,-0.4422999999999995],[0.44819999999999993,-1.2040000000000006],[1.009800000000002,-0.7942999999999998],[1.046600000000002,-0.22100000000000009],[0.0409000000000006,0.3435999999999986],[0.1018333333333317,0.855833333333333],[-0.3289000000000009,0.107999999999997],[-0.2901000000000025,0.2282000000000011],[-0.2020000000000017,0.5427],[0.1102999999999987,0.5685000000000002],[0.3299000000000021,0.4029999999999987],[0.02789999999999893,0.02319999999999922],[0.7871666666666677,0.6548333333333325],[-0.2407000000000004,0.2486999999999995],[-0.5938000000000017,0.3649000000000004],[-0.00003333333333443989,0.00006666666666710341],[0,0.00003333333333443989],[-1.124199999999998,0.1623000000000001],[-1.0965999999999987,-0.2966999999999995],[-0.8890999999999991,-0.7071000000000005],[0,0],[0,0]],"o":[[0.7253000000000007,0.5768000000000004],[0.1856999999999971,0.2920999999999978],[-0.752600000000001,0.4026999999999994],[-0.3050999999999995,0.1632999999999996],[-0.1659999999999968,-0.2275999999999989],[-0.00003333333333443989,0],[-0.00003333333333443989,0],[-0.4491000000000014,-0.4213999999999984],[-0.1199000000000012,-0.04319999999999879],[-0.4751000000000012,-0.1271000000000022],[0.1674000000000007,0.414200000000001],[0.2445999999999984,1.2612999999999985],[-0.44819999999999993,1.2041],[-0.8451999999999984,0.6646999999999998],[-0.3386999999999993,0.07150000000000034],[-0.1018333333333317,-0.855833333333333],[-0.04080000000000084,-0.3436999999999983],[0.3475999999999999,-0.1142000000000003],[0.4551999999999978,-0.357999999999997],[0.2019999999999982,-0.5427],[-0.09960000000000235,-0.5130999999999979],[-0.02299999999999969,-0.02809999999999846],[-0.7871666666666677,-0.6548333333333325],[-0.2661000000000016,-0.2212999999999994],[0.4847999999999999,-0.5010000000000012],[0.00003333333333443989,-0.00006666666666710341],[0,-0.00003333333333443989],[0.9678000000000004,-0.5946999999999996],[1.124300000000002,-0.16239999999999988],[1.096500000000002,0.2966999999999995],[0,0],[0,0],[0.7253000000000007,0.5768000000000004]]}}},{"ty":"fl","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[35.2348,17.6174184],[17.6174,35.2347184],[0,17.6174184],[17.6174,0],[35.2348,17.6174184],[35.2348,17.6174184],[35.2348,17.6174184]],"i":[[0,0],[9.729800000000001,0],[0,9.729799999999997],[-9.72983,0],[0,-9.729850000000003],[0,0],[0,0]],"o":[[0,9.729799999999997],[-9.72983,0],[0,-9.729850000000003],[9.729800000000001,0],[0,0],[0,0],[0,9.729799999999997]]}}},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-7.843017328923452e-7,-3.86230496474127e-8],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0.996078431372549,0.3803921568627451,0.3843137254901961],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[-0.00000156860346578469,0.08618156611919403],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"tr","hd":false,"p":{"a":0,"k":[166.0606842041016,78.65235900878906],"ix":2},"a":{"a":0,"k":[17.6173980392457,17.7035407461226],"ix":2},"s":{"a":0,"k":[25,25],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[103.585,106.802],[9.744,106.802],[5.158,102.216],[5.158,8.375],[9.744,3.788],[103.585,3.788],[108.172,8.375],[108.172,102.216],[103.585,106.802]],"i":[[2.533,0],[0,0],[0,2.533],[0,0],[-2.533,0],[0,0],[0,-2.533],[0,0],[2.533,0]],"o":[[0,0],[-2.533,0],[0,0],[0,-2.533],[0,0],[2.533,0],[0,0],[0,2.533],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[0.07058823529411765,0.10980392156862745,0.13333333333333333],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":true},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[165.92,78.98],"ix":2},"a":{"a":0,"k":[56.665,55.295],"ix":2},"s":{"a":0,"k":[20.00000029802322,20.00000029802322],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":0,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]},{"ty":"fl","c":{"a":1,"k":[{"t":96,"s":[0.07058823529411765,0.10980392156862745,0.13333333333333333],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":165,"s":[0.07058823529411765,0.10980392156862745,0.13333333333333333],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":1,"k":[{"t":96,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":165,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[84.15596008300781,37.11170959472658],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":1,"k":[{"t":96,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":165,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"page-content-4 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,98.166],[-17.799,98.166]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":60,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":93,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[257.2259292602539,113.99348449707028],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"page-content-4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,98.166],[-17.799,98.166]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":60,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":93,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99348449707028],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":"page-content-3 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,69.586],[-17.799,69.586]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":53,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":87,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[257.2259292602539,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":"page-content-3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,69.586],[-17.799,69.586]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":53,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":87,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":17,"ty":4,"nm":"page-content-2 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,41.005],[-17.799,41.005]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":47,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":80,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[257.2259292602539,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":18,"ty":4,"nm":"page-content-2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,41.005],[-17.799,41.005]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":47,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":80,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":19,"ty":4,"nm":"page-content-1 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,12.424],[-17.799,12.424]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":37,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":70,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[257.2259292602539,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":20,"ty":4,"nm":"page-content-1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,12.424],[-17.799,12.424]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":10,"ix":2},"hd":false,"lc":2,"lj":2},{"ty":"fl","c":{"a":0,"k":[0.13725490196078433,0.12156862745098039,0.12549019607843137],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":1,"k":[{"t":37,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":70,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":21,"ty":4,"nm":"page-header","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[101.819,-14.462],[-103.687,-14.462],[-108.274,-19.049],[-108.274,-43.803],[-103.687,-48.389],[101.819,-48.389],[106.406,-43.803],[106.406,-19.049],[101.819,-14.462]],"i":[[2.533,0],[0,0],[0,2.533],[0,0],[-2.533,0],[0,0],[0,-2.533],[0,0],[2.533,0]],"o":[[0,0],[-2.533,0],[0,0],[0,-2.533],[0,0],[2.533,0],[0,0],[0,2.533],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[0.41568627450980394,0.8,0.9647058823529412],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[137.49999047851563,82.56749975585939],"ix":2},"a":{"a":0,"k":[-0.934,-31.426],"ix":2},"s":{"a":1,"k":[{"t":0,"s":[80,80],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":50,"s":[100,100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}},{"t":50,"s":[100],"i":{"x":[1],"y":[1]},"o":{"x":[0],"y":[0]}}],"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":22,"ty":4,"nm":"browser-max-button","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-75.752,-85.911],[-80.48,-81.184],[-85.207,-85.911],[-80.48,-90.639],[-75.752,-85.911]],"i":[[0,-2.611],[2.611,0],[0,2.611],[-2.611,0],[0,-2.611]],"o":[[0,2.611],[-2.611,0],[0,-2.611],[2.611,0],[0,2.611]]}}},{"ty":"fl","c":{"a":0,"k":[0.17254901960784313,0.788235294117647,0.26666666666666666],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":23,"ty":4,"nm":"browser-min-button","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-90.158,-85.911],[-94.886,-81.184],[-99.614,-85.911],[-94.886,-90.639],[-90.158,-85.911]],"i":[[0,-2.611],[2.611,0],[0,2.611],[-2.611,0],[0,-2.611]],"o":[[0,2.611],[-2.611,0],[0,-2.611],[2.611,0],[0,2.611]]}}},{"ty":"fl","c":{"a":0,"k":[0.9882352941176471,0.6823529411764706,0.24705882352941178],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":24,"ty":4,"nm":"browser-close-button","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[-104.564,-85.911],[-109.292,-81.184],[-114.02,-85.911],[-109.292,-90.639],[-104.564,-85.911]],"i":[[0,-2.611],[2.611,0],[0,2.611],[-2.611,0],[0,-2.611]],"o":[[0,2.611],[-2.611,0],[0,-2.611],[2.611,0],[0,2.611]]}}},{"ty":"fl","c":{"a":0,"k":[1,0.2823529411764706,0.30196078431372547],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":25,"ty":4,"nm":"browser-header","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[128.172,-67.033],[-130.04,-67.033],[-130.04,-97.934],[-123.184,-104.789],[121.316,-104.789],[128.172,-97.934],[128.172,-67.033]],"i":[[0,0],[0,0],[0,0],[-3.786,0],[0,0],[0,-3.786],[0,0]],"o":[[0,0],[0,0],[0,-3.786],[0,0],[3.786,0],[0,0],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[0.8941176470588236,0.8745098039215686,0.8901960784313725],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0},{"ddd":0,"ind":26,"ty":4,"nm":"frame","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2},"r":{"a":0,"k":0,"ix":2},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2}},"ao":0,"hd":false,"shapes":[{"ty":"gr","hd":false,"it":[{"ty":"sh","hd":false,"d":1,"ks":{"a":0,"k":{"c":false,"v":[[120.834,126.802],[-122.702,126.802],[-130.04,119.465],[-130.04,-97.452],[-122.702,-104.789],[120.834,-104.789],[128.172,-97.452],[128.172,119.465],[120.834,126.802]],"i":[[4.053,0],[0,0],[0,4.053],[0,0],[-4.053,0],[0,0],[0,-4.053],[0,0],[4.053,0]],"o":[[0,0],[-4.053,0],[0,0],[0,-4.053],[0,0],[4.053,0],[0,0],[0,4.053],[0,0]]}}},{"ty":"fl","c":{"a":0,"k":[0.8941176470588236,0.788235294117647,0.8941176470588236],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":2},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1,"hd":false},{"ty":"tr","hd":false,"p":{"a":0,"k":[138.43399047851562,113.99349975585938],"ix":2},"a":{"a":0,"k":[0,0],"ix":2},"s":{"a":0,"k":[100,100],"ix":2},"r":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":100,"ix":2},"sk":{"a":0,"k":0,"ix":2},"sa":{"a":0,"k":0,"ix":2}}]}],"ip":0,"op":350,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/apps/shinkai-visor/src/components/inbox/inbox.tsx b/apps/shinkai-visor/src/components/inbox/inbox.tsx index dedaa1b72..d601856db 100644 --- a/apps/shinkai-visor/src/components/inbox/inbox.tsx +++ b/apps/shinkai-visor/src/components/inbox/inbox.tsx @@ -17,7 +17,7 @@ import { FormattedMessage, useIntl } from 'react-intl'; import { useParams } from 'react-router-dom'; import { cn } from '../../helpers/cn-utils'; -import { Message } from '../../message/message'; +import { Message } from '../message/message'; import { useAuth } from '../../store/auth/auth'; import { InboxInput } from '../inbox-input/inbox-input'; import { ScrollArea } from '../ui/scroll-area'; diff --git a/apps/shinkai-visor/src/components/installed-popup/installed-popup.html b/apps/shinkai-visor/src/components/installed-popup/installed-popup.html new file mode 100644 index 000000000..7713f6657 --- /dev/null +++ b/apps/shinkai-visor/src/components/installed-popup/installed-popup.html @@ -0,0 +1,15 @@ + + + + + ShinkaiVisor + + + + + + +
+ + + diff --git a/apps/shinkai-visor/src/components/installed-popup/installed-popup.tsx b/apps/shinkai-visor/src/components/installed-popup/installed-popup.tsx new file mode 100644 index 000000000..82a6f0e32 --- /dev/null +++ b/apps/shinkai-visor/src/components/installed-popup/installed-popup.tsx @@ -0,0 +1,54 @@ +import '../../theme/styles.css'; + +import { Player } from '@lottiefiles/react-lottie-player'; +import * as React from 'react'; +import { createRoot } from 'react-dom/client'; +import { FormattedMessage, IntlProvider } from 'react-intl'; + +import logo from '../../../src/assets/icons/visor.svg'; +import InstalledPopupAnimation from '../../assets/animations/installed-popup.json'; +import { srcUrlResolver } from '../../helpers/src-url-resolver'; +import { langMessages, locale } from '../../lang/intl'; + +const InstalledPopup = () => { + return ( +
+
+ shinkai logo +
+
+
+ +
+ +

+ +

+
+
+ ); +}; +const container = document.getElementById('root'); +if (!container) { + throw new Error('container not found'); +} +const root = createRoot(container); +root.render( + + +
+ +
+ + +); diff --git a/apps/shinkai-visor/src/message/message.tsx b/apps/shinkai-visor/src/components/message/message.tsx similarity index 91% rename from apps/shinkai-visor/src/message/message.tsx rename to apps/shinkai-visor/src/components/message/message.tsx index 10cf7b3ac..d92d100be 100644 --- a/apps/shinkai-visor/src/message/message.tsx +++ b/apps/shinkai-visor/src/components/message/message.tsx @@ -1,8 +1,8 @@ import MarkdownPreview from '@uiw/react-markdown-preview'; import { Paperclip } from 'lucide-react'; -import { Avatar, AvatarFallback, AvatarImage } from '../components/ui/avatar'; -import { cn } from '../helpers/cn-utils'; +import { cn } from '../../helpers/cn-utils'; +import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'; type MessageProps = { isLocal: boolean; diff --git a/apps/shinkai-visor/src/components/popup/popup.css b/apps/shinkai-visor/src/components/popup/popup.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/apps/shinkai-visor/src/components/popup/popup.tsx b/apps/shinkai-visor/src/components/popup/popup.tsx index ebc145296..090324aa6 100644 --- a/apps/shinkai-visor/src/components/popup/popup.tsx +++ b/apps/shinkai-visor/src/components/popup/popup.tsx @@ -25,7 +25,6 @@ import { Inboxes } from '../inboxes/inboxes'; import { SplashScreen } from '../splash-screen/splash-screen'; import Welcome from '../welcome/welcome'; import { WithNav } from '../with-nav/with-nav'; -import popupStyle from './popup.css?inline'; export const Popup = ({ container, @@ -133,7 +132,6 @@ const root = createRoot(container); root.render( -
diff --git a/apps/shinkai-visor/src/lang/en.json b/apps/shinkai-visor/src/lang/en.json index 773f52cce..3725e37aa 100644 --- a/apps/shinkai-visor/src/lang/en.json +++ b/apps/shinkai-visor/src/lang/en.json @@ -51,5 +51,6 @@ "empty-agents-title": "Ask Shinkai AI", "empty-agents-message": "Connect your first agent to start asking Shinkai AI. Try connecting OpenAI", "today": "Today", - "yesterday": "Yesterday" + "yesterday": "Yesterday", + "installed-sucessfully": "Shinkai Visor was installed sucessfully, navigate to a website and use the action button to start asking Shinkai AI" } diff --git a/apps/shinkai-visor/src/lang/es.json b/apps/shinkai-visor/src/lang/es.json index cb2bbc8bf..87dcb5b12 100644 --- a/apps/shinkai-visor/src/lang/es.json +++ b/apps/shinkai-visor/src/lang/es.json @@ -51,5 +51,6 @@ "empty-agents-title": "Pregunta a Shinkai AI", "empty-agents-message": "Conecta tu primer agente para comenzar a preguntar a Shinkai AI", "today": "Hoy", - "yesterday": "Ayer" + "yesterday": "Ayer", + "installed-sucessfully": "Shinkai Visor se instaló correctamente, navega a un sitio web y usa el botón de acción para comenzar a preguntar a Shinkai AI" } diff --git a/apps/shinkai-visor/src/service-worker/action.ts b/apps/shinkai-visor/src/service-worker/action.ts index d4c342793..49a7df57c 100644 --- a/apps/shinkai-visor/src/service-worker/action.ts +++ b/apps/shinkai-visor/src/service-worker/action.ts @@ -1,9 +1,37 @@ +import { srcUrlResolver } from "../helpers/src-url-resolver"; import { ContentScriptMessageType } from "./communication/content-script-message-type"; import { sendContentScriptMessage } from "./communication/content-script-messages"; -chrome.action.onClicked.addListener((tab) => { +const isChromeInternalUrl = (urlString: string): boolean => { + const url = new URL(urlString); + return url.protocol === 'chrome:'; +} + +const setDefaultPopup = (tabId: number, url: string): Promise => { + if (!url || isChromeInternalUrl(url)) { + console.log('setting the default popup'); + return chrome.action.setPopup({ popup: 'src/components/installed-popup/installed-popup.html', tabId }); + } else { + console.log('setting undefined default popup'); + return chrome.action.setPopup({ popup: '', tabId }); + } +} + +chrome.action.onClicked.addListener(async (tab) => { + console.log('actions.onClicked', tab?.id); if (!tab?.id) { return; } - sendContentScriptMessage({ type: ContentScriptMessageType.TogglePopupVisibility }, tab?.id); + sendContentScriptMessage({ type: ContentScriptMessageType.TogglePopupVisibility }, tab.id); +}); + +chrome.tabs.onUpdated.addListener((tabId, _, tab) => { + console.log('tabs.onUpdated', tabId); + setDefaultPopup(tabId, tab.url || ''); +}); + +chrome.tabs.onActivated.addListener(async (activeInfo) => { + const tab = await chrome.tabs.get(activeInfo.tabId); + console.log('tabs.onActivated', tab.id, tab.url); + setDefaultPopup(activeInfo.tabId, tab.url || ''); }); From b50e19ad882938f40fd50a7677b6faa57eecfaa3 Mon Sep 17 00:00:00 2001 From: Alfredo Gallardo Date: Thu, 19 Oct 2023 16:21:53 -0300 Subject: [PATCH 2/3] - fix: lint errors --- apps/shinkai-visor/src/components/create-job/create-job.tsx | 1 + apps/shinkai-visor/src/components/inbox/inbox.tsx | 2 +- apps/shinkai-visor/src/service-worker/action.ts | 1 - 3 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/shinkai-visor/src/components/create-job/create-job.tsx b/apps/shinkai-visor/src/components/create-job/create-job.tsx index 65508dae4..bea470479 100644 --- a/apps/shinkai-visor/src/components/create-job/create-job.tsx +++ b/apps/shinkai-visor/src/components/create-job/create-job.tsx @@ -137,6 +137,7 @@ export const CreateJob = () => { {agents?.map((agent) => ( { + // eslint-disable-next-line @typescript-eslint/no-explicit-any (agent.full_identity_name as any) ?.subidentity_name } diff --git a/apps/shinkai-visor/src/components/inbox/inbox.tsx b/apps/shinkai-visor/src/components/inbox/inbox.tsx index d601856db..2bd597484 100644 --- a/apps/shinkai-visor/src/components/inbox/inbox.tsx +++ b/apps/shinkai-visor/src/components/inbox/inbox.tsx @@ -17,9 +17,9 @@ import { FormattedMessage, useIntl } from 'react-intl'; import { useParams } from 'react-router-dom'; import { cn } from '../../helpers/cn-utils'; -import { Message } from '../message/message'; import { useAuth } from '../../store/auth/auth'; import { InboxInput } from '../inbox-input/inbox-input'; +import { Message } from '../message/message'; import { ScrollArea } from '../ui/scroll-area'; import { Skeleton } from '../ui/skeleton'; diff --git a/apps/shinkai-visor/src/service-worker/action.ts b/apps/shinkai-visor/src/service-worker/action.ts index 49a7df57c..22608d042 100644 --- a/apps/shinkai-visor/src/service-worker/action.ts +++ b/apps/shinkai-visor/src/service-worker/action.ts @@ -1,4 +1,3 @@ -import { srcUrlResolver } from "../helpers/src-url-resolver"; import { ContentScriptMessageType } from "./communication/content-script-message-type"; import { sendContentScriptMessage } from "./communication/content-script-messages"; From d12b88431222c64ddc1f92aa521fd86478499e6e Mon Sep 17 00:00:00 2001 From: Alfredo Gallardo Date: Thu, 19 Oct 2023 18:01:47 -0300 Subject: [PATCH 3/3] - fix: blocked ui when last message was sent by current user --- .../components/inbox-input/inbox-input.tsx | 12 +++++----- .../src/components/inbox/inbox.tsx | 24 ++++++++++++++----- .../src/components/ui/dots-loader.tsx | 13 ++++++++++ apps/shinkai-visor/tailwind.config.js | 10 ++++---- 4 files changed, 41 insertions(+), 18 deletions(-) create mode 100644 apps/shinkai-visor/src/components/ui/dots-loader.tsx diff --git a/apps/shinkai-visor/src/components/inbox-input/inbox-input.tsx b/apps/shinkai-visor/src/components/inbox-input/inbox-input.tsx index ad706eda9..757956fd9 100644 --- a/apps/shinkai-visor/src/components/inbox-input/inbox-input.tsx +++ b/apps/shinkai-visor/src/components/inbox-input/inbox-input.tsx @@ -1,10 +1,11 @@ import { zodResolver } from '@hookform/resolvers/zod'; -import { Loader2, Send } from 'lucide-react'; +import { Send } from 'lucide-react'; import { useForm } from 'react-hook-form'; import { useIntl } from 'react-intl'; import { z } from 'zod'; import { Button } from '../ui/button'; +import DotsLoader from '../ui/dots-loader'; import { Form, FormControl, @@ -15,7 +16,7 @@ import { import { Input } from '../ui/input'; const formSchema = z.object({ - message: z.string().nonempty(), + message: z.string().min(1), }); type InboxInputFieldType = z.infer; @@ -60,7 +61,6 @@ export const InboxInput = (props: InboxInputProps) => { {
diff --git a/apps/shinkai-visor/src/components/inbox/inbox.tsx b/apps/shinkai-visor/src/components/inbox/inbox.tsx index 2bd597484..006312c2e 100644 --- a/apps/shinkai-visor/src/components/inbox/inbox.tsx +++ b/apps/shinkai-visor/src/components/inbox/inbox.tsx @@ -57,6 +57,7 @@ export const Inbox = () => { const fromPreviousMessagesRef = useRef(false); const [decodedInboxId, setDecodedInboxId] = useState(''); const [isJobInbox, setIsJobInbox] = useState(false); + const [isJobProcessing, setIsJobProcessing] = useState(false); const fetchPreviousMessages = useCallback(async () => { const firstMessage = data?.pages?.[0]?.[0]; fromPreviousMessagesRef.current = true; @@ -78,6 +79,10 @@ export const Inbox = () => { chatContainerElement.scrollTop = currentHeight - previousHeight; } }, [fetchPreviousMessages, hasPreviousPage]); + const scrollToBottom = () => { + if (!chatContainerRef.current) return; + chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight; + }; useEffect(() => { const chatContainerElement = chatContainerRef.current; if (!chatContainerElement) return; @@ -96,16 +101,23 @@ export const Inbox = () => { setIsJobInbox(checkIsJobInbox(decodedInboxId)); } }, [decodedInboxId]); - const scrollToBottom = () => { - if (!chatContainerRef.current) return; - chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight; - }; useEffect(() => { if (!fromPreviousMessagesRef.current) { scrollToBottom(); } }, [data?.pages]); - + useEffect(() => { + const [firstMessagePage] = data?.pages || []; + const lastMessage = ([...firstMessagePage || []]).pop(); + if (lastMessage) { + const isLocal = isLocalMessage( + lastMessage, + auth?.shinkai_identity ?? '', + auth?.profile ?? '' + ); + setIsJobProcessing(isJobInbox && (isSendingMessage || isLocal)); + } + }, [data?.pages, auth, isSendingMessage, isJobInbox]); const submitSendMessage = (value: string) => { if (!auth) return; fromPreviousMessagesRef.current = false; @@ -266,7 +278,7 @@ export const Inbox = () => { submitSendMessage(value)} > diff --git a/apps/shinkai-visor/src/components/ui/dots-loader.tsx b/apps/shinkai-visor/src/components/ui/dots-loader.tsx new file mode 100644 index 000000000..c3f9b07bf --- /dev/null +++ b/apps/shinkai-visor/src/components/ui/dots-loader.tsx @@ -0,0 +1,13 @@ +const DotsLoader = ({ className }: { className?: string }) => { + return ( +
+
+
+
+
+
+
+ ); +}; + +export default DotsLoader; diff --git a/apps/shinkai-visor/tailwind.config.js b/apps/shinkai-visor/tailwind.config.js index 205677ca1..d0e183145 100644 --- a/apps/shinkai-visor/tailwind.config.js +++ b/apps/shinkai-visor/tailwind.config.js @@ -88,12 +88,10 @@ module.exports = { from: { height: 'var(--radix-accordion-content-height)' }, to: { height: 0 }, }, - keyframes: { - breath: { - '0%, 100%': { transform: 'opacity: 1' }, - '50%': { transform: 'opacity: .5' }, - } - } + breath: { + '0%, 100%': { transform: 'opacity: 1' }, + '50%': { transform: 'opacity: .5' }, + }, }, animation: { 'accordion-down': 'accordion-down 0.2s ease-out',