import{c as V,d as q,u as I,w as B,a as D,b as $,e as h,f as a,g as i,h as l,i as e,t as z,j as v,k as c,_ as P,F as N,l as T,r as f,m as j,o,n as m,p as g,q as E,v as F,s as R}from"./index-BebFsTBB.js";import{u as U}from"./useChartData-BzFV_X8y.js";var A=V("outline","map","Map",[["path",{d:"M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13",key:"svg-0"}],["path",{d:"M9 4v13",key:"svg-1"}],["path",{d:"M15 7v13",key:"svg-2"}]]);const Q={class:"page-container"},G={class:"flex flex-wrap items-center justify-between gap-x-4 gap-y-4 md:gap-x-8"},H={class:"text-muted flex flex-wrap items-center gap-x-4 gap-y-4 md:gap-x-8"},J={key:0,class:"stat-label"},K={class:"card relative flex flex-col gap-4 md:h-[calc(100vh-9rem)]"},L={class:"flex min-h-8 flex-col gap-4 md:flex-row md:items-start"},O={class:"flex min-h-9 flex-wrap items-center gap-4 rounded border border-stone-800 bg-stone-900 px-1.5 py-1"},W={class:"flex items-center gap-2"},X={class:"min-h-0 flex-1"},Y=q({__name:"ChartView",setup(Z){const r=I(),s=j();function p(){s.path.includes("/map")?r.state.columns=["time","remote_addr","latitude","longitude","country","city","type","event"]:r.state.columns=["time","remote_addr","dst_port","type","event"]}p(),B(()=>s.path,p);const _=D(),x=T(()=>{const d=y.value.length,t=_.selectedCount,n=_.selectedIPCount;return t>0?`(${t} selected, ${n} IPs / ${d} events)`:`(${d} events)`});$(r.state,{limit:{number:!0},remote_addr:{array:!0,comma:!0},dst_port:{array:!0,comma:!0},time_start:{},time_end:{},x_range:{array:!0,comma:!0},y_range:{array:!0,comma:!0},domain:{array:!0,comma:!0},fqdn:{array:!0,comma:!0},sync_time_with_chart:{boolean:!0},sync_ports_with_chart:{boolean:!0},asn:{array:!0,comma:!0},city:{array:!0,comma:!0},country:{array:!0,comma:!0}});const{chartData:y,connectionStatus:u,connect:w,disconnect:C,loading:k}=U({enabled:()=>s.name!=="charts-activity"});function b(){u.value==="open"?C():w()}return(d,t)=>{const n=f("router-link"),M=f("router-view");return o(),h("div",Q,[a("div",G,[a("div",H,[i(n,{to:{path:"/charts/port",query:e(s).query},class:"chart-link"},{default:l(()=>[(o(),c(m(e(g).port),{size:"24"})),t[1]||(t[1]=a("span",null,"Port Chart",-1))]),_:1},8,["to"]),i(n,{to:{path:"/charts/activity",query:e(s).query},class:"chart-link"},{default:l(()=>[(o(),c(m(e(g).activity),{size:"24"})),t[2]||(t[2]=a("span",null,"Recent Activity",-1))]),_:1},8,["to"]),i(n,{to:{path:"/charts/map"},class:"chart-link"},{default:l(()=>[(o(),c(m(e(A)),{size:"24"})),t[3]||(t[3]=a("span",null,"Threat Map",-1))]),_:1}),e(s).name!=="charts-activity"?(o(),h("p",J,z(x.value),1)):v("",!0)]),e(s).name!=="charts-activity"?(o(),c(P,{key:0,st:e(u),onToggleConnection:b},null,8,["st"])):v("",!0)]),a("div",K,[a("div",L,[i(N,{filters:e(r).state},{right:l(()=>[a("div",O,[t[5]||(t[5]=a("div",{id:"chart-actions",class:"flex items-center gap-2 empty:hidden"},null,-1)),a("div",W,[t[4]||(t[4]=a("span",{class:"filter-label"},"Max Events:",-1)),E(a("input",{type:"number","onUpdate:modelValue":t[0]||(t[0]=S=>e(r).state.limit=S),class:"w-20"},null,512),[[F,e(r).state.limit,void 0,{lazy:!0}]])])])]),_:1},8,["filters"])]),a("div",X,[i(M,{"chart-data":e(y),loading:e(k),"connection-status":e(u)},null,8,["chart-data","loading","connection-status"])])])])}}}),at=R(Y,[["__scopeId","data-v-f81fd029"]]);export{at as default};