2 lines
27 KiB
JavaScript
2 lines
27 KiB
JavaScript
import{r,j as e}from"./vendor-codemirror-C7mXSpXt.js";import{t as y,B as w,D as z,a as Q,b as H,c as J,d as G,p as S,q as le}from"./index-LZWfu62c.js";import{I as he}from"./input-BdDauX3U.js";import{B as j}from"./badge-B0F5ZNtn.js";import{C as M,a as N,b,c as C}from"./card-B-RtdR4H.js";import{S as ge}from"./stat-strip-BPzU38xY.js";import{S as D,a as I,b as L,c as R,d as n}from"./select-4xU_9B3_.js";import{T as ue,a as Te,b as F,c as O}from"./tabs-kmtfM2I-.js";import{L as s}from"./label-u-lNUbKh.js";import{t as k}from"./trace-L8uY5gM3.js";import{S as je,R as Me,x as Ne,u as fe,aa as ve,J as ye,b as we,a as Se,y as be,Q as Ce,f as De,ab as Ie,ac as Le,ad as Re,a4 as Fe,h as Oe,ae as ke}from"./vendor-icons-Aso0-eeY.js";import"./index-CYARH0Cq.js";const Ke=()=>{const[B,K]=r.useState([]),[p,U]=r.useState([]),[X,E]=r.useState(!1),[f,Z]=r.useState(""),[l,W]=r.useState("all"),[h,Y]=r.useState("all"),[g,_]=r.useState("1h"),[ee,ae]=r.useState("traces"),[m,te]=r.useState(null),[o,re]=r.useState(null),[ce,$]=r.useState(!1),[se,A]=r.useState(!1);r.useEffect(()=>{oe()},[g]);const oe=async()=>{await Promise.all([P(),ne()])},P=async()=>{E(!0);try{const a=await k.getTraces({timeRange:g,service:l,status:h});K(a.data||[])}catch{y.error("获取链路数据失败")}finally{E(!1)}},ne=async()=>{try{const a=await k.getServices(g);U(a.data||[])}catch{y.error("获取服务数据失败")}},me=async a=>{try{return(await k.getTraceDetail(a)).data}catch{return y.error("获取链路详情失败"),null}},v=a=>{switch(a){case"success":return e.jsxs(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:139:16",variant:"default",className:"bg-green-500 gap-1",children:[e.jsx(be,{"code-path":"src/components/monitor/trace/TraceManager.tsx:139:72",className:"w-3 h-3"}),"成功"]});case"error":return e.jsxs(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:141:16",variant:"destructive",className:"gap-1",children:[e.jsx(Se,{"code-path":"src/components/monitor/trace/TraceManager.tsx:141:63",className:"w-3 h-3"}),"错误"]});case"pending":return e.jsxs(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:143:16",variant:"outline",className:"gap-1",children:[e.jsx(we,{"code-path":"src/components/monitor/trace/TraceManager.tsx:143:59",className:"w-3 h-3"}),"进行中"]});default:return e.jsx(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:145:16",variant:"secondary",children:"未知"})}},de=a=>{switch(a){case"client":return e.jsx(ke,{"code-path":"src/components/monitor/trace/TraceManager.tsx:151:29",className:"w-4 h-4"});case"server":return e.jsx(Oe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:152:29",className:"w-4 h-4"});case"producer":return e.jsx(Fe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:153:31",className:"w-4 h-4"});case"consumer":return e.jsx(Re,{"code-path":"src/components/monitor/trace/TraceManager.tsx:154:31",className:"w-4 h-4"});default:return e.jsx(Le,{"code-path":"src/components/monitor/trace/TraceManager.tsx:155:23",className:"w-4 h-4"})}},ie=a=>{switch(a){case"success":return"bg-green-500";case"error":return"bg-red-500";case"pending":return"bg-yellow-500";default:return"bg-gray-500"}},d=a=>a<1?`${(a*1e3).toFixed(2)}μs`:a<1e3?`${a.toFixed(2)}ms`:`${(a/1e3).toFixed(2)}s`,V=B.filter(a=>{const t=a.traceId.toLowerCase().includes(f.toLowerCase())||a.operationName.toLowerCase().includes(f.toLowerCase()),i=l==="all"||a.serviceName===l,c=h==="all"||a.status===h;return t&&i&&c}),pe=Array.from(new Set(B.map(a=>a.serviceName))),xe=a=>{const t=new Map,i=[];return a.forEach(c=>{t.set(c.spanId,{...c,children:[]})}),a.forEach(c=>{const u=t.get(c.spanId);if(c.parentSpanId&&t.has(c.parentSpanId)){const x=t.get(c.parentSpanId);x.children=x.children||[],x.children.push(u)}else i.push(u)}),i},q=({span:a,level:t,totalDuration:i})=>{const[c,u]=r.useState(!0),x=i>0?a.duration/i*100:0;return e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:214:7",className:"select-none",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:215:9",className:"flex items-center py-2 hover:bg-muted/50 cursor-pointer border-l-2 border-transparent hover:border-blue-500",style:{paddingLeft:`${t*24+12}px`},onClick:()=>{re(a),A(!0)},children:[a.children?.length>0&&e.jsx(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:221:13",variant:"ghost",size:"sm",className:"h-4 w-4 p-0 mr-1",onClick:T=>{T.stopPropagation(),u(!c)},children:c?e.jsx(Ce,{"code-path":"src/components/monitor/trace/TraceManager.tsx:227:27",className:"w-3 h-3"}):e.jsx(De,{"code-path":"src/components/monitor/trace/TraceManager.tsx:227:65",className:"w-3 h-3"})}),!a.children?.length&&e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:230:38",className:"w-5"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:232:11",className:"flex items-center gap-2 flex-1 min-w-0",children:[de(a.kind),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:234:13",className:"font-medium truncate",children:a.operationName}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:235:13",className:"text-xs text-muted-foreground",children:a.serviceName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:238:11",className:"flex items-center gap-4",children:[e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:239:13",className:"w-32 h-4 bg-muted rounded overflow-hidden",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:240:15",className:`h-full ${ie(a.status)}`,style:{width:`${Math.max(x,1)}%`}})}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:245:13",className:"text-sm text-muted-foreground w-20 text-right",children:d(a.duration)}),a.status==="error"&&e.jsx(Ie,{"code-path":"src/components/monitor/trace/TraceManager.tsx:248:41",className:"w-4 h-4 text-red-500"})]})]}),c&&a.children?.map(T=>e.jsx(q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:253:11",span:T,level:t+1,totalDuration:i},T.spanId))]})};return e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:260:5",className:"space-y-6",children:[e.jsx(ge,{"code-path":"src/components/monitor/trace/TraceManager.tsx:262:7",items:[{label:"总请求",value:p.reduce((a,t)=>a+t.requestCount,0).toLocaleString(),color:"blue"},{label:"错误率",value:`${(p.reduce((a,t)=>a+t.errorRate,0)/(p.length||1)).toFixed(2)}%`,color:"red"},{label:"平均延迟",value:d(p.reduce((a,t)=>a+t.avgDuration,0)/(p.length||1)),color:"amber"},{label:"服务数",value:p.length,color:"purple"}]}),e.jsxs(ue,{"code-path":"src/components/monitor/trace/TraceManager.tsx:271:7",value:ee,onValueChange:ae,children:[e.jsxs(Te,{"code-path":"src/components/monitor/trace/TraceManager.tsx:272:9",className:"grid w-full grid-cols-3 lg:w-[400px]",children:[e.jsx(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:273:11",value:"traces",children:"链路追踪"}),e.jsx(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:274:11",value:"services",children:"服务拓扑"}),e.jsx(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:275:11",value:"metrics",children:"性能指标"})]}),e.jsxs(O,{"code-path":"src/components/monitor/trace/TraceManager.tsx:278:9",value:"traces",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:280:11",className:"flex flex-wrap items-center justify-between gap-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:281:13",className:"flex items-center gap-2 flex-1 min-w-[400px]",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:282:15",className:"relative flex-1",children:[e.jsx(je,{"code-path":"src/components/monitor/trace/TraceManager.tsx:283:17",className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"}),e.jsx(he,{"code-path":"src/components/monitor/trace/TraceManager.tsx:284:17",placeholder:"搜索Trace ID、操作名...",value:f,onChange:a=>Z(a.target.value),className:"pl-10"})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:291:15",value:l,onValueChange:W,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:292:17",className:"w-[150px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:293:19",placeholder:"服务"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:295:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:296:19",value:"all",children:"全部服务"}),pe.map(a=>e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:298:21",value:a,children:a},a))]})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:302:15",value:h,onValueChange:Y,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:303:17",className:"w-[120px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:304:19",placeholder:"状态"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:306:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:307:19",value:"all",children:"全部状态"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:308:19",value:"success",children:"成功"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:309:19",value:"error",children:"错误"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:310:19",value:"pending",children:"进行中"})]})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:313:15",value:g,onValueChange:_,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:314:17",className:"w-[120px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:315:19"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:317:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:318:19",value:"15m",children:"15分钟"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:319:19",value:"1h",children:"1小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:320:19",value:"6h",children:"6小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:321:19",value:"24h",children:"24小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:322:19",value:"7d",children:"7天"})]})]})]}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:326:13",className:"flex items-center gap-2",children:e.jsxs(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:327:15",variant:"outline",onClick:P,children:[e.jsx(Me,{"code-path":"src/components/monitor/trace/TraceManager.tsx:328:17",className:"w-4 h-4 mr-2"}),"刷新"]})})]}),e.jsx(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:335:11",children:e.jsx(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:336:13",className:"p-0",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:337:15",className:"overflow-x-auto",children:e.jsxs("table",{"code-path":"src/components/monitor/trace/TraceManager.tsx:338:17",className:"w-full",children:[e.jsx("thead",{"code-path":"src/components/monitor/trace/TraceManager.tsx:339:19",className:"bg-muted/50",children:e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:340:21",children:[e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:341:23",className:"px-4 py-3 text-left text-sm font-medium",children:"Trace ID"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:342:23",className:"px-4 py-3 text-left text-sm font-medium",children:"服务 / 操作"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:343:23",className:"px-4 py-3 text-left text-sm font-medium",children:"状态"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:344:23",className:"px-4 py-3 text-left text-sm font-medium",children:"耗时"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:345:23",className:"px-4 py-3 text-left text-sm font-medium",children:"Span数"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:346:23",className:"px-4 py-3 text-left text-sm font-medium",children:"时间"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:347:23",className:"px-4 py-3 text-left text-sm font-medium",children:"操作"})]})}),e.jsx("tbody",{"code-path":"src/components/monitor/trace/TraceManager.tsx:350:19",className:"divide-y",children:X?e.jsx("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:352:23",children:e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:353:25",colSpan:7,className:"px-4 py-8 text-center text-muted-foreground",children:"加载中..."})}):V.length===0?e.jsx("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:356:23",children:e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:357:25",colSpan:7,className:"px-4 py-8 text-center text-muted-foreground",children:"暂无链路数据"})}):V.map(a=>e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:361:25",className:"hover:bg-muted/50",children:[e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:362:27",className:"px-4 py-3",children:e.jsxs("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:363:29",className:"font-mono text-sm text-blue-500",children:[a.traceId.slice(0,16),"..."]})}),e.jsxs("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:365:27",className:"px-4 py-3",children:[e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:366:29",className:"font-medium",children:a.operationName}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:367:29",className:"text-sm text-muted-foreground",children:a.serviceName})]}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:369:27",className:"px-4 py-3",children:v(a.status)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:370:27",className:"px-4 py-3 text-sm",children:d(a.duration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:371:27",className:"px-4 py-3 text-sm",children:a.spanCount}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:372:27",className:"px-4 py-3 text-sm text-muted-foreground",children:a.startTime}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:373:27",className:"px-4 py-3",children:e.jsx(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:374:29",variant:"ghost",size:"sm",onClick:async()=>{const t=await me(a.traceId);t&&(te({...a,spans:t.spans}),$(!0))},children:e.jsx(Ne,{"code-path":"src/components/monitor/trace/TraceManager.tsx:385:31",className:"w-4 h-4"})})})]},a.id))})]})})})})]}),e.jsx(O,{"code-path":"src/components/monitor/trace/TraceManager.tsx:398:9",value:"services",className:"space-y-4",children:e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:399:11",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:400:13",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:401:15",children:"服务性能概览"})}),e.jsx(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:403:13",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:404:15",className:"overflow-x-auto",children:e.jsxs("table",{"code-path":"src/components/monitor/trace/TraceManager.tsx:405:17",className:"w-full",children:[e.jsx("thead",{"code-path":"src/components/monitor/trace/TraceManager.tsx:406:19",className:"bg-muted/50",children:e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:407:21",children:[e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:408:23",className:"px-4 py-3 text-left text-sm font-medium",children:"服务名称"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:409:23",className:"px-4 py-3 text-left text-sm font-medium",children:"请求数"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:410:23",className:"px-4 py-3 text-left text-sm font-medium",children:"错误率"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:411:23",className:"px-4 py-3 text-left text-sm font-medium",children:"平均延迟"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:412:23",className:"px-4 py-3 text-left text-sm font-medium",children:"P95延迟"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:413:23",className:"px-4 py-3 text-left text-sm font-medium",children:"P99延迟"})]})}),e.jsx("tbody",{"code-path":"src/components/monitor/trace/TraceManager.tsx:416:19",className:"divide-y",children:p.map(a=>e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:418:23",className:"hover:bg-muted/50",children:[e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:419:25",className:"px-4 py-3 font-medium",children:a.serviceName}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:420:25",className:"px-4 py-3",children:a.requestCount.toLocaleString()}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:421:25",className:"px-4 py-3",children:e.jsxs("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:422:27",className:a.errorRate>1?"text-red-500":"text-green-500",children:[a.errorRate.toFixed(2),"%"]})}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:426:25",className:"px-4 py-3",children:d(a.avgDuration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:427:25",className:"px-4 py-3",children:d(a.p95Duration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:428:25",className:"px-4 py-3",children:d(a.p99Duration)})]},a.serviceName))})]})})})]})}),e.jsx(O,{"code-path":"src/components/monitor/trace/TraceManager.tsx:438:9",value:"metrics",className:"space-y-4",children:e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:439:11",className:"grid grid-cols-2 gap-4",children:[e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:440:13",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:441:15",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:442:17",children:"延迟分布"})}),e.jsxs(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:444:15",className:"h-[300px] flex items-center justify-center text-muted-foreground",children:[e.jsx(fe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:445:17",className:"w-16 h-16 mr-4"}),"延迟分布图表（集成图表库后显示）"]})]}),e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:449:13",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:450:15",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:451:17",children:"错误率趋势"})}),e.jsxs(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:453:15",className:"h-[300px] flex items-center justify-center text-muted-foreground",children:[e.jsx(ve,{"code-path":"src/components/monitor/trace/TraceManager.tsx:454:17",className:"w-16 h-16 mr-4"}),"错误率趋势图表（集成图表库后显示）"]})]})]})})]}),e.jsx(z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:463:7",open:ce,onOpenChange:$,children:e.jsxs(Q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:464:9",className:"max-w-6xl max-h-[90vh]",children:[e.jsxs(H,{"code-path":"src/components/monitor/trace/TraceManager.tsx:465:11",children:[e.jsxs(J,{"code-path":"src/components/monitor/trace/TraceManager.tsx:466:13",className:"flex items-center gap-2",children:[e.jsx(ye,{"code-path":"src/components/monitor/trace/TraceManager.tsx:467:15",className:"w-5 h-5"}),"Trace详情",e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:469:15",className:"font-mono text-sm text-muted-foreground",children:m?.traceId})]}),e.jsx(G,{"code-path":"src/components/monitor/trace/TraceManager.tsx:471:13",className:"sr-only",children:"描述"})]}),m&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:474:13",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:475:15",className:"flex items-center gap-4 p-3 bg-muted rounded-lg",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:476:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:477:19",className:"text-xs text-muted-foreground",children:"服务"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:478:19",className:"font-medium",children:m.serviceName})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:480:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:481:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:482:19",className:"text-xs text-muted-foreground",children:"操作"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:483:19",className:"font-medium",children:m.operationName})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:485:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:486:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:487:19",className:"text-xs text-muted-foreground",children:"总耗时"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:488:19",className:"font-medium",children:d(m.duration)})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:490:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:491:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:492:19",className:"text-xs text-muted-foreground",children:"状态"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:493:19",children:v(m.status)})]})]}),e.jsx(le,{"code-path":"src/components/monitor/trace/TraceManager.tsx:497:15",className:"h-[500px]",children:e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:498:17",className:"border rounded-lg",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:499:19",className:"flex items-center px-4 py-2 bg-muted/50 border-b text-sm font-medium",children:[e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:500:21",className:"flex-1",children:"Span名称"}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:501:21",className:"w-32",children:"时间线"}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:502:21",className:"w-20 text-right",children:"耗时"})]}),m.spans&&xe(m.spans).map(a=>e.jsx(q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:506:21",span:a,level:0,totalDuration:m.duration},a.spanId))]})})]})]})}),e.jsx(z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:516:7",open:se,onOpenChange:A,children:e.jsxs(Q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:517:9",className:"max-w-2xl",children:[e.jsxs(H,{"code-path":"src/components/monitor/trace/TraceManager.tsx:518:11",children:[e.jsx(J,{"code-path":"src/components/monitor/trace/TraceManager.tsx:519:13",children:"Span详情"}),e.jsx(G,{"code-path":"src/components/monitor/trace/TraceManager.tsx:520:13",className:"sr-only",children:"描述"})]}),o&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:523:13",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:524:15",className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:525:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:526:19",className:"text-muted-foreground",children:"Span ID"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:527:19",className:"font-mono text-sm",children:o.spanId})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:529:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:530:19",className:"text-muted-foreground",children:"类型"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:531:19",className:"capitalize",children:o.kind})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:533:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:534:19",className:"text-muted-foreground",children:"服务"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:535:19",className:"font-medium",children:o.serviceName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:537:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:538:19",className:"text-muted-foreground",children:"操作"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:539:19",className:"font-medium",children:o.operationName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:541:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:542:19",className:"text-muted-foreground",children:"状态"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:543:19",children:v(o.status)})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:545:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:546:19",className:"text-muted-foreground",children:"耗时"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:547:19",className:"font-medium",children:d(o.duration)})]})]}),Object.keys(o.tags).length>0&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:552:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:553:19",className:"text-muted-foreground",children:"标签"}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:554:19",className:"mt-1 p-3 bg-muted rounded-lg",children:Object.entries(o.tags).map(([a,t])=>e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:556:23",className:"flex justify-between text-sm py-1",children:[e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:557:25",className:"text-muted-foreground",children:a}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:558:25",className:"font-mono",children:t})]},a))})]}),o.logs?.length>0&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:566:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:567:19",className:"text-muted-foreground",children:"日志"}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:568:19",className:"mt-1 space-y-2",children:o.logs.map((a,t)=>e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:570:23",className:"p-2 bg-muted rounded text-sm",children:[e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:571:25",className:"text-muted-foreground",children:a.timestamp}),e.jsx("pre",{"code-path":"src/components/monitor/trace/TraceManager.tsx:572:25",className:"mt-1 text-xs",children:JSON.stringify(a.fields,null,2)})]},t))})]})]})]})})]})};export{Ke as default};
|