agentic-ui-libs 1.2.0-beta.3 → 1.2.0-beta.5
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeBuilder.d.ts","sourceRoot":"","sources":["../../../../src/features/debug-logs/services/TreeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqB,WAAW,EAAoC,MAAM,UAAU,CAAC;AAE5G,qBAAa,WAAW;IACtB;;;OAGG;IACH,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW;IAoBlF;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAc/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"TreeBuilder.d.ts","sourceRoot":"","sources":["../../../../src/features/debug-logs/services/TreeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqB,WAAW,EAAoC,MAAM,UAAU,CAAC;AAE5G,qBAAa,WAAW;IACtB;;;OAGG;IACH,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW;IAoBlF;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAc/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAgE3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,wBAAwB;IA0EvC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA8BjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IAmC9B;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAsDrC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IA0B9B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAU3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IASjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAuB/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAgBtC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IA4C1C;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA2JjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAajC;;OAEG;IACH,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,WAAW;IAMpH;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,cAAc,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE;CASpG"}
|
package/dist/index.js
CHANGED
|
@@ -112210,7 +112210,7 @@ class TreeBuilder {
|
|
|
112210
112210
|
var _a;
|
|
112211
112211
|
const nodeEventMap = /* @__PURE__ */ new Map();
|
|
112212
112212
|
events.forEach((event) => {
|
|
112213
|
-
const nodeKey =
|
|
112213
|
+
const nodeKey = event.data.id;
|
|
112214
112214
|
if (!nodeEventMap.has(nodeKey)) {
|
|
112215
112215
|
nodeEventMap.set(nodeKey, {});
|
|
112216
112216
|
}
|
|
@@ -113158,9 +113158,10 @@ function DebugCard({
|
|
|
113158
113158
|
projectId,
|
|
113159
113159
|
nodeIndex = 0
|
|
113160
113160
|
}) {
|
|
113161
|
+
var _a;
|
|
113161
113162
|
const isGuardrailsNode = useMemo(() => {
|
|
113162
|
-
var
|
|
113163
|
-
return node.type === "GuardrailsInputScan" || node.type === "GuardrailsOutputScan" || ((
|
|
113163
|
+
var _a2;
|
|
113164
|
+
return node.type === "GuardrailsInputScan" || node.type === "GuardrailsOutputScan" || ((_a2 = node.name) == null ? void 0 : _a2.toLowerCase().includes("guardrail"));
|
|
113164
113165
|
}, [node.type, node.name]);
|
|
113165
113166
|
const availableTabs = useMemo(() => {
|
|
113166
113167
|
switch (node.type) {
|
|
@@ -113337,7 +113338,7 @@ function DebugCard({
|
|
|
113337
113338
|
}
|
|
113338
113339
|
};
|
|
113339
113340
|
const getNodeIcon = () => {
|
|
113340
|
-
var
|
|
113341
|
+
var _a2, _b;
|
|
113341
113342
|
if (isGuardrailsNode) {
|
|
113342
113343
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 relative w-[24px] h-[24px] bg-gray-200 rounded-[8px] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "21", viewBox: "0 0 17 21", fill: "none", className: "w-[16px] h-[16px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113343
113344
|
"path",
|
|
@@ -113372,7 +113373,7 @@ function DebugCard({
|
|
|
113372
113373
|
size: "small",
|
|
113373
113374
|
name: node.name,
|
|
113374
113375
|
className: "w-[24px] h-[24px]",
|
|
113375
|
-
toolType: node.type === "tool" ? (
|
|
113376
|
+
toolType: node.type === "tool" ? (_a2 = node.metadata) == null ? void 0 : _a2.type : void 0,
|
|
113376
113377
|
provider: node.type === "llm" ? (_b = node.metadata) == null ? void 0 : _b.provider : void 0,
|
|
113377
113378
|
modelName: node.type === "llm" ? node.name : void 0
|
|
113378
113379
|
}
|
|
@@ -113396,7 +113397,7 @@ function DebugCard({
|
|
|
113396
113397
|
return availableTabs;
|
|
113397
113398
|
};
|
|
113398
113399
|
const renderActionContent = () => {
|
|
113399
|
-
var
|
|
113400
|
+
var _a2, _b;
|
|
113400
113401
|
let toolInvocations = node.toolInvocations || [];
|
|
113401
113402
|
if (node.type === "llm" && Array.isArray(node.output)) {
|
|
113402
113403
|
toolInvocations = node.output.filter(
|
|
@@ -113418,7 +113419,7 @@ function DebugCard({
|
|
|
113418
113419
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600 truncate", children: child.name || "Unknown" })
|
|
113419
113420
|
] }, child.id || index))
|
|
113420
113421
|
] }),
|
|
113421
|
-
toolInvocations.length > 0 && ((_b = (
|
|
113422
|
+
toolInvocations.length > 0 && ((_b = (_a2 = toolInvocations[0]) == null ? void 0 : _a2.args) == null ? void 0 : _b.reason) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
113422
113423
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-400 mb-[4px]", children: "Reason" }),
|
|
113423
113424
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-600", children: toolInvocations[0].args.reason })
|
|
113424
113425
|
] })
|
|
@@ -113445,14 +113446,14 @@ function DebugCard({
|
|
|
113445
113446
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-500 italic", children: "No actions taken" });
|
|
113446
113447
|
};
|
|
113447
113448
|
const extractOutputMessage = (output) => {
|
|
113448
|
-
var
|
|
113449
|
+
var _a2, _b, _c, _d;
|
|
113449
113450
|
if (!output || typeof output !== "object") return void 0;
|
|
113450
113451
|
if (Array.isArray(output)) {
|
|
113451
113452
|
const routeToUserTool = output.find(
|
|
113452
113453
|
(item) => item && typeof item === "object" && (item.name === "route_to_user" || item.toolName === "route_to_user")
|
|
113453
113454
|
);
|
|
113454
113455
|
if (routeToUserTool) {
|
|
113455
|
-
return ((
|
|
113456
|
+
return ((_a2 = routeToUserTool.args) == null ? void 0 : _a2.message) || routeToUserTool.message || ((_b = routeToUserTool.output) == null ? void 0 : _b.message);
|
|
113456
113457
|
}
|
|
113457
113458
|
} else if (output.name === "route_to_user" || output.toolName === "route_to_user") {
|
|
113458
113459
|
return ((_c = output.args) == null ? void 0 : _c.message) || output.message || ((_d = output.output) == null ? void 0 : _d.message);
|
|
@@ -113549,7 +113550,7 @@ function DebugCard({
|
|
|
113549
113550
|
] });
|
|
113550
113551
|
};
|
|
113551
113552
|
const renderTabContent = () => {
|
|
113552
|
-
var
|
|
113553
|
+
var _a2;
|
|
113553
113554
|
switch (activeTab) {
|
|
113554
113555
|
case "summary":
|
|
113555
113556
|
if (isGuardrailsNode) {
|
|
@@ -113740,7 +113741,7 @@ function DebugCard({
|
|
|
113740
113741
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113741
113742
|
DataViewer,
|
|
113742
113743
|
{
|
|
113743
|
-
data: ((
|
|
113744
|
+
data: ((_a2 = node.metadata) == null ? void 0 : _a2["logs"]) || {},
|
|
113744
113745
|
title: "Execution Logs",
|
|
113745
113746
|
maxHeight: "250px",
|
|
113746
113747
|
defaultExpanded: true,
|
|
@@ -113792,13 +113793,13 @@ function DebugCard({
|
|
|
113792
113793
|
className: "font-semibold text-gray-900 text-xs truncate w-full",
|
|
113793
113794
|
title: node.type === "llm" ? node.name : void 0,
|
|
113794
113795
|
"data-test-id": `debug_card_node_name_${node.id}`,
|
|
113795
|
-
children: isGuardrailsNode ? node.type === "GuardrailsInputScan" ? "Input Guardrails Scanner" : "Output Guardrails Scanner" : node.type === "llm" ? "AI Model Call" : node.type === "tool" ? formatToolName(node.name) : node.name
|
|
113796
|
+
children: isGuardrailsNode ? node.type === "GuardrailsInputScan" ? "Input Guardrails Scanner" : "Output Guardrails Scanner" : node.type === "llm" ? ((_a = node == null ? void 0 : node.metadata) == null ? void 0 : _a.isRoutedModel) ? `AI Model Call (${node.name})` : "AI Model Call" : node.type === "tool" ? formatToolName(node.name) : node.name
|
|
113796
113797
|
}
|
|
113797
113798
|
),
|
|
113798
113799
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[12px] text-[10px] text-gray-500", "data-test-id": `debug_card_node_metadata_${node.id}`, children: [
|
|
113799
113800
|
node.type === "Agent" && (() => {
|
|
113800
|
-
var
|
|
113801
|
-
const llmChild = (
|
|
113801
|
+
var _a2;
|
|
113802
|
+
const llmChild = (_a2 = node.children) == null ? void 0 : _a2.find((child) => child.type === "llm");
|
|
113802
113803
|
if (llmChild == null ? void 0 : llmChild.name) {
|
|
113803
113804
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113804
113805
|
"span",
|
|
@@ -113813,7 +113814,7 @@ function DebugCard({
|
|
|
113813
113814
|
return null;
|
|
113814
113815
|
})(),
|
|
113815
113816
|
(node.type === "Agent" || node.type === "llm" || isGuardrailsNode) && (() => {
|
|
113816
|
-
var
|
|
113817
|
+
var _a2, _b, _c;
|
|
113817
113818
|
let llmUsage = node.llmUsage;
|
|
113818
113819
|
if (node.type === "Agent" && node.children) {
|
|
113819
113820
|
const llmChildren = node.children.filter((child) => child.type === "llm");
|
|
@@ -113835,7 +113836,7 @@ function DebugCard({
|
|
|
113835
113836
|
"span",
|
|
113836
113837
|
{
|
|
113837
113838
|
className: "text-[10px] text-gray-500 whitespace-nowrap cursor-help",
|
|
113838
|
-
title: `Input: ${((
|
|
113839
|
+
title: `Input: ${((_a2 = llmUsage.input_tokens) == null ? void 0 : _a2.toLocaleString()) || 0} tokens
|
|
113839
113840
|
Output: ${((_b = llmUsage.output_tokens) == null ? void 0 : _b.toLocaleString()) || 0} tokens
|
|
113840
113841
|
Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) || 0} tokens`,
|
|
113841
113842
|
"data-test-id": `debug_card_node_tokens_${node.id}`,
|
package/dist/ui-libs.umd.js
CHANGED
|
@@ -112250,7 +112250,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
112250
112250
|
var _a;
|
|
112251
112251
|
const nodeEventMap = /* @__PURE__ */ new Map();
|
|
112252
112252
|
events.forEach((event) => {
|
|
112253
|
-
const nodeKey =
|
|
112253
|
+
const nodeKey = event.data.id;
|
|
112254
112254
|
if (!nodeEventMap.has(nodeKey)) {
|
|
112255
112255
|
nodeEventMap.set(nodeKey, {});
|
|
112256
112256
|
}
|
|
@@ -113198,9 +113198,10 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113198
113198
|
projectId,
|
|
113199
113199
|
nodeIndex = 0
|
|
113200
113200
|
}) {
|
|
113201
|
+
var _a;
|
|
113201
113202
|
const isGuardrailsNode = React.useMemo(() => {
|
|
113202
|
-
var
|
|
113203
|
-
return node.type === "GuardrailsInputScan" || node.type === "GuardrailsOutputScan" || ((
|
|
113203
|
+
var _a2;
|
|
113204
|
+
return node.type === "GuardrailsInputScan" || node.type === "GuardrailsOutputScan" || ((_a2 = node.name) == null ? void 0 : _a2.toLowerCase().includes("guardrail"));
|
|
113204
113205
|
}, [node.type, node.name]);
|
|
113205
113206
|
const availableTabs = React.useMemo(() => {
|
|
113206
113207
|
switch (node.type) {
|
|
@@ -113377,7 +113378,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113377
113378
|
}
|
|
113378
113379
|
};
|
|
113379
113380
|
const getNodeIcon = () => {
|
|
113380
|
-
var
|
|
113381
|
+
var _a2, _b;
|
|
113381
113382
|
if (isGuardrailsNode) {
|
|
113382
113383
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 relative w-[24px] h-[24px] bg-gray-200 rounded-[8px] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "21", viewBox: "0 0 17 21", fill: "none", className: "w-[16px] h-[16px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113383
113384
|
"path",
|
|
@@ -113412,7 +113413,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113412
113413
|
size: "small",
|
|
113413
113414
|
name: node.name,
|
|
113414
113415
|
className: "w-[24px] h-[24px]",
|
|
113415
|
-
toolType: node.type === "tool" ? (
|
|
113416
|
+
toolType: node.type === "tool" ? (_a2 = node.metadata) == null ? void 0 : _a2.type : void 0,
|
|
113416
113417
|
provider: node.type === "llm" ? (_b = node.metadata) == null ? void 0 : _b.provider : void 0,
|
|
113417
113418
|
modelName: node.type === "llm" ? node.name : void 0
|
|
113418
113419
|
}
|
|
@@ -113436,7 +113437,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113436
113437
|
return availableTabs;
|
|
113437
113438
|
};
|
|
113438
113439
|
const renderActionContent = () => {
|
|
113439
|
-
var
|
|
113440
|
+
var _a2, _b;
|
|
113440
113441
|
let toolInvocations = node.toolInvocations || [];
|
|
113441
113442
|
if (node.type === "llm" && Array.isArray(node.output)) {
|
|
113442
113443
|
toolInvocations = node.output.filter(
|
|
@@ -113458,7 +113459,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113458
113459
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600 truncate", children: child.name || "Unknown" })
|
|
113459
113460
|
] }, child.id || index))
|
|
113460
113461
|
] }),
|
|
113461
|
-
toolInvocations.length > 0 && ((_b = (
|
|
113462
|
+
toolInvocations.length > 0 && ((_b = (_a2 = toolInvocations[0]) == null ? void 0 : _a2.args) == null ? void 0 : _b.reason) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
|
|
113462
113463
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-400 mb-[4px]", children: "Reason" }),
|
|
113463
113464
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-600", children: toolInvocations[0].args.reason })
|
|
113464
113465
|
] })
|
|
@@ -113485,14 +113486,14 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113485
113486
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-500 italic", children: "No actions taken" });
|
|
113486
113487
|
};
|
|
113487
113488
|
const extractOutputMessage = (output) => {
|
|
113488
|
-
var
|
|
113489
|
+
var _a2, _b, _c, _d;
|
|
113489
113490
|
if (!output || typeof output !== "object") return void 0;
|
|
113490
113491
|
if (Array.isArray(output)) {
|
|
113491
113492
|
const routeToUserTool = output.find(
|
|
113492
113493
|
(item) => item && typeof item === "object" && (item.name === "route_to_user" || item.toolName === "route_to_user")
|
|
113493
113494
|
);
|
|
113494
113495
|
if (routeToUserTool) {
|
|
113495
|
-
return ((
|
|
113496
|
+
return ((_a2 = routeToUserTool.args) == null ? void 0 : _a2.message) || routeToUserTool.message || ((_b = routeToUserTool.output) == null ? void 0 : _b.message);
|
|
113496
113497
|
}
|
|
113497
113498
|
} else if (output.name === "route_to_user" || output.toolName === "route_to_user") {
|
|
113498
113499
|
return ((_c = output.args) == null ? void 0 : _c.message) || output.message || ((_d = output.output) == null ? void 0 : _d.message);
|
|
@@ -113589,7 +113590,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113589
113590
|
] });
|
|
113590
113591
|
};
|
|
113591
113592
|
const renderTabContent = () => {
|
|
113592
|
-
var
|
|
113593
|
+
var _a2;
|
|
113593
113594
|
switch (activeTab) {
|
|
113594
113595
|
case "summary":
|
|
113595
113596
|
if (isGuardrailsNode) {
|
|
@@ -113780,7 +113781,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113780
113781
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113781
113782
|
DataViewer,
|
|
113782
113783
|
{
|
|
113783
|
-
data: ((
|
|
113784
|
+
data: ((_a2 = node.metadata) == null ? void 0 : _a2["logs"]) || {},
|
|
113784
113785
|
title: "Execution Logs",
|
|
113785
113786
|
maxHeight: "250px",
|
|
113786
113787
|
defaultExpanded: true,
|
|
@@ -113832,13 +113833,13 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113832
113833
|
className: "font-semibold text-gray-900 text-xs truncate w-full",
|
|
113833
113834
|
title: node.type === "llm" ? node.name : void 0,
|
|
113834
113835
|
"data-test-id": `debug_card_node_name_${node.id}`,
|
|
113835
|
-
children: isGuardrailsNode ? node.type === "GuardrailsInputScan" ? "Input Guardrails Scanner" : "Output Guardrails Scanner" : node.type === "llm" ? "AI Model Call" : node.type === "tool" ? formatToolName(node.name) : node.name
|
|
113836
|
+
children: isGuardrailsNode ? node.type === "GuardrailsInputScan" ? "Input Guardrails Scanner" : "Output Guardrails Scanner" : node.type === "llm" ? ((_a = node == null ? void 0 : node.metadata) == null ? void 0 : _a.isRoutedModel) ? `AI Model Call (${node.name})` : "AI Model Call" : node.type === "tool" ? formatToolName(node.name) : node.name
|
|
113836
113837
|
}
|
|
113837
113838
|
),
|
|
113838
113839
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[12px] text-[10px] text-gray-500", "data-test-id": `debug_card_node_metadata_${node.id}`, children: [
|
|
113839
113840
|
node.type === "Agent" && (() => {
|
|
113840
|
-
var
|
|
113841
|
-
const llmChild = (
|
|
113841
|
+
var _a2;
|
|
113842
|
+
const llmChild = (_a2 = node.children) == null ? void 0 : _a2.find((child) => child.type === "llm");
|
|
113842
113843
|
if (llmChild == null ? void 0 : llmChild.name) {
|
|
113843
113844
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
113844
113845
|
"span",
|
|
@@ -113853,7 +113854,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113853
113854
|
return null;
|
|
113854
113855
|
})(),
|
|
113855
113856
|
(node.type === "Agent" || node.type === "llm" || isGuardrailsNode) && (() => {
|
|
113856
|
-
var
|
|
113857
|
+
var _a2, _b, _c;
|
|
113857
113858
|
let llmUsage = node.llmUsage;
|
|
113858
113859
|
if (node.type === "Agent" && node.children) {
|
|
113859
113860
|
const llmChildren = node.children.filter((child) => child.type === "llm");
|
|
@@ -113875,7 +113876,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
113875
113876
|
"span",
|
|
113876
113877
|
{
|
|
113877
113878
|
className: "text-[10px] text-gray-500 whitespace-nowrap cursor-help",
|
|
113878
|
-
title: `Input: ${((
|
|
113879
|
+
title: `Input: ${((_a2 = llmUsage.input_tokens) == null ? void 0 : _a2.toLocaleString()) || 0} tokens
|
|
113879
113880
|
Output: ${((_b = llmUsage.output_tokens) == null ? void 0 : _b.toLocaleString()) || 0} tokens
|
|
113880
113881
|
Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) || 0} tokens`,
|
|
113881
113882
|
"data-test-id": `debug_card_node_tokens_${node.id}`,
|