@sleep2agi/agent-network-dashboard 0.4.6-preview.176 → 0.4.6-preview.178

package/.next/trace

@@ -1,2 +1,2 @@
-[{"name":"generate-buildid","duration":294,"timestamp":64251799984,"id":4,"parentId":1,"tags":{},"startTime":1778872224046,"traceId":"fb47c7482ee06004"},{"name":"load-custom-routes","duration":660,"timestamp":64251800473,"id":5,"parentId":1,"tags":{},"startTime":1778872224047,"traceId":"fb47c7482ee06004"},{"name":"create-dist-dir","duration":636,"timestamp":64251801193,"id":6,"parentId":1,"tags":{},"startTime":1778872224047,"traceId":"fb47c7482ee06004"},{"name":"clean","duration":641,"timestamp":64251802518,"id":7,"parentId":1,"tags":{},"startTime":1778872224049,"traceId":"fb47c7482ee06004"},{"name":"discover-routes","duration":8854,"timestamp":64251883890,"id":8,"parentId":1,"tags":{},"startTime":1778872224130,"traceId":"fb47c7482ee06004"},{"name":"create-root-mapping","duration":102,"timestamp":64251892813,"id":9,"parentId":1,"tags":{},"startTime":1778872224139,"traceId":"fb47c7482ee06004"},{"name":"generate-route-types","duration":32173,"timestamp":64251895556,"id":10,"parentId":1,"tags":{},"startTime":1778872224142,"traceId":"fb47c7482ee06004"},{"name":"public-dir-conflict-check","duration":96,"timestamp":64251927901,"id":11,"parentId":1,"tags":{},"startTime":1778872224174,"traceId":"fb47c7482ee06004"},{"name":"generate-routes-manifest","duration":4655,"timestamp":64251928169,"id":12,"parentId":1,"tags":{},"startTime":1778872224174,"traceId":"fb47c7482ee06004"},{"name":"run-turbopack","duration":5468406,"timestamp":64251938169,"id":14,"parentId":1,"tags":{},"startTime":1778872224184,"traceId":"fb47c7482ee06004"},{"name":"turbopack-build-events","duration":70,"timestamp":64252219531,"id":15,"parentId":1,"tags":{},"startTime":1778872224466,"traceId":"fb47c7482ee06004"},{"name":"run-typescript","duration":8387667,"timestamp":64257421655,"id":16,"parentId":1,"tags":{},"startTime":1778872229668,"traceId":"fb47c7482ee06004"},{"name":"generate-required-server-files","duration":3019,"timestamp":64265810465,"id":18,"parentId":1,"tags":{},"startTime":1778872238057,"traceId":"fb47c7482ee06004"},{"name":"check-static-error-page","duration":11546,"timestamp":64265981051,"id":20,"parentId":19,"tags":{},"startTime":1778872238227,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":396355,"timestamp":64265995570,"id":63,"parentId":22,"tags":{},"startTime":1778872238242,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":408666,"timestamp":64265983451,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778872238230,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":505336,"timestamp":64265996111,"id":67,"parentId":28,"tags":{},"startTime":1778872238242,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":515403,"timestamp":64265986149,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778872238232,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":503841,"timestamp":64265997937,"id":69,"parentId":30,"tags":{},"startTime":1778872238244,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":515405,"timestamp":64265986418,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":523109,"timestamp":64265998160,"id":70,"parentId":32,"tags":{},"startTime":1778872238244,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":534543,"timestamp":64265986786,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":527233,"timestamp":64265995223,"id":62,"parentId":21,"tags":{},"startTime":1778872238241,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":540267,"timestamp":64265982243,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778872238229,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":526463,"timestamp":64265998233,"id":71,"parentId":33,"tags":{},"startTime":1778872238245,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":537810,"timestamp":64265986932,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":534294,"timestamp":64265995652,"id":64,"parentId":25,"tags":{},"startTime":1778872238242,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":544325,"timestamp":64265985696,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778872238232,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":534406,"timestamp":64265998306,"id":72,"parentId":34,"tags":{},"startTime":1778872238245,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":545712,"timestamp":64265987069,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":539268,"timestamp":64265995845,"id":66,"parentId":27,"tags":{},"startTime":1778872238242,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":549165,"timestamp":64265985999,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778872238232,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":536966,"timestamp":64265998473,"id":75,"parentId":37,"tags":{},"startTime":1778872238245,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":547648,"timestamp":64265987840,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":540095,"timestamp":64265995733,"id":65,"parentId":26,"tags":{},"startTime":1778872238242,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":549996,"timestamp":64265985879,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778872238232,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":538935,"timestamp":64265999619,"id":76,"parentId":38,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":550675,"timestamp":64265987932,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":540411,"timestamp":64265999655,"id":77,"parentId":39,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":552075,"timestamp":64265988031,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":541249,"timestamp":64265999686,"id":79,"parentId":41,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":552814,"timestamp":64265988164,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":544995,"timestamp":64265997745,"id":68,"parentId":29,"tags":{},"startTime":1778872238244,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":556519,"timestamp":64265986271,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":543224,"timestamp":64265999702,"id":80,"parentId":42,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":554723,"timestamp":64265988231,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":547049,"timestamp":64265998443,"id":74,"parentId":36,"tags":{},"startTime":1778872238245,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":557865,"timestamp":64265987687,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":549017,"timestamp":64265999781,"id":84,"parentId":46,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":560378,"timestamp":64265988472,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":551937,"timestamp":64265999717,"id":81,"parentId":43,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":563407,"timestamp":64265988293,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":553142,"timestamp":64265999809,"id":86,"parentId":48,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":564377,"timestamp":64265988618,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":556274,"timestamp":64265999825,"id":87,"parentId":49,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":567476,"timestamp":64265988677,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":557028,"timestamp":64265999764,"id":83,"parentId":45,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":568424,"timestamp":64265988412,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":554586,"timestamp":64266003539,"id":88,"parentId":24,"tags":{},"startTime":1778872238250,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":574327,"timestamp":64265983845,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778872238230,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":557020,"timestamp":64266004723,"id":89,"parentId":31,"tags":{},"startTime":1778872238251,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":575269,"timestamp":64265986541,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":570136,"timestamp":64265999794,"id":85,"parentId":47,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":581423,"timestamp":64265988556,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":577957,"timestamp":64265999734,"id":82,"parentId":44,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":589388,"timestamp":64265988348,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778872238235,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":601636,"timestamp":64265998335,"id":73,"parentId":35,"tags":{},"startTime":1778872238245,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":612851,"timestamp":64265987211,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778872238233,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":598439,"timestamp":64266011505,"id":95,"parentId":54,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":619574,"timestamp":64265990642,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":606887,"timestamp":64266011520,"id":96,"parentId":56,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":627275,"timestamp":64265991200,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":611465,"timestamp":64266011442,"id":91,"parentId":50,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":632951,"timestamp":64265990086,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778872238236,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":623575,"timestamp":64265999669,"id":78,"parentId":40,"tags":{},"startTime":1778872238246,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":635192,"timestamp":64265988106,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778872238234,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":613951,"timestamp":64266011532,"id":97,"parentId":57,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":634127,"timestamp":64265991405,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778872238238,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":616231,"timestamp":64266011547,"id":98,"parentId":59,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":635803,"timestamp":64265992036,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778872238238,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":619322,"timestamp":64266011409,"id":90,"parentId":23,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":647135,"timestamp":64265983654,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778872238230,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":620377,"timestamp":64266011582,"id":100,"parentId":61,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":639652,"timestamp":64265992338,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778872238239,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":618052,"timestamp":64266017994,"id":101,"parentId":58,"tags":{},"startTime":1778872238264,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":644502,"timestamp":64265991582,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778872238238,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":603726,"timestamp":64266034176,"id":102,"parentId":55,"tags":{},"startTime":1778872238280,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":647119,"timestamp":64265990811,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":634080,"timestamp":64266011474,"id":93,"parentId":52,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":655236,"timestamp":64265990354,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":634505,"timestamp":64266011462,"id":92,"parentId":51,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":655750,"timestamp":64265990242,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":636846,"timestamp":64266011490,"id":94,"parentId":53,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":657889,"timestamp":64265990487,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778872238237,"traceId":"fb47c7482ee06004"},{"name":"is-page-static","duration":660513,"timestamp":64266011566,"id":99,"parentId":60,"tags":{},"startTime":1778872238258,"traceId":"fb47c7482ee06004"},{"name":"check-page","duration":679939,"timestamp":64265992187,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778872238238,"traceId":"fb47c7482ee06004"},{"name":"static-check","duration":691936,"timestamp":64265980226,"id":19,"parentId":1,"tags":{},"startTime":1778872238227,"traceId":"fb47c7482ee06004"},{"name":"write-routes-manifest","duration":545,"timestamp":64266680788,"id":104,"parentId":1,"tags":{},"startTime":1778872238927,"traceId":"fb47c7482ee06004"},{"name":"load-dotenv","duration":84,"timestamp":64266695934,"id":107,"parentId":106,"tags":{},"startTime":1778872238942,"traceId":"fb47c7482ee06004"},{"name":"run-export-path-map","duration":852,"timestamp":64266699310,"id":108,"parentId":106,"tags":{},"startTime":1778872238946,"traceId":"fb47c7482ee06004"},{"name":"next-export","duration":560473,"timestamp":64266694202,"id":106,"parentId":1,"tags":{},"startTime":1778872238940,"traceId":"fb47c7482ee06004"}]
-[{"name":"move-exported-app-not-found-","duration":2040,"timestamp":64267258360,"id":109,"parentId":105,"tags":{},"startTime":1778872239505,"traceId":"fb47c7482ee06004"},{"name":"move-exported-app-global-error-","duration":492,"timestamp":64267260493,"id":110,"parentId":105,"tags":{},"startTime":1778872239507,"traceId":"fb47c7482ee06004"},{"name":"static-generation","duration":576489,"timestamp":64266686200,"id":105,"parentId":1,"tags":{},"startTime":1778872238932,"traceId":"fb47c7482ee06004"},{"name":"write-routes-manifest","duration":400,"timestamp":64267262861,"id":111,"parentId":1,"tags":{},"startTime":1778872239509,"traceId":"fb47c7482ee06004"},{"name":"print-tree-view","duration":3454,"timestamp":64267279391,"id":112,"parentId":1,"tags":{},"startTime":1778872239526,"traceId":"fb47c7482ee06004"},{"name":"write-route-bundle-stats","duration":12664,"timestamp":64267282870,"id":113,"parentId":1,"tags":{},"startTime":1778872239529,"traceId":"fb47c7482ee06004"},{"name":"telemetry-flush","duration":21850,"timestamp":64267295566,"id":114,"parentId":1,"tags":{},"startTime":1778872239542,"traceId":"fb47c7482ee06004"},{"name":"next-build","duration":15568860,"timestamp":64251748588,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778872223995,"traceId":"fb47c7482ee06004"}]
+[{"name":"generate-buildid","duration":243,"timestamp":64872875265,"id":4,"parentId":1,"tags":{},"startTime":1778872845122,"traceId":"6ddeea6035df4ef1"},{"name":"load-custom-routes","duration":475,"timestamp":64872875645,"id":5,"parentId":1,"tags":{},"startTime":1778872845122,"traceId":"6ddeea6035df4ef1"},{"name":"create-dist-dir","duration":587,"timestamp":64872876162,"id":6,"parentId":1,"tags":{},"startTime":1778872845122,"traceId":"6ddeea6035df4ef1"},{"name":"clean","duration":449,"timestamp":64872877400,"id":7,"parentId":1,"tags":{},"startTime":1778872845124,"traceId":"6ddeea6035df4ef1"},{"name":"discover-routes","duration":10607,"timestamp":64872962743,"id":8,"parentId":1,"tags":{},"startTime":1778872845209,"traceId":"6ddeea6035df4ef1"},{"name":"create-root-mapping","duration":165,"timestamp":64872973425,"id":9,"parentId":1,"tags":{},"startTime":1778872845220,"traceId":"6ddeea6035df4ef1"},{"name":"generate-route-types","duration":34600,"timestamp":64872976789,"id":10,"parentId":1,"tags":{},"startTime":1778872845223,"traceId":"6ddeea6035df4ef1"},{"name":"public-dir-conflict-check","duration":99,"timestamp":64873011567,"id":11,"parentId":1,"tags":{},"startTime":1778872845258,"traceId":"6ddeea6035df4ef1"},{"name":"generate-routes-manifest","duration":4584,"timestamp":64873011786,"id":12,"parentId":1,"tags":{},"startTime":1778872845258,"traceId":"6ddeea6035df4ef1"},{"name":"run-turbopack","duration":5840833,"timestamp":64873022238,"id":14,"parentId":1,"tags":{},"startTime":1778872845269,"traceId":"6ddeea6035df4ef1"},{"name":"turbopack-build-events","duration":132,"timestamp":64873299937,"id":15,"parentId":1,"tags":{},"startTime":1778872845546,"traceId":"6ddeea6035df4ef1"},{"name":"run-typescript","duration":8715972,"timestamp":64878879332,"id":16,"parentId":1,"tags":{},"startTime":1778872851126,"traceId":"6ddeea6035df4ef1"},{"name":"generate-required-server-files","duration":2316,"timestamp":64887596219,"id":18,"parentId":1,"tags":{},"startTime":1778872859842,"traceId":"6ddeea6035df4ef1"},{"name":"check-static-error-page","duration":14501,"timestamp":64887752242,"id":20,"parentId":19,"tags":{},"startTime":1778872859999,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":433933,"timestamp":64887769143,"id":63,"parentId":22,"tags":{},"startTime":1778872860015,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":447864,"timestamp":64887755366,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778872860002,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":558319,"timestamp":64887769828,"id":67,"parentId":28,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":567163,"timestamp":64887761086,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778872860007,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":559699,"timestamp":64887768823,"id":62,"parentId":21,"tags":{},"startTime":1778872860015,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":574756,"timestamp":64887753801,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778872860000,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":568566,"timestamp":64887770318,"id":70,"parentId":32,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":577239,"timestamp":64887761703,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":584592,"timestamp":64887769434,"id":65,"parentId":26,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":593266,"timestamp":64887760842,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778872860007,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":587874,"timestamp":64887769564,"id":66,"parentId":27,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":596543,"timestamp":64887760954,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778872860007,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":589085,"timestamp":64887769984,"id":68,"parentId":29,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":597918,"timestamp":64887761199,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778872860007,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":589828,"timestamp":64887770481,"id":73,"parentId":35,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":598286,"timestamp":64887762068,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":592585,"timestamp":64887770588,"id":74,"parentId":36,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":600678,"timestamp":64887762548,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":595475,"timestamp":64887770618,"id":75,"parentId":37,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":603397,"timestamp":64887762738,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":598223,"timestamp":64887770451,"id":72,"parentId":34,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":606767,"timestamp":64887761943,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":614518,"timestamp":64887770668,"id":79,"parentId":41,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":622073,"timestamp":64887763160,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":616580,"timestamp":64887770144,"id":69,"parentId":30,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":625435,"timestamp":64887761331,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":620991,"timestamp":64887770681,"id":80,"parentId":42,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":628469,"timestamp":64887763247,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":621264,"timestamp":64887770634,"id":76,"parentId":38,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":629036,"timestamp":64887762890,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":624294,"timestamp":64887770704,"id":82,"parentId":44,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":631645,"timestamp":64887763408,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":626536,"timestamp":64887770695,"id":81,"parentId":43,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":633951,"timestamp":64887763329,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":631102,"timestamp":64887770731,"id":84,"parentId":46,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":638294,"timestamp":64887763586,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":632117,"timestamp":64887770753,"id":86,"parentId":48,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":639100,"timestamp":64887763807,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":634620,"timestamp":64887770741,"id":85,"parentId":47,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":641689,"timestamp":64887763714,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":637818,"timestamp":64887770656,"id":78,"parentId":40,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":645434,"timestamp":64887763078,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":637569,"timestamp":64887776070,"id":88,"parentId":24,"tags":{},"startTime":1778872860022,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":657435,"timestamp":64887756245,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778872860003,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":645518,"timestamp":64887770647,"id":77,"parentId":39,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":653232,"timestamp":64887762976,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778872860009,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":646042,"timestamp":64887770716,"id":83,"parentId":45,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":653315,"timestamp":64887763495,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":651006,"timestamp":64887769311,"id":64,"parentId":25,"tags":{},"startTime":1778872860016,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":659701,"timestamp":64887760652,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778872860007,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":650206,"timestamp":64887770377,"id":71,"parentId":33,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":658783,"timestamp":64887761835,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":643763,"timestamp":64887785331,"id":94,"parentId":53,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":664469,"timestamp":64887764662,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":648048,"timestamp":64887783131,"id":89,"parentId":31,"tags":{},"startTime":1778872860029,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":669767,"timestamp":64887761449,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778872860008,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":651279,"timestamp":64887785342,"id":95,"parentId":54,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":671691,"timestamp":64887764964,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":667121,"timestamp":64887770765,"id":87,"parentId":49,"tags":{},"startTime":1778872860017,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":674032,"timestamp":64887763892,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778872860010,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":659277,"timestamp":64887785362,"id":97,"parentId":57,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":678833,"timestamp":64887765842,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778872860012,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":672696,"timestamp":64887785384,"id":99,"parentId":60,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":691729,"timestamp":64887766423,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778872860013,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":684007,"timestamp":64887785399,"id":100,"parentId":61,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":702928,"timestamp":64887766534,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778872860013,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":682887,"timestamp":64887794589,"id":101,"parentId":58,"tags":{},"startTime":1778872860041,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":711550,"timestamp":64887765992,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778872860012,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":676478,"timestamp":64887811684,"id":102,"parentId":55,"tags":{},"startTime":1778872860058,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":723000,"timestamp":64887765222,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":714648,"timestamp":64887785270,"id":90,"parentId":23,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":744010,"timestamp":64887755960,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778872860002,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":715114,"timestamp":64887785373,"id":98,"parentId":59,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":734224,"timestamp":64887766315,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778872860013,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":716122,"timestamp":64887785307,"id":92,"parentId":51,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":737114,"timestamp":64887764359,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":716190,"timestamp":64887785350,"id":96,"parentId":56,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":735900,"timestamp":64887765658,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778872860012,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":726993,"timestamp":64887785298,"id":91,"parentId":50,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":748094,"timestamp":64887764235,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"is-page-static","duration":735149,"timestamp":64887785319,"id":93,"parentId":52,"tags":{},"startTime":1778872860032,"traceId":"6ddeea6035df4ef1"},{"name":"check-page","duration":756016,"timestamp":64887764490,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778872860011,"traceId":"6ddeea6035df4ef1"},{"name":"static-check","duration":769336,"timestamp":64887751208,"id":19,"parentId":1,"tags":{},"startTime":1778872859997,"traceId":"6ddeea6035df4ef1"},{"name":"write-routes-manifest","duration":399,"timestamp":64888526930,"id":104,"parentId":1,"tags":{},"startTime":1778872860773,"traceId":"6ddeea6035df4ef1"},{"name":"load-dotenv","duration":36,"timestamp":64888538284,"id":107,"parentId":106,"tags":{},"startTime":1778872860785,"traceId":"6ddeea6035df4ef1"},{"name":"run-export-path-map","duration":893,"timestamp":64888540989,"id":108,"parentId":106,"tags":{},"startTime":1778872860787,"traceId":"6ddeea6035df4ef1"},{"name":"next-export","duration":665324,"timestamp":64888537092,"id":106,"parentId":1,"tags":{},"startTime":1778872860783,"traceId":"6ddeea6035df4ef1"}]
+[{"name":"move-exported-app-not-found-","duration":2483,"timestamp":64889206326,"id":109,"parentId":105,"tags":{},"startTime":1778872861453,"traceId":"6ddeea6035df4ef1"},{"name":"move-exported-app-global-error-","duration":745,"timestamp":64889208936,"id":110,"parentId":105,"tags":{},"startTime":1778872861455,"traceId":"6ddeea6035df4ef1"},{"name":"static-generation","duration":680875,"timestamp":64888531032,"id":105,"parentId":1,"tags":{},"startTime":1778872860777,"traceId":"6ddeea6035df4ef1"},{"name":"write-routes-manifest","duration":429,"timestamp":64889212132,"id":111,"parentId":1,"tags":{},"startTime":1778872861458,"traceId":"6ddeea6035df4ef1"},{"name":"print-tree-view","duration":5070,"timestamp":64889231493,"id":112,"parentId":1,"tags":{},"startTime":1778872861478,"traceId":"6ddeea6035df4ef1"},{"name":"write-route-bundle-stats","duration":15678,"timestamp":64889236602,"id":113,"parentId":1,"tags":{},"startTime":1778872861483,"traceId":"6ddeea6035df4ef1"},{"name":"telemetry-flush","duration":19483,"timestamp":64889252317,"id":114,"parentId":1,"tags":{},"startTime":1778872861499,"traceId":"6ddeea6035df4ef1"},{"name":"next-build","duration":16447926,"timestamp":64872823918,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778872845070,"traceId":"6ddeea6035df4ef1"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":5468406,"timestamp":64251938169,"id":14,"parentId":1,"tags":{},"startTime":1778872224184,"traceId":"fb47c7482ee06004"},{"name":"turbopack-build-events","duration":70,"timestamp":64252219531,"id":15,"parentId":1,"tags":{},"startTime":1778872224466,"traceId":"fb47c7482ee06004"},{"name":"run-typescript","duration":8387667,"timestamp":64257421655,"id":16,"parentId":1,"tags":{},"startTime":1778872229668,"traceId":"fb47c7482ee06004"},{"name":"static-check","duration":691936,"timestamp":64265980226,"id":19,"parentId":1,"tags":{},"startTime":1778872238227,"traceId":"fb47c7482ee06004"},{"name":"static-generation","duration":576489,"timestamp":64266686200,"id":105,"parentId":1,"tags":{},"startTime":1778872238932,"traceId":"fb47c7482ee06004"},{"name":"telemetry-flush","duration":21850,"timestamp":64267295566,"id":114,"parentId":1,"tags":{},"startTime":1778872239542,"traceId":"fb47c7482ee06004"},{"name":"next-build","duration":15568860,"timestamp":64251748588,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778872223995,"traceId":"fb47c7482ee06004"}]
+[{"name":"run-turbopack","duration":5840833,"timestamp":64873022238,"id":14,"parentId":1,"tags":{},"startTime":1778872845269,"traceId":"6ddeea6035df4ef1"},{"name":"turbopack-build-events","duration":132,"timestamp":64873299937,"id":15,"parentId":1,"tags":{},"startTime":1778872845546,"traceId":"6ddeea6035df4ef1"},{"name":"run-typescript","duration":8715972,"timestamp":64878879332,"id":16,"parentId":1,"tags":{},"startTime":1778872851126,"traceId":"6ddeea6035df4ef1"},{"name":"static-check","duration":769336,"timestamp":64887751208,"id":19,"parentId":1,"tags":{},"startTime":1778872859997,"traceId":"6ddeea6035df4ef1"},{"name":"static-generation","duration":680875,"timestamp":64888531032,"id":105,"parentId":1,"tags":{},"startTime":1778872860777,"traceId":"6ddeea6035df4ef1"},{"name":"telemetry-flush","duration":19483,"timestamp":64889252317,"id":114,"parentId":1,"tags":{},"startTime":1778872861499,"traceId":"6ddeea6035df4ef1"},{"name":"next-build","duration":16447926,"timestamp":64872823918,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778872845070,"traceId":"6ddeea6035df4ef1"}]

package/app/components/TopoGraph.tsx

@@ -444,11 +444,28 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
       if (saved === 'grid' || saved === 'ring') setLayout(saved);
     } catch {}
   }, []);
-  const toggleLayout = () => setLayout(prev => {
-    const next = prev === 'ring' ? 'grid' : 'ring';
-    try { localStorage.setItem('anet-topo-layout', next); } catch {}
-    return next;
-  });
+  // Round 170 / Loop: layout toggle (Ring ↔ Grid) used to teleport
+  // every node from its old position to its new one in one paint
+  // frame — the most jarring single user action left on the
+  // canvas. Solution: dim the viewport <g> to ~45% opacity for
+  // the duration of the swap so the eye reads it as a soft
+  // crossfade-blink rather than a hard teleport. layoutSwitching
+  // is a one-shot flag; the inline style on the viewport <g>
+  // reads it and lerps opacity 1 → 0.45 → 1 across the swap.
+  // Auto-clears after 400ms (covers fade-down 250ms + buffer for
+  // React to commit the new layout's positions). Same pattern as
+  // R168's smoothView arming but on a different visual axis
+  // (opacity, not transform).
+  const [layoutSwitching, setLayoutSwitching] = useState(false);
+  const toggleLayout = () => {
+    setLayoutSwitching(true);
+    setTimeout(() => setLayoutSwitching(false), 400);
+    setLayout(prev => {
+      const next = prev === 'ring' ? 'grid' : 'ring';
+      try { localStorage.setItem('anet-topo-layout', next); } catch {}
+      return next;
+    });
+  };
   // Issue #113: node size scale (Vincent 4727 — nodes too big / crowded at
   // ~22 nodes). S/M/L → 0.7/0.84/1.0; default M (one notch down from the old
   // fixed size). Persisted like the layout toggle.
@@ -459,7 +476,24 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
       if (saved === 0.7 || saved === 0.84 || saved === 1) setNodeScale(saved);
     } catch {}
   }, []);
+  // Round 171 / Loop: nodeSize change picks up the R170 crossfade
+  // pattern. Clicking S/M/L in the chrome re-derives every node's
+  // radius + label sizing + (in grid layout) cell spacing — a
+  // wholesale visual shift. Pre-R171 the resize snapped in one
+  // paint frame; with this flag the viewport <g> opacity dims to
+  // 0.45 for ~400ms, masking the redraw as a soft blink (same
+  // vocabulary R170 uses for layout toggle). Bails early when
+  // the picked scale matches the current one — clicking the
+  // already-active button shouldn't fire a fade. Composes with
+  // R170 layoutSwitching via `||` in the opacity expression; both
+  // flags drive the same opacity transition but expose distinct
+  // data-* attributes so tests can disambiguate which gesture
+  // armed the crossfade.
+  const [nodeSizeSwitching, setNodeSizeSwitching] = useState(false);
   const pickNodeScale = (v: number) => {
+    if (v === nodeScale) return;
+    setNodeSizeSwitching(true);
+    setTimeout(() => setNodeSizeSwitching(false), 400);
     setNodeScale(v);
     try { localStorage.setItem('anet-topo-nodescale', String(v)); } catch {}
   };
@@ -2259,7 +2293,25 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
             transform={`translate(${view.x} ${view.y}) scale(${view.zoom})`}
             data-topo-viewport
             data-topo-viewport-smooth={smoothView ? 'true' : 'false'}
-            style={smoothView ? { transition: 'transform 300ms ease-out' } : undefined}
+            data-topo-viewport-layout-switching={layoutSwitching ? 'true' : 'false'}
+            data-topo-viewport-nodesize-switching={nodeSizeSwitching ? 'true' : 'false'}
+            style={{
+              // R170 / Loop: opacity always carries a transition so the
+              // layout-switch crossfade fires cleanly. R168 smoothView
+              // transition on transform is added only when armed (pan
+              // and wheel zoom MUST stay snappy). The two arming flags
+              // compose without conflict — different visual axes.
+              // R171: nodeSizeSwitching shares the same opacity-dim
+              // pathway as layoutSwitching — clicking S/M/L in the
+              // chrome triggers the same soft-blink masking. ORing
+              // both flags keeps the opacity expression simple while
+              // the two distinct data-* attributes let tests
+              // disambiguate which gesture armed the crossfade.
+              transition: smoothView
+                ? 'opacity 250ms ease-out, transform 300ms ease-out'
+                : 'opacity 250ms ease-out',
+              opacity: (layoutSwitching || nodeSizeSwitching) ? 0.45 : 1,
+            }}
           >
           {/* Issue #87: radar/ring ambiance renders only in ring layout —
               grid mode drops it so the concentric rings don't sit behind a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.4.6-preview.176",
+  "version": "0.4.6-preview.178",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",

package/scripts/topo-layout-switch-crossfade-test.mjs

@@ -0,0 +1,126 @@
+/* Round 170 verification: layout toggle (Ring ↔ Grid) crossfade.
+ *
+ * Pre-R170 clicking Ring/Grid teleported every node to its new
+ * position in one frame — most jarring user action on the canvas.
+ *
+ * R170 introduces layoutSwitching one-shot flag (same pattern as
+ * R168 smoothView but on opacity axis). The viewport <g>:
+ *   transition: 'opacity 250ms ease-out' (always present)
+ *              + 'transform 300ms ease-out' (when smoothView armed)
+ *   opacity: layoutSwitching ? 0.45 : 1
+ *   data-topo-viewport-layout-switching: 'true' | 'false'
+ *
+ * Layout state swap is synchronous (setLayout) — the dim masks
+ * the snap as a soft blink. Auto-clears 400ms (covers fade-down
+ * 250ms + buffer for React commit).
+ *
+ * Test:
+ *   1. Idle (ring layout): layoutSwitching='false', opacity=1
+ *   2. Press 'L' (toggleLayout) → flag='true', opacity=0.45
+ *   3. Layout state flipped to grid (group boxes visible)
+ *   4. Wait 450ms → flag='false', opacity=1
+ *   5. Press 'L' again → flag='true' (reverse direction works too)
+ */
+import { chromium } from 'playwright';
+import { readFileSync } from 'node:fs';
+
+const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
+const browser = await chromium.launch({ headless: true });
+
+const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
+await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
+await ctx.addInitScript(() => {
+  try {
+    localStorage.setItem('anet-theme', 'cyber');
+    sessionStorage.setItem('anet_v3_auth', '1');
+    localStorage.setItem('anet-topo-layout', 'ring');
+  } catch {}
+});
+
+const fresh = new Date(Date.now() - 60 * 1000).toISOString();
+await ctx.route('**/api/hub/status*', async (route) => {
+  const r = await route.fetch();
+  const b = await r.json();
+  const nid = (b.sessions || [])[0]?.network_id || 'default';
+  const mk = (alias) => ({
+    alias, status: 'working', model: 'claude-opus-4', runtime: 'cli-claude-code',
+    network_id: nid, project_dir: null,
+    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
+  });
+  // Prefix-clustered aliases so group boxes render in grid layout
+  await route.fulfill({ response: r, json: { ...b, sessions: [
+    mk('agents-a1'), mk('agents-a2'), mk('infra-b1'), mk('infra-b2'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
+await page.waitForSelector('[data-topo-viewport]', { timeout: 10000 });
+await page.waitForTimeout(400);
+
+const probeViewport = () => page.evaluate(() => {
+  const g = document.querySelector('[data-topo-viewport]');
+  return {
+    layoutSwitching: g?.getAttribute('data-topo-viewport-layout-switching'),
+    opacity:        g?.style?.opacity || '',
+    transition:     g?.style?.transition || '',
+    hubVisible:     !!document.querySelector('[data-topo-hub]'),
+    groupBoxes:     document.querySelectorAll('[data-group-box-pinned]').length,
+  };
+});
+
+const idle = await probeViewport();
+
+// Press 'L' to toggle ring → grid. Probe within 400ms window.
+await page.keyboard.press('l');
+await page.waitForTimeout(50);
+const duringToggle1 = await probeViewport();
+
+// Wait past 400ms window
+await page.waitForTimeout(420);
+const afterToggle1 = await probeViewport();
+
+// Press 'L' again to toggle grid → ring
+await page.keyboard.press('l');
+await page.waitForTimeout(50);
+const duringToggle2 = await probeViewport();
+
+await page.waitForTimeout(420);
+const afterToggle2 = await probeViewport();
+
+await browser.close();
+
+const results = {
+  viewport_found:                idle !== null,
+  idle_layoutSwitching_false:    idle.layoutSwitching === 'false',
+  idle_opacity_1:                idle.opacity === '1' || idle.opacity === '',
+  idle_has_opacity_transition:   idle.transition.includes('opacity 250ms'),
+  idle_in_ring:                  idle.hubVisible && idle.groupBoxes === 0,
+
+  toggle1_flag_true:             duringToggle1.layoutSwitching === 'true',
+  toggle1_opacity_0p45:          duringToggle1.opacity === '0.45',
+  // Layout state has flipped synchronously inside toggleLayout
+  toggle1_now_grid:              !duringToggle1.hubVisible && duringToggle1.groupBoxes > 0,
+
+  after1_flag_false:             afterToggle1.layoutSwitching === 'false',
+  after1_opacity_1:              afterToggle1.opacity === '1',
+  after1_still_grid:             !afterToggle1.hubVisible && afterToggle1.groupBoxes > 0,
+
+  toggle2_flag_true:             duringToggle2.layoutSwitching === 'true',
+  toggle2_opacity_0p45:          duringToggle2.opacity === '0.45',
+  toggle2_back_to_ring:          duringToggle2.hubVisible && duringToggle2.groupBoxes === 0,
+
+  after2_flag_false:             afterToggle2.layoutSwitching === 'false',
+  after2_opacity_1:              afterToggle2.opacity === '1',
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} layout switch crossfade:`, JSON.stringify(results),
+  `\n  idle =`, idle,
+  `\n  during toggle1 (ring→grid) =`, duringToggle1,
+  `\n  after toggle1 =`, afterToggle1,
+  `\n  during toggle2 (grid→ring) =`, duringToggle2,
+  `\n  after toggle2 =`, afterToggle2);
+process.exit(ok ? 0 : 1);

package/scripts/topo-nodesize-crossfade-test.mjs

@@ -0,0 +1,141 @@
+/* Round 171 verification: nodeSize change (S/M/L) picks up the
+ * R170 crossfade pattern.
+ *
+ * Pre-R171 clicking S → L (or any non-active button) in the
+ * chrome node-size segment re-derived every node's radius +
+ * label sizing + (in grid) cell spacing in one paint frame.
+ * Wholesale visual shift, no easing.
+ *
+ * R171 introduces nodeSizeSwitching one-shot flag (parallel
+ * to R170 layoutSwitching). pickNodeScale arms it for 400ms
+ * UNLESS the picked scale matches the current one (clicking
+ * the already-active button bails early). The viewport <g>
+ * opacity dims to 0.45 via the same `(layoutSwitching ||
+ * nodeSizeSwitching)` OR expression.
+ *
+ * Test:
+ *   1. Idle: nodeSize-switching='false', opacity=1, M active
+ *   2. Click 'S' → flag='true', opacity='0.45', S now active
+ *   3. Wait 450ms → flag='false', opacity='1', S still active
+ *   4. Click 'S' again (same as current) → no flag arm (bail)
+ *   5. Click 'L' → flag='true' again
+ */
+import { chromium } from 'playwright';
+import { readFileSync } from 'node:fs';
+
+const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
+const browser = await chromium.launch({ headless: true });
+
+const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
+await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
+await ctx.addInitScript(() => {
+  try {
+    localStorage.setItem('anet-theme', 'cyber');
+    sessionStorage.setItem('anet_v3_auth', '1');
+    // Default M (0.84) per the React useState — explicitly clear any
+    // saved value so the test starts at a known state.
+    localStorage.removeItem('anet-topo-nodescale');
+  } catch {}
+});
+
+const fresh = new Date(Date.now() - 60 * 1000).toISOString();
+await ctx.route('**/api/hub/status*', async (route) => {
+  const r = await route.fetch();
+  const b = await r.json();
+  const nid = (b.sessions || [])[0]?.network_id || 'default';
+  const mk = (alias) => ({
+    alias, status: 'working', model: 'claude-opus-4', runtime: 'cli-claude-code',
+    network_id: nid, project_dir: null,
+    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
+  });
+  await route.fulfill({ response: r, json: { ...b, sessions: [mk('alpha'), mk('beta'), mk('gamma')] } });
+});
+await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 3, { timeout: 30000 });
+await page.waitForSelector('[data-topo-viewport]', { timeout: 10000 });
+await page.waitForSelector('[data-topo-chrome-nodesize="S"]', { timeout: 10000 });
+await page.waitForTimeout(400);
+
+const probe = () => page.evaluate(() => {
+  const g = document.querySelector('[data-topo-viewport]');
+  const sBtn = document.querySelector('[data-topo-chrome-nodesize="S"]');
+  const mBtn = document.querySelector('[data-topo-chrome-nodesize="M"]');
+  const lBtn = document.querySelector('[data-topo-chrome-nodesize="L"]');
+  return {
+    nodeSizeSwitching: g?.getAttribute('data-topo-viewport-nodesize-switching'),
+    opacity:           g?.style?.opacity || '',
+    transition:        g?.style?.transition || '',
+    s_active:          sBtn?.getAttribute('data-topo-chrome-nodesize-active'),
+    m_active:          mBtn?.getAttribute('data-topo-chrome-nodesize-active'),
+    l_active:          lBtn?.getAttribute('data-topo-chrome-nodesize-active'),
+  };
+});
+
+const idle = await probe();
+
+// Click S → flag arms, opacity drops
+await page.locator('[data-topo-chrome-nodesize="S"]').click();
+await page.waitForTimeout(50);
+const duringS = await probe();
+
+// Wait past 400ms window
+await page.waitForTimeout(450);
+const afterS = await probe();
+
+// Click S again (same as current) → no fire, no fade
+await page.locator('[data-topo-chrome-nodesize="S"]').click();
+await page.waitForTimeout(50);
+const sameS = await probe();
+
+// Click L (different from S) → flag arms again
+await page.locator('[data-topo-chrome-nodesize="L"]').click();
+await page.waitForTimeout(50);
+const duringL = await probe();
+
+await page.waitForTimeout(450);
+const afterL = await probe();
+
+await browser.close();
+
+const results = {
+  viewport_found:                idle !== null,
+  idle_flag_false:               idle.nodeSizeSwitching === 'false',
+  idle_opacity_1:                idle.opacity === '1' || idle.opacity === '',
+  idle_has_opacity_transition:   idle.transition.includes('opacity 250ms'),
+  idle_M_active:                 idle.m_active === 'true',
+  idle_S_inactive:               idle.s_active === 'false',
+  idle_L_inactive:               idle.l_active === 'false',
+
+  S_armed_flag:                  duringS.nodeSizeSwitching === 'true',
+  S_armed_opacity_0p45:          duringS.opacity === '0.45',
+  S_active_after_click:          duringS.s_active === 'true',
+  S_M_deactivated:               duringS.m_active === 'false',
+
+  after_S_flag_false:            afterS.nodeSizeSwitching === 'false',
+  after_S_opacity_1:             afterS.opacity === '1',
+  after_S_still_S_active:        afterS.s_active === 'true',
+
+  sameS_no_arm:                  sameS.nodeSizeSwitching === 'false',
+  sameS_opacity_stable:          sameS.opacity === '1',
+
+  L_armed_flag:                  duringL.nodeSizeSwitching === 'true',
+  L_armed_opacity_0p45:          duringL.opacity === '0.45',
+  L_active_after_click:          duringL.l_active === 'true',
+  L_S_deactivated:               duringL.s_active === 'false',
+
+  after_L_flag_false:            afterL.nodeSizeSwitching === 'false',
+  after_L_opacity_1:             afterL.opacity === '1',
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} nodesize crossfade:`, JSON.stringify(results),
+  `\n  idle     =`, idle,
+  `\n  during S =`, duringS,
+  `\n  after  S =`, afterS,
+  `\n  same   S =`, sameS,
+  `\n  during L =`, duringL,
+  `\n  after  L =`, afterL);
+process.exit(ok ? 0 : 1);