@omnitron-dev/omnitron 0.2.0 → 0.3.1

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

@@ -0,0 +1,12 @@
+import{r as e}from"./rolldown-runtime-XKyaHtl9.js";import{t}from"./react-DlmbjZJV.js";import{h as n,p as r,s as i}from"./client-BmqFExWT.js";import{$n as a,An as o,B as s,Bt as c,Cn as l,Ct as ee,En as u,Fn as d,Gn as f,H as p,I as te,In as m,Jn as h,Ln as g,Mn as _,On as v,P as ne,Pn as re,Pt as y,Rn as b,Sn as ie,Vt as x,Wn as S,Wt as C,Xn as w,Yn as T,_ as ae,_n as oe,bn as se,cn as E,er as D,j as ce,ln as le,vn as O,vt as ue,xn as k,yn as de,yt as fe,zn as pe}from"./index-vMnY_4jR.js";import{t as me}from"./constants-veKGFkC6.js";import{t as he}from"./use-stack-context-CnA5FTHu.js";var A=e(t(),1);function j(e){return A.Children.toArray(e).filter(e=>A.isValidElement(e))}function M(e){return T(`MuiButtonGroup`,e)}var N=h(`MuiButtonGroup`,[`root`,`contained`,`outlined`,`text`,`disableElevation`,`disabled`,`firstButton`,`fullWidth`,`horizontal`,`vertical`,`colorPrimary`,`colorSecondary`,`grouped`,`lastButton`,`middleButton`]),P=a(),ge=(e,t)=>{let{ownerState:n}=e;return[{[`& .${N.grouped}`]:t.grouped},{[`& .${N.firstButton}`]:t.firstButton},{[`& .${N.lastButton}`]:t.lastButton},{[`& .${N.middleButton}`]:t.middleButton},t.root,t[n.variant],n.disableElevation===!0&&t.disableElevation,n.fullWidth&&t.fullWidth,n.orientation===`vertical`&&t.vertical]},F=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${d(n)}`],grouped:[`grouped`,r&&`disabled`],firstButton:[`firstButton`],lastButton:[`lastButton`],middleButton:[`middleButton`]};return S(c,M,t)},I=b(`div`,{name:`MuiButtonGroup`,slot:`Root`,overridesResolver:ge})(g(({theme:e})=>({display:`inline-flex`,borderRadius:(e.vars||e).shape.borderRadius,...e.focusVisible&&{[`& .${N.grouped}.${l.focusVisible}`]:{zIndex:1}},variants:[{props:{variant:`contained`},style:{boxShadow:(e.vars||e).shadows[2],[`& .${N.grouped}`]:{boxShadow:`none`,"&:hover":{boxShadow:`none`}},...e.focusVisible&&{[`& .${N.grouped}.${l.focusVisible}`]:{boxShadow:e.focusVisible.boxShadow}}}},{props:{disableElevation:!0},style:{boxShadow:`none`}},{props:{fullWidth:!0},style:{width:`100%`}},{props:{orientation:`vertical`},style:{flexDirection:`column`,[`& .${N.lastButton},& .${N.middleButton}`]:{borderTopRightRadius:0,borderTopLeftRadius:0},[`& .${N.firstButton},& .${N.middleButton}`]:{borderBottomRightRadius:0,borderBottomLeftRadius:0}}},{props:{orientation:`horizontal`},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${N.lastButton},& .${N.middleButton}`]:{borderTopLeftRadius:0,borderBottomLeftRadius:0}}},{props:{variant:`text`,orientation:`horizontal`},style:{[`& .${N.firstButton},& .${N.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)`}`,[`&.${N.disabled}`]:{borderRight:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},{props:{variant:`text`,orientation:`vertical`},style:{[`& .${N.firstButton},& .${N.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)`}`,[`&.${N.disabled}`]:{borderBottom:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},...Object.entries(e.palette).filter(_()).flatMap(([t])=>[{props:{variant:`text`,color:t},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderColor:e.alpha((e.vars||e).palette[t].main,.5)}}}]),{props:{variant:`outlined`,orientation:`horizontal`},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderRightColor:`transparent`,"@media (hover: hover)":{"&:hover":{borderRightColor:`currentColor`}}},[`& .${N.lastButton},& .${N.middleButton}`]:{marginLeft:-1}}},{props:{variant:`outlined`,orientation:`vertical`},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderBottomColor:`transparent`,"@media (hover: hover)":{"&:hover":{borderBottomColor:`currentColor`}}},[`& .${N.lastButton},& .${N.middleButton}`]:{marginTop:-1}}},{props:{variant:`contained`,orientation:`horizontal`},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderRight:`1px solid ${(e.vars||e).palette.grey[400]}`,[`&.${N.disabled}`]:{borderRight:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},{props:{variant:`contained`,orientation:`vertical`},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderBottom:`1px solid ${(e.vars||e).palette.grey[400]}`,[`&.${N.disabled}`]:{borderBottom:`1px solid ${(e.vars||e).palette.action.disabled}`}}}},...Object.entries(e.palette).filter(_([`dark`])).map(([t])=>({props:{variant:`contained`,color:t},style:{[`& .${N.firstButton},& .${N.middleButton}`]:{borderColor:(e.vars||e).palette[t].dark}}}))],[`& .${N.grouped}`]:{minWidth:40}}))),_e=A.forwardRef(function(e,t){let n=m({props:e,name:`MuiButtonGroup`}),{children:r,className:i,color:a=`primary`,component:o=`div`,disabled:s=!1,disableElevation:c=!1,disableFocusRipple:l=!1,disableRipple:ee=!1,fullWidth:u=!1,orientation:d=`horizontal`,size:f=`medium`,variant:p=`outlined`,...te}=n,h={...n,color:a,component:o,disabled:s,disableElevation:c,disableFocusRipple:l,disableRipple:ee,fullWidth:u,orientation:d,size:f,variant:p},g=F(h),_=A.useMemo(()=>({className:g.grouped,color:a,disabled:s,disableElevation:c,disableFocusRipple:n.disableFocusRipple,disableRipple:n.disableRipple,fullWidth:u,size:f,variant:p}),[a,s,c,n.disableFocusRipple,n.disableRipple,u,f,p,g.grouped]),v=j(r),ne=v.length,re=e=>{let t=e===0,n=e===ne-1;return t&&n?``:t?g.firstButton:n?g.lastButton:g.middleButton};return(0,P.jsx)(I,{as:o,role:`group`,className:w(g.root,i),ref:t,ownerState:h,...te,children:(0,P.jsx)(ie.Provider,{value:_,children:v.map((e,t)=>(0,P.jsx)(k.Provider,{value:re(t),children:e},t))})})});function L(e){return T(`MuiFab`,e)}var R=h(`MuiFab`,[`root`,`primary`,`secondary`,`extended`,`circular`,`focusVisible`,`disabled`,`colorInherit`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`info`,`error`,`warning`,`success`]),z=e=>{let{color:t,variant:n,classes:r,size:i}=e,a={root:[`root`,n,`size${d(i)}`,t===`inherit`?`colorInherit`:t]},o=S(a,L,r);return{...r,...o}},ve=b(o,{name:`MuiFab`,slot:`Root`,shouldForwardProp:e=>pe(e)||e===`classes`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[n.variant],t[`size${d(n.size)}`],n.color===`inherit`&&t.colorInherit,t[d(n.size)],t[n.color]]}})(g(({theme:e})=>({...e.typography.button,minHeight:36,...re(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`},[`&.${R.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`}}]})),g(({theme:e})=>({variants:[...Object.entries(e.palette).filter(_([`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}}}}))]})),g(({theme:e})=>({[`&.${R.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}))),ye=A.forwardRef(function(e,t){let n=m({props:e,name:`MuiFab`}),{children:r,className:i,color:a=`default`,component:o=`button`,disabled:s=!1,disableFocusRipple:c=!1,focusVisibleClassName:l,size:ee=`large`,variant:u=`circular`,...d}=n,f={...n,color:a,component:o,disabled:s,disableFocusRipple:c,size:ee,variant:u},p=z(f),{root:te,...h}=p;return(0,P.jsx)(ve,{className:w(p.root,i),component:o,internalNativeButton:!0,disabled:s,focusRipple:!c,focusVisibleClassName:w(p.focusVisible,l),ownerState:f,ref:t,...d,classes:h,children:r})}),B=[`trace`,`debug`,`info`,`warn`,`error`,`fatal`];function be(e){let t=e=>{let t=B.indexOf(e);return t===-1?B.length:t};return[...e].sort((e,n)=>t(e.level)-t(n.level))}var V={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=D`
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+`,Oe=D`
+  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,A.useState)(!1),a=me[e.level]??`#6b7280`,o=xe[e.level]??`transparent`,s=e.labels||e.traceId||e.spanId||e.metadata||e.nodeId;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(E,{onClick:()=>s&&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:s?`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,P.jsx)(x,{title:Ae(e.timestamp),placement:`top-start`,arrow:!0,enterDelay:400,children:(0,P.jsx)(O,{component:`span`,sx:{fontFamily:H,fontSize:11,color:`#7c8493`,lineHeight:`20px`,whiteSpace:`nowrap`,letterSpacing:`-0.02em`},children:ke(e.timestamp)})}),(0,P.jsx)(O,{component:`span`,sx:{fontFamily:H,fontSize:11,color:`#58a6ff`,lineHeight:`20px`,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,fontWeight:500},children:e.app}),(0,P.jsx)(O,{component:`span`,sx:{fontFamily:H,fontSize:10,fontWeight:700,color:a,lineHeight:`20px`,textTransform:`uppercase`,letterSpacing:`0.04em`},children:V[e.level]??e.level.slice(0,3).toUpperCase()}),(0,P.jsx)(O,{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,P.jsx)(u,{in:r,unmountOnExit:!0,children:(0,P.jsx)(E,{sx:{ml:`14px`,mr:1.5,mb:.5,p:1.5,bgcolor:`rgba(255,255,255,0.025)`,borderRadius:1,borderLeft:`2px solid ${f(a,.3)}`},children:(0,P.jsxs)(E,{component:`pre`,sx:{fontFamily:H,fontSize:11,color:`#8b949e`,m:0,whiteSpace:`pre-wrap`,wordBreak:`break-all`,lineHeight:1.7},children:[e.nodeId&&(0,P.jsxs)(`span`,{children:[(0,P.jsx)(`span`,{style:{color:`#7c8493`},children:`node:    `}),(0,P.jsx)(`span`,{style:{color:`#58a6ff`},children:n?.[e.nodeId]??e.nodeId}),`
+`]}),e.traceId&&(0,P.jsxs)(`span`,{children:[(0,P.jsx)(`span`,{style:{color:`#7c8493`},children:`traceId: `}),(0,P.jsx)(`span`,{style:{color:`#d2a8ff`},children:e.traceId}),`
+`]}),e.spanId&&(0,P.jsxs)(`span`,{children:[(0,P.jsx)(`span`,{style:{color:`#7c8493`},children:`spanId:  `}),(0,P.jsx)(`span`,{style:{color:`#d2a8ff`},children:e.spanId}),`
+`]}),e.labels&&(0,P.jsxs)(`span`,{children:[(0,P.jsx)(`span`,{style:{color:`#7c8493`},children:`labels:  `}),(0,P.jsx)(`span`,{style:{color:`#7ee787`},children:JSON.stringify(e.labels,null,2)}),`
+`]}),e.metadata&&(0,P.jsxs)(`span`,{children:[(0,P.jsx)(`span`,{style:{color:`#7c8493`},children:`metadata:`}),`
+`,(0,P.jsx)(`span`,{style:{color:`#e6edf3`},children:JSON.stringify(e.metadata,null,2)})]})]})})})]})}function U(){let{activeProject:e,namespacePrefix:t,filterApps:a,displayName:o}=he(),l=!e,[u,d]=(0,A.useState)(l?`omnitron`:``),[m,h]=(0,A.useState)(``),[g,_]=(0,A.useState)([]),re=(0,A.useMemo)(()=>Object.fromEntries(g.map(e=>[e.id,e.hostname])),[g]),[b,ie]=(0,A.useState)([]),[S,w]=(0,A.useState)(``),[T,D]=(0,A.useState)(``),[k,pe]=(0,A.useState)(``),[j,M]=(0,A.useState)(l?`live`:`1h`),[N,ge]=(0,A.useState)(``),[F,I]=(0,A.useState)(``),[L,R]=(0,A.useState)([]),[z,ve]=(0,A.useState)([]),[V,xe]=(0,A.useState)([]),[De,ke]=(0,A.useState)([]),[Ae,U]=(0,A.useState)(0),[Ne,Pe]=(0,A.useState)(!1),[Fe,W]=(0,A.useState)(!0),[Ie,Le]=(0,A.useState)(!1),[Re,G]=(0,A.useState)(null),[ze,Be]=(0,A.useState)(!1),[K,Ve]=(0,A.useState)(!1),[He,Ue]=(0,A.useState)(0),q=(0,A.useRef)(null),J=(0,A.useRef)(null),Y=(0,A.useRef)(new Set),X=(0,A.useRef)(null),[We,Ge]=(0,A.useState)(!0),Ke=(0,A.useRef)(!0),Z=(0,A.useRef)(null);(0,A.useEffect)(()=>(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{D(S)},Te),()=>{Z.current&&clearTimeout(Z.current)}),[S]);let Q=j===`live`;(0,A.useEffect)(()=>{Be(!(!Q||K))},[Q,K]),(0,A.useEffect)(()=>{(async()=>{try{let e=await i.list();xe(a(e).map(e=>e.name))}catch{}})()},[a]),(0,A.useEffect)(()=>{(async()=>{try{let e=await n.listNodes(),t=Array.isArray(e)?e.filter(e=>!e.isLocal):[];t.length>0&&_(t.map(e=>({id:e.id,hostname:e.name})))}catch{}})()},[]);let qe=(0,A.useCallback)(async()=>{try{let e=await r.getLogStats();ke(e.byApp.map(e=>e.app))}catch{}},[]);(0,A.useEffect)(()=>{qe()},[qe]);let Je=(0,A.useMemo)(()=>{let e=e=>!t||e.startsWith(t)||!e.includes(`/`),n=[...new Set([...V,...De])].filter(e).sort(),r=new Map;for(let e of n){let t=o(e);r.set(t,(r.get(t)??0)+1)}return n.map(e=>{let t=o(e);return{value:e,label:r.get(t)>1?e:t}})},[V,De,t,o]),Ye=(0,A.useCallback)((e=0)=>{let t={limit:Ce,offset:e};u&&(t.app=u),b.length>0&&(t.level=b),T.trim()&&(t.search=T.trim()),m&&(t.nodeId=m);let n=je(k);if(n&&Object.keys(n).length>0&&(t.labels=n),j===`custom`)N&&(t.from=new Date(N).toISOString()),F&&(t.to=new Date(F).toISOString());else if(j!==`live`){let e=Se.find(e=>e.key===j);e&&e.minutes>0&&(t.from=new Date(Date.now()-e.minutes*60*1e3).toISOString())}return t},[u,m,b,T,k,j,N,F]),Xe=(0,A.useCallback)(async()=>{try{W(!0);let e=await r.queryLogs(Ye(0));R(e.entries),U(e.total),ve(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(L.length));R(t=>[...t,...e.entries]),Pe(e.hasMore)}catch(e){G(e?.message??`Failed to load more`)}finally{Le(!1)}};(0,A.useEffect)(()=>{Q||Xe()},[Xe,Q]);let $=(0,A.useMemo)(()=>{let e={tail:100};u&&(e.app=u),b.length>0&&(e.level=b),T.trim()&&(e.search=T.trim()),m&&(e.nodeId=m);let t=je(k);return t&&Object.keys(t).length>0&&(e.labels=t),e},[u,b,T,m,k]);(0,A.useEffect)(()=>{Q&&(async()=>{try{W(!0);let e=await r.streamLogs($),t=[...e].reverse();R(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,A.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(L.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(),R(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,$,L]),(0,A.useEffect)(()=>{if(Ke.current&&X.current){let e=X.current;requestAnimationFrame(()=>{e.scrollTop=0})}},[L]);let Qe=(0,A.useCallback)(()=>{let e=X.current;if(!e)return;let t=e.scrollTop<Ee;Ke.current=t,Ge(t),t&&Ue(0)},[]),$e=(0,A.useCallback)(()=>{let e=X.current;e&&(e.scrollTo({top:0,behavior:`smooth`}),Ue(0))},[]),et=e=>{ie(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},tt=()=>{d(``),h(``),ie([]),w(``),D(``),pe(``),M(`1h`),ge(``),I(``)},nt=u!==``||b.length>0||T!==``||k!==``,rt=(0,A.useMemo)(()=>{if(!Q)return be(z);let e=new Map;for(let t of L)e.set(t.level,(e.get(t.level)??0)+1);return be([...e].map(([e,t])=>({level:e,count:t})))},[Q,z,L]);return(0,P.jsxs)(E,{sx:{display:`flex`,flexDirection:`column`,height:`100%`,minHeight:0},children:[(0,P.jsxs)(E,{sx:{position:`sticky`,top:0,zIndex:10,mb:2,p:2,borderRadius:2,bgcolor:f(`#0a0a0f`,.85),backdropFilter:`blur(16px)`,border:`1px solid`,borderColor:f(`#fff`,.06)},children:[(0,P.jsx)(ue,{links:[{name:l?`Daemon Logs`:`Logs`}],sx:{mb:1.5},action:(0,P.jsxs)(c,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[Q&&(0,P.jsx)(de,{label:K?`PAUSED`:`LIVE`,size:`small`,sx:{height:20,fontSize:10,fontWeight:700,fontFamily:H,letterSpacing:`0.08em`,bgcolor:f(K?`#f59e0b`:`#22c55e`,.15),color:K?`#f59e0b`:`#22c55e`,animation:K?void 0:`${Oe} 2s ease-in-out infinite`,border:`1px solid`,borderColor:f(K?`#f59e0b`:`#22c55e`,.3)}}),Q&&(0,P.jsx)(x,{title:K?`Resume streaming`:`Pause streaming`,children:(0,P.jsx)(v,{size:`small`,onClick:()=>Ve(e=>!e),sx:{color:K?`#f59e0b`:`#22c55e`},children:K?(0,P.jsx)(ce,{}):(0,P.jsx)(s,{})})}),(0,P.jsx)(x,{title:`Refresh`,children:(0,P.jsx)(v,{size:`small`,onClick:()=>{Q&&(J.current=null),Xe(),qe()},children:(0,P.jsx)(ne,{})})}),nt&&(0,P.jsx)(x,{title:`Clear all filters`,children:(0,P.jsx)(v,{size:`small`,onClick:tt,sx:{color:`#ef4444`},children:(0,P.jsx)(ae,{})})})]})}),(0,P.jsxs)(c,{direction:`row`,spacing:1.5,useFlexGap:!0,sx:{flexWrap:`wrap`,mb:1.5},children:[!l&&(0,P.jsxs)(y,{select:!0,size:`small`,label:`Application`,value:u,onChange:e=>d(e.target.value),sx:{minWidth:150,"& .MuiInputBase-root":{fontFamily:H,fontSize:12},"& .MuiInputLabel-root":{fontSize:12}},children:[(0,P.jsx)(C,{value:``,children:(0,P.jsx)(`em`,{children:`All Apps`})}),Je.map(({value:e,label:t})=>(0,P.jsx)(C,{value:e,sx:{fontFamily:H,fontSize:12},children:t},e))]}),!l&&g.length>0&&(0,P.jsxs)(y,{select:!0,size:`small`,label:`Node`,value:m,onChange:e=>h(e.target.value),sx:{minWidth:140,"& .MuiInputBase-root":{fontFamily:H,fontSize:12},"& .MuiInputLabel-root":{fontSize:12}},children:[(0,P.jsx)(C,{value:``,children:(0,P.jsx)(`em`,{children:`All Nodes`})}),g.map(e=>(0,P.jsx)(C,{value:e.id,sx:{fontFamily:H,fontSize:12},children:e.hostname},e.id))]}),(0,P.jsx)(y,{size:`small`,placeholder:`Search messages...`,value:S,onChange:e=>w(e.target.value),slotProps:{input:{startAdornment:(0,P.jsx)(oe,{position:`start`,children:(0,P.jsx)(te,{sx:{fontSize:16,color:`#7c8493`}})})}},sx:{flex:1,minWidth:200,"& .MuiInputBase-root":{fontFamily:H,fontSize:12}}}),!l&&(0,P.jsx)(y,{size:`small`,placeholder:`Labels: key=val, key2=val2`,value:k,onChange:e=>pe(e.target.value),sx:{minWidth:200,"& .MuiInputBase-root":{fontFamily:H,fontSize:12}}})]}),(0,P.jsxs)(c,{direction:`row`,spacing:2,useFlexGap:!0,sx:{alignItems:`center`,flexWrap:`wrap`},children:[(0,P.jsx)(c,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:B.map(e=>{let t=b.includes(e),n=me[e]??`#6b7280`;return(0,P.jsx)(de,{size:`small`,label:(0,P.jsxs)(c,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[(0,P.jsx)(E,{sx:{width:6,height:6,borderRadius:`50%`,bgcolor:n,flexShrink:0,boxShadow:t?`0 0 6px ${n}`:void 0}}),(0,P.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:f(n,.3),color:t?`#fff`:n,bgcolor:t?f(n,.8):`transparent`,"&:hover":{bgcolor:t?f(n,.9):f(n,.12)},transition:`all 0.15s ease`}},e)})}),(0,P.jsx)(E,{sx:{width:1,height:20,bgcolor:f(`#fff`,.08),mx:.5}}),(0,P.jsx)(_e,{size:`small`,variant:`outlined`,sx:{height:28},children:Se.map(e=>{let t=j===e.key;return(0,P.jsx)(se,{onClick:()=>M(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:f(`#22c55e`,.2),color:`#22c55e`,borderColor:f(`#22c55e`,.4),"&:hover":{bgcolor:f(`#22c55e`,.3)}}:{}},children:e.label},e.key)})}),j===`custom`&&(0,P.jsxs)(c,{direction:`row`,spacing:1,sx:{alignItems:`center`},children:[(0,P.jsx)(y,{type:`datetime-local`,size:`small`,value:N,onChange:e=>ge(e.target.value),label:`From`,sx:{width:200,"& .MuiInputBase-root":{fontSize:11,fontFamily:H},"& .MuiInputLabel-root":{fontSize:11}},slotProps:{inputLabel:{shrink:!0}}}),(0,P.jsx)(y,{type:`datetime-local`,size:`small`,value:F,onChange:e=>I(e.target.value),label:`To`,sx:{width:200,"& .MuiInputBase-root":{fontSize:11,fontFamily:H},"& .MuiInputLabel-root":{fontSize:11}},slotProps:{inputLabel:{shrink:!0}}})]})]})]}),(0,P.jsxs)(c,{direction:`row`,sx:{alignItems:`center`,justifyContent:`space-between`,mb:1,px:.5},children:[(0,P.jsxs)(c,{direction:`row`,spacing:2,sx:{alignItems:`center`},children:[(0,P.jsx)(O,{variant:`caption`,sx:{fontFamily:H,fontSize:11,color:`#7c8493`},children:Fe?`Loading...`:Q?`${L.length.toLocaleString()} entries`:`Showing ${L.length.toLocaleString()} of ${Ae.toLocaleString()}`}),!Fe&&rt.length>0&&(0,P.jsxs)(c,{direction:`row`,spacing:1.5,sx:{alignItems:`center`},children:[(0,P.jsx)(E,{sx:{width:1,height:12,bgcolor:f(`#fff`,.06)}}),rt.map(e=>(0,P.jsxs)(c,{direction:`row`,spacing:.5,sx:{alignItems:`center`},children:[(0,P.jsx)(E,{sx:{width:5,height:5,borderRadius:`50%`,bgcolor:me[e.level]??`#6b7280`}}),(0,P.jsxs)(O,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:`#7c8493`},children:[e.level,`: `,e.count.toLocaleString()]})]},e.level))]})]}),ze&&!K&&(0,P.jsx)(O,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:f(`#22c55e`,.6),animation:`${Oe} 2s ease-in-out infinite`},children:`streaming every 2s`})]}),Re&&(0,P.jsx)(fe,{closable:!0,severity:`error`,variant:`outlined`,onClose:()=>G(null),sx:{mb:1,fontFamily:H,fontSize:12},children:Re}),(0,P.jsxs)(E,{sx:{position:`relative`,flex:1,minHeight:400,borderRadius:2,overflow:`hidden`,border:`1px solid`,borderColor:f(`#fff`,.06),bgcolor:`#0a0a0f`},children:[(0,P.jsxs)(E,{sx:{display:`flex`,alignItems:`center`,height:32,px:1.5,bgcolor:f(`#fff`,.03),borderBottom:`1px solid`,borderColor:f(`#fff`,.05)},children:[(0,P.jsxs)(c,{direction:`row`,spacing:.5,sx:{mr:1.5},children:[(0,P.jsx)(E,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#ef4444`}}),(0,P.jsx)(E,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#f59e0b`}}),(0,P.jsx)(E,{sx:{width:8,height:8,borderRadius:`50%`,bgcolor:`#22c55e`}})]}),(0,P.jsxs)(O,{variant:`caption`,sx:{fontFamily:H,fontSize:10,color:`#7c8493`,letterSpacing:`0.04em`},children:[l?`omnitron-daemon`:`omnitron-logs`,u?` — ${u}`:``]})]}),(0,P.jsx)(E,{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:f(`#fff`,.1),borderRadius:3,"&:hover":{bgcolor:f(`#fff`,.2)}}},children:Fe?(0,P.jsx)(c,{spacing:.25,sx:{p:1.5},children:Array.from({length:20},(e,t)=>(0,P.jsx)(ee,{height:18,sx:{bgcolor:f(`#fff`,.03),borderRadius:.5,animationDuration:`${1.5+t%5*.2}s`}},t))}):L.length===0?(0,P.jsxs)(c,{sx:{alignItems:`center`,justifyContent:`center`,height:`100%`,py:8},children:[(0,P.jsx)(p,{sx:{fontSize:40,color:f(`#fff`,.08),mb:1.5}}),(0,P.jsx)(O,{sx:{fontFamily:H,fontSize:12,color:`#7c8493`,textAlign:`center`},children:`No log entries match the current filters.`}),(0,P.jsx)(O,{sx:{fontFamily:H,fontSize:11,color:f(`#fff`,.15),mt:.5},children:nt?`Try adjusting your filters.`:`Waiting for log data...`})]}):(0,P.jsxs)(P.Fragment,{children:[Ne&&!Q&&(0,P.jsx)(c,{sx:{alignItems:`center`,py:1},children:(0,P.jsx)(se,{size:`small`,variant:`text`,onClick:Ze,disabled:Ie,sx:{fontFamily:H,fontSize:10,color:`#58a6ff`,textTransform:`none`,"&:hover":{bgcolor:f(`#58a6ff`,.08)}},children:Ie?`Loading...`:`Load older entries (${(Ae-L.length).toLocaleString()} remaining)`})}),L.map(e=>(0,P.jsx)(Me,{log:e,isNew:Y.current.has(e.id),nodeNames:re},e.id))]})}),Q&&!We&&(0,P.jsx)(ye,{size:`small`,onClick:$e,sx:{position:`absolute`,top:48,right:16,bgcolor:f(`#58a6ff`,.15),color:`#58a6ff`,backdropFilter:`blur(8px)`,border:`1px solid`,borderColor:f(`#58a6ff`,.2),"&:hover":{bgcolor:f(`#58a6ff`,.25)},width:36,height:36},children:(0,P.jsx)(le,{badgeContent:He>0?He:void 0,color:`primary`,sx:{"& .MuiBadge-badge":{fontFamily:H,fontSize:9,minWidth:16,height:16}},children:(0,P.jsx)(E,{sx:{width:0,height:0,borderLeft:`5px solid transparent`,borderRight:`5px solid transparent`,borderBottom:`6px solid currentColor`}})})})]})]})}export{U as default};