https://zencap.ai/_next/static/chunks/pages/terminal/public/events-2de0f2627c1bf927.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46372],{54254:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var r=a(14232);let s=r.forwardRef(function(e,t){let{title:a,titleId:s,...d}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":s},d),a?r.createElement("title",{id:s},a):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"}))})},68060:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/terminal/public/events",function(){return a(86411)}])},86411:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>y,default:()=>h});var r=a(37876),s=a(14232),d=a(48230),l=a.n(d),n=a(78408),i=a(89099),o=a(90948);let c={TradeExecuted:{color:"bg-blue-100 text-blue-800 border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-800",icon:"\uD83D\uDCCA",label:"Trade"},PositionOpened:{color:"bg-green-100 text-green-800 border-green-200 dark:bg-green-900/30 dark:text-green-300 dark:border-green-800",icon:"\uD83D\uDCC8",label:"Position Opened"},PositionClosed:{color:"bg-red-100 text-red-800 border-red-200 dark:bg-red-900/30 dark:text-red-300 dark:border-red-800",icon:"\uD83D\uDCC9",label:"Position Closed"},DividendReceived:{color:"bg-purple-100 text-purple-800 border-purple-200 dark:bg-purple-900/30 dark:text-purple-300 dark:border-purple-800",icon:"\uD83D\uDCB0",label:"Dividend"},CorporateAction:{color:"bg-orange-100 text-orange-800 border-orange-200 dark:bg-orange-900/30 dark:text-orange-300 dark:border-orange-800",icon:"\uD83D\uDD04",label:"Corp Action"},PriceUpdate:{color:"bg-gray-100 text-gray-800 border-gray-200 dark:bg-navy-800 dark:text-slate-300 dark:border-navy-700",icon:"\uD83D\uDCB9",label:"Price"},LotCreated:{color:"bg-teal-100 text-teal-800 border-teal-200 dark:bg-teal-900/30 dark:text-teal-300 dark:border-teal-800",icon:"\uD83D\uDCE6",label:"Lot Created"},LotClosed:{color:"bg-pink-100 text-pink-800 border-pink-200 dark:bg-pink-900/30 dark:text-pink-300 dark:border-pink-800",icon:"\uD83D\uDCE4",label:"Lot Closed"},WashSaleAdjustment:{color:"bg-yellow-100 text-yellow-800 border-yellow-200 dark:bg-amber-900/30 dark:text-amber-300 dark:border-amber-800",icon:"⚠️",label:"Wash Sale"}};function x(e){let{events:t,title:a="Event Timeline",showFilter:d=!0,enableReplay:l=!1,onReplayTo:n,maxHeight:i="600px",className:o=""}=e,[x,g]=(0,s.useState)(new Set),[m,b]=(0,s.useState)(new Set),[v,p]=(0,s.useState)(null),y=(0,s.useMemo)(()=>[...new Set(t.map(e=>e.type))],[t]),h=(0,s.useMemo)(()=>0===x.size?t:t.filter(e=>x.has(e.type)),[t,x]);return(0,r.jsxs)("div",{className:"event-timeline ".concat(o),children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:a}),(0,r.jsxs)("p",{className:"text-sm text-gray-500 dark:text-slate-400",children:[h.length," event",1!==h.length?"s":"",x.size>0&&" (filtered from ".concat(t.length,")")]})]}),l&&v&&(0,r.jsx)("button",{onClick:()=>{p(null),null==n||n("")},className:"px-3 py-1 text-sm bg-navy-100 dark:bg-navy-800 text-navy-700 dark:text-slate-300 rounded-btn hover:bg-navy-200 dark:hover:bg-navy-700",children:"Clear Replay Point"})]}),d&&y.length>1&&(0,r.jsx)("div",{className:"flex flex-wrap gap-2 mb-4",children:y.map(e=>{let t=c[e],a=0===x.size||x.has(e);return(0,r.jsxs)("button",{onClick:()=>(e=>{let t=new Set(x);t.has(e)?t.delete(e):t.add(e),g(t)})(e),className:"px-2 py-1 text-xs font-medium rounded-full border transition-all ".concat(a?t.color:"bg-gray-50 dark:bg-navy-900 text-gray-400 dark:text-slate-500 border-gray-200 dark:border-navy-700"),children:[t.icon," ",t.label]},e)})}),(0,r.jsxs)("div",{className:"relative overflow-y-auto border border-gray-200 dark:border-navy-700 rounded-lg bg-white dark:bg-navy-800",style:{maxHeight:i},children:[(0,r.jsx)("div",{className:"absolute left-8 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-navy-700"}),(0,r.jsxs)("div",{className:"py-4",children:[h.map((e,t)=>{let a=c[e.type],{date:s,time:d}=function(e){let t=new Date(e);return{date:t.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}),time:t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",second:"2-digit"})}}(e.timestamp),i=m.has(e.id),o=v===e.timestamp,x=!v||new Date(e.timestamp)<=new Date(v);return(0,r.jsxs)("div",{className:"relative pl-16 pr-4 py-3 ".concat(o?"bg-navy-50 dark:bg-navy-900 border-l-4 border-navy-500 dark:border-teal-500":x?"":"opacity-40"," hover:bg-gray-50 dark:hover:bg-navy-900 transition-colors"),children:[(0,r.jsx)("div",{className:"absolute left-6 w-4 h-4 rounded-full border-2 ".concat(o?"bg-navy-500 dark:bg-teal-500 border-navy-500 dark:border-teal-500":"bg-white dark:bg-navy-800 border-gray-300 dark:border-navy-600")}),(0,r.jsxs)("div",{className:"flex items-start justify-between",children:[(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,r.jsxs)("span",{className:"px-2 py-0.5 text-xs font-medium rounded border ".concat(a.color),children:[a.icon," ",a.label]}),(0,r.jsxs)("span",{className:"text-xs text-gray-400 dark:text-slate-500",children:["v",e.version]})]}),(0,r.jsx)("div",{className:"text-sm text-gray-700 dark:text-slate-300",children:function(e){let t=[];for(let a of["ticker","quantity","price","side","amount","ratio"])if(a in e){let r=e[a];

1"number"==typeof r?t.push("".concat(a,": ").concat(r.toLocaleString())):t.push("".concat(a,": ").concat(r))}return t.join(" | ")||JSON.stringify(e).slice(0,50)+"..."}(e.payload)}),(0,r.jsxs)("div",{className:"text-xs text-gray-400 dark:text-slate-500 mt-1",children:[e.aggregateType,":",e.aggregateId]}),i&&(0,r.jsxs)("div",{className:"mt-3 p-3 bg-gray-50 dark:bg-navy-900 rounded-lg text-xs",children:[(0,r.jsx)("pre",{className:"whitespace-pre-wrap text-gray-600 dark:text-slate-400 overflow-x-auto",children:JSON.stringify(e.payload,null,2)}),e.metadata&&(0,r.jsxs)("div",{className:"mt-2 pt-2 border-t border-gray-200 dark:border-navy-700 text-gray-400 dark:text-slate-500",children:[e.metadata.correlationId&&(0,r.jsxs)("div",{children:["Correlation: ",e.metadata.correlationId]}),e.metadata.causationId&&(0,r.jsxs)("div",{children:["Causation: ",e.metadata.causationId]})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-col items-end gap-1 ml-4",children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400",children:s}),(0,r.jsx)("div",{className:"text-xs text-gray-400 dark:text-slate-500",children:d}),(0,r.jsxs)("div",{className:"flex items-center gap-1 mt-2",children:[(0,r.jsx)("button",{onClick:()=>(e=>{let t=new Set(m);t.has(e)?t.delete(e):t.add(e),b(t)})(e.id),className:"p-1 text-gray-400 dark:text-slate-500 hover:text-gray-600 dark:hover:text-slate-300 rounded",title:i?"Collapse":"Expand",children:(0,r.jsx)("svg",{className:"w-4 h-4 transition-transform ".concat(i?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})}),l&&(0,r.jsx)("button",{onClick:()=>{var t;p(t=e.timestamp),null==n||n(t)},className:"p-1 rounded ".concat(o?"text-navy-600 dark:text-teal-300 bg-navy-100 dark:bg-navy-800":"text-gray-400 dark:text-slate-500 hover:text-navy-600 dark:hover:text-teal-300"),title:"Replay to this point",children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})})]})]})]})]},e.id)}),0===h.length&&(0,r.jsx)("div",{className:"py-12 text-center text-gray-500 dark:text-slate-400",children:"No events to display"})]})]})]})}var g=a(18427),m=a(53127),b=a(54254);function v(e){switch(e){case"TradeExecuted":return"bg-blue-100 text-blue-800 border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-800";case"DividendReceived":return"bg-green-100 text-green-800 border-green-200 dark:bg-teal-900/30 dark:text-teal-300 dark:border-teal-800";case"CorporateActionApplied":return"bg-purple-100 text-purple-800 border-purple-200 dark:bg-purple-900/30 dark:text-purple-300 dark:border-purple-800";case"PositionCorrected":return"bg-orange-100 text-orange-800 border-orange-200 dark:bg-orange-900/30 dark:text-orange-300 dark:border-orange-800";case"LotCreated":return"bg-teal-100 text-teal-800 border-teal-200 dark:bg-teal-900/30 dark:text-teal-300 dark:border-teal-800";case"LotClosed":return"bg-red-100 text-red-800 border-red-200 dark:bg-red-900/30 dark:text-red-300 dark:border-red-800";default:return"bg-gray-100 text-gray-800 border-gray-200 dark:bg-navy-700 dark:text-slate-300 dark:border-navy-600"}}function p(e){switch(e){case"Portfolio":return"bg-navy-100 text-navy-800 dark:bg-navy-700 dark:text-slate-300";case"Position":return"bg-teal-100 text-teal-800 dark:bg-teal-900/30 dark:text-teal-300";case"Lot":return"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300";case"Security":return"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300";default:return"bg-gray-100 text-gray-800 dark:bg-navy-700 dark:text-slate-300"}}var y=!0;function h(e){let{events:t,stats:a,error:d}

1=e,c=(0,i.useRouter)(),[y,h]=(0,s.useState)(null),u=(0,s.useCallback)(()=>{c.reload()},[c]),[k,j]=(0,s.useState)({event_type:"all",aggregate_type:"all",search:""}),[N,f]=(0,s.useState)({mode:"live",as_of:null,target_sequence:null}),[w,_]=(0,s.useState)("stream"),C=t.filter(e=>{if("all"!==k.event_type&&e.event_type!==k.event_type||"all"!==k.aggregate_type&&e.aggregate_type!==k.aggregate_type)return!1;if(k.search){let t=k.search.toLowerCase();if(!JSON.stringify(e.event_data).toLowerCase().includes(t)&&!e.event_type.toLowerCase().includes(t))return!1}return!0}),S=(0,s.useCallback)(e=>{let a=t.find(t=>t.global_sequence===e);f({mode:"replay",as_of:(null==a?void 0:a.occurred_at)||null,target_sequence:e})},[t]),L=(0,s.useCallback)(()=>{f({mode:"live",as_of:null,target_sequence:null})},[]),E=["all",...new Set(t.map(e=>e.event_type))],T=["all",...new Set(t.map(e=>e.aggregate_type))],q=(0,s.useMemo)(()=>{let e={TradeExecuted:"TradeExecuted",DividendReceived:"DividendReceived",CorporateActionApplied:"CorporateAction",PositionCorrected:"PriceUpdate",LotCreated:"LotCreated",LotClosed:"LotClosed"};return C.map(t=>({id:t.id,type:e[t.event_type]||"PriceUpdate",timestamp:t.occurred_at,aggregateId:String(t.aggregate_id),aggregateType:t.aggregate_type,version:t.sequence_number,payload:t.event_data,metadata:{correlationId:t.correlation_id,causationId:t.causation_id}}))},[C]);return(0,r.jsxs)(n.U,{title:"Events",hideHeader:!0,children:[(0,r.jsx)("header",{className:"text-white ".concat("replay"===N.mode?"bg-orange-700":"bg-navy-900"),children:(0,r.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-bold",children:"Events Timeline"}),(0,r.jsx)("p",{className:"mt-1 ".concat("replay"===N.mode?"text-orange-200":"text-navy-200"),children:"replay"===N.mode?"Replay Mode: Viewing state as of sequence ".concat(N.target_sequence):"Event Store: Audit Trail & Replay"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-4",children:["replay"===N.mode?(0,r.jsx)("button",{onClick:L,className:"px-4 py-2 bg-white text-orange-700 rounded-btn hover:bg-orange-50 font-medium",children:"Exit replay mode"}):(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"w-2 h-2 bg-green-400 rounded-full animate-pulse"}),(0,r.jsx)("span",{className:"text-green-300",children:"Live"})]}),(0,r.jsx)(l(),{href:"/terminal",className:"hover:text-white transition-colors ".concat("replay"===N.mode?"text-orange-200":"text-navy-200"),children:"Back to Terminal"})]})]})})}),(0,r.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-4 flex justify-end",children:(0,r.jsx)(o.N,{collapsible:!0,defaultCollapsed:!0})}),(0,r.jsxs)("main",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6",children:[d&&(0,r.jsx)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700",children:(0,r.jsx)(m.Ay,{title:"DATABASE_ERROR"===d.code?m.LV.database.title:"Failed to Load Events",message:d.message,errorCode:d.code,technical:d.technical,onRetry:u})}),(0,r.jsxs)("div",{className:"grid grid-cols-2 lg:grid-cols-5 gap-4",children:[(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("div",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Total Events"}),(0,r.jsx)("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:a.total_events.toLocaleString()})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("div",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Today"}),(0,r.jsx)("div",{className:"text-2xl font-bold text-green-600 dark:text-teal-300",children:a.events_today.toLocaleString()})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("div",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Last Hour"}),(0,r.jsx)("div",{className:"text-2xl font-bold text-blue-600 dar

1k:text-blue-300",children:a.events_this_hour})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("div",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Event Types"}),(0,r.jsx)("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:Object.keys(a.by_type).length})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("div",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Global Sequence"}),(0,r.jsx)("div",{className:"text-2xl font-bold text-purple-600 dark:text-purple-300",children:a.global_sequence})]})]}),(0,r.jsx)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("label",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Event Type:"}),(0,r.jsx)("select",{value:k.event_type,onChange:e=>j({...k,event_type:e.target.value}),className:"text-sm border-gray-300 rounded-btn dark:bg-navy-900 dark:border-navy-600 dark:text-slate-300",children:E.map(e=>(0,r.jsx)("option",{value:e,children:"all"===e?"All Types":e},e))})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("label",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Aggregate:"}),(0,r.jsx)("select",{value:k.aggregate_type,onChange:e=>j({...k,aggregate_type:e.target.value}),className:"text-sm border-gray-300 rounded-btn dark:bg-navy-900 dark:border-navy-600 dark:text-slate-300",children:T.map(e=>(0,r.jsx)("option",{value:e,children:"all"===e?"All Aggregates":e},e))})]}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)("input",{type:"text",value:k.search,onChange:e=>j({...k,search:e.target.value}),placeholder:"Search event data…",className:"w-full text-sm px-3 py-2 border border-gray-300 rounded-btn dark:bg-navy-900 dark:border-navy-600 dark:text-slate-300 dark:placeholder:text-slate-500"})}),(0,r.jsxs)("div",{className:"flex space-x-1 bg-gray-100 dark:bg-navy-900 rounded-lg p-1",children:[(0,r.jsx)("button",{onClick:()=>_("stream"),className:"px-3 py-1 text-sm rounded-btn transition-colors ".concat("stream"===w?"bg-white text-gray-900 shadow-sm dark:bg-navy-700 dark:text-white":"text-gray-600 hover:text-gray-900 dark:text-slate-400 dark:hover:text-white"),children:"Stream"}),(0,r.jsx)("button",{onClick:()=>_("timeline"),className:"px-3 py-1 text-sm rounded-btn transition-colors ".concat("timeline"===w?"bg-white text-gray-900 shadow-sm dark:bg-navy-700 dark:text-white":"text-gray-600 hover:text-gray-900 dark:text-slate-400 dark:hover:text-white"),children:"Timeline"})]})]})}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:["timeline"===w&&(0,r.jsx)("div",{className:"lg:col-span-2",children:(0,r.jsx)(x,{events:q,title:"Event Timeline",showFilter:!1,enableReplay:!0,onReplayTo:e=>{if(e){let t=C.find(t=>t.occurred_at===e);t&&S(t.global_sequence)}else L()},maxHeight:"600px"})}),"stream"===w&&(0,r.jsxs)("div",{className:"lg:col-span-2 bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 overflow-hidden",children:[(0,r.jsx)("div",{className:"p-4 border-b border-gray-200 dark:border-navy-700",children:(0,r.jsxs)("h2",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:["Event Stream (",C.length,")"]})}),(0,r.jsxs)("div",{className:"divide-y divide-gray-100 dark:divide-navy-700 max-h-[600px] overflow-y-auto",children:[C.map(e=>(0,r.jsxs)("div",{onClick:()=>h(e),className:"p-4 hover:bg-gray-50 dark:hover:bg-navy-700 cursor-pointer transition-colors ".concat((null==y?void 0:y.id)===e.id?"bg-navy-50 border-l-4 border-navy-500 dark:bg-navy-700 dark:border-teal-300":""," ").concat(null!==N.target_sequence&&e.global_sequence>N.target_sequence?"opacity-30":""),children:[(0,r.jsxs)("div",{className:"flex items-start justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("span",{className:"px-2 py-1 text-xs font-medium rounded border ".concat(v(e.event_type)),children:e.event_type}),(0,r.jsxs)("span",{className:"px-2 py-1 text-xs font-medium rounded ".concat(p(e.aggregate_type)),children:[e.aggregate_type,":",e.aggregate_id]})]}),(0,r.jsxs)("div",{className:"text-right",children:[(0,r.jsxs)("div",{className:"text-xs text-gray-500 dark:text-slate-400",children:["#",e.global_sequence]}),(0,r.jsx)("div",{className:"text-xs text-gray-400 dark:text-slate-500",children:function(e){let t=new Date,a=new Date(e),r=Math.floor((t.getTime()-a.getTime())/1e3),s=Math.floor(r/60),d=Math.floor(s/60),l=Math.floor(d/24);return r<60?"".concat(r,"s ago"):s<60?"".concat(s,"m ago"):d<24?"".concat(d,"h ago"):"".concat(l,"d ago")}(e.occurred_at)})]})]}),(0,r.jsxs)("div",{className:"mt-2 text-sm text-gray-600 dark:text-slate-400",children:[(0,r.jsxs)("code",{className:"text-xs bg-gray-100 dark:bg-navy-900 dark:text-slate-300 px-1 py-0.5 rounded",children:["seq:",e.sequence_number]}),e.event_data.ticker&&(0,r.jsx)("span",{className:"ml-2 font-medium dark:text-white",children:String(e.event_data.ticker)}),e.event_data.side&&(0,r.jsx)("span",{className:"ml-2 ".concat("buy"===e.event_data.side?"text-green-600 dark:text-teal-300":"text-red-600 dark:text-red-300"),children:String(e.event_data.side).toUpperCase()}),e.event_data.quantity&&(0,r.jsxs)("span",{className:"ml-2",children:[String(e.event_data.quantity)," shares"]})]}),(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)("button",{onClick:t=>{t.stopPropagation(),S(e.global_sequence)},className:"text-xs text-navy-600 hover:text-navy-700 dark:text-teal-300 dark:hover:text-teal-200 hover:underline",children:"Replay to this point"})})]},e.id)),0===C.length&&t.length>0&&(0,r.jsx)("div",{className:"p-8 text-center text-gray-500 dark:text-slate-400",children:"No events match the current filters"})]})]}),0===t.length&&(0,r.jsx)("div",{className:"lg:col-span-2 bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700",children:(0,r.jsx)(g.A,{...g.w.events,icon:b.A})}),(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 overflow-hidden",children:[(0,r.jsx)("div",{className:"p-4 border-b border-gray-200 dark:border-navy-700",children:(0,r.jsx)("h2",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:"Event Details"})}),y?(0,r.jsxs)("div",{className:"p-4 space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"ID"}),(0,r.jsx)("div",{className:"font-mono text-xs break-all dark:text-slate-300",children:y.id})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Type"}),(0,r.jsx)("div",{className:"inline-block px-2 py-1 text-xs font-medium rounded mt-1 ".concat(v(y.event_type)),children:y.event_type})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Aggregate"}

1),(0,r.jsxs)("div",{className:"text-sm font-medium mt-1 dark:text-slate-300",children:[y.aggregate_type,":",y.aggregate_id]})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Sequence"}),(0,r.jsx)("div",{className:"text-sm font-medium mt-1 dark:text-slate-300",children:y.sequence_number})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Global"}),(0,r.jsxs)("div",{className:"text-sm font-medium mt-1 dark:text-slate-300",children:["#",y.global_sequence]})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Occurred"}),(0,r.jsx)("div",{className:"text-sm mt-1 dark:text-slate-300",children:new Date(y.occurred_at).toLocaleString("en-US",{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide mb-1",children:"Event Data"}),(0,r.jsx)("pre",{className:"text-xs bg-gray-50 dark:bg-navy-900 dark:text-slate-300 p-3 rounded overflow-x-auto",children:JSON.stringify(y.event_data,null,2)})]}),y.metadata&&(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide mb-1",children:"Metadata"}),(0,r.jsx)("pre",{className:"text-xs bg-gray-50 dark:bg-navy-900 dark:text-slate-300 p-3 rounded overflow-x-auto",children:JSON.stringify(y.metadata,null,2)})]}),y.correlation_id&&(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs text-gray-500 dark:text-slate-400 uppercase tracking-wide",children:"Correlation ID"}),(0,r.jsx)("div",{className:"font-mono text-xs break-all dark:text-slate-300",children:y.correlation_id})]})]}):(0,r.jsx)("div",{className:"p-8 text-center text-gray-500 dark:text-slate-400",children:"Click an event to view details"})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("h3",{className:"text-sm font-semibold text-gray-900 dark:text-white mb-3",children:"By Event Type"}),(0,r.jsx)("div",{className:"space-y-2",children:Object.entries(a.by_type).sort((e,t)=>{let[,a]=e,[,r]=t;return r-a}).map(e=>{let[t,a]=e;return(0,r.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,r.jsx)("span",{className:"px-2 py-0.5 text-xs rounded ".concat(v(t)),children:t}),(0,r.jsx)("span",{className:"text-gray-600 dark:text-slate-400",children:a})]},t)})})]}),(0,r.jsxs)("div",{className:"bg-white dark:bg-navy-800 rounded-lg border border-gray-200 dark:border-navy-700 p-4",children:[(0,r.jsx)("h3",{className:"text-sm font-semibold text-gray-900 dark:text-white mb-3",children:"By Aggregate"}),(0,r.jsx)("div",{className:"space-y-2",children:Object.entries(a.by_aggregate).sort((e,t)=>{let[,a]=e,[,r]=t;return r-a}).map(e=>{let[t,a]=e;return(0,r.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,r.jsx)("span",{className:"px-2 py-0.5 text-xs rounded ".concat(p(t)),children:t}),(0,r.jsx)("span",{className:"text-gray-600 dark:text-slate-400",children:a})]},t)})})]})]})]})]})]})}}},e=>{e.O(0,[12762,14596,76552,67632,65353,10353,6584,59896,15243,18397,98442,90961,35150,65879,910,68095,78408,13616,10576,36896,38625,43857,74567,56158,83585,16153,91263,90636,82216,38792],()=>e(e.s=68060)),_N_E=e.O()}]);