@sleep2agi/agent-network-dashboard 0.4.5-preview.84 → 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 (158) 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/{12ejdq~t_.rqx.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/{14u~cgr3qi0xh.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 +203 -10
  150. package/package.json +1 -1
  151. package/public/intern_avatar.png +0 -0
  152. package/scripts/topo-controls-shot.mjs +24 -0
  153. package/scripts/topo-interaction-test.mjs +80 -0
  154. package/.next/static/chunks/0yllimwwwgxwf.js +0 -1
  155. package/.next/static/chunks/1455.wsjxe2cl.css +0 -2
  156. /package/.next/static/{rpllPl6QubCg6mRmiA8ez → TOOYiMCNX9C15V7ZA6gUm}/_buildManifest.js +0 -0
  157. /package/.next/static/{rpllPl6QubCg6mRmiA8ez → TOOYiMCNX9C15V7ZA6gUm}/_clientMiddlewareManifest.js +0 -0
  158. /package/.next/static/{rpllPl6QubCg6mRmiA8ez → 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.84"],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":311,"timestamp":358821166367,"id":4,"parentId":1,"tags":{},"startTime":1778730306991,"traceId":"4c6514cd6651fd85"},{"name":"load-custom-routes","duration":544,"timestamp":358821166854,"id":5,"parentId":1,"tags":{},"startTime":1778730306992,"traceId":"4c6514cd6651fd85"},{"name":"create-dist-dir","duration":319,"timestamp":358821167448,"id":6,"parentId":1,"tags":{},"startTime":1778730306992,"traceId":"4c6514cd6651fd85"},{"name":"clean","duration":550,"timestamp":358821168540,"id":7,"parentId":1,"tags":{},"startTime":1778730306993,"traceId":"4c6514cd6651fd85"},{"name":"discover-routes","duration":73666,"timestamp":358821191690,"id":8,"parentId":1,"tags":{},"startTime":1778730307016,"traceId":"4c6514cd6651fd85"},{"name":"create-root-mapping","duration":129,"timestamp":358821265432,"id":9,"parentId":1,"tags":{},"startTime":1778730307090,"traceId":"4c6514cd6651fd85"},{"name":"generate-route-types","duration":37300,"timestamp":358821268203,"id":10,"parentId":1,"tags":{},"startTime":1778730307093,"traceId":"4c6514cd6651fd85"},{"name":"public-dir-conflict-check","duration":111,"timestamp":358821305724,"id":11,"parentId":1,"tags":{},"startTime":1778730307130,"traceId":"4c6514cd6651fd85"},{"name":"generate-routes-manifest","duration":4305,"timestamp":358821305984,"id":12,"parentId":1,"tags":{},"startTime":1778730307131,"traceId":"4c6514cd6651fd85"},{"name":"run-turbopack","duration":12159888,"timestamp":358821315808,"id":14,"parentId":1,"tags":{},"startTime":1778730307141,"traceId":"4c6514cd6651fd85"},{"name":"turbopack-build-events","duration":91,"timestamp":358821638081,"id":15,"parentId":1,"tags":{},"startTime":1778730307463,"traceId":"4c6514cd6651fd85"},{"name":"run-typescript","duration":16292264,"timestamp":358833510328,"id":16,"parentId":1,"tags":{},"startTime":1778730319335,"traceId":"4c6514cd6651fd85"},{"name":"generate-required-server-files","duration":2537,"timestamp":358849803702,"id":18,"parentId":1,"tags":{},"startTime":1778730335628,"traceId":"4c6514cd6651fd85"},{"name":"check-static-error-page","duration":44206,"timestamp":358849933080,"id":20,"parentId":19,"tags":{},"startTime":1778730335758,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":672730,"timestamp":358849985298,"id":63,"parentId":25,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":708647,"timestamp":358849949547,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778730335774,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":721247,"timestamp":358849985440,"id":64,"parentId":26,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":756953,"timestamp":358849949807,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778730335775,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":744372,"timestamp":358849985217,"id":62,"parentId":22,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":791080,"timestamp":358849938593,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778730335763,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":754918,"timestamp":358849985479,"id":65,"parentId":27,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":790539,"timestamp":358849949919,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778730335775,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":758969,"timestamp":358849985586,"id":67,"parentId":29,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":793537,"timestamp":358849951102,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778730335776,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":776054,"timestamp":358849985635,"id":68,"parentId":30,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":810319,"timestamp":358849951453,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778730335776,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":799008,"timestamp":358849984881,"id":61,"parentId":21,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":846577,"timestamp":358849937374,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778730335762,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":814647,"timestamp":358849985669,"id":69,"parentId":32,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":848537,"timestamp":358849951843,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778730335777,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":826976,"timestamp":358849985825,"id":71,"parentId":34,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":860838,"timestamp":358849952037,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778730335777,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":843064,"timestamp":358849985842,"id":72,"parentId":35,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":875194,"timestamp":358849953777,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778730335778,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":851941,"timestamp":358849985896,"id":73,"parentId":36,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":883664,"timestamp":358849954231,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":856242,"timestamp":358849985914,"id":74,"parentId":37,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":887847,"timestamp":358849954369,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":862187,"timestamp":358849985922,"id":75,"parentId":38,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":893688,"timestamp":358849954483,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":868177,"timestamp":358849985928,"id":76,"parentId":39,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":899617,"timestamp":358849954552,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":870167,"timestamp":358849985934,"id":77,"parentId":40,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":901524,"timestamp":358849954631,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":873745,"timestamp":358849985940,"id":78,"parentId":41,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":904983,"timestamp":358849954755,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778730335779,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":877912,"timestamp":358849985945,"id":79,"parentId":42,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":909104,"timestamp":358849954823,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":881290,"timestamp":358849985951,"id":80,"parentId":43,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":912416,"timestamp":358849954881,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":886490,"timestamp":358849985957,"id":81,"parentId":44,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":917556,"timestamp":358849954951,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":905542,"timestamp":358849985771,"id":70,"parentId":33,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":939447,"timestamp":358849951934,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778730335777,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":911159,"timestamp":358849985962,"id":82,"parentId":45,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":942165,"timestamp":358849955024,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":919434,"timestamp":358849985972,"id":84,"parentId":47,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":950294,"timestamp":358849955176,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":940164,"timestamp":358849985977,"id":85,"parentId":48,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":981212,"timestamp":358849955239,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":950976,"timestamp":358849985967,"id":83,"parentId":46,"tags":{},"startTime":1778730335811,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":981885,"timestamp":358849955111,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778730335780,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":960389,"timestamp":358849993912,"id":86,"parentId":24,"tags":{},"startTime":1778730335819,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1012590,"timestamp":358849941777,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778730335766,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":956422,"timestamp":358849998061,"id":87,"parentId":31,"tags":{},"startTime":1778730335823,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1002936,"timestamp":358849951570,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778730335776,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":956753,"timestamp":358850021556,"id":89,"parentId":49,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1022229,"timestamp":358849956141,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778730335781,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":963861,"timestamp":358850021567,"id":90,"parentId":50,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1029192,"timestamp":358849956292,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778730335781,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1041945,"timestamp":358849985530,"id":66,"parentId":28,"tags":{},"startTime":1778730335810,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1076642,"timestamp":358849950895,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778730335776,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1017207,"timestamp":358850021574,"id":91,"parentId":51,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1082434,"timestamp":358849956421,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778730335781,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1051312,"timestamp":358850021613,"id":93,"parentId":53,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1114425,"timestamp":358849958560,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778730335783,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1057408,"timestamp":358850021619,"id":94,"parentId":55,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1118126,"timestamp":358849960960,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778730335786,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1063361,"timestamp":358850021628,"id":95,"parentId":56,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1123895,"timestamp":358849961190,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778730335786,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1073652,"timestamp":358850021514,"id":88,"parentId":23,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1155006,"timestamp":358849940218,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778730335765,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1073695,"timestamp":358850021637,"id":96,"parentId":58,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1127579,"timestamp":358849967775,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778730335792,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1091642,"timestamp":358850021652,"id":98,"parentId":60,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1145341,"timestamp":358849968015,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778730335793,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1101671,"timestamp":358850021642,"id":97,"parentId":59,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1155475,"timestamp":358849967902,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778730335793,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1108529,"timestamp":358850021663,"id":99,"parentId":54,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1171408,"timestamp":358849958839,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778730335784,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1112690,"timestamp":358850021585,"id":92,"parentId":52,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1176111,"timestamp":358849958224,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778730335783,"traceId":"4c6514cd6651fd85"},{"name":"is-page-static","duration":1115911,"timestamp":358850021668,"id":100,"parentId":57,"tags":{},"startTime":1778730335846,"traceId":"4c6514cd6651fd85"},{"name":"check-page","duration":1170502,"timestamp":358849967147,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778730335792,"traceId":"4c6514cd6651fd85"},{"name":"static-check","duration":1205425,"timestamp":358849932268,"id":19,"parentId":1,"tags":{},"startTime":1778730335757,"traceId":"4c6514cd6651fd85"},{"name":"write-routes-manifest","duration":1164,"timestamp":358851153972,"id":102,"parentId":1,"tags":{},"startTime":1778730336979,"traceId":"4c6514cd6651fd85"},{"name":"load-dotenv","duration":73,"timestamp":358851179645,"id":105,"parentId":104,"tags":{},"startTime":1778730337004,"traceId":"4c6514cd6651fd85"},{"name":"run-export-path-map","duration":1772,"timestamp":358851184283,"id":106,"parentId":104,"tags":{},"startTime":1778730337009,"traceId":"4c6514cd6651fd85"},{"name":"next-export","duration":1016230,"timestamp":358851178043,"id":104,"parentId":1,"tags":{},"startTime":1778730337003,"traceId":"4c6514cd6651fd85"},{"name":"move-exported-app-not-found-","duration":693,"timestamp":358852199351,"id":107,"parentId":103,"tags":{},"startTime":1778730338024,"traceId":"4c6514cd6651fd85"},{"name":"move-exported-app-global-error-","duration":328,"timestamp":358852200154,"id":108,"parentId":103,"tags":{},"startTime":1778730338025,"traceId":"4c6514cd6651fd85"}]
2
- [{"name":"static-generation","duration":1039271,"timestamp":358851165323,"id":103,"parentId":1,"tags":{},"startTime":1778730336990,"traceId":"4c6514cd6651fd85"},{"name":"write-routes-manifest","duration":381,"timestamp":358852204775,"id":109,"parentId":1,"tags":{},"startTime":1778730338029,"traceId":"4c6514cd6651fd85"},{"name":"print-tree-view","duration":4259,"timestamp":358852240561,"id":110,"parentId":1,"tags":{},"startTime":1778730338065,"traceId":"4c6514cd6651fd85"},{"name":"write-route-bundle-stats","duration":24902,"timestamp":358852244863,"id":111,"parentId":1,"tags":{},"startTime":1778730338070,"traceId":"4c6514cd6651fd85"},{"name":"telemetry-flush","duration":13183,"timestamp":358852269804,"id":112,"parentId":1,"tags":{},"startTime":1778730338095,"traceId":"4c6514cd6651fd85"},{"name":"next-build","duration":31166652,"timestamp":358821116432,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778730306941,"traceId":"4c6514cd6651fd85"}]
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":12159888,"timestamp":358821315808,"id":14,"parentId":1,"tags":{},"startTime":1778730307141,"traceId":"4c6514cd6651fd85"},{"name":"turbopack-build-events","duration":91,"timestamp":358821638081,"id":15,"parentId":1,"tags":{},"startTime":1778730307463,"traceId":"4c6514cd6651fd85"},{"name":"run-typescript","duration":16292264,"timestamp":358833510328,"id":16,"parentId":1,"tags":{},"startTime":1778730319335,"traceId":"4c6514cd6651fd85"},{"name":"static-check","duration":1205425,"timestamp":358849932268,"id":19,"parentId":1,"tags":{},"startTime":1778730335757,"traceId":"4c6514cd6651fd85"},{"name":"static-generation","duration":1039271,"timestamp":358851165323,"id":103,"parentId":1,"tags":{},"startTime":1778730336990,"traceId":"4c6514cd6651fd85"},{"name":"telemetry-flush","duration":13183,"timestamp":358852269804,"id":112,"parentId":1,"tags":{},"startTime":1778730338095,"traceId":"4c6514cd6651fd85"},{"name":"next-build","duration":31166652,"timestamp":358821116432,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778730306941,"traceId":"4c6514cd6651fd85"}]
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
@@ -639,13 +776,16 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
639
776
  {(() => {
640
777
  const ar = isOnline ? 14 : 10;
641
778
  if (isIntern) {
642
- // Round 101 (issue #79 follow-up): the 书小生 mascot is a
643
- // tall full-body figure — render it at ~2.3× the node
644
- // radius so it reads as a recognisable character rather
645
- // than a blurry dot. The transparent PNG overflows the
646
- // status ring vertically (the figure "stands in" the
647
- // node); the ring still carries the status color.
648
- const size = radius * 2.3;
779
+ // Round 102 (issue #79 follow-up): the asset is now a
780
+ // self-contained "avatar coin" — 书小生 figure keyed off
781
+ // its white background and composited onto a cream
782
+ // circular backplate. The cream coin gives the dark-
783
+ // haired figure consistent contrast on BOTH the dark
784
+ // cyber theme and light theme (Vincent: the old
785
+ // transparent PNG "简直不行" on dark mode). Render at
786
+ // the node diameter so the coin fills inside the
787
+ // status ring.
788
+ const size = radius * 2;
649
789
  return (
650
790
  <image
651
791
  href="/intern_avatar.png"
@@ -727,7 +867,60 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
727
867
  <text x="34" y="82" fill={pal.legendText} fontSize="11" fontFamily="monospace">offline / no SSE</text>
728
868
  <path d="M150,78 Q176,52 210,78" fill="none" stroke={pal.flowEdge} strokeWidth="3" markerEnd="url(#topo-arrow)" />
729
869
  </g>
870
+ </g>
730
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>
731
924
  </div>
732
925
  </section>
733
926
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sleep2agi/agent-network-dashboard",
3
- "version": "0.4.5-preview.84",
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",
Binary file
@@ -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');