@tangle-network/sandbox-cli 0.21.64 → 0.21.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/README.md +32 -4
  2. package/SKILL.md +37 -5
  3. package/dist/graph-native-CS_TmaCK.mjs +1 -0
  4. package/dist/graph-viewer/Analytics-bWsqhurt.js +1001 -0
  5. package/dist/graph-viewer/{AnswerStrip-DhwqOyxI.js → AnswerStrip-COxV7gLW.js} +2 -2
  6. package/dist/graph-viewer/Checks-CQGmKcQ0.js +164 -0
  7. package/dist/graph-viewer/Conversations-DgCshBAf.js +627 -0
  8. package/dist/graph-viewer/{Files-DtZhf0ii.js → Files-CvIOGrAs.js} +81 -90
  9. package/dist/graph-viewer/LiveRun-DHmsr6F7.js +311 -0
  10. package/dist/graph-viewer/{Outputs-QET3nPPp.js → Outputs-rwBg_x36.js} +4 -4
  11. package/dist/graph-viewer/Overview-C150tkVa.js +194 -0
  12. package/dist/graph-viewer/{RunOverview-DJQDAMIx.js → RunOverview-CSqsunqf.js} +2 -2
  13. package/dist/graph-viewer/RunPage-F_prVwiV.js +286 -0
  14. package/dist/graph-viewer/Timeline-BFDywlmz.js +335 -0
  15. package/dist/graph-viewer/Today-BdDuqZGF.js +623 -0
  16. package/dist/graph-viewer/Topology-SAfGtd5u.js +238 -0
  17. package/dist/graph-viewer/Traces-BYqXaS_s.js +254 -0
  18. package/dist/graph-viewer/{WallPages-4d9QUZDq.js → WallPages-MM70VZrC.js} +48 -30
  19. package/dist/graph-viewer/agent-runtime.js +55 -55
  20. package/dist/graph-viewer/{data-BJmP7F1M.js → data-DTGmre1W.js} +31 -27
  21. package/dist/graph-viewer/harness-sessions.js +1 -1
  22. package/dist/graph-viewer/index.js +1357 -1392
  23. package/dist/graph-viewer/{lazy-pages-DM0cZM10.js → lazy-pages-BYuq_L_n.js} +9 -5
  24. package/dist/graph-viewer/{outputs-model-CGdvjkQh.js → outputs-model-CHTx8rMz.js} +2 -2
  25. package/dist/graph-viewer/{viewer/plain-words-CgvxtEOa.js → plain-words-BrMHl0On.js} +9 -4
  26. package/dist/graph-viewer/receipt.js +2 -2
  27. package/dist/graph-viewer/record-CsP_3NJS.js +612 -0
  28. package/dist/graph-viewer/record-part-CuT9Xw37.js +334 -0
  29. package/dist/graph-viewer/record.js +2 -336
  30. package/dist/graph-viewer/report-viewer.js +65 -65
  31. package/dist/graph-viewer/report.js +1 -1
  32. package/dist/graph-viewer/research-publication.js +1 -1
  33. package/dist/graph-viewer/{run-files-C1NgzM0l.js → run-files-BckQDdTD.js} +1 -1
  34. package/dist/graph-viewer/{run-receipt-Bvi4-KVM.js → run-receipt-Bt2iXJUy.js} +1 -0
  35. package/dist/graph-viewer/schemas/agent-workspace.play.v1.json +3 -0
  36. package/dist/graph-viewer/schemas/agent-workspace.plays.v1.json +2 -0
  37. package/dist/graph-viewer/schemas/agent-workspace.run.v1.json +1 -0
  38. package/dist/graph-viewer/styles.css +4559 -2385
  39. package/dist/graph-viewer/trace-spans.js +1 -1
  40. package/dist/graph-viewer/ui-xa5w5bEN.js +889 -0
  41. package/dist/graph-viewer/viewer/{AgentGraphCanvas-CMdOlSlh-4EervjeC.js → AgentGraphCanvas-B74GN1o6-BZEumF7-.js} +2610 -2707
  42. package/dist/graph-viewer/viewer/Analytics-E3XS570U.js +1002 -0
  43. package/dist/graph-viewer/viewer/{AnswerStrip-CGUyXuYH.js → AnswerStrip-B7xMU57A.js} +2 -2
  44. package/dist/graph-viewer/viewer/Checks-CJ5XSHbv.js +165 -0
  45. package/dist/graph-viewer/viewer/Conversations-AX8G7Qyl.js +904 -0
  46. package/dist/graph-viewer/viewer/Files-DxL1576V.js +630 -0
  47. package/dist/graph-viewer/viewer/LiveRun-B-BckyEj.js +820 -0
  48. package/dist/graph-viewer/viewer/{Outputs-CumGyjQo.js → Outputs-BoIpgfMv.js} +24 -23
  49. package/dist/graph-viewer/viewer/Overview-Dzg5XJgy.js +436 -0
  50. package/dist/graph-viewer/viewer/RunPage-NtevWXBs.js +285 -0
  51. package/dist/graph-viewer/viewer/{Scores-ZS16yk0n.js → Scores-Dgv4WePL.js} +3 -3
  52. package/dist/graph-viewer/viewer/Timeline-CzY3LVDu.js +335 -0
  53. package/dist/graph-viewer/viewer/Today-Bi9IIwuh.js +623 -0
  54. package/dist/graph-viewer/viewer/Topology-CzjqSFXH.js +239 -0
  55. package/dist/graph-viewer/viewer/Traces-CMX0H1VU.js +254 -0
  56. package/dist/graph-viewer/viewer/{WallPages-CzWpyIfp.js → WallPages-Clj4bORg.js} +50 -32
  57. package/dist/graph-viewer/viewer/addon-webgl-BSCscllv.js +4027 -0
  58. package/dist/graph-viewer/viewer/agent-record-BrP-ENHg.css +2 -0
  59. package/dist/graph-viewer/viewer/{bot-D6Nrej7Z.js → bot-BaQU59LG.js} +1 -1
  60. package/dist/graph-viewer/viewer/{chevron-right-D_5IKLxu.js → chevron-right-Xn05jYLT.js} +1 -1
  61. package/dist/graph-viewer/viewer/{createLucideIcon-yH0cxLMy.js → createLucideIcon-BSphcoOJ.js} +1 -1
  62. package/dist/graph-viewer/viewer/dashboard-D3JhmRhe-DSl0zhkw.js +371 -0
  63. package/dist/graph-viewer/viewer/{data-CkWfWr7i.js → data-CVHeKhrh.js} +144 -139
  64. package/dist/graph-viewer/viewer/dist-4_KJz8ZM.js +349 -0
  65. package/dist/graph-viewer/viewer/dist-Dy-wrdTt.js +1615 -0
  66. package/dist/graph-viewer/viewer/es2015-utW4DTOJ.js +3506 -0
  67. package/dist/graph-viewer/viewer/{final-output-kwY11u9X.js → final-output-BYT-g-9j.js} +1 -1
  68. package/dist/graph-viewer/viewer/flow-waterfall-model-DvrgPLGS-BdThSFH-.js +2696 -0
  69. package/dist/graph-viewer/viewer/git-branch-BzTbIcYL.js +28 -0
  70. package/dist/graph-viewer/viewer/{highlights-Btsi5OXl.js → highlights-DWeSCtiR.js} +4 -4
  71. package/dist/graph-viewer/viewer/jsx-runtime-DPT6sCLq.js +319 -0
  72. package/dist/graph-viewer/viewer/lazy-pages-ChiMJ8r_.js +803 -0
  73. package/dist/graph-viewer/viewer/{markdown-CX_sVrXB.js → markdown-lADwhD7y.js} +2324 -2608
  74. package/dist/graph-viewer/viewer/model-brand-bTcMjQtB-RSb7EbGB.js +476 -0
  75. package/dist/graph-viewer/viewer/{page-header-Brq611fd.js → page-header-QbUg8F8i.js} +12 -11
  76. package/dist/graph-viewer/{plain-words-CgvxtEOa.js → viewer/plain-words-BrMHl0On.js} +9 -4
  77. package/dist/graph-viewer/viewer/primitives-znfPK9NP-B6UO7uDr.js +346 -0
  78. package/dist/graph-viewer/viewer/react-DQ7E2Epi.js +4254 -0
  79. package/dist/graph-viewer/viewer/{react-dom-t1L4_-il.js → react-dom-BEusmvQH.js} +1 -1
  80. package/dist/graph-viewer/viewer/record-DZnT6SWN-H-ul3U3a.js +3523 -0
  81. package/dist/graph-viewer/viewer/record-W39D5MO-.js +1 -0
  82. package/dist/graph-viewer/viewer/record-part-CbweyYoV.js +335 -0
  83. package/dist/graph-viewer/viewer/{segmented-control-BaJmvTNd.js → segmented-control-Di1mbQlP.js} +27 -26
  84. package/dist/graph-viewer/viewer/{shiki-Qnby7Sh6.js → shiki-BfNNlmfZ.js} +15 -15
  85. package/dist/graph-viewer/viewer/status-meta-S0kV_RDp.js +273 -0
  86. package/dist/graph-viewer/viewer/{stream-tokenizer-CWtnjmRd.js → stream-tokenizer-B5wWaM3U.js} +12 -12
  87. package/dist/graph-viewer/viewer/{themes-1i1fzpRk.js → themes-DuRxHiga.js} +1 -1
  88. package/dist/graph-viewer/viewer/ui-Co03nZUX.js +889 -0
  89. package/dist/graph-viewer/viewer/utils-BuObIC0n.js +1815 -0
  90. package/dist/graph-viewer/viewer/workbench-E6_5q_oL.js +28351 -0
  91. package/dist/graph-viewer/viewer/workflows--mZpHYqo.js +3298 -0
  92. package/dist/graph-viewer/viewer/workspace-cKs9sGEO.js +2468 -0
  93. package/dist/graph-viewer/{workspace-model-Ewf17pTW.js → workspace-model-BkPl_J8E.js} +1 -1
  94. package/dist/graph-viewer/workspace-viewer.js +7452 -7489
  95. package/dist/graph-viewer/workspace.js +1 -1
  96. package/dist/index.mjs +27 -22
  97. package/package.json +14 -13
  98. package/dist/graph-viewer/Analytics-DFWW8Phh.js +0 -938
  99. package/dist/graph-viewer/Checks-qgqV4xgV.js +0 -155
  100. package/dist/graph-viewer/Conversations-CGB45kpj.js +0 -545
  101. package/dist/graph-viewer/LiveRun-C21wUKAY.js +0 -210
  102. package/dist/graph-viewer/Overview-BjeLsA2I.js +0 -506
  103. package/dist/graph-viewer/RunPage-CkkcBEUe.js +0 -258
  104. package/dist/graph-viewer/Timeline-C2Xolk0t.js +0 -293
  105. package/dist/graph-viewer/Today-BVVDtSVN.js +0 -660
  106. package/dist/graph-viewer/Topology-DO5XX8e4.js +0 -545
  107. package/dist/graph-viewer/Traces-BhMxjNgw.js +0 -259
  108. package/dist/graph-viewer/part-events-BrLrg_EV.js +0 -276
  109. package/dist/graph-viewer/record-part-CZal_IMH.js +0 -1408
  110. package/dist/graph-viewer/ui-D8QZRsC3.js +0 -938
  111. package/dist/graph-viewer/viewer/Analytics-DD__nbLm.js +0 -939
  112. package/dist/graph-viewer/viewer/Checks-Ds5M7eAW.js +0 -156
  113. package/dist/graph-viewer/viewer/Conversations-C1n0EBBd.js +0 -819
  114. package/dist/graph-viewer/viewer/Files-Cjr7NMU_.js +0 -448
  115. package/dist/graph-viewer/viewer/LiveRun-uPTkPSjo.js +0 -6772
  116. package/dist/graph-viewer/viewer/Overview-4Umk14_2.js +0 -507
  117. package/dist/graph-viewer/viewer/RunPage-DZlBW7Va.js +0 -257
  118. package/dist/graph-viewer/viewer/Timeline-BnK6-yBR.js +0 -294
  119. package/dist/graph-viewer/viewer/Today-a_-oNigi.js +0 -660
  120. package/dist/graph-viewer/viewer/Topology-CQPCLQT6.js +0 -546
  121. package/dist/graph-viewer/viewer/Traces-C0IGk0L4.js +0 -259
  122. package/dist/graph-viewer/viewer/WorkflowGraph-DZ3xejKE-jRXKeSrg.js +0 -1559
  123. package/dist/graph-viewer/viewer/agent-record-Dw772ROs.css +0 -2
  124. package/dist/graph-viewer/viewer/agent-timeline-Cs9Qbpvo.js +0 -1798
  125. package/dist/graph-viewer/viewer/dist-C1-7EfoW.js +0 -488
  126. package/dist/graph-viewer/viewer/file-text-m7a3piQF.js +0 -47
  127. package/dist/graph-viewer/viewer/jsx-runtime-DQWyJOhv.js +0 -2136
  128. package/dist/graph-viewer/viewer/lazy-pages-BowaGsg-.js +0 -20
  129. package/dist/graph-viewer/viewer/model-brand-bTcMjQtB-fagiBQam.js +0 -723
  130. package/dist/graph-viewer/viewer/popover-CvOAjlnk.js +0 -5329
  131. package/dist/graph-viewer/viewer/react-CY3IbSNO.js +0 -4262
  132. package/dist/graph-viewer/viewer/record-part-D3_Anfpe.js +0 -1329
  133. package/dist/graph-viewer/viewer/terminal-83J_I4Ne.js +0 -52
  134. package/dist/graph-viewer/viewer/ui-C9b1rIUH.js +0 -938
  135. package/dist/graph-viewer/viewer/workspace-CekmOBs3.js +0 -25100
  136. package/dist/graph-viewer/viewer/x-DOc2URqZ.js +0 -56
@@ -1,938 +0,0 @@
1
- import { C as e, D as t, E as n, M as r, O as i, _ as a, d as o, m as s, o as c, p as l, s as u, t as d, u as f, v as p, w as m, x as h } from "./ui-D8QZRsC3.js";
2
- import { useMemo as g, useRef as _, useState as v } from "react";
3
- import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
4
- import { SegmentedControl as S } from "@tangle-network/ui/primitives";
5
- //#region src/workspace/run/Analytics.tsx
6
- function C({ m: e }) {
7
- let [n, r] = v(/* @__PURE__ */ new Set()), i = g(() => n.size ? e.tree.filter((e) => n.has(e.id)) : e.tree, [e, n]), a = g(() => t(i), [i]), s = n.size ? n.size === 1 ? e.byId.get([...n][0])?.name : `${n.size} agents` : "All";
8
- return /* @__PURE__ */ x("div", {
9
- className: "rp-an",
10
- children: [
11
- /* @__PURE__ */ b("div", {
12
- className: "rp-an-f",
13
- children: /* @__PURE__ */ b(c, {
14
- label: "Agents",
15
- multi: !0,
16
- options: o(e),
17
- groups: f(e),
18
- all: {
19
- label: "All agents",
20
- meta: String(e.agents.length)
21
- },
22
- value: n,
23
- onChange: r,
24
- width: 360,
25
- placeholder: `Search ${e.agents.length} agents`,
26
- style: { width: 280 },
27
- children: n.size ? s : `All ${e.agents.length} agents`
28
- })
29
- }),
30
- /* @__PURE__ */ b(w, {
31
- m: e,
32
- agents: i,
33
- tools: a
34
- }),
35
- /* @__PURE__ */ x("div", {
36
- className: "rp-an-g",
37
- children: [
38
- /* @__PURE__ */ b(O, {
39
- m: e,
40
- agents: i,
41
- tools: a
42
- }),
43
- /* @__PURE__ */ b(A, {
44
- m: e,
45
- agents: i
46
- }),
47
- /* @__PURE__ */ b(M, {
48
- m: e,
49
- agents: i
50
- }),
51
- /* @__PURE__ */ b(N, {
52
- m: e,
53
- agents: i,
54
- tools: a
55
- }),
56
- /* @__PURE__ */ b(F, {
57
- m: e,
58
- agents: i,
59
- tools: a
60
- })
61
- ]
62
- })
63
- ]
64
- });
65
- }
66
- function w({ m: t, agents: n, tools: i }) {
67
- let a = (e) => n.reduce((t, n) => t + (e(n) ?? 0), 0), o = n.length === t.agents.length && t.totals.tokens !== null ? t.totals.tokens : a((e) => e.tokens), s = n.reduce((e, t) => t.byClass ? {
68
- input: e.input + t.byClass.input,
69
- output: e.output + t.byClass.output,
70
- cacheRead: e.cacheRead + t.byClass.cacheRead
71
- } : e, {
72
- input: 0,
73
- output: 0,
74
- cacheRead: 0
75
- }), c = a((e) => e.modelCalls), l = a((e) => e.toolCalls), u = a((e) => e.toolFailures), d = n.some((e) => e.billedUsd !== null) ? a((e) => e.billedUsd) : null, f = n.some((e) => e.listUsd !== null) ? a((e) => e.listUsd) : null, h = [
76
- [p(o), s.input + s.output + s.cacheRead ? `in ${p(s.input)} · out ${p(s.output)} · cached ${p(s.cacheRead)}` : "tokens"],
77
- [e(c), "model calls"],
78
- [e(l), `tool calls · ${i.length} tools`],
79
- [e(u), `tool failures · ${l ? (u / l * 100).toFixed(1) : "0"}%`],
80
- [e(a((e) => e.retries)), "retried steps"],
81
- [e(a((e) => e.restarts.length)), "restarts"],
82
- [m(a((e) => e.busy)), `busy of ${m(t.duration)}`],
83
- [r(f === null ? d : f), f === null ? "billed" : `list · ${r(d ?? 0)} billed`]
84
- ];
85
- return /* @__PURE__ */ b("section", {
86
- className: "rp-card rp-kpis",
87
- "aria-label": "Totals",
88
- children: h.map(([e, t]) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("b", { children: e }), /* @__PURE__ */ b("span", {
89
- title: t,
90
- children: t
91
- })] }, t))
92
- });
93
- }
94
- var T = 168, E = 76, D = 88;
95
- function O({ m: t, agents: r, tools: i }) {
96
- let [o, c] = v("calls"), d = s(), f = _(null), p = g(() => {
97
- let e = r.filter((e) => e.toolCalls > 0), t = o === "calls" ? (e) => -e.toolCalls : o === "fails" ? (e) => -e.toolFailures * 1e6 - e.toolCalls : null;
98
- return t ? [...e].sort((e, n) => t(e) - t(n)) : [...e].sort((e, t) => e.name.localeCompare(t.name));
99
- }, [r, o]), h = a(f, p.length, 28, 6), C = Math.floor(((h.width || 1e4) - 32 - T - D) / E), w = i.length <= C ? i.length : Math.max(1, C - 1), O = i.slice(0, w), k = i.slice(w), A = Math.max(1, ...p.flatMap((e) => e.tools.map((e) => e.calls))), j = Math.max(1, ...p.map((e) => e.toolCalls)), M = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / A))}%, hsl(var(--hsl-card)))` : void 0, N = (e) => e && Math.sqrt(e / A) > .55 ? "on" : "", P = { gridTemplateColumns: `minmax(${T}px, 1.3fr) repeat(${O.length + +!!k.length}, minmax(${E}px, 1fr)) ${D}px` }, F = (t, r, i, a) => d.show({
100
- rect: a.getBoundingClientRect(),
101
- wide: !1,
102
- content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
103
- className: "rp-card-h",
104
- children: [/* @__PURE__ */ x("div", {
105
- className: "t",
106
- children: [
107
- /* @__PURE__ */ b(u, { tone: t.state.tone }),
108
- /* @__PURE__ */ b("span", {
109
- className: "nm",
110
- children: t.name
111
- }),
112
- /* @__PURE__ */ b("span", {
113
- className: "v",
114
- children: i
115
- })
116
- ]
117
- }), /* @__PURE__ */ b("div", {
118
- className: "s",
119
- children: r ? `${e(r.calls)} calls · ${m(r.ms)} in all` : "no calls"
120
- })]
121
- }), r && /* @__PURE__ */ b("div", {
122
- className: "rp-card-cols",
123
- children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
124
- /* @__PURE__ */ b("dt", { children: "Calls" }),
125
- /* @__PURE__ */ b("dd", { children: e(r.calls) }),
126
- /* @__PURE__ */ b("dt", { children: "Failed" }),
127
- /* @__PURE__ */ b("dd", { children: r.failures ? /* @__PURE__ */ x("span", {
128
- className: "f",
129
- children: [
130
- r.failures,
131
- " ✕ · ",
132
- (r.failures / r.calls * 100).toFixed(0),
133
- "%"
134
- ]
135
- }) : "0" }),
136
- /* @__PURE__ */ b("dt", { children: "p50 · p90 · p99" }),
137
- /* @__PURE__ */ x("dd", { children: [
138
- n(r.p50),
139
- " · ",
140
- n(r.p90),
141
- " · ",
142
- n(r.p99)
143
- ] }),
144
- /* @__PURE__ */ b("dt", { children: "Share of its tool calls" }),
145
- /* @__PURE__ */ x("dd", { children: [(r.calls / Math.max(1, t.toolCalls) * 100).toFixed(0), "%"] })
146
- ] }) })
147
- })] })
148
- });
149
- return /* @__PURE__ */ x("section", {
150
- className: "rp-card w7",
151
- "aria-label": "Tool calls by agent and tool",
152
- children: [/* @__PURE__ */ x("div", {
153
- className: "rp-hd sm",
154
- children: [/* @__PURE__ */ x("h3", { children: ["Tool calls by agent and tool", /* @__PURE__ */ x("span", {
155
- className: "ct",
156
- children: [
157
- p.length,
158
- " agents · ",
159
- i.length,
160
- " tools"
161
- ]
162
- })] }), /* @__PURE__ */ b("span", {
163
- className: "end",
164
- children: /* @__PURE__ */ b(S, {
165
- "aria-label": "Sort",
166
- value: o,
167
- onValueChange: c,
168
- options: [
169
- {
170
- value: "calls",
171
- label: "By calls"
172
- },
173
- {
174
- value: "fails",
175
- label: "By failures"
176
- },
177
- {
178
- value: "name",
179
- label: "By name"
180
- }
181
- ]
182
- })
183
- })]
184
- }), /* @__PURE__ */ x("div", {
185
- className: "rp-chart",
186
- children: [/* @__PURE__ */ b("div", {
187
- className: "rp-hm-wrap",
188
- ref: f,
189
- children: /* @__PURE__ */ x("div", {
190
- className: "rp-hm",
191
- style: P,
192
- children: [
193
- /* @__PURE__ */ b("span", { className: "ch c0" }),
194
- O.map((e) => /* @__PURE__ */ b("span", {
195
- className: "ch",
196
- title: e.name,
197
- children: /* @__PURE__ */ b("span", { children: e.name.replace(/^agent-runtime-coordination_/, "").replaceAll("_", " ") })
198
- }, e.name)),
199
- k.length > 0 && /* @__PURE__ */ b("span", {
200
- className: "ch",
201
- children: /* @__PURE__ */ x("span", { children: [k.length, " more"] })
202
- }),
203
- /* @__PURE__ */ b("span", {
204
- className: "ch tot",
205
- children: "Total"
206
- }),
207
- /* @__PURE__ */ b("div", {
208
- className: "gap",
209
- style: { height: h.before }
210
- }),
211
- p.slice(h.first, h.last).map((t) => {
212
- let n = new Map(t.tools.map((e) => [e.name, e])), r = t.tools.filter((e) => !O.some((t) => t.name === e.name)), i = r.reduce((e, t) => e + t.calls, 0), a = r.reduce((e, t) => e + t.failures, 0);
213
- return [
214
- /* @__PURE__ */ x("span", {
215
- className: "rh",
216
- title: t.name,
217
- children: [/* @__PURE__ */ b(u, { tone: t.state.tone }), /* @__PURE__ */ b("span", {
218
- className: "nm",
219
- children: l(t, 22)
220
- })]
221
- }, `${t.id}:n`),
222
- ...O.map((r) => {
223
- let i = n.get(r.name), a = i?.calls ?? 0;
224
- return /* @__PURE__ */ x("span", {
225
- className: `c${a ? "" : " z"} ${N(a)}`,
226
- style: { background: M(a) },
227
- tabIndex: a ? 0 : -1,
228
- onPointerEnter: (e) => F(t, i ?? null, r.name, e.currentTarget),
229
- onPointerLeave: () => d.hide(),
230
- onFocus: (e) => F(t, i ?? null, r.name, e.currentTarget),
231
- onBlur: () => d.hide(),
232
- children: [a ? e(a) : "", i?.failures ? /* @__PURE__ */ x("span", {
233
- className: "xf",
234
- children: ["✕", i.failures]
235
- }) : null]
236
- }, `${t.id}:${r.name}`);
237
- }),
238
- ...k.length ? [/* @__PURE__ */ x("span", {
239
- className: `c${i ? "" : " z"} ${N(i)}`,
240
- style: { background: M(i) },
241
- children: [i ? e(i) : "", a ? /* @__PURE__ */ x("span", {
242
- className: "xf",
243
- children: ["✕", a]
244
- }) : null]
245
- }, `${t.id}:rest`)] : [],
246
- /* @__PURE__ */ x("span", {
247
- className: "tot",
248
- children: [/* @__PURE__ */ b("b", { style: { width: `${t.toolCalls / j * 56}px` } }), e(t.toolCalls)]
249
- }, `${t.id}:t`)
250
- ];
251
- }),
252
- /* @__PURE__ */ b("div", {
253
- className: "gap",
254
- style: { height: h.after }
255
- })
256
- ]
257
- })
258
- }), /* @__PURE__ */ x("div", {
259
- className: "rp-hm-foot",
260
- children: [
261
- /* @__PURE__ */ x("span", {
262
- className: "ramp",
263
- children: [
264
- /* @__PURE__ */ b("span", { children: "1" }),
265
- /* @__PURE__ */ b("i", {}),
266
- /* @__PURE__ */ b("span", { children: e(A) })
267
- ]
268
- }),
269
- /* @__PURE__ */ x("span", { children: [/* @__PURE__ */ b("span", {
270
- className: "x",
271
- children: "✕"
272
- }), " failed calls in the cell"] }),
273
- r.length > p.length && /* @__PURE__ */ x("span", {
274
- className: "end",
275
- children: [r.length - p.length, " agents made no tool calls"]
276
- })
277
- ]
278
- })]
279
- })]
280
- });
281
- }
282
- var k = [
283
- 6e4,
284
- 12e4,
285
- 3e5,
286
- 6e5,
287
- 9e5,
288
- 18e5,
289
- 36e5,
290
- 72e5
291
- ];
292
- function A({ m: t, agents: n }) {
293
- let [r, i] = v("calls"), a = s(), o = g(() => n.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [n]), c = o.length ? Math.min(...o.map((e) => e.t)) : 0, l = o.length ? Math.max(...o.map((e) => e.t + e.d)) : 1, u = k.find((e) => (l - c) / e <= 36) ?? 144e5, d = Math.floor(c / u) * u, f = Math.max(1, Math.ceil((l - d) / u)), m = g(() => {
294
- let e = Array.from({ length: f }, () => ({
295
- model: 0,
296
- tool: 0,
297
- failed: 0,
298
- tokens: 0
299
- }));
300
- for (let t of o) {
301
- let n = e[Math.min(f - 1, Math.floor((t.t - d) / u))];
302
- t.kind === "model" ? n.model++ : n.tool++, t.failed && n.failed++, t.tokens && (n.tokens += t.tokens.input + t.tokens.output + t.tokens.cacheRead);
303
- }
304
- return e;
305
- }, [
306
- o,
307
- f,
308
- d,
309
- u
310
- ]), _ = (e) => r === "calls" ? e.model + e.tool : e.tokens, C = Math.max(1, ...m.map(_)), w = 560 / f, T = j(C), E = (e) => 216 - e / T * 198, D = h(t.t0), O = u === 6e4 ? "minute" : u === 36e5 ? "hour" : u > 36e5 ? `${u / 36e5} h` : `${u / 6e4} min`, A = Math.max(1, Math.ceil(f / 6));
311
- return /* @__PURE__ */ x("section", {
312
- className: "rp-card w5",
313
- "aria-label": r === "calls" ? "Calls over time" : "Tokens over time",
314
- children: [/* @__PURE__ */ x("div", {
315
- className: "rp-hd sm",
316
- children: [/* @__PURE__ */ b("h3", { children: r === "calls" ? `Calls per ${O}` : `Metered tokens per ${O}` }), /* @__PURE__ */ b("span", {
317
- className: "end",
318
- children: /* @__PURE__ */ b(S, {
319
- "aria-label": "Measure",
320
- value: r,
321
- onValueChange: i,
322
- options: [{
323
- value: "calls",
324
- label: "Calls"
325
- }, {
326
- value: "tokens",
327
- label: "Tokens"
328
- }]
329
- })
330
- })]
331
- }), /* @__PURE__ */ x("div", {
332
- className: "rp-chart",
333
- children: [/* @__PURE__ */ b("div", {
334
- className: "rp-legend sm",
335
- children: r === "calls" ? /* @__PURE__ */ x(y, { children: [
336
- /* @__PURE__ */ x("span", {
337
- className: "rp-key",
338
- children: [/* @__PURE__ */ b("i", { className: "model" }), "Model call"]
339
- }),
340
- /* @__PURE__ */ x("span", {
341
- className: "rp-key",
342
- children: [/* @__PURE__ */ b("i", { className: "tool" }), "Tool call"]
343
- }),
344
- /* @__PURE__ */ x("span", {
345
- className: "rp-key",
346
- children: [/* @__PURE__ */ b("span", {
347
- className: "x",
348
- children: "✕"
349
- }), "failed"]
350
- })
351
- ] }) : /* @__PURE__ */ x("span", {
352
- className: "rp-key",
353
- children: [/* @__PURE__ */ b("i", { className: "model" }), "Tokens on calls that recorded them"]
354
- })
355
- }), /* @__PURE__ */ x("svg", {
356
- className: "rp-cpm",
357
- viewBox: "0 0 600 240",
358
- preserveAspectRatio: "none",
359
- role: "img",
360
- "aria-label": `${r} per ${O}, peak ${e(C)}`,
361
- children: [[
362
- 0,
363
- .5,
364
- 1
365
- ].map((t) => /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
366
- x1: 40,
367
- x2: 600,
368
- y1: E(T * t),
369
- y2: E(T * t),
370
- className: "grid"
371
- }), /* @__PURE__ */ b("text", {
372
- x: 34,
373
- y: E(T * t) + 4,
374
- textAnchor: "end",
375
- children: r === "calls" ? e(Math.round(T * t)) : p(T * t)
376
- })] }, t)), m.map((t, n) => {
377
- let i = 40 + n * w + 1, o = Math.max(1, w - 2), s = r === "calls" ? t.model / T * 198 : t.tokens / T * 198, c = r === "calls" ? t.tool / T * 198 : 0, l = (r) => a.show({
378
- rect: r.currentTarget.getBoundingClientRect(),
379
- content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
380
- className: "rp-card-h",
381
- children: /* @__PURE__ */ b("div", {
382
- className: "t",
383
- children: /* @__PURE__ */ x("span", {
384
- className: "nm",
385
- children: [
386
- D(d + n * u),
387
- "–",
388
- D(d + (n + 1) * u),
389
- " UTC"
390
- ]
391
- })
392
- })
393
- }), /* @__PURE__ */ b("div", {
394
- className: "rp-card-cols",
395
- children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
396
- /* @__PURE__ */ b("dt", { children: "Model calls" }),
397
- /* @__PURE__ */ b("dd", { children: e(t.model) }),
398
- /* @__PURE__ */ b("dt", { children: "Tool calls" }),
399
- /* @__PURE__ */ b("dd", { children: e(t.tool) }),
400
- /* @__PURE__ */ b("dt", { children: "Failed" }),
401
- /* @__PURE__ */ b("dd", { children: t.failed ? /* @__PURE__ */ x("span", {
402
- className: "f",
403
- children: [t.failed, " ✕"]
404
- }) : "0" }),
405
- /* @__PURE__ */ b("dt", { children: "Metered tokens" }),
406
- /* @__PURE__ */ b("dd", { children: t.tokens ? p(t.tokens) : "not recorded" })
407
- ] }) })
408
- })] })
409
- });
410
- return /* @__PURE__ */ x("g", {
411
- tabIndex: _(t) ? 0 : -1,
412
- onPointerEnter: l,
413
- onPointerLeave: () => a.hide(),
414
- onFocus: l,
415
- onBlur: () => a.hide(),
416
- children: [
417
- /* @__PURE__ */ b("rect", {
418
- x: 40 + n * w,
419
- y: 18,
420
- width: w,
421
- height: 198,
422
- className: "hit"
423
- }),
424
- s > 0 && /* @__PURE__ */ b("rect", {
425
- x: i,
426
- y: 216 - s,
427
- width: o,
428
- height: s,
429
- rx: Math.min(2, o / 2),
430
- className: "model"
431
- }),
432
- c > 0 && /* @__PURE__ */ b("rect", {
433
- x: i,
434
- y: 216 - s - c - (s > 0 ? 1.5 : 0),
435
- width: o,
436
- height: c,
437
- rx: Math.min(2, o / 2),
438
- className: "tool"
439
- }),
440
- t.failed > 0 && r === "calls" && /* @__PURE__ */ x("text", {
441
- x: i + o / 2,
442
- y: 216 - s - c - 6,
443
- textAnchor: "middle",
444
- className: "xf",
445
- children: ["✕", t.failed]
446
- }),
447
- n % A === 0 && /* @__PURE__ */ b("text", {
448
- x: i + o / 2,
449
- y: 234,
450
- textAnchor: "middle",
451
- children: D(d + n * u)
452
- })
453
- ]
454
- }, n);
455
- })]
456
- })]
457
- })]
458
- });
459
- }
460
- function j(e) {
461
- let t = 10 ** Math.floor(Math.log10(Math.max(1, e)));
462
- return [
463
- 1,
464
- 2,
465
- 2.5,
466
- 5,
467
- 10
468
- ].map((e) => e * t).find((t) => t >= e) ?? e;
469
- }
470
- function M({ m: t, agents: n }) {
471
- let [i, o] = v({
472
- k: "tokens",
473
- d: -1
474
- }), c = s(), u = _(null), f = (e) => ({
475
- tokens: e.tokens ?? -1,
476
- model: e.modelCalls,
477
- tool: e.toolCalls,
478
- failed: e.failedSteps,
479
- restarts: e.restarts.length,
480
- spawns: e.children.length,
481
- cost: e.listUsd ?? e.billedUsd ?? -1,
482
- name: e.name
483
- })[i.k], m = g(() => [...n].sort((e, t) => {
484
- let n = f(e), r = f(t);
485
- return (typeof n == "string" ? n.localeCompare(r) : n - r) * i.d;
486
- }), [n, i]), h = a(u, m.length, 28), y = Math.max(1, ...n.map((e) => e.tokens ?? 0)), S = [
487
- "failed",
488
- "restarts",
489
- "spawns"
490
- ].filter((e) => n.some((t) => (e === "failed" ? t.failedSteps : e === "restarts" ? t.restarts.length : t.children.length) > 0)), C = { gridTemplateColumns: `minmax(96px, 1fr) 112px 52px 44px ${S.map((e) => e === "restarts" ? "72px" : e === "spawns" ? "64px" : "56px").join(" ")} 64px` }, w = (e, t, n = "") => /* @__PURE__ */ b("span", {
491
- role: "columnheader",
492
- className: n,
493
- "aria-sort": i.k === e ? i.d < 0 ? "descending" : "ascending" : void 0,
494
- children: /* @__PURE__ */ x("button", {
495
- type: "button",
496
- onClick: () => o((t) => ({
497
- k: e,
498
- d: t.k === e ? t.d === 1 ? -1 : 1 : e === "name" ? 1 : -1
499
- })),
500
- children: [t, i.k === e ? i.d < 0 ? " ↓" : " ↑" : ""]
501
- })
502
- }, e);
503
- return /* @__PURE__ */ x("section", {
504
- className: "rp-card w5",
505
- "aria-label": "Agents",
506
- children: [/* @__PURE__ */ b("div", {
507
- className: "rp-hd sm",
508
- children: /* @__PURE__ */ x("h3", { children: ["Agents", /* @__PURE__ */ b("span", {
509
- className: "ct",
510
- children: n.length
511
- })] })
512
- }), /* @__PURE__ */ x("div", {
513
- className: "rp-at-wrap",
514
- ref: u,
515
- role: "table",
516
- "aria-label": "Agents",
517
- "aria-rowcount": m.length,
518
- children: [
519
- /* @__PURE__ */ x("div", {
520
- className: "rp-at th",
521
- role: "row",
522
- style: C,
523
- children: [
524
- w("name", "Agent"),
525
- w("tokens", "Tokens", "tk"),
526
- w("model", "Model", "r"),
527
- w("tool", "Tool", "r"),
528
- S.map((e) => w(e, {
529
- failed: "Failed",
530
- restarts: "Restarts",
531
- spawns: "Spawns"
532
- }[e], "r")),
533
- w("cost", "Cost", "r")
534
- ]
535
- }),
536
- /* @__PURE__ */ b("div", { style: { height: h.before } }),
537
- m.slice(h.first, h.last).map((n) => /* @__PURE__ */ x("div", {
538
- className: "rp-at",
539
- role: "row",
540
- tabIndex: 0,
541
- style: C,
542
- onPointerEnter: (e) => c.show({
543
- content: /* @__PURE__ */ b(d, {
544
- m: t,
545
- a: n
546
- }),
547
- rect: e.currentTarget.getBoundingClientRect(),
548
- wide: n.tools.length > 0
549
- }),
550
- onPointerLeave: () => c.hide(),
551
- onFocus: (e) => c.show({
552
- content: /* @__PURE__ */ b(d, {
553
- m: t,
554
- a: n
555
- }),
556
- rect: e.currentTarget.getBoundingClientRect(),
557
- wide: n.tools.length > 0
558
- }),
559
- onBlur: () => c.hide(),
560
- children: [
561
- /* @__PURE__ */ b("span", {
562
- className: "nm",
563
- role: "cell",
564
- title: n.name,
565
- children: l(n, 20)
566
- }),
567
- /* @__PURE__ */ x("span", {
568
- className: "tk",
569
- role: "cell",
570
- children: [/* @__PURE__ */ b("b", { style: { width: `${(n.tokens ?? 0) / y * 48}px` } }), /* @__PURE__ */ b("span", { children: p(n.tokens) })]
571
- }),
572
- /* @__PURE__ */ b("span", {
573
- className: "r",
574
- role: "cell",
575
- children: e(n.modelCalls)
576
- }),
577
- /* @__PURE__ */ b("span", {
578
- className: "r",
579
- role: "cell",
580
- children: e(n.toolCalls)
581
- }),
582
- S.map((e) => /* @__PURE__ */ b("span", {
583
- className: "r",
584
- role: "cell",
585
- children: (e === "failed" ? n.failedSteps : e === "restarts" ? n.restarts.length : n.children.length) || ""
586
- }, e)),
587
- /* @__PURE__ */ b("span", {
588
- className: "r",
589
- role: "cell",
590
- children: n.listUsd === null ? n.billedUsd === null ? "—" : r(n.billedUsd) : r(n.listUsd)
591
- })
592
- ]
593
- }, n.id)),
594
- /* @__PURE__ */ b("div", { style: { height: h.after } })
595
- ]
596
- })]
597
- });
598
- }
599
- function N({ m: t, agents: r, tools: a }) {
600
- let [o, c] = v("range"), l = s(), u = g(() => {
601
- let e = /* @__PURE__ */ new Map();
602
- for (let t of r) for (let n of t.steps) if (n.kind === "model" && n.latency !== null) {
603
- let r = n.model?.split("/").pop() ?? t.model ?? "model";
604
- (e.get(r) ?? e.set(r, []).get(r)).push(n.latency);
605
- }
606
- return [...e].map(([e, t]) => ({
607
- name: e,
608
- model: !0,
609
- calls: t.length,
610
- values: t,
611
- p50: i(t, 50),
612
- p90: i(t, 90),
613
- p99: i(t, 99)
614
- }));
615
- }, [r]), d = [...u, ...a.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
616
- name: e.name,
617
- model: !1,
618
- calls: e.calls,
619
- values: e.durations,
620
- p50: e.p50,
621
- p90: e.p90,
622
- p99: e.p99
623
- }))], f = d.flatMap((e) => e.values).filter((e) => e > 0), p = Math.max(1e3, ...f) * 1.2, m = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(p) - Math.log10(10)), h = [
624
- 10,
625
- 100,
626
- 1e3,
627
- 1e4,
628
- 1e5,
629
- 1e6
630
- ].filter((e) => e <= p), _ = (t, r) => l.show({
631
- rect: r.getBoundingClientRect(),
632
- content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
633
- className: "rp-card-h",
634
- children: [/* @__PURE__ */ x("div", {
635
- className: "t",
636
- children: [
637
- /* @__PURE__ */ b("i", { className: `rp-sw ${t.model ? "model" : "tool"}` }),
638
- /* @__PURE__ */ b("span", {
639
- className: "nm",
640
- children: t.name
641
- }),
642
- /* @__PURE__ */ x("span", {
643
- className: "v",
644
- children: [e(t.calls), " calls"]
645
- })
646
- ]
647
- }), /* @__PURE__ */ b("div", {
648
- className: "s",
649
- children: t.model ? "model call latency" : "tool call duration"
650
- })]
651
- }), /* @__PURE__ */ b("div", {
652
- className: "rp-card-cols",
653
- children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
654
- /* @__PURE__ */ b("dt", { children: "p50" }),
655
- /* @__PURE__ */ b("dd", { children: n(t.p50) }),
656
- /* @__PURE__ */ b("dt", { children: "p90" }),
657
- /* @__PURE__ */ b("dd", { children: n(t.p90) }),
658
- /* @__PURE__ */ b("dt", { children: "p99" }),
659
- /* @__PURE__ */ b("dd", { children: n(t.p99) }),
660
- /* @__PURE__ */ b("dt", { children: "Max" }),
661
- /* @__PURE__ */ b("dd", { children: n(Math.max(...t.values)) })
662
- ] }) })
663
- })] })
664
- });
665
- return /* @__PURE__ */ x("section", {
666
- className: "rp-card w4",
667
- "aria-label": "Latency",
668
- children: [/* @__PURE__ */ x("div", {
669
- className: "rp-hd sm",
670
- children: [/* @__PURE__ */ b("h3", { children: "Latency" }), /* @__PURE__ */ b("span", {
671
- className: "end",
672
- children: /* @__PURE__ */ b(S, {
673
- "aria-label": "Latency view",
674
- value: o,
675
- onValueChange: c,
676
- options: [{
677
- value: "range",
678
- label: "p50 · p90 · p99"
679
- }, {
680
- value: "dist",
681
- label: "Distribution"
682
- }]
683
- })
684
- })]
685
- }), /* @__PURE__ */ b("div", {
686
- className: "rp-chart",
687
- children: o === "range" ? /* @__PURE__ */ x("div", {
688
- className: "rp-lat",
689
- children: [d.map((e) => /* @__PURE__ */ x("div", {
690
- className: "row",
691
- tabIndex: 0,
692
- onPointerEnter: (t) => _(e, t.currentTarget),
693
- onPointerLeave: () => l.hide(),
694
- onFocus: (t) => _(e, t.currentTarget),
695
- onBlur: () => l.hide(),
696
- children: [
697
- /* @__PURE__ */ b("span", {
698
- className: `l${e.model ? " model" : ""}`,
699
- title: e.name,
700
- children: e.name.replace(/^agent-runtime-coordination_/, "")
701
- }),
702
- /* @__PURE__ */ x("svg", {
703
- viewBox: "0 0 100 22",
704
- preserveAspectRatio: "none",
705
- "aria-hidden": "true",
706
- children: [h.map((e) => /* @__PURE__ */ b("line", {
707
- x1: m(e) * 100,
708
- x2: m(e) * 100,
709
- y1: "2",
710
- y2: "20",
711
- className: "grid"
712
- }, e)), /* @__PURE__ */ b("line", {
713
- x1: m(e.p50 ?? 10) * 100,
714
- x2: m(e.p99 ?? 10) * 100,
715
- y1: "11",
716
- y2: "11",
717
- className: e.model ? "model" : "tool"
718
- })]
719
- }),
720
- /* @__PURE__ */ x("span", {
721
- className: "dots",
722
- "aria-hidden": "true",
723
- children: [
724
- /* @__PURE__ */ b("i", {
725
- className: `p50 ${e.model ? "model" : "tool"}`,
726
- style: { left: `${m(e.p50 ?? 10) * 100}%` }
727
- }),
728
- /* @__PURE__ */ b("i", {
729
- className: `p90 ${e.model ? "model" : "tool"}`,
730
- style: { left: `${m(e.p90 ?? 10) * 100}%` }
731
- }),
732
- /* @__PURE__ */ b("i", {
733
- className: `p99 ${e.model ? "model" : "tool"}`,
734
- style: { left: `${m(e.p99 ?? 10) * 100}%` }
735
- })
736
- ]
737
- }),
738
- /* @__PURE__ */ x("span", {
739
- className: "v",
740
- children: [
741
- /* @__PURE__ */ b("b", { children: n(e.p50) }),
742
- " · ",
743
- n(e.p90),
744
- " · ",
745
- n(e.p99)
746
- ]
747
- })
748
- ]
749
- }, `${e.model}:${e.name}`)), /* @__PURE__ */ x("div", {
750
- className: "row axis",
751
- children: [
752
- /* @__PURE__ */ b("span", {}),
753
- /* @__PURE__ */ b("span", {
754
- className: "ax",
755
- children: h.map((e) => /* @__PURE__ */ b("span", {
756
- style: { left: `${m(e) * 100}%` },
757
- children: n(e)
758
- }, e))
759
- }),
760
- /* @__PURE__ */ b("span", {
761
- className: "v dim",
762
- children: "● p50 ○ p90 | p99"
763
- })
764
- ]
765
- })]
766
- }) : /* @__PURE__ */ b(P, {
767
- rows: [{
768
- name: "Model calls",
769
- model: !0,
770
- values: u.flatMap((e) => e.values)
771
- }, {
772
- name: "Tool calls",
773
- model: !1,
774
- values: a.flatMap((e) => e.durations)
775
- }],
776
- lo: 10,
777
- hi: p
778
- })
779
- })]
780
- });
781
- }
782
- function P({ rows: t, lo: r, hi: a }) {
783
- let o = s(), c = [];
784
- for (let e = Math.log10(r); e <= Math.log10(a) + 1e-9; e += 1 / 4) c.push(10 ** e);
785
- let l = (e) => 34 + (Math.log10(Math.max(r, e)) - Math.log10(r)) / (Math.log10(a) - Math.log10(r)) * 366;
786
- return /* @__PURE__ */ b("div", {
787
- className: "rp-hist",
788
- children: t.filter((e) => e.values.length).map((t) => {
789
- let r = c.slice(0, -1).map((e, n) => ({
790
- from: e,
791
- to: c[n + 1],
792
- n: t.values.filter((t) => t >= e && t < c[n + 1]).length
793
- })), s = Math.max(1, ...r.map((e) => e.n)), u = [
794
- ["p50", i(t.values, 50)],
795
- ["p90", i(t.values, 90)],
796
- ["p99", i(t.values, 99)]
797
- ];
798
- return /* @__PURE__ */ x("figure", { children: [/* @__PURE__ */ x("figcaption", { children: [
799
- /* @__PURE__ */ b("i", { className: `rp-sw ${t.model ? "model" : "tool"}` }),
800
- t.name,
801
- /* @__PURE__ */ b("span", {
802
- className: "ct",
803
- children: e(t.values.length)
804
- })
805
- ] }), /* @__PURE__ */ x("svg", {
806
- viewBox: "0 0 400 114",
807
- role: "img",
808
- "aria-label": `${t.name} by duration`,
809
- children: [
810
- /* @__PURE__ */ b("text", {
811
- x: 28,
812
- y: 12,
813
- textAnchor: "end",
814
- children: s
815
- }),
816
- /* @__PURE__ */ b("text", {
817
- x: 28,
818
- y: 96,
819
- textAnchor: "end",
820
- children: "0"
821
- }),
822
- /* @__PURE__ */ b("line", {
823
- x1: 34,
824
- x2: 400,
825
- y1: 96,
826
- y2: 96,
827
- className: "grid"
828
- }),
829
- r.map((e, r) => e.n ? /* @__PURE__ */ b("rect", {
830
- x: l(e.from) + 1,
831
- width: Math.max(1, l(e.to) - l(e.from) - 2),
832
- y: 96 - e.n / s * 88,
833
- height: e.n / s * 88,
834
- rx: "1.5",
835
- className: t.model ? "model" : "tool",
836
- tabIndex: 0,
837
- onPointerEnter: (r) => o.show({
838
- rect: r.currentTarget.getBoundingClientRect(),
839
- content: /* @__PURE__ */ x("div", {
840
- className: "rp-card-h",
841
- children: [/* @__PURE__ */ x("div", {
842
- className: "t",
843
- children: [/* @__PURE__ */ x("span", {
844
- className: "nm",
845
- children: [
846
- n(e.from),
847
- "–",
848
- n(e.to)
849
- ]
850
- }), /* @__PURE__ */ x("span", {
851
- className: "v",
852
- children: [e.n, " calls"]
853
- })]
854
- }), /* @__PURE__ */ x("div", {
855
- className: "s",
856
- children: [
857
- (e.n / t.values.length * 100).toFixed(1),
858
- "% of ",
859
- t.name.toLowerCase()
860
- ]
861
- })]
862
- })
863
- }),
864
- onPointerLeave: () => o.hide()
865
- }, r) : null),
866
- u.map(([e, t]) => t !== null && /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
867
- x1: l(t),
868
- x2: l(t),
869
- y1: 4,
870
- y2: 96,
871
- className: "rule"
872
- }), /* @__PURE__ */ x("text", {
873
- x: l(t) + 3,
874
- y: 12,
875
- className: "rl",
876
- children: [
877
- e,
878
- " ",
879
- n(t)
880
- ]
881
- })] }, e)),
882
- [
883
- 10,
884
- 100,
885
- 1e3,
886
- 1e4,
887
- 1e5
888
- ].filter((e) => e <= a).map((e) => /* @__PURE__ */ b("text", {
889
- x: l(e),
890
- y: 110,
891
- textAnchor: "middle",
892
- children: n(e)
893
- }, e))
894
- ]
895
- })] }, t.name);
896
- })
897
- });
898
- }
899
- function F({ agents: t, tools: n }) {
900
- let r = n.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), i = t.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), a = (t, n, r, i, a) => /* @__PURE__ */ x("div", {
901
- className: "row",
902
- title: a,
903
- children: [
904
- /* @__PURE__ */ b("span", {
905
- className: "l",
906
- children: t
907
- }),
908
- /* @__PURE__ */ b("span", {
909
- className: "track",
910
- children: /* @__PURE__ */ b("b", { style: { width: `${n / Math.max(1, r) * 100}%` } })
911
- }),
912
- /* @__PURE__ */ x("span", {
913
- className: "n",
914
- children: [
915
- n,
916
- " ",
917
- /* @__PURE__ */ x("small", { children: ["of ", e(r)] })
918
- ]
919
- })
920
- ]
921
- }, i);
922
- return /* @__PURE__ */ x("section", {
923
- className: "rp-card w3",
924
- "aria-label": "Failed steps",
925
- children: [/* @__PURE__ */ b("div", {
926
- className: "rp-hd sm",
927
- children: /* @__PURE__ */ b("h3", { children: "Failed steps" })
928
- }), /* @__PURE__ */ b("div", {
929
- className: "rp-chart rp-fb",
930
- children: !r.length && !i.length ? /* @__PURE__ */ b("p", {
931
- className: "ws-status",
932
- children: "No step failed."
933
- }) : /* @__PURE__ */ x(y, { children: [r.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By tool · ", r.length] }), r.slice(0, 6).map((e) => a(e.name.replace(/^agent-runtime-coordination_/, ""), e.failures, e.calls, e.name, `${e.name}: ${e.failures} of ${e.calls} calls failed`))] }), i.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By agent · ", i.length] }), i.slice(0, 6).map((e) => a(l(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
934
- })]
935
- });
936
- }
937
- //#endregion
938
- export { C as Analytics };