@sleep2agi/agent-network-dashboard 0.4.6-preview.169 → 0.4.6-preview.170

package/.next/trace

@@ -1,2 +1,2 @@
-[{"name":"generate-buildid","duration":244,"timestamp":61837078195,"id":4,"parentId":1,"tags":{},"startTime":1778869809324,"traceId":"d3416df3298393ed"},{"name":"load-custom-routes","duration":477,"timestamp":61837078573,"id":5,"parentId":1,"tags":{},"startTime":1778869809325,"traceId":"d3416df3298393ed"},{"name":"create-dist-dir","duration":583,"timestamp":61837079092,"id":6,"parentId":1,"tags":{},"startTime":1778869809325,"traceId":"d3416df3298393ed"},{"name":"clean","duration":448,"timestamp":61837080312,"id":7,"parentId":1,"tags":{},"startTime":1778869809327,"traceId":"d3416df3298393ed"},{"name":"discover-routes","duration":9373,"timestamp":61837160095,"id":8,"parentId":1,"tags":{},"startTime":1778869809406,"traceId":"d3416df3298393ed"},{"name":"create-root-mapping","duration":137,"timestamp":61837169521,"id":9,"parentId":1,"tags":{},"startTime":1778869809416,"traceId":"d3416df3298393ed"},{"name":"generate-route-types","duration":30124,"timestamp":61837172228,"id":10,"parentId":1,"tags":{},"startTime":1778869809419,"traceId":"d3416df3298393ed"},{"name":"public-dir-conflict-check","duration":92,"timestamp":61837202495,"id":11,"parentId":1,"tags":{},"startTime":1778869809449,"traceId":"d3416df3298393ed"},{"name":"generate-routes-manifest","duration":4394,"timestamp":61837202705,"id":12,"parentId":1,"tags":{},"startTime":1778869809449,"traceId":"d3416df3298393ed"},{"name":"run-turbopack","duration":5374832,"timestamp":61837211723,"id":14,"parentId":1,"tags":{},"startTime":1778869809458,"traceId":"d3416df3298393ed"},{"name":"turbopack-build-events","duration":129,"timestamp":61837495936,"id":15,"parentId":1,"tags":{},"startTime":1778869809742,"traceId":"d3416df3298393ed"},{"name":"run-typescript","duration":8288323,"timestamp":61842595254,"id":16,"parentId":1,"tags":{},"startTime":1778869814842,"traceId":"d3416df3298393ed"},{"name":"generate-required-server-files","duration":2549,"timestamp":61850884883,"id":18,"parentId":1,"tags":{},"startTime":1778869823131,"traceId":"d3416df3298393ed"},{"name":"check-static-error-page","duration":11566,"timestamp":61851055359,"id":20,"parentId":19,"tags":{},"startTime":1778869823302,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":439183,"timestamp":61851069682,"id":63,"parentId":22,"tags":{},"startTime":1778869823316,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":451365,"timestamp":61851057679,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778869823304,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":524329,"timestamp":61851069400,"id":62,"parentId":21,"tags":{},"startTime":1778869823316,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":537326,"timestamp":61851056505,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778869823303,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":532538,"timestamp":61851070382,"id":67,"parentId":28,"tags":{},"startTime":1778869823317,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":543493,"timestamp":61851060315,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":550002,"timestamp":61851069929,"id":65,"parentId":26,"tags":{},"startTime":1778869823316,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":559863,"timestamp":61851060134,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778869823306,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":554094,"timestamp":61851070523,"id":68,"parentId":29,"tags":{},"startTime":1778869823317,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":564280,"timestamp":61851060402,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":554018,"timestamp":61851072475,"id":72,"parentId":34,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":565488,"timestamp":61851061162,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":559329,"timestamp":61851072503,"id":73,"parentId":35,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":570663,"timestamp":61851061294,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":562062,"timestamp":61851070131,"id":66,"parentId":27,"tags":{},"startTime":1778869823316,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":572014,"timestamp":61851060219,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778869823306,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":567950,"timestamp":61851069813,"id":64,"parentId":25,"tags":{},"startTime":1778869823316,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":577832,"timestamp":61851059984,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778869823306,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":571310,"timestamp":61851072710,"id":77,"parentId":39,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":582107,"timestamp":61851061961,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":571808,"timestamp":61851072395,"id":71,"parentId":33,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":583186,"timestamp":61851061049,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":573203,"timestamp":61851072109,"id":69,"parentId":30,"tags":{},"startTime":1778869823318,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":584848,"timestamp":61851060507,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":575276,"timestamp":61851072669,"id":75,"parentId":37,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":586189,"timestamp":61851061806,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":577574,"timestamp":61851072745,"id":80,"parentId":42,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":588176,"timestamp":61851062188,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":583461,"timestamp":61851072758,"id":81,"parentId":43,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":594004,"timestamp":61851062258,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778869823309,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":588731,"timestamp":61851072737,"id":79,"parentId":41,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":599396,"timestamp":61851062117,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":588937,"timestamp":61851072771,"id":82,"parentId":44,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":599405,"timestamp":61851062351,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778869823309,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":589294,"timestamp":61851072633,"id":74,"parentId":36,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":600300,"timestamp":61851061664,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":590036,"timestamp":61851072781,"id":83,"parentId":45,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":600406,"timestamp":61851062459,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778869823309,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":592282,"timestamp":61851072793,"id":84,"parentId":46,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":602572,"timestamp":61851062551,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778869823309,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":594221,"timestamp":61851072807,"id":85,"parentId":47,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":604396,"timestamp":61851062678,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778869823309,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":595627,"timestamp":61851072831,"id":87,"parentId":49,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":604123,"timestamp":61851064391,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":594778,"timestamp":61851076375,"id":88,"parentId":24,"tags":{},"startTime":1778869823323,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":613116,"timestamp":61851058090,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778869823304,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":593876,"timestamp":61851077506,"id":89,"parentId":31,"tags":{},"startTime":1778869823324,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":610771,"timestamp":61851060648,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":609617,"timestamp":61851072683,"id":76,"parentId":38,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":620447,"timestamp":61851061897,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":609743,"timestamp":61851072724,"id":78,"parentId":40,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":620448,"timestamp":61851062052,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778869823308,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":609774,"timestamp":61851072821,"id":86,"parentId":48,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":618354,"timestamp":61851064269,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":617801,"timestamp":61851072321,"id":70,"parentId":32,"tags":{},"startTime":1778869823319,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":629266,"timestamp":61851060899,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778869823307,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":618733,"timestamp":61851080417,"id":96,"parentId":56,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":633386,"timestamp":61851065817,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778869823312,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":628421,"timestamp":61851080438,"id":97,"parentId":57,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":642948,"timestamp":61851065958,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778869823312,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":633165,"timestamp":61851080448,"id":98,"parentId":59,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":647282,"timestamp":61851066374,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778869823313,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":646858,"timestamp":61851080465,"id":99,"parentId":60,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":660866,"timestamp":61851066517,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778869823313,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":649818,"timestamp":61851080368,"id":92,"parentId":51,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":665435,"timestamp":61851064813,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":654328,"timestamp":61851080483,"id":100,"parentId":61,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":668199,"timestamp":61851066656,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778869823313,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":654585,"timestamp":61851080353,"id":91,"parentId":50,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":670275,"timestamp":61851064687,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":649199,"timestamp":61851088475,"id":101,"parentId":58,"tags":{},"startTime":1778869823335,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":671631,"timestamp":61851066095,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778869823312,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":619443,"timestamp":61851122658,"id":102,"parentId":55,"tags":{},"startTime":1778869823369,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":676720,"timestamp":61851065414,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778869823312,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":667570,"timestamp":61851080404,"id":95,"parentId":54,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":682803,"timestamp":61851065227,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":669740,"timestamp":61851080390,"id":94,"parentId":53,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":685090,"timestamp":61851065081,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":670665,"timestamp":61851080328,"id":90,"parentId":23,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":693170,"timestamp":61851057893,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778869823304,"traceId":"d3416df3298393ed"},{"name":"is-page-static","duration":690706,"timestamp":61851080380,"id":93,"parentId":52,"tags":{},"startTime":1778869823327,"traceId":"d3416df3298393ed"},{"name":"check-page","duration":706231,"timestamp":61851064919,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778869823311,"traceId":"d3416df3298393ed"},{"name":"static-check","duration":716702,"timestamp":61851054512,"id":19,"parentId":1,"tags":{},"startTime":1778869823301,"traceId":"d3416df3298393ed"},{"name":"write-routes-manifest","duration":634,"timestamp":61851785157,"id":104,"parentId":1,"tags":{},"startTime":1778869824031,"traceId":"d3416df3298393ed"},{"name":"load-dotenv","duration":71,"timestamp":61851810648,"id":107,"parentId":106,"tags":{},"startTime":1778869824057,"traceId":"d3416df3298393ed"},{"name":"run-export-path-map","duration":622,"timestamp":61851813573,"id":108,"parentId":106,"tags":{},"startTime":1778869824060,"traceId":"d3416df3298393ed"},{"name":"next-export","duration":585771,"timestamp":61851808868,"id":106,"parentId":1,"tags":{},"startTime":1778869824055,"traceId":"d3416df3298393ed"}]
-[{"name":"move-exported-app-not-found-","duration":2862,"timestamp":61852397692,"id":109,"parentId":105,"tags":{},"startTime":1778869824644,"traceId":"d3416df3298393ed"},{"name":"move-exported-app-global-error-","duration":1105,"timestamp":61852400657,"id":110,"parentId":105,"tags":{},"startTime":1778869824647,"traceId":"d3416df3298393ed"},{"name":"static-generation","duration":606250,"timestamp":61851797583,"id":105,"parentId":1,"tags":{},"startTime":1778869824044,"traceId":"d3416df3298393ed"},{"name":"write-routes-manifest","duration":417,"timestamp":61852404031,"id":111,"parentId":1,"tags":{},"startTime":1778869824650,"traceId":"d3416df3298393ed"},{"name":"print-tree-view","duration":3399,"timestamp":61852418486,"id":112,"parentId":1,"tags":{},"startTime":1778869824665,"traceId":"d3416df3298393ed"},{"name":"write-route-bundle-stats","duration":13167,"timestamp":61852421911,"id":113,"parentId":1,"tags":{},"startTime":1778869824668,"traceId":"d3416df3298393ed"},{"name":"telemetry-flush","duration":28523,"timestamp":61852435106,"id":114,"parentId":1,"tags":{},"startTime":1778869824681,"traceId":"d3416df3298393ed"},{"name":"next-build","duration":15432015,"timestamp":61837031638,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778869809278,"traceId":"d3416df3298393ed"}]
+[{"name":"generate-buildid","duration":246,"timestamp":62114732178,"id":4,"parentId":1,"tags":{},"startTime":1778870086978,"traceId":"1593792d634ba3c3"},{"name":"load-custom-routes","duration":469,"timestamp":62114732559,"id":5,"parentId":1,"tags":{},"startTime":1778870086979,"traceId":"1593792d634ba3c3"},{"name":"create-dist-dir","duration":590,"timestamp":62114733070,"id":6,"parentId":1,"tags":{},"startTime":1778870086979,"traceId":"1593792d634ba3c3"},{"name":"clean","duration":467,"timestamp":62114734467,"id":7,"parentId":1,"tags":{},"startTime":1778870086981,"traceId":"1593792d634ba3c3"},{"name":"discover-routes","duration":9400,"timestamp":62114814642,"id":8,"parentId":1,"tags":{},"startTime":1778870087061,"traceId":"1593792d634ba3c3"},{"name":"create-root-mapping","duration":108,"timestamp":62114824101,"id":9,"parentId":1,"tags":{},"startTime":1778870087070,"traceId":"1593792d634ba3c3"},{"name":"generate-route-types","duration":33174,"timestamp":62114826778,"id":10,"parentId":1,"tags":{},"startTime":1778870087073,"traceId":"1593792d634ba3c3"},{"name":"public-dir-conflict-check","duration":97,"timestamp":62114860151,"id":11,"parentId":1,"tags":{},"startTime":1778870087106,"traceId":"1593792d634ba3c3"},{"name":"generate-routes-manifest","duration":4285,"timestamp":62114860367,"id":12,"parentId":1,"tags":{},"startTime":1778870087107,"traceId":"1593792d634ba3c3"},{"name":"run-turbopack","duration":5170315,"timestamp":62114870207,"id":14,"parentId":1,"tags":{},"startTime":1778870087116,"traceId":"1593792d634ba3c3"},{"name":"turbopack-build-events","duration":102,"timestamp":62115152339,"id":15,"parentId":1,"tags":{},"startTime":1778870087399,"traceId":"1593792d634ba3c3"},{"name":"run-typescript","duration":8689774,"timestamp":62120076092,"id":16,"parentId":1,"tags":{},"startTime":1778870092322,"traceId":"1593792d634ba3c3"},{"name":"generate-required-server-files","duration":2307,"timestamp":62128767087,"id":18,"parentId":1,"tags":{},"startTime":1778870101013,"traceId":"1593792d634ba3c3"},{"name":"check-static-error-page","duration":14441,"timestamp":62128955095,"id":20,"parentId":19,"tags":{},"startTime":1778870101201,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":414953,"timestamp":62128972473,"id":63,"parentId":22,"tags":{},"startTime":1778870101219,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":429256,"timestamp":62128958347,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778870101205,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":524533,"timestamp":62128972744,"id":65,"parentId":26,"tags":{},"startTime":1778870101219,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":535845,"timestamp":62128961537,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":525883,"timestamp":62128972093,"id":62,"parentId":21,"tags":{},"startTime":1778870101218,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":541307,"timestamp":62128956757,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778870101203,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":544307,"timestamp":62128974971,"id":70,"parentId":32,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":556894,"timestamp":62128962470,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778870101209,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":545101,"timestamp":62128974440,"id":67,"parentId":28,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":557779,"timestamp":62128961805,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":552251,"timestamp":62128972610,"id":64,"parentId":25,"tags":{},"startTime":1778870101219,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":563564,"timestamp":62128961364,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":555091,"timestamp":62128975272,"id":74,"parentId":36,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":567126,"timestamp":62128963308,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":557612,"timestamp":62128974784,"id":69,"parentId":30,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":570358,"timestamp":62128962088,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":562914,"timestamp":62128975155,"id":73,"parentId":35,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":575296,"timestamp":62128962827,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778870101209,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":563151,"timestamp":62128975125,"id":72,"parentId":34,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":575604,"timestamp":62128962698,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778870101209,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":563103,"timestamp":62128975317,"id":76,"parentId":38,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":574823,"timestamp":62128963623,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":570710,"timestamp":62128975344,"id":78,"parentId":40,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":582238,"timestamp":62128963858,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":573430,"timestamp":62128972855,"id":66,"parentId":27,"tags":{},"startTime":1778870101219,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":584652,"timestamp":62128961665,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":574867,"timestamp":62128975354,"id":79,"parentId":41,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":586314,"timestamp":62128963948,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":578482,"timestamp":62128975052,"id":71,"parentId":33,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":590990,"timestamp":62128962593,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778870101209,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":580408,"timestamp":62128975367,"id":80,"parentId":42,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":591750,"timestamp":62128964075,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":580760,"timestamp":62128975331,"id":77,"parentId":39,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":592392,"timestamp":62128963748,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":581571,"timestamp":62128975304,"id":75,"parentId":37,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":593428,"timestamp":62128963489,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":581778,"timestamp":62128975396,"id":82,"parentId":44,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":592955,"timestamp":62128964271,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778870101211,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":584723,"timestamp":62128975416,"id":84,"parentId":46,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":595695,"timestamp":62128964491,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778870101211,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":585425,"timestamp":62128975405,"id":83,"parentId":45,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":596491,"timestamp":62128964382,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778870101211,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":589810,"timestamp":62128974638,"id":68,"parentId":29,"tags":{},"startTime":1778870101221,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":602565,"timestamp":62128961921,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":584389,"timestamp":62128983390,"id":88,"parentId":24,"tags":{},"startTime":1778870101230,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":608975,"timestamp":62128958847,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778870101205,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":593737,"timestamp":62128975430,"id":85,"parentId":47,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":604587,"timestamp":62128964618,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778870101211,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":597866,"timestamp":62128975443,"id":86,"parentId":48,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":607359,"timestamp":62128965993,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778870101212,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":598111,"timestamp":62128975384,"id":81,"parentId":43,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":609354,"timestamp":62128964183,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778870101210,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":606615,"timestamp":62128975452,"id":87,"parentId":49,"tags":{},"startTime":1778870101222,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":615980,"timestamp":62128966157,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778870101212,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":597750,"timestamp":62128984547,"id":89,"parentId":31,"tags":{},"startTime":1778870101231,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":620122,"timestamp":62128962212,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778870101208,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":603564,"timestamp":62128986974,"id":96,"parentId":56,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":622404,"timestamp":62128968193,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778870101214,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":611192,"timestamp":62128986987,"id":97,"parentId":57,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":629843,"timestamp":62128968408,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778870101215,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":618830,"timestamp":62128986996,"id":98,"parentId":59,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":636877,"timestamp":62128969014,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778870101215,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":631406,"timestamp":62128989161,"id":99,"parentId":60,"tags":{},"startTime":1778870101235,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":651489,"timestamp":62128969159,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778870101215,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":641047,"timestamp":62128986924,"id":92,"parentId":51,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":661318,"timestamp":62128966747,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778870101213,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":641500,"timestamp":62128989192,"id":100,"parentId":61,"tags":{},"startTime":1778870101235,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":661458,"timestamp":62128969297,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778870101216,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":645623,"timestamp":62128986937,"id":93,"parentId":52,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":665684,"timestamp":62128966917,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778870101213,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":648667,"timestamp":62128986959,"id":95,"parentId":54,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":668319,"timestamp":62128967350,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778870101214,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":649840,"timestamp":62128986909,"id":91,"parentId":50,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":670217,"timestamp":62128966575,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778870101213,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":622515,"timestamp":62129015799,"id":102,"parentId":55,"tags":{},"startTime":1778870101262,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":670749,"timestamp":62128967598,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778870101214,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":641182,"timestamp":62128997260,"id":101,"parentId":58,"tags":{},"startTime":1778870101244,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":669883,"timestamp":62128968581,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778870101215,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":653285,"timestamp":62128986951,"id":94,"parentId":53,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":673138,"timestamp":62128967140,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778870101213,"traceId":"1593792d634ba3c3"},{"name":"is-page-static","duration":673499,"timestamp":62128986884,"id":90,"parentId":23,"tags":{},"startTime":1778870101233,"traceId":"1593792d634ba3c3"},{"name":"check-page","duration":701836,"timestamp":62128958600,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778870101205,"traceId":"1593792d634ba3c3"},{"name":"static-check","duration":706575,"timestamp":62128953902,"id":19,"parentId":1,"tags":{},"startTime":1778870101200,"traceId":"1593792d634ba3c3"},{"name":"write-routes-manifest","duration":451,"timestamp":62129666877,"id":104,"parentId":1,"tags":{},"startTime":1778870101913,"traceId":"1593792d634ba3c3"},{"name":"load-dotenv","duration":42,"timestamp":62129677256,"id":107,"parentId":106,"tags":{},"startTime":1778870101924,"traceId":"1593792d634ba3c3"},{"name":"run-export-path-map","duration":697,"timestamp":62129681599,"id":108,"parentId":106,"tags":{},"startTime":1778870101928,"traceId":"1593792d634ba3c3"},{"name":"next-export","duration":552268,"timestamp":62129676067,"id":106,"parentId":1,"tags":{},"startTime":1778870101922,"traceId":"1593792d634ba3c3"}]
+[{"name":"move-exported-app-not-found-","duration":2255,"timestamp":62130232357,"id":109,"parentId":105,"tags":{},"startTime":1778870102479,"traceId":"1593792d634ba3c3"},{"name":"move-exported-app-global-error-","duration":558,"timestamp":62130234718,"id":110,"parentId":105,"tags":{},"startTime":1778870102481,"traceId":"1593792d634ba3c3"},{"name":"static-generation","duration":566127,"timestamp":62129670907,"id":105,"parentId":1,"tags":{},"startTime":1778870101917,"traceId":"1593792d634ba3c3"},{"name":"write-routes-manifest","duration":384,"timestamp":62130237199,"id":111,"parentId":1,"tags":{},"startTime":1778870102483,"traceId":"1593792d634ba3c3"},{"name":"print-tree-view","duration":4372,"timestamp":62130250562,"id":112,"parentId":1,"tags":{},"startTime":1778870102497,"traceId":"1593792d634ba3c3"},{"name":"write-route-bundle-stats","duration":12283,"timestamp":62130254962,"id":113,"parentId":1,"tags":{},"startTime":1778870102501,"traceId":"1593792d634ba3c3"},{"name":"telemetry-flush","duration":34303,"timestamp":62130267271,"id":114,"parentId":1,"tags":{},"startTime":1778870102514,"traceId":"1593792d634ba3c3"},{"name":"next-build","duration":15617635,"timestamp":62114683968,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778870086930,"traceId":"1593792d634ba3c3"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":5374832,"timestamp":61837211723,"id":14,"parentId":1,"tags":{},"startTime":1778869809458,"traceId":"d3416df3298393ed"},{"name":"turbopack-build-events","duration":129,"timestamp":61837495936,"id":15,"parentId":1,"tags":{},"startTime":1778869809742,"traceId":"d3416df3298393ed"},{"name":"run-typescript","duration":8288323,"timestamp":61842595254,"id":16,"parentId":1,"tags":{},"startTime":1778869814842,"traceId":"d3416df3298393ed"},{"name":"static-check","duration":716702,"timestamp":61851054512,"id":19,"parentId":1,"tags":{},"startTime":1778869823301,"traceId":"d3416df3298393ed"},{"name":"static-generation","duration":606250,"timestamp":61851797583,"id":105,"parentId":1,"tags":{},"startTime":1778869824044,"traceId":"d3416df3298393ed"},{"name":"telemetry-flush","duration":28523,"timestamp":61852435106,"id":114,"parentId":1,"tags":{},"startTime":1778869824681,"traceId":"d3416df3298393ed"},{"name":"next-build","duration":15432015,"timestamp":61837031638,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778869809278,"traceId":"d3416df3298393ed"}]
+[{"name":"run-turbopack","duration":5170315,"timestamp":62114870207,"id":14,"parentId":1,"tags":{},"startTime":1778870087116,"traceId":"1593792d634ba3c3"},{"name":"turbopack-build-events","duration":102,"timestamp":62115152339,"id":15,"parentId":1,"tags":{},"startTime":1778870087399,"traceId":"1593792d634ba3c3"},{"name":"run-typescript","duration":8689774,"timestamp":62120076092,"id":16,"parentId":1,"tags":{},"startTime":1778870092322,"traceId":"1593792d634ba3c3"},{"name":"static-check","duration":706575,"timestamp":62128953902,"id":19,"parentId":1,"tags":{},"startTime":1778870101200,"traceId":"1593792d634ba3c3"},{"name":"static-generation","duration":566127,"timestamp":62129670907,"id":105,"parentId":1,"tags":{},"startTime":1778870101917,"traceId":"1593792d634ba3c3"},{"name":"telemetry-flush","duration":34303,"timestamp":62130267271,"id":114,"parentId":1,"tags":{},"startTime":1778870102514,"traceId":"1593792d634ba3c3"},{"name":"next-build","duration":15617635,"timestamp":62114683968,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778870086930,"traceId":"1593792d634ba3c3"}]

package/app/components/TopoGraph.tsx

@@ -1289,13 +1289,34 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
         </div>
         <div className="flex flex-wrap items-center gap-2 text-xs">
           {/* Issue #87: ring | grid layout toggle — segmented control,
-              persisted to localStorage anet-topo-layout. */}
+              persisted to localStorage anet-topo-layout.
+              Round 163 / Loop: bring the layout toggle into the R154
+              chrome-button focus convention. Pre-R163 the buttons had
+              aria-pressed + transition-colors but no focus-visible ring
+              (browser default — invisible against dark canvas) and the
+              inactive variant only nudged text from gray-500 → gray-400
+              on hover with no bg tint, so the hover-to-click affordance
+              was barely perceptible.
+
+              R163 closes both gaps to match R154:
+                focus-visible:ring-2 focus-visible:ring-cyan-400/60
+                  → keyboard users see exactly which segment is focused
+                hover:bg-cyan-500/5 (inactive)
+                  → mouse hover shows a faint cyan ghost of the active
+                    state, signalling 'click to switch'
+                hover:bg-cyan-500/20 (active)
+                  → active button responds too, says 'still clickable'
+              data-topo-chrome-layout for testability symmetric with the
+              R154 chrome buttons (data-topo-chrome-zoom-in / -reset /
+              -fullscreen etc). */}
           <div className="inline-flex rounded-md border border-gray-500/25 overflow-hidden" role="group" aria-label="Topology layout">
             <button
               onClick={() => { if (layout !== 'ring') toggleLayout(); }}
               aria-pressed={layout === 'ring'}
               title="Ring layout (l to toggle)"
-              className={`px-2.5 py-1 transition-colors ${layout === 'ring' ? 'bg-cyan-500/15 text-cyan-300' : 'text-gray-500 hover:text-gray-400'}`}
+              data-topo-chrome-layout="ring"
+              data-topo-chrome-layout-active={layout === 'ring' ? 'true' : 'false'}
+              className={`px-2.5 py-1 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${layout === 'ring' ? 'bg-cyan-500/15 text-cyan-300 hover:bg-cyan-500/20' : 'text-gray-500 hover:text-gray-300 hover:bg-cyan-500/5'}`}
             >
               Ring
             </button>
@@ -1303,7 +1324,9 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
               onClick={() => { if (layout !== 'grid') toggleLayout(); }}
               aria-pressed={layout === 'grid'}
               title="Grid layout (l to toggle)"
-              className={`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${layout === 'grid' ? 'bg-cyan-500/15 text-cyan-300' : 'text-gray-500 hover:text-gray-400'}`}
+              data-topo-chrome-layout="grid"
+              data-topo-chrome-layout-active={layout === 'grid' ? 'true' : 'false'}
+              className={`px-2.5 py-1 border-l border-gray-500/25 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${layout === 'grid' ? 'bg-cyan-500/15 text-cyan-300 hover:bg-cyan-500/20' : 'text-gray-500 hover:text-gray-300 hover:bg-cyan-500/5'}`}
             >
               Grid
             </button>

package/package.json

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

package/scripts/topo-layout-toggle-test.mjs

@@ -0,0 +1,131 @@
+/* Round 163 verification: Ring/Grid layout toggle buttons pick
+ * up the R154 chrome-button polish convention.
+ *
+ * Pre-R163 the buttons had aria-pressed + transition-colors but:
+ *   - no focus-visible ring (browser default invisible on canvas)
+ *   - inactive hover only nudged text-gray-500 → gray-400, no bg
+ *
+ * R163 adds:
+ *   data-topo-chrome-layout="ring|grid"
+ *   data-topo-chrome-layout-active="true|false"
+ *   focus-visible:ring-2 ring-cyan-400/60 ring-inset
+ *   inactive: hover:text-gray-300 + hover:bg-cyan-500/5
+ *   active:   hover:bg-cyan-500/20 (slightly hotter)
+ *
+ * Test:
+ *   1. Both buttons present with data-topo-chrome-layout attr
+ *   2. Active button has bg-cyan-500/15 class fragment (existing)
+ *   3. Focus the inactive button → focus-visible ring class fragment
+ *   4. Hover the inactive button → bg color shifts from transparent
+ *      to a cyan-ish tint (border bg-cyan-500/5)
+ */
+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,
+  });
+  await route.fulfill({ response: r, json: { ...b, sessions: [mk('alpha'), mk('beta')] } });
+});
+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 === 2, { timeout: 30000 });
+await page.waitForSelector('[data-topo-chrome-layout]', { timeout: 10000 });
+await page.waitForTimeout(400);
+
+// Probe basic attrs & class membership
+const probe = await page.evaluate(() => {
+  const ring = document.querySelector('[data-topo-chrome-layout="ring"]');
+  const grid = document.querySelector('[data-topo-chrome-layout="grid"]');
+  if (!ring || !grid) return null;
+  return {
+    ring_active:    ring.getAttribute('data-topo-chrome-layout-active'),
+    grid_active:    grid.getAttribute('data-topo-chrome-layout-active'),
+    ring_pressed:   ring.getAttribute('aria-pressed'),
+    grid_pressed:   grid.getAttribute('aria-pressed'),
+    ring_class:     ring.getAttribute('class') || '',
+    grid_class:     grid.getAttribute('class') || '',
+  };
+});
+
+// Focus the inactive (grid) button — focus-visible ring should kick in.
+// Tab-focus produces the :focus-visible state; .focus() doesn't always.
+// Use page.keyboard.press('Tab') after first focusing somewhere known.
+await page.locator('[data-topo-chrome-layout="grid"]').focus();
+// trigger keyboard navigation to enable focus-visible state heuristic
+await page.evaluate(() => {
+  const el = document.querySelector('[data-topo-chrome-layout="grid"]');
+  if (el) el.matches(':focus-visible');
+});
+const focusVisibleProbe = await page.evaluate(() => {
+  const el = document.querySelector('[data-topo-chrome-layout="grid"]');
+  if (!el) return null;
+  return {
+    isActiveElement: document.activeElement === el,
+    // Inspect outline & box-shadow because the Tailwind focus-visible:ring
+    // class compiles to a box-shadow. After .focus() Chromium reports
+    // :focus-visible heuristically — we verify the class fragment exists
+    // in the stylesheet bound to this element rather than relying on the
+    // dynamic pseudo-class match.
+    classFragments: {
+      hasFocusVisibleRingClass: (el.getAttribute('class') || '').includes('focus-visible:ring-cyan-400/60'),
+      hasRingInset:             (el.getAttribute('class') || '').includes('focus-visible:ring-inset'),
+      hasFocusOutlineNone:      (el.getAttribute('class') || '').includes('focus:outline-none'),
+    },
+  };
+});
+
+// Hover the inactive (grid) button — bg should shift away from transparent.
+const gridBgBefore = await page.evaluate(() => {
+  const el = document.querySelector('[data-topo-chrome-layout="grid"]');
+  return el ? getComputedStyle(el).backgroundColor : null;
+});
+await page.locator('[data-topo-chrome-layout="grid"]').hover();
+await page.waitForTimeout(300);
+const gridBgHover = await page.evaluate(() => {
+  const el = document.querySelector('[data-topo-chrome-layout="grid"]');
+  return el ? getComputedStyle(el).backgroundColor : null;
+});
+
+await browser.close();
+
+const results = {
+  both_buttons_found:        probe !== null,
+  ring_is_active:            probe?.ring_active === 'true',
+  grid_is_inactive:          probe?.grid_active === 'false',
+  ring_aria_pressed:         probe?.ring_pressed === 'true',
+  grid_aria_unpressed:       probe?.grid_pressed === 'false',
+  active_has_cyan_bg_class:  probe?.ring_class.includes('bg-cyan-500/15'),
+  inactive_hover_bg_class:   probe?.grid_class.includes('hover:bg-cyan-500/5'),
+  active_hover_bg_class:     probe?.ring_class.includes('hover:bg-cyan-500/20'),
+  focus_outline_none:        focusVisibleProbe?.classFragments?.hasFocusOutlineNone === true,
+  focus_visible_ring_class:  focusVisibleProbe?.classFragments?.hasFocusVisibleRingClass === true,
+  focus_visible_ring_inset:  focusVisibleProbe?.classFragments?.hasRingInset === true,
+  inactive_bg_before:        gridBgBefore !== null,
+  hover_changes_bg:          gridBgBefore !== gridBgHover,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} layout toggle polish:`, JSON.stringify(results),
+  `\n  probe=`, probe,
+  `\n  focus=`, focusVisibleProbe,
+  `\n  bg before/hover=`, gridBgBefore, '→', gridBgHover);
+process.exit(ok ? 0 : 1);