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

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 (157) 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 → 00q6q_ya207yu.js} +1 -1
  144. package/.next/static/chunks/03b6jkic-1r9u.css +2 -0
  145. package/.next/static/chunks/0al59.tqyrtlo.js +1 -0
  146. package/.next/static/chunks/{0nzljd~g_e_ek.js → 0vijxg-39m8.p.js} +1 -1
  147. package/.next/trace +2 -2
  148. package/.next/trace-build +1 -1
  149. package/app/components/TopoGraph.tsx +193 -3
  150. package/package.json +1 -1
  151. package/scripts/topo-controls-shot.mjs +24 -0
  152. package/scripts/topo-interaction-test.mjs +80 -0
  153. package/.next/static/chunks/0vsps7pjfu7rq.js +0 -1
  154. package/.next/static/chunks/1455.wsjxe2cl.css +0 -2
  155. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_buildManifest.js +0 -0
  156. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_clientMiddlewareManifest.js +0 -0
  157. /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_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.86"],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":334,"timestamp":363189853944,"id":4,"parentId":1,"tags":{},"startTime":1778734675679,"traceId":"476e58ed709871e1"},{"name":"load-custom-routes","duration":505,"timestamp":363189854427,"id":5,"parentId":1,"tags":{},"startTime":1778734675679,"traceId":"476e58ed709871e1"},{"name":"create-dist-dir","duration":397,"timestamp":363189854976,"id":6,"parentId":1,"tags":{},"startTime":1778734675680,"traceId":"476e58ed709871e1"},{"name":"clean","duration":803,"timestamp":363189857841,"id":7,"parentId":1,"tags":{},"startTime":1778734675683,"traceId":"476e58ed709871e1"},{"name":"discover-routes","duration":17371,"timestamp":363189952448,"id":8,"parentId":1,"tags":{},"startTime":1778734675777,"traceId":"476e58ed709871e1"},{"name":"create-root-mapping","duration":316,"timestamp":363189969942,"id":9,"parentId":1,"tags":{},"startTime":1778734675795,"traceId":"476e58ed709871e1"},{"name":"generate-route-types","duration":52748,"timestamp":363189973789,"id":10,"parentId":1,"tags":{},"startTime":1778734675798,"traceId":"476e58ed709871e1"},{"name":"public-dir-conflict-check","duration":144,"timestamp":363190026770,"id":11,"parentId":1,"tags":{},"startTime":1778734675851,"traceId":"476e58ed709871e1"},{"name":"generate-routes-manifest","duration":6227,"timestamp":363190027096,"id":12,"parentId":1,"tags":{},"startTime":1778734675852,"traceId":"476e58ed709871e1"},{"name":"run-turbopack","duration":11093972,"timestamp":363190044210,"id":14,"parentId":1,"tags":{},"startTime":1778734675869,"traceId":"476e58ed709871e1"},{"name":"turbopack-build-events","duration":122,"timestamp":363190646308,"id":15,"parentId":1,"tags":{},"startTime":1778734676471,"traceId":"476e58ed709871e1"},{"name":"run-typescript","duration":9697007,"timestamp":363201146679,"id":16,"parentId":1,"tags":{},"startTime":1778734686971,"traceId":"476e58ed709871e1"},{"name":"generate-required-server-files","duration":2075,"timestamp":363210844850,"id":18,"parentId":1,"tags":{},"startTime":1778734696670,"traceId":"476e58ed709871e1"},{"name":"check-static-error-page","duration":12835,"timestamp":363210962367,"id":20,"parentId":19,"tags":{},"startTime":1778734696787,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":336711,"timestamp":363210979685,"id":62,"parentId":22,"tags":{},"startTime":1778734696804,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":350397,"timestamp":363210966116,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778734696791,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":439793,"timestamp":363210981255,"id":64,"parentId":26,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":452950,"timestamp":363210969126,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778734696794,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":447976,"timestamp":363210981330,"id":65,"parentId":27,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":460105,"timestamp":363210969255,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778734696794,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":452512,"timestamp":363210981369,"id":66,"parentId":28,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":464565,"timestamp":363210969371,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778734696794,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":460335,"timestamp":363210981410,"id":67,"parentId":29,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":472311,"timestamp":363210969495,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778734696794,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":469953,"timestamp":363210981447,"id":68,"parentId":30,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":481649,"timestamp":363210969818,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778734696795,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":474617,"timestamp":363210981482,"id":69,"parentId":32,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":485394,"timestamp":363210970795,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778734696795,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":476865,"timestamp":363210981635,"id":70,"parentId":33,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":487611,"timestamp":363210970934,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":480114,"timestamp":363210981709,"id":71,"parentId":34,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":490833,"timestamp":363210971036,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":491548,"timestamp":363210981731,"id":72,"parentId":35,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":502201,"timestamp":363210971139,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":496294,"timestamp":363210981794,"id":73,"parentId":36,"tags":{},"startTime":1778734696806,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":506593,"timestamp":363210971560,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":502798,"timestamp":363210979339,"id":61,"parentId":21,"tags":{},"startTime":1778734696804,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":517290,"timestamp":363210964911,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778734696790,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":507861,"timestamp":363210981813,"id":74,"parentId":37,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":518019,"timestamp":363210971714,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":519078,"timestamp":363210981833,"id":76,"parentId":39,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":529095,"timestamp":363210971870,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":528969,"timestamp":363210981839,"id":77,"parentId":40,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":538939,"timestamp":363210971929,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":531215,"timestamp":363210981847,"id":78,"parentId":41,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":541183,"timestamp":363210971989,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":534765,"timestamp":363210981855,"id":79,"parentId":42,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":544595,"timestamp":363210972079,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":548445,"timestamp":363210981860,"id":80,"parentId":43,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":558227,"timestamp":363210972140,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":562855,"timestamp":363210981869,"id":81,"parentId":44,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":572590,"timestamp":363210972203,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":572977,"timestamp":363210981877,"id":82,"parentId":45,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":582656,"timestamp":363210972260,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":574620,"timestamp":363210981825,"id":75,"parentId":38,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":584686,"timestamp":363210971806,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778734696796,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":576344,"timestamp":363210981882,"id":83,"parentId":46,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":585925,"timestamp":363210972341,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":580124,"timestamp":363210981899,"id":85,"parentId":48,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":589607,"timestamp":363210972463,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":580280,"timestamp":363210981890,"id":84,"parentId":47,"tags":{},"startTime":1778734696807,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":589788,"timestamp":363210972402,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":576665,"timestamp":363210990070,"id":87,"parentId":31,"tags":{},"startTime":1778734696815,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":596827,"timestamp":363210969964,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778734696795,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":560130,"timestamp":363211014141,"id":88,"parentId":23,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":608038,"timestamp":363210966323,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778734696791,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":585492,"timestamp":363210989136,"id":86,"parentId":24,"tags":{},"startTime":1778734696814,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":608105,"timestamp":363210966548,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778734696791,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":569426,"timestamp":363211014187,"id":89,"parentId":49,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":610885,"timestamp":363210972791,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778734696797,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":572350,"timestamp":363211014204,"id":91,"parentId":51,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":613518,"timestamp":363210973104,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778734696798,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":580294,"timestamp":363211014212,"id":92,"parentId":52,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":621276,"timestamp":363210973286,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778734696798,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":586645,"timestamp":363211014218,"id":93,"parentId":53,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":627502,"timestamp":363210973459,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778734696798,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":592408,"timestamp":363211014227,"id":94,"parentId":55,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":632570,"timestamp":363210974121,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778734696799,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":631276,"timestamp":363210979793,"id":63,"parentId":25,"tags":{},"startTime":1778734696804,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":642236,"timestamp":363210968907,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778734696794,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":598228,"timestamp":363211014235,"id":95,"parentId":56,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":638225,"timestamp":363210974292,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778734696799,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":610119,"timestamp":363211014248,"id":97,"parentId":59,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":649574,"timestamp":363210974862,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778734696800,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":616262,"timestamp":363211014258,"id":98,"parentId":60,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":655621,"timestamp":363210974975,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778734696800,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":618556,"timestamp":363211014197,"id":90,"parentId":50,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":659884,"timestamp":363210972930,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778734696798,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":619790,"timestamp":363211018479,"id":100,"parentId":57,"tags":{},"startTime":1778734696843,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":663888,"timestamp":363210974440,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778734696799,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":630633,"timestamp":363211014266,"id":99,"parentId":54,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":671281,"timestamp":363210973675,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778734696798,"traceId":"476e58ed709871e1"},{"name":"is-page-static","duration":660312,"timestamp":363211014240,"id":96,"parentId":58,"tags":{},"startTime":1778734696839,"traceId":"476e58ed709871e1"},{"name":"check-page","duration":699869,"timestamp":363210974756,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778734696799,"traceId":"476e58ed709871e1"},{"name":"static-check","duration":713385,"timestamp":363210961282,"id":19,"parentId":1,"tags":{},"startTime":1778734696786,"traceId":"476e58ed709871e1"},{"name":"write-routes-manifest","duration":740,"timestamp":363211681426,"id":102,"parentId":1,"tags":{},"startTime":1778734697506,"traceId":"476e58ed709871e1"},{"name":"load-dotenv","duration":61,"timestamp":363211695562,"id":105,"parentId":104,"tags":{},"startTime":1778734697520,"traceId":"476e58ed709871e1"},{"name":"run-export-path-map","duration":714,"timestamp":363211699052,"id":106,"parentId":104,"tags":{},"startTime":1778734697524,"traceId":"476e58ed709871e1"},{"name":"next-export","duration":672135,"timestamp":363211694266,"id":104,"parentId":1,"tags":{},"startTime":1778734697519,"traceId":"476e58ed709871e1"},{"name":"move-exported-app-not-found-","duration":980,"timestamp":363212370459,"id":107,"parentId":103,"tags":{},"startTime":1778734698195,"traceId":"476e58ed709871e1"},{"name":"move-exported-app-global-error-","duration":1427,"timestamp":363212371553,"id":108,"parentId":103,"tags":{},"startTime":1778734698196,"traceId":"476e58ed709871e1"}]
2
+ [{"name":"static-generation","duration":692708,"timestamp":363211687703,"id":103,"parentId":1,"tags":{},"startTime":1778734697512,"traceId":"476e58ed709871e1"},{"name":"write-routes-manifest","duration":450,"timestamp":363212380692,"id":109,"parentId":1,"tags":{},"startTime":1778734698205,"traceId":"476e58ed709871e1"},{"name":"print-tree-view","duration":3703,"timestamp":363212389780,"id":110,"parentId":1,"tags":{},"startTime":1778734698214,"traceId":"476e58ed709871e1"},{"name":"write-route-bundle-stats","duration":22685,"timestamp":363212393523,"id":111,"parentId":1,"tags":{},"startTime":1778734698218,"traceId":"476e58ed709871e1"},{"name":"telemetry-flush","duration":25016,"timestamp":363212416256,"id":112,"parentId":1,"tags":{},"startTime":1778734698241,"traceId":"476e58ed709871e1"},{"name":"next-build","duration":22655220,"timestamp":363189786094,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778734675611,"traceId":"476e58ed709871e1"}]
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":11093972,"timestamp":363190044210,"id":14,"parentId":1,"tags":{},"startTime":1778734675869,"traceId":"476e58ed709871e1"},{"name":"turbopack-build-events","duration":122,"timestamp":363190646308,"id":15,"parentId":1,"tags":{},"startTime":1778734676471,"traceId":"476e58ed709871e1"},{"name":"run-typescript","duration":9697007,"timestamp":363201146679,"id":16,"parentId":1,"tags":{},"startTime":1778734686971,"traceId":"476e58ed709871e1"},{"name":"static-check","duration":713385,"timestamp":363210961282,"id":19,"parentId":1,"tags":{},"startTime":1778734696786,"traceId":"476e58ed709871e1"},{"name":"static-generation","duration":692708,"timestamp":363211687703,"id":103,"parentId":1,"tags":{},"startTime":1778734697512,"traceId":"476e58ed709871e1"},{"name":"telemetry-flush","duration":25016,"timestamp":363212416256,"id":112,"parentId":1,"tags":{},"startTime":1778734698241,"traceId":"476e58ed709871e1"},{"name":"next-build","duration":22655220,"timestamp":363189786094,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778734675611,"traceId":"476e58ed709871e1"}]
@@ -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,127 @@ 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
+ const factor = e.deltaY < 0 ? 1.15 : 1 / 1.15;
429
+ const nz = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, prev.zoom * factor));
430
+ const ratio = nz / prev.zoom;
431
+ // keep the point under the cursor stationary
432
+ return { zoom: nz, x: mx - (mx - prev.x) * ratio, y: my - (my - prev.y) * ratio };
433
+ });
434
+ };
435
+ svg.addEventListener('wheel', onWheel, { passive: false });
436
+ return () => svg.removeEventListener('wheel', onWheel);
437
+ }, []);
438
+
439
+ const onPointerDown = (e: React.PointerEvent<SVGSVGElement>) => {
440
+ if (e.button !== 0) return;
441
+ (e.currentTarget as Element).setPointerCapture?.(e.pointerId);
442
+ dragRef.current = {
443
+ active: true,
444
+ startX: e.clientX,
445
+ startY: e.clientY,
446
+ baseX: viewRef.current.x,
447
+ baseY: viewRef.current.y,
448
+ };
449
+ };
450
+ const onPointerMove = (e: React.PointerEvent<SVGSVGElement>) => {
451
+ const d = dragRef.current;
452
+ if (!d.active) return;
453
+ const svg = svgRef.current;
454
+ if (!svg) return;
455
+ const rect = svg.getBoundingClientRect();
456
+ const dx = ((e.clientX - d.startX) / rect.width) * VIEWBOX_W;
457
+ const dy = ((e.clientY - d.startY) / rect.height) * VIEWBOX_H;
458
+ setView(prev => ({ ...prev, x: d.baseX + dx, y: d.baseY + dy }));
459
+ };
460
+ const onPointerUp = (e: React.PointerEvent<SVGSVGElement>) => {
461
+ dragRef.current.active = false;
462
+ (e.currentTarget as Element).releasePointerCapture?.(e.pointerId);
463
+ };
464
+
465
+ // zoom buttons — zoom around the canvas center
466
+ const zoomBy = (factor: number) => {
467
+ setView(prev => {
468
+ const nz = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, prev.zoom * factor));
469
+ const ratio = nz / prev.zoom;
470
+ const cx0 = VIEWBOX_W / 2;
471
+ const cy0 = VIEWBOX_H / 2;
472
+ return { zoom: nz, x: cx0 - (cx0 - prev.x) * ratio, y: cy0 - (cy0 - prev.y) * ratio };
473
+ });
474
+ };
475
+ const resetView = () => setView({ zoom: 1, x: 0, y: 0 });
476
+
477
+ const toggleFullscreen = () => {
478
+ const el = containerRef.current;
479
+ if (!el) return;
480
+ if (document.fullscreenElement) {
481
+ document.exitFullscreen?.();
482
+ } else {
483
+ const req =
484
+ el.requestFullscreen ||
485
+ (el as unknown as { webkitRequestFullscreen?: () => void }).webkitRequestFullscreen;
486
+ req?.call(el);
487
+ }
488
+ };
489
+
369
490
  return (
370
491
  <section className="w-full max-w-6xl mx-auto mb-8">
371
492
  <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1">
@@ -387,12 +508,23 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
387
508
  </div>
388
509
 
389
510
  <div
390
- className={`relative overflow-hidden rounded-lg border shadow-2xl ${isLight ? 'shadow-zinc-900/5' : 'shadow-cyan-950/30'}`}
511
+ ref={containerRef}
512
+ 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
513
  style={{ background: pal.containerBg, borderColor: pal.containerBorder }}
392
514
  >
393
515
  <div className={`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${pal.topRailGradient}`} />
394
516
 
395
- <svg viewBox="0 0 1000 680" className="w-full h-auto block" preserveAspectRatio="xMidYMid meet">
517
+ <svg
518
+ ref={svgRef}
519
+ viewBox="0 0 1000 680"
520
+ className="w-full h-auto block"
521
+ preserveAspectRatio="xMidYMid meet"
522
+ onPointerDown={onPointerDown}
523
+ onPointerMove={onPointerMove}
524
+ onPointerUp={onPointerUp}
525
+ onPointerLeave={onPointerUp}
526
+ style={{ cursor: 'grab', touchAction: 'none' }}
527
+ >
396
528
  <defs>
397
529
  <linearGradient id="topo-panel" x1="0" x2="1" y1="0" y2="1">
398
530
  <stop offset="0%" stopColor={pal.panelStops[0]} />
@@ -425,7 +557,12 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
425
557
  </radialGradient>
426
558
  </defs>
427
559
 
560
+ {/* panel backdrop stays fixed — panning never reveals empty canvas */}
428
561
  <rect width="1000" height="680" fill="url(#topo-panel)" />
562
+
563
+ {/* Round 103 (issue #81): everything inside this <g> zooms + pans
564
+ together. transform order = translate then scale. */}
565
+ <g transform={`translate(${view.x} ${view.y}) scale(${view.zoom})`}>
429
566
  <circle cx={cx} cy={cy} r="330" fill="url(#topo-radar)" />
430
567
 
431
568
  {/* Round 45: subtle star field — 24 deterministic dots scattered
@@ -730,7 +867,60 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
730
867
  <text x="34" y="82" fill={pal.legendText} fontSize="11" fontFamily="monospace">offline / no SSE</text>
731
868
  <path d="M150,78 Q176,52 210,78" fill="none" stroke={pal.flowEdge} strokeWidth="3" markerEnd="url(#topo-arrow)" />
732
869
  </g>
870
+ </g>
733
871
  </svg>
872
+
873
+ {/* Round 103 (issue #81): zoom / pan / fullscreen controls — HTML
874
+ overlay so they stay fixed while the SVG content transforms. */}
875
+ <div className="absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none">
876
+ <div
877
+ className="flex items-center rounded-md border overflow-hidden"
878
+ style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder }}
879
+ >
880
+ <button
881
+ onClick={() => zoomBy(1 / 1.25)}
882
+ className="px-2 py-1 hover:bg-white/5 transition-colors"
883
+ style={{ color: pal.legendText }}
884
+ aria-label="Zoom out"
885
+ >
886
+ <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>
887
+ </button>
888
+ <button
889
+ onClick={resetView}
890
+ className="px-2 py-1 tabular-nums hover:bg-white/5 transition-colors border-x"
891
+ style={{ color: pal.legendText, borderColor: pal.containerBorder, minWidth: 46 }}
892
+ aria-label="Reset view"
893
+ title="Reset zoom + pan"
894
+ >
895
+ {Math.round(view.zoom * 100)}%
896
+ </button>
897
+ <button
898
+ onClick={() => zoomBy(1.25)}
899
+ className="px-2 py-1 hover:bg-white/5 transition-colors"
900
+ style={{ color: pal.legendText }}
901
+ aria-label="Zoom in"
902
+ >
903
+ <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>
904
+ </button>
905
+ </div>
906
+ <button
907
+ onClick={toggleFullscreen}
908
+ className="p-1.5 rounded-md border hover:bg-white/5 transition-colors"
909
+ style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder, color: pal.legendText }}
910
+ aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
911
+ title={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}
912
+ >
913
+ {isFullscreen ? (
914
+ <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
915
+ <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" />
916
+ </svg>
917
+ ) : (
918
+ <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
919
+ <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" />
920
+ </svg>
921
+ )}
922
+ </button>
923
+ </div>
734
924
  </div>
735
925
  </section>
736
926
  );
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.86",
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,80 @@
1
+ /* Round 103 verification: exercise TopoGraph zoom / pan / reset / fullscreen
2
+ * and confirm the transform group actually moves + localStorage persists. */
3
+ import { chromium } from 'playwright';
4
+
5
+ const TOKEN = process.env.LOOP_REVIEW_TOKEN;
6
+ const browser = await chromium.launch({ headless: true });
7
+ const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
8
+ await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
9
+ await ctx.addInitScript(() => {
10
+ try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
11
+ });
12
+ const page = await ctx.newPage();
13
+ await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
14
+ await page.waitForFunction(() => {
15
+ const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
16
+ return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
17
+ }, { timeout: 30000 }).catch(() => {});
18
+ await page.waitForTimeout(800);
19
+ await page.evaluate(() => {
20
+ const h = [...document.querySelectorAll('h2')].find(x => /Command mesh/i.test(x.textContent || ''));
21
+ h?.scrollIntoView({ behavior: 'instant', block: 'center' });
22
+ });
23
+ await page.waitForTimeout(500);
24
+
25
+ const transformOf = () => page.evaluate(() => {
26
+ const g = document.querySelector('svg[viewBox="0 0 1000 680"] > g[transform^="translate"]');
27
+ return g?.getAttribute('transform') || null;
28
+ });
29
+
30
+ const t0 = await transformOf();
31
+ console.log('initial transform:', t0);
32
+
33
+ // --- zoom in via the + button ---
34
+ await page.locator('button[aria-label="Zoom in"]').click();
35
+ await page.locator('button[aria-label="Zoom in"]').click();
36
+ await page.waitForTimeout(200);
37
+ const tZoom = await transformOf();
38
+ console.log('after 2x zoom-in:', tZoom);
39
+ const zoomLabel = await page.locator('button[aria-label="Reset view"]').textContent();
40
+ console.log('zoom label:', zoomLabel);
41
+
42
+ // --- screenshot zoomed ---
43
+ await page.locator('svg[viewBox="0 0 1000 680"]').screenshot({ path: '/tmp/anet-issue-50/topo-zoom-in.png' });
44
+
45
+ // --- pan drag ---
46
+ const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
47
+ await page.mouse.move(svgBox.x + svgBox.width / 2, svgBox.y + svgBox.height / 2);
48
+ await page.mouse.down();
49
+ await page.mouse.move(svgBox.x + svgBox.width / 2 + 120, svgBox.y + svgBox.height / 2 + 80, { steps: 8 });
50
+ await page.mouse.up();
51
+ await page.waitForTimeout(200);
52
+ const tPan = await transformOf();
53
+ console.log('after pan drag:', tPan);
54
+ await page.locator('svg[viewBox="0 0 1000 680"]').screenshot({ path: '/tmp/anet-issue-50/topo-pan.png' });
55
+
56
+ // --- wheel zoom ---
57
+ await page.mouse.move(svgBox.x + svgBox.width * 0.3, svgBox.y + svgBox.height * 0.4);
58
+ await page.mouse.wheel(0, -300);
59
+ await page.waitForTimeout(200);
60
+ const tWheel = await transformOf();
61
+ console.log('after wheel zoom:', tWheel);
62
+
63
+ // --- reset ---
64
+ await page.locator('button[aria-label="Reset view"]').click();
65
+ await page.waitForTimeout(200);
66
+ const tReset = await transformOf();
67
+ console.log('after reset:', tReset);
68
+
69
+ // --- localStorage persist check ---
70
+ await page.locator('button[aria-label="Zoom in"]').click();
71
+ await page.waitForTimeout(200);
72
+ const stored = await page.evaluate(() => localStorage.getItem('anet-topo-view'));
73
+ console.log('localStorage anet-topo-view:', stored);
74
+
75
+ // --- fullscreen button present ---
76
+ const fsBtn = await page.locator('button[aria-label="Enter fullscreen"]').count();
77
+ console.log('fullscreen button present:', fsBtn === 1);
78
+
79
+ await browser.close();
80
+ console.log('done');