Logan.Li
f45e203e21
P1: - utils/storage.ts、theme.ts、validate.ts + index 统一出口 - request/store/useTheme 接入 storage；清零 confirm/alert - PipelineManager、TerminalAuditTab 拆分子模块（<700行红线） P2: - api/monitor、api/deploy 子目录化 - hooks/api 扩展：servers/pipelines/alerts/audit/sessionCommands - PipelineManager、AuditOperationsTab 接入 TanStack Query
2 lines
27 KiB
JavaScript
2 lines
27 KiB
JavaScript
import{r,t as y,j as e,B as w,P as le,K as he,D as Q,a as q,b as H,c as K,V as ge,d as Z,a4 as S,a5 as ue,C as Te,Q as je,W as Me,o as Ne,a6 as fe,S as ve}from"./index-HuRw9UhJ.js";import{I as ye}from"./input-C9Xfv8um.js";import{B as j}from"./badge-CeS-g-Od.js";import{C as M,a as N,b,c as C}from"./card-B2Wqa0sK.js";import{S as we}from"./stat-strip-CVviXwc6.js";import{S as D,a as I,b as L,c as R,d as n}from"./select-KDzbUQs3.js";import{T as Se,a as be,b as B,c as F}from"./tabs-XYsjnHzX.js";import{L as s}from"./label-DvRDtaMA.js";import{t as O}from"./trace-L8uY5gM3.js";import{S as Ce}from"./search-CcKEpJIn.js";import{R as De}from"./refresh-cw-CSycAyA2.js";import{T as Ie}from"./trending-up-C97I6AeO.js";import{C as Le}from"./circle-x-BVvXVx7p.js";import{C as Re}from"./code-CQ7c-p8-.js";import{B as Be}from"./box-DPoVh2_c.js";import{Z as Fe}from"./zap-CS68N0Jd.js";import{A as Oe}from"./arrow-right-C1YbOgFu.js";import"./index-DwvHXNyF.js";import"./chevron-up-GXrRy2ul.js";const ea=()=>{const[k,G]=r.useState([]),[p,J]=r.useState([]),[U,A]=r.useState(!1),[f,W]=r.useState(""),[l,X]=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,E]=r.useState(!1),[se,$]=r.useState(!1);r.useEffect(()=>{oe()},[g]);const oe=async()=>{await Promise.all([P(),ne()])},P=async()=>{A(!0);try{const a=await O.getTraces({timeRange:g,service:l,status:h});G(a.data||[])}catch{y.error("获取链路数据失败")}finally{A(!1)}},ne=async()=>{try{const a=await O.getServices(g);J(a.data||[])}catch{y.error("获取服务数据失败")}},me=async a=>{try{return(await O.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:141:16",variant:"default",className:"bg-green-500 gap-1",children:[e.jsx(je,{"code-path":"src/components/monitor/trace/TraceManager.tsx:141:72",className:"w-3 h-3"}),"成功"]});case"error":return e.jsxs(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:143:16",variant:"destructive",className:"gap-1",children:[e.jsx(Le,{"code-path":"src/components/monitor/trace/TraceManager.tsx:143:63",className:"w-3 h-3"}),"错误"]});case"pending":return e.jsxs(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:145:16",variant:"outline",className:"gap-1",children:[e.jsx(Te,{"code-path":"src/components/monitor/trace/TraceManager.tsx:145:59",className:"w-3 h-3"}),"进行中"]});default:return e.jsx(j,{"code-path":"src/components/monitor/trace/TraceManager.tsx:147:16",variant:"secondary",children:"未知"})}},ie=a=>{switch(a){case"client":return e.jsx(Oe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:153:29",className:"w-4 h-4"});case"server":return e.jsx(ve,{"code-path":"src/components/monitor/trace/TraceManager.tsx:154:29",className:"w-4 h-4"});case"producer":return e.jsx(Fe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:155:31",className:"w-4 h-4"});case"consumer":return e.jsx(Be,{"code-path":"src/components/monitor/trace/TraceManager.tsx:156:31",className:"w-4 h-4"});default:return e.jsx(Re,{"code-path":"src/components/monitor/trace/TraceManager.tsx:157:23",className:"w-4 h-4"})}},de=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"}},i=a=>a<1?`${(a*1e3).toFixed(2)}μs`:a<1e3?`${a.toFixed(2)}ms`:`${(a/1e3).toFixed(2)}s`,V=k.filter(a=>{const t=a.traceId.toLowerCase().includes(f.toLowerCase())||a.operationName.toLowerCase().includes(f.toLowerCase()),d=l==="all"||a.serviceName===l,c=h==="all"||a.status===h;return t&&d&&c}),pe=Array.from(new Set(k.map(a=>a.serviceName))),xe=a=>{const t=new Map,d=[];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 d.push(u)}),d},z=({span:a,level:t,totalDuration:d})=>{const[c,u]=r.useState(!0),x=d>0?a.duration/d*100:0;return e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:216:7",className:"select-none",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:217: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),$(!0)},children:[a.children?.length>0&&e.jsx(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:223:13",variant:"ghost",size:"sm",className:"h-4 w-4 p-0 mr-1",onClick:T=>{T.stopPropagation(),u(!c)},children:c?e.jsx(Me,{"code-path":"src/components/monitor/trace/TraceManager.tsx:229:27",className:"w-3 h-3"}):e.jsx(Ne,{"code-path":"src/components/monitor/trace/TraceManager.tsx:229:65",className:"w-3 h-3"})}),!a.children?.length&&e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:232:38",className:"w-5"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:234:11",className:"flex items-center gap-2 flex-1 min-w-0",children:[ie(a.kind),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:236:13",className:"font-medium truncate",children:a.operationName}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:237:13",className:"text-xs text-muted-foreground",children:a.serviceName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:240:11",className:"flex items-center gap-4",children:[e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:241:13",className:"w-32 h-4 bg-muted rounded overflow-hidden",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:242:15",className:`h-full ${de(a.status)}`,style:{width:`${Math.max(x,1)}%`}})}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:247:13",className:"text-sm text-muted-foreground w-20 text-right",children:i(a.duration)}),a.status==="error"&&e.jsx(fe,{"code-path":"src/components/monitor/trace/TraceManager.tsx:250:41",className:"w-4 h-4 text-red-500"})]})]}),c&&a.children?.map(T=>e.jsx(z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:255:11",span:T,level:t+1,totalDuration:d},T.spanId))]})};return e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:262:5",className:"space-y-6",children:[e.jsx(we,{"code-path":"src/components/monitor/trace/TraceManager.tsx:264: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:i(p.reduce((a,t)=>a+t.avgDuration,0)/(p.length||1)),color:"amber"},{label:"服务数",value:p.length,color:"purple"}]}),e.jsxs(Se,{"code-path":"src/components/monitor/trace/TraceManager.tsx:273:7",value:ee,onValueChange:ae,children:[e.jsxs(be,{"code-path":"src/components/monitor/trace/TraceManager.tsx:274:9",className:"grid w-full grid-cols-3 lg:w-[400px]",children:[e.jsx(B,{"code-path":"src/components/monitor/trace/TraceManager.tsx:275:11",value:"traces",children:"链路追踪"}),e.jsx(B,{"code-path":"src/components/monitor/trace/TraceManager.tsx:276:11",value:"services",children:"服务拓扑"}),e.jsx(B,{"code-path":"src/components/monitor/trace/TraceManager.tsx:277:11",value:"metrics",children:"性能指标"})]}),e.jsxs(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:280:9",value:"traces",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:282:11",className:"flex flex-wrap items-center justify-between gap-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:283:13",className:"flex items-center gap-2 flex-1 min-w-[400px]",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:284:15",className:"relative flex-1",children:[e.jsx(Ce,{"code-path":"src/components/monitor/trace/TraceManager.tsx:285:17",className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"}),e.jsx(ye,{"code-path":"src/components/monitor/trace/TraceManager.tsx:286:17",placeholder:"搜索Trace ID、操作名...",value:f,onChange:a=>W(a.target.value),className:"pl-10"})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:293:15",value:l,onValueChange:X,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:294:17",className:"w-[150px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:295:19",placeholder:"服务"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:297:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:298:19",value:"all",children:"全部服务"}),pe.map(a=>e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:300:21",value:a,children:a},a))]})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:304:15",value:h,onValueChange:Y,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:305:17",className:"w-[120px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:306:19",placeholder:"状态"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:308:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:309:19",value:"all",children:"全部状态"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:310:19",value:"success",children:"成功"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:311:19",value:"error",children:"错误"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:312:19",value:"pending",children:"进行中"})]})]}),e.jsxs(D,{"code-path":"src/components/monitor/trace/TraceManager.tsx:315:15",value:g,onValueChange:_,children:[e.jsx(I,{"code-path":"src/components/monitor/trace/TraceManager.tsx:316:17",className:"w-[120px]",children:e.jsx(L,{"code-path":"src/components/monitor/trace/TraceManager.tsx:317:19"})}),e.jsxs(R,{"code-path":"src/components/monitor/trace/TraceManager.tsx:319:17",children:[e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:320:19",value:"15m",children:"15分钟"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:321:19",value:"1h",children:"1小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:322:19",value:"6h",children:"6小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:323:19",value:"24h",children:"24小时"}),e.jsx(n,{"code-path":"src/components/monitor/trace/TraceManager.tsx:324:19",value:"7d",children:"7天"})]})]})]}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:328:13",className:"flex items-center gap-2",children:e.jsxs(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:329:15",variant:"outline",onClick:P,children:[e.jsx(De,{"code-path":"src/components/monitor/trace/TraceManager.tsx:330:17",className:"w-4 h-4 mr-2"}),"刷新"]})})]}),e.jsx(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:337:11",children:e.jsx(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:338:13",className:"p-0",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:339:15",className:"overflow-x-auto",children:e.jsxs("table",{"code-path":"src/components/monitor/trace/TraceManager.tsx:340:17",className:"w-full",children:[e.jsx("thead",{"code-path":"src/components/monitor/trace/TraceManager.tsx:341:19",className:"bg-muted/50",children:e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:342:21",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:"Trace ID"}),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:"状态"}),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:"Span数"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:348:23",className:"px-4 py-3 text-left text-sm font-medium",children:"时间"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:349:23",className:"px-4 py-3 text-left text-sm font-medium",children:"操作"})]})}),e.jsx("tbody",{"code-path":"src/components/monitor/trace/TraceManager.tsx:352:19",className:"divide-y",children:U?e.jsx("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:354:23",children:e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:355: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:358:23",children:e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:359: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:363:25",className:"hover:bg-muted/50",children:[e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:364:27",className:"px-4 py-3",children:e.jsxs("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:365: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:367:27",className:"px-4 py-3",children:[e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:368:29",className:"font-medium",children:a.operationName}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:369:29",className:"text-sm text-muted-foreground",children:a.serviceName})]}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:371:27",className:"px-4 py-3",children:v(a.status)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:372:27",className:"px-4 py-3 text-sm",children:i(a.duration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:373:27",className:"px-4 py-3 text-sm",children:a.spanCount}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:374: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:375:27",className:"px-4 py-3",children:e.jsx(w,{"code-path":"src/components/monitor/trace/TraceManager.tsx:376:29",variant:"ghost",size:"sm",onClick:async()=>{const t=await me(a.traceId);t&&(te({...a,spans:t.spans}),E(!0))},children:e.jsx(le,{"code-path":"src/components/monitor/trace/TraceManager.tsx:387:31",className:"w-4 h-4"})})})]},a.id))})]})})})})]}),e.jsx(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:400:9",value:"services",className:"space-y-4",children:e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:401:11",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:402:13",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:403:15",children:"服务性能概览"})}),e.jsx(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:405:13",children:e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:406:15",className:"overflow-x-auto",children:e.jsxs("table",{"code-path":"src/components/monitor/trace/TraceManager.tsx:407:17",className:"w-full",children:[e.jsx("thead",{"code-path":"src/components/monitor/trace/TraceManager.tsx:408:19",className:"bg-muted/50",children:e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:409:21",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:"错误率"}),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:"平均延迟"}),e.jsx("th",{"code-path":"src/components/monitor/trace/TraceManager.tsx:414: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:415: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:418:19",className:"divide-y",children:p.map(a=>e.jsxs("tr",{"code-path":"src/components/monitor/trace/TraceManager.tsx:420:23",className:"hover:bg-muted/50",children:[e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:421:25",className:"px-4 py-3 font-medium",children:a.serviceName}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:422:25",className:"px-4 py-3",children:a.requestCount.toLocaleString()}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:423:25",className:"px-4 py-3",children:e.jsxs("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:424: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:428:25",className:"px-4 py-3",children:i(a.avgDuration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:429:25",className:"px-4 py-3",children:i(a.p95Duration)}),e.jsx("td",{"code-path":"src/components/monitor/trace/TraceManager.tsx:430:25",className:"px-4 py-3",children:i(a.p99Duration)})]},a.serviceName))})]})})})]})}),e.jsx(F,{"code-path":"src/components/monitor/trace/TraceManager.tsx:440:9",value:"metrics",className:"space-y-4",children:e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:441:11",className:"grid grid-cols-2 gap-4",children:[e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:442:13",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:443:15",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:444:17",children:"延迟分布"})}),e.jsxs(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:446:15",className:"h-[300px] flex items-center justify-center text-muted-foreground",children:[e.jsx(he,{"code-path":"src/components/monitor/trace/TraceManager.tsx:447:17",className:"w-16 h-16 mr-4"}),"延迟分布图表（集成图表库后显示）"]})]}),e.jsxs(M,{"code-path":"src/components/monitor/trace/TraceManager.tsx:451:13",children:[e.jsx(b,{"code-path":"src/components/monitor/trace/TraceManager.tsx:452:15",children:e.jsx(C,{"code-path":"src/components/monitor/trace/TraceManager.tsx:453:17",children:"错误率趋势"})}),e.jsxs(N,{"code-path":"src/components/monitor/trace/TraceManager.tsx:455:15",className:"h-[300px] flex items-center justify-center text-muted-foreground",children:[e.jsx(Ie,{"code-path":"src/components/monitor/trace/TraceManager.tsx:456:17",className:"w-16 h-16 mr-4"}),"错误率趋势图表（集成图表库后显示）"]})]})]})})]}),e.jsx(Q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:465:7",open:ce,onOpenChange:E,children:e.jsxs(q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:466:9",className:"max-w-6xl max-h-[90vh]",children:[e.jsxs(H,{"code-path":"src/components/monitor/trace/TraceManager.tsx:467:11",children:[e.jsxs(K,{"code-path":"src/components/monitor/trace/TraceManager.tsx:468:13",className:"flex items-center gap-2",children:[e.jsx(ge,{"code-path":"src/components/monitor/trace/TraceManager.tsx:469:15",className:"w-5 h-5"}),"Trace详情",e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:471:15",className:"font-mono text-sm text-muted-foreground",children:m?.traceId})]}),e.jsx(Z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:473:13",className:"sr-only",children:"描述"})]}),m&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:476:13",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:477: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:478:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:479:19",className:"text-xs text-muted-foreground",children:"服务"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:480:19",className:"font-medium",children:m.serviceName})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:482:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:483:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:484:19",className:"text-xs text-muted-foreground",children:"操作"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:485:19",className:"font-medium",children:m.operationName})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:487:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:488:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:489:19",className:"text-xs text-muted-foreground",children:"总耗时"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:490:19",className:"font-medium",children:i(m.duration)})]}),e.jsx(S,{"code-path":"src/components/monitor/trace/TraceManager.tsx:492:17",orientation:"vertical",className:"h-8"}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:493:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:494:19",className:"text-xs text-muted-foreground",children:"状态"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:495:19",children:v(m.status)})]})]}),e.jsx(ue,{"code-path":"src/components/monitor/trace/TraceManager.tsx:499:15",className:"h-[500px]",children:e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:500:17",className:"border rounded-lg",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:501: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:502:21",className:"flex-1",children:"Span名称"}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:503:21",className:"w-32",children:"时间线"}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:504:21",className:"w-20 text-right",children:"耗时"})]}),m.spans&&xe(m.spans).map(a=>e.jsx(z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:508:21",span:a,level:0,totalDuration:m.duration},a.spanId))]})})]})]})}),e.jsx(Q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:518:7",open:se,onOpenChange:$,children:e.jsxs(q,{"code-path":"src/components/monitor/trace/TraceManager.tsx:519:9",className:"max-w-2xl",children:[e.jsxs(H,{"code-path":"src/components/monitor/trace/TraceManager.tsx:520:11",children:[e.jsx(K,{"code-path":"src/components/monitor/trace/TraceManager.tsx:521:13",children:"Span详情"}),e.jsx(Z,{"code-path":"src/components/monitor/trace/TraceManager.tsx:522:13",className:"sr-only",children:"描述"})]}),o&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:525:13",className:"space-y-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:526:15",className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:527:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:528:19",className:"text-muted-foreground",children:"Span ID"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:529:19",className:"font-mono text-sm",children:o.spanId})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:531:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:532:19",className:"text-muted-foreground",children:"类型"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:533:19",className:"capitalize",children:o.kind})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:535:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:536:19",className:"text-muted-foreground",children:"服务"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:537:19",className:"font-medium",children:o.serviceName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:539:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:540:19",className:"text-muted-foreground",children:"操作"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:541:19",className:"font-medium",children:o.operationName})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:543:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:544:19",className:"text-muted-foreground",children:"状态"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:545:19",children:v(o.status)})]}),e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:547:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:548:19",className:"text-muted-foreground",children:"耗时"}),e.jsx("p",{"code-path":"src/components/monitor/trace/TraceManager.tsx:549:19",className:"font-medium",children:i(o.duration)})]})]}),Object.keys(o.tags).length>0&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:554:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:555:19",className:"text-muted-foreground",children:"标签"}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:556: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:558:23",className:"flex justify-between text-sm py-1",children:[e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:559:25",className:"text-muted-foreground",children:a}),e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:560:25",className:"font-mono",children:t})]},a))})]}),o.logs?.length>0&&e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:568:17",children:[e.jsx(s,{"code-path":"src/components/monitor/trace/TraceManager.tsx:569:19",className:"text-muted-foreground",children:"日志"}),e.jsx("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:570:19",className:"mt-1 space-y-2",children:o.logs.map((a,t)=>e.jsxs("div",{"code-path":"src/components/monitor/trace/TraceManager.tsx:572:23",className:"p-2 bg-muted rounded text-sm",children:[e.jsx("span",{"code-path":"src/components/monitor/trace/TraceManager.tsx:573:25",className:"text-muted-foreground",children:a.timestamp}),e.jsx("pre",{"code-path":"src/components/monitor/trace/TraceManager.tsx:574:25",className:"mt-1 text-xs",children:JSON.stringify(a.fields,null,2)})]},t))})]})]})]})})]})};export{ea as default};
|