@sleep2agi/agent-network-dashboard 0.4.5-preview.85 → 0.4.5-preview.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +3 -3
  3. package/.next/diagnostics/route-bundle-stats.json +4 -4
  4. package/.next/fallback-build-manifest.json +3 -3
  5. package/.next/prerender-manifest.json +3 -3
  6. package/.next/server/app/_global-error.html +1 -1
  7. package/.next/server/app/_global-error.rsc +1 -1
  8. package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
  9. package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
  10. package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
  11. package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
  12. package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
  13. package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  14. package/.next/server/app/_not-found.html +2 -2
  15. package/.next/server/app/_not-found.rsc +2 -2
  16. package/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
  17. package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
  18. package/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
  19. package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
  20. package/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
  21. package/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
  22. package/.next/server/app/admin/page_client-reference-manifest.js +1 -1
  23. package/.next/server/app/admin.html +2 -2
  24. package/.next/server/app/admin.rsc +2 -2
  25. package/.next/server/app/admin.segments/_full.segment.rsc +2 -2
  26. package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
  27. package/.next/server/app/admin.segments/_index.segment.rsc +2 -2
  28. package/.next/server/app/admin.segments/_tree.segment.rsc +2 -2
  29. package/.next/server/app/admin.segments/admin/__PAGE__.segment.rsc +1 -1
  30. package/.next/server/app/admin.segments/admin.segment.rsc +1 -1
  31. package/.next/server/app/index.html +2 -2
  32. package/.next/server/app/index.rsc +3 -3
  33. package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
  34. package/.next/server/app/index.segments/_full.segment.rsc +3 -3
  35. package/.next/server/app/index.segments/_head.segment.rsc +1 -1
  36. package/.next/server/app/index.segments/_index.segment.rsc +2 -2
  37. package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
  38. package/.next/server/app/login/page_client-reference-manifest.js +1 -1
  39. package/.next/server/app/login.html +2 -2
  40. package/.next/server/app/login.rsc +3 -3
  41. package/.next/server/app/login.segments/_full.segment.rsc +3 -3
  42. package/.next/server/app/login.segments/_head.segment.rsc +1 -1
  43. package/.next/server/app/login.segments/_index.segment.rsc +2 -2
  44. package/.next/server/app/login.segments/_tree.segment.rsc +2 -2
  45. package/.next/server/app/login.segments/login/__PAGE__.segment.rsc +2 -2
  46. package/.next/server/app/login.segments/login.segment.rsc +1 -1
  47. package/.next/server/app/logs/page_client-reference-manifest.js +1 -1
  48. package/.next/server/app/logs.html +2 -2
  49. package/.next/server/app/logs.rsc +2 -2
  50. package/.next/server/app/logs.segments/_full.segment.rsc +2 -2
  51. package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
  52. package/.next/server/app/logs.segments/_index.segment.rsc +2 -2
  53. package/.next/server/app/logs.segments/_tree.segment.rsc +2 -2
  54. package/.next/server/app/logs.segments/logs/__PAGE__.segment.rsc +1 -1
  55. package/.next/server/app/logs.segments/logs.segment.rsc +1 -1
  56. package/.next/server/app/messages/page_client-reference-manifest.js +1 -1
  57. package/.next/server/app/messages.html +2 -2
  58. package/.next/server/app/messages.rsc +2 -2
  59. package/.next/server/app/messages.segments/_full.segment.rsc +2 -2
  60. package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
  61. package/.next/server/app/messages.segments/_index.segment.rsc +2 -2
  62. package/.next/server/app/messages.segments/_tree.segment.rsc +2 -2
  63. package/.next/server/app/messages.segments/messages/__PAGE__.segment.rsc +1 -1
  64. package/.next/server/app/messages.segments/messages.segment.rsc +1 -1
  65. package/.next/server/app/node/page_client-reference-manifest.js +1 -1
  66. package/.next/server/app/node.html +2 -2
  67. package/.next/server/app/node.rsc +2 -2
  68. package/.next/server/app/node.segments/_full.segment.rsc +2 -2
  69. package/.next/server/app/node.segments/_head.segment.rsc +1 -1
  70. package/.next/server/app/node.segments/_index.segment.rsc +2 -2
  71. package/.next/server/app/node.segments/_tree.segment.rsc +2 -2
  72. package/.next/server/app/node.segments/node/__PAGE__.segment.rsc +1 -1
  73. package/.next/server/app/node.segments/node.segment.rsc +1 -1
  74. package/.next/server/app/nodes/page_client-reference-manifest.js +1 -1
  75. package/.next/server/app/nodes.html +2 -2
  76. package/.next/server/app/nodes.rsc +2 -2
  77. package/.next/server/app/nodes.segments/_full.segment.rsc +2 -2
  78. package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
  79. package/.next/server/app/nodes.segments/_index.segment.rsc +2 -2
  80. package/.next/server/app/nodes.segments/_tree.segment.rsc +2 -2
  81. package/.next/server/app/nodes.segments/nodes/__PAGE__.segment.rsc +1 -1
  82. package/.next/server/app/nodes.segments/nodes.segment.rsc +1 -1
  83. package/.next/server/app/page_client-reference-manifest.js +1 -1
  84. package/.next/server/app/server-logs/page_client-reference-manifest.js +1 -1
  85. package/.next/server/app/server-logs.html +2 -2
  86. package/.next/server/app/server-logs.rsc +2 -2
  87. package/.next/server/app/server-logs.segments/_full.segment.rsc +2 -2
  88. package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
  89. package/.next/server/app/server-logs.segments/_index.segment.rsc +2 -2
  90. package/.next/server/app/server-logs.segments/_tree.segment.rsc +2 -2
  91. package/.next/server/app/server-logs.segments/server-logs/__PAGE__.segment.rsc +1 -1
  92. package/.next/server/app/server-logs.segments/server-logs.segment.rsc +1 -1
  93. package/.next/server/app/settings/networks/page_client-reference-manifest.js +1 -1
  94. package/.next/server/app/settings/networks.html +2 -2
  95. package/.next/server/app/settings/networks.rsc +2 -2
  96. package/.next/server/app/settings/networks.segments/_full.segment.rsc +2 -2
  97. package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
  98. package/.next/server/app/settings/networks.segments/_index.segment.rsc +2 -2
  99. package/.next/server/app/settings/networks.segments/_tree.segment.rsc +2 -2
  100. package/.next/server/app/settings/networks.segments/settings/networks/__PAGE__.segment.rsc +1 -1
  101. package/.next/server/app/settings/networks.segments/settings/networks.segment.rsc +1 -1
  102. package/.next/server/app/settings/networks.segments/settings.segment.rsc +1 -1
  103. package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
  104. package/.next/server/app/settings/tokens/page_client-reference-manifest.js +1 -1
  105. package/.next/server/app/settings/tokens.html +2 -2
  106. package/.next/server/app/settings/tokens.rsc +2 -2
  107. package/.next/server/app/settings/tokens.segments/_full.segment.rsc +2 -2
  108. package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
  109. package/.next/server/app/settings/tokens.segments/_index.segment.rsc +2 -2
  110. package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +2 -2
  111. package/.next/server/app/settings/tokens.segments/settings/tokens/__PAGE__.segment.rsc +1 -1
  112. package/.next/server/app/settings/tokens.segments/settings/tokens.segment.rsc +1 -1
  113. package/.next/server/app/settings/tokens.segments/settings.segment.rsc +1 -1
  114. package/.next/server/app/settings.html +2 -2
  115. package/.next/server/app/settings.rsc +3 -3
  116. package/.next/server/app/settings.segments/_full.segment.rsc +3 -3
  117. package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
  118. package/.next/server/app/settings.segments/_index.segment.rsc +2 -2
  119. package/.next/server/app/settings.segments/_tree.segment.rsc +2 -2
  120. package/.next/server/app/settings.segments/settings/__PAGE__.segment.rsc +2 -2
  121. package/.next/server/app/settings.segments/settings.segment.rsc +1 -1
  122. package/.next/server/app/tasks/[id]/page_client-reference-manifest.js +1 -1
  123. package/.next/server/app/tasks/page_client-reference-manifest.js +1 -1
  124. package/.next/server/app/tasks.html +2 -2
  125. package/.next/server/app/tasks.rsc +2 -2
  126. package/.next/server/app/tasks.segments/_full.segment.rsc +2 -2
  127. package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
  128. package/.next/server/app/tasks.segments/_index.segment.rsc +2 -2
  129. package/.next/server/app/tasks.segments/_tree.segment.rsc +2 -2
  130. package/.next/server/app/tasks.segments/tasks/__PAGE__.segment.rsc +1 -1
  131. package/.next/server/app/tasks.segments/tasks.segment.rsc +1 -1
  132. package/.next/server/chunks/ssr/_0nne7mz._.js +1 -1
  133. package/.next/server/chunks/ssr/_0nne7mz._.js.map +1 -1
  134. package/.next/server/chunks/ssr/app_0aum_g5._.js +1 -1
  135. package/.next/server/chunks/ssr/app_0aum_g5._.js.map +1 -1
  136. package/.next/server/chunks/ssr/app_0esuljp._.js +1 -1
  137. package/.next/server/chunks/ssr/app_0esuljp._.js.map +1 -1
  138. package/.next/server/middleware-build-manifest.js +3 -3
  139. package/.next/server/pages/404.html +2 -2
  140. package/.next/server/pages/500.html +1 -1
  141. package/.next/server/server-reference-manifest.js +1 -1
  142. package/.next/server/server-reference-manifest.json +1 -1
  143. package/.next/static/chunks/{07tygru6ep3d9.js → 0-848dav5-02p.js} +1 -1
  144. package/.next/static/chunks/03b6jkic-1r9u.css +2 -0
  145. package/.next/static/chunks/0n7w64kqer3dq.js +1 -0
  146. package/.next/static/chunks/{0nzljd~g_e_ek.js → 0tnv-gzgr8bp..js} +1 -1
  147. package/.next/trace +2 -2
  148. package/.next/trace-build +1 -1
  149. package/app/components/TopoGraph.tsx +216 -3
  150. package/package.json +1 -1
  151. package/scripts/topo-controls-shot.mjs +24 -0
  152. package/scripts/topo-dbg.mjs +32 -0
  153. package/scripts/topo-dbg2.mjs +25 -0
  154. package/scripts/topo-dbg3.mjs +34 -0
  155. package/scripts/topo-dbltap-test.mjs +40 -0
  156. package/scripts/topo-interaction-test.mjs +80 -0
  157. package/scripts/topo-r104-test.mjs +54 -0
  158. package/.next/static/chunks/0vsps7pjfu7rq.js +0 -1
  159. package/.next/static/chunks/1455.wsjxe2cl.css +0 -2
  160. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → XMlyDlWAfl_NXffGIo7_8}/_buildManifest.js +0 -0
  161. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → XMlyDlWAfl_NXffGIo7_8}/_clientMiddlewareManifest.js +0 -0
  162. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → XMlyDlWAfl_NXffGIo7_8}/_ssgManifest.js +0 -0
@@ -1 +1 @@
1
- (globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,65822,e=>{"use strict";var s=e.i(83599),a=e.i(58963);let t=async e=>{let s=await fetch(e);if(401===s.status)throw window.location.assign("/login"),Error("unauthorized");return s.json()},r={refreshInterval:5e3,dedupingInterval:3e3};function n(e,s){if(!s)return e;let a=e.includes("?")?"&":"?";return`${e}${a}network_id=${encodeURIComponent(s)}`}e.s(["useAnetConfig",0,function(){let{data:e}=(0,s.default)("/api/anet/config",t,{refreshInterval:3e4});return{config:e||null}},"useHealth",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/health",t,r);return{health:e||null,error:a}},"useLicense",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/license",t,{refreshInterval:6e4});return{license:e?.ok?e:null,error:a}},"useMessages",0,function(e=100){let{networkId:l}=(0,a.useNetworkId)(),{data:i,error:c,isLoading:d}=(0,s.default)(n(`/api/hub/messages?limit=${e}`,l),t,r);return{messages:i?.messages||[],error:c,isLoading:d}},"useSessions",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i,isLoading:c}=(0,s.default)(n("/api/hub/status",e),t,r);return{sessions:l?.sessions||[],hint:l?._hint,error:i,isLoading:c}},"useStats",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i}=(0,s.default)(n("/api/hub/stats",e),t,r);return{stats:l?.ok?l:null,error:i}},"useTasks",0,function(e){let{networkId:l}=(0,a.useNetworkId)(),i=new URLSearchParams({limit:"100",...e}).toString(),{data:c,error:d,isLoading:o}=(0,s.default)(n(`/api/hub/tasks?${i}`,l),t,r);return{tasks:c?.tasks||[],count:c?.count??0,source:c?.source,error:d,isLoading:o}}])},94867,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.5-preview.85"],94867)},32545,e=>{"use strict";var s=e.i(18050),a=e.i(71645),t=e.i(22016),r=e.i(65822),n=e.i(94867);e.s(["default",0,function(){let{config:e}=(0,r.useAnetConfig)(),{health:l}=(0,r.useHealth)(),{license:i}=(0,r.useLicense)(),[c,d]=(0,a.useState)(""),[o,x]=(0,a.useState)(""),[m,h]=(0,a.useState)(""),[g,u]=(0,a.useState)(""),[p,N]=(0,a.useState)(""),b="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",j="break-all sm:max-w-[320px] sm:text-right";return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white mb-3 lg:ml-0 ml-10",children:"Settings"}),(0,s.jsx)("nav",{className:"mb-8 flex flex-wrap gap-1 text-xs",children:[{href:"#connection",label:"Connection"},{href:"#account",label:"Account"},{href:"#resources",label:"Resources"}].map(e=>(0,s.jsx)("a",{href:e.href,className:"rounded-md px-2.5 py-1 text-gray-500 hover:text-cyan-300 hover:bg-cyan-500/10 transition-colors",children:e.label},e.href))}),(0,s.jsxs)("div",{className:"max-w-2xl space-y-10",children:[(0,s.jsxs)("div",{id:"connection",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Connection"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"CommHub Connection"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500 shrink-0",children:"Hub URL"}),(0,s.jsx)("span",{className:`text-cyan-300 ${j}`,children:e?.hub||"not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Config Source"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:e?.source==="file"?"Local file (~/.anet/config.json)":e?.source==="runtime-env"?"Vercel env vars":"Missing"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Auth Token"}),(0,s.jsx)("span",{className:`${e?.tokenConfigured?"text-green-400":"text-red-400"} ${j}`,children:e?.tokenConfigured?`Configured (${e.tokenPreview})`:"Not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Server Auth"}),(0,s.jsx)("span",{className:`${l?.auth==="enabled"?"text-green-400":"text-yellow-400"} sm:text-right`,children:l?.auth||"--"})]}),e?.error&&(0,s.jsx)("div",{className:"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600",children:e.error})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Server Info"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.version||"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Sessions"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sessions??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsxs)("span",{className:"text-gray-500",children:["SSE streams ",(0,s.jsx)("span",{className:"text-gray-600",children:"· server"})]}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sse_connections??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Uptime"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.uptime?`${Math.floor(l.uptime/3600)}h ${Math.floor(l.uptime%3600/60)}m`:"--"})]})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Dashboard"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 font-mono ${j}`,title:"From package.json @sleep2agi/agent-network-dashboard",children:n.DASHBOARD_VERSION})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Data Layer"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"SWR (5s refresh, 3s dedup)"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Pages"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"Overview, Tasks, Nodes, Messages, Networks, Audit, Server Logs, Admin, Settings"})]})]})]})]}),(0,s.jsxs)("div",{id:"account",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Account"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-4 flex items-center gap-2",children:["License",i?.license&&(0,s.jsxs)("span",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium px-2 py-0.5 rounded-full border ${"pro"===i.license.type?"text-green-300 bg-green-500/10 border-green-500/30":i.license.days_left<=7?"text-red-300 bg-red-500/10 border-red-500/30":"text-amber-300 bg-amber-500/10 border-amber-500/30"}`,children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"w-1.5 h-1.5 rounded-full bg-current"}),i.license.type,i.license.days_left?` \xb7 ${i.license.days_left}d left`:""]})]}),i?.license?(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[i.license.days_left<=7&&(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-red-400 font-medium",children:"⚠ Expiring soon"}),(0,s.jsxs)("span",{className:"text-red-400",children:[i.license.days_left," days left"]})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Expires"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.license.expires_at})]}),i.limits&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Agents"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_agents})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Networks"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_networks})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Tasks/Day"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_tasks_day})]})]}),(0,s.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a]",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("input",{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"anet-XXXX-XXXX-XXXX-XXXX",className:"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!c.trim())return;let e=await fetch("/api/hub/license",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:c})}),s=await e.json();x(s.ok?`Activated: ${s.type}`:`Failed: ${s.error}`),s.ok&&d(""),setTimeout(()=>x(""),5e3)},className:"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors",children:"Activate"})]}),o&&(0,s.jsx)("div",{className:`mt-2 text-xs ${o.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:o})]})]}):(0,s.jsx)("div",{className:"text-xs text-gray-600",children:"License info not available"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Change Password"}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)("input",{type:"password",value:m,onChange:e=>h(e.target.value),placeholder:"Current password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("input",{type:"password",value:g,onChange:e=>u(e.target.value),placeholder:"New password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!m||!g)return;let e=sessionStorage.getItem("anet_v3_auth");if(!e)return void N("Not logged in with V3 auth");let{token:s}=JSON.parse(e),a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"change_password",token:s,current_password:m,new_password:g})}),t=await a.json();if(N(t.ok?"Password changed":`Failed: ${t.error}`),t.ok){if(t.token){let s=JSON.parse(e);sessionStorage.setItem("anet_v3_auth",JSON.stringify({...s,token:t.token}))}h(""),u("")}setTimeout(()=>N(""),5e3)},disabled:!m||!g,className:"px-4 py-2 bg-cyan-600 hover:bg-cyan-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Change Password"})]}),p&&(0,s.jsx)("div",{className:`mt-2 text-xs ${p.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:p})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Sign out"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mb-3",children:"Signing out clears your dashboard session cookie. You'll return to the login page."}),(0,s.jsx)("button",{onClick:async()=>{await fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login")},className:"px-4 py-2 bg-transparent hover:bg-[#1a1a2a] text-gray-300 text-sm rounded-lg border border-[#2a2a4a] hover:border-[#3a3a5a] transition-colors",children:"Sign out"})]})]}),(0,s.jsxs)("div",{id:"resources",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Resources"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,s.jsxs)(t.default,{href:"/settings/tokens",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"API Tokens"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create and manage tokens for CLI access."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]}),(0,s.jsxs)(t.default,{href:"/settings/networks",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Networks"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create, manage, and delete agent networks."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]})]})]})]})]})}])}]);
1
+ (globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,65822,e=>{"use strict";var s=e.i(83599),a=e.i(58963);let t=async e=>{let s=await fetch(e);if(401===s.status)throw window.location.assign("/login"),Error("unauthorized");return s.json()},r={refreshInterval:5e3,dedupingInterval:3e3};function n(e,s){if(!s)return e;let a=e.includes("?")?"&":"?";return`${e}${a}network_id=${encodeURIComponent(s)}`}e.s(["useAnetConfig",0,function(){let{data:e}=(0,s.default)("/api/anet/config",t,{refreshInterval:3e4});return{config:e||null}},"useHealth",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/health",t,r);return{health:e||null,error:a}},"useLicense",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/license",t,{refreshInterval:6e4});return{license:e?.ok?e:null,error:a}},"useMessages",0,function(e=100){let{networkId:l}=(0,a.useNetworkId)(),{data:i,error:c,isLoading:d}=(0,s.default)(n(`/api/hub/messages?limit=${e}`,l),t,r);return{messages:i?.messages||[],error:c,isLoading:d}},"useSessions",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i,isLoading:c}=(0,s.default)(n("/api/hub/status",e),t,r);return{sessions:l?.sessions||[],hint:l?._hint,error:i,isLoading:c}},"useStats",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i}=(0,s.default)(n("/api/hub/stats",e),t,r);return{stats:l?.ok?l:null,error:i}},"useTasks",0,function(e){let{networkId:l}=(0,a.useNetworkId)(),i=new URLSearchParams({limit:"100",...e}).toString(),{data:c,error:d,isLoading:o}=(0,s.default)(n(`/api/hub/tasks?${i}`,l),t,r);return{tasks:c?.tasks||[],count:c?.count??0,source:c?.source,error:d,isLoading:o}}])},94867,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.5-preview.87"],94867)},32545,e=>{"use strict";var s=e.i(18050),a=e.i(71645),t=e.i(22016),r=e.i(65822),n=e.i(94867);e.s(["default",0,function(){let{config:e}=(0,r.useAnetConfig)(),{health:l}=(0,r.useHealth)(),{license:i}=(0,r.useLicense)(),[c,d]=(0,a.useState)(""),[o,x]=(0,a.useState)(""),[m,h]=(0,a.useState)(""),[g,u]=(0,a.useState)(""),[p,N]=(0,a.useState)(""),b="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",j="break-all sm:max-w-[320px] sm:text-right";return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white mb-3 lg:ml-0 ml-10",children:"Settings"}),(0,s.jsx)("nav",{className:"mb-8 flex flex-wrap gap-1 text-xs",children:[{href:"#connection",label:"Connection"},{href:"#account",label:"Account"},{href:"#resources",label:"Resources"}].map(e=>(0,s.jsx)("a",{href:e.href,className:"rounded-md px-2.5 py-1 text-gray-500 hover:text-cyan-300 hover:bg-cyan-500/10 transition-colors",children:e.label},e.href))}),(0,s.jsxs)("div",{className:"max-w-2xl space-y-10",children:[(0,s.jsxs)("div",{id:"connection",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Connection"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"CommHub Connection"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500 shrink-0",children:"Hub URL"}),(0,s.jsx)("span",{className:`text-cyan-300 ${j}`,children:e?.hub||"not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Config Source"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:e?.source==="file"?"Local file (~/.anet/config.json)":e?.source==="runtime-env"?"Vercel env vars":"Missing"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Auth Token"}),(0,s.jsx)("span",{className:`${e?.tokenConfigured?"text-green-400":"text-red-400"} ${j}`,children:e?.tokenConfigured?`Configured (${e.tokenPreview})`:"Not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Server Auth"}),(0,s.jsx)("span",{className:`${l?.auth==="enabled"?"text-green-400":"text-yellow-400"} sm:text-right`,children:l?.auth||"--"})]}),e?.error&&(0,s.jsx)("div",{className:"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600",children:e.error})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Server Info"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.version||"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Sessions"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sessions??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsxs)("span",{className:"text-gray-500",children:["SSE streams ",(0,s.jsx)("span",{className:"text-gray-600",children:"· server"})]}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sse_connections??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Uptime"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.uptime?`${Math.floor(l.uptime/3600)}h ${Math.floor(l.uptime%3600/60)}m`:"--"})]})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Dashboard"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 font-mono ${j}`,title:"From package.json @sleep2agi/agent-network-dashboard",children:n.DASHBOARD_VERSION})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Data Layer"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"SWR (5s refresh, 3s dedup)"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Pages"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"Overview, Tasks, Nodes, Messages, Networks, Audit, Server Logs, Admin, Settings"})]})]})]})]}),(0,s.jsxs)("div",{id:"account",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Account"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-4 flex items-center gap-2",children:["License",i?.license&&(0,s.jsxs)("span",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium px-2 py-0.5 rounded-full border ${"pro"===i.license.type?"text-green-300 bg-green-500/10 border-green-500/30":i.license.days_left<=7?"text-red-300 bg-red-500/10 border-red-500/30":"text-amber-300 bg-amber-500/10 border-amber-500/30"}`,children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"w-1.5 h-1.5 rounded-full bg-current"}),i.license.type,i.license.days_left?` \xb7 ${i.license.days_left}d left`:""]})]}),i?.license?(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[i.license.days_left<=7&&(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-red-400 font-medium",children:"⚠ Expiring soon"}),(0,s.jsxs)("span",{className:"text-red-400",children:[i.license.days_left," days left"]})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Expires"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.license.expires_at})]}),i.limits&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Agents"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_agents})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Networks"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_networks})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Tasks/Day"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_tasks_day})]})]}),(0,s.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a]",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("input",{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"anet-XXXX-XXXX-XXXX-XXXX",className:"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!c.trim())return;let e=await fetch("/api/hub/license",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:c})}),s=await e.json();x(s.ok?`Activated: ${s.type}`:`Failed: ${s.error}`),s.ok&&d(""),setTimeout(()=>x(""),5e3)},className:"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors",children:"Activate"})]}),o&&(0,s.jsx)("div",{className:`mt-2 text-xs ${o.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:o})]})]}):(0,s.jsx)("div",{className:"text-xs text-gray-600",children:"License info not available"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Change Password"}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)("input",{type:"password",value:m,onChange:e=>h(e.target.value),placeholder:"Current password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("input",{type:"password",value:g,onChange:e=>u(e.target.value),placeholder:"New password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!m||!g)return;let e=sessionStorage.getItem("anet_v3_auth");if(!e)return void N("Not logged in with V3 auth");let{token:s}=JSON.parse(e),a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"change_password",token:s,current_password:m,new_password:g})}),t=await a.json();if(N(t.ok?"Password changed":`Failed: ${t.error}`),t.ok){if(t.token){let s=JSON.parse(e);sessionStorage.setItem("anet_v3_auth",JSON.stringify({...s,token:t.token}))}h(""),u("")}setTimeout(()=>N(""),5e3)},disabled:!m||!g,className:"px-4 py-2 bg-cyan-600 hover:bg-cyan-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Change Password"})]}),p&&(0,s.jsx)("div",{className:`mt-2 text-xs ${p.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:p})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Sign out"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mb-3",children:"Signing out clears your dashboard session cookie. You'll return to the login page."}),(0,s.jsx)("button",{onClick:async()=>{await fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login")},className:"px-4 py-2 bg-transparent hover:bg-[#1a1a2a] text-gray-300 text-sm rounded-lg border border-[#2a2a4a] hover:border-[#3a3a5a] transition-colors",children:"Sign out"})]})]}),(0,s.jsxs)("div",{id:"resources",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Resources"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,s.jsxs)(t.default,{href:"/settings/tokens",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"API Tokens"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create and manage tokens for CLI access."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]}),(0,s.jsxs)(t.default,{href:"/settings/networks",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Networks"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create, manage, and delete agent networks."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]})]})]})]})]})}])}]);
package/.next/trace CHANGED
@@ -1,2 +1,2 @@
1
- [{"name":"generate-buildid","duration":370,"timestamp":359317732444,"id":4,"parentId":1,"tags":{},"startTime":1778730803557,"traceId":"d0fdbc48729f9ead"},{"name":"load-custom-routes","duration":720,"timestamp":359317733039,"id":5,"parentId":1,"tags":{},"startTime":1778730803558,"traceId":"d0fdbc48729f9ead"},{"name":"create-dist-dir","duration":5885,"timestamp":359317733817,"id":6,"parentId":1,"tags":{},"startTime":1778730803559,"traceId":"d0fdbc48729f9ead"},{"name":"clean","duration":524,"timestamp":359317740533,"id":7,"parentId":1,"tags":{},"startTime":1778730803565,"traceId":"d0fdbc48729f9ead"},{"name":"discover-routes","duration":9796,"timestamp":359317834510,"id":8,"parentId":1,"tags":{},"startTime":1778730803659,"traceId":"d0fdbc48729f9ead"},{"name":"create-root-mapping","duration":112,"timestamp":359317844372,"id":9,"parentId":1,"tags":{},"startTime":1778730803669,"traceId":"d0fdbc48729f9ead"},{"name":"generate-route-types","duration":32467,"timestamp":359317846977,"id":10,"parentId":1,"tags":{},"startTime":1778730803672,"traceId":"d0fdbc48729f9ead"},{"name":"public-dir-conflict-check","duration":107,"timestamp":359317879667,"id":11,"parentId":1,"tags":{},"startTime":1778730803704,"traceId":"d0fdbc48729f9ead"},{"name":"generate-routes-manifest","duration":4481,"timestamp":359317879896,"id":12,"parentId":1,"tags":{},"startTime":1778730803705,"traceId":"d0fdbc48729f9ead"},{"name":"run-turbopack","duration":10092224,"timestamp":359317891598,"id":14,"parentId":1,"tags":{},"startTime":1778730803716,"traceId":"d0fdbc48729f9ead"},{"name":"turbopack-build-events","duration":87,"timestamp":359318223642,"id":15,"parentId":1,"tags":{},"startTime":1778730804048,"traceId":"d0fdbc48729f9ead"},{"name":"run-typescript","duration":10164400,"timestamp":359327991941,"id":16,"parentId":1,"tags":{},"startTime":1778730813817,"traceId":"d0fdbc48729f9ead"},{"name":"generate-required-server-files","duration":5082,"timestamp":359338161699,"id":18,"parentId":1,"tags":{},"startTime":1778730823986,"traceId":"d0fdbc48729f9ead"},{"name":"check-static-error-page","duration":48818,"timestamp":359338316667,"id":20,"parentId":19,"tags":{},"startTime":1778730824141,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":533457,"timestamp":359338375769,"id":62,"parentId":22,"tags":{},"startTime":1778730824200,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":586613,"timestamp":359338322727,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778730824147,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":541511,"timestamp":359338375297,"id":61,"parentId":21,"tags":{},"startTime":1778730824200,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":595394,"timestamp":359338321482,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778730824146,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":643110,"timestamp":359338376160,"id":64,"parentId":26,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":689937,"timestamp":359338329395,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":645535,"timestamp":359338376233,"id":65,"parentId":27,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":692342,"timestamp":359338329483,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":651622,"timestamp":359338376340,"id":67,"parentId":29,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":693175,"timestamp":359338334877,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":653894,"timestamp":359338376376,"id":68,"parentId":30,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":695161,"timestamp":359338335158,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":657417,"timestamp":359338376409,"id":69,"parentId":32,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":698326,"timestamp":359338335550,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":662900,"timestamp":359338376286,"id":66,"parentId":28,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":704517,"timestamp":359338334723,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778730824159,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":664317,"timestamp":359338376525,"id":70,"parentId":33,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":705257,"timestamp":359338335652,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":669064,"timestamp":359338376589,"id":72,"parentId":35,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":709903,"timestamp":359338335810,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778730824161,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":671914,"timestamp":359338376686,"id":73,"parentId":36,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":701586,"timestamp":359338347072,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778730824172,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":674413,"timestamp":359338376571,"id":71,"parentId":34,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":715325,"timestamp":359338335729,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":677184,"timestamp":359338376721,"id":74,"parentId":37,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":706352,"timestamp":359338347600,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778730824172,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":680484,"timestamp":359338375906,"id":63,"parentId":25,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":727185,"timestamp":359338329246,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":680341,"timestamp":359338376741,"id":76,"parentId":39,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":709123,"timestamp":359338347998,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":681730,"timestamp":359338376735,"id":75,"parentId":38,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":710637,"timestamp":359338347866,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":687484,"timestamp":359338376767,"id":79,"parentId":42,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":716048,"timestamp":359338348269,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":688129,"timestamp":359338376758,"id":78,"parentId":41,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":716721,"timestamp":359338348204,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":692680,"timestamp":359338376776,"id":80,"parentId":43,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":721164,"timestamp":359338348331,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":692801,"timestamp":359338376790,"id":81,"parentId":44,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":721209,"timestamp":359338348400,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":696056,"timestamp":359338376799,"id":82,"parentId":45,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":724434,"timestamp":359338348461,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":699020,"timestamp":359338376812,"id":84,"parentId":47,"tags":{},"startTime":1778730824202,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":727036,"timestamp":359338348837,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":700982,"timestamp":359338376806,"id":83,"parentId":46,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":729286,"timestamp":359338348543,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":702675,"timestamp":359338376818,"id":85,"parentId":48,"tags":{},"startTime":1778730824202,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":730589,"timestamp":359338348941,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":685350,"timestamp":359338397409,"id":86,"parentId":24,"tags":{},"startTime":1778730824222,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":756418,"timestamp":359338326377,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778730824151,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":679563,"timestamp":359338403451,"id":87,"parentId":31,"tags":{},"startTime":1778730824228,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":747758,"timestamp":359338335291,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":713478,"timestamp":359338376749,"id":77,"parentId":40,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":742149,"timestamp":359338348128,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":634500,"timestamp":359338459450,"id":88,"parentId":23,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":771027,"timestamp":359338322993,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778730824148,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":642819,"timestamp":359338459756,"id":91,"parentId":51,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":753118,"timestamp":359338349540,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":647755,"timestamp":359338459762,"id":92,"parentId":52,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":757809,"timestamp":359338349761,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":654622,"timestamp":359338459771,"id":93,"parentId":53,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":764362,"timestamp":359338350088,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778730824175,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":665604,"timestamp":359338459779,"id":94,"parentId":55,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":772361,"timestamp":359338353080,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":666503,"timestamp":359338459732,"id":89,"parentId":49,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":777018,"timestamp":359338349288,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":675302,"timestamp":359338459793,"id":96,"parentId":58,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":772917,"timestamp":359338362243,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778730824187,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":675541,"timestamp":359338459785,"id":95,"parentId":56,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":782046,"timestamp":359338353305,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":681541,"timestamp":359338459810,"id":98,"parentId":60,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":776189,"timestamp":359338365216,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778730824190,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":683046,"timestamp":359338459801,"id":97,"parentId":59,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":780025,"timestamp":359338362902,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778730824188,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":683308,"timestamp":359338459747,"id":90,"parentId":50,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":793665,"timestamp":359338349414,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":686789,"timestamp":359338459822,"id":99,"parentId":54,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":796257,"timestamp":359338350414,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778730824175,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":687868,"timestamp":359338459828,"id":100,"parentId":57,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":794292,"timestamp":359338353457,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"static-check","duration":832057,"timestamp":359338315752,"id":19,"parentId":1,"tags":{},"startTime":1778730824140,"traceId":"d0fdbc48729f9ead"},{"name":"write-routes-manifest","duration":453,"timestamp":359339155021,"id":102,"parentId":1,"tags":{},"startTime":1778730824980,"traceId":"d0fdbc48729f9ead"},{"name":"load-dotenv","duration":63,"timestamp":359339167597,"id":105,"parentId":104,"tags":{},"startTime":1778730824992,"traceId":"d0fdbc48729f9ead"},{"name":"run-export-path-map","duration":750,"timestamp":359339172321,"id":106,"parentId":104,"tags":{},"startTime":1778730824997,"traceId":"d0fdbc48729f9ead"},{"name":"next-export","duration":670538,"timestamp":359339166362,"id":104,"parentId":1,"tags":{},"startTime":1778730824991,"traceId":"d0fdbc48729f9ead"},{"name":"move-exported-app-not-found-","duration":763,"timestamp":359339840659,"id":107,"parentId":103,"tags":{},"startTime":1778730825665,"traceId":"d0fdbc48729f9ead"},{"name":"move-exported-app-global-error-","duration":678,"timestamp":359339841540,"id":108,"parentId":103,"tags":{},"startTime":1778730825666,"traceId":"d0fdbc48729f9ead"}]
2
- [{"name":"static-generation","duration":687614,"timestamp":359339160663,"id":103,"parentId":1,"tags":{},"startTime":1778730824985,"traceId":"d0fdbc48729f9ead"},{"name":"write-routes-manifest","duration":549,"timestamp":359339848507,"id":109,"parentId":1,"tags":{},"startTime":1778730825673,"traceId":"d0fdbc48729f9ead"},{"name":"print-tree-view","duration":4126,"timestamp":359339865278,"id":110,"parentId":1,"tags":{},"startTime":1778730825690,"traceId":"d0fdbc48729f9ead"},{"name":"write-route-bundle-stats","duration":12277,"timestamp":359339869447,"id":111,"parentId":1,"tags":{},"startTime":1778730825694,"traceId":"d0fdbc48729f9ead"},{"name":"telemetry-flush","duration":27298,"timestamp":359339881765,"id":112,"parentId":1,"tags":{},"startTime":1778730825706,"traceId":"d0fdbc48729f9ead"},{"name":"next-build","duration":22243151,"timestamp":359317665959,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778730803491,"traceId":"d0fdbc48729f9ead"}]
1
+ [{"name":"generate-buildid","duration":309,"timestamp":364597939857,"id":4,"parentId":1,"tags":{},"startTime":1778736083765,"traceId":"54b331ea1974c723"},{"name":"load-custom-routes","duration":476,"timestamp":364597940311,"id":5,"parentId":1,"tags":{},"startTime":1778736083765,"traceId":"54b331ea1974c723"},{"name":"create-dist-dir","duration":309,"timestamp":364597940829,"id":6,"parentId":1,"tags":{},"startTime":1778736083766,"traceId":"54b331ea1974c723"},{"name":"clean","duration":482,"timestamp":364597941803,"id":7,"parentId":1,"tags":{},"startTime":1778736083766,"traceId":"54b331ea1974c723"},{"name":"discover-routes","duration":9083,"timestamp":364598027522,"id":8,"parentId":1,"tags":{},"startTime":1778736083852,"traceId":"54b331ea1974c723"},{"name":"create-root-mapping","duration":137,"timestamp":364598036690,"id":9,"parentId":1,"tags":{},"startTime":1778736083861,"traceId":"54b331ea1974c723"},{"name":"generate-route-types","duration":31246,"timestamp":364598039571,"id":10,"parentId":1,"tags":{},"startTime":1778736083864,"traceId":"54b331ea1974c723"},{"name":"public-dir-conflict-check","duration":109,"timestamp":364598071059,"id":11,"parentId":1,"tags":{},"startTime":1778736083896,"traceId":"54b331ea1974c723"},{"name":"generate-routes-manifest","duration":4186,"timestamp":364598071290,"id":12,"parentId":1,"tags":{},"startTime":1778736083896,"traceId":"54b331ea1974c723"},{"name":"run-turbopack","duration":8455214,"timestamp":364598081566,"id":14,"parentId":1,"tags":{},"startTime":1778736083906,"traceId":"54b331ea1974c723"},{"name":"turbopack-build-events","duration":97,"timestamp":364598373944,"id":15,"parentId":1,"tags":{},"startTime":1778736084199,"traceId":"54b331ea1974c723"},{"name":"run-typescript","duration":8319092,"timestamp":364606551649,"id":16,"parentId":1,"tags":{},"startTime":1778736092376,"traceId":"54b331ea1974c723"},{"name":"generate-required-server-files","duration":2654,"timestamp":364614871891,"id":18,"parentId":1,"tags":{},"startTime":1778736100697,"traceId":"54b331ea1974c723"},{"name":"check-static-error-page","duration":21816,"timestamp":364614953823,"id":20,"parentId":19,"tags":{},"startTime":1778736100779,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":316519,"timestamp":364614979030,"id":62,"parentId":22,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":337738,"timestamp":364614957956,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778736100783,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":394437,"timestamp":364614978653,"id":61,"parentId":21,"tags":{},"startTime":1778736100803,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":417103,"timestamp":364614956069,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778736100781,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":448334,"timestamp":364614979286,"id":64,"parentId":26,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":464437,"timestamp":364614963263,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778736100788,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":452376,"timestamp":364614979369,"id":66,"parentId":28,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":468269,"timestamp":364614963543,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778736100788,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":455163,"timestamp":364614979328,"id":65,"parentId":27,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":471190,"timestamp":364614963412,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778736100788,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":455652,"timestamp":364614979126,"id":63,"parentId":25,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":471751,"timestamp":364614963054,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778736100788,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":456706,"timestamp":364614979407,"id":67,"parentId":29,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":472465,"timestamp":364614963693,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778736100788,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":461058,"timestamp":364614979643,"id":70,"parentId":33,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":476098,"timestamp":364614964655,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778736100789,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":464736,"timestamp":364614979692,"id":71,"parentId":34,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":479705,"timestamp":364614964775,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778736100789,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":466965,"timestamp":364614979441,"id":68,"parentId":30,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":482426,"timestamp":364614964032,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778736100789,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":468307,"timestamp":364614979710,"id":72,"parentId":35,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":483158,"timestamp":364614964901,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778736100790,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":470086,"timestamp":364614979765,"id":73,"parentId":36,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":484500,"timestamp":364614965401,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778736100790,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":472723,"timestamp":364614979784,"id":74,"parentId":37,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":486912,"timestamp":364614965634,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778736100790,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":477875,"timestamp":364614979792,"id":75,"parentId":38,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":491910,"timestamp":364614965808,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778736100790,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":478508,"timestamp":364614979798,"id":76,"parentId":39,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":492428,"timestamp":364614965919,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":481134,"timestamp":364614979805,"id":77,"parentId":40,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":494928,"timestamp":364614966050,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":485443,"timestamp":364614979811,"id":78,"parentId":41,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":499151,"timestamp":364614966169,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":488896,"timestamp":364614979816,"id":79,"parentId":42,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":502472,"timestamp":364614966287,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":492434,"timestamp":364614979823,"id":80,"parentId":43,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":505898,"timestamp":364614966405,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":493433,"timestamp":364614979829,"id":81,"parentId":44,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":506783,"timestamp":364614966518,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":498177,"timestamp":364614979835,"id":82,"parentId":45,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":511435,"timestamp":364614966635,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":499830,"timestamp":364614979489,"id":69,"parentId":32,"tags":{},"startTime":1778736100804,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":514875,"timestamp":364614964510,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778736100789,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":499685,"timestamp":364614979852,"id":84,"parentId":47,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":512706,"timestamp":364614966861,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778736100792,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":501050,"timestamp":364614979843,"id":83,"parentId":46,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":514171,"timestamp":364614966761,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778736100791,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":504314,"timestamp":364614979861,"id":85,"parentId":48,"tags":{},"startTime":1778736100805,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":517275,"timestamp":364614966962,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778736100792,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":502183,"timestamp":364614982220,"id":86,"parentId":24,"tags":{},"startTime":1778736100807,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":525842,"timestamp":364614958593,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778736100783,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":503991,"timestamp":364614982941,"id":87,"parentId":31,"tags":{},"startTime":1778736100808,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":522784,"timestamp":364614964192,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778736100789,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":500578,"timestamp":364614992939,"id":90,"parentId":50,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":525413,"timestamp":364614968156,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778736100793,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":513229,"timestamp":364614992945,"id":91,"parentId":51,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":537807,"timestamp":364614968432,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778736100793,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":519394,"timestamp":364614992954,"id":92,"parentId":52,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":543499,"timestamp":364614968904,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778736100794,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":530434,"timestamp":364614992962,"id":93,"parentId":53,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":554314,"timestamp":364614969148,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778736100794,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":533439,"timestamp":364614992927,"id":89,"parentId":49,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":558460,"timestamp":364614967958,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778736100793,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":540116,"timestamp":364614992975,"id":95,"parentId":56,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":563008,"timestamp":364614970163,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778736100795,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":541261,"timestamp":364614992967,"id":94,"parentId":55,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":564303,"timestamp":364614969972,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778736100795,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":542846,"timestamp":364614992881,"id":88,"parentId":23,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":577462,"timestamp":364614958311,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778736100783,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":547619,"timestamp":364614992984,"id":96,"parentId":58,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":565603,"timestamp":364614975053,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778736100800,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":548610,"timestamp":364614993014,"id":98,"parentId":60,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":566249,"timestamp":364614975418,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778736100800,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":553379,"timestamp":364614992990,"id":97,"parentId":59,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":571153,"timestamp":364614975269,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778736100800,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":555220,"timestamp":364614993026,"id":99,"parentId":54,"tags":{},"startTime":1778736100818,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":578876,"timestamp":364614969411,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778736100794,"traceId":"54b331ea1974c723"},{"name":"is-page-static","duration":552378,"timestamp":364614999135,"id":100,"parentId":57,"tags":{},"startTime":1778736100824,"traceId":"54b331ea1974c723"},{"name":"check-page","duration":577102,"timestamp":364614974524,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778736100799,"traceId":"54b331ea1974c723"},{"name":"static-check","duration":599039,"timestamp":364614952627,"id":19,"parentId":1,"tags":{},"startTime":1778736100777,"traceId":"54b331ea1974c723"},{"name":"write-routes-manifest","duration":526,"timestamp":364615559842,"id":102,"parentId":1,"tags":{},"startTime":1778736101385,"traceId":"54b331ea1974c723"},{"name":"load-dotenv","duration":61,"timestamp":364615574687,"id":105,"parentId":104,"tags":{},"startTime":1778736101399,"traceId":"54b331ea1974c723"},{"name":"run-export-path-map","duration":664,"timestamp":364615577812,"id":106,"parentId":104,"tags":{},"startTime":1778736101403,"traceId":"54b331ea1974c723"},{"name":"next-export","duration":779504,"timestamp":364615573409,"id":104,"parentId":1,"tags":{},"startTime":1778736101398,"traceId":"54b331ea1974c723"},{"name":"move-exported-app-not-found-","duration":912,"timestamp":364616357180,"id":107,"parentId":103,"tags":{},"startTime":1778736102182,"traceId":"54b331ea1974c723"},{"name":"move-exported-app-global-error-","duration":457,"timestamp":364616358201,"id":108,"parentId":103,"tags":{},"startTime":1778736102183,"traceId":"54b331ea1974c723"}]
2
+ [{"name":"static-generation","duration":796063,"timestamp":364615567106,"id":103,"parentId":1,"tags":{},"startTime":1778736101392,"traceId":"54b331ea1974c723"},{"name":"write-routes-manifest","duration":439,"timestamp":364616363343,"id":109,"parentId":1,"tags":{},"startTime":1778736102188,"traceId":"54b331ea1974c723"},{"name":"print-tree-view","duration":3866,"timestamp":364616376730,"id":110,"parentId":1,"tags":{},"startTime":1778736102201,"traceId":"54b331ea1974c723"},{"name":"write-route-bundle-stats","duration":15296,"timestamp":364616380634,"id":111,"parentId":1,"tags":{},"startTime":1778736102205,"traceId":"54b331ea1974c723"},{"name":"telemetry-flush","duration":51317,"timestamp":364616395966,"id":112,"parentId":1,"tags":{},"startTime":1778736102221,"traceId":"54b331ea1974c723"},{"name":"next-build","duration":18562732,"timestamp":364597884594,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778736083709,"traceId":"54b331ea1974c723"}]
package/.next/trace-build CHANGED
@@ -1 +1 @@
1
- [{"name":"run-turbopack","duration":10092224,"timestamp":359317891598,"id":14,"parentId":1,"tags":{},"startTime":1778730803716,"traceId":"d0fdbc48729f9ead"},{"name":"turbopack-build-events","duration":87,"timestamp":359318223642,"id":15,"parentId":1,"tags":{},"startTime":1778730804048,"traceId":"d0fdbc48729f9ead"},{"name":"run-typescript","duration":10164400,"timestamp":359327991941,"id":16,"parentId":1,"tags":{},"startTime":1778730813817,"traceId":"d0fdbc48729f9ead"},{"name":"static-check","duration":832057,"timestamp":359338315752,"id":19,"parentId":1,"tags":{},"startTime":1778730824140,"traceId":"d0fdbc48729f9ead"},{"name":"static-generation","duration":687614,"timestamp":359339160663,"id":103,"parentId":1,"tags":{},"startTime":1778730824985,"traceId":"d0fdbc48729f9ead"},{"name":"telemetry-flush","duration":27298,"timestamp":359339881765,"id":112,"parentId":1,"tags":{},"startTime":1778730825706,"traceId":"d0fdbc48729f9ead"},{"name":"next-build","duration":22243151,"timestamp":359317665959,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778730803491,"traceId":"d0fdbc48729f9ead"}]
1
+ [{"name":"run-turbopack","duration":8455214,"timestamp":364598081566,"id":14,"parentId":1,"tags":{},"startTime":1778736083906,"traceId":"54b331ea1974c723"},{"name":"turbopack-build-events","duration":97,"timestamp":364598373944,"id":15,"parentId":1,"tags":{},"startTime":1778736084199,"traceId":"54b331ea1974c723"},{"name":"run-typescript","duration":8319092,"timestamp":364606551649,"id":16,"parentId":1,"tags":{},"startTime":1778736092376,"traceId":"54b331ea1974c723"},{"name":"static-check","duration":599039,"timestamp":364614952627,"id":19,"parentId":1,"tags":{},"startTime":1778736100777,"traceId":"54b331ea1974c723"},{"name":"static-generation","duration":796063,"timestamp":364615567106,"id":103,"parentId":1,"tags":{},"startTime":1778736101392,"traceId":"54b331ea1974c723"},{"name":"telemetry-flush","duration":51317,"timestamp":364616395966,"id":112,"parentId":1,"tags":{},"startTime":1778736102221,"traceId":"54b331ea1974c723"},{"name":"next-build","duration":18562732,"timestamp":364597884594,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778736083709,"traceId":"54b331ea1974c723"}]
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
- import { useEffect, useMemo, useState } from 'react';
3
+ import { useEffect, useMemo, useRef, useState } from 'react';
4
4
  import { Session } from './types';
5
5
  import { aliasAvatarColors, aliasInitial } from './AliasAvatar';
6
6
 
@@ -366,6 +366,136 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
366
366
 
367
367
  const workingCount = onlineNodes.filter(s => s.status === 'working').length;
368
368
 
369
+ // --- Round 103 (issue #81): fullscreen + zoom + pan interaction layer ---
370
+ // DIY native (no d3 / svg-pan-zoom): wrap the topology content in a single
371
+ // <g transform> and drive it with wheel + pointer-drag. The panel <rect>
372
+ // backdrop stays fixed so panning never reveals empty canvas. View state
373
+ // {zoom,x,y} persists to localStorage (same sticky pattern as brand flag).
374
+ const VIEWBOX_W = 1000;
375
+ const VIEWBOX_H = 680;
376
+ const ZOOM_MIN = 0.5;
377
+ const ZOOM_MAX = 4;
378
+ const containerRef = useRef<HTMLDivElement>(null);
379
+ const svgRef = useRef<SVGSVGElement>(null);
380
+ const [view, setView] = useState({ zoom: 1, x: 0, y: 0 });
381
+ const viewRef = useRef(view);
382
+ const dragRef = useRef({ active: false, startX: 0, startY: 0, baseX: 0, baseY: 0 });
383
+ const [isFullscreen, setIsFullscreen] = useState(false);
384
+
385
+ useEffect(() => { viewRef.current = view; }, [view]);
386
+
387
+ // restore persisted view once on mount
388
+ useEffect(() => {
389
+ try {
390
+ const raw = localStorage.getItem('anet-topo-view');
391
+ if (raw) {
392
+ const v = JSON.parse(raw);
393
+ if (typeof v?.zoom === 'number') {
394
+ setView({
395
+ zoom: Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, v.zoom)),
396
+ x: typeof v.x === 'number' ? v.x : 0,
397
+ y: typeof v.y === 'number' ? v.y : 0,
398
+ });
399
+ }
400
+ }
401
+ } catch {}
402
+ }, []);
403
+
404
+ // persist view
405
+ useEffect(() => {
406
+ try { localStorage.setItem('anet-topo-view', JSON.stringify(view)); } catch {}
407
+ }, [view]);
408
+
409
+ // track fullscreen state (button label + Esc-exit sync)
410
+ useEffect(() => {
411
+ const onFsChange = () => setIsFullscreen(document.fullscreenElement === containerRef.current);
412
+ document.addEventListener('fullscreenchange', onFsChange);
413
+ return () => document.removeEventListener('fullscreenchange', onFsChange);
414
+ }, []);
415
+
416
+ // wheel zoom — native non-passive listener so preventDefault() actually
417
+ // stops the page from scrolling. Uses functional setState so the listener
418
+ // never goes stale and can attach once.
419
+ useEffect(() => {
420
+ const svg = svgRef.current;
421
+ if (!svg) return;
422
+ const onWheel = (e: WheelEvent) => {
423
+ e.preventDefault();
424
+ const rect = svg.getBoundingClientRect();
425
+ const mx = ((e.clientX - rect.left) / rect.width) * VIEWBOX_W;
426
+ const my = ((e.clientY - rect.top) / rect.height) * VIEWBOX_H;
427
+ setView(prev => {
428
+ // Round 104 (issue #81 follow-up): Vincent 实测 zoom 太灵敏. The
429
+ // old factor was a fixed 1.15x per wheel *event* — fine for a
430
+ // mouse notch but a trackpad fires dozens of events per gesture
431
+ // so it compounded into huge jumps. Scale the factor by deltaY
432
+ // magnitude with a small coefficient, then clamp the per-event
433
+ // change so no single tick moves more than ~8%.
434
+ const factor = Math.min(1.08, Math.max(0.926, Math.exp(-e.deltaY * 0.0006)));
435
+ const nz = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, prev.zoom * factor));
436
+ const ratio = nz / prev.zoom;
437
+ // keep the point under the cursor stationary
438
+ return { zoom: nz, x: mx - (mx - prev.x) * ratio, y: my - (my - prev.y) * ratio };
439
+ });
440
+ };
441
+ svg.addEventListener('wheel', onWheel, { passive: false });
442
+ return () => svg.removeEventListener('wheel', onWheel);
443
+ }, []);
444
+
445
+ const onPointerDown = (e: React.PointerEvent<SVGSVGElement>) => {
446
+ if (e.button !== 0) return;
447
+ (e.currentTarget as Element).setPointerCapture?.(e.pointerId);
448
+ dragRef.current = {
449
+ active: true,
450
+ startX: e.clientX,
451
+ startY: e.clientY,
452
+ baseX: viewRef.current.x,
453
+ baseY: viewRef.current.y,
454
+ };
455
+ };
456
+ const onPointerMove = (e: React.PointerEvent<SVGSVGElement>) => {
457
+ const d = dragRef.current;
458
+ if (!d.active) return;
459
+ const svg = svgRef.current;
460
+ if (!svg) return;
461
+ const rect = svg.getBoundingClientRect();
462
+ const dx = ((e.clientX - d.startX) / rect.width) * VIEWBOX_W;
463
+ const dy = ((e.clientY - d.startY) / rect.height) * VIEWBOX_H;
464
+ setView(prev => ({ ...prev, x: d.baseX + dx, y: d.baseY + dy }));
465
+ };
466
+ const onPointerUp = (e: React.PointerEvent<SVGSVGElement>) => {
467
+ if (!dragRef.current.active) return;
468
+ dragRef.current.active = false;
469
+ try {
470
+ (e.currentTarget as Element).releasePointerCapture?.(e.pointerId);
471
+ } catch {}
472
+ };
473
+
474
+ // zoom buttons — zoom around the canvas center
475
+ const zoomBy = (factor: number) => {
476
+ setView(prev => {
477
+ const nz = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, prev.zoom * factor));
478
+ const ratio = nz / prev.zoom;
479
+ const cx0 = VIEWBOX_W / 2;
480
+ const cy0 = VIEWBOX_H / 2;
481
+ return { zoom: nz, x: cx0 - (cx0 - prev.x) * ratio, y: cy0 - (cy0 - prev.y) * ratio };
482
+ });
483
+ };
484
+ const resetView = () => setView({ zoom: 1, x: 0, y: 0 });
485
+
486
+ const toggleFullscreen = () => {
487
+ const el = containerRef.current;
488
+ if (!el) return;
489
+ if (document.fullscreenElement) {
490
+ document.exitFullscreen?.();
491
+ } else {
492
+ const req =
493
+ el.requestFullscreen ||
494
+ (el as unknown as { webkitRequestFullscreen?: () => void }).webkitRequestFullscreen;
495
+ req?.call(el);
496
+ }
497
+ };
498
+
369
499
  return (
370
500
  <section className="w-full max-w-6xl mx-auto mb-8">
371
501
  <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1">
@@ -387,12 +517,23 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
387
517
  </div>
388
518
 
389
519
  <div
390
- className={`relative overflow-hidden rounded-lg border shadow-2xl ${isLight ? 'shadow-zinc-900/5' : 'shadow-cyan-950/30'}`}
520
+ ref={containerRef}
521
+ className={`relative overflow-hidden rounded-lg border shadow-2xl ${isLight ? 'shadow-zinc-900/5' : 'shadow-cyan-950/30'} ${isFullscreen ? 'flex items-center justify-center' : ''}`}
391
522
  style={{ background: pal.containerBg, borderColor: pal.containerBorder }}
392
523
  >
393
524
  <div className={`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${pal.topRailGradient}`} />
394
525
 
395
- <svg viewBox="0 0 1000 680" className="w-full h-auto block" preserveAspectRatio="xMidYMid meet">
526
+ <svg
527
+ ref={svgRef}
528
+ viewBox="0 0 1000 680"
529
+ className="w-full h-auto block"
530
+ preserveAspectRatio="xMidYMid meet"
531
+ onPointerDown={onPointerDown}
532
+ onPointerMove={onPointerMove}
533
+ onPointerUp={onPointerUp}
534
+ onPointerLeave={onPointerUp}
535
+ style={{ cursor: 'grab', touchAction: 'none' }}
536
+ >
396
537
  <defs>
397
538
  <linearGradient id="topo-panel" x1="0" x2="1" y1="0" y2="1">
398
539
  <stop offset="0%" stopColor={pal.panelStops[0]} />
@@ -425,7 +566,12 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
425
566
  </radialGradient>
426
567
  </defs>
427
568
 
569
+ {/* panel backdrop stays fixed — panning never reveals empty canvas */}
428
570
  <rect width="1000" height="680" fill="url(#topo-panel)" />
571
+
572
+ {/* Round 103 (issue #81): everything inside this <g> zooms + pans
573
+ together. transform order = translate then scale. */}
574
+ <g transform={`translate(${view.x} ${view.y}) scale(${view.zoom})`}>
429
575
  <circle cx={cx} cy={cy} r="330" fill="url(#topo-radar)" />
430
576
 
431
577
  {/* Round 45: subtle star field — 24 deterministic dots scattered
@@ -730,7 +876,74 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
730
876
  <text x="34" y="82" fill={pal.legendText} fontSize="11" fontFamily="monospace">offline / no SSE</text>
731
877
  <path d="M150,78 Q176,52 210,78" fill="none" stroke={pal.flowEdge} strokeWidth="3" markerEnd="url(#topo-arrow)" />
732
878
  </g>
879
+ </g>
733
880
  </svg>
881
+
882
+ {/* Round 103 (issue #81): zoom / pan / fullscreen controls — HTML
883
+ overlay so they stay fixed while the SVG content transforms.
884
+ Round 104: Vincent 实测 — the reset action used to be hidden
885
+ behind the "%" label (looked like an indicator, not a button).
886
+ Split into a plain % readout + an explicit reset button with
887
+ its own icon + tooltip. */}
888
+ <div className="absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none">
889
+ <div
890
+ className="flex items-center rounded-md border overflow-hidden"
891
+ style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder }}
892
+ >
893
+ <button
894
+ onClick={() => zoomBy(1 / 1.2)}
895
+ className="px-2 py-1 hover:bg-white/5 transition-colors"
896
+ style={{ color: pal.legendText }}
897
+ aria-label="Zoom out"
898
+ >
899
+ <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" aria-hidden><path d="M5 12h14" /></svg>
900
+ </button>
901
+ <span
902
+ className="px-2 py-1 tabular-nums border-x text-center"
903
+ style={{ color: pal.legendText, borderColor: pal.containerBorder, minWidth: 46 }}
904
+ title="Current zoom level"
905
+ >
906
+ {Math.round(view.zoom * 100)}%
907
+ </span>
908
+ <button
909
+ onClick={() => zoomBy(1.2)}
910
+ className="px-2 py-1 hover:bg-white/5 transition-colors"
911
+ style={{ color: pal.legendText }}
912
+ aria-label="Zoom in"
913
+ >
914
+ <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" aria-hidden><path d="M12 5v14M5 12h14" /></svg>
915
+ </button>
916
+ </div>
917
+ <button
918
+ onClick={resetView}
919
+ className="p-1.5 rounded-md border hover:bg-white/5 transition-colors"
920
+ style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder, color: pal.legendText }}
921
+ aria-label="Reset view"
922
+ title="Reset zoom + pan (or double-click the canvas)"
923
+ >
924
+ <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
925
+ <path d="M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8" />
926
+ <path d="M3 3v5h5" />
927
+ </svg>
928
+ </button>
929
+ <button
930
+ onClick={toggleFullscreen}
931
+ className="p-1.5 rounded-md border hover:bg-white/5 transition-colors"
932
+ style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder, color: pal.legendText }}
933
+ aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
934
+ title={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}
935
+ >
936
+ {isFullscreen ? (
937
+ <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
938
+ <path d="M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4" />
939
+ </svg>
940
+ ) : (
941
+ <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
942
+ <path d="M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3" />
943
+ </svg>
944
+ )}
945
+ </button>
946
+ </div>
734
947
  </div>
735
948
  </section>
736
949
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sleep2agi/agent-network-dashboard",
3
- "version": "0.4.5-preview.85",
3
+ "version": "0.4.5-preview.87",
4
4
  "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
5
5
  "scripts": {
6
6
  "dev": "next dev",
@@ -0,0 +1,24 @@
1
+ import { chromium } from 'playwright';
2
+ const TOKEN = process.env.LOOP_REVIEW_TOKEN;
3
+ const browser = await chromium.launch({ headless: true });
4
+ for (const theme of ['cyber', 'light']) {
5
+ const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
6
+ await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
7
+ await ctx.addInitScript(t => { try { localStorage.setItem('anet-theme', t); sessionStorage.setItem('anet_v3_auth','1'); localStorage.removeItem('anet-topo-view'); } catch {} }, theme);
8
+ const page = await ctx.newPage();
9
+ await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
10
+ await page.waitForFunction(() => {
11
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
12
+ return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
13
+ }, { timeout: 30000 }).catch(() => {});
14
+ await page.waitForTimeout(800);
15
+ await page.evaluate(t => document.documentElement.setAttribute('data-theme', t), theme);
16
+ await page.waitForTimeout(300);
17
+ const sec = page.locator('section:has(h2:text("Command mesh"))');
18
+ await sec.scrollIntoViewIfNeeded();
19
+ await page.waitForTimeout(400);
20
+ await sec.screenshot({ path: `/tmp/anet-issue-50/topo-controls-${theme}.png` });
21
+ await ctx.close();
22
+ }
23
+ await browser.close();
24
+ console.log('done');
@@ -0,0 +1,32 @@
1
+ import { chromium } from 'playwright';
2
+ const TOKEN = process.env.LOOP_REVIEW_TOKEN;
3
+ const browser = await chromium.launch({ headless: true });
4
+ const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
5
+ await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
6
+ await ctx.addInitScript(() => { try { localStorage.setItem('anet-theme','cyber'); localStorage.removeItem('anet-topo-view'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
7
+ const page = await ctx.newPage();
8
+ await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
9
+ await page.waitForFunction(() => {
10
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
11
+ return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
12
+ }, { timeout: 30000 }).catch(() => {});
13
+ await page.waitForTimeout(800);
14
+ await page.evaluate(() => { const h=[...document.querySelectorAll('h2')].find(x=>/Command mesh/i.test(x.textContent||'')); h?.scrollIntoView({behavior:'instant',block:'center'}); });
15
+ await page.waitForTimeout(400);
16
+ // attach raw listeners to count events + timestamps
17
+ await page.evaluate(() => {
18
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
19
+ window.__dbg = [];
20
+ svg.addEventListener('pointerdown', e => window.__dbg.push('pointerdown@' + Date.now() + ' btn=' + e.button + ' id=' + e.pointerId));
21
+ svg.addEventListener('pointerup', e => window.__dbg.push('pointerup@' + Date.now()));
22
+ });
23
+ const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
24
+ const px = svgBox.x + svgBox.width*0.5, py = svgBox.y + svgBox.height*0.5;
25
+ await page.mouse.move(px, py);
26
+ await page.mouse.down(); await page.mouse.up();
27
+ await page.waitForTimeout(90);
28
+ await page.mouse.down(); await page.mouse.up();
29
+ await page.waitForTimeout(200);
30
+ const dbg = await page.evaluate(() => window.__dbg);
31
+ console.log('events:', JSON.stringify(dbg, null, 1));
32
+ await browser.close();
@@ -0,0 +1,25 @@
1
+ import { chromium } from 'playwright';
2
+ const TOKEN = process.env.LOOP_REVIEW_TOKEN;
3
+ const browser = await chromium.launch({ headless: true });
4
+ const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
5
+ await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
6
+ await ctx.addInitScript(() => { try { localStorage.setItem('anet-theme','cyber'); localStorage.removeItem('anet-topo-view'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
7
+ const page = await ctx.newPage();
8
+ page.on('console', m => { if (m.text().includes('[DBG]')) console.log(m.text()); });
9
+ await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
10
+ await page.waitForFunction(() => {
11
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
12
+ return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
13
+ }, { timeout: 30000 }).catch(() => {});
14
+ await page.waitForTimeout(800);
15
+ await page.evaluate(() => { const h=[...document.querySelectorAll('h2')].find(x=>/Command mesh/i.test(x.textContent||'')); h?.scrollIntoView({behavior:'instant',block:'center'}); });
16
+ await page.waitForTimeout(400);
17
+ const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
18
+ const px = svgBox.x + svgBox.width*0.5, py = svgBox.y + svgBox.height*0.5;
19
+ console.log('--- double tap test ---');
20
+ await page.mouse.move(px, py);
21
+ await page.mouse.down(); await page.mouse.up();
22
+ await page.waitForTimeout(90);
23
+ await page.mouse.down(); await page.mouse.up();
24
+ await page.waitForTimeout(300);
25
+ await browser.close();
@@ -0,0 +1,34 @@
1
+ import { chromium } from 'playwright';
2
+ const TOKEN = process.env.LOOP_REVIEW_TOKEN;
3
+ const browser = await chromium.launch({ headless: true });
4
+ const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
5
+ await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
6
+ await ctx.addInitScript(() => { try { localStorage.setItem('anet-theme','cyber'); localStorage.removeItem('anet-topo-view'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
7
+ const page = await ctx.newPage();
8
+ page.on('console', m => { if (m.text().includes('[DBG]')) console.log(m.text()); });
9
+ await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
10
+ await page.waitForFunction(() => {
11
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
12
+ return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
13
+ }, { timeout: 30000 }).catch(() => {});
14
+ await page.waitForTimeout(800);
15
+ await page.evaluate(() => { const h=[...document.querySelectorAll('h2')].find(x=>/Command mesh/i.test(x.textContent||'')); h?.scrollIntoView({behavior:'instant',block:'center'}); });
16
+ await page.waitForTimeout(400);
17
+ const scaleOf = () => page.evaluate(() => {
18
+ const g = document.querySelector('svg[viewBox="0 0 1000 680"] > g[transform^="translate"]');
19
+ const m = g?.getAttribute('transform')?.match(/scale\(([\d.]+)\)/);
20
+ return m ? parseFloat(m[1]) : null;
21
+ });
22
+ const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
23
+ const px = svgBox.x + svgBox.width*0.5, py = svgBox.y + svgBox.height*0.5;
24
+ await page.locator('button[aria-label="Zoom in"]').click();
25
+ await page.locator('button[aria-label="Zoom in"]').click();
26
+ await page.waitForTimeout(150);
27
+ console.log('after 2x zoom-in:', await scaleOf());
28
+ await page.mouse.move(px, py);
29
+ await page.mouse.down(); await page.mouse.up();
30
+ await page.waitForTimeout(90);
31
+ await page.mouse.down(); await page.mouse.up();
32
+ await page.waitForTimeout(250);
33
+ console.log('after MANUAL double-tap:', await scaleOf(), '(expect 1)');
34
+ await browser.close();