npm - @sleep2agi/agent-network-dashboard - Versions diffs - 0.4.5-preview.4 → 0.4.5-preview.41 - Mend

@sleep2agi/agent-network-dashboard 0.4.5-preview.4 → 0.4.5-preview.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (256) hide show

package/.next/server/chunks/ssr/app_components_0lhp_k.._.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../app/components/utils.ts","../../../../app/components/AliasAvatar.tsx","../../../../app/components/EmptyState.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","/** Hue-hashed avatar pill for agent aliases. Same alias → same color across\n * every page (Messages, Nodes, TopoGraph). Use the `size` prop for inline\n * pills (16/20) vs card headers (28). Round 21 introduced the palette;\n * round 22 promotes it from app/messages to a shared component. */\n\nconst AVATAR_HUES = [180, 200, 220, 270, 300, 330, 30, 90];\n\nexport function aliasAvatarColors(alias: string): { bg: string; ring: string; text: string } {\n let h = 0;\n for (let i = 0; i < alias.length; i++) h = (h * 31 + alias.charCodeAt(i)) >>> 0;\n const hue = AVATAR_HUES[h % AVATAR_HUES.length];\n return {\n bg: `hsl(${hue} 55% 22%)`,\n ring: `hsl(${hue} 60% 45%)`,\n text: `hsl(${hue} 80% 78%)`,\n };\n}\n\nexport function aliasInitial(alias?: string): string {\n if (!alias) return '·';\n const ch = alias.trim().match(/[\\p{L}\\p{N}]/u)?.[0] || alias.trim()[0] || '·';\n return ch.toUpperCase();\n}\n\ninterface AliasAvatarProps {\n alias: string;\n size?: number;\n className?: string;\n}\n\nexport function AliasAvatar({ alias, size = 28, className = '' }: AliasAvatarProps) {\n const c = aliasAvatarColors(alias);\n const fs = Math.max(9, Math.round(size * 0.42));\n return (\n <span\n className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${className}`}\n style={{\n width: size,\n height: size,\n fontSize: fs,\n backgroundColor: c.bg,\n borderColor: c.ring,\n color: c.text,\n }}\n title={alias}\n aria-hidden\n >\n {aliasInitial(alias)}\n </span>\n );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\n\nexport type EmptyVariant = 'nodes' | 'tasks' | 'messages' | 'logs' | 'tokens' | 'networks' | 'generic';\n\ninterface EmptyStateProps {\n /** Picks the icon glyph and default copy if title/sub omitted. */\n variant?: EmptyVariant;\n /** Optional override headline. */\n title?: string;\n /** Optional override sub-copy. */\n sub?: string;\n /** Optional CTA: text + href (internal) or onClick. */\n cta?: { label: string; href?: string; onClick?: () => void };\n /** Compact mode for in-card empty states (smaller padding). */\n compact?: boolean;\n}\n\nconst DEFAULTS: Record<EmptyVariant, { title: string; sub: string }> = {\n nodes: { title: 'No agents in this network', sub: 'Agent sessions will appear here once they connect to the CommHub.' },\n tasks: { title: 'No tasks yet', sub: 'Tasks will appear here when agents send them via CommHub.' },\n messages: { title: 'No messages', sub: 'Messages between agents will appear here.' },\n logs: { title: 'No audit logs', sub: 'Events will appear here when users register, login, or perform actions.' },\n tokens: { title: 'No API tokens', sub: 'Create one to authenticate CLI tools and external integrations.' },\n networks: { title: 'No networks found', sub: 'Create one or sign in with V3 auth to see your networks.' },\n generic: { title: 'Nothing here yet', sub: 'Data will appear here once available.' },\n};\n\n/**\n * Minimal monochrome SVG glyphs per variant. No filled shapes, no gradients,\n * no AI-decoration — just thin-stroke line art that fades into the page.\n * 64×64 viewBox; rendered at 56×56 (compact 40×40).\n */\nfunction Glyph({ variant, size }: { variant: EmptyVariant; size: number }) {\n const s = { width: size, height: size };\n const baseProps = {\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: 1.25,\n strokeLinecap: 'round' as const,\n strokeLinejoin: 'round' as const,\n };\n\n switch (variant) {\n case 'nodes':\n // Mesh with dashed edges = \"nodes will land here\"\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"14\" r=\"4\" />\n <circle cx=\"14\" cy=\"44\" r=\"4\" />\n <circle cx=\"50\" cy=\"44\" r=\"4\" />\n <line x1=\"32\" y1=\"18\" x2=\"14\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <line x1=\"32\" y1=\"18\" x2=\"50\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <line x1=\"18\" y1=\"44\" x2=\"46\" y2=\"44\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n </g>\n </svg>\n );\n case 'tasks':\n // Empty checkbox list\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <rect x=\"14\" y=\"14\" width=\"36\" height=\"6\" rx=\"1.5\" />\n <rect x=\"14\" y=\"26\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.6\" />\n <rect x=\"14\" y=\"38\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.35\" />\n </g>\n </svg>\n );\n case 'messages':\n // Speech bubble outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <path d=\"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z\" />\n <line x1=\"22\" y1=\"28\" x2=\"42\" y2=\"28\" opacity=\"0.5\" />\n <line x1=\"22\" y1=\"34\" x2=\"36\" y2=\"34\" opacity=\"0.5\" />\n </g>\n </svg>\n );\n case 'logs':\n // Document with lines\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <path d=\"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z\" />\n <path d=\"M40 12 v8 h8\" opacity=\"0.6\" />\n <line x1=\"24\" y1=\"32\" x2=\"40\" y2=\"32\" opacity=\"0.55\" />\n <line x1=\"24\" y1=\"38\" x2=\"40\" y2=\"38\" opacity=\"0.4\" />\n <line x1=\"24\" y1=\"44\" x2=\"34\" y2=\"44\" opacity=\"0.25\" />\n </g>\n </svg>\n );\n case 'tokens':\n // Key outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"22\" cy=\"32\" r=\"8\" />\n <line x1=\"30\" y1=\"32\" x2=\"54\" y2=\"32\" />\n <line x1=\"44\" y1=\"32\" x2=\"44\" y2=\"38\" />\n <line x1=\"50\" y1=\"32\" x2=\"50\" y2=\"40\" />\n </g>\n </svg>\n );\n case 'networks':\n // Globe-ish concentric ovals\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"32\" r=\"18\" />\n <ellipse cx=\"32\" cy=\"32\" rx=\"18\" ry=\"9\" opacity=\"0.55\" />\n <line x1=\"14\" y1=\"32\" x2=\"50\" y2=\"32\" opacity=\"0.55\" />\n <line x1=\"32\" y1=\"14\" x2=\"32\" y2=\"50\" opacity=\"0.55\" />\n </g>\n </svg>\n );\n case 'generic':\n default:\n // Soft sparkle outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"32\" r=\"14\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <circle cx=\"32\" cy=\"32\" r=\"3\" />\n </g>\n </svg>\n );\n }\n}\n\nexport function EmptyState({ variant = 'generic', title, sub, cta, compact = false }: EmptyStateProps) {\n const d = DEFAULTS[variant];\n const headline = title ?? d.title;\n const subcopy = sub ?? d.sub;\n const iconSize = compact ? 40 : 56;\n\n return (\n <div className={`text-center ${compact ? 'py-8' : 'py-16'} px-4`} role=\"status\">\n <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n <Glyph variant={variant} size={iconSize} />\n </div>\n <h3 className={`font-medium text-gray-300 ${compact ? 'text-sm' : 'text-base'}`}>{headline}</h3>\n {subcopy && (\n <p className={`text-gray-500 ${compact ? 'text-xs mt-1.5' : 'text-sm mt-2'} max-w-md mx-auto leading-relaxed`}>\n {subcopy}\n </p>\n )}\n {cta && (\n <div className=\"mt-4\">\n {cta.href ? (\n <Link href={cta.href} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n {cta.label}\n <span aria-hidden>→</span>\n </Link>\n ) : (\n <button onClick={cta.onClick} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n {cta.label}\n <span aria-hidden>→</span>\n </button>\n )}\n </div>\n )}\n </div>\n );\n}\n\n/**\n * Overview-specific variant with a hint about cross-network global count.\n * Kept here so /app/page.tsx can drop in without ceremony.\n */\nexport function NodesEmptyState({ hint }: { hint?: { global_count?: number; filtered_network?: string } }) {\n if (hint?.global_count) {\n return (\n <EmptyState\n variant=\"nodes\"\n title=\"No agents in this network\"\n sub={`Server has ${hint.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`}\n />\n );\n }\n // Round 52: true empty state (zero agents anywhere) — show the\n // quickstart command inline so users don't have to leave the dashboard\n // to figure out how to spin up their first agent.\n return (\n <div className=\"text-center py-16 px-4\" role=\"status\">\n <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n <svg viewBox=\"0 0 64 64\" width={56} height={56}>\n <g stroke=\"currentColor\" strokeWidth=\"1.5\" fill=\"none\">\n <rect x=\"10\" y=\"20\" width=\"44\" height=\"28\" rx=\"2\" />\n <rect x=\"20\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n <rect x=\"32\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n <rect x=\"44\" y=\"32\" width=\"4\" height=\"8\" opacity=\"0.5\" />\n <line x1=\"10\" y1=\"26\" x2=\"54\" y2=\"26\" opacity=\"0.4\" />\n <circle cx=\"14\" cy=\"23\" r=\"0.8\" fill=\"currentColor\" />\n </g>\n </svg>\n </div>\n <h3 className=\"font-medium text-gray-300 text-base\">Spin up your first agent</h3>\n <p className=\"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed\">\n Run this in a fresh terminal to register an agent with this CommHub:\n </p>\n <div className=\"mt-4 inline-block\">\n <QuickstartCommand cmd=\"npx --yes @sleep2agi/agent-network init\" />\n </div>\n <div className=\"mt-3\">\n <a\n href=\"https://anet.sh\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300\"\n >\n Full quickstart guide\n <span aria-hidden>→</span>\n </a>\n </div>\n </div>\n );\n}\n\n/** Code block + inline copy button used by the empty-Overview first-run\n * CTA. State lives here so the parent stays stateless. */\nfunction QuickstartCommand({ cmd }: { cmd: string }) {\n const [copied, setCopied] = useState(false);\n const onCopy = async () => {\n try {\n await navigator.clipboard.writeText(cmd);\n setCopied(true);\n setTimeout(() => setCopied(false), 1800);\n } catch {}\n };\n return (\n <div className=\"anet-empty-cmd flex items-center gap-2 bg-[#0a0a15] border border-[#2a2a4a] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm\">\n <code className=\"text-cyan-300 font-mono select-all\">{cmd}</code>\n <button\n type=\"button\"\n onClick={onCopy}\n aria-label={copied ? 'Copied' : 'Copy command'}\n className=\"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] transition-colors\"\n >\n {copied ? (\n <span className=\"flex items-center gap-1 text-green-400\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <path d=\"M20 6 9 17l-5-5\" />\n </svg>\n Copied\n </span>\n ) : (\n <span className=\"flex items-center gap-1\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n </svg>\n Copy\n </span>\n )}\n </button>\n </div>\n );\n}\n"],"names":["timeAgo","dateStr","diff","Date","now","replace","getTime","s","Math","floor","statusColor","status","hasSse","formatUptime","seconds","h","m","AVATAR_HUES","aliasAvatarColors","alias","i","length","charCodeAt","hue","bg","ring","text","aliasInitial","ch","trim","match","toUpperCase","AliasAvatar","size","className","c","fs","max","round","style","width","height","fontSize","backgroundColor","borderColor","color","title","DEFAULTS","nodes","sub","tasks","messages","logs","tokens","networks","generic","Glyph","variant","baseProps","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","viewBox","cx","cy","r","x1","y1","x2","y2","strokeDasharray","opacity","x","y","rx","d","ry","EmptyState","cta","compact","headline","subcopy","iconSize","role","href","label","onClick","NodesEmptyState","hint","global_count","QuickstartCommand","cmd","target","rel","copied","setCopied","onCopy","navigator","clipboard","writeText","setTimeout","type"],"mappings":"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"}

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

@@ -1,3 +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 px-4 py-10 sm:py-16",children:[(0,b.jsx)("div",{className:"absolute inset-0 pointer-events-none anet-login-bg","aria-hidden":!0}),(0,b.jsxs)("div",{className:"relative w-full max-w-sm",children:[(0,b.jsxs)("div",{className:"text-center mb-7",children:[(0,b.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 mb-4 rounded-2xl bg-[#111128] border border-[#2a2a4a] anet-login-mark",children:(0,b.jsxs)("svg",{className:"w-9 h-9",viewBox:"0 0 32 32","aria-hidden":!0,children:[(0,b.jsx)("circle",{cx:"16",cy:"16",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",opacity:"0.25",className:"text-cyan-400 anet-login-mark-ring"}),(0,b.jsx)("line",{x1:"16",y1:"10",x2:"10",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("line",{x1:"16",y1:"10",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("line",{x1:"10",y1:"20",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("circle",{cx:"16",cy:"10",r:"3",fill:"currentColor",className:"text-cyan-400 anet-login-mark-node-a"}),(0,b.jsx)("circle",{cx:"10",cy:"20",r:"3",fill:"currentColor",className:"text-green-400 anet-login-mark-node-b"}),(0,b.jsx)("circle",{cx:"22",cy:"20",r:"3",fill:"currentColor",className:"text-violet-400 anet-login-mark-node-c"})]})}),(0,b.jsx)("h1",{className:"text-[22px] sm:text-2xl font-semibold text-white tracking-tight",children:"Agent Network"}),(0,b.jsxs)("p",{className:"text-[13px] text-gray-500 mt-1.5 leading-snug",children:["One control plane for your AI agents · ",(0,b.jsx)("span",{className:"text-gray-600",children:"Tasks · Mesh · Messages"})]})]}),(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.jsxs)("p",{className:"text-center text-[11px] text-gray-700 mt-6",children:["Sleep2AGI · Apache-2.0 · ",(0,b.jsx)("a",{href:"https://anet.sh",className:"hover:text-gray-500 transition-colors",children:"anet.sh"})]})]})]})}])}];
+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)(!1),[k,l]=(0,c.useState)(""),[m,n]=(0,c.useState)(!1),o=async b=>{b.preventDefault(),n(!0),l("");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}l(c.error||"Login failed")}catch{l("Connection failed")}n(!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 px-4 py-10 sm:py-16",children:[(0,b.jsx)("div",{className:"absolute inset-0 pointer-events-none anet-login-bg","aria-hidden":!0}),(0,b.jsxs)("div",{className:"relative w-full max-w-sm",children:[(0,b.jsxs)("div",{className:"text-center mb-7",children:[(0,b.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 mb-4 rounded-2xl bg-[#111128] border border-[#2a2a4a] anet-login-mark",children:(0,b.jsxs)("svg",{className:"w-9 h-9",viewBox:"0 0 32 32","aria-hidden":!0,children:[(0,b.jsx)("circle",{cx:"16",cy:"16",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",opacity:"0.25",className:"text-cyan-400 anet-login-mark-ring"}),(0,b.jsx)("line",{x1:"16",y1:"10",x2:"10",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("line",{x1:"16",y1:"10",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("line",{x1:"10",y1:"20",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,b.jsx)("circle",{cx:"16",cy:"10",r:"3",fill:"currentColor",className:"text-cyan-400 anet-login-mark-node-a"}),(0,b.jsx)("circle",{cx:"10",cy:"20",r:"3",fill:"currentColor",className:"text-green-400 anet-login-mark-node-b"}),(0,b.jsx)("circle",{cx:"22",cy:"20",r:"3",fill:"currentColor",className:"text-violet-400 anet-login-mark-node-c"})]})}),(0,b.jsx)("h1",{className:"text-[22px] sm:text-2xl font-semibold text-white tracking-tight",children:"Agent Network"}),(0,b.jsx)("p",{className:"text-[13px] text-gray-500 mt-1.5 leading-snug",children:"login"===a?(0,b.jsxs)(b.Fragment,{children:["Welcome back · ",(0,b.jsx)("span",{className:"text-gray-600",children:"Tasks · Mesh · Messages"})]}):(0,b.jsxs)(b.Fragment,{children:["Create your account · ",(0,b.jsx)("span",{className:"text-gray-600",children:"Free preview · no credit card"})]})})]}),(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),l("")},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:o,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.jsxs)("div",{className:"relative",children:[(0,b.jsx)("input",{id:"password",type:i?"text":"password",value:g,onChange:a=>h(a.target.value),placeholder:"Enter password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 pr-11 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"}),(0,b.jsx)("button",{type:"button",onClick:()=>j(a=>!a),tabIndex:-1,"aria-label":i?"Hide password":"Show password",className:"absolute inset-y-0 right-0 flex items-center px-3 text-gray-600 hover:text-gray-300 transition-colors",children:i?(0,b.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"}),(0,b.jsx)("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]}):(0,b.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,b.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})})]}),k&&(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:k}),(0,b.jsxs)("button",{type:"submit",disabled:m||!g||!e.trim(),className:"mt-5 w-full flex items-center justify-center gap-2 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:[m&&(0,b.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,b.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,b.jsx)("span",{children:m?"login"===a?"Signing in…":"Registering…":"login"===a?"Sign in":"Create account"})]})]}),(0,b.jsxs)("p",{className:"text-center text-[11px] text-gray-700 mt-6",children:["Sleep2AGI · Apache-2.0 · ",(0,b.jsx)("a",{href:"https://anet.sh",className:"hover:text-gray-500 transition-colors",children:"anet.sh"})]})]})]})}])}];
 //# sourceMappingURL=app_login_page_tsx_0z71ad3._.js.map

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

	@@ -1 +1 @@
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 px-4 py-10 sm:py-16\">\n {/* Subtle off-grid background — restraint over AI-glow.\n Dark themes get a faint radial wash; light themes show a low-contrast\n dotted grid for surface texture without noise. /}\n <div className=\"absolute inset-0 pointer-events-none anet-login-bg\" aria-hidden />\n\n <div className=\"relative w-full max-w-sm\">\n <div className=\"text-center mb-7\">\n {/ Brand mark — uses the favicon 3-node mesh SVG which IS the\n agent-network concept (nodes + edges). Replaces the previous\n flat emerald square placeholder. /}\n <div className=\"inline-flex items-center justify-center w-16 h-16 mb-4 rounded-2xl bg-[#111128] border border-[#2a2a4a] anet-login-mark\">\n <svg className=\"w-9 h-9\" viewBox=\"0 0 32 32\" aria-hidden>\n <circle cx=\"16\" cy=\"16\" r=\"10\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" opacity=\"0.25\" className=\"text-cyan-400 anet-login-mark-ring\" />\n <line x1=\"16\" y1=\"10\" x2=\"10\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <line x1=\"16\" y1=\"10\" x2=\"22\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <line x1=\"10\" y1=\"20\" x2=\"22\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <circle cx=\"16\" cy=\"10\" r=\"3\" fill=\"currentColor\" className=\"text-cyan-400 anet-login-mark-node-a\" />\n <circle cx=\"10\" cy=\"20\" r=\"3\" fill=\"currentColor\" className=\"text-green-400 anet-login-mark-node-b\" />\n <circle cx=\"22\" cy=\"20\" r=\"3\" fill=\"currentColor\" className=\"text-violet-400 anet-login-mark-node-c\" />\n </svg>\n </div>\n <h1 className=\"text-[22px] sm:text-2xl font-semibold text-white tracking-tight\">Agent Network</h1>\n <p className=\"text-[13px] text-gray-500 mt-1.5 leading-snug\">\n One control plane for your AI agents · <span className=\"text-gray-600\">Tasks · Mesh · Messages</span>\n </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-[11px] text-gray-700 mt-6\">\n Sleep2AGI · Apache-2.0 · <a href=\"https://anet.sh\" className=\"hover:text-gray-500 transition-colors\">anet.sh</a>\n </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","viewBox","cx","cy","r","fill","stroke","strokeWidth","opacity","x1","y1","x2","y2","map","m","type","onClick","onSubmit","htmlFor","id","value","onChange","e","target","autoFocus","placeholder","disabled","href"],"mappings":"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"}
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 [showPassword, setShowPassword] = useState(false);\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 px-4 py-10 sm:py-16\">\n {/* Subtle off-grid background — restraint over AI-glow.\n Dark themes get a faint radial wash; light themes show a low-contrast\n dotted grid for surface texture without noise. /}\n <div className=\"absolute inset-0 pointer-events-none anet-login-bg\" aria-hidden />\n\n <div className=\"relative w-full max-w-sm\">\n <div className=\"text-center mb-7\">\n {/ Brand mark — uses the favicon 3-node mesh SVG which IS the\n agent-network concept (nodes + edges). Replaces the previous\n flat emerald square placeholder. /}\n <div className=\"inline-flex items-center justify-center w-16 h-16 mb-4 rounded-2xl bg-[#111128] border border-[#2a2a4a] anet-login-mark\">\n <svg className=\"w-9 h-9\" viewBox=\"0 0 32 32\" aria-hidden>\n <circle cx=\"16\" cy=\"16\" r=\"10\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" opacity=\"0.25\" className=\"text-cyan-400 anet-login-mark-ring\" />\n <line x1=\"16\" y1=\"10\" x2=\"10\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <line x1=\"16\" y1=\"10\" x2=\"22\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <line x1=\"10\" y1=\"20\" x2=\"22\" y2=\"20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\" className=\"text-cyan-400 anet-login-mark-edge\" />\n <circle cx=\"16\" cy=\"10\" r=\"3\" fill=\"currentColor\" className=\"text-cyan-400 anet-login-mark-node-a\" />\n <circle cx=\"10\" cy=\"20\" r=\"3\" fill=\"currentColor\" className=\"text-green-400 anet-login-mark-node-b\" />\n <circle cx=\"22\" cy=\"20\" r=\"3\" fill=\"currentColor\" className=\"text-violet-400 anet-login-mark-node-c\" />\n </svg>\n </div>\n <h1 className=\"text-[22px] sm:text-2xl font-semibold text-white tracking-tight\">Agent Network</h1>\n <p className=\"text-[13px] text-gray-500 mt-1.5 leading-snug\">\n {mode === 'login'\n ? <>Welcome back · <span className=\"text-gray-600\">Tasks · Mesh · Messages</span></>\n : <>Create your account · <span className=\"text-gray-600\">Free preview · no credit card</span></>}\n </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 <div className=\"relative\">\n <input id=\"password\" type={showPassword ? 'text' : '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 pr-11 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 <button\n type=\"button\"\n onClick={() => setShowPassword(s => !s)}\n tabIndex={-1}\n aria-label={showPassword ? 'Hide password' : 'Show password'}\n className=\"absolute inset-y-0 right-0 flex items-center px-3 text-gray-600 hover:text-gray-300 transition-colors\"\n >\n {showPassword ? (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n </svg>\n ) : (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n <circle cx=\"12\" cy=\"12\" r=\"3\" />\n </svg>\n )}\n </button>\n </div>\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 \|\| !username.trim()}\n className=\"mt-5 w-full flex items-center justify-center gap-2 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 && (\n <svg aria-hidden className=\"w-4 h-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"3\" opacity=\"0.25\" />\n <path d=\"M4 12a8 8 0 018-8\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n </svg>\n )}\n <span>{pending ? (mode === 'login' ? 'Signing in…' : 'Registering…') : (mode === 'login' ? 'Sign in' : 'Create account')}</span>\n </button>\n </form>\n\n <p className=\"text-center text-[11px] text-gray-700 mt-6\">\n Sleep2AGI · Apache-2.0 · <a href=\"https://anet.sh\" className=\"hover:text-gray-500 transition-colors\">anet.sh</a>\n </p>\n </div>\n </main>\n );\n}\n"],"names":["LoginPage","mode","setMode","username","setUsername","password","setPassword","showPassword","setShowPassword","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","viewBox","cx","cy","r","fill","stroke","strokeWidth","opacity","x1","y1","x2","y2","map","m","type","onClick","onSubmit","htmlFor","id","value","onChange","e","target","autoFocus","placeholder","s","tabIndex","width","height","strokeLinecap","strokeLinejoin","d","disabled","trim","href"],"mappings":"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"}

package/.next/server/chunks/ssr/app_server-logs_page_tsx_0_kpp1p._.js CHANGED Viewed

@@ -1,3 +1,3 @@
-module.exports=[30176,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e={log:"text-gray-300",info:"text-cyan-300",warn:"text-amber-400",error:"text-red-400"},f={log:"bg-gray-500/10 text-gray-400 border-gray-500/20",info:"bg-cyan-500/10 text-cyan-300 border-cyan-500/30",warn:"bg-amber-500/10 text-amber-300 border-amber-500/30",error:"bg-red-500/10 text-red-300 border-red-500/30"};a.s(["default",0,function(){let a,[g,h]=(0,c.useState)([]),[i,j]=(0,c.useState)(null),[k,l]=(0,c.useState)(!1),[m,n]=(0,c.useState)("all"),[o,p]=(0,c.useState)(""),[q,r]=(0,c.useState)(!0),s=(0,c.useRef)(""),t=(0,c.useCallback)(async(a=!1)=>{try{let b=new URLSearchParams({limit:"500"});!a&&s.current&&b.set("since",s.current);let c=await fetch(`/api/hub/server-logs?${b.toString()}`),d=await c.json();if(!c.ok||!d.ok)return void j(d.error||`HTTP ${c.status}`);j(null);let e=d.logs||[];if(0===e.length)return;s.current=e[0].ts,a?h(e):h(a=>{let b=new Set(a.map(a=>a.ts+a.line));return[...e.filter(a=>!b.has(a.ts+a.line)),...a].slice(0,1e3)})}catch(a){j(a instanceof Error?a.message:"fetch failed")}},[]);(0,c.useEffect)(()=>{t(!0)},[t]),(0,c.useEffect)(()=>{if(!q||k)return;let a=setInterval(()=>t(!1),2e3);return()=>clearInterval(a)},[q,k,t]);let u=g.filter(a=>("all"===m||a.level===m)&&(!o||!!a.line.toLowerCase().includes(o.toLowerCase()))),v={log:0,info:0,warn:0,error:0};for(let a of g)v[a.level]++;return(0,b.jsxs)("div",{className:"p-6 max-w-[1600px] mx-auto",children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between mb-4",children:[(0,b.jsxs)("div",{className:"flex items-baseline gap-3",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Server Logs"}),(0,b.jsx)("span",{className:"text-xs text-gray-500",children:"CommHub stdout/stderr · 最新在上"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("button",{onClick:()=>l(a=>!a),className:`px-3 py-1 rounded border ${k?"bg-amber-500/10 text-amber-300 border-amber-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/30"}`,children:k?"▶ Resume":"⏸ Pause"}),(0,b.jsxs)("label",{className:"flex items-center gap-1 text-gray-400 select-none",children:[(0,b.jsx)("input",{type:"checkbox",checked:q,onChange:a=>r(a.target.checked),className:"accent-cyan-500"}),"auto-refresh"]}),(0,b.jsx)("button",{onClick:()=>t(!0),className:"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:"↻ Reload"})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs",children:["all","log","info","warn","error"].map(a=>(0,b.jsxs)("button",{onClick:()=>n(a),className:`px-2.5 py-1 rounded border ${m===a?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[a,"all"!==a&&v[a]>0?` (${v[a]})`:""]},a))}),(0,b.jsx)("input",{value:o,onChange:a=>p(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40"}),(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[u.length," / ",g.length]})]}),i&&(a=/401|unauthor|forbidden|403|admin/i.test(i),(0,b.jsxs)("div",{className:"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3",role:"alert",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"⛔"}),(0,b.jsx)("div",{className:"flex-1",children:a?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"需要 admin 角色才能查看服务器日志"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:i,children:"服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。"}),(0,b.jsx)(d.default,{href:"/login",className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"切到 admin 账号 →"})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"服务器日志暂时无法加载"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:i,children:"请检查 CommHub 是否在线，或稍后重试。"}),(0,b.jsx)("button",{onClick:()=>window.location.reload(),className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"重新加载 →"})]})})]})),(0,b.jsx)("div",{className:"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden",children:0===u.length?(0,b.jsx)("div",{className:"p-8 text-center text-gray-600",children:i?"加载失败":0===g.length?"加载中...":"没有匹配的日志"}):(0,b.jsx)("div",{className:"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto",children:u.map((a,c)=>(0,b.jsxs)("div",{className:"px-3 py-1 hover:bg-[#0a0a14] flex gap-3",children:[(0,b.jsx)("span",{className:"text-gray-600 shrink-0 w-[110px] text-[10px]",children:function(a){try{let b=new Date(a);return b.toTimeString().slice(0,8)+"."+String(b.getMilliseconds()).padStart(3,"0")}catch{return a}}(a.ts)}),(0,b.jsx)("span",{className:`shrink-0 px-1.5 rounded border text-[9px] uppercase ${f[a.level]}`,children:a.level}),(0,b.jsx)("span",{className:`break-all whitespace-pre-wrap ${e[a.level]}`,children:a.line})]},`${a.ts}-${c}`))})})]})}])}];
+module.exports=[30176,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e={log:"text-gray-300",info:"text-cyan-300",warn:"text-amber-400",error:"text-red-400"},f={log:"bg-gray-500/10 text-gray-400 border-gray-500/20",info:"bg-cyan-500/10 text-cyan-300 border-cyan-500/30",warn:"bg-amber-500/10 text-amber-300 border-amber-500/30",error:"bg-red-500/10 text-red-300 border-red-500/30"},g={log:"transparent",info:"#22d3ee",warn:"#f59e0b",error:"#ef4444"};a.s(["default",0,function(){let a,[h,i]=(0,c.useState)([]),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)("all"),[p,q]=(0,c.useState)(""),[r,s]=(0,c.useState)(!0),t=(0,c.useRef)(""),u=(0,c.useCallback)(async(a=!1)=>{try{let b=new URLSearchParams({limit:"500"});!a&&t.current&&b.set("since",t.current);let c=await fetch(`/api/hub/server-logs?${b.toString()}`),d=await c.json();if(!c.ok||!d.ok)return void k(d.error||`HTTP ${c.status}`);k(null);let e=d.logs||[];if(0===e.length)return;t.current=e[0].ts,a?i(e):i(a=>{let b=new Set(a.map(a=>a.ts+a.line));return[...e.filter(a=>!b.has(a.ts+a.line)),...a].slice(0,1e3)})}catch(a){k(a instanceof Error?a.message:"fetch failed")}},[]);(0,c.useEffect)(()=>{u(!0)},[u]),(0,c.useEffect)(()=>{if(!r||l)return;let a=setInterval(()=>u(!1),2e3);return()=>clearInterval(a)},[r,l,u]);let v=h.filter(a=>("all"===n||a.level===n)&&(!p||!!a.line.toLowerCase().includes(p.toLowerCase()))),w={log:0,info:0,warn:0,error:0};for(let a of h)w[a.level]++;return(0,b.jsxs)("div",{className:"p-6 max-w-[1600px] mx-auto",children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between mb-4",children:[(0,b.jsxs)("div",{className:"flex items-baseline gap-3",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Server Logs"}),(0,b.jsx)("span",{className:"text-xs text-gray-500",children:"CommHub stdout/stderr · 最新在上"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("button",{onClick:()=>m(a=>!a),className:`px-3 py-1 rounded border ${l?"bg-amber-500/10 text-amber-300 border-amber-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/30"}`,children:l?"▶ Resume":"⏸ Pause"}),(0,b.jsxs)("label",{className:"flex items-center gap-1 text-gray-400 select-none",children:[(0,b.jsx)("input",{type:"checkbox",checked:r,onChange:a=>s(a.target.checked),className:"accent-cyan-500"}),"auto-refresh"]}),(0,b.jsx)("button",{onClick:()=>u(!0),className:"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:"↻ Reload"})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs",children:["all","log","info","warn","error"].map(a=>(0,b.jsxs)("button",{onClick:()=>o(a),className:`px-2.5 py-1 rounded border ${n===a?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[a,"all"!==a&&w[a]>0?` (${w[a]})`:""]},a))}),(0,b.jsx)("input",{value:p,onChange:a=>q(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40"}),(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[v.length," / ",h.length]})]}),j&&(a=/401|unauthor|forbidden|403|admin/i.test(j),(0,b.jsxs)("div",{className:"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3",role:"alert",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"⛔"}),(0,b.jsx)("div",{className:"flex-1",children:a?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"需要 admin 角色才能查看服务器日志"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。"}),(0,b.jsx)(d.default,{href:"/login",className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"切到 admin 账号 →"})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"服务器日志暂时无法加载"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"请检查 CommHub 是否在线，或稍后重试。"}),(0,b.jsx)("button",{onClick:()=>window.location.reload(),className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"重新加载 →"})]})})]})),(0,b.jsx)("div",{className:"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden",children:0===v.length?(0,b.jsx)("div",{className:"p-8 text-center text-gray-600",children:j?"加载失败":0===h.length?"加载中...":"没有匹配的日志"}):(0,b.jsx)("div",{className:"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto",children:v.map((a,c)=>(0,b.jsxs)("div",{className:"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute left-0 top-0 bottom-0 w-0.5",style:{backgroundColor:g[a.level]}}),(0,b.jsx)("span",{className:"text-gray-600 shrink-0 w-[100px] text-[10px] tabular-nums",children:function(a){try{let b=new Date(a);return b.toTimeString().slice(0,8)+"."+String(b.getMilliseconds()).padStart(3,"0")}catch{return a}}(a.ts)}),(0,b.jsx)("span",{className:`shrink-0 px-1.5 rounded border text-[9px] uppercase ${f[a.level]}`,children:a.level}),(0,b.jsx)("span",{className:`break-all whitespace-pre-wrap ${e[a.level]}`,children:function(a,c){if(!c)return a;let d=a.toLowerCase().indexOf(c.toLowerCase());return d<0?a:(0,b.jsxs)(b.Fragment,{children:[a.slice(0,d),(0,b.jsx)("mark",{className:"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5",children:a.slice(d,d+c.length)}),a.slice(d+c.length)]})}(a.line,p)})]},`${a.ts}-${c}`))})})]})}])}];
 //# sourceMappingURL=app_server-logs_page_tsx_0_kpp1p._.js.map

package/.next/server/chunks/ssr/app_server-logs_page_tsx_0_kpp1p._.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../app/server-logs/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport Link from 'next/link';\n\ninterface LogLine {\n ts: string;\n level: 'log' \| 'info' \| 'warn' \| 'error';\n line: string;\n}\n\nconst LEVEL_COLOR: Record<LogLine['level'], string> = {\n log: 'text-gray-300',\n info: 'text-cyan-300',\n warn: 'text-amber-400',\n error: 'text-red-400',\n};\n\nconst LEVEL_BADGE: Record<LogLine['level'], string> = {\n log: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n info: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30',\n warn: 'bg-amber-500/10 text-amber-300 border-amber-500/30',\n error: 'bg-red-500/10 text-red-300 border-red-500/30',\n};\n\nfunction shortTime(iso: string) {\n try {\n const d = new Date(iso);\n return d.toTimeString().slice(0, 8) + '.' + String(d.getMilliseconds()).padStart(3, '0');\n } catch {\n return iso;\n }\n}\n\nexport default function ServerLogsPage() {\n const [logs, setLogs] = useState<LogLine[]>([]);\n const [error, setError] = useState<string \| null>(null);\n const [paused, setPaused] = useState(false);\n const [filterLevel, setFilterLevel] = useState<'all' \| LogLine['level']>('all');\n const [search, setSearch] = useState('');\n const [autoRefresh, setAutoRefresh] = useState(true);\n const lastTsRef = useRef<string>('');\n\n const fetchLogs = useCallback(async (initial = false) => {\n try {\n const params = new URLSearchParams({ limit: '500' });\n if (!initial && lastTsRef.current) params.set('since', lastTsRef.current);\n const res = await fetch(`/api/hub/server-logs?${params.toString()}`);\n const data = await res.json();\n if (!res.ok \|\| !data.ok) {\n setError(data.error \|\| `HTTP ${res.status}`);\n return;\n }\n setError(null);\n const newLogs: LogLine[] = data.logs \|\| [];\n if (newLogs.length === 0) return;\n // server returns newest-first; track most recent ts for incremental fetches\n lastTsRef.current = newLogs[0].ts;\n if (initial) {\n setLogs(newLogs);\n } else {\n // merge: prepend new entries (which are newer than lastTs)\n setLogs(prev => {\n // de-dup by ts+line\n const seen = new Set(prev.map(l => l.ts + l.line));\n const fresh = newLogs.filter(l => !seen.has(l.ts + l.line));\n return [...fresh, ...prev].slice(0, 1000);\n });\n }\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : 'fetch failed');\n }\n }, []);\n\n useEffect(() => {\n fetchLogs(true);\n }, [fetchLogs]);\n\n useEffect(() => {\n if (!autoRefresh \|\| paused) return;\n const interval = setInterval(() => fetchLogs(false), 2000);\n return () => clearInterval(interval);\n }, [autoRefresh, paused, fetchLogs]);\n\n const filtered = logs.filter(l => {\n if (filterLevel !== 'all' && l.level !== filterLevel) return false;\n if (search && !l.line.toLowerCase().includes(search.toLowerCase())) return false;\n return true;\n });\n\n const counts = { log: 0, info: 0, warn: 0, error: 0 };\n for (const l of logs) counts[l.level]++;\n\n return (\n <div className=\"p-6 max-w-[1600px] mx-auto\">\n <div className=\"flex items-baseline justify-between mb-4\">\n <div className=\"flex items-baseline gap-3\">\n <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n <span className=\"text-xs text-gray-500\">CommHub stdout/stderr · 最新在上</span>\n </div>\n <div className=\"flex items-center gap-2 text-xs\">\n <button\n onClick={() => setPaused(p => !p)}\n className={`px-3 py-1 rounded border ${paused ? 'bg-amber-500/10 text-amber-300 border-amber-500/30' : 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30'}`}\n >\n {paused ? '▶ Resume' : '⏸ Pause'}\n </button>\n <label className=\"flex items-center gap-1 text-gray-400 select-none\">\n <input type=\"checkbox\" checked={autoRefresh} onChange={e => setAutoRefresh(e.target.checked)} className=\"accent-cyan-500\" />\n auto-refresh\n </label>\n <button onClick={() => fetchLogs(true)} className=\"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n ↻ Reload\n </button>\n </div>\n </div>\n\n <div className=\"flex items-center gap-3 mb-3\">\n <div className=\"flex items-center gap-1 text-xs\">\n {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => (\n <button\n key={lv}\n onClick={() => setFilterLevel(lv)}\n className={`px-2.5 py-1 rounded border ${\n filterLevel === lv\n ? 'bg-cyan-500/15 text-cyan-200 border-cyan-500/40'\n : 'bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]'\n }`}\n >\n {lv}{lv !== 'all' && counts[lv as LogLine['level']] > 0 ? ` (${counts[lv as LogLine['level']]})` : ''}\n </button>\n ))}\n </div>\n <input\n value={search}\n onChange={e => setSearch(e.target.value)}\n placeholder=\"搜索关键字 (alias / task_id / error message)\"\n className=\"flex-1 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40\"\n />\n <span className=\"text-[10px] text-gray-600\">\n {filtered.length} / {logs.length}\n </span>\n </div>\n\n {error && (() => {\n // Translate server error to user-friendly copy + actionable recovery.\n // Raw error stays in title tooltip for debugging.\n const isAuth = /401\|unauthor\|forbidden\|403\|admin/i.test(error);\n return (\n <div className=\"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3\" role=\"alert\">\n <span aria-hidden className=\"text-base leading-none\">⛔</span>\n <div className=\"flex-1\">\n {isAuth ? (\n <>\n <div className=\"font-medium\">需要 admin 角色才能查看服务器日志</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>\n 服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。\n </div>\n <Link href=\"/login\" className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 切到 admin 账号 →\n </Link>\n </>\n ) : (\n <>\n <div className=\"font-medium\">服务器日志暂时无法加载</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>请检查 CommHub 是否在线，或稍后重试。</div>\n <button onClick={() => window.location.reload()} className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 重新加载 →\n </button>\n </>\n )}\n </div>\n </div>\n );\n })()}\n\n <div className=\"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden\">\n {filtered.length === 0 ? (\n <div className=\"p-8 text-center text-gray-600\">\n {error ? '加载失败' : logs.length === 0 ? '加载中...' : '没有匹配的日志'}\n </div>\n ) : (\n <div className=\"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto\">\n {filtered.map((l, i) => (\n <div key={`${l.ts}-${i}`} className=\"px-3 py-1 hover:bg-[#0a0a14] flex gap-3\">\n <span className=\"text-gray-600 shrink-0 w-[110px] text-[10px]\">{shortTime(l.ts)}</span>\n <span className={`shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n {l.level}\n </span>\n <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>{l.line}</span>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["LEVEL_COLOR","log","info","warn","error","LEVEL_BADGE","shortTime","iso","d","Date","toTimeString","slice","String","getMilliseconds","padStart","ServerLogsPage","logs","setLogs","setError","paused","setPaused","filterLevel","setFilterLevel","search","setSearch","autoRefresh","setAutoRefresh","lastTsRef","fetchLogs","initial","params","URLSearchParams","limit","current","set","res","fetch","toString","data","json","ok","status","newLogs","length","ts","prev","seen","Set","map","l","line","fresh","filter","has","e","Error","message","interval","setInterval","clearInterval","filtered","level","toLowerCase","includes","counts","className","onClick","p","type","checked","onChange","target","lv","value","placeholder","isAuth","test","role","title","href","window","location","reload","i"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../app/server-logs/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport Link from 'next/link';\n\ninterface LogLine {\n ts: string;\n level: 'log' \| 'info' \| 'warn' \| 'error';\n line: string;\n}\n\nconst LEVEL_COLOR: Record<LogLine['level'], string> = {\n log: 'text-gray-300',\n info: 'text-cyan-300',\n warn: 'text-amber-400',\n error: 'text-red-400',\n};\n\nconst LEVEL_BADGE: Record<LogLine['level'], string> = {\n log: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n info: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30',\n warn: 'bg-amber-500/10 text-amber-300 border-amber-500/30',\n error: 'bg-red-500/10 text-red-300 border-red-500/30',\n};\n\n/** Left-rail strip color per log level — gives the eye a vertical guide\n * when scanning long log walls. Plain hex so Tailwind purge can't drop it. /\nconst LEVEL_STRIPE: Record<LogLine['level'], string> = {\n log: 'transparent',\n info: '#22d3ee',\n warn: '#f59e0b',\n error: '#ef4444',\n};\n\n/* Highlight search-matched substring inside a log line. Case-insensitive\n * first-match wrap; mark inherits color so log-level coloring stays. /\nfunction highlightSearch(line: string, q: string) {\n if (!q) return line;\n const idx = line.toLowerCase().indexOf(q.toLowerCase());\n if (idx < 0) return line;\n return (\n <>\n {line.slice(0, idx)}\n <mark className=\"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5\">{line.slice(idx, idx + q.length)}</mark>\n {line.slice(idx + q.length)}\n </>\n );\n}\n\nfunction shortTime(iso: string) {\n try {\n const d = new Date(iso);\n return d.toTimeString().slice(0, 8) + '.' + String(d.getMilliseconds()).padStart(3, '0');\n } catch {\n return iso;\n }\n}\n\nexport default function ServerLogsPage() {\n const [logs, setLogs] = useState<LogLine[]>([]);\n const [error, setError] = useState<string \| null>(null);\n const [paused, setPaused] = useState(false);\n const [filterLevel, setFilterLevel] = useState<'all' \| LogLine['level']>('all');\n const [search, setSearch] = useState('');\n const [autoRefresh, setAutoRefresh] = useState(true);\n const lastTsRef = useRef<string>('');\n\n const fetchLogs = useCallback(async (initial = false) => {\n try {\n const params = new URLSearchParams({ limit: '500' });\n if (!initial && lastTsRef.current) params.set('since', lastTsRef.current);\n const res = await fetch(`/api/hub/server-logs?${params.toString()}`);\n const data = await res.json();\n if (!res.ok \|\| !data.ok) {\n setError(data.error \|\| `HTTP ${res.status}`);\n return;\n }\n setError(null);\n const newLogs: LogLine[] = data.logs \|\| [];\n if (newLogs.length === 0) return;\n // server returns newest-first; track most recent ts for incremental fetches\n lastTsRef.current = newLogs[0].ts;\n if (initial) {\n setLogs(newLogs);\n } else {\n // merge: prepend new entries (which are newer than lastTs)\n setLogs(prev => {\n // de-dup by ts+line\n const seen = new Set(prev.map(l => l.ts + l.line));\n const fresh = newLogs.filter(l => !seen.has(l.ts + l.line));\n return [...fresh, ...prev].slice(0, 1000);\n });\n }\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : 'fetch failed');\n }\n }, []);\n\n useEffect(() => {\n fetchLogs(true);\n }, [fetchLogs]);\n\n useEffect(() => {\n if (!autoRefresh \|\| paused) return;\n const interval = setInterval(() => fetchLogs(false), 2000);\n return () => clearInterval(interval);\n }, [autoRefresh, paused, fetchLogs]);\n\n const filtered = logs.filter(l => {\n if (filterLevel !== 'all' && l.level !== filterLevel) return false;\n if (search && !l.line.toLowerCase().includes(search.toLowerCase())) return false;\n return true;\n });\n\n const counts = { log: 0, info: 0, warn: 0, error: 0 };\n for (const l of logs) counts[l.level]++;\n\n return (\n <div className=\"p-6 max-w-[1600px] mx-auto\">\n <div className=\"flex items-baseline justify-between mb-4\">\n <div className=\"flex items-baseline gap-3\">\n <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n <span className=\"text-xs text-gray-500\">CommHub stdout/stderr · 最新在上</span>\n </div>\n <div className=\"flex items-center gap-2 text-xs\">\n <button\n onClick={() => setPaused(p => !p)}\n className={`px-3 py-1 rounded border ${paused ? 'bg-amber-500/10 text-amber-300 border-amber-500/30' : 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30'}`}\n >\n {paused ? '▶ Resume' : '⏸ Pause'}\n </button>\n <label className=\"flex items-center gap-1 text-gray-400 select-none\">\n <input type=\"checkbox\" checked={autoRefresh} onChange={e => setAutoRefresh(e.target.checked)} className=\"accent-cyan-500\" />\n auto-refresh\n </label>\n <button onClick={() => fetchLogs(true)} className=\"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n ↻ Reload\n </button>\n </div>\n </div>\n\n <div className=\"flex items-center gap-3 mb-3\">\n <div className=\"flex items-center gap-1 text-xs\">\n {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => (\n <button\n key={lv}\n onClick={() => setFilterLevel(lv)}\n className={`px-2.5 py-1 rounded border ${\n filterLevel === lv\n ? 'bg-cyan-500/15 text-cyan-200 border-cyan-500/40'\n : 'bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]'\n }`}\n >\n {lv}{lv !== 'all' && counts[lv as LogLine['level']] > 0 ? ` (${counts[lv as LogLine['level']]})` : ''}\n </button>\n ))}\n </div>\n <input\n value={search}\n onChange={e => setSearch(e.target.value)}\n placeholder=\"搜索关键字 (alias / task_id / error message)\"\n className=\"flex-1 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40\"\n />\n <span className=\"text-[10px] text-gray-600\">\n {filtered.length} / {logs.length}\n </span>\n </div>\n\n {error && (() => {\n // Translate server error to user-friendly copy + actionable recovery.\n // Raw error stays in title tooltip for debugging.\n const isAuth = /401\|unauthor\|forbidden\|403\|admin/i.test(error);\n return (\n <div className=\"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3\" role=\"alert\">\n <span aria-hidden className=\"text-base leading-none\">⛔</span>\n <div className=\"flex-1\">\n {isAuth ? (\n <>\n <div className=\"font-medium\">需要 admin 角色才能查看服务器日志</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>\n 服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。\n </div>\n <Link href=\"/login\" className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 切到 admin 账号 →\n </Link>\n </>\n ) : (\n <>\n <div className=\"font-medium\">服务器日志暂时无法加载</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>请检查 CommHub 是否在线，或稍后重试。</div>\n <button onClick={() => window.location.reload()} className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 重新加载 →\n </button>\n </>\n )}\n </div>\n </div>\n );\n })()}\n\n <div className=\"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden\">\n {filtered.length === 0 ? (\n <div className=\"p-8 text-center text-gray-600\">\n {error ? '加载失败' : logs.length === 0 ? '加载中...' : '没有匹配的日志'}\n </div>\n ) : (\n <div className=\"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto\">\n {filtered.map((l, i) => (\n <div key={`${l.ts}-${i}`} className=\"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3\">\n {/ Round 32: 2px left rail keyed to level. Makes warn/error\n spike visible in a wall of `log` lines without users having\n to read the level chip on every row. */}\n <span\n aria-hidden\n className=\"absolute left-0 top-0 bottom-0 w-0.5\"\n style={{ backgroundColor: LEVEL_STRIPE[l.level] }}\n />\n <span className=\"text-gray-600 shrink-0 w-[100px] text-[10px] tabular-nums\">{shortTime(l.ts)}</span>\n <span className={`shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n {l.level}\n </span>\n <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>\n {highlightSearch(l.line, search)}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["LEVEL_COLOR","log","info","warn","error","LEVEL_BADGE","LEVEL_STRIPE","highlightSearch","line","q","idx","toLowerCase","indexOf","slice","className","length","shortTime","iso","d","Date","toTimeString","String","getMilliseconds","padStart","ServerLogsPage","logs","setLogs","setError","paused","setPaused","filterLevel","setFilterLevel","search","setSearch","autoRefresh","setAutoRefresh","lastTsRef","fetchLogs","initial","params","URLSearchParams","limit","current","set","res","fetch","toString","data","json","ok","status","newLogs","ts","prev","seen","Set","map","l","fresh","filter","has","e","Error","message","interval","setInterval","clearInterval","filtered","level","includes","counts","onClick","p","type","checked","onChange","target","lv","value","placeholder","isAuth","test","role","title","href","window","location","reload","i","style","backgroundColor"],"mappings":"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"}

package/.next/server/chunks/ssr/app_tasks_page_tsx_0z-d6mp._.js CHANGED Viewed

@@ -1,3 +1,3 @@
-module.exports=[69474,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(22397),f=a.i(31626),g=a.i(43515);let h={created:"text-gray-400",delivered:"text-blue-400",running:"text-green-400",replied:"text-purple-400",failed:"text-red-400",closed:"text-gray-500"};function i({taskId:a,onClose:d}){let[e,j]=(0,c.useState)(null),[k,l]=(0,c.useState)([]),[m,n]=(0,c.useState)(!0);(0,c.useEffect)(()=>{(async()=>{try{let[b,c]=await Promise.all([fetch(`/api/hub/tasks?task_id=${encodeURIComponent(a)}`),fetch(`/api/hub/task-events?task_id=${encodeURIComponent(a)}&limit=50`)]),d=await b.json(),e=await c.json();d.tasks?.[0]&&j(d.tasks[0]),l(e.events||[])}catch{}finally{n(!1)}})()},[a]);let o=e?[{label:"Created",time:e.created_at,color:"bg-gray-400"},{label:"Delivered",time:e.delivered_at,color:"bg-blue-400"},{label:"Started",time:e.started_at,color:"bg-green-400"},{label:"Completed",time:e.completed_at,color:"bg-purple-400"}]:[],p=e?.started_at&&e?.completed_at?Math.round((new Date(e.completed_at).getTime()-new Date(e.started_at).getTime())/1e3):null;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{onClick:d,className:"jsx-c3e56cbc81656d9 fixed inset-0 bg-black/30 z-40"}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 overflow-y-auto animate-slide-in",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm font-semibold text-white",children:"Task Detail"}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-500 mt-0.5",children:[a.slice(0,16),"..."]})]}),(0,b.jsx)("button",{onClick:d,className:"jsx-c3e56cbc81656d9 text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,b.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-c3e56cbc81656d9 w-5 h-5",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-c3e56cbc81656d9"})})})]}),m?(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 flex justify-center py-16",children:(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}):e?(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 px-5 py-5 space-y-5",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-3",children:[(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 text-lg font-bold ${h[e.status]||"text-gray-400"}`,children:e.status}),"normal"!==e.priority&&(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 text-xs px-2 py-0.5 rounded border ${"high"===e.priority?"text-red-300 border-red-500/20":"text-gray-400 border-gray-600/20"}`,children:e.priority}),null!==p&&(0,b.jsxs)("span",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500",children:["⏱ ",p<60?`${p}s`:`${Math.floor(p/60)}m ${p%60}s`]})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-2 text-sm",children:[(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-blue-400 font-medium",children:e.from_name||"--"}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600",children:"→"}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-cyan-400 font-medium",children:e.to_name||"--"})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-3",children:"Timeline"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 space-y-3",children:o.map((a,c)=>(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-3",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex flex-col items-center",children:[(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 w-3 h-3 rounded-full ${a.time?a.color:"bg-gray-700"}`}),c<o.length-1&&(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 w-0.5 h-4 mt-1 ${a.time&&o[c+1]?.time?"bg-gray-600":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex-1",children:[(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 text-xs font-medium ${a.time?"text-gray-300":"text-gray-600"}`,children:a.label}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-500",children:a.time||"Pending"})]})]},a.label))})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:"Input"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm text-gray-300 whitespace-pre-wrap",children:e.content||"--"})]}),e.result&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:"Output"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm text-gray-300 whitespace-pre-wrap max-h-64 overflow-y-auto",children:e.result})]}),k.length>0&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:["Events (",k.length,")"]}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 space-y-1.5 max-h-40 overflow-y-auto",children:k.map(a=>(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-2 text-[11px]",children:[(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 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:"jsx-c3e56cbc81656d9 text-gray-400",children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600",children:[a.from_status,"→",a.to_status]}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600 ml-auto",children:(0,g.timeAgo)(a.created_at)})]},a.id))})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-600 space-y-1",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:["Task ID: ",e.task_id]}),e.expires_at&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:["Expires: ",e.expires_at]})]})]}):(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-center py-16 text-gray-500",children:"Task not found"})]}),(0,b.jsx)(f.default,{id:"c3e56cbc81656d9",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}var j=a.i(53142);let k=["","created","delivered","acked","running","replied","closed","failed","cancelled","expired"],l={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"},m={created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee",running:"#4ade80",replied:"#a78bfa",closed:"#6b7280",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c"};function n(a){let b=l[a]||"bg-gray-500/10 text-gray-400 border-gray-500/20";return`text-xs px-2 py-0.5 rounded-md border ${b}`}function o(a){return"high"===a?"text-red-400":"low"===a?"text-gray-600":"text-gray-400"}function p(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`}function q(){let a,f,g,h=(0,d.useSearchParams)(),{networkId:q}=(0,e.useNetworkId)(),[r,s]=(0,c.useState)([]),[t,u]=(0,c.useState)(0),[v,w]=(0,c.useState)(!0),[x,y]=(0,c.useState)(""),[z,A]=(0,c.useState)(new Set),[B,C]=(0,c.useState)(h.get("status")||""),[D,E]=(0,c.useState)(""),[F,G]=(0,c.useState)(""),[H,I]=(0,c.useState)(null),J=a=>{A(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},K=(0,c.useCallback)(async()=>{try{let a=new URLSearchParams;q&&a.set("network_id",q),B&&a.set("status",B),D&&a.set("from_name",D),F&&a.set("to_name",F),a.set("limit","100");let b=await fetch(`/api/hub/tasks?${a.toString()}`);if(401===b.status)return void window.location.assign("/login");let c=await b.json();s(c.tasks||[]),u(c.count??(c.tasks?.length||0)),y("")}catch(a){y(a instanceof Error?a.message:"fetch failed")}finally{w(!1)}},[B,D,F,q]);return(0,c.useEffect)(()=>{w(!0),K();let a=setInterval(K,5e3);return()=>clearInterval(a)},[K]),(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:"Tasks"}),(0,b.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:t})]}),(0,b.jsx)("div",{className:"anet-tabstrip-wrap mb-4",children:(0,b.jsx)("div",{className:"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin",children:["",...k.filter(Boolean)].map(a=>(0,b.jsxs)("button",{onClick:()=>C(a),className:`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap ${B===a?`${l[a]||"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"} border`:"text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40"}`,children:[a&&(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:m[a]||"#6b7280"}}),(0,b.jsx)("span",{children:a||"All"})]},a))})}),(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,b.jsx)("input",{type:"text",value:D,onChange:a=>E(a.target.value),placeholder:"From node...",className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:outline-none w-40"}),(0,b.jsx)("input",{type:"text",value:F,onChange:a=>G(a.target.value),placeholder:"To node...",className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:outline-none w-40"})]}),r.length>0&&!B&&(a={},r.forEach(b=>{a[b.status]=(a[b.status]||0)+1}),f=r.length||1,(g=[{key:"running",color:"bg-green-500",text:"text-green-400"},{key:"delivered",color:"bg-blue-500",text:"text-blue-400"},{key:"replied",color:"bg-purple-500",text:"text-purple-400"},{key:"failed",color:"bg-red-500",text:"text-red-400"},{key:"expired",color:"bg-orange-500",text:"text-orange-400"}].filter(b=>a[b.key])).length?(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsx)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:g.map(c=>(0,b.jsx)("div",{className:c.color,style:{width:`${a[c.key]/f*100}%`}},c.key))}),(0,b.jsx)("div",{className:"flex flex-wrap gap-3 mt-1.5 text-[10px] text-gray-500",children:g.map(c=>(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:`inline-block w-2 h-2 rounded-full ${c.color} mr-1`}),a[c.key]," ",c.key]},c.key))})]}):null),x&&(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:x}),v?(0,b.jsx)("div",{className:"animate-pulse space-y-3",children:[1,2,3,4,5].map(a=>(0,b.jsx)("div",{className:"h-20 bg-gray-800/20 rounded-lg border border-gray-800/40"},a))}):0===r.length?(0,b.jsx)(j.EmptyState,{variant:"tasks",sub:B||D||F?"No tasks match the current filters. Try clearing them.":"Tasks will appear here when agents send them via CommHub."}):(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,b.jsx)("div",{className:"col-span-1",children:"Status"}),(0,b.jsx)("div",{className:"col-span-2",children:"From"}),(0,b.jsx)("div",{className:"col-span-2",children:"To"}),(0,b.jsx)("div",{className:"col-span-4",children:"Content"}),(0,b.jsx)("div",{className:"col-span-1",children:"Priority"}),(0,b.jsx)("div",{className:"col-span-2",children:"Time"})]}),r.map(a=>{let c=z.has(a.task_id);return(0,b.jsxs)("div",{className:`anet-task-row group bg-[#111128] border rounded-lg px-4 py-3 transition-all duration-200 cursor-pointer ${c?"border-[#3a3a5a] shadow-lg shadow-black/20":"border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]"}`,onClick:()=>J(a.task_id),role:"button",tabIndex:0,"aria-expanded":c,onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),J(a.task_id))},children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 items-center",children:[(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:n(a.status),children:a.status})}),(0,b.jsx)("div",{className:"col-span-2 text-sm text-blue-400 truncate",title:a.from_name,children:a.from_name||"--"}),(0,b.jsx)("div",{className:"col-span-2 text-sm text-cyan-400 truncate",title:a.to_name,children:a.to_name||"--"}),(0,b.jsx)("div",{className:"col-span-4 text-xs text-gray-400 truncate",title:a.content,children:a.content||"--"}),(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:`text-xs ${o(a.priority)}`,children:a.priority||"normal"})}),(0,b.jsxs)("div",{className:"col-span-2 text-xs text-gray-500 flex items-center justify-between gap-2",title:a.created_at,children:[(0,b.jsx)("span",{className:"truncate",children:p(a.created_at)}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between",children:[(0,b.jsx)("span",{className:n(a.status),children:a.status}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:`text-xs ${o(a.priority)}`,children:a.priority||"normal"}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`text-gray-600 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"text-xs text-gray-500",children:[(0,b.jsx)("span",{className:"text-blue-400",children:a.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600 mx-1",children:"→"}),(0,b.jsx)("span",{className:"text-cyan-400",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"text-xs text-gray-400 line-clamp-1",children:a.content||"--"}),(0,b.jsx)("div",{className:"text-xs text-gray-600",children:p(a.created_at)})]}),(0,b.jsx)("div",{className:`grid transition-all duration-300 ease-out ${c?"grid-rows-[1fr] opacity-100 mt-3":"grid-rows-[0fr] opacity-0"}`,"aria-hidden":!c,children:(0,b.jsx)("div",{className:"overflow-hidden",children:(0,b.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a] space-y-3",children:[a.content&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Content"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a]",children:a.content})]}),a.result&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Result"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] max-h-48 overflow-y-auto",children:a.result})]}),(0,b.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs",children:[["Created",a.created_at],["Delivered",a.delivered_at],["Started",a.started_at],["Completed",a.completed_at]].map(([a,c])=>(0,b.jsxs)("div",{children:[(0,b.jsxs)("span",{className:"text-gray-600",children:[a,": "]}),(0,b.jsx)("span",{className:"text-gray-400",children:c?p(c):"--"})]},a))}),a.expires_at&&(0,b.jsxs)("div",{className:"text-xs",children:[(0,b.jsx)("span",{className:"text-gray-600",children:"Expires: "}),(0,b.jsx)("span",{className:"text-orange-400",children:a.expires_at})]}),(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-600 truncate",title:a.task_id,children:["ID: ",a.task_id]}),(0,b.jsxs)("div",{className:"flex gap-2 shrink-0",children:[("failed"===a.status||"expired"===a.status)&&(0,b.jsx)("button",{onClick:async b=>{b.stopPropagation(),await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:a.to_name,task:a.content,priority:a.priority})}),K()},className:"text-xs text-orange-400 hover:text-orange-300 px-2 py-0.5 rounded border border-orange-500/20 hover:bg-orange-500/10",children:"Retry"}),(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),I(a.task_id)},className:"text-xs text-cyan-400 hover:text-cyan-300",children:"Detail →"})]})]})]})})})]},a.task_id)})]}),H&&(0,b.jsx)(i,{taskId:H,onClose:()=>I(null)})]})}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 tasks..."}),children:(0,b.jsx)(q,{})})}],69474)}];
+module.exports=[69474,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(22397),f=a.i(43515),g=a.i(1720);let h={created:"text-gray-400",delivered:"text-blue-400",running:"text-green-400",replied:"text-purple-400",failed:"text-red-400",closed:"text-gray-500"};function i({taskId:a,onClose:d}){let[e,j]=(0,c.useState)(null),[k,l]=(0,c.useState)([]),[m,n]=(0,c.useState)(!0);(0,c.useEffect)(()=>{(async()=>{try{let[b,c]=await Promise.all([fetch(`/api/hub/tasks?task_id=${encodeURIComponent(a)}`),fetch(`/api/hub/task-events?task_id=${encodeURIComponent(a)}&limit=50`)]),d=await b.json(),e=await c.json();d.tasks?.[0]&&j(d.tasks[0]),l(e.events||[])}catch{}finally{n(!1)}})()},[a]);let o=e?[{key:"created",label:"Created",time:e.created_at,color:"bg-gray-400"},{key:"delivered",label:"Delivered",time:e.delivered_at,color:"bg-blue-400"},{key:"started",label:"Started",time:e.started_at,color:"bg-green-400"},{key:"completed",label:"Completed",time:e.completed_at,color:"bg-purple-400"}].map(a=>({...a,done:!!a.time})):[],p=o.findIndex(a=>!a.done),q=e&&"completed"!==e.status&&"failed"!==e.status&&"expired"!==e.status&&"cancelled"!==e.status,r=e?.started_at&&e?.completed_at?Math.round((new Date(e.completed_at).getTime()-new Date(e.started_at).getTime())/1e3):null;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/30 z-40 anet-fade-in",onClick:d}),(0,b.jsxs)("div",{className:"fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 overflow-y-auto animate-slide-in",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"Task Detail"}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500 mt-0.5",children:[a.slice(0,16),"..."]})]}),(0,b.jsx)("button",{onClick:d,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",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:"M6 18L18 6M6 6l12 12"})})})]}),m?(0,b.jsx)("div",{className:"flex justify-center py-16",children:(0,b.jsx)("div",{className:"w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}):e?(0,b.jsxs)("div",{className:"px-5 py-5 space-y-5",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:`text-lg font-bold ${h[e.status]||"text-gray-400"}`,children:e.status}),"normal"!==e.priority&&(0,b.jsx)("span",{className:`text-xs px-2 py-0.5 rounded border ${"high"===e.priority?"text-red-300 border-red-500/20":"text-gray-400 border-gray-600/20"}`,children:e.priority}),null!==r&&(0,b.jsxs)("span",{className:"text-xs text-gray-500",children:["⏱ ",r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-sm flex-wrap",children:[e.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.from_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.to_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.to_name||"--"})]}),(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-3",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase tracking-wide",children:"Timeline"}),null!==r&&(0,b.jsxs)("div",{className:"text-[10px] text-gray-600",children:[r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`," runtime"]})]}),(0,b.jsx)("div",{className:"space-y-3",children:o.map((a,c)=>{let d=q&&c===p,e=!!o[c+1]?.done;return(0,b.jsxs)("div",{className:"flex items-start gap-3",children:[(0,b.jsxs)("div",{className:"flex flex-col items-center pt-0.5",children:[(0,b.jsx)("span",{className:`relative w-3 h-3 rounded-full shrink-0 ${a.done?a.color:"bg-gray-700"}`,children:d&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -inset-1 rounded-full border border-current opacity-60 anet-current-step-pulse",style:{borderColor:"currentColor"}})}),c<o.length-1&&(0,b.jsx)("div",{className:`w-0.5 h-5 mt-1 ${a.done&&e?"bg-gray-500":a.done?"bg-gradient-to-b from-gray-500 to-gray-800":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:`text-xs font-medium flex items-center gap-2 ${a.done?"text-gray-200":d?"text-cyan-300":"text-gray-600"}`,children:[(0,b.jsx)("span",{children:a.label}),d&&(0,b.jsx)("span",{className:"text-[9px] uppercase tracking-wide text-cyan-400",children:"in progress"})]}),(0,b.jsx)("div",{className:"text-[10px] text-gray-500",title:a.time||void 0,children:a.time?(0,f.timeAgo)(a.time):d?"—":"Pending"})]})]},a.key)})})]}),(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Input"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap",children:e.content||"--"})]}),e.result&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Output"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap max-h-64 overflow-y-auto",children:e.result})]}),k.length>0&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:["Events (",k.length,")"]}),(0,b.jsx)("div",{className:"space-y-1.5 max-h-40 overflow-y-auto",children:k.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 text-[11px]",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",children:(0,f.timeAgo)(a.created_at)})]},a.id))})]}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-600 space-y-1",children:[(0,b.jsxs)("div",{children:["Task ID: ",e.task_id]}),e.expires_at&&(0,b.jsxs)("div",{children:["Expires: ",e.expires_at]})]})]}):(0,b.jsx)("div",{className:"text-center py-16 text-gray-500",children:"Task not found"})]})]})}var j=a.i(53142);let k=["","created","delivered","acked","running","replied","closed","failed","cancelled","expired"],l={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"},m={created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee",running:"#4ade80",replied:"#a78bfa",closed:"#6b7280",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c"};function n(a){let b=l[a]||"bg-gray-500/10 text-gray-400 border-gray-500/20";return`text-xs px-2 py-0.5 rounded-md border ${b}`}function o(a){return"high"===a?"text-red-400":"low"===a?"text-gray-600":"text-gray-400"}function p(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`}function q(){let a,f,h,q,r=(0,d.useSearchParams)(),{networkId:s}=(0,e.useNetworkId)(),[t,u]=(0,c.useState)([]),[v,w]=(0,c.useState)(0),[x,y]=(0,c.useState)(!0),[z,A]=(0,c.useState)(""),[B,C]=(0,c.useState)(new Set),[D,E]=(0,c.useState)(r.get("status")||""),[F,G]=(0,c.useState)(""),[H,I]=(0,c.useState)(""),[J,K]=(0,c.useState)(null),L=a=>{C(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},M=(0,c.useCallback)(async()=>{try{let a=new URLSearchParams;s&&a.set("network_id",s),D&&a.set("status",D),F&&a.set("from_name",F),H&&a.set("to_name",H),a.set("limit","100");let b=await fetch(`/api/hub/tasks?${a.toString()}`);if(401===b.status)return void window.location.assign("/login");let c=await b.json();u(c.tasks||[]),w(c.count??(c.tasks?.length||0)),A("")}catch(a){A(a instanceof Error?a.message:"fetch failed")}finally{y(!1)}},[D,F,H,s]);return(0,c.useEffect)(()=>{y(!0),M();let a=setInterval(M,5e3);return()=>clearInterval(a)},[M]),(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:"Tasks"}),(0,b.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:v})]}),(0,b.jsx)("div",{className:"anet-tabstrip-wrap mb-4",children:(0,b.jsx)("div",{className:"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin",children:(a={},t.forEach(b=>{a[b.status]=(a[b.status]||0)+1}),["",...k.filter(Boolean)].map(c=>{let d=""===c?t.length:a[c]||0,e=D===c;return(0,b.jsxs)("button",{onClick:()=>E(c),disabled:0===d&&""!==c&&!e,className:`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap disabled:opacity-30 disabled:cursor-not-allowed ${e?`${l[c]||"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"} border`:"text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40"}`,children:[c&&(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:m[c]||"#6b7280"}}),(0,b.jsx)("span",{children:c||"All"}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${e?"opacity-80":"text-gray-600"}`,children:d})]},c)}))})}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mb-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"From"}),(0,b.jsx)("input",{type:"text",value:F,onChange:a=>G(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"To"}),(0,b.jsx)("input",{type:"text",value:H,onChange:a=>I(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(D||F||H)&&(0,b.jsx)("button",{type:"button",onClick:()=>{E(""),G(""),I("")},className:"rounded-lg border border-gray-700 px-2.5 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:border-gray-600",children:"Clear filters"})]}),t.length>0&&!D&&(f={},t.forEach(a=>{f[a.status]=(f[a.status]||0)+1}),h=t.length||1,(q=[{key:"running",color:"bg-green-500",text:"text-green-400"},{key:"delivered",color:"bg-blue-500",text:"text-blue-400"},{key:"replied",color:"bg-purple-500",text:"text-purple-400"},{key:"failed",color:"bg-red-500",text:"text-red-400"},{key:"expired",color:"bg-orange-500",text:"text-orange-400"}].filter(a=>f[a.key])).length?(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsx)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:q.map(a=>(0,b.jsx)("div",{className:a.color,style:{width:`${f[a.key]/h*100}%`}},a.key))}),(0,b.jsx)("div",{className:"flex flex-wrap gap-3 mt-1.5 text-[10px] text-gray-500",children:q.map(a=>(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:`inline-block w-2 h-2 rounded-full ${a.color} mr-1`}),f[a.key]," ",a.key]},a.key))})]}):null),z&&(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:z}),x?(0,b.jsx)("div",{className:"animate-pulse space-y-3",children:[1,2,3,4,5].map(a=>(0,b.jsx)("div",{className:"h-20 bg-gray-800/20 rounded-lg border border-gray-800/40"},a))}):0===t.length?(0,b.jsx)(j.EmptyState,{variant:"tasks",sub:D||F||H?"No tasks match the current filters. Try clearing them.":"Tasks will appear here when agents send them via CommHub."}):(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,b.jsx)("div",{className:"col-span-1",children:"Status"}),(0,b.jsx)("div",{className:"col-span-2",children:"From"}),(0,b.jsx)("div",{className:"col-span-2",children:"To"}),(0,b.jsx)("div",{className:"col-span-4",children:"Content"}),(0,b.jsx)("div",{className:"col-span-1",children:"Priority"}),(0,b.jsx)("div",{className:"col-span-2",children:"Time"})]}),t.map(a=>{let c=B.has(a.task_id);return(0,b.jsxs)("div",{className:`anet-task-row group bg-[#111128] border rounded-lg px-4 py-3 transition-all duration-200 cursor-pointer ${c?"border-[#3a3a5a] shadow-lg shadow-black/20":"border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]"}`,onClick:()=>L(a.task_id),role:"button",tabIndex:0,"aria-expanded":c,onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),L(a.task_id))},children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 items-center",children:[(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:n(a.status),children:a.status})}),(0,b.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.from_name,children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.from_name||"--"})]}),(0,b.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.to_name,children:[a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"col-span-4 text-xs text-gray-400 truncate",title:a.content,children:a.content||"--"}),(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:`text-xs ${o(a.priority)}`,children:a.priority||"normal"})}),(0,b.jsxs)("div",{className:"col-span-2 text-xs text-gray-500 flex items-center justify-between gap-2",title:a.created_at,children:[(0,b.jsx)("span",{className:"truncate",children:p(a.created_at)}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between",children:[(0,b.jsx)("span",{className:n(a.status),children:a.status}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:`text-xs ${o(a.priority)}`,children:a.priority||"normal"}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`text-gray-600 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 text-xs text-gray-300 min-w-0",children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[40%]",children:a.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[40%]",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"text-xs text-gray-400 line-clamp-1",children:a.content||"--"}),(0,b.jsx)("div",{className:"text-xs text-gray-600",children:p(a.created_at)})]}),(0,b.jsx)("div",{className:`grid transition-all duration-300 ease-out ${c?"grid-rows-[1fr] opacity-100 mt-3":"grid-rows-[0fr] opacity-0"}`,"aria-hidden":!c,children:(0,b.jsx)("div",{className:"overflow-hidden",children:(0,b.jsxs)("div",{className:"pt-3 border-t border-[#2a2a4a] space-y-3",children:[a.content&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Content"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a]",children:a.content})]}),a.result&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Result"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] max-h-48 overflow-y-auto",children:a.result})]}),(0,b.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs",children:[["Created",a.created_at],["Delivered",a.delivered_at],["Started",a.started_at],["Completed",a.completed_at]].map(([a,c])=>(0,b.jsxs)("div",{children:[(0,b.jsxs)("span",{className:"text-gray-600",children:[a,": "]}),(0,b.jsx)("span",{className:"text-gray-400",children:c?p(c):"--"})]},a))}),a.expires_at&&(0,b.jsxs)("div",{className:"text-xs",children:[(0,b.jsx)("span",{className:"text-gray-600",children:"Expires: "}),(0,b.jsx)("span",{className:"text-orange-400",children:a.expires_at})]}),(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-600 truncate",title:a.task_id,children:["ID: ",a.task_id]}),(0,b.jsxs)("div",{className:"flex gap-2 shrink-0",children:[("failed"===a.status||"expired"===a.status)&&(0,b.jsx)("button",{onClick:async b=>{b.stopPropagation(),await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:a.to_name,task:a.content,priority:a.priority})}),M()},className:"text-xs text-orange-400 hover:text-orange-300 px-2 py-0.5 rounded border border-orange-500/20 hover:bg-orange-500/10",children:"Retry"}),(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),K(a.task_id)},className:"text-xs text-cyan-400 hover:text-cyan-300",children:"Detail →"})]})]})]})})})]},a.task_id)})]}),J&&(0,b.jsx)(i,{taskId:J,onClose:()=>K(null)})]})}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 tasks..."}),children:(0,b.jsx)(q,{})})}],69474)}];
 //# sourceMappingURL=app_tasks_page_tsx_0z-d6mp._.js.map