@sleep2agi/agent-network-dashboard 0.4.5-preview.85 → 0.4.5-preview.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +3 -3
- package/.next/diagnostics/route-bundle-stats.json +4 -4
- package/.next/fallback-build-manifest.json +3 -3
- package/.next/prerender-manifest.json +3 -3
- package/.next/server/app/_global-error.html +1 -1
- package/.next/server/app/_global-error.rsc +1 -1
- package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
- package/.next/server/app/_not-found.html +2 -2
- package/.next/server/app/_not-found.rsc +2 -2
- package/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin/page_client-reference-manifest.js +1 -1
- package/.next/server/app/admin.html +2 -2
- package/.next/server/app/admin.rsc +2 -2
- package/.next/server/app/admin.segments/_full.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_index.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin.segments/admin/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/admin.segments/admin.segment.rsc +1 -1
- package/.next/server/app/index.html +2 -2
- package/.next/server/app/index.rsc +3 -3
- package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/index.segments/_full.segment.rsc +3 -3
- package/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/.next/server/app/index.segments/_index.segment.rsc +2 -2
- package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login/page_client-reference-manifest.js +1 -1
- package/.next/server/app/login.html +2 -2
- package/.next/server/app/login.rsc +3 -3
- package/.next/server/app/login.segments/_full.segment.rsc +3 -3
- package/.next/server/app/login.segments/_head.segment.rsc +1 -1
- package/.next/server/app/login.segments/_index.segment.rsc +2 -2
- package/.next/server/app/login.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login.segments/login/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/login.segments/login.segment.rsc +1 -1
- package/.next/server/app/logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/logs.html +2 -2
- package/.next/server/app/logs.rsc +2 -2
- package/.next/server/app/logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/logs.segments/logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/logs.segments/logs.segment.rsc +1 -1
- package/.next/server/app/messages/page_client-reference-manifest.js +1 -1
- package/.next/server/app/messages.html +2 -2
- package/.next/server/app/messages.rsc +2 -2
- package/.next/server/app/messages.segments/_full.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_index.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/messages.segments/messages/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/messages.segments/messages.segment.rsc +1 -1
- package/.next/server/app/node/page_client-reference-manifest.js +1 -1
- package/.next/server/app/node.html +2 -2
- package/.next/server/app/node.rsc +2 -2
- package/.next/server/app/node.segments/_full.segment.rsc +2 -2
- package/.next/server/app/node.segments/_head.segment.rsc +1 -1
- package/.next/server/app/node.segments/_index.segment.rsc +2 -2
- package/.next/server/app/node.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/node.segments/node/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/node.segments/node.segment.rsc +1 -1
- package/.next/server/app/nodes/page_client-reference-manifest.js +1 -1
- package/.next/server/app/nodes.html +2 -2
- package/.next/server/app/nodes.rsc +2 -2
- package/.next/server/app/nodes.segments/_full.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_index.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/nodes/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/nodes.segment.rsc +1 -1
- package/.next/server/app/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs.html +2 -2
- package/.next/server/app/server-logs.rsc +2 -2
- package/.next/server/app/server-logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/server-logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/server-logs.segment.rsc +1 -1
- package/.next/server/app/settings/networks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/networks.html +2 -2
- package/.next/server/app/settings/networks.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/settings/networks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings/networks.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens.html +2 -2
- package/.next/server/app/settings/tokens.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/settings/tokens/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings/tokens.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings.html +2 -2
- package/.next/server/app/settings.rsc +3 -3
- package/.next/server/app/settings.segments/_full.segment.rsc +3 -3
- package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings.segment.rsc +1 -1
- package/.next/server/app/tasks/[id]/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks.html +2 -2
- package/.next/server/app/tasks.rsc +2 -2
- package/.next/server/app/tasks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/tasks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/tasks.segment.rsc +1 -1
- package/.next/server/chunks/ssr/_0nne7mz._.js +1 -1
- package/.next/server/chunks/ssr/_0nne7mz._.js.map +1 -1
- package/.next/server/chunks/ssr/app_0aum_g5._.js +1 -1
- package/.next/server/chunks/ssr/app_0aum_g5._.js.map +1 -1
- package/.next/server/chunks/ssr/app_0esuljp._.js +1 -1
- package/.next/server/chunks/ssr/app_0esuljp._.js.map +1 -1
- package/.next/server/middleware-build-manifest.js +3 -3
- package/.next/server/pages/404.html +2 -2
- package/.next/server/pages/500.html +1 -1
- package/.next/server/server-reference-manifest.js +1 -1
- package/.next/server/server-reference-manifest.json +1 -1
- package/.next/static/chunks/{07tygru6ep3d9.js → 00q6q_ya207yu.js} +1 -1
- package/.next/static/chunks/03b6jkic-1r9u.css +2 -0
- package/.next/static/chunks/0al59.tqyrtlo.js +1 -0
- package/.next/static/chunks/{0nzljd~g_e_ek.js → 0vijxg-39m8.p.js} +1 -1
- package/.next/trace +2 -2
- package/.next/trace-build +1 -1
- package/app/components/TopoGraph.tsx +193 -3
- package/package.json +1 -1
- package/scripts/topo-controls-shot.mjs +24 -0
- package/scripts/topo-interaction-test.mjs +80 -0
- package/.next/static/chunks/0vsps7pjfu7rq.js +0 -1
- package/.next/static/chunks/1455.wsjxe2cl.css +0 -2
- /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_buildManifest.js +0 -0
- /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_clientMiddlewareManifest.js +0 -0
- /package/.next/static/{Z8VQ8LdDYgbd6rIb7ia6E → TOOYiMCNX9C15V7ZA6gUm}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,65822,e=>{"use strict";var s=e.i(83599),a=e.i(58963);let t=async e=>{let s=await fetch(e);if(401===s.status)throw window.location.assign("/login"),Error("unauthorized");return s.json()},r={refreshInterval:5e3,dedupingInterval:3e3};function n(e,s){if(!s)return e;let a=e.includes("?")?"&":"?";return`${e}${a}network_id=${encodeURIComponent(s)}`}e.s(["useAnetConfig",0,function(){let{data:e}=(0,s.default)("/api/anet/config",t,{refreshInterval:3e4});return{config:e||null}},"useHealth",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/health",t,r);return{health:e||null,error:a}},"useLicense",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/license",t,{refreshInterval:6e4});return{license:e?.ok?e:null,error:a}},"useMessages",0,function(e=100){let{networkId:l}=(0,a.useNetworkId)(),{data:i,error:c,isLoading:d}=(0,s.default)(n(`/api/hub/messages?limit=${e}`,l),t,r);return{messages:i?.messages||[],error:c,isLoading:d}},"useSessions",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i,isLoading:c}=(0,s.default)(n("/api/hub/status",e),t,r);return{sessions:l?.sessions||[],hint:l?._hint,error:i,isLoading:c}},"useStats",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i}=(0,s.default)(n("/api/hub/stats",e),t,r);return{stats:l?.ok?l:null,error:i}},"useTasks",0,function(e){let{networkId:l}=(0,a.useNetworkId)(),i=new URLSearchParams({limit:"100",...e}).toString(),{data:c,error:d,isLoading:o}=(0,s.default)(n(`/api/hub/tasks?${i}`,l),t,r);return{tasks:c?.tasks||[],count:c?.count??0,source:c?.source,error:d,isLoading:o}}])},94867,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.5-preview.85"],94867)},32545,e=>{"use strict";var s=e.i(18050),a=e.i(71645),t=e.i(22016),r=e.i(65822),n=e.i(94867);e.s(["default",0,function(){let{config:e}=(0,r.useAnetConfig)(),{health:l}=(0,r.useHealth)(),{license:i}=(0,r.useLicense)(),[c,d]=(0,a.useState)(""),[o,x]=(0,a.useState)(""),[m,h]=(0,a.useState)(""),[g,u]=(0,a.useState)(""),[p,N]=(0,a.useState)(""),b="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",j="break-all sm:max-w-[320px] sm:text-right";return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white mb-3 lg:ml-0 ml-10",children:"Settings"}),(0,s.jsx)("nav",{className:"mb-8 flex flex-wrap gap-1 text-xs",children:[{href:"#connection",label:"Connection"},{href:"#account",label:"Account"},{href:"#resources",label:"Resources"}].map(e=>(0,s.jsx)("a",{href:e.href,className:"rounded-md px-2.5 py-1 text-gray-500 hover:text-cyan-300 hover:bg-cyan-500/10 transition-colors",children:e.label},e.href))}),(0,s.jsxs)("div",{className:"max-w-2xl space-y-10",children:[(0,s.jsxs)("div",{id:"connection",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Connection"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"CommHub Connection"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500 shrink-0",children:"Hub URL"}),(0,s.jsx)("span",{className:`text-cyan-300 ${j}`,children:e?.hub||"not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Config Source"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:e?.source==="file"?"Local file (~/.anet/config.json)":e?.source==="runtime-env"?"Vercel env vars":"Missing"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Auth Token"}),(0,s.jsx)("span",{className:`${e?.tokenConfigured?"text-green-400":"text-red-400"} ${j}`,children:e?.tokenConfigured?`Configured (${e.tokenPreview})`:"Not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Server Auth"}),(0,s.jsx)("span",{className:`${l?.auth==="enabled"?"text-green-400":"text-yellow-400"} sm:text-right`,children:l?.auth||"--"})]}),e?.error&&(0,s.jsx)("div",{className:"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600",children:e.error})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Server Info"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.version||"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Sessions"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sessions??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsxs)("span",{className:"text-gray-500",children:["SSE streams ",(0,s.jsx)("span",{className:"text-gray-600",children:"· server"})]}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sse_connections??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Uptime"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.uptime?`${Math.floor(l.uptime/3600)}h ${Math.floor(l.uptime%3600/60)}m`:"--"})]})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Dashboard"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 font-mono ${j}`,title:"From package.json @sleep2agi/agent-network-dashboard",children:n.DASHBOARD_VERSION})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Data Layer"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"SWR (5s refresh, 3s dedup)"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Pages"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"Overview, Tasks, Nodes, Messages, Networks, Audit, Server Logs, Admin, Settings"})]})]})]})]}),(0,s.jsxs)("div",{id:"account",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Account"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-4 flex items-center gap-2",children:["License",i?.license&&(0,s.jsxs)("span",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium px-2 py-0.5 rounded-full border ${"pro"===i.license.type?"text-green-300 bg-green-500/10 border-green-500/30":i.license.days_left<=7?"text-red-300 bg-red-500/10 border-red-500/30":"text-amber-300 bg-amber-500/10 border-amber-500/30"}`,children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"w-1.5 h-1.5 rounded-full bg-current"}),i.license.type,i.license.days_left?` \xb7 ${i.license.days_left}d left`:""]})]}),i?.license?(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[i.license.days_left<=7&&(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-red-400 font-medium",children:"⚠ Expiring soon"}),(0,s.jsxs)("span",{className:"text-red-400",children:[i.license.days_left," days left"]})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Expires"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.license.expires_at})]}),i.limits&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Agents"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_agents})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Networks"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_networks})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Tasks/Day"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_tasks_day})]})]}),(0,s.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a]",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("input",{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"anet-XXXX-XXXX-XXXX-XXXX",className:"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!c.trim())return;let e=await fetch("/api/hub/license",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:c})}),s=await e.json();x(s.ok?`Activated: ${s.type}`:`Failed: ${s.error}`),s.ok&&d(""),setTimeout(()=>x(""),5e3)},className:"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors",children:"Activate"})]}),o&&(0,s.jsx)("div",{className:`mt-2 text-xs ${o.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:o})]})]}):(0,s.jsx)("div",{className:"text-xs text-gray-600",children:"License info not available"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Change Password"}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)("input",{type:"password",value:m,onChange:e=>h(e.target.value),placeholder:"Current password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("input",{type:"password",value:g,onChange:e=>u(e.target.value),placeholder:"New password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!m||!g)return;let e=sessionStorage.getItem("anet_v3_auth");if(!e)return void N("Not logged in with V3 auth");let{token:s}=JSON.parse(e),a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"change_password",token:s,current_password:m,new_password:g})}),t=await a.json();if(N(t.ok?"Password changed":`Failed: ${t.error}`),t.ok){if(t.token){let s=JSON.parse(e);sessionStorage.setItem("anet_v3_auth",JSON.stringify({...s,token:t.token}))}h(""),u("")}setTimeout(()=>N(""),5e3)},disabled:!m||!g,className:"px-4 py-2 bg-cyan-600 hover:bg-cyan-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Change Password"})]}),p&&(0,s.jsx)("div",{className:`mt-2 text-xs ${p.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:p})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Sign out"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mb-3",children:"Signing out clears your dashboard session cookie. You'll return to the login page."}),(0,s.jsx)("button",{onClick:async()=>{await fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login")},className:"px-4 py-2 bg-transparent hover:bg-[#1a1a2a] text-gray-300 text-sm rounded-lg border border-[#2a2a4a] hover:border-[#3a3a5a] transition-colors",children:"Sign out"})]})]}),(0,s.jsxs)("div",{id:"resources",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Resources"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,s.jsxs)(t.default,{href:"/settings/tokens",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"API Tokens"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create and manage tokens for CLI access."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]}),(0,s.jsxs)(t.default,{href:"/settings/networks",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Networks"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create, manage, and delete agent networks."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]})]})]})]})]})}])}]);
|
|
1
|
+
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,65822,e=>{"use strict";var s=e.i(83599),a=e.i(58963);let t=async e=>{let s=await fetch(e);if(401===s.status)throw window.location.assign("/login"),Error("unauthorized");return s.json()},r={refreshInterval:5e3,dedupingInterval:3e3};function n(e,s){if(!s)return e;let a=e.includes("?")?"&":"?";return`${e}${a}network_id=${encodeURIComponent(s)}`}e.s(["useAnetConfig",0,function(){let{data:e}=(0,s.default)("/api/anet/config",t,{refreshInterval:3e4});return{config:e||null}},"useHealth",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/health",t,r);return{health:e||null,error:a}},"useLicense",0,function(){let{data:e,error:a}=(0,s.default)("/api/hub/license",t,{refreshInterval:6e4});return{license:e?.ok?e:null,error:a}},"useMessages",0,function(e=100){let{networkId:l}=(0,a.useNetworkId)(),{data:i,error:c,isLoading:d}=(0,s.default)(n(`/api/hub/messages?limit=${e}`,l),t,r);return{messages:i?.messages||[],error:c,isLoading:d}},"useSessions",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i,isLoading:c}=(0,s.default)(n("/api/hub/status",e),t,r);return{sessions:l?.sessions||[],hint:l?._hint,error:i,isLoading:c}},"useStats",0,function(){let{networkId:e}=(0,a.useNetworkId)(),{data:l,error:i}=(0,s.default)(n("/api/hub/stats",e),t,r);return{stats:l?.ok?l:null,error:i}},"useTasks",0,function(e){let{networkId:l}=(0,a.useNetworkId)(),i=new URLSearchParams({limit:"100",...e}).toString(),{data:c,error:d,isLoading:o}=(0,s.default)(n(`/api/hub/tasks?${i}`,l),t,r);return{tasks:c?.tasks||[],count:c?.count??0,source:c?.source,error:d,isLoading:o}}])},94867,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.5-preview.86"],94867)},32545,e=>{"use strict";var s=e.i(18050),a=e.i(71645),t=e.i(22016),r=e.i(65822),n=e.i(94867);e.s(["default",0,function(){let{config:e}=(0,r.useAnetConfig)(),{health:l}=(0,r.useHealth)(),{license:i}=(0,r.useLicense)(),[c,d]=(0,a.useState)(""),[o,x]=(0,a.useState)(""),[m,h]=(0,a.useState)(""),[g,u]=(0,a.useState)(""),[p,N]=(0,a.useState)(""),b="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",j="break-all sm:max-w-[320px] sm:text-right";return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white mb-3 lg:ml-0 ml-10",children:"Settings"}),(0,s.jsx)("nav",{className:"mb-8 flex flex-wrap gap-1 text-xs",children:[{href:"#connection",label:"Connection"},{href:"#account",label:"Account"},{href:"#resources",label:"Resources"}].map(e=>(0,s.jsx)("a",{href:e.href,className:"rounded-md px-2.5 py-1 text-gray-500 hover:text-cyan-300 hover:bg-cyan-500/10 transition-colors",children:e.label},e.href))}),(0,s.jsxs)("div",{className:"max-w-2xl space-y-10",children:[(0,s.jsxs)("div",{id:"connection",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Connection"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"CommHub Connection"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500 shrink-0",children:"Hub URL"}),(0,s.jsx)("span",{className:`text-cyan-300 ${j}`,children:e?.hub||"not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Config Source"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:e?.source==="file"?"Local file (~/.anet/config.json)":e?.source==="runtime-env"?"Vercel env vars":"Missing"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Auth Token"}),(0,s.jsx)("span",{className:`${e?.tokenConfigured?"text-green-400":"text-red-400"} ${j}`,children:e?.tokenConfigured?`Configured (${e.tokenPreview})`:"Not configured"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Server Auth"}),(0,s.jsx)("span",{className:`${l?.auth==="enabled"?"text-green-400":"text-yellow-400"} sm:text-right`,children:l?.auth||"--"})]}),e?.error&&(0,s.jsx)("div",{className:"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600",children:e.error})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Server Info"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.version||"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Sessions"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sessions??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsxs)("span",{className:"text-gray-500",children:["SSE streams ",(0,s.jsx)("span",{className:"text-gray-600",children:"· server"})]}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.sse_connections??"--"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Uptime"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:l?.uptime?`${Math.floor(l.uptime/3600)}h ${Math.floor(l.uptime%3600/60)}m`:"--"})]})]})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Dashboard"}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,s.jsx)("span",{className:`text-gray-300 font-mono ${j}`,title:"From package.json @sleep2agi/agent-network-dashboard",children:n.DASHBOARD_VERSION})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Data Layer"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"SWR (5s refresh, 3s dedup)"})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Pages"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:"Overview, Tasks, Nodes, Messages, Networks, Audit, Server Logs, Admin, Settings"})]})]})]})]}),(0,s.jsxs)("div",{id:"account",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Account"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-4 flex items-center gap-2",children:["License",i?.license&&(0,s.jsxs)("span",{className:`inline-flex items-center gap-1.5 text-[10px] font-medium px-2 py-0.5 rounded-full border ${"pro"===i.license.type?"text-green-300 bg-green-500/10 border-green-500/30":i.license.days_left<=7?"text-red-300 bg-red-500/10 border-red-500/30":"text-amber-300 bg-amber-500/10 border-amber-500/30"}`,children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"w-1.5 h-1.5 rounded-full bg-current"}),i.license.type,i.license.days_left?` \xb7 ${i.license.days_left}d left`:""]})]}),i?.license?(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[i.license.days_left<=7&&(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-red-400 font-medium",children:"⚠ Expiring soon"}),(0,s.jsxs)("span",{className:"text-red-400",children:[i.license.days_left," days left"]})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Expires"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.license.expires_at})]}),i.limits&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Agents"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_agents})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Max Networks"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_networks})]}),(0,s.jsxs)("div",{className:b,children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Tasks/Day"}),(0,s.jsx)("span",{className:`text-gray-300 ${j}`,children:i.limits.max_tasks_day})]})]}),(0,s.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a]",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("input",{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"anet-XXXX-XXXX-XXXX-XXXX",className:"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!c.trim())return;let e=await fetch("/api/hub/license",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:c})}),s=await e.json();x(s.ok?`Activated: ${s.type}`:`Failed: ${s.error}`),s.ok&&d(""),setTimeout(()=>x(""),5e3)},className:"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors",children:"Activate"})]}),o&&(0,s.jsx)("div",{className:`mt-2 text-xs ${o.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:o})]})]}):(0,s.jsx)("div",{className:"text-xs text-gray-600",children:"License info not available"})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Change Password"}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)("input",{type:"password",value:m,onChange:e=>h(e.target.value),placeholder:"Current password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("input",{type:"password",value:g,onChange:e=>u(e.target.value),placeholder:"New password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,s.jsx)("button",{onClick:async()=>{if(!m||!g)return;let e=sessionStorage.getItem("anet_v3_auth");if(!e)return void N("Not logged in with V3 auth");let{token:s}=JSON.parse(e),a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"change_password",token:s,current_password:m,new_password:g})}),t=await a.json();if(N(t.ok?"Password changed":`Failed: ${t.error}`),t.ok){if(t.token){let s=JSON.parse(e);sessionStorage.setItem("anet_v3_auth",JSON.stringify({...s,token:t.token}))}h(""),u("")}setTimeout(()=>N(""),5e3)},disabled:!m||!g,className:"px-4 py-2 bg-cyan-600 hover:bg-cyan-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Change Password"})]}),p&&(0,s.jsx)("div",{className:`mt-2 text-xs ${p.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:p})]}),(0,s.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Sign out"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mb-3",children:"Signing out clears your dashboard session cookie. You'll return to the login page."}),(0,s.jsx)("button",{onClick:async()=>{await fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login")},className:"px-4 py-2 bg-transparent hover:bg-[#1a1a2a] text-gray-300 text-sm rounded-lg border border-[#2a2a4a] hover:border-[#3a3a5a] transition-colors",children:"Sign out"})]})]}),(0,s.jsxs)("div",{id:"resources",className:"space-y-4 scroll-mt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Resources"}),(0,s.jsx)("div",{className:"flex-1 h-px bg-[#2a2a4a]"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,s.jsxs)(t.default,{href:"/settings/tokens",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"API Tokens"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create and manage tokens for CLI access."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]}),(0,s.jsxs)(t.default,{href:"/settings/networks",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Networks"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create, manage, and delete agent networks."}),(0,s.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]})]})]})]})]})}])}]);
|
package/.next/trace
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
[{"name":"generate-buildid","duration":370,"timestamp":359317732444,"id":4,"parentId":1,"tags":{},"startTime":1778730803557,"traceId":"d0fdbc48729f9ead"},{"name":"load-custom-routes","duration":720,"timestamp":359317733039,"id":5,"parentId":1,"tags":{},"startTime":1778730803558,"traceId":"d0fdbc48729f9ead"},{"name":"create-dist-dir","duration":5885,"timestamp":359317733817,"id":6,"parentId":1,"tags":{},"startTime":1778730803559,"traceId":"d0fdbc48729f9ead"},{"name":"clean","duration":524,"timestamp":359317740533,"id":7,"parentId":1,"tags":{},"startTime":1778730803565,"traceId":"d0fdbc48729f9ead"},{"name":"discover-routes","duration":9796,"timestamp":359317834510,"id":8,"parentId":1,"tags":{},"startTime":1778730803659,"traceId":"d0fdbc48729f9ead"},{"name":"create-root-mapping","duration":112,"timestamp":359317844372,"id":9,"parentId":1,"tags":{},"startTime":1778730803669,"traceId":"d0fdbc48729f9ead"},{"name":"generate-route-types","duration":32467,"timestamp":359317846977,"id":10,"parentId":1,"tags":{},"startTime":1778730803672,"traceId":"d0fdbc48729f9ead"},{"name":"public-dir-conflict-check","duration":107,"timestamp":359317879667,"id":11,"parentId":1,"tags":{},"startTime":1778730803704,"traceId":"d0fdbc48729f9ead"},{"name":"generate-routes-manifest","duration":4481,"timestamp":359317879896,"id":12,"parentId":1,"tags":{},"startTime":1778730803705,"traceId":"d0fdbc48729f9ead"},{"name":"run-turbopack","duration":10092224,"timestamp":359317891598,"id":14,"parentId":1,"tags":{},"startTime":1778730803716,"traceId":"d0fdbc48729f9ead"},{"name":"turbopack-build-events","duration":87,"timestamp":359318223642,"id":15,"parentId":1,"tags":{},"startTime":1778730804048,"traceId":"d0fdbc48729f9ead"},{"name":"run-typescript","duration":10164400,"timestamp":359327991941,"id":16,"parentId":1,"tags":{},"startTime":1778730813817,"traceId":"d0fdbc48729f9ead"},{"name":"generate-required-server-files","duration":5082,"timestamp":359338161699,"id":18,"parentId":1,"tags":{},"startTime":1778730823986,"traceId":"d0fdbc48729f9ead"},{"name":"check-static-error-page","duration":48818,"timestamp":359338316667,"id":20,"parentId":19,"tags":{},"startTime":1778730824141,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":533457,"timestamp":359338375769,"id":62,"parentId":22,"tags":{},"startTime":1778730824200,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":586613,"timestamp":359338322727,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778730824147,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":541511,"timestamp":359338375297,"id":61,"parentId":21,"tags":{},"startTime":1778730824200,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":595394,"timestamp":359338321482,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778730824146,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":643110,"timestamp":359338376160,"id":64,"parentId":26,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":689937,"timestamp":359338329395,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":645535,"timestamp":359338376233,"id":65,"parentId":27,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":692342,"timestamp":359338329483,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":651622,"timestamp":359338376340,"id":67,"parentId":29,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":693175,"timestamp":359338334877,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":653894,"timestamp":359338376376,"id":68,"parentId":30,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":695161,"timestamp":359338335158,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":657417,"timestamp":359338376409,"id":69,"parentId":32,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":698326,"timestamp":359338335550,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":662900,"timestamp":359338376286,"id":66,"parentId":28,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":704517,"timestamp":359338334723,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778730824159,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":664317,"timestamp":359338376525,"id":70,"parentId":33,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":705257,"timestamp":359338335652,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":669064,"timestamp":359338376589,"id":72,"parentId":35,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":709903,"timestamp":359338335810,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778730824161,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":671914,"timestamp":359338376686,"id":73,"parentId":36,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":701586,"timestamp":359338347072,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778730824172,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":674413,"timestamp":359338376571,"id":71,"parentId":34,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":715325,"timestamp":359338335729,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":677184,"timestamp":359338376721,"id":74,"parentId":37,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":706352,"timestamp":359338347600,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778730824172,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":680484,"timestamp":359338375906,"id":63,"parentId":25,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":727185,"timestamp":359338329246,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778730824154,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":680341,"timestamp":359338376741,"id":76,"parentId":39,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":709123,"timestamp":359338347998,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":681730,"timestamp":359338376735,"id":75,"parentId":38,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":710637,"timestamp":359338347866,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":687484,"timestamp":359338376767,"id":79,"parentId":42,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":716048,"timestamp":359338348269,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":688129,"timestamp":359338376758,"id":78,"parentId":41,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":716721,"timestamp":359338348204,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":692680,"timestamp":359338376776,"id":80,"parentId":43,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":721164,"timestamp":359338348331,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":692801,"timestamp":359338376790,"id":81,"parentId":44,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":721209,"timestamp":359338348400,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":696056,"timestamp":359338376799,"id":82,"parentId":45,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":724434,"timestamp":359338348461,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":699020,"timestamp":359338376812,"id":84,"parentId":47,"tags":{},"startTime":1778730824202,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":727036,"timestamp":359338348837,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":700982,"timestamp":359338376806,"id":83,"parentId":46,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":729286,"timestamp":359338348543,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":702675,"timestamp":359338376818,"id":85,"parentId":48,"tags":{},"startTime":1778730824202,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":730589,"timestamp":359338348941,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":685350,"timestamp":359338397409,"id":86,"parentId":24,"tags":{},"startTime":1778730824222,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":756418,"timestamp":359338326377,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778730824151,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":679563,"timestamp":359338403451,"id":87,"parentId":31,"tags":{},"startTime":1778730824228,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":747758,"timestamp":359338335291,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778730824160,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":713478,"timestamp":359338376749,"id":77,"parentId":40,"tags":{},"startTime":1778730824201,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":742149,"timestamp":359338348128,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778730824173,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":634500,"timestamp":359338459450,"id":88,"parentId":23,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":771027,"timestamp":359338322993,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778730824148,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":642819,"timestamp":359338459756,"id":91,"parentId":51,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":753118,"timestamp":359338349540,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":647755,"timestamp":359338459762,"id":92,"parentId":52,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":757809,"timestamp":359338349761,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":654622,"timestamp":359338459771,"id":93,"parentId":53,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":764362,"timestamp":359338350088,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778730824175,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":665604,"timestamp":359338459779,"id":94,"parentId":55,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":772361,"timestamp":359338353080,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":666503,"timestamp":359338459732,"id":89,"parentId":49,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":777018,"timestamp":359338349288,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":675302,"timestamp":359338459793,"id":96,"parentId":58,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":772917,"timestamp":359338362243,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778730824187,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":675541,"timestamp":359338459785,"id":95,"parentId":56,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":782046,"timestamp":359338353305,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":681541,"timestamp":359338459810,"id":98,"parentId":60,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":776189,"timestamp":359338365216,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778730824190,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":683046,"timestamp":359338459801,"id":97,"parentId":59,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":780025,"timestamp":359338362902,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778730824188,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":683308,"timestamp":359338459747,"id":90,"parentId":50,"tags":{},"startTime":1778730824284,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":793665,"timestamp":359338349414,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778730824174,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":686789,"timestamp":359338459822,"id":99,"parentId":54,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":796257,"timestamp":359338350414,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778730824175,"traceId":"d0fdbc48729f9ead"},{"name":"is-page-static","duration":687868,"timestamp":359338459828,"id":100,"parentId":57,"tags":{},"startTime":1778730824285,"traceId":"d0fdbc48729f9ead"},{"name":"check-page","duration":794292,"timestamp":359338353457,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778730824178,"traceId":"d0fdbc48729f9ead"},{"name":"static-check","duration":832057,"timestamp":359338315752,"id":19,"parentId":1,"tags":{},"startTime":1778730824140,"traceId":"d0fdbc48729f9ead"},{"name":"write-routes-manifest","duration":453,"timestamp":359339155021,"id":102,"parentId":1,"tags":{},"startTime":1778730824980,"traceId":"d0fdbc48729f9ead"},{"name":"load-dotenv","duration":63,"timestamp":359339167597,"id":105,"parentId":104,"tags":{},"startTime":1778730824992,"traceId":"d0fdbc48729f9ead"},{"name":"run-export-path-map","duration":750,"timestamp":359339172321,"id":106,"parentId":104,"tags":{},"startTime":1778730824997,"traceId":"d0fdbc48729f9ead"},{"name":"next-export","duration":670538,"timestamp":359339166362,"id":104,"parentId":1,"tags":{},"startTime":1778730824991,"traceId":"d0fdbc48729f9ead"},{"name":"move-exported-app-not-found-","duration":763,"timestamp":359339840659,"id":107,"parentId":103,"tags":{},"startTime":1778730825665,"traceId":"d0fdbc48729f9ead"},{"name":"move-exported-app-global-error-","duration":678,"timestamp":359339841540,"id":108,"parentId":103,"tags":{},"startTime":1778730825666,"traceId":"d0fdbc48729f9ead"}]
|
|
2
|
-
[{"name":"static-generation","duration":
|
|
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":
|
|
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
|
-
|
|
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
|
|
517
|
+
<svg
|
|
518
|
+
ref={svgRef}
|
|
519
|
+
viewBox="0 0 1000 680"
|
|
520
|
+
className="w-full h-auto block"
|
|
521
|
+
preserveAspectRatio="xMidYMid meet"
|
|
522
|
+
onPointerDown={onPointerDown}
|
|
523
|
+
onPointerMove={onPointerMove}
|
|
524
|
+
onPointerUp={onPointerUp}
|
|
525
|
+
onPointerLeave={onPointerUp}
|
|
526
|
+
style={{ cursor: 'grab', touchAction: 'none' }}
|
|
527
|
+
>
|
|
396
528
|
<defs>
|
|
397
529
|
<linearGradient id="topo-panel" x1="0" x2="1" y1="0" y2="1">
|
|
398
530
|
<stop offset="0%" stopColor={pal.panelStops[0]} />
|
|
@@ -425,7 +557,12 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
|
|
|
425
557
|
</radialGradient>
|
|
426
558
|
</defs>
|
|
427
559
|
|
|
560
|
+
{/* panel backdrop stays fixed — panning never reveals empty canvas */}
|
|
428
561
|
<rect width="1000" height="680" fill="url(#topo-panel)" />
|
|
562
|
+
|
|
563
|
+
{/* Round 103 (issue #81): everything inside this <g> zooms + pans
|
|
564
|
+
together. transform order = translate then scale. */}
|
|
565
|
+
<g transform={`translate(${view.x} ${view.y}) scale(${view.zoom})`}>
|
|
429
566
|
<circle cx={cx} cy={cy} r="330" fill="url(#topo-radar)" />
|
|
430
567
|
|
|
431
568
|
{/* Round 45: subtle star field — 24 deterministic dots scattered
|
|
@@ -730,7 +867,60 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
|
|
|
730
867
|
<text x="34" y="82" fill={pal.legendText} fontSize="11" fontFamily="monospace">offline / no SSE</text>
|
|
731
868
|
<path d="M150,78 Q176,52 210,78" fill="none" stroke={pal.flowEdge} strokeWidth="3" markerEnd="url(#topo-arrow)" />
|
|
732
869
|
</g>
|
|
870
|
+
</g>
|
|
733
871
|
</svg>
|
|
872
|
+
|
|
873
|
+
{/* Round 103 (issue #81): zoom / pan / fullscreen controls — HTML
|
|
874
|
+
overlay so they stay fixed while the SVG content transforms. */}
|
|
875
|
+
<div className="absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none">
|
|
876
|
+
<div
|
|
877
|
+
className="flex items-center rounded-md border overflow-hidden"
|
|
878
|
+
style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder }}
|
|
879
|
+
>
|
|
880
|
+
<button
|
|
881
|
+
onClick={() => zoomBy(1 / 1.25)}
|
|
882
|
+
className="px-2 py-1 hover:bg-white/5 transition-colors"
|
|
883
|
+
style={{ color: pal.legendText }}
|
|
884
|
+
aria-label="Zoom out"
|
|
885
|
+
>
|
|
886
|
+
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" aria-hidden><path d="M5 12h14" /></svg>
|
|
887
|
+
</button>
|
|
888
|
+
<button
|
|
889
|
+
onClick={resetView}
|
|
890
|
+
className="px-2 py-1 tabular-nums hover:bg-white/5 transition-colors border-x"
|
|
891
|
+
style={{ color: pal.legendText, borderColor: pal.containerBorder, minWidth: 46 }}
|
|
892
|
+
aria-label="Reset view"
|
|
893
|
+
title="Reset zoom + pan"
|
|
894
|
+
>
|
|
895
|
+
{Math.round(view.zoom * 100)}%
|
|
896
|
+
</button>
|
|
897
|
+
<button
|
|
898
|
+
onClick={() => zoomBy(1.25)}
|
|
899
|
+
className="px-2 py-1 hover:bg-white/5 transition-colors"
|
|
900
|
+
style={{ color: pal.legendText }}
|
|
901
|
+
aria-label="Zoom in"
|
|
902
|
+
>
|
|
903
|
+
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" aria-hidden><path d="M12 5v14M5 12h14" /></svg>
|
|
904
|
+
</button>
|
|
905
|
+
</div>
|
|
906
|
+
<button
|
|
907
|
+
onClick={toggleFullscreen}
|
|
908
|
+
className="p-1.5 rounded-md border hover:bg-white/5 transition-colors"
|
|
909
|
+
style={{ background: pal.legendBox.fill, borderColor: pal.containerBorder, color: pal.legendText }}
|
|
910
|
+
aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
|
|
911
|
+
title={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}
|
|
912
|
+
>
|
|
913
|
+
{isFullscreen ? (
|
|
914
|
+
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
|
915
|
+
<path d="M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4" />
|
|
916
|
+
</svg>
|
|
917
|
+
) : (
|
|
918
|
+
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
|
919
|
+
<path d="M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3" />
|
|
920
|
+
</svg>
|
|
921
|
+
)}
|
|
922
|
+
</button>
|
|
923
|
+
</div>
|
|
734
924
|
</div>
|
|
735
925
|
</section>
|
|
736
926
|
);
|
package/package.json
CHANGED
|
@@ -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');
|