import{Bt as e,Dt as t,Et as n,Gt as r,It as i,Kt as a,On as o,S as s,St as c,Vt as l,Wt as u,bt as d,cn as f,t as p,vt as m,xt as h,yt as g}from"./_plugin-vue_export-helper-Df8BHgqR.js";import{I as _,M as v,c as y,j as b,r as x,t as S,w as C,x as w}from"./index-BanWZHpm.js";import{t as T}from"./useChartData-Bg6PjNwS.js";var E={class:`page-container`},D={class:`flex flex-wrap items-center justify-between gap-x-4 gap-y-4 md:gap-x-8`},O={class:`text-muted flex flex-wrap items-center gap-x-4 gap-y-4 md:gap-x-8`},k={key:0,class:`stat-label`},A={class:`card relative flex flex-col gap-4 md:h-[calc(100vh-9rem)]`},j={class:`flex min-h-8 flex-col gap-4 md:flex-row md:items-start`},M={class:`flex min-h-9 flex-wrap items-center gap-4 rounded border border-stone-800 bg-stone-900 px-1.5 py-1`},N={class:`flex items-center gap-2`},P={class:`min-h-0 flex-1`},F=p(t({__name:`ChartView`,setup(t){let p=w(),F=v();function I(){F.path.includes(`/map`)?p.state.columns=[`time`,`remote_addr`,`latitude`,`longitude`,`country`,`city`,`type`,`event`]:p.state.columns=[`time`,`remote_addr`,`dst_port`,`type`,`event`]}I(),u(()=>F.path,I);let L=C(),R=m(()=>{let e=z.value.length,t=L.selectedCount,n=L.selectedIPCount;return t>0?`(${t} selected, ${n} IPs / ${e} events)`:`(${e} events)`});S(p.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}});let{chartData:z,connectionStatus:B,connect:V,disconnect:H,loading:U}=T({enabled:()=>F.name!==`charts-activity`});function W(){B.value===`open`?H():V()}return(t,u)=>{let m=e(`router-link`),v=e(`router-view`);return i(),c(`div`,E,[g(`div`,D,[g(`div`,O,[n(m,{to:{path:`/charts/port`,query:f(F).query},class:`chart-link`},{default:r(()=>[(i(),d(l(f(b).port),{size:`24`})),u[1]||=g(`span`,null,`Port Chart`,-1)]),_:1},8,[`to`]),n(m,{to:{path:`/charts/activity`,query:f(F).query},class:`chart-link`},{default:r(()=>[(i(),d(l(f(b).activity),{size:`24`})),u[2]||=g(`span`,null,`Recent Activity`,-1)]),_:1},8,[`to`]),n(m,{to:{path:`/charts/map`},class:`chart-link`},{default:r(()=>[(i(),d(l(f(s)),{size:`24`})),u[3]||=g(`span`,null,`Threat Map`,-1)]),_:1}),f(F).name===`charts-activity`?h(``,!0):(i(),c(`p`,k,o(R.value),1))]),f(F).name===`charts-activity`?h(``,!0):(i(),d(x,{key:0,st:f(B),onToggleConnection:W},null,8,[`st`]))]),g(`div`,A,[g(`div`,j,[n(y,{filters:f(p).state},{right:r(()=>[g(`div`,M,[u[5]||=g(`div`,{id:`chart-actions`,class:`flex items-center gap-2 empty:hidden`},null,-1),g(`div`,N,[u[4]||=g(`span`,{class:`filter-label`},`Max Events:`,-1),a(g(`input`,{type:`number`,"onUpdate:modelValue":u[0]||=e=>f(p).state.limit=e,class:`w-20`},null,512),[[_,f(p).state.limit,void 0,{lazy:!0}]])])])]),_:1},8,[`filters`])]),g(`div`,P,[n(v,{"chart-data":f(z),loading:f(U),"connection-status":f(B)},null,8,[`chart-data`,`loading`,`connection-status`])])])])}}}),[[`__scopeId`,`data-v-f81fd029`]]);export{F as default};