@sleep2agi/agent-network-dashboard 0.1.0-preview.1 → 0.1.0-preview.2

package/.next/server/chunks/ssr/app_0dk5wao._.js

@@ -0,0 +1,3 @@
+module.exports=[44332,a=>{"use strict";var b=a.i(72596),c=a.i(22397);let d=async a=>{let b=await fetch(a);if(401===b.status)throw window.location.assign("/login"),Error("unauthorized");return b.json()},e={refreshInterval:5e3,dedupingInterval:3e3};function f(a,b){if(!b)return a;let c=a.includes("?")?"&":"?";return`${a}${c}network_id=${encodeURIComponent(b)}`}a.s(["useAnetConfig",0,function(){let{data:a}=(0,b.default)("/api/anet/config",d,{refreshInterval:3e4});return{config:a||null}},"useHealth",0,function(){let{data:a,error:c}=(0,b.default)("/api/hub/health",d,e);return{health:a||null,error:c}},"useLicense",0,function(){let{data:a,error:c}=(0,b.default)("/api/hub/license",d,{refreshInterval:6e4});return{license:a?.ok?a:null,error:c}},"useMessages",0,function(a=100){let{networkId:g}=(0,c.useNetworkId)(),{data:h,error:i,isLoading:j}=(0,b.default)(f(`/api/hub/messages?limit=${a}`,g),d,e);return{messages:h?.messages||[],error:i,isLoading:j}},"useSessions",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h,isLoading:i}=(0,b.default)(f("/api/hub/status",a),d,e);return{sessions:g?.sessions||[],hint:g?._hint,error:h,isLoading:i}},"useStats",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h}=(0,b.default)(f("/api/hub/stats",a),d,e);return{stats:g?.ok?g:null,error:h}},"useTasks",0,function(a){let{networkId:g}=(0,c.useNetworkId)(),h=new URLSearchParams({limit:"100",...a}).toString(),{data:i,error:j,isLoading:k}=(0,b.default)(f(`/api/hub/tasks?${h}`,g),d,e);return{tasks:i?.tasks||[],count:i?.count??0,source:i?.source,error:j,isLoading:k}}])},45343,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(44332);a.s(["default",0,function(){let{config:a}=(0,e.useAnetConfig)(),{health:f}=(0,e.useHealth)(),{license:g}=(0,e.useLicense)(),[h,i]=(0,c.useState)(""),[j,k]=(0,c.useState)(""),[l,m]=(0,c.useState)(""),[n,o]=(0,c.useState)(""),[p,q]=(0,c.useState)(""),r="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",s="break-all sm:max-w-[320px] sm:text-right";return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white mb-6 lg:ml-0 ml-10",children:"Settings"}),(0,b.jsxs)("div",{className:"max-w-2xl space-y-6",children:[(0,b.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"CommHub Connection"}),(0,b.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500 shrink-0",children:"Hub URL"}),(0,b.jsx)("span",{className:`text-cyan-300 ${s}`,children:a?.hub||"not configured"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Config Source"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:a?.source==="file"?"Local file (~/.anet/config.json)":a?.source==="runtime-env"?"Vercel env vars":"Missing"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Auth Token"}),(0,b.jsx)("span",{className:`${a?.tokenConfigured?"text-green-400":"text-red-400"} ${s}`,children:a?.tokenConfigured?`Configured (${a.tokenPreview})`:"Not configured"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Server Auth"}),(0,b.jsx)("span",{className:`${f?.auth==="enabled"?"text-green-400":"text-yellow-400"} sm:text-right`,children:f?.auth||"--"})]}),a?.error&&(0,b.jsx)("div",{className:"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600",children:a.error})]})]}),(0,b.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Server Info"}),(0,b.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:f?.version||"--"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Sessions"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:f?.sessions??"--"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"SSE Connections"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:f?.sse_connections??"--"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Uptime"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:f?.uptime?`${Math.floor(f.uptime/3600)}h ${Math.floor(f.uptime%3600/60)}m`:"--"})]})]})]}),(0,b.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Dashboard"}),(0,b.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Version"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:"V2.1"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Data Layer"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:"SWR (5s refresh, 3s dedup)"})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Pages"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:"Overview, Tasks, Nodes, Messages, Settings"})]})]})]}),(0,b.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"License"}),g?.license?(0,b.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Type"}),(0,b.jsx)("span",{className:`font-medium ${"pro"===g.license.type?"text-green-400":"text-yellow-400"}`,children:g.license.type})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Days Left"}),(0,b.jsxs)("span",{className:`${g.license.days_left<=7?"text-red-400":"text-gray-300"}`,children:[g.license.days_left," days",g.license.days_left<=7&&" — expiring soon!"]})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Expires"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:g.license.expires_at})]}),g.limits&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Max Agents"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:g.limits.max_agents})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Max Networks"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:g.limits.max_networks})]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Tasks/Day"}),(0,b.jsx)("span",{className:`text-gray-300 ${s}`,children:g.limits.max_tasks_day})]})]}),(0,b.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a]",children:[(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("input",{type:"text",value:h,onChange:a=>i(a.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,b.jsx)("button",{onClick:async()=>{if(!h.trim())return;let a=await fetch("/api/hub/license",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:h})}),b=await a.json();k(b.ok?`Activated: ${b.type}`:`Failed: ${b.error}`),b.ok&&i(""),setTimeout(()=>k(""),5e3)},className:"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors",children:"Activate"})]}),j&&(0,b.jsx)("div",{className:`mt-2 text-xs ${j.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:j})]})]}):(0,b.jsx)("div",{className:"text-xs text-gray-600",children:"License info not available"})]}),(0,b.jsxs)("section",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Change Password"}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("input",{type:"password",value:l,onChange:a=>m(a.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,b.jsx)("input",{type:"password",value:n,onChange:a=>o(a.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,b.jsx)("button",{onClick:async()=>{if(!l||!n)return;let a=sessionStorage.getItem("anet_v3_auth");if(!a)return void q("Not logged in with V3 auth");let{token:b}=JSON.parse(a),c=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"change_password",token:b,current_password:l,new_password:n})}),d=await c.json();q(d.ok?"Password changed":`Failed: ${d.error}`),d.ok&&(m(""),o("")),setTimeout(()=>q(""),5e3)},disabled:!l||!n,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,b.jsx)("div",{className:`mt-2 text-xs ${p.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:p})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,b.jsxs)(d.default,{href:"/settings/tokens",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"API Tokens"}),(0,b.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create and manage tokens for CLI access."}),(0,b.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]}),(0,b.jsxs)(d.default,{href:"/settings/networks",className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Networks"}),(0,b.jsx)("p",{className:"text-xs text-gray-500 mt-2",children:"Create, manage, and delete agent networks."}),(0,b.jsx)("span",{className:"text-xs text-cyan-400 mt-3 inline-block",children:"Manage →"})]})]}),(0,b.jsxs)("section",{className:"bg-[#111128] border border-red-900/30 rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-red-400 mb-4",children:"Session"}),(0,b.jsx)("p",{className:"text-xs text-gray-500 mb-3",children:"Sign out will clear your dashboard session cookie."}),(0,b.jsx)("button",{onClick:async()=>{await fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login")},className:"px-4 py-2 bg-red-600/20 hover:bg-red-600/30 text-red-300 text-sm rounded-lg border border-red-800/30 transition-colors",children:"Sign out"})]})]})]})}])}];
+
+//# sourceMappingURL=app_0dk5wao._.js.map

package/.next/server/chunks/ssr/app_0dk5wao._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/lib/hooks.ts","../../../../app/settings/page.tsx"],"sourcesContent":["import useSWR from 'swr';\nimport { Session, Health, AnetConfig } from '../components/types';\nimport { useNetworkId } from './network-context';\n\nconst fetcher = async (url: string) => {\n  const res = await fetch(url);\n  if (res.status === 401) {\n    window.location.assign('/login');\n    throw new Error('unauthorized');\n  }\n  return res.json();\n};\n\nconst SWR_OPTIONS = { refreshInterval: 5000, dedupingInterval: 3000 };\n\n/** Append network_id to URL if set */\nfunction withNetwork(url: string, networkId: string): string {\n  if (!networkId) return url;\n  const sep = url.includes('?') ? '&' : '?';\n  return `${url}${sep}network_id=${encodeURIComponent(networkId)}`;\n}\n\nexport function useSessions() {\n  const { networkId } = useNetworkId();\n  const { data, error, isLoading } = useSWR<{ sessions: Session[]; _hint?: { global_count?: number; filtered_network?: string } }>(\n    withNetwork('/api/hub/status', networkId),\n    fetcher,\n    SWR_OPTIONS,\n  );\n  return { sessions: data?.sessions || [], hint: data?._hint, error, isLoading };\n}\n\nexport function useHealth() {\n  const { data, error } = useSWR<Health>('/api/hub/health', fetcher, SWR_OPTIONS);\n  return { health: data || null, error };\n}\n\nexport function useAnetConfig() {\n  const { data } = useSWR<AnetConfig>('/api/anet/config', fetcher, { refreshInterval: 30000 });\n  return { config: data || null };\n}\n\nexport function useTasks(params?: Record<string, string>) {\n  const { networkId } = useNetworkId();\n  const query = new URLSearchParams({ limit: '100', ...params }).toString();\n  const { data, error, isLoading } = useSWR(\n    withNetwork(`/api/hub/tasks?${query}`, networkId),\n    fetcher,\n    SWR_OPTIONS,\n  );\n  return {\n    tasks: data?.tasks || [],\n    count: data?.count ?? 0,\n    source: data?.source,\n    error,\n    isLoading,\n  };\n}\n\nexport function useStats() {\n  const { networkId } = useNetworkId();\n  const { data, error } = useSWR(withNetwork('/api/hub/stats', networkId), fetcher, SWR_OPTIONS);\n  return { stats: data?.ok ? data : null, error };\n}\n\nexport function useLicense() {\n  const { data, error } = useSWR('/api/hub/license', fetcher, { refreshInterval: 60000 });\n  return { license: data?.ok ? data : null, error };\n}\n\nexport function useMessages(limit = 100) {\n  const { networkId } = useNetworkId();\n  const { data, error, isLoading } = useSWR(\n    withNetwork(`/api/hub/messages?limit=${limit}`, networkId),\n    fetcher,\n    SWR_OPTIONS,\n  );\n  return { messages: data?.messages || [], error, isLoading };\n}\n\nexport function useNodeSession(alias: string) {\n  const { data, error, isLoading } = useSWR(\n    alias ? `/api/hub/session?alias=${encodeURIComponent(alias)}` : null,\n    fetcher,\n    SWR_OPTIONS,\n  );\n  return {\n    session: data?.session || null,\n    inbox: data?.inbox || [],\n    sse: data?.sse || 0,\n    error,\n    isLoading,\n  };\n}\n","'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { useAnetConfig, useHealth, useLicense } from '../lib/hooks';\n\nexport default function SettingsPage() {\n  const { config } = useAnetConfig();\n  const { health } = useHealth();\n  const { license: licData } = useLicense();\n  const [licKey, setLicKey] = useState('');\n  const [licResult, setLicResult] = useState('');\n  const [oldPwd, setOldPwd] = useState('');\n  const [newPwd, setNewPwd] = useState('');\n  const [pwdResult, setPwdResult] = useState('');\n  const rowClass = 'flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between';\n  const valueClass = 'break-all sm:max-w-[320px] sm:text-right';\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      <h1 className=\"text-2xl font-bold text-white mb-6 lg:ml-0 ml-10\">Settings</h1>\n\n      <div className=\"max-w-2xl space-y-6\">\n        {/* CommHub Connection */}\n        <section className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">CommHub Connection</h2>\n          <div className=\"space-y-3 text-sm\">\n            <div className={rowClass}>\n              <span className=\"text-gray-500 shrink-0\">Hub URL</span>\n              <span className={`text-cyan-300 ${valueClass}`}>{config?.hub || 'not configured'}</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Config Source</span>\n              <span className={`text-gray-300 ${valueClass}`}>\n                {config?.source === 'file' ? 'Local file (~/.anet/config.json)' : config?.source === 'runtime-env' ? 'Vercel env vars' : 'Missing'}\n              </span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Auth Token</span>\n              <span className={`${config?.tokenConfigured ? 'text-green-400' : 'text-red-400'} ${valueClass}`}>\n                {config?.tokenConfigured ? `Configured (${config.tokenPreview})` : 'Not configured'}\n              </span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Server Auth</span>\n              <span className={`${health?.auth === 'enabled' ? 'text-green-400' : 'text-yellow-400'} sm:text-right`}>\n                {health?.auth || '--'}\n              </span>\n            </div>\n            {config?.error && (\n              <div className=\"border-t border-[#2a2a4a] pt-3 text-xs text-gray-600\">\n                {config.error}\n              </div>\n            )}\n          </div>\n        </section>\n\n        {/* Server Info */}\n        <section className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">Server Info</h2>\n          <div className=\"space-y-3 text-sm\">\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Version</span>\n              <span className={`text-gray-300 ${valueClass}`}>{health?.version || '--'}</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Sessions</span>\n              <span className={`text-gray-300 ${valueClass}`}>{health?.sessions ?? '--'}</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">SSE Connections</span>\n              <span className={`text-gray-300 ${valueClass}`}>{health?.sse_connections ?? '--'}</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Uptime</span>\n              <span className={`text-gray-300 ${valueClass}`}>{health?.uptime ? `${Math.floor(health.uptime / 3600)}h ${Math.floor((health.uptime % 3600) / 60)}m` : '--'}</span>\n            </div>\n          </div>\n        </section>\n\n        {/* Dashboard Info */}\n        <section className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">Dashboard</h2>\n          <div className=\"space-y-3 text-sm\">\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Version</span>\n              <span className={`text-gray-300 ${valueClass}`}>V2.1</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Data Layer</span>\n              <span className={`text-gray-300 ${valueClass}`}>SWR (5s refresh, 3s dedup)</span>\n            </div>\n            <div className={rowClass}>\n              <span className=\"text-gray-500\">Pages</span>\n              <span className={`text-gray-300 ${valueClass}`}>Overview, Tasks, Nodes, Messages, Settings</span>\n            </div>\n          </div>\n        </section>\n\n        {/* License */}\n        <section className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">License</h2>\n          {licData?.license ? (\n            <div className=\"space-y-3 text-sm\">\n              <div className={rowClass}>\n                <span className=\"text-gray-500\">Type</span>\n                <span className={`font-medium ${licData.license.type === 'pro' ? 'text-green-400' : 'text-yellow-400'}`}>\n                  {licData.license.type}\n                </span>\n              </div>\n              <div className={rowClass}>\n                <span className=\"text-gray-500\">Days Left</span>\n                <span className={`${licData.license.days_left <= 7 ? 'text-red-400' : 'text-gray-300'}`}>\n                  {licData.license.days_left} days\n                  {licData.license.days_left <= 7 && ' — expiring soon!'}\n                </span>\n              </div>\n              <div className={rowClass}>\n                <span className=\"text-gray-500\">Expires</span>\n                <span className={`text-gray-300 ${valueClass}`}>{licData.license.expires_at}</span>\n              </div>\n              {licData.limits && (\n                <>\n                  <div className={rowClass}>\n                    <span className=\"text-gray-500\">Max Agents</span>\n                    <span className={`text-gray-300 ${valueClass}`}>{licData.limits.max_agents}</span>\n                  </div>\n                  <div className={rowClass}>\n                    <span className=\"text-gray-500\">Max Networks</span>\n                    <span className={`text-gray-300 ${valueClass}`}>{licData.limits.max_networks}</span>\n                  </div>\n                  <div className={rowClass}>\n                    <span className=\"text-gray-500\">Tasks/Day</span>\n                    <span className={`text-gray-300 ${valueClass}`}>{licData.limits.max_tasks_day}</span>\n                  </div>\n                </>\n              )}\n              <div className=\"pt-3 border-t border-[#2a2a4a]\">\n                <div className=\"flex gap-2\">\n                  <input type=\"text\" value={licKey} onChange={e => setLicKey(e.target.value)}\n                    placeholder=\"anet-XXXX-XXXX-XXXX-XXXX\"\n                    className=\"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:outline-none\" />\n                  <button onClick={async () => {\n                    if (!licKey.trim()) return;\n                    const res = await fetch('/api/hub/license', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ key: licKey }) });\n                    const data = await res.json();\n                    setLicResult(data.ok ? `Activated: ${data.type}` : `Failed: ${data.error}`);\n                    if (data.ok) setLicKey('');\n                    setTimeout(() => setLicResult(''), 5000);\n                  }} className=\"px-3 py-2 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded transition-colors\">\n                    Activate\n                  </button>\n                </div>\n                {licResult && <div className={`mt-2 text-xs ${licResult.startsWith('Failed') ? 'text-red-400' : 'text-green-400'}`}>{licResult}</div>}\n              </div>\n            </div>\n          ) : (\n            <div className=\"text-xs text-gray-600\">License info not available</div>\n          )}\n        </section>\n\n        {/* Change Password */}\n        <section className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">Change Password</h2>\n          <div className=\"space-y-3\">\n            <input type=\"password\" value={oldPwd} onChange={e => setOldPwd(e.target.value)} placeholder=\"Current password\"\n              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\" />\n            <input type=\"password\" value={newPwd} onChange={e => setNewPwd(e.target.value)} placeholder=\"New password\"\n              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\" />\n            <button onClick={async () => {\n              if (!oldPwd || !newPwd) return;\n              const saved = sessionStorage.getItem('anet_v3_auth');\n              if (!saved) { setPwdResult('Not logged in with V3 auth'); return; }\n              const { token } = JSON.parse(saved);\n              const res = await fetch('/api/hub/auth', {\n                method: 'POST', headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ action: 'change_password', token, current_password: oldPwd, new_password: newPwd }),\n              });\n              const data = await res.json();\n              setPwdResult(data.ok ? 'Password changed' : `Failed: ${data.error}`);\n              if (data.ok) { setOldPwd(''); setNewPwd(''); }\n              setTimeout(() => setPwdResult(''), 5000);\n            }} disabled={!oldPwd || !newPwd}\n              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\">\n              Change Password\n            </button>\n          </div>\n          {pwdResult && <div className={`mt-2 text-xs ${pwdResult.startsWith('Failed') ? 'text-red-400' : 'text-green-400'}`}>{pwdResult}</div>}\n        </section>\n\n        {/* API Tokens + Networks */}\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n          <Link href=\"/settings/tokens\" className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors\">\n            <h2 className=\"text-sm font-semibold text-gray-300\">API Tokens</h2>\n            <p className=\"text-xs text-gray-500 mt-2\">Create and manage tokens for CLI access.</p>\n            <span className=\"text-xs text-cyan-400 mt-3 inline-block\">Manage &rarr;</span>\n          </Link>\n          <Link href=\"/settings/networks\" className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-5 hover:border-cyan-500/30 transition-colors\">\n            <h2 className=\"text-sm font-semibold text-gray-300\">Networks</h2>\n            <p className=\"text-xs text-gray-500 mt-2\">Create, manage, and delete agent networks.</p>\n            <span className=\"text-xs text-cyan-400 mt-3 inline-block\">Manage &rarr;</span>\n          </Link>\n        </div>\n\n        {/* Danger Zone */}\n        <section className=\"bg-[#111128] border border-red-900/30 rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-red-400 mb-4\">Session</h2>\n          <p className=\"text-xs text-gray-500 mb-3\">Sign out will clear your dashboard session cookie.</p>\n          <button\n            onClick={async () => {\n              await fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});\n              window.location.assign('/login');\n            }}\n            className=\"px-4 py-2 bg-red-600/20 hover:bg-red-600/30 text-red-300 text-sm rounded-lg border border-red-800/30 transition-colors\"\n          >\n            Sign out\n          </button>\n        </section>\n      </div>\n    </div>\n  );\n}\n"],"names":["fetcher","url","res","fetch","status","window","location","assign","Error","json","SWR_OPTIONS","refreshInterval","dedupingInterval","withNetwork","networkId","sep","includes","encodeURIComponent","useSessions","data","error","isLoading","sessions","hint","_hint","useHealth","health","useAnetConfig","config","useTasks","params","query","URLSearchParams","limit","toString","tasks","count","source","useStats","stats","ok","useLicense","license","useMessages","messages","useNodeSession","alias","session","inbox","sse","SettingsPage","licData","licKey","setLicKey","licResult","setLicResult","oldPwd","setOldPwd","newPwd","setNewPwd","pwdResult","setPwdResult","rowClass","valueClass","className","hub","tokenConfigured","tokenPreview","auth","version","sse_connections","uptime","Math","floor","type","days_left","expires_at","limits","max_agents","max_networks","max_tasks_day","value","onChange","e","target","placeholder","onClick","trim","method","headers","body","JSON","stringify","key","setTimeout","startsWith","saved","sessionStorage","getItem","token","parse","action","current_password","new_password","disabled","href","catch"],"mappings":"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"}

package/.next/server/chunks/ssr/app_0p9bx.i._.js

@@ -0,0 +1,3 @@
+module.exports=[43515,a=>{"use strict";a.s(["formatUptime",0,function(a){let b=Math.floor(a/3600),c=Math.floor(a%3600/60);return b>0?`${b}h ${c}m`:`${c}m`},"timeAgo",0,function(a){if(!a)return"--";let b=Math.floor((Date.now()-new Date(a.replace(" ","T")+"Z").getTime())/1e3);return b<60?`${b}s ago`:b<3600?`${Math.floor(b/60)}m ago`:b<86400?`${Math.floor(b/3600)}h ago`:`${Math.floor(b/86400)}d ago`}])},35131,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(38246),f=a.i(15261),g=a.i(43515);function h({tmuxName:a}){let[d,e]=(0,c.useState)(""),[f,g]=(0,c.useState)(!1),[i,j]=(0,c.useState)(!1),k=async()=>{g(!0);try{let b=await fetch(`/api/hub/tmux?name=${encodeURIComponent(a)}`),c=await b.json();e(c.output||c.error||"No output")}catch{e("Failed to fetch")}g(!1)};return(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsxs)("h2",{className:"text-sm font-semibold text-gray-300",children:["Terminal (",a,")"]}),(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("button",{onClick:k,disabled:f,className:"text-xs text-cyan-400 hover:text-cyan-300 disabled:text-gray-600",children:f?"Loading...":"Capture"}),d&&(0,b.jsx)("button",{onClick:()=>j(!i),className:"text-xs text-gray-500 hover:text-gray-300",children:i?"Collapse":"Expand"})]})]}),d&&(0,b.jsx)("pre",{className:`text-[11px] text-green-300 bg-[#050510] rounded-lg px-3 py-2 border border-[#1a1a2a] overflow-x-auto whitespace-pre font-mono ${i?"max-h-96":"max-h-32"} overflow-y-auto`,children:d}),!d&&(0,b.jsx)("p",{className:"text-xs text-gray-600",children:"Click Capture to view terminal output"})]})}function i(){let a=(0,d.useSearchParams)().get("alias")||"",[f,g]=(0,c.useState)(null),[h,i]=(0,c.useState)([]),[k,l]=(0,c.useState)(0),[m,n]=(0,c.useState)(""),[o,p]=(0,c.useState)(""),[q,r]=(0,c.useState)(!1),s=(0,c.useCallback)(async()=>{if(a)try{let b=await fetch(`/api/hub/session?alias=${encodeURIComponent(a)}`),c=await b.json();c.session&&g(c.session),c.inbox&&i(c.inbox),l(c.sse||0),n("")}catch(a){n(a instanceof Error?a.message:"fetch failed")}},[a]);(0,c.useEffect)(()=>{s();let a=setInterval(s,5e3);return()=>clearInterval(a)},[s]);let[t,u]=(0,c.useState)(""),v=async()=>{if(o.trim()&&a){r(!0),u("");try{let b=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:a,task:o})}),c=await b.json();c.ok?(p(""),setTimeout(s,2e3)):u(c.error||"Send failed")}catch(a){u(a instanceof Error?a.message:"Send failed")}r(!1)}};if(!a)return(0,b.jsx)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono flex items-center justify-center",children:(0,b.jsxs)("p",{className:"text-gray-500",children:["No alias specified. ",(0,b.jsx)(e.default,{href:"/",className:"text-blue-400 hover:underline",children:"Back to dashboard"})]})});let w=f?.status==="working"?"text-green-400":f?.status==="idle"?"text-blue-400":"text-gray-500";return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,b.jsx)(e.default,{href:"/nodes",className:"text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10",children:"← Nodes"}),(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:`inline-block w-3 h-3 rounded-full ${k>0?f?.status==="working"?"bg-green-500 animate-pulse":"bg-emerald-400":"bg-gray-500"}`}),(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:a}),(0,b.jsx)("span",{className:`text-sm ${w}`,children:f?.status||"unknown"})]})]}),m&&(0,b.jsx)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-2 rounded-lg mb-6 text-sm",children:m}),(0,b.jsx)(j,{alias:a,session:f,sse:k,sendMsg:o,setSendMsg:p,sending:q,sendTask:v,sendError:t})]})}function j({alias:a,session:d,sse:e,sendMsg:g,setSendMsg:i,sending:k,sendTask:m,sendError:n}){let[o,p]=(0,c.useState)("chat"),[q,r]=(0,c.useState)([]),[s,t]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{"events"!==o||s||fetch("/api/hub/task-events?limit=50").then(a=>a.json()).then(a=>{r(a.events||[]),t(!0)}).catch(()=>t(!0))},[o,s]),(0,b.jsxs)("div",{className:"bg-[#0d0d1a] border border-[#2a2a4a] rounded-xl overflow-hidden h-[calc(100vh-140px)] flex flex-col",children:[(0,b.jsx)("div",{className:"flex border-b border-[#2a2a4a] bg-[#0a0a15] shrink-0",children:["chat","events","info"].map(a=>(0,b.jsx)("button",{onClick:()=>p(a),className:`px-5 py-3 text-sm font-medium border-b-2 transition-colors ${o===a?"border-cyan-400 text-cyan-300":"border-transparent text-gray-500 hover:text-gray-300"}`,children:"chat"===a?"💬 Chat":"events"===a?"📋 Events":"📊 Info"},a))}),(0,b.jsxs)("div",{className:"flex-1 overflow-hidden",children:["chat"===o&&(0,b.jsx)(f.TaskChatPanel,{alias:a,onClose:()=>{},inline:!0}),"events"===o&&(0,b.jsx)(l,{events:q,loading:!s}),"info"===o&&(0,b.jsxs)("div",{className:"p-4 overflow-y-auto h-full space-y-4 max-w-2xl",children:[(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-3",children:"Node Info"}),(0,b.jsx)("div",{className:"space-y-2 text-xs",children:[{label:"Node ID",value:d?.node_id,alwaysShow:!0},{label:"Session ID",value:d?.session_id,alwaysShow:!0},{label:"Resume ID",value:d?.resume_id,alwaysShow:!0},{label:"Alias",value:d?.alias,alwaysShow:!0},{label:"Agent",value:d?.agent,alwaysShow:!0},{label:"Model",value:d?.model,alwaysShow:!0},{label:"Version",value:d?.version},{label:"Server",value:d?.server,alwaysShow:!0},{label:"Hostname",value:d?.hostname,alwaysShow:!0},{label:"IP",value:d?.ip,alwaysShow:!0},{label:"Project",value:d?.project_dir},{label:"Config",value:d?.config_path,alwaysShow:!0},{label:"Channels",value:d?.channels?.length?Array.isArray(d.channels)?d.channels.join(", "):d.channels:null,alwaysShow:!0},{label:"Tmux",value:d?.tmux_name},{label:"SSE",value:e>0?`Connected (${e})`:"Disconnected",alwaysShow:!0},{label:"Progress",value:d?.progress?`${d.progress}%`:null},{label:"Score",value:d?.score},{label:"Last Seen",value:d?.last_seen_at,alwaysShow:!0},{label:"Registered",value:d?.registered_at,alwaysShow:!0},{label:"Updated",value:d?.updated_at,alwaysShow:!0}].map(({label:a,value:c,alwaysShow:d})=>c||d?(0,b.jsxs)("div",{className:"flex justify-between gap-3",children:[(0,b.jsx)("span",{className:"text-gray-500 shrink-0",children:a}),(0,b.jsx)("span",{className:"text-gray-300 truncate max-w-[200px]",title:c?String(c):"--",children:c?String(c):"--"})]},a):null)})]}),d?.task&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-2",children:"Current Task"}),(0,b.jsx)("p",{className:"text-xs text-gray-400 whitespace-pre-wrap",children:d.task})]}),d?.output&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-2",children:"Last Output"}),(0,b.jsx)("p",{className:"text-xs text-gray-400 whitespace-pre-wrap max-h-48 overflow-y-auto",children:d.output})]}),(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-2",children:"Send Task"}),(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("input",{type:"text",value:g,onChange:a=>i(a.target.value),onKeyDown:a=>"Enter"===a.key&&m(),placeholder:`Send task to ${a}...`,className:"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-blue-500 focus:outline-none"}),(0,b.jsx)("button",{onClick:m,disabled:k||!g.trim(),className:"px-3 py-2 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-700 text-white text-xs rounded transition-colors",children:k?"...":"Send"})]}),n&&(0,b.jsx)("div",{className:"mt-2 text-xs text-red-400",children:n})]}),d?.tmux_name&&(0,b.jsx)(h,{tmuxName:d.tmux_name})]})]})]})}let k={delivered:{dot:"bg-blue-400",line:"bg-blue-500/30",icon:"📬"},acked:{dot:"bg-yellow-400",line:"bg-yellow-500/30",icon:"✅"},running:{dot:"bg-green-400",line:"bg-green-500/30",icon:"⚡"},replied:{dot:"bg-purple-400",line:"bg-purple-500/30",icon:"💬"},failed:{dot:"bg-red-400",line:"bg-red-500/30",icon:"❌"},created:{dot:"bg-gray-400",line:"bg-gray-500/30",icon:"📝"}};function l({events:a,loading:c}){if(c)return(0,b.jsx)("div",{className:"flex justify-center py-8",children:(0,b.jsx)("div",{className:"w-5 h-5 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})});if(0===a.length)return(0,b.jsx)("div",{className:"text-center py-12 text-gray-600 text-xs",children:"No task events yet"});let d=new Map;return a.forEach(a=>{let b=a.task_id||`ungrouped-${a.id}`,c=d.get(b)||[];c.push(a),d.set(b,c)}),(0,b.jsx)("div",{className:"p-4 overflow-y-auto h-full space-y-4",children:[...d.entries()].map(([a,c])=>(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"text-[10px] text-gray-600 mb-3 truncate",children:["Task: ",a.slice(0,20),"..."]}),(0,b.jsxs)("div",{className:"relative pl-6",children:[(0,b.jsx)("div",{className:"absolute left-[9px] top-2 bottom-2 w-0.5 bg-[#1a1a2a]"}),c.map((a,c)=>{let d=k[a.to_status]||k.created;return(0,b.jsxs)("div",{className:"relative pb-4 last:pb-0",children:[(0,b.jsx)("div",{className:`absolute -left-6 top-0.5 w-[18px] h-[18px] rounded-full ${d.dot} flex items-center justify-center text-[9px] z-10 border-2 border-[#111128]`,children:d.icon.length<=2?d.icon:""}),(0,b.jsxs)("div",{className:"ml-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:`text-xs font-medium ${"failed"===a.to_status?"text-red-400":"replied"===a.to_status?"text-purple-400":"text-gray-300"}`,children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[a.from_status," → ",a.to_status]}),(0,b.jsx)("span",{className:"text-[10px] text-gray-600 ml-auto",children:(0,g.timeAgo)(a.created_at)})]}),a.detail&&(0,b.jsxs)("div",{className:"text-[11px] text-gray-500 mt-0.5 truncate",children:[a.detail.slice(0,50),a.detail.length>50?"...":""]})]})]},a.id)})]})]},a))})}a.s(["default",0,function(){return(0,b.jsx)(c.Suspense,{fallback:(0,b.jsx)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono",children:"Loading..."}),children:(0,b.jsx)(i,{})})}])}];
+
+//# sourceMappingURL=app_0p9bx.i._.js.map

package/.next/server/chunks/ssr/app_0p9bx.i._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/components/utils.ts","../../../../app/node/page.tsx"],"sourcesContent":["export function timeAgo(dateStr: string): string {\n  if (!dateStr) return '--';\n  const diff = Date.now() - new Date(dateStr.replace(' ', 'T') + 'Z').getTime();\n  const s = Math.floor(diff / 1000);\n  if (s < 60) return `${s}s ago`;\n  if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n  return `${Math.floor(s / 86400)}d ago`;\n}\n\nexport function statusColor(status: string, hasSse: boolean): string {\n  if (hasSse && status === 'working') return 'bg-green-500';\n  if (hasSse && status === 'idle') return 'bg-emerald-400';\n  if (hasSse) return 'bg-blue-400';\n  if (status === 'offline') return 'bg-gray-500';\n  return 'bg-yellow-400';\n}\n\nexport function formatUptime(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  if (h > 0) return `${h}h ${m}m`;\n  return `${m}m`;\n}\n","'use client';\n\nimport { useEffect, useState, useCallback } from 'react';\nimport { useSearchParams } from 'next/navigation';\nimport Link from 'next/link';\nimport { Suspense } from 'react';\nimport { TaskChatPanel } from '../components/TaskChatPanel';\nimport { timeAgo } from '../components/utils';\n\ninterface SessionDetail {\n  resume_id: string;\n  alias: string;\n  status: string;\n  agent: string;\n  server: string;\n  hostname: string;\n  task: string;\n  output: string;\n  progress: number;\n  score: number;\n  registered_at: string;\n  updated_at: string;\n  project_dir: string;\n  tmux_name: string;\n  ip: string;\n  node_id: string;\n  session_id: string;\n  config_path: string;\n  channels: string[];\n  last_seen_at: string;\n  model: string;\n  version: string;\n}\n\ninterface Message {\n  id: string;\n  content: string;\n  from_session: string;\n  priority: string;\n  created_at: string;\n  type: string;\n}\n\nfunction TmuxViewer({ tmuxName }: { tmuxName: string }) {\n  const [output, setOutput] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n\n  const fetchTmux = async () => {\n    setLoading(true);\n    try {\n      const res = await fetch(`/api/hub/tmux?name=${encodeURIComponent(tmuxName)}`);\n      const data = await res.json();\n      setOutput(data.output || data.error || 'No output');\n    } catch { setOutput('Failed to fetch'); }\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n      <div className=\"flex items-center justify-between mb-2\">\n        <h2 className=\"text-sm font-semibold text-gray-300\">Terminal ({tmuxName})</h2>\n        <div className=\"flex gap-2\">\n          <button onClick={fetchTmux} disabled={loading}\n            className=\"text-xs text-cyan-400 hover:text-cyan-300 disabled:text-gray-600\">\n            {loading ? 'Loading...' : 'Capture'}\n          </button>\n          {output && (\n            <button onClick={() => setExpanded(!expanded)} className=\"text-xs text-gray-500 hover:text-gray-300\">\n              {expanded ? 'Collapse' : 'Expand'}\n            </button>\n          )}\n        </div>\n      </div>\n      {output && (\n        <pre className={`text-[11px] text-green-300 bg-[#050510] rounded-lg px-3 py-2 border border-[#1a1a2a] overflow-x-auto whitespace-pre font-mono ${expanded ? 'max-h-96' : 'max-h-32'} overflow-y-auto`}>\n          {output}\n        </pre>\n      )}\n      {!output && <p className=\"text-xs text-gray-600\">Click Capture to view terminal output</p>}\n    </div>\n  );\n}\n\nfunction NodeDetailContent() {\n  const searchParams = useSearchParams();\n  const alias = searchParams.get('alias') || '';\n  const [session, setSession] = useState<SessionDetail | null>(null);\n  const [inbox, setInbox] = useState<Message[]>([]);\n  const [sse, setSse] = useState(0);\n  const [error, setError] = useState('');\n  const [sendMsg, setSendMsg] = useState('');\n  const [sending, setSending] = useState(false);\n\n  const fetchData = useCallback(async () => {\n    if (!alias) return;\n    try {\n      const res = await fetch(`/api/hub/session?alias=${encodeURIComponent(alias)}`);\n      const data = await res.json();\n      if (data.session) setSession(data.session);\n      if (data.inbox) setInbox(data.inbox);\n      setSse(data.sse || 0);\n      setError('');\n    } catch (e: unknown) {\n      setError(e instanceof Error ? e.message : 'fetch failed');\n    }\n  }, [alias]);\n\n  useEffect(() => {\n    fetchData();\n    const interval = setInterval(fetchData, 5000);\n    return () => clearInterval(interval);\n  }, [fetchData]);\n\n  const [sendError, setSendError] = useState('');\n\n  const sendTask = async () => {\n    if (!sendMsg.trim() || !alias) return;\n    setSending(true);\n    setSendError('');\n    try {\n      const res = await fetch('/api/hub/send', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ alias, task: sendMsg }),\n      });\n      const data = await res.json();\n      if (data.ok) {\n        setSendMsg('');\n        setTimeout(fetchData, 2000);\n      } else {\n        setSendError(data.error || 'Send failed');\n      }\n    } catch (e: unknown) {\n      setSendError(e instanceof Error ? e.message : 'Send failed');\n    }\n    setSending(false);\n  };\n\n  if (!alias) {\n    return (\n      <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono flex items-center justify-center\">\n        <p className=\"text-gray-500\">No alias specified. <Link href=\"/\" className=\"text-blue-400 hover:underline\">Back to dashboard</Link></p>\n      </div>\n    );\n  }\n\n  const statusColor = session?.status === 'working' ? 'text-green-400' :\n    session?.status === 'idle' ? 'text-blue-400' : 'text-gray-500';\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      {/* Header */}\n      <div className=\"flex items-center gap-4 mb-6\">\n        <Link href=\"/nodes\" className=\"text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10\">&larr; Nodes</Link>\n        <div className=\"flex items-center gap-3\">\n          <span className={`inline-block w-3 h-3 rounded-full ${\n            sse > 0 ? (session?.status === 'working' ? 'bg-green-500 animate-pulse' : 'bg-emerald-400') : 'bg-gray-500'\n          }`} />\n          <h1 className=\"text-2xl font-bold text-white\">{alias}</h1>\n          <span className={`text-sm ${statusColor}`}>{session?.status || 'unknown'}</span>\n        </div>\n      </div>\n\n      {error && (\n        <div className=\"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-2 rounded-lg mb-6 text-sm\">{error}</div>\n      )}\n\n      {/* Full-width tabbed layout */}\n      <NodeFullPanel alias={alias} session={session} sse={sse} sendMsg={sendMsg} setSendMsg={setSendMsg} sending={sending} sendTask={sendTask} sendError={sendError} />\n    </div>\n  );\n}\n\nfunction NodeFullPanel({ alias, session, sse, sendMsg, setSendMsg, sending, sendTask, sendError }: {\n  alias: string; session: any; sse: number; sendMsg: string; setSendMsg: (v: string) => void; sending: boolean; sendTask: () => void; sendError: string;\n}) {\n  const [tab, setTab] = useState<'chat' | 'events' | 'info'>('chat');\n  const [events, setEvents] = useState<Array<{ id: number; event_type: string; from_status: string; to_status: string; detail: string; created_at: string }>>([]);\n  const [eventsLoaded, setEventsLoaded] = useState(false);\n\n  useEffect(() => {\n    if (tab === 'events' && !eventsLoaded) {\n      fetch('/api/hub/task-events?limit=50').then(r => r.json()).then(d => {\n        setEvents(d.events || []);\n        setEventsLoaded(true);\n      }).catch(() => setEventsLoaded(true));\n    }\n  }, [tab, eventsLoaded]);\n\n  return (\n    <div className=\"bg-[#0d0d1a] border border-[#2a2a4a] rounded-xl overflow-hidden h-[calc(100vh-140px)] flex flex-col\">\n      {/* Tab bar */}\n      <div className=\"flex border-b border-[#2a2a4a] bg-[#0a0a15] shrink-0\">\n        {(['chat', 'events', 'info'] as const).map(t => (\n          <button key={t} onClick={() => setTab(t)}\n            className={`px-5 py-3 text-sm font-medium border-b-2 transition-colors ${\n              tab === t ? 'border-cyan-400 text-cyan-300' : 'border-transparent text-gray-500 hover:text-gray-300'\n            }`}>\n            {t === 'chat' ? '💬 Chat' : t === 'events' ? '📋 Events' : '📊 Info'}\n          </button>\n        ))}\n      </div>\n\n      {/* Tab content */}\n      <div className=\"flex-1 overflow-hidden\">\n        {tab === 'chat' && (\n          <TaskChatPanel alias={alias} onClose={() => {}} inline />\n        )}\n\n        {tab === 'events' && (\n          <EventsTimeline events={events} loading={!eventsLoaded} />\n        )}\n\n        {tab === 'info' && (\n          <div className=\"p-4 overflow-y-auto h-full space-y-4 max-w-2xl\">\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <h2 className=\"text-sm font-semibold text-gray-300 mb-3\">Node Info</h2>\n            <div className=\"space-y-2 text-xs\">\n              {[\n                { label: 'Node ID', value: session?.node_id, alwaysShow: true },\n                { label: 'Session ID', value: session?.session_id, alwaysShow: true },\n                { label: 'Resume ID', value: session?.resume_id, alwaysShow: true },\n                { label: 'Alias', value: session?.alias, alwaysShow: true },\n                { label: 'Agent', value: session?.agent, alwaysShow: true },\n                { label: 'Model', value: session?.model, alwaysShow: true },\n                { label: 'Version', value: session?.version },\n                { label: 'Server', value: session?.server, alwaysShow: true },\n                { label: 'Hostname', value: session?.hostname, alwaysShow: true },\n                { label: 'IP', value: session?.ip, alwaysShow: true },\n                { label: 'Project', value: session?.project_dir },\n                { label: 'Config', value: session?.config_path, alwaysShow: true },\n                { label: 'Channels', value: session?.channels?.length ? (Array.isArray(session.channels) ? session.channels.join(', ') : session.channels) : null, alwaysShow: true },\n                { label: 'Tmux', value: session?.tmux_name },\n                { label: 'SSE', value: sse > 0 ? `Connected (${sse})` : 'Disconnected', alwaysShow: true },\n                { label: 'Progress', value: session?.progress ? `${session.progress}%` : null },\n                { label: 'Score', value: session?.score },\n                { label: 'Last Seen', value: session?.last_seen_at, alwaysShow: true },\n                { label: 'Registered', value: session?.registered_at, alwaysShow: true },\n                { label: 'Updated', value: session?.updated_at, alwaysShow: true },\n              ].map(({ label, value, alwaysShow }) => (value || alwaysShow) ? (\n                <div key={label} className=\"flex justify-between gap-3\">\n                  <span className=\"text-gray-500 shrink-0\">{label}</span>\n                  <span className=\"text-gray-300 truncate max-w-[200px]\" title={value ? String(value) : '--'}>\n                    {value ? String(value) : '--'}\n                  </span>\n                </div>\n              ) : null)}\n            </div>\n          </div>\n\n          {/* Current Task */}\n          {session?.task && (\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <h2 className=\"text-sm font-semibold text-gray-300 mb-2\">Current Task</h2>\n              <p className=\"text-xs text-gray-400 whitespace-pre-wrap\">{session.task}</p>\n            </div>\n          )}\n\n          {/* Output */}\n          {session?.output && (\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <h2 className=\"text-sm font-semibold text-gray-300 mb-2\">Last Output</h2>\n              <p className=\"text-xs text-gray-400 whitespace-pre-wrap max-h-48 overflow-y-auto\">{session.output}</p>\n            </div>\n          )}\n\n          {/* Send Task */}\n          <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n            <h2 className=\"text-sm font-semibold text-gray-300 mb-2\">Send Task</h2>\n            <div className=\"flex gap-2\">\n              <input\n                type=\"text\"\n                value={sendMsg}\n                onChange={e => setSendMsg(e.target.value)}\n                onKeyDown={e => e.key === 'Enter' && sendTask()}\n                placeholder={`Send task to ${alias}...`}\n                className=\"flex-1 bg-[#0a0a15] border border-[#2a2a4a] rounded px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-blue-500 focus:outline-none\"\n              />\n              <button\n                onClick={sendTask}\n                disabled={sending || !sendMsg.trim()}\n                className=\"px-3 py-2 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-700 text-white text-xs rounded transition-colors\"\n              >\n                {sending ? '...' : 'Send'}\n              </button>\n            </div>\n            {sendError && <div className=\"mt-2 text-xs text-red-400\">{sendError}</div>}\n          </div>\n\n          {/* Tmux Terminal */}\n          {session?.tmux_name && (\n            <TmuxViewer tmuxName={session.tmux_name} />\n          )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst EVENT_COLORS: Record<string, { dot: string; line: string; icon: string }> = {\n  delivered: { dot: 'bg-blue-400', line: 'bg-blue-500/30', icon: '📬' },\n  acked: { dot: 'bg-yellow-400', line: 'bg-yellow-500/30', icon: '✅' },\n  running: { dot: 'bg-green-400', line: 'bg-green-500/30', icon: '⚡' },\n  replied: { dot: 'bg-purple-400', line: 'bg-purple-500/30', icon: '💬' },\n  failed: { dot: 'bg-red-400', line: 'bg-red-500/30', icon: '❌' },\n  created: { dot: 'bg-gray-400', line: 'bg-gray-500/30', icon: '📝' },\n};\n\nfunction EventsTimeline({ events, loading }: { events: Array<{ id: number; event_type: string; from_status: string; to_status: string; detail: string; created_at: string; task_id?: string }>; loading: boolean }) {\n  if (loading) return <div className=\"flex justify-center py-8\"><div className=\"w-5 h-5 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin\" /></div>;\n  if (events.length === 0) return <div className=\"text-center py-12 text-gray-600 text-xs\">No task events yet</div>;\n\n  // Group by task_id\n  const groups = new Map<string, typeof events>();\n  events.forEach(e => {\n    const key = (e as { task_id?: string }).task_id || `ungrouped-${e.id}`;\n    const group = groups.get(key) || [];\n    group.push(e);\n    groups.set(key, group);\n  });\n\n  return (\n    <div className=\"p-4 overflow-y-auto h-full space-y-4\">\n      {[...groups.entries()].map(([taskId, taskEvents]) => (\n        <div key={taskId} className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n          <div className=\"text-[10px] text-gray-600 mb-3 truncate\">Task: {taskId.slice(0, 20)}...</div>\n          <div className=\"relative pl-6\">\n            {/* Vertical line */}\n            <div className=\"absolute left-[9px] top-2 bottom-2 w-0.5 bg-[#1a1a2a]\" />\n\n            {taskEvents.map((e, i) => {\n              const cfg = EVENT_COLORS[e.to_status] || EVENT_COLORS.created;\n              return (\n                <div key={e.id} className=\"relative pb-4 last:pb-0\">\n                  {/* Dot on line */}\n                  <div className={`absolute -left-6 top-0.5 w-[18px] h-[18px] rounded-full ${cfg.dot} flex items-center justify-center text-[9px] z-10 border-2 border-[#111128]`}>\n                    {cfg.icon.length <= 2 ? cfg.icon : ''}\n                  </div>\n                  {/* Content */}\n                  <div className=\"ml-2\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className={`text-xs font-medium ${e.to_status === 'failed' ? 'text-red-400' : e.to_status === 'replied' ? 'text-purple-400' : 'text-gray-300'}`}>\n                        {e.event_type}\n                      </span>\n                      {e.from_status && (\n                        <span className=\"text-[10px] text-gray-600\">{e.from_status} → {e.to_status}</span>\n                      )}\n                      <span className=\"text-[10px] text-gray-600 ml-auto\">{timeAgo(e.created_at)}</span>\n                    </div>\n                    {e.detail && (\n                      <div className=\"text-[11px] text-gray-500 mt-0.5 truncate\">{e.detail.slice(0, 50)}{e.detail.length > 50 ? '...' : ''}</div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default function NodePage() {\n  return (\n    <Suspense fallback={<div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono\">Loading...</div>}>\n      <NodeDetailContent />\n    </Suspense>\n  );\n}\n"],"names":["timeAgo","dateStr","diff","Date","now","replace","getTime","s","Math","floor","statusColor","status","hasSse","formatUptime","seconds","h","m","TmuxViewer","tmuxName","output","setOutput","loading","setLoading","expanded","setExpanded","fetchTmux","res","fetch","encodeURIComponent","data","json","error","className","onClick","disabled","NodeDetailContent","searchParams","alias","get","session","setSession","inbox","setInbox","sse","setSse","setError","sendMsg","setSendMsg","sending","setSending","fetchData","e","Error","message","interval","setInterval","clearInterval","sendError","setSendError","sendTask","trim","method","headers","body","JSON","stringify","task","ok","setTimeout","href","NodeFullPanel","tab","setTab","events","setEvents","eventsLoaded","setEventsLoaded","then","r","d","catch","map","t","onClose","inline","EventsTimeline","label","value","node_id","alwaysShow","session_id","resume_id","agent","model","version","server","hostname","ip","project_dir","config_path","channels","length","Array","isArray","join","tmux_name","progress","score","last_seen_at","registered_at","updated_at","title","String","type","onChange","target","onKeyDown","key","placeholder","EVENT_COLORS","delivered","dot","line","icon","acked","running","replied","failed","created","groups","Map","forEach","task_id","id","group","push","set","entries","taskId","taskEvents","slice","i","cfg","to_status","event_type","from_status","created_at","detail","NodePage","fallback"],"mappings":"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"}

package/.next/server/chunks/ssr/app_0pljk5o._.js

@@ -0,0 +1,3 @@
+module.exports=[43515,a=>{"use strict";a.s(["formatUptime",0,function(a){let b=Math.floor(a/3600),c=Math.floor(a%3600/60);return b>0?`${b}h ${c}m`:`${c}m`},"timeAgo",0,function(a){if(!a)return"--";let b=Math.floor((Date.now()-new Date(a.replace(" ","T")+"Z").getTime())/1e3);return b<60?`${b}s ago`:b<3600?`${Math.floor(b/60)}m ago`:b<86400?`${Math.floor(b/3600)}h ago`:`${Math.floor(b/86400)}d ago`}])},29254,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(43515),e=a.i(22397);let f={register:"bg-green-500/10 text-green-300 border-green-500/20",login:"bg-blue-500/10 text-blue-300 border-blue-500/20",login_failed:"bg-red-500/10 text-red-300 border-red-500/20",create_network:"bg-purple-500/10 text-purple-300 border-purple-500/20",send_task:"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"};a.s(["default",0,function(){let{networkId:a}=(0,e.useNetworkId)(),[g,h]=(0,c.useState)([]),[i,j]=(0,c.useState)(!0),[k,l]=(0,c.useState)(""),[m,n]=(0,c.useState)(""),o=(0,c.useCallback)(async()=>{try{let b=new URLSearchParams({limit:"100"});a&&b.set("network_id",a),m&&b.set("action",m);let c=sessionStorage.getItem("anet_v3_auth");if(c)try{let a=JSON.parse(c);a.token&&b.set("token",a.token)}catch{}let d=await fetch(`/api/hub/audit-log?${b.toString()}`);if(401===d.status)return void window.location.assign("/login");let e=await d.json();h(e.logs||[]),l(e.error&&!e.logs?.length?e.error:"")}catch(a){l(a instanceof Error?a.message:"fetch failed")}finally{j(!1)}},[m,a]);return(0,c.useEffect)(()=>{j(!0),o();let a=setInterval(o,1e4);return()=>clearInterval(a)},[o]),(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white lg:ml-0 ml-10",children:"Logs"}),(0,b.jsx)("span",{className:"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30",children:"Audit Log"})]}),(0,b.jsx)("div",{className:"flex flex-wrap gap-3 mb-6",children:(0,b.jsxs)("select",{value:m,onChange:a=>n(a.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white focus:border-blue-500/50 focus:outline-none",children:[(0,b.jsx)("option",{value:"",children:"All actions"}),(0,b.jsx)("option",{value:"register",children:"register"}),(0,b.jsx)("option",{value:"login",children:"login"}),(0,b.jsx)("option",{value:"login_failed",children:"login_failed"}),(0,b.jsx)("option",{value:"create_network",children:"create_network"}),(0,b.jsx)("option",{value:"send_task",children:"send_task"})]})}),k&&(0,b.jsxs)("div",{className:"bg-yellow-900/20 border border-yellow-800/40 text-yellow-300 px-4 py-3 rounded-lg mb-6 text-sm",children:[k,(0,b.jsx)("span",{className:"text-xs text-gray-500 ml-2",children:"(Audit log may require V3 auth token)"})]}),i?(0,b.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2,3,4,5].map(a=>(0,b.jsx)("div",{className:"h-14 bg-gray-800/20 rounded-lg"},a))}):0===g.length?(0,b.jsxs)("div",{className:"text-center py-16",children:[(0,b.jsx)("div",{className:"text-gray-600 text-4xl mb-4",children:"--"}),(0,b.jsx)("h3",{className:"text-gray-400 text-lg font-medium mb-2",children:"No audit logs"}),(0,b.jsx)("p",{className:"text-gray-600 text-sm",children:"Events will appear here when users register, login, or perform actions."})]}):(0,b.jsx)("div",{className:"space-y-2",children:g.map(a=>(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 hover:border-[#3a3a5a] transition-colors",children:[(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mb-1",children:[(0,b.jsx)("span",{className:`text-xs px-2 py-0.5 rounded-md border ${f[a.action]||"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,children:a.action}),(0,b.jsx)("span",{className:"text-sm text-blue-400 font-medium",children:a.username||a.user_id}),a.target_type&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{className:"text-xs text-gray-600",children:"→"}),(0,b.jsxs)("span",{className:"text-xs text-gray-400",children:[a.target_type,a.target_id?`:${a.target_id.slice(0,12)}`:""]})]}),(0,b.jsx)("span",{className:"text-xs text-gray-600 ml-auto",children:(0,d.timeAgo)(a.created_at)})]}),a.detail&&(0,b.jsx)("div",{className:"text-xs text-gray-500",children:a.detail}),a.ip&&"unknown"!==a.ip&&(0,b.jsxs)("div",{className:"text-[10px] text-gray-700",children:["IP: ",a.ip]})]},a.id))})]})}])}];
+
+//# sourceMappingURL=app_0pljk5o._.js.map

package/.next/server/chunks/ssr/app_0pljk5o._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/components/utils.ts","../../../../app/logs/page.tsx"],"sourcesContent":["export function timeAgo(dateStr: string): string {\n  if (!dateStr) return '--';\n  const diff = Date.now() - new Date(dateStr.replace(' ', 'T') + 'Z').getTime();\n  const s = Math.floor(diff / 1000);\n  if (s < 60) return `${s}s ago`;\n  if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n  return `${Math.floor(s / 86400)}d ago`;\n}\n\nexport function statusColor(status: string, hasSse: boolean): string {\n  if (hasSse && status === 'working') return 'bg-green-500';\n  if (hasSse && status === 'idle') return 'bg-emerald-400';\n  if (hasSse) return 'bg-blue-400';\n  if (status === 'offline') return 'bg-gray-500';\n  return 'bg-yellow-400';\n}\n\nexport function formatUptime(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  if (h > 0) return `${h}h ${m}m`;\n  return `${m}m`;\n}\n","'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { timeAgo } from '../components/utils';\nimport { useNetworkId } from '../lib/network-context';\n\ninterface AuditLog {\n  id: string;\n  action: string;\n  user_id: string;\n  username: string;\n  target_type: string;\n  target_id: string;\n  detail: string;\n  ip: string;\n  created_at: string;\n}\n\nconst ACTION_COLORS: Record<string, string> = {\n  register: 'bg-green-500/10 text-green-300 border-green-500/20',\n  login: 'bg-blue-500/10 text-blue-300 border-blue-500/20',\n  login_failed: 'bg-red-500/10 text-red-300 border-red-500/20',\n  create_network: 'bg-purple-500/10 text-purple-300 border-purple-500/20',\n  send_task: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20',\n};\n\nexport default function LogsPage() {\n  const { networkId } = useNetworkId();\n  const [logs, setLogs] = useState<AuditLog[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const [filterAction, setFilterAction] = useState('');\n\n  const fetchLogs = useCallback(async () => {\n    try {\n      const params = new URLSearchParams({ limit: '100' });\n      if (networkId) params.set('network_id', networkId);\n      if (filterAction) params.set('action', filterAction);\n      // Pass V3 user token if logged in\n      const saved = sessionStorage.getItem('anet_v3_auth');\n      if (saved) {\n        try { const auth = JSON.parse(saved); if (auth.token) params.set('token', auth.token); } catch {}\n      }\n\n      const res = await fetch(`/api/hub/audit-log?${params.toString()}`);\n      if (res.status === 401) { window.location.assign('/login'); return; }\n      const data = await res.json();\n      setLogs(data.logs || []);\n      setError(data.error && !data.logs?.length ? data.error : '');\n    } catch (e: unknown) {\n      setError(e instanceof Error ? e.message : 'fetch failed');\n    } finally { setLoading(false); }\n  }, [filterAction, networkId]);\n\n  useEffect(() => {\n    setLoading(true);\n    fetchLogs();\n    const interval = setInterval(fetchLogs, 10000);\n    return () => clearInterval(interval);\n  }, [fetchLogs]);\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      <div className=\"flex items-center gap-4 mb-6\">\n        <h1 className=\"text-2xl font-bold text-white lg:ml-0 ml-10\">Logs</h1>\n        <span className=\"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30\">\n          Audit Log\n        </span>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3 mb-6\">\n        <select\n          value={filterAction}\n          onChange={e => setFilterAction(e.target.value)}\n          className=\"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white focus:border-blue-500/50 focus:outline-none\"\n        >\n          <option value=\"\">All actions</option>\n          <option value=\"register\">register</option>\n          <option value=\"login\">login</option>\n          <option value=\"login_failed\">login_failed</option>\n          <option value=\"create_network\">create_network</option>\n          <option value=\"send_task\">send_task</option>\n        </select>\n      </div>\n\n      {error && (\n        <div className=\"bg-yellow-900/20 border border-yellow-800/40 text-yellow-300 px-4 py-3 rounded-lg mb-6 text-sm\">\n          {error}\n          <span className=\"text-xs text-gray-500 ml-2\">(Audit log may require V3 auth token)</span>\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"animate-pulse space-y-2\">\n          {[1,2,3,4,5].map(i => <div key={i} className=\"h-14 bg-gray-800/20 rounded-lg\" />)}\n        </div>\n      ) : logs.length === 0 ? (\n        <div className=\"text-center py-16\">\n          <div className=\"text-gray-600 text-4xl mb-4\">--</div>\n          <h3 className=\"text-gray-400 text-lg font-medium mb-2\">No audit logs</h3>\n          <p className=\"text-gray-600 text-sm\">Events will appear here when users register, login, or perform actions.</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {logs.map(log => (\n            <div key={log.id} className=\"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 hover:border-[#3a3a5a] transition-colors\">\n              <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                <span className={`text-xs px-2 py-0.5 rounded-md border ${ACTION_COLORS[log.action] || 'bg-gray-500/10 text-gray-400 border-gray-500/20'}`}>\n                  {log.action}\n                </span>\n                <span className=\"text-sm text-blue-400 font-medium\">{log.username || log.user_id}</span>\n                {log.target_type && (\n                  <>\n                    <span className=\"text-xs text-gray-600\">&rarr;</span>\n                    <span className=\"text-xs text-gray-400\">{log.target_type}{log.target_id ? `:${log.target_id.slice(0, 12)}` : ''}</span>\n                  </>\n                )}\n                <span className=\"text-xs text-gray-600 ml-auto\">{timeAgo(log.created_at)}</span>\n              </div>\n              {log.detail && <div className=\"text-xs text-gray-500\">{log.detail}</div>}\n              {log.ip && log.ip !== 'unknown' && <div className=\"text-[10px] text-gray-700\">IP: {log.ip}</div>}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["timeAgo","dateStr","diff","Date","now","replace","getTime","s","Math","floor","statusColor","status","hasSse","formatUptime","seconds","h","m","ACTION_COLORS","register","login","login_failed","create_network","send_task","LogsPage","networkId","logs","setLogs","loading","setLoading","error","setError","filterAction","setFilterAction","fetchLogs","params","URLSearchParams","limit","set","saved","sessionStorage","getItem","auth","JSON","parse","token","res","fetch","toString","window","location","assign","data","json","length","e","Error","message","interval","setInterval","clearInterval","className","value","onChange","target","map","i","log","action","username","user_id","target_type","target_id","slice","created_at","detail","ip","id"],"mappings":"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"}

package/.next/server/chunks/ssr/app_11vl967._.js

@@ -0,0 +1,3 @@
+module.exports=[43515,a=>{"use strict";a.s(["formatUptime",0,function(a){let b=Math.floor(a/3600),c=Math.floor(a%3600/60);return b>0?`${b}h ${c}m`:`${c}m`},"timeAgo",0,function(a){if(!a)return"--";let b=Math.floor((Date.now()-new Date(a.replace(" ","T")+"Z").getTime())/1e3);return b<60?`${b}s ago`:b<3600?`${Math.floor(b/60)}m ago`:b<86400?`${Math.floor(b/3600)}h ago`:`${Math.floor(b/86400)}d ago`}])},40083,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(72596),f=a.i(43515);let g=async a=>{let b=await fetch(a);if(401===b.status)throw window.location.assign("/login"),Error("unauthorized");return b.json()};function h({steps:a}){return a.filter(a=>a.time).length,(0,b.jsx)("div",{className:"relative",children:a.map((c,d)=>{let e=!!c.time,g=d===a.length-1;return(0,b.jsxs)("div",{className:"flex gap-4 pb-6 last:pb-0",children:[(0,b.jsxs)("div",{className:"flex flex-col items-center",children:[(0,b.jsx)("div",{className:`w-3 h-3 rounded-full border-2 shrink-0 ${e?`${c.color} border-current`:"border-gray-700 bg-transparent"}`}),!g&&(0,b.jsx)("div",{className:`w-0.5 flex-1 mt-1 ${e&&a[d+1]?.time?"bg-cyan-500/40":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"min-w-0 -mt-0.5",children:[(0,b.jsx)("div",{className:`text-sm font-medium ${e?"text-gray-200":"text-gray-600"}`,children:c.label}),(0,b.jsx)("div",{className:"text-xs text-gray-500",children:c.time?`${(0,f.timeAgo)(c.time)} — ${c.time}`:"Pending"})]})]},c.label)})})}let i={created:"bg-gray-500/10 text-gray-400 border-gray-500/20",delivered:"bg-blue-500/10 text-blue-300 border-blue-500/20",acked:"bg-cyan-500/10 text-cyan-300 border-cyan-500/20",running:"bg-green-500/10 text-green-300 border-green-500/20",replied:"bg-purple-500/10 text-purple-300 border-purple-500/20",closed:"bg-gray-500/10 text-gray-500 border-gray-500/20",failed:"bg-red-500/10 text-red-300 border-red-500/20",cancelled:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",expired:"bg-orange-500/10 text-orange-300 border-orange-500/20"};a.s(["default",0,function({params:a}){let{id:j}=(0,c.use)(a),{data:k,isLoading:l}=(0,e.default)(`/api/hub/tasks?task_id=${encodeURIComponent(j)}`,g,{refreshInterval:5e3}),{data:m}=(0,e.default)(`/api/hub/task-events?task_id=${encodeURIComponent(j)}&limit=50`,g,{refreshInterval:1e4}),n=k?.tasks?.[0];if(l)return(0,b.jsx)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:(0,b.jsxs)("div",{className:"animate-pulse space-y-4",children:[(0,b.jsx)("div",{className:"h-8 w-48 bg-gray-800 rounded"}),(0,b.jsx)("div",{className:"h-64 bg-gray-800/20 rounded-lg"})]})});if(!n)return(0,b.jsx)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono flex items-center justify-center",children:(0,b.jsxs)("div",{className:"text-center",children:[(0,b.jsx)("div",{className:"text-gray-600 text-4xl mb-4",children:"--"}),(0,b.jsx)("p",{className:"text-gray-400",children:"Task not found"}),(0,b.jsx)(d.default,{href:"/tasks",className:"text-cyan-400 text-sm mt-2 inline-block",children:"Back to tasks"})]})});let o=i[n.status]||i.created,p=[{label:"Created",time:n.created_at,color:"text-gray-400"},{label:"Delivered",time:n.delivered_at,color:"text-blue-400"},{label:"Started",time:n.started_at,color:"text-green-400"},{label:"Completed",time:n.completed_at,color:"text-purple-400"}];return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,b.jsx)(d.default,{href:"/tasks",className:"text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10",children:"← Tasks"}),(0,b.jsx)("h1",{className:"text-xl font-bold text-white truncate",children:"Task Detail"}),(0,b.jsx)("span",{className:`text-xs px-2 py-0.5 rounded-md border ${o}`,children:n.status})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:[(0,b.jsxs)("div",{className:"space-y-4",children:[(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Timeline"}),(0,b.jsx)(h,{steps:p})]}),(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-3",children:"Info"}),(0,b.jsx)("div",{className:"space-y-2 text-xs",children:[["Task ID",n.task_id],["From",n.from_name],["To",n.to_name],["Priority",n.priority],["Status",n.status],["Expires",n.expires_at]].map(([a,c])=>(0,b.jsxs)("div",{className:"flex justify-between",children:[(0,b.jsx)("span",{className:"text-gray-500",children:a}),(0,b.jsx)("span",{className:"text-gray-300 truncate max-w-[200px]",title:String(c||""),children:String(c||"--")})]},a))})]})]}),(0,b.jsxs)("div",{className:"lg:col-span-2 space-y-4",children:[(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-2",children:"Content"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-4 py-3 border border-[#1a1a2a]",children:n.content||"--"})]}),n.result&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-2",children:"Result"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-4 py-3 border border-[#1a1a2a] max-h-96 overflow-y-auto",children:n.result})]}),m?.events&&m.events.length>0&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-3",children:["Events (",m.events.length,")"]}),(0,b.jsx)("div",{className:"space-y-2 max-h-64 overflow-y-auto",children:m.events.map((a,c)=>(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"running"===a.to_status?"bg-green-400":"replied"===a.to_status?"bg-purple-400":"failed"===a.to_status?"bg-red-400":"bg-blue-400"}`}),(0,b.jsx)("span",{className:"text-gray-400",children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"text-gray-600",children:[a.from_status," → ",a.to_status]}),(0,b.jsx)("span",{className:"text-gray-600 ml-auto shrink-0",children:(0,f.timeAgo)(a.created_at)})]},a.id||c))})]})]})]})]})}])}];
+
+//# sourceMappingURL=app_11vl967._.js.map

package/.next/server/chunks/ssr/app_11vl967._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/components/utils.ts","../../../../app/tasks/%5Bid%5D/page.tsx"],"sourcesContent":["export function timeAgo(dateStr: string): string {\n  if (!dateStr) return '--';\n  const diff = Date.now() - new Date(dateStr.replace(' ', 'T') + 'Z').getTime();\n  const s = Math.floor(diff / 1000);\n  if (s < 60) return `${s}s ago`;\n  if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n  return `${Math.floor(s / 86400)}d ago`;\n}\n\nexport function statusColor(status: string, hasSse: boolean): string {\n  if (hasSse && status === 'working') return 'bg-green-500';\n  if (hasSse && status === 'idle') return 'bg-emerald-400';\n  if (hasSse) return 'bg-blue-400';\n  if (status === 'offline') return 'bg-gray-500';\n  return 'bg-yellow-400';\n}\n\nexport function formatUptime(seconds: number): string {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  if (h > 0) return `${h}h ${m}m`;\n  return `${m}m`;\n}\n","'use client';\n\nimport { use } from 'react';\nimport Link from 'next/link';\nimport useSWR from 'swr';\nimport { timeAgo } from '../../components/utils';\n\nconst fetcher = async (url: string) => {\n  const res = await fetch(url);\n  if (res.status === 401) { window.location.assign('/login'); throw new Error('unauthorized'); }\n  return res.json();\n};\n\ninterface TimelineStep {\n  label: string;\n  time: string | null;\n  color: string;\n}\n\nfunction Timeline({ steps }: { steps: TimelineStep[] }) {\n  const activeCount = steps.filter(s => s.time).length;\n\n  return (\n    <div className=\"relative\">\n      {steps.map((step, i) => {\n        const done = !!step.time;\n        const isLast = i === steps.length - 1;\n\n        return (\n          <div key={step.label} className=\"flex gap-4 pb-6 last:pb-0\">\n            {/* Line + dot */}\n            <div className=\"flex flex-col items-center\">\n              <div className={`w-3 h-3 rounded-full border-2 shrink-0 ${\n                done ? `${step.color} border-current` : 'border-gray-700 bg-transparent'\n              }`} />\n              {!isLast && (\n                <div className={`w-0.5 flex-1 mt-1 ${\n                  done && steps[i + 1]?.time ? 'bg-cyan-500/40' : 'bg-gray-800'\n                }`} />\n              )}\n            </div>\n            {/* Content */}\n            <div className=\"min-w-0 -mt-0.5\">\n              <div className={`text-sm font-medium ${done ? 'text-gray-200' : 'text-gray-600'}`}>\n                {step.label}\n              </div>\n              <div className=\"text-xs text-gray-500\">\n                {step.time ? `${timeAgo(step.time)} — ${step.time}` : 'Pending'}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nconst STATUS_COLORS: Record<string, string> = {\n  created: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n  delivered: 'bg-blue-500/10 text-blue-300 border-blue-500/20',\n  acked: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20',\n  running: 'bg-green-500/10 text-green-300 border-green-500/20',\n  replied: 'bg-purple-500/10 text-purple-300 border-purple-500/20',\n  closed: 'bg-gray-500/10 text-gray-500 border-gray-500/20',\n  failed: 'bg-red-500/10 text-red-300 border-red-500/20',\n  cancelled: 'bg-yellow-500/10 text-yellow-300 border-yellow-500/20',\n  expired: 'bg-orange-500/10 text-orange-300 border-orange-500/20',\n};\n\nexport default function TaskDetailPage({ params }: { params: Promise<{ id: string }> }) {\n  const { id } = use(params);\n  const { data, isLoading } = useSWR(\n    `/api/hub/tasks?task_id=${encodeURIComponent(id)}`,\n    fetcher,\n    { refreshInterval: 5000 },\n  );\n  const { data: eventsData } = useSWR(\n    `/api/hub/task-events?task_id=${encodeURIComponent(id)}&limit=50`,\n    fetcher,\n    { refreshInterval: 10000 },\n  );\n\n  const task = data?.tasks?.[0];\n\n  if (isLoading) {\n    return (\n      <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-8 w-48 bg-gray-800 rounded\" />\n          <div className=\"h-64 bg-gray-800/20 rounded-lg\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!task) {\n    return (\n      <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono flex items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"text-gray-600 text-4xl mb-4\">--</div>\n          <p className=\"text-gray-400\">Task not found</p>\n          <Link href=\"/tasks\" className=\"text-cyan-400 text-sm mt-2 inline-block\">Back to tasks</Link>\n        </div>\n      </div>\n    );\n  }\n\n  const statusColor = STATUS_COLORS[task.status] || STATUS_COLORS.created;\n  const steps: TimelineStep[] = [\n    { label: 'Created', time: task.created_at, color: 'text-gray-400' },\n    { label: 'Delivered', time: task.delivered_at, color: 'text-blue-400' },\n    { label: 'Started', time: task.started_at, color: 'text-green-400' },\n    { label: 'Completed', time: task.completed_at, color: 'text-purple-400' },\n  ];\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      <div className=\"flex items-center gap-4 mb-6\">\n        <Link href=\"/tasks\" className=\"text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10\">&larr; Tasks</Link>\n        <h1 className=\"text-xl font-bold text-white truncate\">Task Detail</h1>\n        <span className={`text-xs px-2 py-0.5 rounded-md border ${statusColor}`}>{task.status}</span>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        {/* Left: Timeline + Info */}\n        <div className=\"space-y-4\">\n          <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n            <h2 className=\"text-sm font-semibold text-gray-300 mb-4\">Timeline</h2>\n            <Timeline steps={steps} />\n          </div>\n\n          <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n            <h2 className=\"text-sm font-semibold text-gray-300 mb-3\">Info</h2>\n            <div className=\"space-y-2 text-xs\">\n              {[\n                ['Task ID', task.task_id],\n                ['From', task.from_name],\n                ['To', task.to_name],\n                ['Priority', task.priority],\n                ['Status', task.status],\n                ['Expires', task.expires_at],\n              ].map(([label, val]) => (\n                <div key={label as string} className=\"flex justify-between\">\n                  <span className=\"text-gray-500\">{label}</span>\n                  <span className=\"text-gray-300 truncate max-w-[200px]\" title={String(val || '')}>{String(val || '--')}</span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {/* Right: Content + Result */}\n        <div className=\"lg:col-span-2 space-y-4\">\n          <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n            <h2 className=\"text-sm font-semibold text-gray-300 mb-2\">Content</h2>\n            <div className=\"text-sm text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-4 py-3 border border-[#1a1a2a]\">\n              {task.content || '--'}\n            </div>\n          </div>\n\n          {task.result && (\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <h2 className=\"text-sm font-semibold text-gray-300 mb-2\">Result</h2>\n              <div className=\"text-sm text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-4 py-3 border border-[#1a1a2a] max-h-96 overflow-y-auto\">\n                {task.result}\n              </div>\n            </div>\n          )}\n\n          {/* Task Events */}\n          {eventsData?.events && eventsData.events.length > 0 && (\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <h2 className=\"text-sm font-semibold text-gray-300 mb-3\">Events ({eventsData.events.length})</h2>\n              <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n                {eventsData.events.map((e: { id: number; event_type: string; from_status: string; to_status: string; detail: string; created_at: string }, i: number) => (\n                  <div key={e.id || i} className=\"flex items-center gap-2 text-xs\">\n                    <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${\n                      e.to_status === 'running' ? 'bg-green-400' : e.to_status === 'replied' ? 'bg-purple-400' : e.to_status === 'failed' ? 'bg-red-400' : 'bg-blue-400'\n                    }`} />\n                    <span className=\"text-gray-400\">{e.event_type}</span>\n                    {e.from_status && <span className=\"text-gray-600\">{e.from_status} → {e.to_status}</span>}\n                    <span className=\"text-gray-600 ml-auto shrink-0\">{timeAgo(e.created_at)}</span>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["timeAgo","dateStr","diff","Date","now","replace","getTime","s","Math","floor","statusColor","status","hasSse","formatUptime","seconds","h","m","fetcher","url","res","fetch","window","location","assign","Error","json","Timeline","steps","activeCount","filter","time","length","className","map","step","i","done","isLast","color","label","STATUS_COLORS","created","delivered","acked","running","replied","closed","failed","cancelled","expired","TaskDetailPage","params","id","data","isLoading","encodeURIComponent","refreshInterval","eventsData","task","tasks","href","created_at","delivered_at","started_at","completed_at","task_id","from_name","to_name","priority","expires_at","val","title","String","content","result","events","e","to_status","event_type","from_status"],"mappings":"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"}

package/.next/server/chunks/ssr/app_docs_page_tsx_0a3qz3_._.js

@@ -0,0 +1,45 @@
+module.exports=[19407,a=>{"use strict";var b=a.i(87924),c=a.i(72131);let d=[{id:"overview",label:"概览"},{id:"login",label:"登录与注册"},{id:"dashboard",label:"Overview 首页"},{id:"chat",label:"ChatPanel 对话"},{id:"nodes",label:"Nodes 节点管理"},{id:"tasks",label:"Tasks 任务流水"},{id:"messages",label:"Messages 消息"},{id:"networks",label:"Networks 网络管理"},{id:"admin",label:"Admin 管理"},{id:"cli",label:"CLI 命令参考"},{id:"config",label:"配置说明"},{id:"api",label:"API 参考"},{id:"faq",label:"常见问题"}];function e({id:a,title:c,children:d}){return(0,b.jsxs)("section",{id:a,className:"mb-12 scroll-mt-8",children:[(0,b.jsx)("h2",{className:"text-xl font-bold text-white mb-4 pb-2 border-b border-[#2a2a4a]",children:c}),(0,b.jsx)("div",{className:"text-gray-300 text-sm leading-relaxed space-y-3",children:d})]})}function f({children:a,lang:d}){let[e,g]=(0,c.useState)(!1);return(0,b.jsxs)("div",{className:"mt-3 rounded-xl overflow-hidden border border-[#2a2a4a]",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between bg-[#0d0d1a] px-4 py-1.5 border-b border-[#2a2a4a]",children:[(0,b.jsx)("span",{className:"text-[10px] text-gray-600",children:d||"code"}),(0,b.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(a),g(!0),setTimeout(()=>g(!1),2e3)},className:"text-[10px] text-gray-500 hover:text-gray-300 transition-colors",children:e?"✓ Copied":"Copy"})]}),(0,b.jsx)("pre",{className:"bg-[#050510] px-4 py-3 text-[12px] text-green-300 overflow-x-auto leading-relaxed",children:(0,b.jsx)("code",{children:a})})]})}function g({steps:a}){return(0,b.jsx)("div",{className:"mt-3 space-y-2",children:a.map((c,d)=>(0,b.jsxs)("div",{className:"flex gap-3",children:[(0,b.jsxs)("div",{className:"flex flex-col items-center",children:[(0,b.jsx)("div",{className:"w-6 h-6 rounded-full bg-cyan-500/20 border border-cyan-500/30 flex items-center justify-center text-[10px] text-cyan-300 font-bold shrink-0",children:d+1}),d<a.length-1&&(0,b.jsx)("div",{className:"w-0.5 flex-1 mt-1 bg-[#2a2a4a]"})]}),(0,b.jsx)("div",{className:"text-sm text-gray-300 pt-0.5",children:c})]},d))})}function h({features:a}){return(0,b.jsx)("div",{className:"mt-3 grid grid-cols-1 sm:grid-cols-2 gap-2",children:a.map(a=>(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3",children:[(0,b.jsx)("div",{className:"text-sm text-white font-medium",children:a.title}),(0,b.jsx)("div",{className:"text-xs text-gray-500 mt-0.5",children:a.desc})]},a.title))})}function i({children:a,type:c}){return(0,b.jsxs)("div",{className:`mt-3 px-4 py-2.5 rounded-xl border text-xs ${"warning"===c?"border-yellow-500/20 bg-yellow-500/5 text-yellow-300":"border-blue-500/20 bg-blue-500/5 text-blue-300"}`,children:["warning"===c?"⚠️ ":"ℹ️ ",a]})}function j({q:a,a:d}){let[e,f]=(0,c.useState)(!1);return(0,b.jsxs)("div",{className:"mb-2 bg-[#111128] rounded-xl border border-[#2a2a4a] overflow-hidden",children:[(0,b.jsxs)("button",{onClick:()=>f(!e),className:"w-full flex items-center justify-between px-4 py-3 text-left",children:[(0,b.jsx)("span",{className:"text-sm text-cyan-400 font-medium",children:a}),(0,b.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${e?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),e&&(0,b.jsx)("div",{className:"px-4 pb-3 text-sm text-gray-400",children:d})]})}a.s(["default",0,function(){let[a,k]=(0,c.useState)("overview"),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)("");(0,c.useEffect)(()=>{let a=new IntersectionObserver(a=>{a.forEach(a=>{a.isIntersecting&&k(a.target.id)})},{rootMargin:"-20% 0px -70% 0px"});return d.forEach(b=>{let c=document.getElementById(b.id);c&&a.observe(c)}),()=>a.disconnect()},[]);let p=n?d.filter(a=>a.label.toLowerCase().includes(n.toLowerCase())):d;return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 font-mono flex",children:[(0,b.jsxs)("aside",{className:"hidden lg:block w-64 shrink-0 border-r border-[#2a2a4a] bg-[#0d0d1a] sticky top-0 h-screen overflow-y-auto",children:[(0,b.jsxs)("div",{className:"p-4 border-b border-[#2a2a4a]",children:[(0,b.jsx)("h2",{className:"text-sm font-bold text-white",children:"文档"}),(0,b.jsx)("p",{className:"text-[10px] text-gray-600 mt-0.5",children:"Agent Network Dashboard"})]}),(0,b.jsx)("div",{className:"px-3 py-2",children:(0,b.jsx)("input",{type:"text",value:n,onChange:a=>o(a.target.value),placeholder:"搜索文档...",className:"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-1.5 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"})}),(0,b.jsx)("nav",{className:"px-2 pb-4",children:p.map(c=>(0,b.jsx)("a",{href:`#${c.id}`,className:`block px-3 py-1.5 rounded-lg text-xs transition-colors ${a===c.id?"bg-cyan-500/10 text-cyan-300 border-l-2 border-cyan-400":"text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]"}`,children:c.label},c.id))})]}),(0,b.jsx)("button",{onClick:()=>m(!l),className:"lg:hidden fixed bottom-4 right-4 z-50 w-12 h-12 bg-cyan-600 rounded-full shadow-lg flex items-center justify-center text-white",children:(0,b.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 6h16M4 12h16M4 18h7"})})}),l&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"lg:hidden fixed inset-0 bg-black/50 z-40",onClick:()=>m(!1)}),(0,b.jsxs)("div",{className:"lg:hidden fixed left-0 top-0 h-full w-64 bg-[#0d0d1a] border-r border-[#2a2a4a] z-50 overflow-y-auto p-4",children:[(0,b.jsx)("h2",{className:"text-sm font-bold text-white mb-3",children:"目录"}),d.map(c=>(0,b.jsx)("a",{href:`#${c.id}`,onClick:()=>m(!1),className:`block px-3 py-2 rounded-lg text-sm ${a===c.id?"text-cyan-300 bg-cyan-500/10":"text-gray-400"}`,children:c.label},c.id))]})]}),(0,b.jsxs)("main",{className:"flex-1 max-w-3xl mx-auto px-4 sm:px-8 py-8 lg:ml-0 ml-10",children:[(0,b.jsx)("h1",{className:"text-3xl font-bold text-white mb-1",children:"Agent Network Dashboard"}),(0,b.jsx)("p",{className:"text-gray-500 text-sm mb-10",children:"企业级 AI Agent 军团管控平台 · 使用指南"}),(0,b.jsxs)(e,{id:"overview",title:"概览",children:[(0,b.jsx)("p",{children:"Agent Network 是基于 MCP (Model Context Protocol) 的多智能体协作基础设施。通过 CommHub Server 实现 Agent 间的任务派发、状态同步、消息路由。"}),(0,b.jsx)(g,{steps:["查看所有 Agent 节点的实时状态","通过 ChatPanel 直接与任意 Agent 对话","派发任务、查看执行结果","管理网络、成员、权限","查看审计日志和通信记录"]})]}),(0,b.jsxs)(e,{id:"login",title:"登录与注册",children:[(0,b.jsx)("p",{children:"首次使用需注册账号。第一个注册的用户自动成为 admin。"}),(0,b.jsx)(f,{lang:"bash",children:`# 注册
+Username: 自定义
+Password: 至少 6 位
+
+# 登录后自动跳转到 Overview 首页`}),(0,b.jsx)(i,{type:"warning",children:"HTTP 环境下 cookie 不带 Secure 标志（已适配 Docker 场景）。"})]}),(0,b.jsxs)(e,{id:"dashboard",title:"Overview 首页",children:[(0,b.jsx)("p",{children:"首页展示军团全貌："}),(0,b.jsx)(h,{features:[{title:"Stats 卡片",desc:"Online / Working / Offline / Total 实时计数"},{title:"拓扑图",desc:"节点关系可视化（桌面端）"},{title:"Agent 卡片",desc:"alias、status、runtime、SSE 状态"},{title:"Chat 按钮",desc:"点击任意卡片发任务"},{title:"⚡ Dispatch",desc:"多选 Agent 批量派发"},{title:"Quick Actions",desc:"Nodes / Tasks / Messages 快速跳转"}]})]}),(0,b.jsxs)(e,{id:"chat",title:"ChatPanel 对话",children:[(0,b.jsxs)("p",{children:["点击 Agent 卡片上的 ",(0,b.jsx)("span",{className:"text-cyan-400 font-medium",children:"Chat"})," 按钮打开聊天面板："]}),(0,b.jsx)(g,{steps:["输入任务内容 → Cmd+Enter 或点 Send 发送","实时状态追踪：created → delivered → running → replied","回复内容支持 Markdown 渲染（代码块、粗体）","输入 @ 可选择其他节点，跨节点通信","CommandCenter：多 tab 并行与多个 Agent 对话"]})]}),(0,b.jsxs)(e,{id:"nodes",title:"Nodes 节点管理",children:[(0,b.jsxs)("p",{children:["查看所有在线节点。支持 ",(0,b.jsx)("span",{className:"text-cyan-400",children:"Grid"})," / ",(0,b.jsx)("span",{className:"text-cyan-400",children:"List"})," 视图。"]}),(0,b.jsx)("p",{className:"mt-2",children:"点击节点进入详情页，三个 Tab："}),(0,b.jsx)(h,{features:[{title:"💬 Chat",desc:"与该节点对话（全宽聊天区域）"},{title:"📋 Events",desc:"任务事件时间线（分组、颜色编码）"},{title:"📊 Info",desc:"Runtime / Model / Server / Session ID"}]})]}),(0,b.jsx)(e,{id:"tasks",title:"Tasks 任务流水",children:(0,b.jsx)(g,{steps:["Tab 筛选：All / created / delivered / running / replied / failed","按 From / To 节点过滤","点击展开 TaskDrawer：输入、输出、时长、事件时间线","Failed 任务一键 Retry"]})}),(0,b.jsx)(e,{id:"messages",title:"Messages 消息",children:(0,b.jsx)(h,{features:[{title:"Timeline / Grouped",desc:"按时间线或对话对分组"},{title:"类型过滤",desc:"task / message / broadcast / reply"},{title:"搜索高亮",desc:"关键词黄色高亮"},{title:"导出 MD",desc:"下载 Markdown 格式"}]})}),(0,b.jsxs)(e,{id:"networks",title:"Networks 网络管理",children:[(0,b.jsx)("p",{children:"不同网络的 Agent 互不可见。"}),(0,b.jsx)(g,{steps:["创建网络（名称 + 描述）","管理成员（owner / admin / member / viewer）","侧栏点击切换网络","生成邀请码分享"]})]}),(0,b.jsx)(e,{id:"admin",title:"Admin 管理",children:(0,b.jsx)(h,{features:[{title:"Broadcast",desc:"群发消息给所有在线节点"},{title:"DispatchPanel",desc:"多选 Agent 批量派发任务"},{title:"User Register",desc:"注册新用户"},{title:"Stats",desc:"系统统计概览"}]})}),(0,b.jsx)(e,{id:"cli",title:"CLI 命令参考",children:(0,b.jsx)(f,{lang:"bash",children:`# 安装
+npm i -g @sleep2agi/agent-network
+
+# 快速开始
+anet quickstart
+
+# 创建 + 启动节点
+anet create my-bot --runtime codex-sdk
+anet start my-bot
+
+# 网络管理
+anet network create my-project
+anet network invite <network-id>
+anet network join <invite-code>
+
+# 状态
+anet whoami
+anet status`})}),(0,b.jsxs)(e,{id:"config",title:"配置说明",children:[(0,b.jsx)("p",{children:"优先级：CLI 参数 > 环境变量 > 项目 config > 全局 config"}),(0,b.jsx)(f,{lang:"json",children:`// ~/.anet/config.json
+{
+  "hub": "http://127.0.0.1:9200",
+  "token": "ntok_xxx"
+}
+
+// 节点配置 .anet/nodes/<name>/config.json
+{
+  "runtime": "codex-sdk",
+  "model": "gpt-5.4",
+  "tools": ["Read", "Write", "Bash"]
+}`}),(0,b.jsx)(f,{lang:"bash",children:`# 环境变量
+COMMHUB_URL=http://127.0.0.1:9200
+COMMHUB_TOKEN=ntok_xxx`})]}),(0,b.jsxs)(e,{id:"api",title:"API 参考",children:[(0,b.jsx)("h3",{className:"text-base font-semibold text-white mt-4 mb-3",children:"MCP Tools"}),(0,b.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-2",children:[["report_status","心跳 + 状态上报"],["report_completion","任务完成汇报"],["get_inbox","拉取待办"],["ack_inbox","确认收到"],["send_task","派发任务"],["send_message","发消息"],["send_reply","回复任务"],["broadcast","群发"],["get_all_status","全局状态"],["get_session_status","单节点状态"],["retry_task","重试任务"],["cancel_task","取消任务"]].map(([a,c])=>(0,b.jsxs)("div",{className:"flex items-center gap-3 bg-[#111128] rounded-lg px-3 py-2 border border-[#2a2a4a]",children:[(0,b.jsx)("code",{className:"text-cyan-400 text-xs shrink-0",children:a}),(0,b.jsx)("span",{className:"text-gray-500 text-xs",children:c})]},a))}),(0,b.jsx)("h3",{className:"text-base font-semibold text-white mt-6 mb-3",children:"REST API"}),(0,b.jsx)(f,{lang:"http",children:`POST /api/auth/register   — 注册
+POST /api/auth/login      — 登录
+GET  /api/auth/me          — 当前用户
+GET  /api/status           — 全局状态
+GET  /api/tasks            — 任务列表
+GET  /api/nodes            — 节点列表
+GET  /api/stats            — 统计
+GET  /api/audit-log        — 审计日志
+GET  /health               — 健康检查`})]}),(0,b.jsxs)(e,{id:"faq",title:"常见问题",children:[(0,b.jsx)(j,{q:"ChatPanel 发消息没反应？",a:"检查节点是否在线（Overview 页绿色圆点）。MiniMax 节点响应较慢（30-60秒正常）。"}),(0,b.jsx)(j,{q:"Tasks 页为空？",a:"确保通过 ChatPanel 或 MCP send_task 发送过任务。"}),(0,b.jsx)(j,{q:"切换网络后数据为空？",a:"新网络没有 Agent 注册。需要用该网络的 ntok_ 启动 Agent。"}),(0,b.jsx)(j,{q:"侧栏看不到新建的网络？",a:"侧栏每 15s 自动刷新。稍等或手动刷新页面。"}),(0,b.jsx)(j,{q:"Codex 节点报错？",a:"宿主机执行 codex auth login 刷新 token。"})]}),(0,b.jsx)("div",{className:"mt-16 pt-6 border-t border-[#2a2a4a] text-center text-xs text-gray-600",children:"Agent Network Dashboard · Powered by CommHub V3"})]})]})}])}];
+
+//# sourceMappingURL=app_docs_page_tsx_0a3qz3_._.js.map

package/.next/server/chunks/ssr/app_docs_page_tsx_0a3qz3_._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/docs/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef } from 'react';\n\nconst TOC = [\n  { id: 'overview', label: '概览' },\n  { id: 'login', label: '登录与注册' },\n  { id: 'dashboard', label: 'Overview 首页' },\n  { id: 'chat', label: 'ChatPanel 对话' },\n  { id: 'nodes', label: 'Nodes 节点管理' },\n  { id: 'tasks', label: 'Tasks 任务流水' },\n  { id: 'messages', label: 'Messages 消息' },\n  { id: 'networks', label: 'Networks 网络管理' },\n  { id: 'admin', label: 'Admin 管理' },\n  { id: 'cli', label: 'CLI 命令参考' },\n  { id: 'config', label: '配置说明' },\n  { id: 'api', label: 'API 参考' },\n  { id: 'faq', label: '常见问题' },\n];\n\nexport default function DocsPage() {\n  const [active, setActive] = useState('overview');\n  const [tocOpen, setTocOpen] = useState(false);\n  const [search, setSearch] = useState('');\n\n  // Scroll spy\n  useEffect(() => {\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(e => { if (e.isIntersecting) setActive(e.target.id); });\n    }, { rootMargin: '-20% 0px -70% 0px' });\n    TOC.forEach(t => { const el = document.getElementById(t.id); if (el) observer.observe(el); });\n    return () => observer.disconnect();\n  }, []);\n\n  const filteredToc = search ? TOC.filter(t => t.label.toLowerCase().includes(search.toLowerCase())) : TOC;\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 font-mono flex\">\n      {/* Left sidebar TOC — desktop */}\n      <aside className=\"hidden lg:block w-64 shrink-0 border-r border-[#2a2a4a] bg-[#0d0d1a] sticky top-0 h-screen overflow-y-auto\">\n        <div className=\"p-4 border-b border-[#2a2a4a]\">\n          <h2 className=\"text-sm font-bold text-white\">文档</h2>\n          <p className=\"text-[10px] text-gray-600 mt-0.5\">Agent Network Dashboard</p>\n        </div>\n        <div className=\"px-3 py-2\">\n          <input type=\"text\" value={search} onChange={e => setSearch(e.target.value)} placeholder=\"搜索文档...\"\n            className=\"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-1.5 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none\" />\n        </div>\n        <nav className=\"px-2 pb-4\">\n          {filteredToc.map(t => (\n            <a key={t.id} href={`#${t.id}`}\n              className={`block px-3 py-1.5 rounded-lg text-xs transition-colors ${\n                active === t.id ? 'bg-cyan-500/10 text-cyan-300 border-l-2 border-cyan-400' : 'text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]'\n              }`}>{t.label}</a>\n          ))}\n        </nav>\n      </aside>\n\n      {/* Mobile TOC toggle */}\n      <button onClick={() => setTocOpen(!tocOpen)}\n        className=\"lg:hidden fixed bottom-4 right-4 z-50 w-12 h-12 bg-cyan-600 rounded-full shadow-lg flex items-center justify-center text-white\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n        </svg>\n      </button>\n      {tocOpen && (\n        <>\n          <div className=\"lg:hidden fixed inset-0 bg-black/50 z-40\" onClick={() => setTocOpen(false)} />\n          <div className=\"lg:hidden fixed left-0 top-0 h-full w-64 bg-[#0d0d1a] border-r border-[#2a2a4a] z-50 overflow-y-auto p-4\">\n            <h2 className=\"text-sm font-bold text-white mb-3\">目录</h2>\n            {TOC.map(t => (\n              <a key={t.id} href={`#${t.id}`} onClick={() => setTocOpen(false)}\n                className={`block px-3 py-2 rounded-lg text-sm ${active === t.id ? 'text-cyan-300 bg-cyan-500/10' : 'text-gray-400'}`}>{t.label}</a>\n            ))}\n          </div>\n        </>\n      )}\n\n      {/* Content */}\n      <main className=\"flex-1 max-w-3xl mx-auto px-4 sm:px-8 py-8 lg:ml-0 ml-10\">\n        <h1 className=\"text-3xl font-bold text-white mb-1\">Agent Network Dashboard</h1>\n        <p className=\"text-gray-500 text-sm mb-10\">企业级 AI Agent 军团管控平台 · 使用指南</p>\n\n        <Section id=\"overview\" title=\"概览\">\n          <p>Agent Network 是基于 MCP (Model Context Protocol) 的多智能体协作基础设施。通过 CommHub Server 实现 Agent 间的任务派发、状态同步、消息路由。</p>\n          <StepList steps={['查看所有 Agent 节点的实时状态','通过 ChatPanel 直接与任意 Agent 对话','派发任务、查看执行结果','管理网络、成员、权限','查看审计日志和通信记录']} />\n        </Section>\n\n        <Section id=\"login\" title=\"登录与注册\">\n          <p>首次使用需注册账号。第一个注册的用户自动成为 admin。</p>\n          <CodeBlock lang=\"bash\">{`# 注册\nUsername: 自定义\nPassword: 至少 6 位\n\n# 登录后自动跳转到 Overview 首页`}</CodeBlock>\n          <Callout type=\"warning\">HTTP 环境下 cookie 不带 Secure 标志（已适配 Docker 场景）。</Callout>\n        </Section>\n\n        <Section id=\"dashboard\" title=\"Overview 首页\">\n          <p>首页展示军团全貌：</p>\n          <FeatureGrid features={[\n            { title: 'Stats 卡片', desc: 'Online / Working / Offline / Total 实时计数' },\n            { title: '拓扑图', desc: '节点关系可视化（桌面端）' },\n            { title: 'Agent 卡片', desc: 'alias、status、runtime、SSE 状态' },\n            { title: 'Chat 按钮', desc: '点击任意卡片发任务' },\n            { title: '⚡ Dispatch', desc: '多选 Agent 批量派发' },\n            { title: 'Quick Actions', desc: 'Nodes / Tasks / Messages 快速跳转' },\n          ]} />\n        </Section>\n\n        <Section id=\"chat\" title=\"ChatPanel 对话\">\n          <p>点击 Agent 卡片上的 <span className=\"text-cyan-400 font-medium\">Chat</span> 按钮打开聊天面板：</p>\n          <StepList steps={[\n            '输入任务内容 → Cmd+Enter 或点 Send 发送',\n            '实时状态追踪：created → delivered → running → replied',\n            '回复内容支持 Markdown 渲染（代码块、粗体）',\n            '输入 @ 可选择其他节点，跨节点通信',\n            'CommandCenter：多 tab 并行与多个 Agent 对话',\n          ]} />\n        </Section>\n\n        <Section id=\"nodes\" title=\"Nodes 节点管理\">\n          <p>查看所有在线节点。支持 <span className=\"text-cyan-400\">Grid</span> / <span className=\"text-cyan-400\">List</span> 视图。</p>\n          <p className=\"mt-2\">点击节点进入详情页，三个 Tab：</p>\n          <FeatureGrid features={[\n            { title: '💬 Chat', desc: '与该节点对话（全宽聊天区域）' },\n            { title: '📋 Events', desc: '任务事件时间线（分组、颜色编码）' },\n            { title: '📊 Info', desc: 'Runtime / Model / Server / Session ID' },\n          ]} />\n        </Section>\n\n        <Section id=\"tasks\" title=\"Tasks 任务流水\">\n          <StepList steps={[\n            'Tab 筛选：All / created / delivered / running / replied / failed',\n            '按 From / To 节点过滤',\n            '点击展开 TaskDrawer：输入、输出、时长、事件时间线',\n            'Failed 任务一键 Retry',\n          ]} />\n        </Section>\n\n        <Section id=\"messages\" title=\"Messages 消息\">\n          <FeatureGrid features={[\n            { title: 'Timeline / Grouped', desc: '按时间线或对话对分组' },\n            { title: '类型过滤', desc: 'task / message / broadcast / reply' },\n            { title: '搜索高亮', desc: '关键词黄色高亮' },\n            { title: '导出 MD', desc: '下载 Markdown 格式' },\n          ]} />\n        </Section>\n\n        <Section id=\"networks\" title=\"Networks 网络管理\">\n          <p>不同网络的 Agent 互不可见。</p>\n          <StepList steps={[\n            '创建网络（名称 + 描述）',\n            '管理成员（owner / admin / member / viewer）',\n            '侧栏点击切换网络',\n            '生成邀请码分享',\n          ]} />\n        </Section>\n\n        <Section id=\"admin\" title=\"Admin 管理\">\n          <FeatureGrid features={[\n            { title: 'Broadcast', desc: '群发消息给所有在线节点' },\n            { title: 'DispatchPanel', desc: '多选 Agent 批量派发任务' },\n            { title: 'User Register', desc: '注册新用户' },\n            { title: 'Stats', desc: '系统统计概览' },\n          ]} />\n        </Section>\n\n        <Section id=\"cli\" title=\"CLI 命令参考\">\n          <CodeBlock lang=\"bash\">{`# 安装\nnpm i -g @sleep2agi/agent-network\n\n# 快速开始\nanet quickstart\n\n# 创建 + 启动节点\nanet create my-bot --runtime codex-sdk\nanet start my-bot\n\n# 网络管理\nanet network create my-project\nanet network invite <network-id>\nanet network join <invite-code>\n\n# 状态\nanet whoami\nanet status`}</CodeBlock>\n        </Section>\n\n        <Section id=\"config\" title=\"配置说明\">\n          <p>优先级：CLI 参数 &gt; 环境变量 &gt; 项目 config &gt; 全局 config</p>\n          <CodeBlock lang=\"json\">{`// ~/.anet/config.json\n{\n  \"hub\": \"http://127.0.0.1:9200\",\n  \"token\": \"ntok_xxx\"\n}\n\n// 节点配置 .anet/nodes/<name>/config.json\n{\n  \"runtime\": \"codex-sdk\",\n  \"model\": \"gpt-5.4\",\n  \"tools\": [\"Read\", \"Write\", \"Bash\"]\n}`}</CodeBlock>\n          <CodeBlock lang=\"bash\">{`# 环境变量\nCOMMHUB_URL=http://127.0.0.1:9200\nCOMMHUB_TOKEN=ntok_xxx`}</CodeBlock>\n        </Section>\n\n        <Section id=\"api\" title=\"API 参考\">\n          <h3 className=\"text-base font-semibold text-white mt-4 mb-3\">MCP Tools</h3>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n            {[\n              ['report_status', '心跳 + 状态上报'], ['report_completion', '任务完成汇报'],\n              ['get_inbox', '拉取待办'], ['ack_inbox', '确认收到'],\n              ['send_task', '派发任务'], ['send_message', '发消息'],\n              ['send_reply', '回复任务'], ['broadcast', '群发'],\n              ['get_all_status', '全局状态'], ['get_session_status', '单节点状态'],\n              ['retry_task', '重试任务'], ['cancel_task', '取消任务'],\n            ].map(([name, desc]) => (\n              <div key={name} className=\"flex items-center gap-3 bg-[#111128] rounded-lg px-3 py-2 border border-[#2a2a4a]\">\n                <code className=\"text-cyan-400 text-xs shrink-0\">{name}</code>\n                <span className=\"text-gray-500 text-xs\">{desc}</span>\n              </div>\n            ))}\n          </div>\n\n          <h3 className=\"text-base font-semibold text-white mt-6 mb-3\">REST API</h3>\n          <CodeBlock lang=\"http\">{`POST /api/auth/register   — 注册\nPOST /api/auth/login      — 登录\nGET  /api/auth/me          — 当前用户\nGET  /api/status           — 全局状态\nGET  /api/tasks            — 任务列表\nGET  /api/nodes            — 节点列表\nGET  /api/stats            — 统计\nGET  /api/audit-log        — 审计日志\nGET  /health               — 健康检查`}</CodeBlock>\n        </Section>\n\n        <Section id=\"faq\" title=\"常见问题\">\n          <FAQ q=\"ChatPanel 发消息没反应？\" a=\"检查节点是否在线（Overview 页绿色圆点）。MiniMax 节点响应较慢（30-60秒正常）。\" />\n          <FAQ q=\"Tasks 页为空？\" a=\"确保通过 ChatPanel 或 MCP send_task 发送过任务。\" />\n          <FAQ q=\"切换网络后数据为空？\" a=\"新网络没有 Agent 注册。需要用该网络的 ntok_ 启动 Agent。\" />\n          <FAQ q=\"侧栏看不到新建的网络？\" a=\"侧栏每 15s 自动刷新。稍等或手动刷新页面。\" />\n          <FAQ q=\"Codex 节点报错？\" a=\"宿主机执行 codex auth login 刷新 token。\" />\n        </Section>\n\n        {/* Page nav */}\n        <div className=\"mt-16 pt-6 border-t border-[#2a2a4a] text-center text-xs text-gray-600\">\n          Agent Network Dashboard · Powered by CommHub V3\n        </div>\n      </main>\n    </div>\n  );\n}\n\nfunction Section({ id, title, children }: { id: string; title: string; children: React.ReactNode }) {\n  return (\n    <section id={id} className=\"mb-12 scroll-mt-8\">\n      <h2 className=\"text-xl font-bold text-white mb-4 pb-2 border-b border-[#2a2a4a]\">{title}</h2>\n      <div className=\"text-gray-300 text-sm leading-relaxed space-y-3\">{children}</div>\n    </section>\n  );\n}\n\nfunction CodeBlock({ children, lang }: { children: string; lang?: string }) {\n  const [copied, setCopied] = useState(false);\n  const copy = () => {\n    navigator.clipboard.writeText(children);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n  return (\n    <div className=\"mt-3 rounded-xl overflow-hidden border border-[#2a2a4a]\">\n      <div className=\"flex items-center justify-between bg-[#0d0d1a] px-4 py-1.5 border-b border-[#2a2a4a]\">\n        <span className=\"text-[10px] text-gray-600\">{lang || 'code'}</span>\n        <button onClick={copy} className=\"text-[10px] text-gray-500 hover:text-gray-300 transition-colors\">\n          {copied ? '✓ Copied' : 'Copy'}\n        </button>\n      </div>\n      <pre className=\"bg-[#050510] px-4 py-3 text-[12px] text-green-300 overflow-x-auto leading-relaxed\">\n        <code>{children}</code>\n      </pre>\n    </div>\n  );\n}\n\nfunction StepList({ steps }: { steps: string[] }) {\n  return (\n    <div className=\"mt-3 space-y-2\">\n      {steps.map((step, i) => (\n        <div key={i} className=\"flex gap-3\">\n          <div className=\"flex flex-col items-center\">\n            <div className=\"w-6 h-6 rounded-full bg-cyan-500/20 border border-cyan-500/30 flex items-center justify-center text-[10px] text-cyan-300 font-bold shrink-0\">{i + 1}</div>\n            {i < steps.length - 1 && <div className=\"w-0.5 flex-1 mt-1 bg-[#2a2a4a]\" />}\n          </div>\n          <div className=\"text-sm text-gray-300 pt-0.5\">{step}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction FeatureGrid({ features }: { features: { title: string; desc: string }[] }) {\n  return (\n    <div className=\"mt-3 grid grid-cols-1 sm:grid-cols-2 gap-2\">\n      {features.map(f => (\n        <div key={f.title} className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3\">\n          <div className=\"text-sm text-white font-medium\">{f.title}</div>\n          <div className=\"text-xs text-gray-500 mt-0.5\">{f.desc}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction Callout({ children, type }: { children: React.ReactNode; type: 'info' | 'warning' }) {\n  const colors = type === 'warning' ? 'border-yellow-500/20 bg-yellow-500/5 text-yellow-300' : 'border-blue-500/20 bg-blue-500/5 text-blue-300';\n  return <div className={`mt-3 px-4 py-2.5 rounded-xl border text-xs ${colors}`}>{type === 'warning' ? '⚠️ ' : 'ℹ️ '}{children}</div>;\n}\n\nfunction FAQ({ q, a }: { q: string; a: string }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"mb-2 bg-[#111128] rounded-xl border border-[#2a2a4a] overflow-hidden\">\n      <button onClick={() => setOpen(!open)} className=\"w-full flex items-center justify-between px-4 py-3 text-left\">\n        <span className=\"text-sm text-cyan-400 font-medium\">{q}</span>\n        <svg className={`w-4 h-4 text-gray-600 transition-transform ${open ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </button>\n      {open && <div className=\"px-4 pb-3 text-sm text-gray-400\">{a}</div>}\n    </div>\n  );\n}\n"],"names":["TOC","id","label","DocsPage","active","setActive","tocOpen","setTocOpen","search","setSearch","observer","IntersectionObserver","entries","forEach","e","isIntersecting","target","rootMargin","t","el","document","getElementById","observe","disconnect","filteredToc","filter","toLowerCase","includes","className","type","value","onChange","placeholder","map","href","onClick","fill","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","Section","title","StepList","steps","CodeBlock","lang","Callout","FeatureGrid","features","desc","name","FAQ","q","a","children","copied","setCopied","copy","navigator","clipboard","writeText","setTimeout","step","i","length","f","colors","open","setOpen"],"mappings":"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"}

package/.next/server/chunks/ssr/app_login_page_tsx_0z71ad3._.js

@@ -0,0 +1,3 @@
+module.exports=[83694,a=>{"use strict";var b=a.i(87924),c=a.i(72131);a.s(["default",0,function(){let[a,d]=(0,c.useState)("login"),[e,f]=(0,c.useState)(""),[g,h]=(0,c.useState)(""),[i,j]=(0,c.useState)(""),[k,l]=(0,c.useState)(!1),m=async b=>{b.preventDefault(),l(!0),j("");try{let b=await fetch("/api/auth/v3",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,username:e,password:g})}),c=await b.json();if(c.ok){c.token&&sessionStorage.setItem("anet_v3_auth",JSON.stringify({user:c.user,token:c.token,networks:c.networks||[],currentNetwork:c.network_id||c.networks?.[0]?.network_id||""})),window.location.assign("/");return}j(c.error||"Login failed")}catch{j("Connection failed")}l(!1)};return(0,b.jsxs)("main",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 font-mono flex items-center justify-center relative overflow-hidden",children:[(0,b.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,b.jsx)("div",{className:"absolute top-1/4 left-1/2 -translate-x-1/2 w-[600px] h-[600px] rounded-full bg-cyan-500/5 blur-[120px]"}),(0,b.jsx)("div",{className:"absolute bottom-1/4 left-1/3 w-[400px] h-[400px] rounded-full bg-blue-500/5 blur-[100px]"})]}),(0,b.jsxs)("div",{className:"relative w-full max-w-sm mx-4",children:[(0,b.jsxs)("div",{className:"text-center mb-8",children:[(0,b.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-cyan-500/20 to-blue-500/20 border border-cyan-500/20 mb-4",children:(0,b.jsx)("svg",{className:"w-8 h-8 text-cyan-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"})})}),(0,b.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,b.jsx)("p",{className:"text-sm text-gray-500 mt-1",children:"Dashboard"})]}),(0,b.jsx)("div",{className:"flex rounded-lg border border-[#2a2a4a] bg-[#111128] p-1 mb-4",children:["login","register"].map(c=>(0,b.jsx)("button",{type:"button",onClick:()=>{d(c),j("")},className:`flex-1 rounded-md px-3 py-2 text-sm transition-colors ${a===c?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"login"===c?"Sign in":"Register"},c))}),(0,b.jsxs)("form",{onSubmit:m,className:"border border-[#2a2a4a] bg-[#111128]/80 backdrop-blur-sm rounded-xl p-6 shadow-2xl shadow-black/30",children:[(0,b.jsx)("label",{htmlFor:"username",className:"block text-xs text-gray-500 mb-2 uppercase tracking-wider",children:"Username"}),(0,b.jsx)("input",{id:"username",type:"text",value:e,onChange:a=>f(a.target.value),autoFocus:!0,placeholder:"Enter username",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all mb-4"}),(0,b.jsx)("label",{htmlFor:"password",className:"block text-xs text-gray-500 mb-2 uppercase tracking-wider",children:"Password"}),(0,b.jsx)("input",{id:"password",type:"password",value:g,onChange:a=>h(a.target.value),placeholder:"Enter password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all"}),i&&(0,b.jsx)("div",{className:"mt-3 text-sm text-red-300 bg-red-500/5 border border-red-500/10 rounded-lg px-3 py-2",children:i}),(0,b.jsx)("button",{type:"submit",disabled:k||!g,className:"mt-5 w-full px-4 py-3 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-lg transition-all shadow-lg shadow-cyan-500/10 hover:shadow-cyan-500/20 disabled:shadow-none",children:k?"login"===a?"Signing in...":"Registering...":"login"===a?"Sign in":"Create account"})]}),(0,b.jsx)("p",{className:"text-center text-xs text-gray-700 mt-6",children:"Powered by CommHub V3"})]})]})}])}];
+
+//# sourceMappingURL=app_login_page_tsx_0z71ad3._.js.map

package/.next/server/chunks/ssr/app_login_page_tsx_0z71ad3._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/login/page.tsx"],"sourcesContent":["'use client';\n\nimport { FormEvent, useState } from 'react';\n\nexport default function LoginPage() {\n  const [mode, setMode] = useState<'login' | 'register'>('login');\n  const [username, setUsername] = useState('');\n  const [password, setPassword] = useState('');\n  const [error, setError] = useState('');\n  const [pending, setPending] = useState(false);\n\n  const submit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setPending(true);\n    setError('');\n\n    try {\n      const res = await fetch('/api/auth/v3', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: mode, username, password }),\n      });\n      const data = await res.json();\n\n      if (data.ok) {\n        // Store V3 auth data for client-side features\n        if (data.token) {\n          sessionStorage.setItem('anet_v3_auth', JSON.stringify({\n            user: data.user,\n            token: data.token,\n            networks: data.networks || [],\n            currentNetwork: data.network_id || data.networks?.[0]?.network_id || '',\n          }));\n        }\n        window.location.assign('/');\n        return;\n      }\n\n      setError(data.error || 'Login failed');\n    } catch {\n      setError('Connection failed');\n    }\n    setPending(false);\n  };\n\n  return (\n    <main className=\"min-h-screen bg-[#0a0a1a] text-gray-100 font-mono flex items-center justify-center relative overflow-hidden\">\n      <div className=\"absolute inset-0 pointer-events-none\">\n        <div className=\"absolute top-1/4 left-1/2 -translate-x-1/2 w-[600px] h-[600px] rounded-full bg-cyan-500/5 blur-[120px]\" />\n        <div className=\"absolute bottom-1/4 left-1/3 w-[400px] h-[400px] rounded-full bg-blue-500/5 blur-[100px]\" />\n      </div>\n\n      <div className=\"relative w-full max-w-sm mx-4\">\n        <div className=\"text-center mb-8\">\n          <div className=\"inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-cyan-500/20 to-blue-500/20 border border-cyan-500/20 mb-4\">\n            <svg className=\"w-8 h-8 text-cyan-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z\" />\n            </svg>\n          </div>\n          <h1 className=\"text-2xl font-bold text-white tracking-tight\">Agent Network</h1>\n          <p className=\"text-sm text-gray-500 mt-1\">Dashboard</p>\n        </div>\n\n        {/* Mode toggle */}\n        <div className=\"flex rounded-lg border border-[#2a2a4a] bg-[#111128] p-1 mb-4\">\n          {(['login', 'register'] as const).map(m => (\n            <button key={m} type=\"button\" onClick={() => { setMode(m); setError(''); }}\n              className={`flex-1 rounded-md px-3 py-2 text-sm transition-colors ${mode === m ? 'bg-cyan-500/10 text-cyan-300' : 'text-gray-500 hover:text-gray-200'}`}>\n              {m === 'login' ? 'Sign in' : 'Register'}\n            </button>\n          ))}\n        </div>\n\n        <form onSubmit={submit} className=\"border border-[#2a2a4a] bg-[#111128]/80 backdrop-blur-sm rounded-xl p-6 shadow-2xl shadow-black/30\">\n          <label htmlFor=\"username\" className=\"block text-xs text-gray-500 mb-2 uppercase tracking-wider\">\n            Username\n          </label>\n          <input id=\"username\" type=\"text\" value={username} onChange={e => setUsername(e.target.value)} autoFocus\n            placeholder=\"Enter username\"\n            className=\"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all mb-4\" />\n\n          <label htmlFor=\"password\" className=\"block text-xs text-gray-500 mb-2 uppercase tracking-wider\">\n            Password\n          </label>\n          <input id=\"password\" type=\"password\" value={password} onChange={e => setPassword(e.target.value)}\n            placeholder=\"Enter password\"\n            className=\"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all\" />\n\n          {error && (\n            <div className=\"mt-3 text-sm text-red-300 bg-red-500/5 border border-red-500/10 rounded-lg px-3 py-2\">{error}</div>\n          )}\n\n          <button type=\"submit\" disabled={pending || !password}\n            className=\"mt-5 w-full px-4 py-3 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-lg transition-all shadow-lg shadow-cyan-500/10 hover:shadow-cyan-500/20 disabled:shadow-none\">\n            {pending ? (mode === 'login' ? 'Signing in...' : 'Registering...') : (mode === 'login' ? 'Sign in' : 'Create account')}\n          </button>\n        </form>\n\n        <p className=\"text-center text-xs text-gray-700 mt-6\">Powered by CommHub V3</p>\n      </div>\n    </main>\n  );\n}\n"],"names":["LoginPage","mode","setMode","username","setUsername","password","setPassword","error","setError","pending","setPending","submit","event","preventDefault","res","fetch","method","headers","body","JSON","stringify","action","data","json","ok","token","sessionStorage","setItem","user","networks","currentNetwork","network_id","window","location","assign","className","fill","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","map","m","type","onClick","onSubmit","htmlFor","id","value","onChange","e","target","autoFocus","placeholder","disabled"],"mappings":"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"}