@omnitron-dev/omnitron 0.1.3 → 0.3.0

package/webapp/dist/assets/logs-L2b8Oqmo.js

@@ -0,0 +1,12 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{t}from"./react-CwJFpaho.js";import{h as n,p as r,s as i}from"./client-CGbBvy9k.js";import{$n as a,B as o,Bt as s,Dn as c,Fn as l,H as u,I as ee,In as d,Jn as f,Ln as p,Nn as m,Nt as h,P as g,Pn as _,Qn as v,Rn as y,Sn as b,St as te,Tn as x,Un as S,Ut as C,Wn as w,Yn as T,_ as ne,_n as E,_t as re,bn as D,cn as ie,gn as ae,j as oe,jn as O,kn as se,qn as k,sn as A,vn as ce,vt as le,xn as ue,yn as de,zt as j}from"./index-DiZbrwxT.js";import{t as fe}from"./constants-veKGFkC6.js";import{t as pe}from"./use-stack-context-CZUgPq88.js";var M=e(t(),1);function N(e){return M.Children.toArray(e).filter(e=>M.isValidElement(e))}function me(e){return f(`MuiButtonGroup`,e)}var P=k(`MuiButtonGroup`,[`root`,`contained`,`outlined`,`text`,`disableElevation`,`disabled`,`firstButton`,`fullWidth`,`horizontal`,`vertical`,`colorPrimary`,`colorSecondary`,`grouped`,`lastButton`,`middleButton`]),F=v(),he=(e,t)=>{let{ownerState:n}=e;return[{[`& .${P.grouped}`]:t.grouped},{[`& .${P.firstButton}`]:t.firstButton},{[`& .${P.lastButton}`]:t.lastButton},{[`& .${P.middleButton}`]:t.middleButton},t.root,t[n.variant],n.disableElevation===!0&&t.disableElevation,n.fullWidth&&t.fullWidth,n.orientation===`vertical`&&t.vertical]},I=e=>{let{classes:t,color:n,disabled:r,disableElevation:i,fullWidth:a,orientation:o,variant:s}=e,c={root:[`root`,s,o,a&&`fullWidth`,i&&`disableElevation`,`color${_(n)}`],grouped:[`grouped`,r&&`disabled`],firstButton:[`firstButton`],lastButton:[`lastButton`],middleButton:[`middleButton`]};return S(c,me,t)},L=p(`div`,{name:`MuiButtonGroup`,slot:`Root`,overridesResolver:he})(d(({theme:e})=>({display:`inline-flex`,borderRadius:(e.vars||e).shape.borderRadius,...e.focusVisible&&{[`& .${P.grouped}.${b.focusVisible}`]:{zIndex:1}},variants:[{props:{variant:`contained`},style:{boxShadow:(e.vars||e).shadows[2],[`& .${P.grouped}`]:{boxShadow:`none`,"&:hover":{boxShadow:`none`}},...e.focusVisible&&{[`& .${P.grouped}.${b.focusVisible}`]:{boxShadow:e.focusVisible.boxShadow}}}},{props:{disableElevation:!0},style:{boxShadow:`none`}},{props:{fullWidth:!0},style:{width:`100%`}},{props:{orientation:`vertical`},style:{flexDirection:`column`,[`& .${P.lastButton},& .${P.middleButton}`]:{borderTopRightRadius:0,borderTopLeftRadius:0},[`& .${P.firstButton},& .${P.middleButton}`]:{borderBottomRightRadius:0,borderBottomLeftRadius:0}}},{props:{orientation:`horizontal`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${P.lastButton},& .${P.middleButton}`]:{borderTopLeftRadius:0,borderBottomLeftRadius:0}}},{props:{variant:`text`,orientation:`horizontal`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderRight:e.vars?`1px solid ${e.alpha(e.vars.palette.common.onBackground,.23)}`:`1px solid ${e.palette.mode===`light`?`rgba(0, 0, 0, 0.23)`:`rgba(255, 255, 255, 0.23)`}`,[`&.${P.disabled}`]:{borderRight:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},{props:{variant:`text`,orientation:`vertical`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderBottom:e.vars?`1px solid ${e.alpha(e.vars.palette.common.onBackground,.23)}`:`1px solid ${e.palette.mode===`light`?`rgba(0, 0, 0, 0.23)`:`rgba(255, 255, 255, 0.23)`}`,[`&.${P.disabled}`]:{borderBottom:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},...Object.entries(e.palette).filter(O()).flatMap(([t])=>[{props:{variant:`text`,color:t},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderColor:e.alpha((e.vars||e).palette[t].main,.5)}}}]),{props:{variant:`outlined`,orientation:`horizontal`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderRightColor:`transparent`,"@media (hover: hover)":{"&:hover":{borderRightColor:`currentColor`}}},[`& .${P.lastButton},& .${P.middleButton}`]:{marginLeft:-1}}},{props:{variant:`outlined`,orientation:`vertical`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderBottomColor:`transparent`,"@media (hover: hover)":{"&:hover":{borderBottomColor:`currentColor`}}},[`& .${P.lastButton},& .${P.middleButton}`]:{marginTop:-1}}},{props:{variant:`contained`,orientation:`horizontal`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderRight:`1px solid ${(e.vars||e).palette.grey[400]}`,[`&.${P.disabled}`]:{borderRight:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},{props:{variant:`contained`,orientation:`vertical`},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderBottom:`1px solid ${(e.vars||e).palette.grey[400]}`,[`&.${P.disabled}`]:{borderBottom:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},...Object.entries(e.palette).filter(O([`dark`])).map(([t])=>({props:{variant:`contained`,color:t},style:{[`& .${P.firstButton},& .${P.middleButton}`]:{borderColor:(e.vars||e).palette[t].dark}}}))],[`& .${P.grouped}`]:{minWidth:40}}))),ge=M.forwardRef(function(e,t){let n=l({props:e,name:`MuiButtonGroup`}),{children:r,className:i,color:a=`primary`,component:o=`div`,disabled:s=!1,disableElevation:c=!1,disableFocusRipple:u=!1,disableRipple:ee=!1,fullWidth:d=!1,orientation:f=`horizontal`,size:p=`medium`,variant:m=`outlined`,...h}=n,g={...n,color:a,component:o,disabled:s,disableElevation:c,disableFocusRipple:u,disableRipple:ee,fullWidth:d,orientation:f,size:p,variant:m},_=I(g),v=M.useMemo(()=>({className:_.grouped,color:a,disabled:s,disableElevation:c,disableFocusRipple:n.disableFocusRipple,disableRipple:n.disableRipple,fullWidth:d,size:p,variant:m}),[a,s,c,n.disableFocusRipple,n.disableRipple,d,p,m,_.grouped]),y=N(r),b=y.length,te=e=>{let t=e===0,n=e===b-1;return t&&n?``:t?_.firstButton:n?_.lastButton:_.middleButton};return(0,F.jsx)(L,{as:o,role:`group`,className:T(_.root,i),ref:t,ownerState:g,...h,children:(0,F.jsx)(ue.Provider,{value:v,children:y.map((e,t)=>(0,F.jsx)(D.Provider,{value:te(t),children:e},t))})})});function R(e){return f(`MuiFab`,e)}var z=k(`MuiFab`,[`root`,`primary`,`secondary`,`extended`,`circular`,`focusVisible`,`disabled`,`colorInherit`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`info`,`error`,`warning`,`success`]),B=e=>{let{color:t,variant:n,classes:r,size:i}=e,a={root:[`root`,n,`size${_(i)}`,t===`inherit`?`colorInherit`:t]},o=S(a,R,r);return{...r,...o}},_e=p(se,{name:`MuiFab`,slot:`Root`,shouldForwardProp:e=>y(e)||e===`classes`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[n.variant],t[`size${_(n.size)}`],n.color===`inherit`&&t.colorInherit,t[_(n.size)],t[n.color]]}})(d(({theme:e})=>({...e.typography.button,minHeight:36,...m(e,[`background-color`,`box-shadow`,`border-color`],{duration:e.transitions.duration.short}),borderRadius:`50%`,padding:0,minWidth:0,width:56,height:56,zIndex:(e.vars||e).zIndex.fab,boxShadow:(e.vars||e).shadows[6],"&:active":{boxShadow:(e.vars||e).shadows[12]},color:e.vars?e.vars.palette.grey[900]:e.palette.getContrastText?.(e.palette.grey[300]),backgroundColor:(e.vars||e).palette.grey[300],"&:hover":{backgroundColor:(e.vars||e).palette.grey.A100,"@media (hover: none)":{backgroundColor:(e.vars||e).palette.grey[300]},textDecoration:`none`},[`&.${z.focusVisible}`]:{...e.focusVisible,boxShadow:e.focusVisible?.boxShadow?`${(e.vars||e).shadows[6]}, ${e.focusVisible.boxShadow}`:(e.vars||e).shadows[6]},variants:[{props:{size:`small`},style:{width:40,height:40}},{props:{size:`medium`},style:{width:48,height:48}},{props:{variant:`extended`},style:{borderRadius:24,padding:`0 16px`,width:`auto`,minHeight:`auto`,minWidth:48,height:48}},{props:{variant:`extended`,size:`small`},style:{width:`auto`,padding:`0 8px`,borderRadius:17,minWidth:34,height:34}},{props:{variant:`extended`,size:`medium`},style:{width:`auto`,padding:`0 16px`,borderRadius:20,minWidth:40,height:40}},{props:{color:`inherit`},style:{color:`inherit`}}]})),d(({theme:e})=>({variants:[...Object.entries(e.palette).filter(O([`dark`,`contrastText`])).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].contrastText,backgroundColor:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:(e.vars||e).palette[t].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t].main}}}}))]})),d(({theme:e})=>({[`&.${z.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}))),ve=M.forwardRef(function(e,t){let n=l({props:e,name:`MuiFab`}),{children:r,className:i,color:a=`default`,component:o=`button`,disabled:s=!1,disableFocusRipple:c=!1,focusVisibleClassName:u,size:ee=`large`,variant:d=`circular`,...f}=n,p={...n,color:a,component:o,disabled:s,disableFocusRipple:c,size:ee,variant:d},m=B(p),{root:h,...g}=m;return(0,F.jsx)(_e,{className:T(m.root,i),component:o,internalNativeButton:!0,disabled:s,focusRipple:!c,focusVisibleClassName:T(m.focusVisible,u),ownerState:p,ref:t,...f,classes:g,children:r})}),V=[`trace`,`debug`,`info`,`warn`,`error`,`fatal`];function ye(e){let t=e=>{let t=V.indexOf(e);return t===-1?V.length:t};return[...e].sort((e,n)=>t(e.level)-t(n.level))}var be={trace:`TRC`,debug:`DBG`,info:`INF`,warn:`WRN`,error:`ERR`,fatal:`FTL`},xe={fatal:`rgba(220,38,38,0.08)`,error:`rgba(239,68,68,0.05)`,warn:`rgba(245,158,11,0.04)`,info:`transparent`,debug:`transparent`,trace:`transparent`},H=`'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace`,Se=[{key:`live`,label:`Live`,minutes:0},{key:`15m`,label:`15m`,minutes:15},{key:`1h`,label:`1h`,minutes:60},{key:`6h`,label:`6h`,minutes:360},{key:`24h`,label:`24h`,minutes:1440},{key:`custom`,label:`Custom`,minutes:-1}],Ce=100,we=2e3,Te=300,Ee=80,De=a`
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+`,Oe=a`
+  0%, 100% { opacity: 1; }
+  50%      { opacity: 0.5; }
+`;function ke(e){let t=typeof e==`string`?new Date(e):e;return`${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}:${String(t.getSeconds()).padStart(2,`0`)}.${String(t.getMilliseconds()).padStart(3,`0`)}`}function Ae(e){let t=typeof e==`string`?new Date(e):e;return`${t.toLocaleString(`en-US`,{year:`numeric`,month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hour12:!1})}.${String(t.getMilliseconds()).padStart(3,`0`)}`}function je(e){if(!e.trim())return;let t={};for(let n of e.split(`,`)){let[e,r]=n.split(`=`).map(e=>e.trim());e&&r&&(t[e]=r)}return Object.keys(t).length>0?t:void 0}function Me({log:e,isNew:t,nodeNames:n}){let[r,i]=(0,M.useState)(!1),a=fe[e.level]??`#6b7280`,o=xe[e.level]??`transparent`,c=e.labels||e.traceId||e.spanId||e.metadata||e.nodeId;return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)(A,{onClick:()=>c&&i(e=>!e),sx:{display:`grid`,gridTemplateColumns:`90px 72px 36px 1fr`,gap:1,alignItems:`baseline`,px:1.5,py:`3px`,bgcolor:r?`rgba(255,255,255,0.04)`:o,borderLeft:`2px solid ${r?a:`transparent`}`,cursor:c?`pointer`:`default`,transition:`background-color 0.15s ease`,animation:t?`${De} 0.3s ease-out`:void 0,"&:hover":{bgcolor:`rgba(255,255,255,0.04)`}},children:[(0,F.jsx)(s,{title:Ae(e.timestamp),placement:`top-start`,arrow:!0,enterDelay:400,children:(0,F.jsx)(E,{component:`span`,sx:{fontFamily:H,fontSize:11,color:`#7c8493`,lineHeight:`20px`,whiteSpace:`nowrap`,letterSpacing:`-0.02em`},children:ke(e.timestamp)})}),(0,F.jsx)(E,{component:`span`,sx:{fontFamily:H,fontSize:11,color:`#58a6ff`,lineHeight:`20px`,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,fontWeight:500},children:e.app}),(0,F.jsx)(E,{component:`span`,sx:{fontFamily:H,fontSize:10,fontWeight:700,color:a,lineHeight:`20px`,textTransform:`uppercase`,letterSpacing:`0.04em`},children:be[e.level]??e.level.slice(0,3).toUpperCase()}),(0,F.jsx)(E,{component:`span`,sx:{fontFamily:H,fontSize:11.5,color:e.level===`error`||e.level===`fatal`?`#fca5a5`:`#c9d1d9`,lineHeight:`20px`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:r?`pre-wrap`:`nowrap`,wordBreak:r?`break-all`:void 0},children:e.message})]}),(0,F.jsx)(x,{in:r,unmountOnExit:!0,children:(0,F.jsx)(A,{sx:{ml:`14px`,mr:1.5,mb:.5,p:1.5,bgcolor:`rgba(255,255,255,0.025)`,borderRadius:1,borderLeft:`2px solid ${w(a,.3)}`},children:(0,F.jsxs)(A,{component:`pre`,sx:{fontFamily:H,fontSize:11,color:`#8b949e`,m:0,whiteSpace:`pre-wrap`,wordBreak:`break-all`,lineHeight:1.7},children:[e.nodeId&&(0,F.jsxs)(`span`,{children:[(0,F.jsx)(`span`,{style:{color:`#7c8493`},children:`node:    `}),(0,F.jsx)(`span`,{style:{color:`#58a6ff`},children:n?.[e.nodeId]??e.nodeId}),`
+`]}),e.traceId&&(0,F.jsxs)(`span`,{children:[(0,F.jsx)(`span`,{style:{color:`#7c8493`},children:`traceId: `}),(0,F.jsx)(`span`,{style:{color:`#d2a8ff`},children:e.traceId}),`
+`]}),e.spanId&&(0,F.jsxs)(`span`,{children:[(0,F.jsx)(`span`,{style:{color:`#7c8493`},children:`spanId:  `}),(0,F.jsx)(`span`,{style:{color:`#d2a8ff`},children:e.spanId}),`
+`]}),e.labels&&(0,F.jsxs)(`span`,{children:[(0,F.jsx)(`span`,{style:{color:`#7c8493`},children:`labels:  `}),(0,F.jsx)(`span`,{style:{color:`#7ee787`},children:JSON.stringify(e.labels,null,2)}),`
+`]}),e.metadata&&(0,F.jsxs)(`span`,{children:[(0,F.jsx)(`span`,{style:{color:`#7c8493`},children:`metadata:`}),`
+`,(0,F.jsx)(`span`,{style:{color:`#e6edf3`},children:JSON.stringify(e.metadata,null,2)})]})]})})})]})}function U(){let{activeProject:e,namespacePrefix:t,filterApps:a,displayName:l}=pe(),d=!e,[f,p]=(0,M.useState)(d?`omnitron`:``),[m,_]=(0,M.useState)(``),[v,y]=(0,M.useState)([]),b=(0,M.useMemo)(()=>Object.fromEntries(v.map(e=>[e.id,e.hostname])),[v]),[x,S]=(0,M.useState)([]),[T,D]=(0,M.useState)(``),[O,se]=(0,M.useState)(``),[k,ue]=(0,M.useState)(``),[N,me]=(0,M.useState)(d?`live`:`1h`),[P,he]=(0,M.useState)(``),[I,L]=(0,M.useState)(``),[R,z]=(0,M.useState)([]),[B,_e]=(0,M.useState)([]),[be,xe]=(0,M.useState)([]),[De,ke]=(0,M.useState)([]),[Ae,U]=(0,M.useState)(0),[Ne,Pe]=(0,M.useState)(!1),[Fe,W]=(0,M.useState)(!0),[Ie,Le]=(0,M.useState)(!1),[Re,G]=(0,M.useState)(null),[ze,Be]=(0,M.useState)(!1),[K,Ve]=(0,M.useState)(!1),[He,Ue]=(0,M.useState)(0),q=(0,M.useRef)(null),J=(0,M.useRef)(null),Y=(0,M.useRef)(new Set),X=(0,M.useRef)(null),[We,Ge]=(0,M.useState)(!0),Ke=(0,M.useRef)(!0),Z=(0,M.useRef)(null);(0,M.useEffect)(()=>(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{se(T)},Te),()=>{Z.current&&clearTimeout(Z.current)}),[T]);let Q=N===`live`;(0,M.useEffect)(()=>{Be(!(!Q||K))},[Q,K]),(0,M.useEffect)(()=>{(async()=>{try{let e=await i.list();xe(a(e).map(e=>e.name))}catch{}})()},[a]),(0,M.useEffect)(()=>{(async()=>{try{let e=await n.listNodes(),t=Array.isArray(e)?e.filter(e=>!e.isLocal):[];t.length>0&&y(t.map(e=>({id:e.id,hostname:e.name})))}catch{}})()},[]);let qe=(0,M.useCallback)(async()=>{try{let e=await r.getLogStats();ke(e.byApp.map(e=>e.app))}catch{}},[]);(0,M.useEffect)(()=>{qe()},[qe]);let Je=(0,M.useMemo)(()=>{let e=e=>!t||e.startsWith(t)||!e.includes(`/`),n=[...new Set([...be,...De])].filter(e).sort(),r=new Map;for(let e of n){let t=l(e);r.set(t,(r.get(t)??0)+1)}return n.map(e=>{let t=l(e);return{value:e,label:r.get(t)>1?e:t}})},[be,De,t,l]),Ye=(0,M.useCallback)((e=0)=>{let t={limit:Ce,offset:e};f&&(t.app=f),x.length>0&&(t.level=x),O.trim()&&(t.search=O.trim()),m&&(t.nodeId=m);let n=je(k);if(n&&Object.keys(n).length>0&&(t.labels=n),N===`custom`)P&&(t.from=new Date(P).toISOString()),I&&(t.to=new Date(I).toISOString());else if(N!==`live`){let e=Se.find(e=>e.key===N);e&&e.minutes>0&&(t.from=new Date(Date.now()-e.minutes*60*1e3).toISOString())}return t},[f,m,x,O,k,N,P,I]),Xe=(0,M.useCallback)(async()=>{try{W(!0);let e=await r.queryLogs(Ye(0));z(e.entries),U(e.total),_e(e.byLevel),Pe(e.hasMore),G(null),Y.current.clear(),e.entries.length>0&&(J.current=new Date(e.entries[0].timestamp).toISOString())}catch(e){G(e?.message??`Failed to query logs`)}finally{W(!1)}},[Ye]),Ze=async()=>{Le(!0);try{let e=await r.queryLogs(Ye(R.length));z(t=>[...t,...e.entries]),Pe(e.hasMore)}catch(e){G(e?.message??`Failed to load more`)}finally{Le(!1)}};(0,M.useEffect)(()=>{Q||Xe()},[Xe,Q]);let $=(0,M.useMemo)(()=>{let e={tail:100};f&&(e.app=f),x.length>0&&(e.level=x),O.trim()&&(e.search=O.trim()),m&&(e.nodeId=m);let t=je(k);return t&&Object.keys(t).length>0&&(e.labels=t),e},[f,x,O,m,k]);(0,M.useEffect)(()=>{Q&&(async()=>{try{W(!0);let e=await r.streamLogs($),t=[...e].reverse();z(t),U(e.length),Pe(!1),G(null),Y.current.clear(),e.length>0&&(J.current=new Date(e[e.length-1].timestamp).toISOString())}catch(e){G(e?.message??`Failed to stream logs`)}finally{W(!1)}})()},[Q,$]),(0,M.useEffect)(()=>{if(q.current&&=(clearInterval(q.current),null),ze&&!K)return q.current=setInterval(async()=>{try{let e=J.current,t={...$,tail:50};e&&(t.since=e);let n=await r.streamLogs(t);if(n.length===0)return;let i=new Set(R.map(e=>e.id)),a=n.filter(e=>!i.has(e.id));if(a.length===0)return;a.forEach(e=>Y.current.add(e.id)),setTimeout(()=>{a.forEach(e=>Y.current.delete(e.id))},2e3),J.current=new Date(a[a.length-1].timestamp).toISOString(),z(e=>{let t=[...a.reverse(),...e];return t.length>2e3?t.slice(0,2e3):t}),U(e=>e+a.length),Ke.current||Ue(e=>e+a.length)}catch{}},we),()=>{q.current&&clearInterval(q.current)}},[ze,K,$,R]),(0,M.useEffect)(()=>{if(Ke.current&&X.current){let e=X.current;requestAnimationFrame(()=>{e.scrollTop=0})}},[R]);let Qe=(0,M.useCallback)(()=>{let e=X.current;if(!e)return;let t=e.scrollTop<Ee;Ke.current=t,Ge(t),t&&Ue(0)},[]),$e=(0,M.useCallback)(()=>{let e=X.current;e&&(e.scrollTo({top:0,behavior:`smooth`}),Ue(0))},[]),et=e=>{S(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},tt=()=>{p(``),_(``),S([]),D(``),se(``),ue(``),me(`1h`),he(``),L(``)},nt=f!==``||x.length>0||O!==``||k!==``,rt=(0,M.useMemo)(()=>{if(!Q)return ye(B);let e=new Map;for(let t of R)e.set(t.level,(e.get(t.level)??0)+1);return ye([...e].map(([e,t])=>({level:e,count:t})))},[Q,B,R]);return(0,F.jsxs)(A,{sx:{display:`flex`,flexDirection:`column`,height:`100%`,minHeight:0},children:[(0,F.jsxs)(A,{sx:{position:`sticky`,top:0,zIndex:10,mb:2,p:2,borderRadius:2,bgcolor:w(`#0a0a0f`,.85),backdropFilter:`blur(16px)`,border:`1px solid`,borderColor:w(`#fff`,.06)},children:[(0,F.jsx)(re,{links:[{name:d?`Daemon Logs`:`Logs`}],sx:{mb:1.5},action:(0,F.jsxs)(j,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[Q&&(0,F.jsx)(ce,{label:K?`PAUSED`:`LIVE`,size:`small`,sx:{height:20,fontSize:10,fontWeight:700,fontFamily:H,letterSpacing:`0.08em`,bgcolor:w(K?`#f59e0b`:`#22c55e`,.15),color:K?`#f59e0b`:`#22c55e`,animation:K?void 0:`${Oe} 2s ease-in-out infinite`,border:`1px solid`,borderColor:w(K?`#f59e0b`:`#22c55e`,.3)}}),Q&&(0,F.jsx)(s,{title:K?`Resume streaming`:`Pause streaming`,children:(0,F.jsx)(c,{size:`small`,onClick:()=>Ve(e=>!e),sx:{color:K?`#f59e0b`:`#22c55e`},children:K?(0,F.jsx)(oe,{}):(0,F.jsx)(o,{})})}),(0,F.jsx)(s,{title:`Refresh`,children:(0,F.jsx)(c,{size:`small`,onClick:()=>{Q&&(J.current=null),Xe(),qe()},children:(0,F.jsx)(g,{})})}),nt&&(0,F.jsx)(s,{title:`Clear all filters`,children:(0,F.jsx)(c,{size:`small`,onClick:tt,sx:{color:`#ef4444`},children:(0,F.jsx)(ne,{})})})]})}),(0,F.jsxs)(j,{direction:`row`,spacing:1.5,useFlexGap:!0,sx:{flexWrap:`wrap`,mb:1.5},children:[!d&&(0,F.jsxs)(h,{select:!0,size:`small`,label:`Application`,value:f,onChange:e=>p(e.target.value),sx:{minWidth:150,"& .MuiInputBase-root":{fontFamily:H,fontSize:12},"& .MuiInputLabel-root":{fontSize:12}},children:[(0,F.jsx)(C,{value:``,children:(0,F.jsx)(`em`,{children:`All Apps`})}),Je.map(({value:e,label:t})=>(0,F.jsx)(C,{value:e,sx:{fontFamily:H,fontSize:12},children:t},e))]}),!d&&v.length>0&&(0,F.jsxs)(h,{select:!0,size:`small`,label:`Node`,value:m,onChange:e=>_(e.target.value),sx:{minWidth:140,"& .MuiInputBase-root":{fontFamily:H,fontSize:12},"& .MuiInputLabel-root":{fontSize:12}},children:[(0,F.jsx)(C,{value:``,children:(0,F.jsx)(`em`,{children:`All Nodes`})}),v.map(e=>(0,F.jsx)(C,{value:e.id,sx:{fontFamily:H,fontSize:12},children:e.hostname},e.id))]}),(0,F.jsx)(h,{size:`small`,placeholder:`Search messages...`,value:T,onChange:e=>D(e.target.value),slotProps:{input:{startAdornment:(0,F.jsx)(ae,{position:`start`,children:(0,F.jsx)(ee,{sx:{fontSize:16,color:`#7c8493`}})})}},sx:{flex:1,minWidth:200,"& .MuiInputBase-root":{fontFamily:H,fontSize:12}}}),!d&&(0,F.jsx)(h,{size:`small`,placeholder:`Labels: key=val, key2=val2`,value:k,onChange:e=>ue(e.target.value),sx:{minWidth:200,"& .MuiInputBase-root":{fontFamily:H,fontSize:12}}})]}),(0,F.jsxs)(j,{direction:`row`,spacing:2,useFlexGap:!0,sx:{alignItems:`center`,flexWrap:`wrap`},children:[(0,F.jsx)(j,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:V.map(e=>{let t=x.includes(e),n=fe[e]??`#6b7280`;return(0,F.jsx)(ce,{size:`small`,label:(0,F.jsxs)(j,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[(0,F.jsx)(A,{sx:{width:6,height:6,borderRadius:`50%`,bgcolor:n,flexShrink:0,boxShadow:t?`0 0 6px ${n}`:void 0}}),(0,F.jsx)(`span`,{children:e})]}),variant:t?`filled`:`outlined`,onClick:()=>et(e),sx:{fontFamily:H,fontSize:10,fontWeight:600,textTransform:`uppercase`,letterSpacing:`0.04em`,height:24,borderColor:t?n:w(n,.3),color:t?`#fff`:n,bgcolor:t?w(n,.8):`transparent`,"&:hover":{bgcolor:t?w(n,.9):w(n,.12)},transition:`all 0.15s ease`}},e)})}),(0,F.jsx)(A,{sx:{width:1,height:20,bgcolor:w(`#fff`,.08),mx:.5}}),(0,F.jsx)(ge,{size:`small`,variant:`outlined`,sx:{height:28},children:Se.map(e=>{let t=N===e.key;return(0,F.jsx)(de,{onClick:()=>me(e.key),variant:t?`contained`:`outlined`,sx:{minWidth:e.key===`live`?52:36,px:1,fontSize:11,fontFamily:H,fontWeight:t?700:400,...e.key===`live`&&t?{bgcolor:w(`#22c55e`,.2),color:`#22c55e`,borderColor:w(`#22c55e`,.4),"&:hover":{bgcolor:w(`#22c55e`,.3)}}:{}},children:e.label},e.key)})}),N===`custom`&&(0,F.jsxs)(j,{direction:`row`,spacing:1,sx:{alignItems:`center`},children:[(0,F.jsx)(h,{type:`datetime-local`,size:`small`,value:P,onChange:e=>he(e.target.value),label:`From`,sx:{width:200,"& .MuiInputBase-root":{fontSize:11,fontFamily:H},"& .MuiInputLabel-root":{fontSize:11}},slotProps:{inputLabel:{shrink:!0}}}),(0,F.jsx)(h,{type:`datetime-local`,size:`small`,value:I,onChange:e=>L(e.target.value),label:`To`,sx:{width:200,"& .MuiInputBase-root":{fontSize:11,fontFamily:H},"& .MuiInputLabel-root":{fontSize:11}},slotProps:{inputLabel:{shrink:!0}}})]})]})]}),(0,F.jsxs)(j,{direction:`row`,sx:{alignItems:`center`,justifyContent:`space-between`,mb:1,px:.5},children:[(0,F.jsxs)(j,{direction:`row`,spacing:2,sx:{alignItems:`center`},children:[(0,F.jsx)(E,{variant:`caption`,sx:{fontFamily:H,fontSize:11,color:`#7c8493`},children:Fe?`Loading...`:Q?`${R.length.toLocaleString()} entries`:`Showing ${R.length.toLocaleString()} of ${Ae.toLocaleString()}`}),!Fe&&rt.length>0&&(0,F.jsxs)(j,{direction:`row`,spacing:1.5,sx:{alignItems:`center`},children:[(0,F.jsx)(A,{sx:{width:1,height:12,bgcolor:w(`#fff`,.06)}}),rt.map(e=>(0,F.jsxs)(j,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[(0,F.jsx)(A,{sx:{width:5,height:5,borderRadius:`50%`,bgcolor:fe[e.level]??`#6b7280`}}),(0,F.jsxs)(E,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:`#7c8493`},children:[e.level,`: `,e.count.toLocaleString()]})]},e.level))]})]}),ze&&!K&&(0,F.jsx)(E,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:w(`#22c55e`,.6),animation:`${Oe} 2s ease-in-out infinite`},children:`streaming every 2s`})]}),Re&&(0,F.jsx)(le,{closable:!0,severity:`error`,variant:`outlined`,onClose:()=>G(null),sx:{mb:1,fontFamily:H,fontSize:12},children:Re}),(0,F.jsxs)(A,{sx:{position:`relative`,flex:1,minHeight:400,borderRadius:2,overflow:`hidden`,border:`1px solid`,borderColor:w(`#fff`,.06),bgcolor:`#0a0a0f`},children:[(0,F.jsxs)(A,{sx:{display:`flex`,alignItems:`center`,height:32,px:1.5,bgcolor:w(`#fff`,.03),borderBottom:`1px solid`,borderColor:w(`#fff`,.05)},children:[(0,F.jsxs)(j,{direction:`row`,spacing:.5,sx:{mr:1.5},children:[(0,F.jsx)(A,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#ef4444`}}),(0,F.jsx)(A,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#f59e0b`}}),(0,F.jsx)(A,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#22c55e`}})]}),(0,F.jsxs)(E,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:`#7c8493`,letterSpacing:`0.04em`},children:[d?`omnitron-daemon`:`omnitron-logs`,f?` — ${f}`:``]})]}),(0,F.jsx)(A,{ref:X,onScroll:Qe,sx:{height:`calc(100% - 32px)`,overflowY:`auto`,overflowX:`hidden`,py:.5,"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{bgcolor:`transparent`},"&::-webkit-scrollbar-thumb":{bgcolor:w(`#fff`,.1),borderRadius:3,"&:hover":{bgcolor:w(`#fff`,.2)}}},children:Fe?(0,F.jsx)(j,{spacing:.25,sx:{p:1.5},children:Array.from({length:20},(e,t)=>(0,F.jsx)(te,{height:18,sx:{bgcolor:w(`#fff`,.03),borderRadius:.5,animationDuration:`${1.5+t%5*.2}s`}},t))}):R.length===0?(0,F.jsxs)(j,{sx:{alignItems:`center`,justifyContent:`center`,height:`100%`,py:8},children:[(0,F.jsx)(u,{sx:{fontSize:40,color:w(`#fff`,.08),mb:1.5}}),(0,F.jsx)(E,{sx:{fontFamily:H,fontSize:12,color:`#7c8493`,textAlign:`center`},children:`No log entries match the current filters.`}),(0,F.jsx)(E,{sx:{fontFamily:H,fontSize:11,color:w(`#fff`,.15),mt:.5},children:nt?`Try adjusting your filters.`:`Waiting for log data...`})]}):(0,F.jsxs)(F.Fragment,{children:[Ne&&!Q&&(0,F.jsx)(j,{sx:{alignItems:`center`,py:1},children:(0,F.jsx)(de,{size:`small`,variant:`text`,onClick:Ze,disabled:Ie,sx:{fontFamily:H,fontSize:10,color:`#58a6ff`,textTransform:`none`,"&:hover":{bgcolor:w(`#58a6ff`,.08)}},children:Ie?`Loading...`:`Load older entries (${(Ae-R.length).toLocaleString()} remaining)`})}),R.map(e=>(0,F.jsx)(Me,{log:e,isNew:Y.current.has(e.id),nodeNames:b},e.id))]})}),Q&&!We&&(0,F.jsx)(ve,{size:`small`,onClick:$e,sx:{position:`absolute`,top:48,right:16,bgcolor:w(`#58a6ff`,.15),color:`#58a6ff`,backdropFilter:`blur(8px)`,border:`1px solid`,borderColor:w(`#58a6ff`,.2),"&:hover":{bgcolor:w(`#58a6ff`,.25)},width:36,height:36},children:(0,F.jsx)(ie,{badgeContent:He>0?He:void 0,color:`primary`,sx:{"& .MuiBadge-badge":{fontFamily:H,fontSize:9,minWidth:16,height:16}},children:(0,F.jsx)(A,{sx:{width:0,height:0,borderLeft:`5px solid transparent`,borderRight:`5px solid transparent`,borderBottom:`6px solid currentColor`}})})})]})]})}export{U as default};