agentic-ui-libs 1.1.0-beta.-1.0 → 1.1.0-beta.10

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 (28) hide show
  1. package/dist/assets/agentic-ui-libs.css +1117 -537
  2. package/dist/features/dashboard/Dashboard.d.ts.map +1 -1
  3. package/dist/features/tracing/components/SessionsList.d.ts.map +1 -1
  4. package/dist/features/tracing/components/TracesList.d.ts.map +1 -1
  5. package/dist/features/tracing/components/detail/DetailPage.d.ts.map +1 -1
  6. package/dist/features/tracing/components/detail/ObservationNode.d.ts.map +1 -1
  7. package/dist/features/tracing/components/detail/TraceTree.d.ts.map +1 -1
  8. package/dist/features/tracing/components/shared/ColumnCustomization.d.ts +1 -1
  9. package/dist/features/tracing/components/shared/ColumnCustomization.d.ts.map +1 -1
  10. package/dist/features/tracing/components/shared/EmptyState.d.ts +2 -2
  11. package/dist/features/tracing/components/shared/EmptyState.d.ts.map +1 -1
  12. package/dist/features/tracing/components/shared/FilterPanel.d.ts +1 -1
  13. package/dist/features/tracing/components/shared/FilterPanel.d.ts.map +1 -1
  14. package/dist/features/tracing/components/shared/TracingListHeader.d.ts +1 -1
  15. package/dist/features/tracing/components/shared/TracingListHeader.d.ts.map +1 -1
  16. package/dist/features/tracing/components/shared/TracingTable.d.ts.map +1 -1
  17. package/dist/features/tracing/index.d.ts +1 -1
  18. package/dist/features/tracing/index.d.ts.map +1 -1
  19. package/dist/features/tracing/services/TracingApiService.d.ts +4 -0
  20. package/dist/features/tracing/services/TracingApiService.d.ts.map +1 -1
  21. package/dist/features/tracing/types.d.ts +16 -0
  22. package/dist/features/tracing/types.d.ts.map +1 -1
  23. package/dist/index.js +724 -591
  24. package/dist/shared/ui/CopyButton.d.ts +1 -0
  25. package/dist/shared/ui/CopyButton.d.ts.map +1 -1
  26. package/dist/shared/ui/daterangepicker.d.ts.map +1 -1
  27. package/dist/ui-libs.umd.js +724 -591
  28. package/package.json +1 -1
package/dist/ui-libs.umd.js CHANGED
@@ -995,6 +995,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
995
995
  Component2.displayName = `${iconName}`;
996
996
  return Component2;
997
997
  };
998
+ /**
999
+ * @license lucide-react v0.294.0 - ISC
1000
+ *
1001
+ * This source code is licensed under the ISC license.
1002
+ * See the LICENSE file in the root directory of this source tree.
1003
+ */
1004
+ const AlertTriangle = createLucideIcon("AlertTriangle", [
1005
+ [
1006
+ "path",
1007
+ {
1008
+ d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
1009
+ key: "c3ski4"
1010
+ }
1011
+ ],
1012
+ ["path", { d: "M12 9v4", key: "juzpu7" }],
1013
+ ["path", { d: "M12 17h.01", key: "p32p05" }]
1014
+ ]);
998
1015
  /**
999
1016
  * @license lucide-react v0.294.0 - ISC
1000
1017
  *
@@ -4332,10 +4349,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4332
4349
  className
4333
4350
  ),
4334
4351
  onClick: handleClick2,
4335
- "data-id": `dashboard_metric_card_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`,
4352
+ "data-test-id": `dashboard_metric_card_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`,
4336
4353
  children: [
4337
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-[6px]", "data-id": `dashboard_metric_card_header_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: [
4338
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-gray-700", "data-id": `dashboard_metric_card_title_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: title }),
4354
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-[6px]", "data-test-id": `dashboard_metric_card_header_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: [
4355
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-gray-700", "data-test-id": `dashboard_metric_card_title_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: title }),
4339
4356
  info && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group", children: [
4340
4357
  /* @__PURE__ */ jsxRuntimeExports.jsx(Info, { className: "h-[16px] w-[16px] text-gray-400 cursor-help" }),
4341
4358
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
@@ -4353,8 +4370,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4353
4370
  ] })
4354
4371
  ] })
4355
4372
  ] }),
4356
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-3", "data-id": `dashboard_metric_card_value_container_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: [
4357
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-2xl font-semibold text-gray-900", "data-id": `dashboard_metric_card_value_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: formatValue2(value) }),
4373
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-3", "data-test-id": `dashboard_metric_card_value_container_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: [
4374
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-2xl font-semibold text-gray-900", "data-test-id": `dashboard_metric_card_value_${data.metricType || data.title.toLowerCase().replace(/\s+/g, "_")}`, children: formatValue2(value) }),
4358
4375
  change && /* @__PURE__ */ jsxRuntimeExports.jsxs(
4359
4376
  "div",
4360
4377
  {
@@ -28967,8 +28984,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
28967
28984
  console.log("Chart lines configuration:", chartLines);
28968
28985
  console.log("Sample filled data points:", sortedData.slice(0, 3));
28969
28986
  console.log("=== END ANALYTICS CHART DEBUG ===");
28970
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-id": "dashboard_analytics_chart_root", children: [
28971
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative bg-gray-50/30", "data-id": "dashboard_analytics_chart_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { width: "100%", height, "data-id": "dashboard_analytics_chart_responsive_container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
28987
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-test-id": "dashboard_analytics_chart_root", children: [
28988
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative bg-gray-50/30", "data-test-id": "dashboard_analytics_chart_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { width: "100%", height, "data-test-id": "dashboard_analytics_chart_responsive_container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
28972
28989
  ComposedChart,
28973
28990
  {
28974
28991
  data: sortedData,
@@ -29067,10 +29084,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29067
29084
  ]
29068
29085
  }
29069
29086
  ) }) }),
29070
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 flex items-center justify-between", "data-id": "dashboard_analytics_chart_footer", children: [
29071
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-id": "dashboard_analytics_chart_date_range", children: dateRange && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500 flex items-center gap-[4px]", "data-id": "dashboard_analytics_chart_date_range_text", children: [
29087
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 flex items-center justify-between", "data-test-id": "dashboard_analytics_chart_footer", children: [
29088
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test-id": "dashboard_analytics_chart_date_range", children: dateRange && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500 flex items-center gap-[4px]", "data-test-id": "dashboard_analytics_chart_date_range_text", children: [
29072
29089
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-500", children: "Showing data from" }),
29073
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-gray-700", "data-id": "dashboard_analytics_chart_date_range_value", children: [
29090
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-gray-700", "data-test-id": "dashboard_analytics_chart_date_range_value", children: [
29074
29091
  new Date(dateRange.start).toLocaleDateString("en-US", {
29075
29092
  day: "numeric",
29076
29093
  month: "short",
@@ -29084,16 +29101,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29084
29101
  })
29085
29102
  ] })
29086
29103
  ] }) }),
29087
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-4", "data-id": "dashboard_analytics_chart_legend", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", "data-id": "dashboard_analytics_chart_legend_items", children: chartLines.map((lineConfig) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": `dashboard_analytics_chart_legend_item_${lineConfig.dataKey}`, children: [
29104
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-4", "data-test-id": "dashboard_analytics_chart_legend", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", "data-test-id": "dashboard_analytics_chart_legend_items", children: chartLines.map((lineConfig) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": `dashboard_analytics_chart_legend_item_${lineConfig.dataKey}`, children: [
29088
29105
  /* @__PURE__ */ jsxRuntimeExports.jsx(
29089
29106
  "div",
29090
29107
  {
29091
29108
  className: "w-[8px] h-[8px] rounded-full",
29092
29109
  style: { backgroundColor: lineConfig.color },
29093
- "data-id": `dashboard_analytics_chart_legend_color_${lineConfig.dataKey}`
29110
+ "data-test-id": `dashboard_analytics_chart_legend_color_${lineConfig.dataKey}`
29094
29111
  }
29095
29112
  ),
29096
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", "data-id": `dashboard_analytics_chart_legend_label_${lineConfig.dataKey}`, children: lineConfig.label })
29113
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", "data-test-id": `dashboard_analytics_chart_legend_label_${lineConfig.dataKey}`, children: lineConfig.label })
29097
29114
  ] }, lineConfig.dataKey)) }) })
29098
29115
  ] })
29099
29116
  ] });
@@ -29180,10 +29197,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29180
29197
  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "w-[12px] h-[12px] opacity-30 -mt-1" })
29181
29198
  ] });
29182
29199
  };
29183
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-id": "dashboard_analytics_table_root", children: [
29184
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-4", "data-id": "dashboard_analytics_table_header", children: [
29185
- /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-md font-medium text-gray-700", "data-id": "dashboard_analytics_table_title", children: title }),
29186
- filtering.enabled && filtering.searchable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", "data-id": "dashboard_analytics_table_search", children: [
29200
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-test-id": "dashboard_analytics_table_root", children: [
29201
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-4", "data-test-id": "dashboard_analytics_table_header", children: [
29202
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-md font-medium text-gray-700", "data-test-id": "dashboard_analytics_table_title", children: title }),
29203
+ filtering.enabled && filtering.searchable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", "data-test-id": "dashboard_analytics_table_search", children: [
29187
29204
  /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-[12px] top-1/2 transform -translate-y-1/2 w-[16px] h-[16px] text-gray-400" }),
29188
29205
  /* @__PURE__ */ jsxRuntimeExports.jsx(
29189
29206
  "input",
@@ -29193,13 +29210,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29193
29210
  value: searchTerm,
29194
29211
  onChange: (e) => handleSearch(e.target.value),
29195
29212
  className: "pl-[36px] pr-[12px] py-[8px] border border-gray-200 rounded-lg text-xs focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
29196
- "data-id": "dashboard_analytics_table_search_input"
29213
+ "data-test-id": "dashboard_analytics_table_search_input"
29197
29214
  }
29198
29215
  )
29199
29216
  ] })
29200
29217
  ] }),
29201
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto border border-gray-200 rounded-lg", "data-id": "dashboard_analytics_table_wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", "data-id": "dashboard_analytics_table", children: [
29202
- /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { className: "bg-gray-50", "data-id": "dashboard_analytics_table_head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { "data-id": "dashboard_analytics_table_head_row", children: columns.map((column) => /* @__PURE__ */ jsxRuntimeExports.jsx(
29218
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto border border-gray-200 rounded-lg", "data-test-id": "dashboard_analytics_table_wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", "data-test-id": "dashboard_analytics_table", children: [
29219
+ /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { className: "bg-gray-50", "data-test-id": "dashboard_analytics_table_head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { "data-test-id": "dashboard_analytics_table_head_row", children: columns.map((column) => /* @__PURE__ */ jsxRuntimeExports.jsx(
29203
29220
  "th",
29204
29221
  {
29205
29222
  className: cn(
@@ -29210,19 +29227,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29210
29227
  ),
29211
29228
  style: { width: column.width },
29212
29229
  onClick: () => handleSort(column),
29213
- "data-id": `dashboard_analytics_table_header_${column.key}`,
29214
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": `dashboard_analytics_table_header_content_${column.key}`, children: [
29230
+ "data-test-id": `dashboard_analytics_table_header_${column.key}`,
29231
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": `dashboard_analytics_table_header_content_${column.key}`, children: [
29215
29232
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: column.title }),
29216
29233
  getSortIcon(column)
29217
29234
  ] })
29218
29235
  },
29219
29236
  column.key
29220
29237
  )) }) }),
29221
- /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { className: "bg-white divide-y divide-gray-200", "data-id": "dashboard_analytics_table_body", children: paginatedData.map((row, rowIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
29238
+ /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { className: "bg-white divide-y divide-gray-200", "data-test-id": "dashboard_analytics_table_body", children: paginatedData.map((row, rowIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
29222
29239
  "tr",
29223
29240
  {
29224
29241
  className: "hover:bg-gray-50 transition-colors",
29225
- "data-id": `dashboard_analytics_table_row_${rowIndex}`,
29242
+ "data-test-id": `dashboard_analytics_table_row_${rowIndex}`,
29226
29243
  children: columns.map((column) => /* @__PURE__ */ jsxRuntimeExports.jsx(
29227
29244
  "td",
29228
29245
  {
@@ -29231,7 +29248,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29231
29248
  column.align === "center" && "text-center",
29232
29249
  column.align === "right" && "text-right"
29233
29250
  ),
29234
- "data-id": `dashboard_analytics_table_cell_${rowIndex}_${column.key}`,
29251
+ "data-test-id": `dashboard_analytics_table_cell_${rowIndex}_${column.key}`,
29235
29252
  children: formatCellValue(row[column.key], column, row)
29236
29253
  },
29237
29254
  column.key
@@ -29240,8 +29257,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29240
29257
  rowIndex
29241
29258
  )) })
29242
29259
  ] }) }),
29243
- pagination.enabled && totalPages > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mt-4", "data-id": "dashboard_analytics_table_pagination", children: [
29244
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-gray-500", "data-id": "dashboard_analytics_table_pagination_info", children: [
29260
+ pagination.enabled && totalPages > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mt-4", "data-test-id": "dashboard_analytics_table_pagination", children: [
29261
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-gray-500", "data-test-id": "dashboard_analytics_table_pagination_info", children: [
29245
29262
  "Showing ",
29246
29263
  (currentPage - 1) * pagination.pageSize + 1,
29247
29264
  " to",
@@ -29252,14 +29269,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29252
29269
  processedData.length,
29253
29270
  " results"
29254
29271
  ] }),
29255
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": "dashboard_analytics_table_pagination_controls", children: [
29272
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": "dashboard_analytics_table_pagination_controls", children: [
29256
29273
  /* @__PURE__ */ jsxRuntimeExports.jsx(
29257
29274
  "button",
29258
29275
  {
29259
29276
  onClick: () => setCurrentPage((prev) => Math.max(1, prev - 1)),
29260
29277
  disabled: currentPage === 1,
29261
29278
  className: "px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
29262
- "data-id": "dashboard_analytics_table_pagination_btn_previous",
29279
+ "data-test-id": "dashboard_analytics_table_pagination_btn_previous",
29263
29280
  children: "Previous"
29264
29281
  }
29265
29282
  ),
@@ -29277,7 +29294,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29277
29294
  "px-[12px] py-[4px] text-xs border rounded",
29278
29295
  currentPage === pageNum ? "bg-blue-500 text-white border-blue-500" : "border-gray-200 hover:bg-gray-50"
29279
29296
  ),
29280
- "data-id": `dashboard_analytics_table_pagination_btn_page_${pageNum}`,
29297
+ "data-test-id": `dashboard_analytics_table_pagination_btn_page_${pageNum}`,
29281
29298
  children: pageNum
29282
29299
  },
29283
29300
  pageNum
@@ -29289,13 +29306,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29289
29306
  onClick: () => setCurrentPage((prev) => Math.min(totalPages, prev + 1)),
29290
29307
  disabled: currentPage === totalPages,
29291
29308
  className: "px-[12px] py-[4px] text-xs border border-gray-200 rounded hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
29292
- "data-id": "dashboard_analytics_table_pagination_btn_next",
29309
+ "data-test-id": "dashboard_analytics_table_pagination_btn_next",
29293
29310
  children: "Next"
29294
29311
  }
29295
29312
  )
29296
29313
  ] })
29297
29314
  ] }),
29298
- paginatedData.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center py-[32px] text-gray-500", "data-id": "dashboard_analytics_table_empty_state", children: searchTerm ? "No results found for your search." : "No data available." })
29315
+ paginatedData.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center py-[32px] text-gray-500", "data-test-id": "dashboard_analytics_table_empty_state", children: searchTerm ? "No results found for your search." : "No data available." })
29299
29316
  ] });
29300
29317
  };
29301
29318
  const ASSETS_DOMAIN = "https://staging-agent-platform.kore.ai";
@@ -29589,21 +29606,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29589
29606
  }
29590
29607
  return value.toString();
29591
29608
  };
29592
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-id": "dashboard_agent_list_view_root", children: [
29593
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-id": "dashboard_agent_list_view_header", children: [
29594
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-id": "dashboard_agent_list_view_header_name", children: "Name" }),
29595
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_agent_list_view_header_runs", children: "Runs" }),
29596
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_agent_list_view_header_response_time", children: "Response Time" }),
29597
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_agent_list_view_header_tokens", children: "Tokens" })
29609
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-test-id": "dashboard_agent_list_view_root", children: [
29610
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-test-id": "dashboard_agent_list_view_header", children: [
29611
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-test-id": "dashboard_agent_list_view_header_name", children: "Name" }),
29612
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_agent_list_view_header_runs", children: "Runs" }),
29613
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_agent_list_view_header_response_time", children: "Response Time" }),
29614
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_agent_list_view_header_tokens", children: "Tokens" })
29598
29615
  ] }),
29599
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-id": "dashboard_agent_list_view_body", children: data.slice(0, visibleCount).map((agent2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29616
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-test-id": "dashboard_agent_list_view_body", children: data.slice(0, visibleCount).map((agent2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29600
29617
  "div",
29601
29618
  {
29602
29619
  className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",
29603
- "data-id": `dashboard_agent_list_view_row_${index}`,
29620
+ "data-test-id": `dashboard_agent_list_view_row_${index}`,
29604
29621
  children: [
29605
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-id": `dashboard_agent_list_view_row_name_${index}`, children: [
29606
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-id": `dashboard_agent_list_view_row_avatar_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29622
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-test-id": `dashboard_agent_list_view_row_name_${index}`, children: [
29623
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-test-id": `dashboard_agent_list_view_row_avatar_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29607
29624
  IconPreview,
29608
29625
  {
29609
29626
  icon: agent2.icon,
@@ -29612,21 +29629,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29612
29629
  name: agent2.name || "Unknown Agent"
29613
29630
  }
29614
29631
  ) }),
29615
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 w-full", "data-id": `dashboard_agent_list_view_row_name_text_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", children: agent2.name || "Unknown Agent" }) })
29632
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 w-full", "data-test-id": `dashboard_agent_list_view_row_name_text_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", children: agent2.name || "Unknown Agent" }) })
29616
29633
  ] }),
29617
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_agent_list_view_row_runs_${index}`, children: agent2.runs ? formatValue2(agent2.runs) : "-" }),
29618
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_agent_list_view_row_response_time_${index}`, children: agent2.responseTime || "-" }),
29619
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_agent_list_view_row_tokens_${index}`, children: agent2.tokens ? formatValue2(agent2.tokens) : "-" })
29634
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_agent_list_view_row_runs_${index}`, children: agent2.runs ? formatValue2(agent2.runs) : "-" }),
29635
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_agent_list_view_row_response_time_${index}`, children: agent2.responseTime || "-" }),
29636
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_agent_list_view_row_tokens_${index}`, children: agent2.tokens ? formatValue2(agent2.tokens) : "-" })
29620
29637
  ]
29621
29638
  },
29622
29639
  agent2.id || index
29623
29640
  )) }),
29624
- visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": "dashboard_agent_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29641
+ visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": "dashboard_agent_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29625
29642
  "button",
29626
29643
  {
29627
29644
  onClick: loadMore,
29628
29645
  className: "px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",
29629
- "data-id": "dashboard_agent_list_view_load_more_btn",
29646
+ "data-test-id": "dashboard_agent_list_view_load_more_btn",
29630
29647
  children: "Load 10 more"
29631
29648
  }
29632
29649
  ) })
@@ -29670,21 +29687,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29670
29687
  }
29671
29688
  return value.toString();
29672
29689
  };
29673
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-id": "dashboard_tool_list_view_root", children: [
29674
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-id": "dashboard_tool_list_view_header", children: [
29675
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-id": "dashboard_tool_list_view_header_name", children: "Name" }),
29676
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_tool_list_view_header_type", children: "Type" }),
29677
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_tool_list_view_header_runs", children: "Runs" }),
29678
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_tool_list_view_header_response_time", children: "Response Time" })
29690
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-test-id": "dashboard_tool_list_view_root", children: [
29691
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-test-id": "dashboard_tool_list_view_header", children: [
29692
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-test-id": "dashboard_tool_list_view_header_name", children: "Name" }),
29693
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_tool_list_view_header_type", children: "Type" }),
29694
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_tool_list_view_header_runs", children: "Runs" }),
29695
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_tool_list_view_header_response_time", children: "Response Time" })
29679
29696
  ] }),
29680
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-id": "dashboard_tool_list_view_body", children: data.slice(0, visibleCount).map((tool, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29697
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-test-id": "dashboard_tool_list_view_body", children: data.slice(0, visibleCount).map((tool, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29681
29698
  "div",
29682
29699
  {
29683
29700
  className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",
29684
- "data-id": `dashboard_tool_list_view_row_${index}`,
29701
+ "data-test-id": `dashboard_tool_list_view_row_${index}`,
29685
29702
  children: [
29686
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-id": `dashboard_tool_list_view_row_name_${index}`, children: [
29687
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-id": `dashboard_tool_list_view_row_icon_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29703
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-test-id": `dashboard_tool_list_view_row_name_${index}`, children: [
29704
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-test-id": `dashboard_tool_list_view_row_icon_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29688
29705
  IconPreview,
29689
29706
  {
29690
29707
  icon: tool.icon,
@@ -29694,24 +29711,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29694
29711
  toolType: tool["toolType"] || tool["type"]
29695
29712
  }
29696
29713
  ) }),
29697
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 w-full", "data-id": `dashboard_tool_list_view_row_name_text_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", children: tool.name || "Unknown Tool" }) })
29714
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 w-full", "data-test-id": `dashboard_tool_list_view_row_name_text_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", children: tool.name || "Unknown Tool" }) })
29698
29715
  ] }),
29699
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center", "data-id": `dashboard_tool_list_view_row_type_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(
29716
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center", "data-test-id": `dashboard_tool_list_view_row_type_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(
29700
29717
  "inline-flex items-center px-[10px] py-[4px] rounded-full text-xs font-medium border",
29701
29718
  getToolTypeStyle(tool["toolType"] || tool["type"] || "Default")
29702
- ), "data-id": `dashboard_tool_list_view_row_type_badge_${index}`, children: getToolTypeName(tool["toolType"] || tool["type"] || "Default") }) }),
29703
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_tool_list_view_row_runs_${index}`, children: tool.runs ? formatValue2(tool.runs) : "-" }),
29704
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_tool_list_view_row_response_time_${index}`, children: tool.responseTime || "-" })
29719
+ ), "data-test-id": `dashboard_tool_list_view_row_type_badge_${index}`, children: getToolTypeName(tool["toolType"] || tool["type"] || "Default") }) }),
29720
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_tool_list_view_row_runs_${index}`, children: tool.runs ? formatValue2(tool.runs) : "-" }),
29721
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_tool_list_view_row_response_time_${index}`, children: tool.responseTime || "-" })
29705
29722
  ]
29706
29723
  },
29707
29724
  tool.id || index
29708
29725
  )) }),
29709
- visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": "dashboard_tool_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29726
+ visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": "dashboard_tool_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29710
29727
  "button",
29711
29728
  {
29712
29729
  onClick: loadMore,
29713
29730
  className: "px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",
29714
- "data-id": "dashboard_tool_list_view_load_more_btn",
29731
+ "data-test-id": "dashboard_tool_list_view_load_more_btn",
29715
29732
  children: "Load 10 more"
29716
29733
  }
29717
29734
  ) })
@@ -29851,44 +29868,44 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
29851
29868
  }
29852
29869
  return value.toString();
29853
29870
  };
29854
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-id": "dashboard_model_list_view_root", children: [
29855
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-id": "dashboard_model_list_view_header", children: [
29856
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-id": "dashboard_model_list_view_header_name", children: "Model Name" }),
29857
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_model_list_view_header_runs", children: "Runs" }),
29858
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_model_list_view_header_tokens", children: "Tokens" }),
29859
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-id": "dashboard_model_list_view_header_response_time", children: "Response Time" })
29871
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full", className), "data-test-id": "dashboard_model_list_view_root", children: [
29872
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600", "data-test-id": "dashboard_model_list_view_header", children: [
29873
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", "data-test-id": "dashboard_model_list_view_header_name", children: "Model Name" }),
29874
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_model_list_view_header_runs", children: "Runs" }),
29875
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_model_list_view_header_tokens", children: "Tokens" }),
29876
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", "data-test-id": "dashboard_model_list_view_header_response_time", children: "Response Time" })
29860
29877
  ] }),
29861
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-id": "dashboard_model_list_view_body", children: data.slice(0, visibleCount).map((model, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29878
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-gray-100", "data-test-id": "dashboard_model_list_view_body", children: data.slice(0, visibleCount).map((model, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
29862
29879
  "div",
29863
29880
  {
29864
29881
  className: "grid grid-cols-4 items-center gap-4 px-[16px] py-[12px] cursor-pointer transition-colors duration-150 border-b border-gray-200",
29865
- "data-id": `dashboard_model_list_view_row_${index}`,
29882
+ "data-test-id": `dashboard_model_list_view_row_${index}`,
29866
29883
  children: [
29867
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-id": `dashboard_model_list_view_row_name_${index}`, children: [
29868
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-id": `dashboard_model_list_view_row_icon_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29884
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", "data-test-id": `dashboard_model_list_view_row_name_${index}`, children: [
29885
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-test-id": `dashboard_model_list_view_row_icon_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29869
29886
  ModelIcon,
29870
29887
  {
29871
29888
  provider: model.provider
29872
29889
  }
29873
29890
  ) }),
29874
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1 w-full", "data-id": `dashboard_model_list_view_row_name_text_${index}`, children: [
29875
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", "data-id": `dashboard_model_list_view_row_name_value_${index}`, children: model.name || model.modelName || "Unknown Model" }),
29876
- model.provider && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-500 truncate", "data-id": `dashboard_model_list_view_row_provider_${index}`, children: getProviderDisplayName(model.provider) })
29891
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1 w-full", "data-test-id": `dashboard_model_list_view_row_name_text_${index}`, children: [
29892
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-gray-700 truncate", "data-test-id": `dashboard_model_list_view_row_name_value_${index}`, children: model.name || model.modelName || "Unknown Model" }),
29893
+ model.provider && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-500 truncate", "data-test-id": `dashboard_model_list_view_row_provider_${index}`, children: getProviderDisplayName(model.provider) })
29877
29894
  ] })
29878
29895
  ] }),
29879
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_model_list_view_row_runs_${index}`, children: formatValue2(model.runs || 0) }),
29880
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_model_list_view_row_tokens_${index}`, children: formatValue2(model.tokens || model.totalTokens || 0) }),
29881
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-id": `dashboard_model_list_view_row_response_time_${index}`, children: model.responseTime || (model.avgResponseTime ? `${model.avgResponseTime}ms` : "N/A") })
29896
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_model_list_view_row_runs_${index}`, children: formatValue2(model.runs || 0) }),
29897
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_model_list_view_row_tokens_${index}`, children: formatValue2(model.tokens || model.totalTokens || 0) }),
29898
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center font-medium text-xs text-gray-700", "data-test-id": `dashboard_model_list_view_row_response_time_${index}`, children: model.responseTime || (model.avgResponseTime ? `${model.avgResponseTime}ms` : "N/A") })
29882
29899
  ]
29883
29900
  },
29884
29901
  model.id || index
29885
29902
  )) }),
29886
- visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": "dashboard_model_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29903
+ visibleCount < data.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": "dashboard_model_list_view_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29887
29904
  "button",
29888
29905
  {
29889
29906
  onClick: loadMore,
29890
29907
  className: "px-[16px] py-[8px] text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors duration-150",
29891
- "data-id": "dashboard_model_list_view_load_more_btn",
29908
+ "data-test-id": "dashboard_model_list_view_load_more_btn",
29892
29909
  children: "Load 10 more"
29893
29910
  }
29894
29911
  ) })
@@ -30010,7 +30027,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
30010
30027
  {
30011
30028
  className: "fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300",
30012
30029
  onClick: handleClose,
30013
- "data-id": "dashboard_runs_slider_overlay"
30030
+ "data-test-id": "dashboard_runs_slider_overlay"
30014
30031
  }
30015
30032
  ),
30016
30033
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -30021,42 +30038,42 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
30021
30038
  isOpen ? "translate-x-0" : "translate-x-full",
30022
30039
  className
30023
30040
  ),
30024
- "data-id": "dashboard_runs_slider_panel",
30041
+ "data-test-id": "dashboard_runs_slider_panel",
30025
30042
  children: [
30026
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-[#d0d5dd]", "data-id": "dashboard_runs_slider_header", children: [
30027
- /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-[#101828]", "data-id": "dashboard_runs_slider_title", children: config2.title }),
30043
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-[#d0d5dd]", "data-test-id": "dashboard_runs_slider_header", children: [
30044
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-[#101828]", "data-test-id": "dashboard_runs_slider_title", children: config2.title }),
30028
30045
  /* @__PURE__ */ jsxRuntimeExports.jsx(
30029
30046
  "button",
30030
30047
  {
30031
30048
  onClick: handleClose,
30032
30049
  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
30033
- "data-id": "dashboard_runs_slider_close_btn",
30050
+ "data-test-id": "dashboard_runs_slider_close_btn",
30034
30051
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-5 w-5 text-[#101828]" })
30035
30052
  }
30036
30053
  )
30037
30054
  ] }),
30038
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-[calc(100%-64px)] p-6 gap-6", "data-id": "dashboard_runs_slider_content", children: [
30039
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", "data-id": "dashboard_runs_slider_subheader", children: [
30040
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm font-medium text-[#344054]", "data-id": "dashboard_runs_slider_date_label", children: [
30055
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-[calc(100%-64px)] p-6 gap-6", "data-test-id": "dashboard_runs_slider_content", children: [
30056
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", "data-test-id": "dashboard_runs_slider_subheader", children: [
30057
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm font-medium text-[#344054]", "data-test-id": "dashboard_runs_slider_date_label", children: [
30041
30058
  config2.title,
30042
30059
  " (",
30043
30060
  formatDate(date2),
30044
30061
  ")"
30045
30062
  ] }),
30046
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[210px] relative filter-dropdown", "data-id": "dashboard_runs_slider_filter_dropdown", children: [
30063
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[210px] relative filter-dropdown", "data-test-id": "dashboard_runs_slider_filter_dropdown", children: [
30047
30064
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
30048
30065
  "button",
30049
30066
  {
30050
30067
  onClick: () => setShowFilterDropdown(!showFilterDropdown),
30051
30068
  className: "w-full bg-white border border-[#d0d5dd] rounded-lg px-3.5 py-2.5 flex items-center justify-between text-sm text-[#101828] hover:bg-gray-50 transition-colors",
30052
- "data-id": "dashboard_runs_slider_filter_btn",
30069
+ "data-test-id": "dashboard_runs_slider_filter_btn",
30053
30070
  children: [
30054
30071
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: selectedFilterLabel }),
30055
30072
  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-4 w-4 text-[#101828]" })
30056
30073
  ]
30057
30074
  }
30058
30075
  ),
30059
- showFilterDropdown && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-[#d0d5dd] rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto", "data-id": "dashboard_runs_slider_filter_menu", children: filterOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
30076
+ showFilterDropdown && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-[#d0d5dd] rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto", "data-test-id": "dashboard_runs_slider_filter_menu", children: filterOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
30060
30077
  "button",
30061
30078
  {
30062
30079
  onClick: () => handleFilterSelect(option.value),
@@ -30064,26 +30081,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
30064
30081
  "w-full px-3.5 py-2.5 text-left text-sm hover:bg-gray-50 transition-colors",
30065
30082
  selectedFilter === option.value ? "bg-blue-50 text-blue-700" : "text-[#101828]"
30066
30083
  ),
30067
- "data-id": `dashboard_runs_slider_filter_option_${option.value}`,
30084
+ "data-test-id": `dashboard_runs_slider_filter_option_${option.value}`,
30068
30085
  children: option.label
30069
30086
  },
30070
30087
  option.value
30071
30088
  )) })
30072
30089
  ] })
30073
30090
  ] }),
30074
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden", "data-id": "dashboard_runs_slider_table_container", children: [
30075
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-[#f9fafb] border-b border-[#eaecf0] px-2 py-2", "data-id": "dashboard_runs_slider_table_header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 gap-3 items-center", "data-id": "dashboard_runs_slider_table_header_row", children: [
30076
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2 px-0 py-2", "data-id": "dashboard_runs_slider_table_header_name", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Name" }) }),
30077
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center px-0 py-2", "data-id": "dashboard_runs_slider_table_header_runs", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Runs" }) }),
30078
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center px-0 py-2", "data-id": "dashboard_runs_slider_table_header_response_time", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Response Time" }) })
30091
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden", "data-test-id": "dashboard_runs_slider_table_container", children: [
30092
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-[#f9fafb] border-b border-[#eaecf0] px-2 py-2", "data-test-id": "dashboard_runs_slider_table_header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 gap-3 items-center", "data-test-id": "dashboard_runs_slider_table_header_row", children: [
30093
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2 px-0 py-2", "data-test-id": "dashboard_runs_slider_table_header_name", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Name" }) }),
30094
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center px-0 py-2", "data-test-id": "dashboard_runs_slider_table_header_runs", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Runs" }) }),
30095
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center px-0 py-2", "data-test-id": "dashboard_runs_slider_table_header_response_time", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: "Response Time" }) })
30079
30096
  ] }) }),
30080
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-y-auto max-h-[calc(100%-40px)]", "data-id": "dashboard_runs_slider_table_body", children: visibleData.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-64 text-center", "data-id": "dashboard_runs_slider_empty_state", children: [
30081
- /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-md font-medium text-gray-900 mb-[8px]", "data-id": "dashboard_runs_slider_empty_state_title", children: [
30097
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-y-auto max-h-[calc(100%-40px)]", "data-test-id": "dashboard_runs_slider_table_body", children: visibleData.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-64 text-center", "data-test-id": "dashboard_runs_slider_empty_state", children: [
30098
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-md font-medium text-gray-900 mb-[8px]", "data-test-id": "dashboard_runs_slider_empty_state_title", children: [
30082
30099
  "No ",
30083
30100
  config2.title.toLowerCase(),
30084
30101
  " for this date"
30085
30102
  ] }),
30086
- /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500", "data-id": "dashboard_runs_slider_empty_state_message", children: [
30103
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500", "data-test-id": "dashboard_runs_slider_empty_state_message", children: [
30087
30104
  "There were no ",
30088
30105
  config2.title.toLowerCase(),
30089
30106
  " recorded on ",
@@ -30095,10 +30112,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
30095
30112
  "div",
30096
30113
  {
30097
30114
  className: "grid grid-cols-4 gap-3 items-center px-2 py-3 border-b border-[#eaecf0] hover:bg-gray-50 transition-colors",
30098
- "data-id": `dashboard_runs_slider_table_row_${index}`,
30115
+ "data-test-id": `dashboard_runs_slider_table_row_${index}`,
30099
30116
  children: [
30100
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-2 flex items-center gap-2", "data-id": `dashboard_runs_slider_table_row_name_${index}`, children: [
30101
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-id": `dashboard_runs_slider_table_row_avatar_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
30117
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-2 flex items-center gap-2", "data-test-id": `dashboard_runs_slider_table_row_name_${index}`, children: [
30118
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-test-id": `dashboard_runs_slider_table_row_avatar_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
30102
30119
  IconPreview,
30103
30120
  {
30104
30121
  icon: item.icon,
@@ -30110,23 +30127,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
30110
30127
  modelName: item.modelName
30111
30128
  }
30112
30129
  ) }),
30113
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", "data-id": `dashboard_runs_slider_table_row_name_text_${index}`, children: [
30130
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", "data-test-id": `dashboard_runs_slider_table_row_name_text_${index}`, children: [
30114
30131
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-medium text-[#101828] truncate", children: item.name }),
30115
- metricType === "modelRuns" && item.provider && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-[#475467] truncate", "data-id": `dashboard_runs_slider_table_row_provider_${index}`, children: item.provider })
30132
+ metricType === "modelRuns" && item.provider && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-[#475467] truncate", "data-test-id": `dashboard_runs_slider_table_row_provider_${index}`, children: item.provider })
30116
30133
  ] })
30117
30134
  ] }),
30118
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": `dashboard_runs_slider_table_row_runs_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: formatValue(item.runs) }) }),
30119
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": `dashboard_runs_slider_table_row_response_time_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: item.responseTime }) })
30135
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": `dashboard_runs_slider_table_row_runs_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: formatValue(item.runs) }) }),
30136
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": `dashboard_runs_slider_table_row_response_time_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-[#475467]", children: item.responseTime }) })
30120
30137
  ]
30121
30138
  },
30122
30139
  item.id || index
30123
30140
  )),
30124
- visibleCount < filteredData.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-id": "dashboard_runs_slider_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
30141
+ visibleCount < filteredData.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", "data-test-id": "dashboard_runs_slider_load_more_container", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
30125
30142
  "button",
30126
30143
  {
30127
30144
  onClick: loadMore,
30128
30145
  className: "bg-white border border-[#d0d5dd] rounded px-3 py-1 text-xs font-medium text-[#344054] hover:bg-gray-50 transition-colors",
30129
- "data-id": "dashboard_runs_slider_load_more_btn",
30146
+ "data-test-id": "dashboard_runs_slider_load_more_btn",
30130
30147
  children: "Load 10 more"
30131
30148
  }
30132
30149
  ) })
@@ -31744,7 +31761,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
31744
31761
  }
31745
31762
  };
31746
31763
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
31747
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("w-full", className), "data-id": "dashboard_view_renderer_root", children: renderView() }),
31764
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("w-full", className), "data-test-id": "dashboard_view_renderer_root", children: renderView() }),
31748
31765
  /* @__PURE__ */ jsxRuntimeExports.jsx(
31749
31766
  RunsSlider,
31750
31767
  {
@@ -32157,7 +32174,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32157
32174
  }
32158
32175
  return { maxItems: 40, maxLabelLength: 25 };
32159
32176
  };
32160
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex items-center gap-3", className), "data-id": "dashboard_section_controls", children: [
32177
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex items-center gap-3", className), "data-test-id": "dashboard_section_controls", children: [
32161
32178
  dropdown && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: dropdown.multiSelect ? /* @__PURE__ */ jsxRuntimeExports.jsx(
32162
32179
  MultiSelect,
32163
32180
  {
@@ -32185,7 +32202,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32185
32202
  className: "w-48"
32186
32203
  }
32187
32204
  ) }),
32188
- buttons && buttons.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center border border-gray-200 rounded-lg overflow-hidden", "data-id": "dashboard_section_controls_button_group", children: buttons.map((button, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
32205
+ buttons && buttons.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center border border-gray-200 rounded-lg overflow-hidden", "data-test-id": "dashboard_section_controls_button_group", children: buttons.map((button, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
32189
32206
  "button",
32190
32207
  {
32191
32208
  onClick: () => {
@@ -32198,12 +32215,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32198
32215
  button.active ? "bg-white text-gray-900 shadow-[0 1px 3px 0 rgba(16, 24, 40, 0.08), 0 1px 2px 0 rgba(16, 24, 40, 0.08)]" : "text-gray-500 bg-white",
32199
32216
  index > 0 && "border-l border-gray-200"
32200
32217
  ),
32201
- "data-id": `dashboard_section_controls_btn_${button.value}`,
32218
+ "data-test-id": `dashboard_section_controls_btn_${button.value}`,
32202
32219
  children: button.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mr-[8px]", children: button.icon })
32203
32220
  },
32204
32221
  button.value
32205
32222
  )) }),
32206
- toggle && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px] border border-gray-200 bg-gray-50 overflow-hidden p-[2px] rounded-[6px]", "data-id": "dashboard_section_controls_view_toggle", children: [
32223
+ toggle && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px] border border-gray-200 bg-gray-50 overflow-hidden p-[2px] rounded-[6px]", "data-test-id": "dashboard_section_controls_view_toggle", children: [
32207
32224
  /* @__PURE__ */ jsxRuntimeExports.jsx(
32208
32225
  "button",
32209
32226
  {
@@ -32216,7 +32233,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32216
32233
  "hover:bg-white ",
32217
32234
  toggle.chartView ? "bg-white text-gray-900 shadow-md" : "text-gray-500 bg-white"
32218
32235
  ),
32219
- "data-id": "dashboard_section_controls_view_toggle_btn_chart",
32236
+ "data-test-id": "dashboard_section_controls_view_toggle_btn_chart",
32220
32237
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(BarChart3, { className: "w-[16px] h-[16px]" })
32221
32238
  }
32222
32239
  ),
@@ -32232,7 +32249,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32232
32249
  "hover:bg-white ",
32233
32250
  toggle.tableView ? "bg-white text-gray-900 shadow-md" : "text-gray-500 bg-white"
32234
32251
  ),
32235
- "data-id": "dashboard_section_controls_view_toggle_btn_table",
32252
+ "data-test-id": "dashboard_section_controls_view_toggle_btn_table",
32236
32253
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, { className: "w-[16px] h-[16px]" })
32237
32254
  }
32238
32255
  )
@@ -32846,18 +32863,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32846
32863
  gridColumn: (layout == null ? void 0 : layout.span) ? `span ${layout.span}` : void 0,
32847
32864
  order: layout == null ? void 0 : layout.order
32848
32865
  },
32849
- "data-id": `dashboard_section_${id}`,
32866
+ "data-test-id": `dashboard_section_${id}`,
32850
32867
  children: [
32851
- title && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full", "data-id": `dashboard_section_header_${id}`, children: [
32852
- /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-md font-medium text-gray-700", "data-id": `dashboard_section_title_${id}`, children: title }),
32853
- description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500", "data-id": `dashboard_section_description_${id}`, children: description })
32868
+ title && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full", "data-test-id": `dashboard_section_header_${id}`, children: [
32869
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-md font-medium text-gray-700", "data-test-id": `dashboard_section_title_${id}`, children: title }),
32870
+ description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500", "data-test-id": `dashboard_section_description_${id}`, children: description })
32854
32871
  ] }),
32855
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col sm:flex-row gap-[16px]", "data-id": `dashboard_section_metrics_${id}`, children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
32856
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": `dashboard_section_metric_skeleton_${id}_0`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32857
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": `dashboard_section_metric_skeleton_${id}_1`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32858
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": `dashboard_section_metric_skeleton_${id}_2`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32859
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": `dashboard_section_metric_skeleton_${id}_3`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) })
32860
- ] }) : getUpdatedMetrics().map((metric, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": `dashboard_section_metric_${id}_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
32872
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col sm:flex-row gap-[16px]", "data-test-id": `dashboard_section_metrics_${id}`, children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
32873
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": `dashboard_section_metric_skeleton_${id}_0`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32874
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": `dashboard_section_metric_skeleton_${id}_1`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32875
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": `dashboard_section_metric_skeleton_${id}_2`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) }),
32876
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": `dashboard_section_metric_skeleton_${id}_3`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetricCardSkeleton, {}) })
32877
+ ] }) : getUpdatedMetrics().map((metric, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": `dashboard_section_metric_${id}_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
32861
32878
  MetricCard,
32862
32879
  {
32863
32880
  data: metric,
@@ -32865,8 +32882,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
32865
32882
  isFirst: index === 0
32866
32883
  }
32867
32884
  ) }, `${id}-metric-${index}`)) }),
32868
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", "data-id": `dashboard_section_subtitle_${id}`, children: [
32869
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-id": `dashboard_section_current_metric_${id}`, children: getCurrentMetric() && /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-md font-medium text-gray-700", "data-id": `dashboard_section_current_metric_title_${id}`, children: (_a = getCurrentMetric()) == null ? void 0 : _a.title }) }),
32885
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", "data-test-id": `dashboard_section_subtitle_${id}`, children: [
32886
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test-id": `dashboard_section_current_metric_${id}`, children: getCurrentMetric() && /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-md font-medium text-gray-700", "data-test-id": `dashboard_section_current_metric_title_${id}`, children: (_a = getCurrentMetric()) == null ? void 0 : _a.title }) }),
32870
32887
  enhancedControls && /* @__PURE__ */ jsxRuntimeExports.jsx(SectionControls, { config: enhancedControls })
32871
32888
  ] }),
32872
32889
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -33035,12 +33052,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
33035
33052
  var date2 = toDate(dirtyDate);
33036
33053
  return !isNaN(Number(date2));
33037
33054
  }
33038
- function endOfDay(dirtyDate) {
33039
- requiredArgs(1, arguments);
33040
- var date2 = toDate(dirtyDate);
33041
- date2.setHours(23, 59, 59, 999);
33042
- return date2;
33043
- }
33044
33055
  function startOfMonth(dirtyDate) {
33045
33056
  requiredArgs(1, arguments);
33046
33057
  var date2 = toDate(dirtyDate);
@@ -34530,19 +34541,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
34530
34541
  });
34531
34542
  const presets = [
34532
34543
  {
34533
- label: "Today",
34534
- value: "today",
34544
+ label: "Last 24 hours",
34545
+ value: "24h",
34535
34546
  dateRange: {
34536
- from: startOfDay(/* @__PURE__ */ new Date()),
34547
+ from: subDays(/* @__PURE__ */ new Date(), 1),
34537
34548
  to: /* @__PURE__ */ new Date()
34538
34549
  }
34539
34550
  },
34540
34551
  {
34541
- label: "Yesterday",
34542
- value: "yesterday",
34552
+ label: "Last 48 hours",
34553
+ value: "48h",
34543
34554
  dateRange: {
34544
- from: startOfDay(subDays(/* @__PURE__ */ new Date(), 1)),
34545
- to: endOfDay(subDays(/* @__PURE__ */ new Date(), 1))
34555
+ from: subDays(/* @__PURE__ */ new Date(), 2),
34556
+ to: /* @__PURE__ */ new Date()
34546
34557
  }
34547
34558
  },
34548
34559
  {
@@ -34843,20 +34854,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
34843
34854
  const getDropdownClasses = () => {
34844
34855
  return "fixed bg-white border border-gray-200 rounded-lg shadow-xl z-[99999]";
34845
34856
  };
34846
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `relative ${className}`, children: [
34857
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `relative shrink-0 ${className}`, children: [
34847
34858
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
34848
34859
  "button",
34849
34860
  {
34850
34861
  ref: triggerRef,
34851
34862
  onClick: () => handleOpenChange(!open),
34852
- className: `min-w-[200px] h-[40px] px-[12px] text-left border !border-gray-300 rounded-md shadow-sm bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center ${!date2 ? "text-gray-500" : "text-gray-900"}`,
34863
+ className: `w-full h-[40px] px-[14px] text-left border border-gray-300 rounded-[8px] bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center gap-[8px] ${!date2 ? "text-gray-400" : "text-gray-700"}`,
34853
34864
  children: [
34854
- /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "mr-2 h-[16px] w-[16px]" }),
34855
- (() => {
34865
+ /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "h-[20px] w-[20px] shrink-0" }),
34866
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-[14px] font-medium leading-[20px] overflow-hidden text-ellipsis whitespace-nowrap", children: (() => {
34856
34867
  const displayText = formatDateRange(date2, selectedPresetLabel);
34857
34868
  console.log("📅 Button display text:", { displayText, date: date2, selectedPresetLabel });
34858
34869
  return displayText;
34859
- })()
34870
+ })() }),
34871
+ /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 6L8 10L12 6", stroke: "#98A2B3", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }) })
34860
34872
  ]
34861
34873
  }
34862
34874
  ),
@@ -35218,6 +35230,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35218
35230
  } else if (typeof value === "string") {
35219
35231
  const daysMap = {
35220
35232
  "24h": 1,
35233
+ "48h": 2,
35221
35234
  "7d": 7,
35222
35235
  "30d": 30,
35223
35236
  "90d": 90
@@ -35251,13 +35264,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35251
35264
  onExport == null ? void 0 : onExport();
35252
35265
  };
35253
35266
  const isAnyChartLoading = Object.values(sectionChartLoading).some((loading) => loading);
35254
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full h-full flex flex-col overflow-hidden", className), "data-id": "dashboard_root", children: [
35255
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 w-full p-[24px] pb-[12px]", "data-id": "dashboard_header", children: [
35256
- /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-bold text-gray-900 w-full", "data-id": "dashboard_title", children: title }),
35257
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 w-full", "data-id": "dashboard_header_content", children: [
35258
- subtitle && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 text-xs w-full", "data-id": "dashboard_subtitle", children: subtitle }),
35259
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 justify-end flex-shrink-0", "data-id": "dashboard_global_controls", children: [
35260
- (isInitialLoading || isAnyChartLoading) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm medium text-gray-500", "data-id": "dashboard_loading_indicator", children: [
35267
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("w-full h-full flex flex-col overflow-hidden", className), "data-test-id": "dashboard_root", children: [
35268
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 w-full p-[24px] pb-[12px]", "data-test-id": "dashboard_header", children: [
35269
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-bold text-gray-900 w-full", "data-test-id": "dashboard_title", children: title }),
35270
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 w-full", "data-test-id": "dashboard_header_content", children: [
35271
+ subtitle && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 text-xs w-full", "data-test-id": "dashboard_subtitle", children: subtitle }),
35272
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 justify-end flex-shrink-0", "data-test-id": "dashboard_global_controls", children: [
35273
+ (isInitialLoading || isAnyChartLoading) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm medium text-gray-500", "data-test-id": "dashboard_loading_indicator", children: [
35261
35274
  /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "h-[16px] w-[16px] animate-spin" }),
35262
35275
  "Loading..."
35263
35276
  ] }),
@@ -35336,7 +35349,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35336
35349
  gridTemplateColumns: layout.responsive ? void 0 : `repeat(${layout.columns}, minmax(0, 1fr))`,
35337
35350
  gap: layout.gap ? `${layout.gap}px` : void 0
35338
35351
  },
35339
- "data-id": "dashboard_sections_grid",
35352
+ "data-test-id": "dashboard_sections_grid",
35340
35353
  children: dynamicSections.map((section) => {
35341
35354
  var _a2, _b, _c, _d;
35342
35355
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -35368,7 +35381,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35368
35381
  console.log("🔧 TracingApiService initialized:", {
35369
35382
  tracingUrl: config2.tracingUrl,
35370
35383
  projectId: config2.projectId,
35371
- hasAuth: !!config2.headers.authorization
35384
+ hasAuth: !!config2.headers.authorization,
35385
+ hasDynamicAuth: !!config2.getAuthHeaders
35372
35386
  });
35373
35387
  }
35374
35388
  /**
@@ -35378,15 +35392,36 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35378
35392
  const encodedInput = encodeURIComponent(JSON.stringify(input));
35379
35393
  return `${this.config.tracingUrl}/tracing/api/trpc/${endpoint}?input=${encodedInput}`;
35380
35394
  }
35395
+ /**
35396
+ * Get current headers, refreshing auth token if callback is provided
35397
+ */
35398
+ async getHeaders() {
35399
+ if (this.config.getAuthHeaders) {
35400
+ try {
35401
+ const authHeaders = await this.config.getAuthHeaders();
35402
+ return {
35403
+ ...this.config.headers,
35404
+ authorization: authHeaders.authorization,
35405
+ accountid: authHeaders.accountid,
35406
+ userId: authHeaders.userId || this.config.headers.userId || ""
35407
+ };
35408
+ } catch (error) {
35409
+ console.warn("⚠️ Failed to get fresh auth headers, using static headers:", error);
35410
+ return this.config.headers;
35411
+ }
35412
+ }
35413
+ return this.config.headers;
35414
+ }
35381
35415
  /**
35382
35416
  * Helper to make GET request with proper headers
35383
35417
  */
35384
35418
  async makeRequest(url) {
35385
35419
  var _a, _b, _c;
35386
35420
  console.log("📤 API Request:", url);
35421
+ const headers = await this.getHeaders();
35387
35422
  const response = await fetch(url, {
35388
35423
  method: "GET",
35389
- headers: this.config.headers
35424
+ headers
35390
35425
  });
35391
35426
  console.log("📥 API Response status:", response.status);
35392
35427
  if (!response.ok) {
@@ -35773,9 +35808,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
35773
35808
  try {
35774
35809
  const url = `${this.config.tracingUrl}/aaa/api/v1/apps/${this.config.projectId}/environments?rnd=${Math.random().toString(36).substring(2, 8)}`;
35775
35810
  console.log("🌍 Fetching environments for project:", this.config.projectId);
35811
+ const headers = await this.getHeaders();
35776
35812
  const response = await fetch(url, {
35777
35813
  method: "GET",
35778
- headers: this.config.headers
35814
+ headers
35779
35815
  });
35780
35816
  if (!response.ok) {
35781
35817
  const errorText = await response.text();
@@ -36446,28 +36482,40 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
36446
36482
  }
36447
36483
  function EmptyState(props) {
36448
36484
  const {
36449
- icon = "search",
36485
+ icon = "alert",
36450
36486
  title,
36451
36487
  description,
36452
36488
  actionLabel,
36453
36489
  onAction,
36454
36490
  className = ""
36455
36491
  } = props;
36456
- const Icon = icon === "search" ? FileSearch : Filter;
36457
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-col items-center justify-center h-full text-center p-8 ${className}`, children: [
36458
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "w-8 h-8 text-gray-400" }) }),
36459
- /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: title }),
36460
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500 max-w-md mb-6", children: description }),
36492
+ const renderIcon = () => {
36493
+ switch (icon) {
36494
+ case "search":
36495
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(FileSearch, { className: "w-[24px] h-[24px] text-gray-900", strokeWidth: 1.5 });
36496
+ case "filter":
36497
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(Filter, { className: "w-[24px] h-[24px] text-gray-900", strokeWidth: 1.5 });
36498
+ case "alert":
36499
+ default:
36500
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTriangle, { className: "w-[24px] h-[24px] text-gray-900", strokeWidth: 1.5 });
36501
+ }
36502
+ };
36503
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex flex-col items-center justify-center h-full w-full px-[24px] py-[16px] ${className}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[16px] items-center w-full", children: [
36504
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[48px] h-[48px] border border-gray-300 rounded-[10px] flex items-center justify-center shrink-0", children: renderIcon() }),
36505
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[4px] items-center text-center max-w-[352px]", children: [
36506
+ /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[16px] font-semibold leading-[24px] text-gray-900 whitespace-nowrap", children: title }),
36507
+ /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[14px] font-normal leading-[20px] text-gray-600 w-full", children: description })
36508
+ ] }),
36461
36509
  actionLabel && onAction && /* @__PURE__ */ jsxRuntimeExports.jsx(
36462
36510
  "button",
36463
36511
  {
36464
36512
  onClick: onAction,
36465
- className: "px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700",
36513
+ className: "mt-[8px] px-[16px] py-[10px] bg-gray-900 border border-gray-700 text-white text-[14px] font-medium leading-[20px] rounded-[8px] hover:bg-gray-800 transition-colors",
36466
36514
  "data-test-id": "empty-state-action-btn",
36467
36515
  children: actionLabel
36468
36516
  }
36469
36517
  )
36470
- ] });
36518
+ ] }) });
36471
36519
  }
36472
36520
  function LoadingSpinner(props) {
36473
36521
  const { message = "Loading...", className = "" } = props;
@@ -44087,7 +44135,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
44087
44135
  isInvisibleScrollbar: () => isInvisibleScrollbar,
44088
44136
  isMacOsUserAgent: () => isMacOsUserAgent
44089
44137
  });
44090
- var isSafari;
44138
+ var isSafari$1;
44091
44139
  var safariVersion;
44092
44140
  var isChrome;
44093
44141
  var isFirefox;
@@ -44096,10 +44144,10 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
44096
44144
  var invisibleScrollbar;
44097
44145
  var browserScrollbarWidth;
44098
44146
  function isBrowserSafari() {
44099
- if (isSafari === void 0) {
44100
- isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
44147
+ if (isSafari$1 === void 0) {
44148
+ isSafari$1 = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
44101
44149
  }
44102
- return isSafari;
44150
+ return isSafari$1;
44103
44151
  }
44104
44152
  function getSafariVersion() {
44105
44153
  if (safariVersion === void 0) {
@@ -104508,7 +104556,6 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104508
104556
  onRowClick,
104509
104557
  onSortChange,
104510
104558
  className = "",
104511
- emptyStateMessage = "No data available",
104512
104559
  hasInitiallyLoaded: hasInitiallyLoadedProp
104513
104560
  } = props;
104514
104561
  const hasInitiallyLoaded = hasInitiallyLoadedProp === true;
@@ -104588,8 +104635,16 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104588
104635
  }
104589
104636
  );
104590
104637
  }
104638
+ const showEmptyState = hasInitiallyLoaded && !loading && data.length === 0;
104591
104639
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-col h-full tracing-table-with-pagination rounded-[8px] border border-gray-300 ${className}`, children: [
104592
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 ag-theme-alpine relative w-full overflow-auto", children: [
104640
+ showEmptyState ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
104641
+ EmptyState,
104642
+ {
104643
+ icon: "alert",
104644
+ title: "There is no data to display for the selected filters",
104645
+ description: "Try adjusting the filters or ensure your agentic app is deployed and receiving traffic."
104646
+ }
104647
+ ) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 ag-theme-alpine relative w-full overflow-auto", children: [
104593
104648
  loading && hasInitiallyLoaded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
104594
104649
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }),
104595
104650
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 text-sm font-medium", children: "Loading..." })
@@ -104609,13 +104664,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104609
104664
  rowHeight: 52,
104610
104665
  animateRows: true,
104611
104666
  enableCellTextSelection: true,
104612
- suppressNoRowsOverlay: loading || !hasInitiallyLoaded,
104613
- overlayNoRowsTemplate: `<div class="flex flex-col items-center justify-center h-full text-gray-500">
104614
- <svg class="w-12 h-12 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
104615
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
104616
- </svg>
104617
- <p class="text-sm">${emptyStateMessage}</p>
104618
- </div>`
104667
+ suppressNoRowsOverlay: true
104619
104668
  }
104620
104669
  )
104621
104670
  ] }),
@@ -104693,7 +104742,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104693
104742
  title,
104694
104743
  description,
104695
104744
  searchConfig,
104696
- searchPlaceholder = "Search...",
104745
+ searchPlaceholder = "Search by Session ID, Trace ID ,...",
104697
104746
  searchValue = "",
104698
104747
  onSearchChange,
104699
104748
  showSearch = true,
@@ -104775,21 +104824,21 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104775
104824
  onTimeRangeChange(normalizedDateRange, presetLabel);
104776
104825
  }
104777
104826
  };
104778
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 w-full p-[24px] pb-[12px]", children: [
104779
- /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-bold text-gray-900 w-full", children: title }),
104780
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
104781
- /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 text-xs w-full", children: description }),
104782
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 justify-end shrink-0", children: [
104783
- showSearch && (useAdvancedSearch || onSearchChange) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-stretch h-[40px] border border-gray-300 bg-white rounded-md", children: [
104784
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center h-full", children: [
104827
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[8px] w-full pt-[24px] pb-[8px] px-[24px] bg-white", children: [
104828
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-[18px] font-semibold leading-[28px] text-gray-900", children: title }) }) }),
104829
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[16px] justify-end w-full", children: [
104830
+ /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "flex-1 min-w-0 text-[12px] font-normal leading-[16px] text-gray-600 overflow-hidden text-ellipsis line-clamp-1", children: description }),
104831
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] shrink-0", children: [
104832
+ showSearch && (useAdvancedSearch || onSearchChange) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-stretch h-[40px] border border-gray-300 bg-white rounded-[8px] w-[220px] overflow-hidden", children: [
104833
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 px-[14px] py-[10px] gap-[8px]", children: [
104785
104834
  /* @__PURE__ */ jsxRuntimeExports.jsx(
104786
104835
  "button",
104787
104836
  {
104788
104837
  onClick: handleSearchSubmit,
104789
- className: "flex items-center justify-center w-10 h-full text-gray-400 hover:text-gray-600 shrink-0",
104838
+ className: "flex items-center justify-center text-gray-500 hover:text-gray-600 shrink-0",
104790
104839
  title: "Search",
104791
104840
  type: "button",
104792
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "w-4 h-4" })
104841
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "w-[16px] h-[16px]", strokeWidth: 1.5 })
104793
104842
  }
104794
104843
  ),
104795
104844
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -104804,7 +104853,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104804
104853
  handleSearchSubmit();
104805
104854
  }
104806
104855
  },
104807
- className: "w-[160px] h-full pr-3 text-sm bg-transparent border-none outline-none",
104856
+ className: "flex-1 text-[14px] leading-[20px] text-gray-900 placeholder:text-gray-400 bg-transparent border-none outline-none overflow-hidden text-ellipsis whitespace-nowrap",
104808
104857
  "data-test-id": "tracing-list-search-input"
104809
104858
  }
104810
104859
  )
@@ -104850,23 +104899,23 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104850
104899
  /* @__PURE__ */ jsxRuntimeExports.jsx(
104851
104900
  TailwindDateRangePicker,
104852
104901
  {
104853
- defaultValue: typeof timeRange === "string" ? timeRange === "7 days" ? "7d" : timeRange === "30 days" ? "30d" : timeRange === "90 days" ? "30d" : timeRange === "24 hours" ? "today" : timeRange === "1 hour" ? "today" : "7d" : "7d",
104902
+ defaultValue: typeof timeRange === "string" ? timeRange === "7 days" ? "7d" : timeRange === "30 days" ? "30d" : timeRange === "90 days" ? "30d" : timeRange === "24 hours" ? "24h" : timeRange === "1 hour" ? "24h" : "7d" : "7d",
104854
104903
  value: typeof timeRange === "object" ? timeRange : void 0,
104855
104904
  presetLabel: timeRangePresetLabel,
104856
104905
  onDateRangeChange: handleDateRangeChange,
104857
- className: "min-w-[200px]"
104906
+ className: "w-[190px]"
104858
104907
  }
104859
104908
  ),
104860
104909
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
104861
104910
  "button",
104862
104911
  {
104863
104912
  onClick: onFiltersClick,
104864
- className: `inline-flex items-center h-[40px] px-4 border rounded-md text-sm font-medium ${TracingUtils.getActiveFiltersCount(filters) > 0 ? "border-blue-600 text-blue-700 bg-blue-50" : "!border-gray-300 text-gray-700 bg-white hover:bg-gray-50"}`,
104913
+ className: `inline-flex items-center justify-center h-[40px] px-[16px] py-[8px] gap-[8px] border rounded-[8px] text-[14px] font-medium leading-[20px] ${TracingUtils.getActiveFiltersCount(filters) > 0 ? "border-blue-600 text-blue-700 bg-blue-50" : "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"}`,
104865
104914
  "data-test-id": "tracing-list-filters-btn",
104866
104915
  children: [
104867
- /* @__PURE__ */ jsxRuntimeExports.jsx(Filter, { className: "w-4 h-4 mr-2" }),
104916
+ /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M1.33325 3.06667C1.33325 2.6933 1.33325 2.50661 1.40599 2.36401C1.46991 2.23856 1.57189 2.13658 1.69734 2.07266C1.83994 2 2.02663 2 2.39992 2H13.5999C13.9732 2 14.1599 2 14.3025 2.07266C14.4279 2.13658 14.5299 2.23856 14.5939 2.36401C14.6666 2.50661 14.6666 2.6933 14.6666 3.06667V3.51294C14.6666 3.69214 14.6666 3.78173 14.6447 3.86505C14.6253 3.93888 14.5933 4.00882 14.5503 4.07184C14.5016 4.14295 14.4339 4.20164 14.2986 4.31901L10.0348 8.01433C9.89929 8.1317 9.83154 8.19039 9.78291 8.26149C9.73989 8.32451 9.70798 8.39445 9.68859 8.46828C9.66659 8.5516 9.66659 8.64119 9.66659 8.82039V12.3056C9.66659 12.4359 9.66659 12.5011 9.64556 12.5575C9.62697 12.6073 9.59675 12.6519 9.55749 12.6877C9.51299 12.7281 9.45246 12.7524 9.33139 12.8008L7.06472 13.7074C6.81963 13.8054 6.69709 13.8545 6.59876 13.834C6.51276 13.8161 6.43728 13.765 6.38875 13.6918C6.33325 13.6081 6.33325 13.4761 6.33325 13.2122V8.82039C6.33325 8.64119 6.33325 8.5516 6.31126 8.46828C6.29187 8.39445 6.25996 8.32451 6.21693 8.26149C6.16831 8.19039 6.10055 8.1317 5.96505 8.01433L1.70127 4.319C1.56591 4.20164 1.49823 4.14295 1.44959 4.07184C1.40656 4.00882 1.37456 3.93888 1.35516 3.86505C1.33325 3.78173 1.33325 3.69214 1.33325 3.51294V3.06667Z", stroke: "currentColor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }) }),
104868
104917
  "Filters",
104869
- TracingUtils.getActiveFiltersCount(filters) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-0.5 bg-blue-600 text-white text-xs rounded-full", "data-test-id": "tracing-list-active-filters-count", children: TracingUtils.getActiveFiltersCount(filters) })
104918
+ TracingUtils.getActiveFiltersCount(filters) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-[8px] py-[2px] bg-blue-600 text-white text-[12px] leading-[16px] rounded-full", "data-test-id": "tracing-list-active-filters-count", children: TracingUtils.getActiveFiltersCount(filters) })
104870
104919
  ]
104871
104920
  }
104872
104921
  ),
@@ -104874,10 +104923,10 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104874
104923
  "button",
104875
104924
  {
104876
104925
  onClick: onModifyColumnsClick,
104877
- className: "inline-flex items-center justify-center w-10 h-10 p-0 border !border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
104926
+ className: "inline-flex items-center justify-center w-[40px] h-[40px] p-[8px] border border-gray-300 rounded-[8px] bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
104878
104927
  title: "Modify Columns",
104879
104928
  "data-test-id": "tracing-list-modify-columns-btn",
104880
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.33333 14L3.33333 10M3.33333 10C4.06971 10 4.66667 9.40305 4.66667 8.66667C4.66667 7.93029 4.06971 7.33333 3.33333 7.33333C2.59695 7.33333 2 7.93029 2 8.66667C2 9.40305 2.59695 10 3.33333 10ZM3.33333 4.66667V2M8 14V10M8 4.66667V2M8 4.66667C7.26362 4.66667 6.66667 5.26362 6.66667 6C6.66667 6.73638 7.26362 7.33333 8 7.33333C8.73638 7.33333 9.33333 6.73638 9.33333 6C9.33333 5.26362 8.73638 4.66667 8 4.66667ZM12.6667 14V11.3333M12.6667 11.3333C13.403 11.3333 14 10.7364 14 10C14 9.26362 13.403 8.66667 12.6667 8.66667C11.9303 8.66667 11.3333 9.26362 11.3333 10C11.3333 10.7364 11.9303 11.3333 12.6667 11.3333ZM12.6667 6V2", stroke: "#344054", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }) })
104929
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.33333 14L3.33333 10M3.33333 10C4.06971 10 4.66667 9.40305 4.66667 8.66667C4.66667 7.93029 4.06971 7.33333 3.33333 7.33333C2.59695 7.33333 2 7.93029 2 8.66667C2 9.40305 2.59695 10 3.33333 10ZM3.33333 4.66667V2M8 14V10M8 4.66667V2M8 4.66667C7.26362 4.66667 6.66667 5.26362 6.66667 6C6.66667 6.73638 7.26362 7.33333 8 7.33333C8.73638 7.33333 9.33333 6.73638 9.33333 6C9.33333 5.26362 8.73638 4.66667 8 4.66667ZM12.6667 14V11.3333M12.6667 11.3333C13.403 11.3333 14 10.7364 14 10C14 9.26362 13.403 8.66667 12.6667 8.66667C11.9303 8.66667 11.3333 9.26362 11.3333 10C11.3333 10.7364 11.9303 11.3333 12.6667 11.3333ZM12.6667 6V2", stroke: "#344054", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }) })
104881
104930
  }
104882
104931
  )
104883
104932
  ] })
@@ -104925,42 +104974,45 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104925
104974
  /* @__PURE__ */ jsxRuntimeExports.jsx(
104926
104975
  "div",
104927
104976
  {
104928
- className: "fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300 ease-in-out"
104977
+ className: "fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300 ease-in-out",
104978
+ onClick: handleCancel
104929
104979
  }
104930
104980
  ),
104931
104981
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
104932
104982
  "div",
104933
104983
  {
104934
- className: `fixed top-0 right-0 bottom-0 z-50 bg-white shadow-2xl flex flex-col animate-slideIn ${className}`,
104984
+ className: `fixed top-0 right-0 bottom-0 z-50 bg-white shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)] flex flex-col animate-slideIn ${className}`,
104935
104985
  style: { width: "540px" },
104936
104986
  children: [
104937
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-gray-300 h-[64px] shrink-0", children: [
104938
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Modify Columns" }) }),
104987
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[16px] px-[24px] py-[12px] border_default_bottom shrink-0", children: [
104988
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-[16px] flex-1 h-[44px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-[18px] font-semibold leading-[28px] text-gray-900 flex-1", children: "Modify Columns" }) }),
104939
104989
  /* @__PURE__ */ jsxRuntimeExports.jsx(
104940
104990
  "button",
104941
104991
  {
104942
104992
  onClick: handleCancel,
104943
- className: "p-1 rounded-md hover:bg-gray-100 flex items-center justify-center w-8 h-8",
104993
+ className: "w-[32px] h-[32px] flex items-center justify-center rounded-md hover:bg-gray-100",
104944
104994
  title: "Close",
104945
104995
  "data-test-id": "column-customization-close-btn",
104946
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-4 h-4 text-gray-900" })
104996
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-[16px] h-[16px] text-gray-900", strokeWidth: 2 })
104947
104997
  }
104948
104998
  )
104949
104999
  ] }),
104950
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
104951
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
104952
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
104953
- /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm font-medium text-gray-900", children: [
104954
- visibleCount,
104955
- "/",
104956
- totalCount
105000
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-[24px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[16px]", children: [
105001
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-[10px] w-full", children: [
105002
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] flex-1 whitespace-nowrap", children: [
105003
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[14px] leading-[20px]", children: [
105004
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-gray-900", children: [
105005
+ visibleCount,
105006
+ "/",
105007
+ totalCount
105008
+ ] }),
105009
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600", children: " columns selected" })
104957
105010
  ] }),
104958
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-600", children: "columns selected" }),
104959
105011
  /* @__PURE__ */ jsxRuntimeExports.jsx(
104960
105012
  "button",
104961
105013
  {
104962
105014
  onClick: handleClearSelection,
104963
- className: "text-sm font-medium text-blue-600 hover:text-blue-700 ml-2",
105015
+ className: "text-[14px] font-medium leading-[20px] text-blue-600 hover:text-blue-700",
104964
105016
  "data-test-id": "column-customization-clear-selection-btn",
104965
105017
  children: "Clear selection"
104966
105018
  }
@@ -104970,7 +105022,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104970
105022
  "button",
104971
105023
  {
104972
105024
  onClick: handleRevertToDefault,
104973
- className: "text-sm font-medium text-gray-700 hover:text-gray-900",
105025
+ className: "text-[14px] font-medium leading-[20px] text-gray-700 hover:text-gray-900 shrink-0",
104974
105026
  "data-test-id": "column-customization-revert-default-btn",
104975
105027
  children: "Revert to default"
104976
105028
  }
@@ -104982,57 +105034,64 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
104982
105034
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
104983
105035
  "div",
104984
105036
  {
104985
- className: "border-t border-gray-200 py-3 px-3",
104986
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: `flex items-center gap-3 ${isDisabled ? "cursor-not-allowed" : "cursor-pointer"}`, children: [
104987
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
104988
- "input",
104989
- {
104990
- type: "checkbox",
104991
- checked: isChecked,
104992
- disabled: isDisabled,
104993
- onChange: () => !isDisabled && toggleColumn(col.field),
104994
- className: `w-5 h-5 rounded-md border-2 ${isChecked ? isDisabled ? "bg-blue-200 border-blue-200" : "bg-blue-600 border-blue-600" : "bg-white border-gray-300"} ${isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} focus:ring-2 focus:ring-blue-500 focus:ring-offset-2`,
104995
- style: {
104996
- appearance: "none",
104997
- backgroundImage: isChecked ? `url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4.5 8L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")` : "none",
104998
- backgroundRepeat: "no-repeat",
104999
- backgroundPosition: "center"
105000
- },
105001
- "data-test-id": `column-customization-checkbox-${col.field}`
105002
- }
105003
- ) }),
105004
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105037
+ className: "border_secondary_top border_secondary_bottom p-[12px] -mb-px first:mb-0",
105038
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: `flex items-start gap-[12px] ${isDisabled ? "cursor-not-allowed" : "cursor-pointer"}`, children: [
105039
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center shrink-0", children: [
105040
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
105041
+ "div",
105042
+ {
105043
+ className: `w-[20px] h-[20px] rounded-[6px] flex items-center justify-center transition-colors ${isChecked ? isDisabled ? "bg-blue-200 border border-blue-200" : "bg-blue-600 border border-blue-600" : "bg-white border border-gray-300"} ${isDisabled ? "opacity-50" : ""}`,
105044
+ onClick: () => !isDisabled && toggleColumn(col.field),
105045
+ children: isChecked && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "w-[14px] h-[14px] text-white", strokeWidth: 2.5 })
105046
+ }
105047
+ ),
105048
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
105049
+ "input",
105050
+ {
105051
+ type: "checkbox",
105052
+ checked: isChecked,
105053
+ disabled: isDisabled,
105054
+ onChange: () => !isDisabled && toggleColumn(col.field),
105055
+ className: "sr-only",
105056
+ "data-test-id": `column-customization-checkbox-${col.field}`
105057
+ }
105058
+ )
105059
+ ] }),
105060
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
105005
105061
  "span",
105006
105062
  {
105007
- className: `text-sm font-medium ${isDisabled ? "text-gray-400" : "text-gray-700"}`,
105063
+ className: `flex-1 text-[14px] font-medium leading-[20px] ${isDisabled ? "text-gray-700" : "text-gray-700"}`,
105008
105064
  children: col.headerName
105009
105065
  }
105010
- ) })
105066
+ )
105011
105067
  ] })
105012
105068
  },
105013
105069
  col.field
105014
105070
  );
105015
105071
  }) })
105016
105072
  ] }) }),
105017
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-gray-300 px-6 py-3 flex items-center justify-end gap-2 h-[64px] shrink-0", children: [
105018
- /* @__PURE__ */ jsxRuntimeExports.jsx(
105019
- "button",
105020
- {
105021
- onClick: handleCancel,
105022
- className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50",
105023
- "data-test-id": "column-customization-cancel-btn",
105024
- children: "Cancel"
105025
- }
105026
- ),
105027
- /* @__PURE__ */ jsxRuntimeExports.jsx(
105028
- "button",
105029
- {
105030
- onClick: handleSave,
105031
- className: "px-4 py-2 text-sm font-medium text-white bg-gray-900 border border-gray-700 rounded-lg hover:bg-gray-800",
105032
- "data-test-id": "column-customization-save-btn",
105033
- children: "Save"
105034
- }
105035
- )
105073
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] px-[24px] py-[12px] border_default_top shrink-0", children: [
105074
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
105075
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", children: [
105076
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
105077
+ "button",
105078
+ {
105079
+ onClick: handleCancel,
105080
+ className: "px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-gray-700 bg-white border border-gray-300 rounded-[8px] hover:bg-gray-50",
105081
+ "data-test-id": "column-customization-cancel-btn",
105082
+ children: "Cancel"
105083
+ }
105084
+ ),
105085
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
105086
+ "button",
105087
+ {
105088
+ onClick: handleSave,
105089
+ className: "px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-white bg-gray-900 border border-gray-700 rounded-[8px] hover:bg-gray-800",
105090
+ "data-test-id": "column-customization-save-btn",
105091
+ children: "Save"
105092
+ }
105093
+ )
105094
+ ] })
105036
105095
  ] })
105037
105096
  ]
105038
105097
  }
@@ -105145,8 +105204,8 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105145
105204
  {
105146
105205
  type: "text",
105147
105206
  disabled: true,
105148
- placeholder: "Enter value",
105149
- className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-lg text-sm text-gray-400 bg-gray-50"
105207
+ placeholder: "Enter Value",
105208
+ className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-[8px] text-[14px] leading-[20px] text-gray-400 bg-white"
105150
105209
  }
105151
105210
  );
105152
105211
  }
@@ -105178,7 +105237,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105178
105237
  const date2 = e.target.value ? new Date(e.target.value).toISOString() : "";
105179
105238
  handleFilterChange(index, "value", date2);
105180
105239
  },
105181
- className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-lg text-sm text-gray-900 bg-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105240
+ className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-[8px] text-[14px] leading-[20px] text-gray-900 bg-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105182
105241
  "data-test-id": `filter-panel-datetime-input-${index}`
105183
105242
  }
105184
105243
  );
@@ -105192,8 +105251,8 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105192
105251
  const numValue = e.target.value === "" ? void 0 : Number(e.target.value);
105193
105252
  handleFilterChange(index, "value", numValue);
105194
105253
  },
105195
- placeholder: "Enter value",
105196
- className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-lg text-sm text-gray-900 bg-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105254
+ placeholder: "Enter Value",
105255
+ className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-[8px] text-[14px] leading-[20px] text-gray-900 bg-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105197
105256
  "data-test-id": `filter-panel-number-input-${index}`
105198
105257
  }
105199
105258
  );
@@ -105220,8 +105279,8 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105220
105279
  type: "text",
105221
105280
  value: filter.value ?? "",
105222
105281
  onChange: (e) => handleFilterChange(index, "value", e.target.value),
105223
- placeholder: "Enter value",
105224
- className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-lg text-sm text-gray-900 bg-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105282
+ placeholder: "Enter Value",
105283
+ className: "w-full h-[40px] px-[14px] py-[10px] border border-gray-300 rounded-[8px] text-[14px] leading-[20px] text-gray-900 bg-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
105225
105284
  "data-test-id": `filter-panel-text-input-${index}`
105226
105285
  }
105227
105286
  );
@@ -105231,24 +105290,24 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105231
105290
  return operator;
105232
105291
  };
105233
105292
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `bg-white shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)] w-full h-full flex flex-col ${className}`, children: [
105234
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-gray-300 h-[64px] shrink-0", children: [
105235
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
105236
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-10 h-10 border border-gray-300 rounded-lg flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "18", height: "17", viewBox: "0 0 18 17", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M0.650146 1.98372C0.650146 1.51701 0.650146 1.28366 0.740974 1.1054C0.820869 0.948597 0.948353 0.821113 1.10515 0.741219C1.28341 0.650391 1.51677 0.650391 1.98348 0.650391H15.9835C16.4502 0.650391 16.6835 0.650391 16.8618 0.741219C17.0186 0.821113 17.1461 0.948597 17.226 1.1054C17.3168 1.28366 17.3168 1.51701 17.3168 1.98372V2.54155C17.3168 2.76555 17.3168 2.87755 17.2894 2.98169C17.2652 3.07398 17.2253 3.16142 17.1714 3.24019C17.1106 3.32908 17.026 3.40243 16.8567 3.54914L11.5269 8.16831C11.3576 8.31501 11.273 8.38836 11.2122 8.47726C11.1584 8.55603 11.1184 8.64347 11.0942 8.73576C11.0668 8.8399 11.0668 8.9519 11.0668 9.1759V13.5324C11.0668 13.6953 11.0668 13.7768 11.0405 13.8473C11.0173 13.9095 10.9795 13.9653 10.9304 14.01C10.8747 14.0606 10.7991 14.0908 10.6477 14.1514L7.81441 15.2847C7.50812 15.4072 7.35498 15.4685 7.23204 15.4429C7.12453 15.4206 7.03019 15.3567 6.96952 15.2652C6.90015 15.1605 6.90015 14.9956 6.90015 14.6657V9.1759C6.90015 8.9519 6.90015 8.8399 6.87278 8.73576C6.84852 8.64347 6.80859 8.55603 6.75474 8.47726C6.69396 8.38836 6.60933 8.31501 6.44005 8.16831L1.11024 3.54914C0.940967 3.40244 0.856331 3.32908 0.795556 3.24019C0.7417 3.16142 0.701774 3.07398 0.677518 2.98169C0.650146 2.87755 0.650146 2.76555 0.650146 2.54155V1.98372Z", stroke: "#475467", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
105237
- /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title })
105293
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[16px] px-[24px] py-[12px] border_default_bottom shrink-0", children: [
105294
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[16px] flex-1 h-[44px]", children: [
105295
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[40px] h-[40px] border border-gray-300 rounded-[8px] flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M1.66675 3.83333C1.66675 3.36662 1.66675 3.13327 1.75758 2.95501C1.83747 2.79821 1.96496 2.67072 2.12175 2.59083C2.30001 2.5 2.53337 2.5 3.00008 2.5H17.0001C17.4668 2.5 17.7001 2.5 17.8784 2.59083C18.0352 2.67072 18.1627 2.79821 18.2426 2.95501C18.3334 3.13327 18.3334 3.36662 18.3334 3.83333V4.39117C18.3334 4.61517 18.3334 4.72716 18.306 4.83131C18.2818 4.9236 18.2418 5.01103 18.188 5.0898C18.1272 5.17869 18.0426 5.25205 17.8733 5.39876L12.5435 10.0179C12.3742 10.1646 12.2896 10.238 12.2288 10.3269C12.175 10.4057 12.135 10.4931 12.1108 10.5854C12.0834 10.6895 12.0834 10.8015 12.0834 11.0255V15.382C12.0834 15.5449 12.0834 15.6263 12.0571 15.6969C12.0338 15.7591 11.9961 15.8149 11.947 15.8596C11.8913 15.9102 11.8157 15.9405 11.6643 16.001L8.83099 17.1343C8.52471 17.2568 8.37156 17.3181 8.24862 17.2925C8.14112 17.2702 8.04678 17.2063 7.98611 17.1148C7.91675 17.0101 7.91675 16.8452 7.91675 16.5153V11.0255C7.91675 10.8015 7.91675 10.6895 7.88937 10.5854C7.86511 10.4931 7.82518 10.4057 7.77133 10.3269C7.71055 10.238 7.62593 10.1646 7.45665 10.0179L2.12684 5.39875C1.95756 5.25205 1.87293 5.17869 1.81215 5.0898C1.75829 5.01103 1.71837 4.9236 1.69411 4.83131C1.66675 4.72716 1.66675 4.61517 1.66675 4.39117V3.83333Z", stroke: "#475467", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
105296
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-[18px] font-semibold leading-[28px] text-gray-900", children: title })
105238
105297
  ] }),
105239
105298
  /* @__PURE__ */ jsxRuntimeExports.jsx(
105240
105299
  "button",
105241
105300
  {
105242
105301
  onClick: handleCancel,
105243
- className: "p-1 rounded-md hover:bg-gray-100 flex items-center justify-center w-8 h-8",
105302
+ className: "w-[32px] h-[32px] flex items-center justify-center rounded-md hover:bg-gray-100",
105244
105303
  title: "Close",
105245
105304
  "data-test-id": "filter-panel-close-btn",
105246
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-4 h-4 text-gray-900" })
105305
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-[16px] h-[16px] text-gray-900", strokeWidth: 2 })
105247
105306
  }
105248
105307
  )
105249
105308
  ] }),
105250
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
105251
- /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: wipFilters.map((filter, index) => {
105309
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-[24px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-[16px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[16px]", children: [
105310
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-[8px]", children: wipFilters.map((filter, index) => {
105252
105311
  const column = filter.column ? availableColumns.find((c2) => c2.field === filter.column) : void 0;
105253
105312
  const operators = column ? column.operators : filter.type ? getOperatorsForType(filter.type) : [];
105254
105313
  const parameterOptions = availableColumns.map((col) => ({
@@ -105259,71 +105318,72 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105259
105318
  label: formatOperator(op),
105260
105319
  value: op
105261
105320
  }));
105262
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
105263
- /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "pr-2 py-1 text-sm text-gray-600 whitespace-nowrap w-12", children: index === 0 ? "Where" : "And" }),
105264
- /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105321
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", children: [
105322
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[50px] shrink-0 text-[14px] font-medium leading-[20px] text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis", children: index === 0 ? "Where" : "And" }),
105323
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105265
105324
  Select,
105266
105325
  {
105267
105326
  options: parameterOptions,
105268
105327
  value: filter.column || "",
105269
105328
  onChange: (value) => handleFilterChange(index, "column", value),
105270
- placeholder: "Column",
105271
- className: "min-w-[140px]"
105329
+ placeholder: "Select Parameter",
105330
+ className: "w-full"
105272
105331
  }
105273
105332
  ) }),
105274
- /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105333
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105275
105334
  Select,
105276
105335
  {
105277
105336
  options: operatorOptions,
105278
105337
  value: filter.operator || "",
105279
105338
  onChange: (value) => handleFilterChange(index, "operator", value),
105280
- placeholder: "Operator",
105339
+ placeholder: "Select Operator",
105281
105340
  disabled: !filter.column,
105282
- className: "min-w-[120px]"
105341
+ className: "w-full"
105283
105342
  }
105284
105343
  ) }),
105285
- /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-[160px]", children: renderValueInput(filter, index) }) }),
105286
- /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105344
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: renderValueInput(filter, index) }),
105345
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-[10px] shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
105287
105346
  "button",
105288
105347
  {
105289
105348
  onClick: () => handleRemoveFilter(index),
105290
- className: "p-2 hover:bg-gray-100 rounded text-gray-500 hover:text-gray-700",
105349
+ className: "text-gray-500 hover:text-gray-700",
105291
105350
  title: "Remove filter",
105292
105351
  "data-test-id": `filter-panel-delete-filter-${index}`,
105293
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "w-4 h-4" })
105352
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "w-[16px] h-[16px]", strokeWidth: 1.5 })
105294
105353
  }
105295
105354
  ) })
105296
105355
  ] }, `filter-${index}`);
105297
- }) }) }),
105298
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-2 items-start mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
105356
+ }) }),
105357
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-[8px] items-start", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
105299
105358
  "button",
105300
105359
  {
105301
105360
  onClick: handleAddFilter,
105302
- className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-blue-600 bg-white border border-blue-300 rounded-lg hover:bg-blue-50",
105361
+ className: "inline-flex items-center gap-[8px] px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-blue-700 bg-white border border-blue-300 rounded-[8px] hover:bg-blue-50",
105303
105362
  "data-test-id": "filter-panel-add-filter-btn",
105304
105363
  children: [
105305
- /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "w-4 h-4" }),
105364
+ /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "w-[16px] h-[16px]", strokeWidth: 2 }),
105306
105365
  "New filter"
105307
105366
  ]
105308
105367
  }
105309
105368
  ) })
105310
- ] }) }),
105311
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-gray-300 px-6 py-3 h-[64px] flex items-center justify-between shrink-0", children: [
105369
+ ] }) }) }),
105370
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] px-[24px] py-[12px] border_default_top shrink-0", children: [
105312
105371
  /* @__PURE__ */ jsxRuntimeExports.jsx(
105313
105372
  "button",
105314
105373
  {
105315
105374
  onClick: handleReset,
105316
- className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50",
105375
+ className: "px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-gray-700 bg-white border border-gray-300 rounded-[8px] hover:bg-gray-50",
105317
105376
  "data-test-id": "filter-panel-reset-btn",
105318
105377
  children: "Reset filters"
105319
105378
  }
105320
105379
  ),
105321
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
105380
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
105381
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px]", children: [
105322
105382
  /* @__PURE__ */ jsxRuntimeExports.jsx(
105323
105383
  "button",
105324
105384
  {
105325
105385
  onClick: handleCancel,
105326
- className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50",
105386
+ className: "px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-gray-700 bg-white border border-gray-300 rounded-[8px] hover:bg-gray-50",
105327
105387
  "data-test-id": "filter-panel-cancel-btn",
105328
105388
  children: "Cancel"
105329
105389
  }
@@ -105332,7 +105392,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
105332
105392
  "button",
105333
105393
  {
105334
105394
  onClick: handleApply,
105335
- className: "px-4 py-2 text-sm font-medium text-white bg-gray-900 border border-gray-700 rounded-lg hover:bg-gray-800",
105395
+ className: "px-[16px] py-[10px] text-[14px] font-medium leading-[20px] text-white bg-gray-900 border border-gray-700 rounded-[8px] hover:bg-gray-800",
105336
105396
  "data-test-id": "filter-panel-apply-btn",
105337
105397
  children: "Apply"
105338
105398
  }
@@ -106525,27 +106585,16 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
106525
106585
  showTraceId && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-[8px] items-center justify-end px-0 py-[4px] w-full", children: [
106526
106586
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] leading-[12px] text-[#98A2B3]", children: "Trace ID" }),
106527
106587
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-[10px] leading-[12px] text-[#667085]", children: trace.id }),
106528
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-[8px] items-center", children: [
106529
- /* @__PURE__ */ jsxRuntimeExports.jsx(
106530
- "button",
106531
- {
106532
- onClick: handleCopyTraceId,
106533
- className: "p-0 opacity-60 hover:opacity-100 transition-opacity",
106534
- title: "Copy trace ID",
106535
- "data-test-id": `trace-tree-copy-id-btn-${trace.id}`,
106536
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: `w-[12px] h-[12px] ${copied ? "text-[#17B26A]" : "text-[#98A2B3]"}` })
106537
- }
106538
- ),
106539
- /* @__PURE__ */ jsxRuntimeExports.jsx(
106540
- "button",
106541
- {
106542
- className: "p-0 opacity-60 hover:opacity-100 transition-opacity",
106543
- title: "Open trace details",
106544
- "data-test-id": `trace-tree-external-link-btn-${trace.id}`,
106545
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "w-[12px] h-[12px] text-[#98A2B3]" })
106546
- }
106547
- )
106548
- ] })
106588
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
106589
+ "button",
106590
+ {
106591
+ onClick: handleCopyTraceId,
106592
+ className: "p-0 opacity-60 hover:opacity-100 transition-opacity",
106593
+ title: "Copy trace ID",
106594
+ "data-test-id": `trace-tree-copy-id-btn-${trace.id}`,
106595
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: `w-[12px] h-[12px] ${copied ? "text-[#17B26A]" : "text-[#98A2B3]"}` })
106596
+ }
106597
+ )
106549
106598
  ] })
106550
106599
  ] });
106551
106600
  }
@@ -106553,6 +106602,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
106553
106602
  text,
106554
106603
  className = "",
106555
106604
  iconClassName = "",
106605
+ iconStyle,
106556
106606
  title = "Copy to clipboard",
106557
106607
  onCopySuccess,
106558
106608
  onCopyError,
@@ -106566,19 +106616,19 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
106566
106616
  case "sm":
106567
106617
  return {
106568
106618
  button: "p-1",
106569
- icon: "w-3 h-3",
106619
+ icon: "w-[12px] h-[12px]",
106570
106620
  tooltip: "text-xs py-1 px-2"
106571
106621
  };
106572
106622
  case "lg":
106573
106623
  return {
106574
106624
  button: "p-2",
106575
- icon: "w-5 h-5",
106625
+ icon: "w-[20px] h-[20px]",
106576
106626
  tooltip: "text-sm py-2 px-3"
106577
106627
  };
106578
106628
  default:
106579
106629
  return {
106580
106630
  button: "p-1.5",
106581
- icon: "w-4 h-4",
106631
+ icon: "w-[16px] h-[16px]",
106582
106632
  tooltip: "text-xs py-1 px-2"
106583
106633
  };
106584
106634
  }
@@ -106641,7 +106691,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
106641
106691
  onClick: copyToClipboard2,
106642
106692
  className: `${sizeClasses2.button} hover:bg-gray-100 rounded transition-colors ${className}`,
106643
106693
  title,
106644
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: `${sizeClasses2.icon} text-gray-400 ${iconClassName}` })
106694
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: `${sizeClasses2.icon} text-gray-400 ${iconClassName}`, style: iconStyle })
106645
106695
  }
106646
106696
  ),
106647
106697
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -107775,7 +107825,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107775
107825
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-700", children: [
107776
107826
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4", children: [
107777
107827
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
107778
- /* @__PURE__ */ jsxRuntimeExports.jsx(FileCode, { className: "w-5 h-5 text-gray-400" }),
107828
+ /* @__PURE__ */ jsxRuntimeExports.jsx(FileCode, { className: "w-[20px] h-[20px] text-[#9CA3AF]" }),
107779
107829
  /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold text-gray-100", children: title })
107780
107830
  ] }),
107781
107831
  isValidJson && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 ml-4 pl-4 border-l border-gray-700", children: [
@@ -107785,7 +107835,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107785
107835
  onClick: () => setViewMode("interactive"),
107786
107836
  className: `p-1.5 hover:bg-gray-700 rounded transition-colors ${viewMode === "interactive" ? "bg-gray-700" : ""}`,
107787
107837
  title: "Collapsed JSON view (fold/unfold)",
107788
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListTree, { className: "w-4 h-4 text-gray-400" })
107838
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListTree, { className: "w-[16px] h-[16px] text-[#9CA3AF]" })
107789
107839
  }
107790
107840
  ),
107791
107841
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -107794,7 +107844,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107794
107844
  onClick: () => setViewMode("plain"),
107795
107845
  className: `p-1.5 hover:bg-gray-700 rounded transition-colors ${viewMode === "plain" ? "bg-gray-700" : ""}`,
107796
107846
  title: "Plain JSON view",
107797
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlignLeft, { className: "w-4 h-4 text-gray-400" })
107847
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlignLeft, { className: "w-[16px] h-[16px] text-[#9CA3AF]" })
107798
107848
  }
107799
107849
  )
107800
107850
  ] })
@@ -107806,7 +107856,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107806
107856
  text: stringifyJsonNode(parsedData),
107807
107857
  title: "Copy content",
107808
107858
  className: "p-2 rounded-lg hover:bg-gray-700",
107809
- iconClassName: "w-4 h-4 text-gray-400"
107859
+ iconStyle: { width: "16px", height: "16px", stroke: "#9CA3AF" }
107810
107860
  }
107811
107861
  ),
107812
107862
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -107815,7 +107865,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107815
107865
  onClick: onClose,
107816
107866
  className: "p-2 hover:bg-gray-700 rounded-lg transition-colors",
107817
107867
  title: "Close",
107818
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-4 h-4 text-gray-400" })
107868
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "w-[16px] h-[16px] text-[#9CA3AF]" })
107819
107869
  }
107820
107870
  )
107821
107871
  ] })
@@ -107893,7 +107943,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107893
107943
  onClick: () => onToggleKey == null ? void 0 : onToggleKey(fullPath),
107894
107944
  className: `flex items-center gap-1 p-1 rounded transition-colors ${darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100"}`,
107895
107945
  children: [
107896
- isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: `w-3 h-3 ${darkMode ? "text-gray-500" : "text-gray-400"}` }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: `w-3 h-3 ${darkMode ? "text-gray-500" : "text-gray-400"}` }),
107946
+ isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: `w-[12px] h-[12px] ${darkMode ? "text-[#6B7280]" : "text-[#9CA3AF]"}` }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: `w-[12px] h-[12px] ${darkMode ? "text-[#6B7280]" : "text-[#9CA3AF]"}` }),
107897
107947
  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-xs ${darkMode ? "text-gray-300" : "text-gray-600"}`, children: [
107898
107948
  "Array[",
107899
107949
  value.length,
@@ -107928,7 +107978,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
107928
107978
  onClick: () => onToggleKey == null ? void 0 : onToggleKey(fullPath),
107929
107979
  className: `flex items-center gap-1 p-1 rounded transition-colors ${darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100"}`,
107930
107980
  children: [
107931
- isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: `w-3 h-3 ${darkMode ? "text-gray-500" : "text-gray-400"}` }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: `w-3 h-3 ${darkMode ? "text-gray-500" : "text-gray-400"}` }),
107981
+ isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: `w-[12px] h-[12px] ${darkMode ? "text-[#6B7280]" : "text-[#9CA3AF]"}` }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: `w-[12px] h-[12px] ${darkMode ? "text-[#6B7280]" : "text-[#9CA3AF]"}` }),
107932
107982
  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-xs ${darkMode ? "text-gray-300" : "text-gray-600"}`, children: [
107933
107983
  "Object ",
107934
107984
  "{",
@@ -108095,17 +108145,17 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
108095
108145
  ] });
108096
108146
  }
108097
108147
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
108098
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${darkMode ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"} border rounded-md overflow-hidden ${className}`, "data-id": "data_viewer_root", children: [
108099
- showHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-[#F9FAFB] border-b border-[#EAECF0] px-4 py-2 flex items-center justify-between", "data-id": "data_viewer_header", children: [
108100
- isValidJson && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": "data_viewer_header_view_toggles", children: [
108148
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${darkMode ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"} border rounded-md overflow-hidden ${className}`, "data-test-id": "data_viewer_root", children: [
108149
+ showHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-[#F9FAFB] border_secondary_bottom px-4 py-2 flex items-center justify-between", "data-test-id": "data_viewer_header", children: [
108150
+ isValidJson && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": "data_viewer_header_view_toggles", children: [
108101
108151
  /* @__PURE__ */ jsxRuntimeExports.jsx(
108102
108152
  "button",
108103
108153
  {
108104
108154
  onClick: () => handleViewModeChange("interactive"),
108105
108155
  className: `p-1 hover:bg-gray-200 rounded transition-colors ${currentViewMode === "interactive" ? "bg-gray-200" : ""}`,
108106
108156
  title: "Collapsed JSON view (fold/unfold)",
108107
- "data-id": "data_viewer_header_btn_interactive",
108108
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListTree, { className: "w-4 h-4 text-[#98A2B3]" })
108157
+ "data-test-id": "data_viewer_header_btn_interactive",
108158
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListTree, { className: "w-[16px] h-[16px] text-[#98A2B3]" })
108109
108159
  }
108110
108160
  ),
108111
108161
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -108114,21 +108164,21 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
108114
108164
  onClick: () => handleViewModeChange("plain"),
108115
108165
  className: `p-1 hover:bg-gray-200 rounded transition-colors ${currentViewMode === "plain" ? "bg-gray-200" : ""}`,
108116
108166
  title: "Plain JSON view",
108117
- "data-id": "data_viewer_header_btn_plain",
108118
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlignLeft, { className: "w-4 h-4 text-[#98A2B3]" })
108167
+ "data-test-id": "data_viewer_header_btn_plain",
108168
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlignLeft, { className: "w-[16px] h-[16px] text-[#98A2B3]" })
108119
108169
  }
108120
108170
  )
108121
108171
  ] }),
108122
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-id": "data_viewer_header_spacer" }),
108123
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": "data_viewer_header_actions", children: [
108172
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", "data-test-id": "data_viewer_header_spacer" }),
108173
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": "data_viewer_header_actions", children: [
108124
108174
  /* @__PURE__ */ jsxRuntimeExports.jsx(
108125
108175
  "button",
108126
108176
  {
108127
108177
  onClick: handleExpand,
108128
108178
  className: "p-1 hover:bg-gray-200 rounded transition-colors",
108129
108179
  title: "Expand to full screen",
108130
- "data-id": "data_viewer_header_btn_expand",
108131
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize2, { className: "w-4 h-4 text-[#98A2B3]" })
108180
+ "data-test-id": "data_viewer_header_btn_expand",
108181
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize2, { className: "w-[16px] h-[16px] text-[#98A2B3]" })
108132
108182
  }
108133
108183
  ),
108134
108184
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -108137,7 +108187,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
108137
108187
  text: stringifyJsonNode(parsedData),
108138
108188
  title: "Copy content",
108139
108189
  className: "p-1",
108140
- iconClassName: "w-4 h-4 text-[#98A2B3]"
108190
+ iconStyle: { width: "16px", height: "16px", stroke: "#98A2B3" }
108141
108191
  }
108142
108192
  )
108143
108193
  ] })
@@ -108147,7 +108197,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
108147
108197
  {
108148
108198
  className: `${padding ? padding : "p-3"} overflow-auto ${darkMode ? "bg-gray-800" : "bg-white"}`,
108149
108199
  style: { maxHeight },
108150
- "data-id": "data_viewer_content",
108200
+ "data-test-id": "data_viewer_content",
108151
108201
  children: [
108152
108202
  isValidJson ? currentViewMode === "interactive" ? useEnhancedJsonView ? /* @__PURE__ */ jsxRuntimeExports.jsx(
108153
108203
  JsonView,
@@ -108175,7 +108225,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
108175
108225
  darkMode
108176
108226
  }
108177
108227
  ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs whitespace-pre font-mono ${darkMode ? "text-gray-300" : "text-[#344054]"}`, children: stringifyJsonNode(parsedData) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs whitespace-pre-wrap font-mono ${darkMode ? "text-gray-300" : "text-[#344054]"}`, children: displayContent }),
108178
- !displayContent && displayContent !== 0 && displayContent !== false && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-center text-sm py-8 ${darkMode ? "text-gray-500" : "text-gray-400"}`, "data-id": "data_viewer_empty_state", children: "No data available" })
108228
+ !displayContent && displayContent !== 0 && displayContent !== false && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-center text-sm py-8 ${darkMode ? "text-gray-500" : "text-gray-400"}`, "data-test-id": "data_viewer_empty_state", children: "No data available" })
108179
108229
  ]
108180
108230
  }
108181
108231
  )
@@ -109168,45 +109218,61 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
109168
109218
  ] })
109169
109219
  ] }),
109170
109220
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
109171
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[480px] min-w-[400px] max-w-[600px] border-r border-[#E4E7EC] flex flex-col bg-[#F9FAFB] overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 p-[16px]", children: [
109172
- traces.length === 0 && loadingState === "success" && progressiveState.traceCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-[32px] text-center text-[13px] text-[#667085]", children: "No traces available" }),
109173
- traces.map((trace, index) => {
109174
- var _a, _b, _c, _d;
109175
- const observations = ((_b = (_a = traceObservations[trace.id]) == null ? void 0 : _a.observations) == null ? void 0 : _b.length) > 0 ? traceObservations[trace.id].observations : mode === "trace" ? (traceData == null ? void 0 : traceData.observations) || [] : [];
109176
- const isLoadingObservations = ((_c = traceObservations[trace.id]) == null ? void 0 : _c.loading) || mode === "trace" && (((_d = traceData == null ? void 0 : traceData.observations) == null ? void 0 : _d.length) || 0) === 0;
109177
- const filteredObservations = getFilteredObservations(trace.id, observations);
109178
- const autoExpandIds = index === 0 ? getAutoExpandIds(trace.id, filteredObservations) : void 0;
109179
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
109180
- TraceTree,
109181
- {
109182
- trace,
109183
- observations: filteredObservations,
109184
- isExpanded: mode === "trace" || index === 0,
109185
- selectedNodeId: selectedNode && "traceId" in selectedNode ? selectedNode.id : null,
109186
- onNodeSelect: handleNodeSelect,
109187
- onExpandToggle: () => handleTraceExpand(trace.id, trace.timestamp),
109188
- showTraceId: mode === "session",
109189
- isLoading: isLoadingObservations,
109190
- defaultExpandedNodeIds: autoExpandIds
109191
- },
109192
- trace.id
109193
- );
109194
- }),
109195
- mode === "session" && progressiveState.pendingTraceIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: progressiveState.pendingTraceIds.map((pendingTraceId, index) => {
109196
- const isFirstPending = index === 0 && !progressiveState.firstTraceLoaded;
109197
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
109198
- TreeSkeleton,
109221
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[480px] min-w-[400px] max-w-[600px] border-r border-[#E4E7EC] flex flex-col bg-[#F9FAFB] overflow-auto", children: [
109222
+ mode === "session" && sessionId && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] px-[24px] py-[4px] bg-white border-b border-[#EAECF0]", children: [
109223
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[12px] text-[#667085]", children: "Session ID" }),
109224
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-[12px] text-[#344054]", children: sessionId }),
109225
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
109226
+ "button",
109199
109227
  {
109200
- traceCount: 1,
109201
- observationsPerTrace: 4,
109202
- isExpanded: isFirstPending,
109203
- showTraceId: true,
109204
- className: "!p-0"
109205
- },
109206
- `skeleton-${pendingTraceId}`
109207
- );
109208
- }) })
109209
- ] }) }),
109228
+ onClick: handleCopyId,
109229
+ className: "p-[2px] rounded-[4px] hover:bg-[#F2F4F7] transition-opacity opacity-60 hover:opacity-100",
109230
+ title: "Copy Session ID",
109231
+ "data-test-id": "session-id-copy-btn",
109232
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: `w-[12px] h-[12px] ${copiedId ? "text-[#17B26A]" : "text-[#98A2B3]"}` })
109233
+ }
109234
+ )
109235
+ ] }),
109236
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 p-[16px]", children: [
109237
+ traces.length === 0 && loadingState === "success" && progressiveState.traceCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-[32px] text-center text-[13px] text-[#667085]", children: "No traces available" }),
109238
+ traces.map((trace, index) => {
109239
+ var _a, _b, _c, _d;
109240
+ const observations = ((_b = (_a = traceObservations[trace.id]) == null ? void 0 : _a.observations) == null ? void 0 : _b.length) > 0 ? traceObservations[trace.id].observations : mode === "trace" ? (traceData == null ? void 0 : traceData.observations) || [] : [];
109241
+ const isLoadingObservations = ((_c = traceObservations[trace.id]) == null ? void 0 : _c.loading) || mode === "trace" && (((_d = traceData == null ? void 0 : traceData.observations) == null ? void 0 : _d.length) || 0) === 0;
109242
+ const filteredObservations = getFilteredObservations(trace.id, observations);
109243
+ const autoExpandIds = index === 0 ? getAutoExpandIds(trace.id, filteredObservations) : void 0;
109244
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(
109245
+ TraceTree,
109246
+ {
109247
+ trace,
109248
+ observations: filteredObservations,
109249
+ isExpanded: mode === "trace" || index === 0,
109250
+ selectedNodeId: selectedNode && "traceId" in selectedNode ? selectedNode.id : null,
109251
+ onNodeSelect: handleNodeSelect,
109252
+ onExpandToggle: () => handleTraceExpand(trace.id, trace.timestamp),
109253
+ showTraceId: mode === "session",
109254
+ isLoading: isLoadingObservations,
109255
+ defaultExpandedNodeIds: autoExpandIds
109256
+ },
109257
+ trace.id
109258
+ );
109259
+ }),
109260
+ mode === "session" && progressiveState.pendingTraceIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: progressiveState.pendingTraceIds.map((pendingTraceId, index) => {
109261
+ const isFirstPending = index === 0 && !progressiveState.firstTraceLoaded;
109262
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(
109263
+ TreeSkeleton,
109264
+ {
109265
+ traceCount: 1,
109266
+ observationsPerTrace: 4,
109267
+ isExpanded: isFirstPending,
109268
+ showTraceId: true,
109269
+ className: "!p-0"
109270
+ },
109271
+ `skeleton-${pendingTraceId}`
109272
+ );
109273
+ }) })
109274
+ ] })
109275
+ ] }),
109210
109276
  !selectedNode && !hasAutoSelected ? /* @__PURE__ */ jsxRuntimeExports.jsx(NodeDetailSkeleton, { showFullSummary: true }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NodeDetailPanel, { node: selectedNode, nodeType, apiConfig })
109211
109277
  ] })
109212
109278
  ] });
@@ -109839,14 +109905,18 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
109839
109905
  }
109840
109906
  },
109841
109907
  // === ADDITIONAL COLUMNS (HIDDEN BY DEFAULT) ===
109842
- {
109843
- field: "bookmarked",
109844
- headerName: "⭐️",
109845
- width: 50,
109846
- hide: true,
109847
- disabled: true,
109848
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `cursor-pointer ${params.value ? "text-yellow-500" : "text-gray-300"}`, children: params.value ? "★" : "☆" })
109849
- },
109908
+ // {
109909
+ // field: 'bookmarked',
109910
+ // headerName: '⭐️',
109911
+ // width: 50,
109912
+ // hide: true,
109913
+ // disabled: true,
109914
+ // cellRenderer: (params: any) => (
109915
+ // <span className={`cursor-pointer ${params.value ? 'text-yellow-500' : 'text-gray-300'}`}>
109916
+ // {params.value ? '★' : '☆'}
109917
+ // </span>
109918
+ // ),
109919
+ // },
109850
109920
  {
109851
109921
  field: "appvId",
109852
109922
  headerName: "App Version ID",
@@ -109855,6 +109925,13 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
109855
109925
  disabled: true,
109856
109926
  cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
109857
109927
  },
109928
+ {
109929
+ field: "source",
109930
+ headerName: "Source",
109931
+ width: 150,
109932
+ hide: false,
109933
+ cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
109934
+ },
109858
109935
  {
109859
109936
  field: "inputCost",
109860
109937
  headerName: "Input Cost ($)",
@@ -109890,21 +109967,24 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
109890
109967
  disabled: true,
109891
109968
  valueFormatter: (params) => TracingUtils.formatTokens(params.value),
109892
109969
  cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-700", children: TracingUtils.formatTokens(params.value) })
109893
- },
109894
- {
109895
- field: "traceTags",
109896
- headerName: "Trace Tags",
109897
- width: 180,
109898
- hide: true,
109899
- disabled: true,
109900
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1", children: [
109901
- (params.value || []).slice(0, 3).map((tag, i2) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-xs bg-gray-100 rounded", children: tag }, i2)),
109902
- (params.value || []).length > 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-gray-500", children: [
109903
- "+",
109904
- params.value.length - 3
109905
- ] })
109906
- ] })
109907
109970
  }
109971
+ // {
109972
+ // field: 'traceTags',
109973
+ // headerName: 'Trace Tags',
109974
+ // width: 180,
109975
+ // hide: true,
109976
+ // disabled: true,
109977
+ // cellRenderer: (params: any) => (
109978
+ // <div className="flex flex-wrap gap-1">
109979
+ // {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
109980
+ // <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
109981
+ // ))}
109982
+ // {(params.value || []).length > 3 && (
109983
+ // <span className="text-xs text-gray-500">+{params.value.length - 3}</span>
109984
+ // )}
109985
+ // </div>
109986
+ // ),
109987
+ // },
109908
109988
  ],
109909
109989
  []
109910
109990
  );
@@ -109986,6 +110066,12 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
109986
110066
  type: "string",
109987
110067
  operators: ["=", "!=", "contains"]
109988
110068
  },
110069
+ {
110070
+ field: "source",
110071
+ label: "Source",
110072
+ type: "string",
110073
+ operators: ["=", "!=", "contains"]
110074
+ },
109989
110075
  {
109990
110076
  field: "tags",
109991
110077
  label: "Trace Tags",
@@ -110360,7 +110446,9 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110360
110446
  newMap.set(traceId, {
110361
110447
  input: detail["input"],
110362
110448
  output: detail["output"],
110363
- totalCost: detail["totalCost"]
110449
+ totalCost: detail["totalCost"],
110450
+ envId: detail["envId"],
110451
+ source: detail["source"]
110364
110452
  });
110365
110453
  return newMap;
110366
110454
  });
@@ -110471,28 +110559,39 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110471
110559
  headerName: "Environment",
110472
110560
  width: 150,
110473
110561
  hide: false,
110474
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(EnvironmentNameCell, { envId: params.value })
110562
+ cellRenderer: (params) => {
110563
+ const detailData = detailedTraceData.get(params.data.id);
110564
+ const envId = detailData == null ? void 0 : detailData.envId;
110565
+ if (envId === void 0) {
110566
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-400 italic", children: "Loading..." });
110567
+ }
110568
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(EnvironmentNameCell, { envId });
110569
+ }
110475
110570
  }
110476
110571
  );
110477
110572
  baseColumns.push(
110478
- {
110479
- field: "bookmarked",
110480
- headerName: "⭐️",
110481
- width: 50,
110482
- hide: true,
110483
- // DISABLED - Enable when ready
110484
- disabled: true,
110485
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `cursor-pointer ${params.value ? "text-yellow-500" : "text-gray-300"}`, children: params.value ? "★" : "☆" })
110486
- },
110487
- {
110488
- field: "name",
110489
- headerName: "Name",
110490
- width: 180,
110491
- hide: true,
110492
- // DISABLED - Enable when ready
110493
- disabled: true,
110494
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-900", children: TracingUtils.truncate(params.value || "-", 25) })
110495
- },
110573
+ // {
110574
+ // field: 'bookmarked',
110575
+ // headerName: '⭐️',
110576
+ // width: 50,
110577
+ // hide: true, // DISABLED - Enable when ready
110578
+ // disabled: true,
110579
+ // cellRenderer: (params: any) => (
110580
+ // <span className={`cursor-pointer ${params.value ? 'text-yellow-500' : 'text-gray-300'}`}>
110581
+ // {params.value ? '★' : '☆'}
110582
+ // </span>
110583
+ // ),
110584
+ // },
110585
+ // {
110586
+ // field: 'name',
110587
+ // headerName: 'Name',
110588
+ // width: 180,
110589
+ // hide: true, // DISABLED - Enable when ready
110590
+ // disabled: true,
110591
+ // cellRenderer: (params: any) => (
110592
+ // <span className="text-sm text-gray-900">{TracingUtils.truncate(params.value || '-', 25)}</span>
110593
+ // ),
110594
+ // },
110496
110595
  {
110497
110596
  field: "timestamp",
110498
110597
  headerName: "Timestamp",
@@ -110528,15 +110627,20 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110528
110627
  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `px-2 py-0.5 text-xs rounded ${levelColors[params.value] || levelColors["DEFAULT"]}`, children: params.value || "DEFAULT" });
110529
110628
  }
110530
110629
  },
110531
- {
110532
- field: "tags",
110533
- headerName: "Tags",
110534
- width: 180,
110535
- hide: true,
110536
- // DISABLED - Enable when ready
110537
- disabled: true,
110538
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: (params.value || []).slice(0, 3).map((tag, i2) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-1.5 py-0.5 text-xs bg-gray-100 rounded", children: tag }, i2)) })
110539
- },
110630
+ // {
110631
+ // field: 'tags',
110632
+ // headerName: 'Tags',
110633
+ // width: 180,
110634
+ // hide: true, // DISABLED - Enable when ready
110635
+ // disabled: true,
110636
+ // cellRenderer: (params: any) => (
110637
+ // <div className="flex flex-wrap gap-1">
110638
+ // {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
110639
+ // <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
110640
+ // ))}
110641
+ // </div>
110642
+ // ),
110643
+ // },
110540
110644
  {
110541
110645
  field: "appvId",
110542
110646
  headerName: "App Version ID",
@@ -110555,6 +110659,20 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110555
110659
  disabled: true,
110556
110660
  cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
110557
110661
  },
110662
+ {
110663
+ field: "source",
110664
+ headerName: "Source",
110665
+ width: 150,
110666
+ hide: false,
110667
+ cellRenderer: (params) => {
110668
+ const detailData = detailedTraceData.get(params.data.id);
110669
+ const source = detailData == null ? void 0 : detailData.source;
110670
+ if (source === void 0) {
110671
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-400 italic", children: "Loading..." });
110672
+ }
110673
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: source || "-" });
110674
+ }
110675
+ },
110558
110676
  {
110559
110677
  field: "promptTokens",
110560
110678
  headerName: "Input Tokens",
@@ -110590,34 +110708,39 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110590
110708
  // DISABLED - Enable when ready
110591
110709
  disabled: true,
110592
110710
  cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs font-medium ${TracingUtils.getCostColor(params.value || 0)}`, children: TracingUtils.formatCost(params.value) })
110593
- },
110594
- {
110595
- field: "version",
110596
- headerName: "Version",
110597
- width: 100,
110598
- hide: true,
110599
- // DISABLED - Enable when ready
110600
- disabled: true,
110601
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
110602
- },
110603
- {
110604
- field: "release",
110605
- headerName: "Release",
110606
- width: 100,
110607
- hide: true,
110608
- // DISABLED - Enable when ready
110609
- disabled: true,
110610
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
110611
- },
110612
- {
110613
- field: "metadata",
110614
- headerName: "Metadata",
110615
- width: 200,
110616
- hide: true,
110617
- // DISABLED - Enable when ready
110618
- disabled: true,
110619
- cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600 font-mono", children: params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : "-" })
110620
110711
  }
110712
+ // {
110713
+ // field: 'version',
110714
+ // headerName: 'Version',
110715
+ // width: 100,
110716
+ // hide: true, // DISABLED - Enable when ready
110717
+ // disabled: true,
110718
+ // cellRenderer: (params: any) => (
110719
+ // <span className="text-xs text-gray-600">{params.value || '-'}</span>
110720
+ // ),
110721
+ // },
110722
+ // {
110723
+ // field: 'release',
110724
+ // headerName: 'Release',
110725
+ // width: 100,
110726
+ // hide: true, // DISABLED - Enable when ready
110727
+ // disabled: true,
110728
+ // cellRenderer: (params: any) => (
110729
+ // <span className="text-xs text-gray-600">{params.value || '-'}</span>
110730
+ // ),
110731
+ // },
110732
+ // {
110733
+ // field: 'metadata',
110734
+ // headerName: 'Metadata',
110735
+ // width: 200,
110736
+ // hide: true, // DISABLED - Enable when ready
110737
+ // disabled: true,
110738
+ // cellRenderer: (params: any) => (
110739
+ // <span className="text-xs text-gray-600 font-mono">
110740
+ // {params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : '-'}
110741
+ // </span>
110742
+ // ),
110743
+ // },
110621
110744
  );
110622
110745
  return baseColumns;
110623
110746
  },
@@ -110743,6 +110866,12 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110743
110866
  type: "string",
110744
110867
  operators: ["=", "!=", "contains"]
110745
110868
  },
110869
+ {
110870
+ field: "source",
110871
+ label: "Source",
110872
+ type: "string",
110873
+ operators: ["=", "!=", "contains"]
110874
+ },
110746
110875
  {
110747
110876
  field: "version",
110748
110877
  label: "Version",
@@ -110831,6 +110960,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
110831
110960
  title: "Traces",
110832
110961
  description: "Inspect execution traces to analyze model reasoning, tool usage, and performance insights.",
110833
110962
  searchPlaceholder: "Search...",
110963
+ showSearch: totalCount > 0 || searchTerm.length > 0,
110834
110964
  searchConfig: {
110835
110965
  metadataSearchFields: ["ID", "Input", "User ID"],
110836
110966
  updateQuery: handleSearch,
@@ -113402,15 +113532,15 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
113402
113532
  };
113403
113533
  return (
113404
113534
  // bg-white w-full border-t border-gray-200
113405
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white w-full", "data-id": `debug_card_${node.id}`, children: [
113535
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white w-full", "data-test-id": `debug_card_${node.id}`, children: [
113406
113536
  /* @__PURE__ */ jsxRuntimeExports.jsx(
113407
113537
  "div",
113408
113538
  {
113409
113539
  className: `flex items-center pl-[8px] pr-[8px] relative transition-colors cursor-pointer w-full
113410
113540
  ${isSelected ? "" : ""}`,
113411
113541
  onClick: handleNodeClick,
113412
- "data-id": `debug_card_header_${node.id}`,
113413
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[10px] w-full", "data-id": `debug_card_header_content_${node.id}`, children: [
113542
+ "data-test-id": `debug_card_header_${node.id}`,
113543
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[10px] w-full", "data-test-id": `debug_card_header_content_${node.id}`, children: [
113414
113544
  /* @__PURE__ */ jsxRuntimeExports.jsx(
113415
113545
  "div",
113416
113546
  {
@@ -113424,7 +113554,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
113424
113554
  }
113425
113555
  },
113426
113556
  title: hasChildren ? isExpanded ? "Collapse" : "Expand" : "Show details",
113427
- "data-id": `debug_card_toggle_${node.id}`,
113557
+ "data-test-id": `debug_card_toggle_${node.id}`,
113428
113558
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
113429
113559
  ChevronRight,
113430
113560
  {
@@ -113433,18 +113563,18 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
113433
113563
  )
113434
113564
  }
113435
113565
  ),
113436
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] w-full py-[8px] border-b border-gray-200", "data-id": `debug_card_node_info_${node.id}`, children: [
113437
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 rounded-[8px] bg-[#B2DDFF]", "data-id": `debug_card_node_icon_${node.id}`, children: getNodeIcon() }),
113566
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] w-full py-[8px] border-b border-gray-200", "data-test-id": `debug_card_node_info_${node.id}`, children: [
113567
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 rounded-[8px] bg-[#B2DDFF]", "data-test-id": `debug_card_node_icon_${node.id}`, children: getNodeIcon() }),
113438
113568
  /* @__PURE__ */ jsxRuntimeExports.jsx(
113439
113569
  "span",
113440
113570
  {
113441
113571
  className: "font-semibold text-gray-900 text-xs truncate w-full",
113442
113572
  title: node.type === "llm" ? node.name : void 0,
113443
- "data-id": `debug_card_node_name_${node.id}`,
113573
+ "data-test-id": `debug_card_node_name_${node.id}`,
113444
113574
  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
113445
113575
  }
113446
113576
  ),
113447
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[12px] text-[10px] text-gray-500", "data-id": `debug_card_node_metadata_${node.id}`, children: [
113577
+ /* @__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: [
113448
113578
  node.type === "Agent" && (() => {
113449
113579
  var _a;
113450
113580
  const llmChild = (_a = node.children) == null ? void 0 : _a.find((child) => child.type === "llm");
@@ -113454,7 +113584,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
113454
113584
  {
113455
113585
  className: "text-[10px] text-gray-500 truncate max-w-[100px]",
113456
113586
  title: llmChild.name,
113457
- "data-id": `debug_card_node_model_name_${node.id}`,
113587
+ "data-test-id": `debug_card_node_model_name_${node.id}`,
113458
113588
  children: llmChild.name
113459
113589
  }
113460
113590
  );
@@ -113487,7 +113617,7 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
113487
113617
  title: `Input: ${((_a = llmUsage.input_tokens) == null ? void 0 : _a.toLocaleString()) || 0} tokens
113488
113618
  Output: ${((_b = llmUsage.output_tokens) == null ? void 0 : _b.toLocaleString()) || 0} tokens
113489
113619
  Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) || 0} tokens`,
113490
- "data-id": `debug_card_node_tokens_${node.id}`,
113620
+ "data-test-id": `debug_card_node_tokens_${node.id}`,
113491
113621
  children: [
113492
113622
  llmUsage.total_tokens.toLocaleString(),
113493
113623
  " Tokens"
@@ -113497,34 +113627,34 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113497
113627
  }
113498
113628
  return null;
113499
113629
  })(),
113500
- node.duration && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px]", "data-id": `debug_card_node_duration_${node.id}`, children: [
113630
+ node.duration && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px]", "data-test-id": `debug_card_node_duration_${node.id}`, children: [
113501
113631
  /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "w-[12px] h-[12px]" }),
113502
113632
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-gray-500 whitespace-nowrap", children: formatDuration(node.duration) })
113503
113633
  ] })
113504
113634
  ] }),
113505
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-id": `debug_card_node_status_${node.id}`, children: getStatusIcon() })
113635
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", "data-test-id": `debug_card_node_status_${node.id}`, children: getStatusIcon() })
113506
113636
  ] })
113507
113637
  ] })
113508
113638
  }
113509
113639
  ),
113510
- isSelected && availableTabs.length > 0 && showDetailView && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full pl-[32px] relative", "data-id": `debug_card_detail_panel_${node.id}`, children: [
113511
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]", "data-id": `debug_card_detail_panel_connector_${node.id}` }),
113512
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-[4px] py-[8px] w-full", "data-id": `debug_card_detail_panel_content_${node.id}`, children: [
113513
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 rounded-[4px] p-[4px] inline-flex gap-[4px] mb-[8px] border border-gray-200", "data-id": `debug_card_detail_panel_tabs_${node.id}`, children: getTabsForNodeType().map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
113640
+ isSelected && availableTabs.length > 0 && showDetailView && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full pl-[32px] relative", "data-test-id": `debug_card_detail_panel_${node.id}`, children: [
113641
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]", "data-test-id": `debug_card_detail_panel_connector_${node.id}` }),
113642
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-[4px] py-[8px] w-full", "data-test-id": `debug_card_detail_panel_content_${node.id}`, children: [
113643
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 rounded-[4px] p-[4px] inline-flex gap-[4px] mb-[8px] border border-gray-200", "data-test-id": `debug_card_detail_panel_tabs_${node.id}`, children: getTabsForNodeType().map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
113514
113644
  "button",
113515
113645
  {
113516
113646
  onClick: () => handleTabClick(tab),
113517
113647
  className: `px-[8px] py-[4px] text-xs font-medium rounded-[4px] text-gray-500 hover:text-gray-700 hover:shadow-tab hover:bg-white transition-colors ${activeTab === tab ? "bg-white text-gray-900 shadow-tab" : "text-gray-500 hover:text-gray-700 hover:bg-white"}`,
113518
- "data-id": `debug_card_detail_panel_tab_${node.id}_${tab}`,
113648
+ "data-test-id": `debug_card_detail_panel_tab_${node.id}_${tab}`,
113519
113649
  children: tab.charAt(0).toUpperCase() + tab.slice(1)
113520
113650
  },
113521
113651
  tab
113522
113652
  )) }),
113523
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-[4px]", "data-id": `debug_card_detail_panel_tab_content_${node.id}`, children: renderTabContent() })
113653
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-[4px]", "data-test-id": `debug_card_detail_panel_tab_content_${node.id}`, children: renderTabContent() })
113524
113654
  ] })
113525
113655
  ] }),
113526
- isExpanded && hasChildren && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full pl-[32px] relative", "data-id": `debug_card_children_${node.id}`, children: [
113527
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]", "data-id": `debug_card_children_connector_${node.id}` }),
113656
+ isExpanded && hasChildren && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full pl-[32px] relative", "data-test-id": `debug_card_children_${node.id}`, children: [
113657
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[-40px] left-[16px] w-[1px] border-l border-dashed border-gray-200 h-[calc(100%+40px)] z-[1]", "data-test-id": `debug_card_children_connector_${node.id}` }),
113528
113658
  node.children.map((child, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
113529
113659
  DebugCard,
113530
113660
  {
@@ -113828,14 +113958,14 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113828
113958
  return `${tokens} tokens`;
113829
113959
  };
113830
113960
  if (!sessionTree.runs.length) {
113831
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex flex-col h-full ${className}`, "data-id": "debug_panel_empty_state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", "data-id": "debug_panel_empty_state_content", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 text-sm", "data-id": "debug_panel_empty_state_message", children: "No execution events to display" }) }) });
113832
- }
113833
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex flex-col h-full bg-white ${className}`, "data-id": "debug_panel_root", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[16px] p-[24px] overflow-y-auto overflow-x-hidden", ref: scrollContainerRef, "data-id": "debug_panel_content", children: [
113834
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center w-full gap-[16px]", "data-id": "debug_panel_session_header", children: [
113835
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-400 whitespace-nowrap flex-shrink-0", "data-id": "debug_panel_session_header_label", children: "Session initiated" }),
113836
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-[1px] border-t border-dashed border-gray-300 w-full", "data-id": "debug_panel_session_header_divider" }),
113837
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-400 flex-shrink-0", "data-id": "debug_panel_session_header_actions", children: [
113838
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-id": "debug_panel_session_id", children: sessionTree.sessionId }),
113961
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex flex-col h-full ${className}`, "data-test-id": "debug_panel_empty_state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", "data-test-id": "debug_panel_empty_state_content", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 text-sm", "data-test-id": "debug_panel_empty_state_message", children: "No execution events to display" }) }) });
113962
+ }
113963
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex flex-col h-full bg-white ${className}`, "data-test-id": "debug_panel_root", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-[16px] p-[24px] overflow-y-auto overflow-x-hidden", ref: scrollContainerRef, "data-test-id": "debug_panel_content", children: [
113964
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center w-full gap-[16px]", "data-test-id": "debug_panel_session_header", children: [
113965
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-gray-400 whitespace-nowrap flex-shrink-0", "data-test-id": "debug_panel_session_header_label", children: "Session initiated" }),
113966
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-[1px] border-t border-dashed border-gray-300 w-full", "data-test-id": "debug_panel_session_header_divider" }),
113967
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-400 flex-shrink-0", "data-test-id": "debug_panel_session_header_actions", children: [
113968
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-test-id": "debug_panel_session_id", children: sessionTree.sessionId }),
113839
113969
  /* @__PURE__ */ jsxRuntimeExports.jsx(
113840
113970
  CopyButton$1,
113841
113971
  {
@@ -113861,22 +113991,22 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113861
113991
  }
113862
113992
  }
113863
113993
  },
113864
- "data-id": "debug_panel_session_external_link_btn",
113994
+ "data-test-id": "debug_panel_session_external_link_btn",
113865
113995
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "w-[12px] h-[12px]" })
113866
113996
  }
113867
113997
  )
113868
113998
  ] })
113869
113999
  ] }),
113870
- showExpansionControls && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-4 p-3 bg-gray-50 rounded-lg border border-gray-200", "data-id": "debug_panel_expansion_controls", children: [
113871
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": "debug_panel_expansion_controls_buttons", children: [
113872
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-gray-700", "data-id": "debug_panel_expansion_controls_label", children: "Expansion:" }),
114000
+ showExpansionControls && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-4 p-3 bg-gray-50 rounded-lg border border-gray-200", "data-test-id": "debug_panel_expansion_controls", children: [
114001
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": "debug_panel_expansion_controls_buttons", children: [
114002
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-gray-700", "data-test-id": "debug_panel_expansion_controls_label", children: "Expansion:" }),
113873
114003
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
113874
114004
  "button",
113875
114005
  {
113876
114006
  onClick: handleExpandAll,
113877
114007
  className: "flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",
113878
114008
  title: "Expand all nodes",
113879
- "data-id": "debug_panel_expansion_controls_btn_expand_all",
114009
+ "data-test-id": "debug_panel_expansion_controls_btn_expand_all",
113880
114010
  children: [
113881
114011
  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "w-3 h-3" }),
113882
114012
  "Expand All"
@@ -113889,7 +114019,7 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113889
114019
  onClick: handleExpandLast,
113890
114020
  className: "flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",
113891
114021
  title: "Expand only the last execution path",
113892
- "data-id": "debug_panel_expansion_controls_btn_expand_last",
114022
+ "data-test-id": "debug_panel_expansion_controls_btn_expand_last",
113893
114023
  children: [
113894
114024
  /* @__PURE__ */ jsxRuntimeExports.jsx(Expand, { className: "w-3 h-3" }),
113895
114025
  "Expand Last"
@@ -113902,7 +114032,7 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113902
114032
  onClick: handleCollapseAll,
113903
114033
  className: "flex items-center gap-1 px-2 py-1 text-xs bg-white hover:bg-gray-50 border border-gray-300 rounded transition-colors",
113904
114034
  title: "Collapse all nodes",
113905
- "data-id": "debug_panel_expansion_controls_btn_collapse_all",
114035
+ "data-test-id": "debug_panel_expansion_controls_btn_collapse_all",
113906
114036
  children: [
113907
114037
  /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { className: "w-3 h-3" }),
113908
114038
  "Collapse All"
@@ -113910,8 +114040,8 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113910
114040
  }
113911
114041
  )
113912
114042
  ] }),
113913
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": "debug_panel_expansion_controls_live_mode", children: [
113914
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-gray-700", "data-id": "debug_panel_expansion_controls_live_mode_label", children: "Live Mode:" }),
114043
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": "debug_panel_expansion_controls_live_mode", children: [
114044
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-gray-700", "data-test-id": "debug_panel_expansion_controls_live_mode_label", children: "Live Mode:" }),
113915
114045
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
113916
114046
  "select",
113917
114047
  {
@@ -113919,7 +114049,7 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113919
114049
  onChange: (e) => setLiveExpansionMode(e.target.value),
113920
114050
  className: "text-xs px-2 py-1 bg-white border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500",
113921
114051
  title: "Control auto-expansion behavior during live updates",
113922
- "data-id": "debug_panel_expansion_controls_live_mode_select",
114052
+ "data-test-id": "debug_panel_expansion_controls_live_mode_select",
113923
114053
  children: [
113924
114054
  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "all", children: "Expand All" }),
113925
114055
  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "last", children: "Expand Last" }),
@@ -113929,18 +114059,18 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113929
114059
  )
113930
114060
  ] })
113931
114061
  ] }),
113932
- sessionTree.runs.map((run2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", "data-id": `debug_panel_run_${run2.runId}`, children: [
113933
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[8px] border border-gray-300 bg-white overflow-hidden", "data-id": `debug_panel_run_container_${run2.runId}`, children: [
113934
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full", "data-id": `debug_panel_run_header_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 p-[8px] bg-gray-50", "data-id": `debug_panel_run_header_content_${run2.runId}`, children: [
113935
- /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "flex-shrink-0", "data-id": `debug_panel_run_header_icon_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM10.4715 4.52924C10.2112 4.2689 9.78906 4.26889 9.52872 4.52924L6.66681 7.39114V5.6673C6.6668 5.29912 6.36834 5.00064 6.00015 5.00064C5.63197 5.00064 5.33351 5.29912 5.3335 5.6673V9.00064C5.3335 9.17745 5.40373 9.34702 5.52875 9.47205C5.65377 9.59707 5.82334 9.6673 6.00015 9.6673H9.3335L9.35068 9.66708C9.71092 9.65796 10.0002 9.36308 10.0002 9.00064C10.0001 8.63821 9.71092 8.34332 9.35068 8.3342L9.3335 8.33398H7.60962L10.4715 5.47205C10.7319 5.2117 10.7319 4.78958 10.4715 4.52924Z", fill: "#079455" }) }),
114062
+ sessionTree.runs.map((run2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", "data-test-id": `debug_panel_run_${run2.runId}`, children: [
114063
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[8px] border border-gray-300 bg-white overflow-hidden", "data-test-id": `debug_panel_run_container_${run2.runId}`, children: [
114064
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full", "data-test-id": `debug_panel_run_header_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 p-[8px] bg-gray-50", "data-test-id": `debug_panel_run_header_content_${run2.runId}`, children: [
114065
+ /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "flex-shrink-0", "data-test-id": `debug_panel_run_header_icon_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM10.4715 4.52924C10.2112 4.2689 9.78906 4.26889 9.52872 4.52924L6.66681 7.39114V5.6673C6.6668 5.29912 6.36834 5.00064 6.00015 5.00064C5.63197 5.00064 5.33351 5.29912 5.3335 5.6673V9.00064C5.3335 9.17745 5.40373 9.34702 5.52875 9.47205C5.65377 9.59707 5.82334 9.6673 6.00015 9.6673H9.3335L9.35068 9.66708C9.71092 9.65796 10.0002 9.36308 10.0002 9.00064C10.0001 8.63821 9.71092 8.34332 9.35068 8.3342L9.3335 8.33398H7.60962L10.4715 5.47205C10.7319 5.2117 10.7319 4.78958 10.4715 4.52924Z", fill: "#079455" }) }),
113936
114066
  /* @__PURE__ */ jsxRuntimeExports.jsx(
113937
114067
  "div",
113938
114068
  {
113939
114069
  className: "flex-1 cursor-pointer select-none truncate",
113940
114070
  onClick: () => handleRunToggle(run2.runId),
113941
114071
  title: run2.userInput,
113942
- "data-id": `debug_panel_run_title_${run2.runId}`,
113943
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-900 truncate", "data-id": `debug_panel_run_title_text_${run2.runId}`, children: run2.userInput || `Run ${run2.runId}` })
114072
+ "data-test-id": `debug_panel_run_title_${run2.runId}`,
114073
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-900 truncate", "data-test-id": `debug_panel_run_title_text_${run2.runId}`, children: run2.userInput || `Run ${run2.runId}` })
113944
114074
  }
113945
114075
  ),
113946
114076
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -113961,7 +114091,7 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113961
114091
  const anyDetailsVisible = Array.from(runNodeIds).some((nodeId) => selectedNodeIds.has(nodeId));
113962
114092
  return anyDetailsVisible ? "Hide all node details in this run" : "Show all node details in this run";
113963
114093
  })(),
113964
- "data-id": `debug_panel_run_details_toggle_${run2.runId}`,
114094
+ "data-test-id": `debug_panel_run_details_toggle_${run2.runId}`,
113965
114095
  children: (() => {
113966
114096
  const runNodeIds = /* @__PURE__ */ new Set();
113967
114097
  const collectNodeIds = (node) => {
@@ -113989,14 +114119,14 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
113989
114119
  },
113990
114120
  className: "p-1 hover:bg-gray-200 rounded transition-colors flex-shrink-0",
113991
114121
  title: expandedRuns.has(run2.runId) ? "Collapse run" : "Expand run",
113992
- "data-id": `debug_panel_run_toggle_${run2.runId}`,
114122
+ "data-test-id": `debug_panel_run_toggle_${run2.runId}`,
113993
114123
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: `w-[16px] h-[16px] text-gray-400 transition-transform ${expandedRuns.has(run2.runId) ? "rotate-180" : ""}` })
113994
114124
  }
113995
114125
  )
113996
114126
  ] }) }),
113997
- expandedRuns.has(run2.runId) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white w-full flex flex-col", "data-id": `debug_panel_run_execution_trees_${run2.runId}`, children: run2.rootNodes && run2.rootNodes.map((rootNode, index) => {
114127
+ expandedRuns.has(run2.runId) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white w-full flex flex-col", "data-test-id": `debug_panel_run_execution_trees_${run2.runId}`, children: run2.rootNodes && run2.rootNodes.map((rootNode, index) => {
113998
114128
  var _a;
113999
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", "data-id": `debug_panel_run_root_node_${run2.runId}_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
114129
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", "data-test-id": `debug_panel_run_root_node_${run2.runId}_${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
114000
114130
  DebugCard,
114001
114131
  {
114002
114132
  node: updateTreeExpansion(rootNode),
@@ -114082,22 +114212,22 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
114082
114212
  };
114083
114213
  const outputFromNodes = run2.rootNodes ? findFinalOutput(run2.rootNodes) : void 0;
114084
114214
  const finalOutput = outputFromNodes || run2.finalOutput;
114085
- return finalOutput ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-[8px] bg-gray-50 flex items-center gap-[8px] w-full border-t border-gray-200", "data-id": `debug_panel_run_final_output_${run2.runId}`, children: [
114086
- /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "flex-shrink-0", "data-id": `debug_panel_run_final_output_icon_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM6.66653 4.33398C6.29835 4.334 5.99988 4.63246 5.99988 5.00064C5.99988 5.36882 6.29835 5.66729 6.66653 5.6673H8.39041L5.52847 8.52924C5.26813 8.78958 5.26813 9.2117 5.52847 9.47205C5.78882 9.73239 6.21093 9.73239 6.47128 9.47205L9.33322 6.61011V8.33398C9.33323 8.70217 9.6317 9.00064 9.99988 9.00064C10.3681 9.00064 10.6665 8.70217 10.6665 8.33398V5.00064C10.6665 4.63821 10.3773 4.34333 10.0171 4.3342L9.99988 4.33398H6.66653Z", fill: "#155EEF" }) }),
114087
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-xs text-gray-900 truncate", title: convertToString(finalOutput), "data-id": `debug_panel_run_final_output_text_${run2.runId}`, children: convertToString(finalOutput) }),
114088
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] flex-shrink-0", "data-id": `debug_panel_run_final_output_metadata_${run2.runId}`, children: [
114089
- run2.duration && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px]", "data-id": `debug_panel_run_final_output_duration_${run2.runId}`, children: [
114215
+ return finalOutput ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-[8px] bg-gray-50 flex items-center gap-[8px] w-full border-t border-gray-200", "data-test-id": `debug_panel_run_final_output_${run2.runId}`, children: [
114216
+ /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "flex-shrink-0", "data-test-id": `debug_panel_run_final_output_icon_${run2.runId}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8277 1.33398C11.3643 1.33398 11.8072 1.33396 12.168 1.36343C12.5428 1.39405 12.8872 1.45978 13.2108 1.62463C13.7125 1.8803 14.1205 2.28825 14.3762 2.79001C14.541 3.11356 14.6067 3.45803 14.6374 3.83276C14.6668 4.19356 14.6668 4.63646 14.6668 5.1731V9.0235C14.6668 9.47003 14.6668 9.83861 14.6462 10.1404C14.6249 10.4532 14.5792 10.7426 14.4638 11.0211C14.1932 11.6746 13.674 12.1937 13.0206 12.4643C12.7421 12.5797 12.4527 12.6254 12.1399 12.6467C11.8381 12.6673 11.4695 12.6673 11.023 12.6673H11.0002C10.6424 12.6673 10.5714 12.6715 10.5136 12.6852C10.4129 12.7089 10.3191 12.7558 10.2397 12.8221C10.1941 12.8602 10.1481 12.9145 9.9335 13.2007L8.94888 14.5135C8.88665 14.5965 8.81628 14.6904 8.74857 14.7657C8.6739 14.8487 8.54979 14.971 8.36264 15.0438C8.1295 15.1344 7.87083 15.1344 7.6377 15.0438C7.45054 14.971 7.32641 14.8487 7.25174 14.7657C7.18403 14.6904 7.11368 14.5965 7.05145 14.5135L6.06683 13.2007C5.85221 12.9145 5.80624 12.8602 5.76065 12.8221C5.68119 12.7558 5.58739 12.7089 5.48666 12.6852C5.42887 12.6715 5.35786 12.6673 5.00015 12.6673H4.9773C4.53078 12.6673 4.16221 12.6673 3.86047 12.6467C3.54762 12.6254 3.25822 12.5797 2.97968 12.4643C2.32627 12.1937 1.80712 11.6746 1.53647 11.0211C1.42109 10.7426 1.37541 10.4532 1.35407 10.1404C1.33348 9.83861 1.33349 9.47003 1.3335 9.0235V5.17313C1.33349 4.63648 1.33347 4.19356 1.36295 3.83276C1.39356 3.45803 1.45929 3.11356 1.62415 2.79001C1.87981 2.28825 2.28776 1.8803 2.78952 1.62463C3.11308 1.45978 3.45755 1.39405 3.83228 1.36343C4.19307 1.33396 4.63599 1.33398 5.17264 1.33398H10.8277ZM6.66653 4.33398C6.29835 4.334 5.99988 4.63246 5.99988 5.00064C5.99988 5.36882 6.29835 5.66729 6.66653 5.6673H8.39041L5.52847 8.52924C5.26813 8.78958 5.26813 9.2117 5.52847 9.47205C5.78882 9.73239 6.21093 9.73239 6.47128 9.47205L9.33322 6.61011V8.33398C9.33323 8.70217 9.6317 9.00064 9.99988 9.00064C10.3681 9.00064 10.6665 8.70217 10.6665 8.33398V5.00064C10.6665 4.63821 10.3773 4.34333 10.0171 4.3342L9.99988 4.33398H6.66653Z", fill: "#155EEF" }) }),
114217
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-xs text-gray-900 truncate", title: convertToString(finalOutput), "data-test-id": `debug_panel_run_final_output_text_${run2.runId}`, children: convertToString(finalOutput) }),
114218
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[8px] flex-shrink-0", "data-test-id": `debug_panel_run_final_output_metadata_${run2.runId}`, children: [
114219
+ run2.duration && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-[4px]", "data-test-id": `debug_panel_run_final_output_duration_${run2.runId}`, children: [
114090
114220
  /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "w-[12px] h-[12px] text-gray-400" }),
114091
114221
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-gray-500 whitespace-nowrap", children: formatDuration(run2.duration) })
114092
114222
  ] }),
114093
- run2.totalTokens && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-gray-500 whitespace-nowrap", "data-id": `debug_panel_run_final_output_tokens_${run2.runId}`, children: formatTokens(run2.totalTokens) })
114223
+ run2.totalTokens && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-gray-500 whitespace-nowrap", "data-test-id": `debug_panel_run_final_output_tokens_${run2.runId}`, children: formatTokens(run2.totalTokens) })
114094
114224
  ] })
114095
114225
  ] }) : null;
114096
114226
  })()
114097
114227
  ] }),
114098
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2 py-1", "data-id": `debug_panel_run_footer_${run2.runId}`, children: [
114099
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-400", "data-id": `debug_panel_run_footer_id_${run2.runId}`, children: run2.runId }),
114100
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-id": `debug_panel_run_footer_actions_${run2.runId}`, children: [
114228
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2 py-1", "data-test-id": `debug_panel_run_footer_${run2.runId}`, children: [
114229
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-400", "data-test-id": `debug_panel_run_footer_id_${run2.runId}`, children: run2.runId }),
114230
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", "data-test-id": `debug_panel_run_footer_actions_${run2.runId}`, children: [
114101
114231
  /* @__PURE__ */ jsxRuntimeExports.jsx(
114102
114232
  CopyButton$1,
114103
114233
  {
@@ -114123,7 +114253,7 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
114123
114253
  }
114124
114254
  }
114125
114255
  },
114126
- "data-id": `debug_panel_run_footer_external_link_${run2.runId}`,
114256
+ "data-test-id": `debug_panel_run_footer_external_link_${run2.runId}`,
114127
114257
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "w-3 h-3 text-gray-400" })
114128
114258
  }
114129
114259
  )
@@ -127772,6 +127902,9 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
127772
127902
  "iPod"
127773
127903
  ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
127774
127904
  }
127905
+ function isSafari() {
127906
+ return typeof navigator !== "undefined" ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : false;
127907
+ }
127775
127908
  const focus = (position = null, options = {}) => ({ editor, view, tr: tr2, dispatch }) => {
127776
127909
  options = {
127777
127910
  scrollIntoView: true,
@@ -127784,8 +127917,8 @@ Total: ${((_c = llmUsage.total_tokens) == null ? void 0 : _c.toLocaleString()) |
127784
127917
  requestAnimationFrame(() => {
127785
127918
  if (!editor.isDestroyed) {
127786
127919
  view.focus();
127787
- if (options === null || options === void 0 ? void 0 : options.scrollIntoView) {
127788
- editor.commands.scrollIntoView();
127920
+ if (isSafari() && !isiOS() && !isAndroid()) {
127921
+ view.dom.focus({ preventScroll: true });
127789
127922
  }
127790
127923
  }
127791
127924
  });
@@ -139417,7 +139550,7 @@ img.ProseMirror-separator {
139417
139550
  return true;
139418
139551
  } else return false;
139419
139552
  }
139420
- function handleMouseDown(view, startEvent) {
139553
+ function handleMouseDown$1(view, startEvent) {
139421
139554
  var _cellUnderMouse;
139422
139555
  if (startEvent.button != 0) return;
139423
139556
  if (startEvent.ctrlKey || startEvent.metaKey) return;
@@ -139487,8 +139620,8 @@ img.ProseMirror-separator {
139487
139620
  top: event.clientY
139488
139621
  });
139489
139622
  if (!mousePos) return null;
139490
- const pos = mousePos.inside >= 0 ? mousePos.inside : mousePos.pos;
139491
- return cellAround(view.state.doc.resolve(pos));
139623
+ let { inside, pos } = mousePos;
139624
+ return inside >= 0 && cellAround(view.state.doc.resolve(inside)) || cellAround(view.state.doc.resolve(pos));
139492
139625
  }
139493
139626
  var TableView$1 = class TableView {
139494
139627
  constructor(node, defaultCellMinWidth) {
@@ -139580,7 +139713,7 @@ img.ProseMirror-separator {
139580
139713
  handleMouseLeave(view);
139581
139714
  },
139582
139715
  mousedown: (view, event) => {
139583
- handleMouseDown$1(view, event, cellMinWidth, defaultCellMinWidth);
139716
+ handleMouseDown(view, event, cellMinWidth, defaultCellMinWidth);
139584
139717
  }
139585
139718
  },
139586
139719
  decorations: (state) => {
@@ -139639,7 +139772,7 @@ img.ProseMirror-separator {
139639
139772
  const pluginState = columnResizingPluginKey.getState(view.state);
139640
139773
  if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) updateHandle(view, -1);
139641
139774
  }
139642
- function handleMouseDown$1(view, event, cellMinWidth, defaultCellMinWidth) {
139775
+ function handleMouseDown(view, event, cellMinWidth, defaultCellMinWidth) {
139643
139776
  var _view$dom$ownerDocume;
139644
139777
  if (!view.editable) return false;
139645
139778
  const win = (_view$dom$ownerDocume = view.dom.ownerDocument.defaultView) !== null && _view$dom$ownerDocume !== void 0 ? _view$dom$ownerDocume : window;
@@ -139786,7 +139919,7 @@ img.ProseMirror-separator {
139786
139919
  },
139787
139920
  props: {
139788
139921
  decorations: drawCellSelection,
139789
- handleDOMEvents: { mousedown: handleMouseDown },
139922
+ handleDOMEvents: { mousedown: handleMouseDown$1 },
139790
139923
  createSelectionBetween(view) {
139791
139924
  return tableEditingKey.getState(view.state) != null ? view.state.selection : null;
139792
139925
  },
@@ -140976,7 +141109,7 @@ ${code2}
140976
141109
  backgroundColor: config2.bgColor,
140977
141110
  borderColor: config2.borderColor
140978
141111
  },
140979
- "data-id": `md-editor-variable-${variableType}-${path}`,
141112
+ "data-test-id": `md-editor-variable-${variableType}-${path}`,
140980
141113
  "data-variable-type": variableType,
140981
141114
  "data-path": path,
140982
141115
  title: displayName || fullSyntax,
@@ -141201,7 +141334,7 @@ ${code2}
141201
141334
  backgroundColor: config2.bgColor,
141202
141335
  color: config2.color
141203
141336
  },
141204
- "data-id": `md-editor-mention-${mentionType}-${name.toLowerCase().replace(/\s+/g, "-")}`,
141337
+ "data-test-id": `md-editor-mention-${mentionType}-${name.toLowerCase().replace(/\s+/g, "-")}`,
141205
141338
  "data-mention-type": mentionType,
141206
141339
  "data-name": name,
141207
141340
  title: name,
@@ -141272,9 +141405,9 @@ ${code2}
141272
141405
  },
141273
141406
  id: {
141274
141407
  default: "",
141275
- parseHTML: (element) => element.getAttribute("data-id"),
141408
+ parseHTML: (element) => element.getAttribute("data-test-id"),
141276
141409
  renderHTML: (attributes) => ({
141277
- "data-id": attributes["id"]
141410
+ "data-test-id": attributes["id"]
141278
141411
  })
141279
141412
  },
141280
141413
  name: {
@@ -142084,7 +142217,7 @@ ${code2}
142084
142217
  {
142085
142218
  ref: menuRef,
142086
142219
  className: "k-md-editor-slash-menu w-[300px] max-h-[360px] bg-white rounded-lg shadow-lg overflow-hidden flex flex-col",
142087
- "data-id": "md-editor-slash-menu",
142220
+ "data-test-id": "md-editor-slash-menu",
142088
142221
  children: [
142089
142222
  hasBlockItems && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
142090
142223
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-semibold text-gray-400 uppercase tracking-wide pl-1", children: "Blocks" }) }),
@@ -142106,7 +142239,7 @@ ${code2}
142106
142239
  title: `${item.label}${item.shortcut ? ` (${item.shortcut})` : ""}`,
142107
142240
  className: `flex items-center justify-center w-9 h-9 p-0 border-0 rounded-lg cursor-pointer transition-all duration-150 shrink-0 ${isSelected ? "bg-gray-200 text-gray-800" : "bg-gray-50 text-gray-500 hover:bg-gray-200 hover:text-gray-800"}`,
142108
142241
  onMouseEnter: () => setSelectedIndex(index),
142109
- "data-id": `md-editor-slash-block-${item.id}`,
142242
+ "data-test-id": `md-editor-slash-block-${item.id}`,
142110
142243
  children: item.icon
142111
142244
  },
142112
142245
  item.id
@@ -142125,7 +142258,7 @@ ${code2}
142125
142258
  onClick: handleBack,
142126
142259
  className: "flex items-center justify-center w-6 h-6 p-0 border-0 bg-gray-100 rounded cursor-pointer text-gray-500 hover:bg-gray-200",
142127
142260
  "aria-label": "Go back",
142128
- "data-id": "md-editor-slash-back-btn",
142261
+ "data-test-id": "md-editor-slash-back-btn",
142129
142262
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { size: 16 })
142130
142263
  }
142131
142264
  ),
@@ -142145,7 +142278,7 @@ ${code2}
142145
142278
  },
142146
142279
  placeholder: "Search...",
142147
142280
  className: "flex-1 bg-transparent text-sm border-0 outline-none text-gray-700 placeholder:text-gray-400",
142148
- "data-id": "md-editor-slash-search"
142281
+ "data-test-id": "md-editor-slash-search"
142149
142282
  }
142150
142283
  )
142151
142284
  ] }) })
@@ -142180,7 +142313,7 @@ ${code2}
142180
142313
  title: isDisabled ? disabledReason : void 0,
142181
142314
  className: `flex items-center gap-2.5 w-full py-2 px-2.5 border-0 rounded-md text-left transition-colors duration-100 ${isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${isSelected && !isDisabled ? "bg-gray-100" : "bg-transparent hover:bg-gray-100"}`,
142182
142315
  onMouseEnter: () => !isDisabled && setSelectedIndex(adjustedIndex),
142183
- "data-id": `md-editor-slash-item-${"id" in item ? item.id : label.toLowerCase().replace(/\s+/g, "-")}`,
142316
+ "data-test-id": `md-editor-slash-item-${"id" in item ? item.id : label.toLowerCase().replace(/\s+/g, "-")}`,
142184
142317
  children: [
142185
142318
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `flex items-center justify-center w-7 h-7 rounded-md bg-gray-100 shrink-0 ${isDisabled ? "text-gray-300" : "text-gray-500"}`, children: getIcon(item) }),
142186
142319
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-[13px] font-medium truncate ${isDisabled ? "text-gray-400" : "text-gray-800"}`, children: label }) }),
@@ -142824,7 +142957,7 @@ ${code2}
142824
142957
  ref: menuRef,
142825
142958
  className: "k-md-editor-variable-menu fixed w-[280px] max-h-[320px] bg-white rounded-lg shadow-lg z-[9999] overflow-hidden flex flex-col",
142826
142959
  style: { top: adjustedPosition.top, left: adjustedPosition.left },
142827
- "data-id": "md-editor-variable-menu",
142960
+ "data-test-id": "md-editor-variable-menu",
142828
142961
  children: [
142829
142962
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b border-gray-200 flex items-center gap-2", children: [
142830
142963
  activeCategory && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -142834,7 +142967,7 @@ ${code2}
142834
142967
  onClick: handleBack,
142835
142968
  className: "flex items-center justify-center w-6 h-6 p-0 border-0 bg-gray-100 rounded cursor-pointer text-gray-500 hover:bg-gray-200",
142836
142969
  "aria-label": "Go back",
142837
- "data-id": "md-editor-variable-back-btn",
142970
+ "data-test-id": "md-editor-variable-back-btn",
142838
142971
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { size: 16 })
142839
142972
  }
142840
142973
  ),
@@ -142862,7 +142995,7 @@ ${code2}
142862
142995
  },
142863
142996
  placeholder: "memory.store.field",
142864
142997
  className: "flex-1 border border-blue-300 bg-white rounded px-2 py-1.5 outline-none text-[13px] text-gray-700 font-mono focus:border-blue-500 focus:ring-1 focus:ring-blue-500",
142865
- "data-id": "md-editor-custom-variable-input"
142998
+ "data-test-id": "md-editor-custom-variable-input"
142866
142999
  }
142867
143000
  ),
142868
143001
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[14px] font-mono text-gray-500", children: "}}" })
@@ -142900,7 +143033,7 @@ ${code2}
142900
143033
  onChange: (e) => onQueryChange(e.target.value),
142901
143034
  placeholder: "Search...",
142902
143035
  className: "flex-1 border-0 bg-transparent outline-none text-[13px] text-gray-700",
142903
- "data-id": "md-editor-variable-search"
143036
+ "data-test-id": "md-editor-variable-search"
142904
143037
  }
142905
143038
  )
142906
143039
  ] }) }),
@@ -142922,7 +143055,7 @@ ${code2}
142922
143055
  onClick: () => handleItemClick(item),
142923
143056
  className: `flex items-center gap-2.5 w-full py-2 px-2.5 border-0 rounded-md text-left cursor-pointer transition-colors duration-100 ${index === selectedIndex ? "bg-gray-100" : "bg-transparent hover:bg-gray-100"}`,
142924
143057
  onMouseEnter: () => setSelectedIndex(index),
142925
- "data-id": `md-editor-variable-item-${isCategory ? item.id : item.id}`,
143058
+ "data-test-id": `md-editor-variable-item-${isCategory ? item.id : item.id}`,
142926
143059
  children: [
142927
143060
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center justify-center w-7 h-7 rounded-md bg-gray-100 text-gray-500 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: 16 }) }),
142928
143061
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -142942,7 +143075,7 @@ ${code2}
142942
143075
  onClick: () => handleItemClick("custom"),
142943
143076
  className: `flex items-center gap-2.5 w-full py-2 px-2.5 border-0 rounded-md text-left cursor-pointer transition-colors duration-100 border-t border-gray-100 mt-1 pt-2 ${selectedIndex === items.length ? "bg-blue-50" : "bg-transparent hover:bg-blue-50"}`,
142944
143077
  onMouseEnter: () => setSelectedIndex(items.length),
142945
- "data-id": "md-editor-variable-custom",
143078
+ "data-test-id": "md-editor-variable-custom",
142946
143079
  children: [
142947
143080
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center justify-center w-7 h-7 rounded-md bg-blue-100 text-blue-600 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 16 }) }),
142948
143081
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -143026,7 +143159,7 @@ ${code2}
143026
143159
  "div",
143027
143160
  {
143028
143161
  className: "k-md-editor-link-editor flex items-center gap-1.5 p-1 bg-gray-800 rounded-lg shadow-lg min-w-[280px]",
143029
- "data-id": "md-editor-link-editor",
143162
+ "data-test-id": "md-editor-link-editor",
143030
143163
  onMouseDown: (e) => e.stopPropagation(),
143031
143164
  children: [
143032
143165
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 bg-gray-700 rounded-md px-2 gap-1.5", children: [
@@ -143041,7 +143174,7 @@ ${code2}
143041
143174
  onKeyDown: handleKeyDown2,
143042
143175
  placeholder: "Enter URL...",
143043
143176
  className: "flex-1 h-8 bg-transparent border-none outline-none text-gray-100 text-[13px] font-inherit min-w-[150px]",
143044
- "data-id": "md-editor-link-input"
143177
+ "data-test-id": "md-editor-link-input"
143045
143178
  }
143046
143179
  )
143047
143180
  ] }),
@@ -143052,7 +143185,7 @@ ${code2}
143052
143185
  onClick: handleOpenLink,
143053
143186
  title: "Open link",
143054
143187
  className: "flex items-center justify-center w-7 h-7 p-0 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 transition-all duration-150 hover:bg-gray-700 hover:text-blue-400",
143055
- "data-id": "md-editor-link-open",
143188
+ "data-test-id": "md-editor-link-open",
143056
143189
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { size: 14 })
143057
143190
  }
143058
143191
  ),
@@ -143063,7 +143196,7 @@ ${code2}
143063
143196
  onClick: handleRemoveLink,
143064
143197
  title: "Remove link",
143065
143198
  className: "flex items-center justify-center w-7 h-7 p-0 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 transition-all duration-150 hover:bg-gray-700 hover:text-red-500",
143066
- "data-id": "md-editor-link-remove",
143199
+ "data-test-id": "md-editor-link-remove",
143067
143200
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link2Off, { size: 14 })
143068
143201
  }
143069
143202
  ),
@@ -143074,7 +143207,7 @@ ${code2}
143074
143207
  onClick: handleSubmit,
143075
143208
  title: "Apply link",
143076
143209
  className: "flex items-center justify-center w-7 h-7 p-0 border-0 rounded-md cursor-pointer bg-blue-500 text-white transition-all duration-150 hover:bg-blue-600",
143077
- "data-id": "md-editor-link-apply",
143210
+ "data-test-id": "md-editor-link-apply",
143078
143211
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 14 })
143079
143212
  }
143080
143213
  ),
@@ -143085,7 +143218,7 @@ ${code2}
143085
143218
  onClick: onClose,
143086
143219
  title: "Cancel",
143087
143220
  className: "flex items-center justify-center w-7 h-7 p-0 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 transition-all duration-150 hover:bg-gray-700 hover:text-white",
143088
- "data-id": "md-editor-link-cancel",
143221
+ "data-test-id": "md-editor-link-cancel",
143089
143222
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 14 })
143090
143223
  }
143091
143224
  )
@@ -143212,7 +143345,7 @@ ${code2}
143212
143345
  "div",
143213
143346
  {
143214
143347
  className: "k-md-editor-inline-toolbar flex items-center gap-0.5 p-1 bg-gray-800 rounded-lg shadow-lg pointer-events-auto",
143215
- "data-id": "md-editor-inline-toolbar",
143348
+ "data-test-id": "md-editor-inline-toolbar",
143216
143349
  onMouseDown: (e) => {
143217
143350
  e.stopPropagation();
143218
143351
  },
@@ -143236,7 +143369,7 @@ ${code2}
143236
143369
  title: `${item.label}${item.shortcut ? ` (${item.shortcut})` : ""}`,
143237
143370
  "aria-label": item.label,
143238
143371
  "aria-pressed": isActive2,
143239
- "data-id": `md-editor-toolbar-${item.id}`,
143372
+ "data-test-id": `md-editor-toolbar-${item.id}`,
143240
143373
  children: item.icon
143241
143374
  }
143242
143375
  ),
@@ -143256,7 +143389,7 @@ ${code2}
143256
143389
  className: `flex items-center justify-center w-8 h-8 p-0 border-0 rounded-md cursor-pointer transition-colors duration-150 pointer-events-auto ${isLinkActive ? "bg-gray-700 text-blue-400" : "bg-transparent text-gray-400 hover:bg-gray-700 hover:text-blue-400"}`,
143257
143390
  "aria-label": "Link",
143258
143391
  "aria-pressed": isLinkActive,
143259
- "data-id": "md-editor-toolbar-link",
143392
+ "data-test-id": "md-editor-toolbar-link",
143260
143393
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, { size: 16 })
143261
143394
  }
143262
143395
  ),
@@ -143274,7 +143407,7 @@ ${code2}
143274
143407
  title: "Refine with AI (⌘⇧R)",
143275
143408
  className: "k-md-editor-inline-toolbar__ai-btn flex items-center justify-center gap-1 h-8 px-2.5 border-0 rounded-md cursor-pointer transition-colors duration-150 bg-transparent text-violet-400 text-xs font-medium pointer-events-auto hover:bg-violet-900 hover:text-white",
143276
143409
  "aria-label": "Refine with AI",
143277
- "data-id": "md-editor-toolbar-ai-refine",
143410
+ "data-test-id": "md-editor-toolbar-ai-refine",
143278
143411
  children: [
143279
143412
  /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { size: 14 }),
143280
143413
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "AI" })
@@ -143295,7 +143428,7 @@ ${code2}
143295
143428
  title: "Delete selection",
143296
143429
  className: "flex items-center justify-center w-8 h-8 p-0 border-0 rounded-md cursor-pointer transition-colors duration-150 bg-transparent text-gray-400 pointer-events-auto hover:bg-red-500/20 hover:text-red-400",
143297
143430
  "aria-label": "Delete",
143298
- "data-id": "md-editor-toolbar-delete",
143431
+ "data-test-id": "md-editor-toolbar-delete",
143299
143432
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 16 })
143300
143433
  }
143301
143434
  )
@@ -143592,7 +143725,7 @@ ${code2}
143592
143725
  {
143593
143726
  className: "k-md-editor-drag-handle-container absolute left-1 flex items-center gap-0.5 z-10 opacity-100 pointer-events-auto h-6 px-1.5 py-1 -ml-1 mt-0.5 rounded-md hover:bg-black/[0.03]",
143594
143727
  style: { top: handleTop },
143595
- "data-id": "md-editor-drag-handle",
143728
+ "data-test-id": "md-editor-drag-handle",
143596
143729
  onMouseEnter: () => {
143597
143730
  },
143598
143731
  onMouseLeave: () => {
@@ -143612,7 +143745,7 @@ ${code2}
143612
143745
  className: "flex items-center justify-center w-[22px] h-[22px] p-0 border-0 rounded bg-transparent text-gray-400 cursor-pointer transition-all duration-150 hover:bg-black/[0.08] hover:text-gray-700",
143613
143746
  onClick: handleAddClick,
143614
143747
  title: "Add block below",
143615
- "data-id": "md-editor-add-block-btn",
143748
+ "data-test-id": "md-editor-add-block-btn",
143616
143749
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 14 })
143617
143750
  }
143618
143751
  ),
@@ -143623,7 +143756,7 @@ ${code2}
143623
143756
  draggable: "true",
143624
143757
  onDragStart: handleDragStart,
143625
143758
  title: "Drag to reorder",
143626
- "data-id": "md-editor-drag-grip",
143759
+ "data-test-id": "md-editor-drag-grip",
143627
143760
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(GripVertical, { size: 14 })
143628
143761
  }
143629
143762
  )
@@ -143669,7 +143802,7 @@ ${code2}
143669
143802
  "div",
143670
143803
  {
143671
143804
  className: `inline-flex items-center gap-1.5 px-2 py-1.5 rounded-lg shadow-lg z-50 ${isDark ? "bg-gray-800 border border-gray-700" : "bg-white border border-gray-200"}`,
143672
- "data-id": "md-editor-table-toolbar",
143805
+ "data-test-id": "md-editor-table-toolbar",
143673
143806
  children: [
143674
143807
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
143675
143808
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-medium uppercase tracking-wide mr-1 ${isDark ? "text-gray-500" : "text-gray-400"}`, children: "Row" }),
@@ -143680,7 +143813,7 @@ ${code2}
143680
143813
  onClick: addRowBefore2,
143681
143814
  className: btnBase,
143682
143815
  title: "Add row above",
143683
- "data-id": "md-editor-table-add-row-above",
143816
+ "data-test-id": "md-editor-table-add-row-above",
143684
143817
  children: [
143685
143818
  /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { size: 14 }),
143686
143819
  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 10 })
@@ -143694,7 +143827,7 @@ ${code2}
143694
143827
  onClick: addRowAfter2,
143695
143828
  className: btnBase,
143696
143829
  title: "Add row below",
143697
- "data-id": "md-editor-table-add-row-below",
143830
+ "data-test-id": "md-editor-table-add-row-below",
143698
143831
  children: [
143699
143832
  /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDown, { size: 14 }),
143700
143833
  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 10 })
@@ -143708,7 +143841,7 @@ ${code2}
143708
143841
  onClick: deleteRow2,
143709
143842
  className: btnDanger,
143710
143843
  title: "Delete row",
143711
- "data-id": "md-editor-table-delete-row",
143844
+ "data-test-id": "md-editor-table-delete-row",
143712
143845
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { size: 14 })
143713
143846
  }
143714
143847
  )
@@ -143723,7 +143856,7 @@ ${code2}
143723
143856
  onClick: addColumnBefore2,
143724
143857
  className: btnBase,
143725
143858
  title: "Add column left",
143726
- "data-id": "md-editor-table-add-col-left",
143859
+ "data-test-id": "md-editor-table-add-col-left",
143727
143860
  children: [
143728
143861
  /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { size: 14 }),
143729
143862
  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 10 })
@@ -143737,7 +143870,7 @@ ${code2}
143737
143870
  onClick: addColumnAfter2,
143738
143871
  className: btnBase,
143739
143872
  title: "Add column right",
143740
- "data-id": "md-editor-table-add-col-right",
143873
+ "data-test-id": "md-editor-table-add-col-right",
143741
143874
  children: [
143742
143875
  /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { size: 14 }),
143743
143876
  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 10 })
@@ -143751,7 +143884,7 @@ ${code2}
143751
143884
  onClick: deleteColumn2,
143752
143885
  className: btnDanger,
143753
143886
  title: "Delete column",
143754
- "data-id": "md-editor-table-delete-col",
143887
+ "data-test-id": "md-editor-table-delete-col",
143755
143888
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { size: 14 })
143756
143889
  }
143757
143890
  )
@@ -143764,7 +143897,7 @@ ${code2}
143764
143897
  onClick: deleteTable2,
143765
143898
  className: `${btnDanger} shrink-0`,
143766
143899
  title: "Delete table",
143767
- "data-id": "md-editor-table-delete",
143900
+ "data-test-id": "md-editor-table-delete",
143768
143901
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 14 })
143769
143902
  }
143770
143903
  )
@@ -144241,7 +144374,7 @@ ${code2}
144241
144374
  "div",
144242
144375
  {
144243
144376
  className: `shrink-0 rounded-xl mb-2 border overflow-hidden transition-all duration-300 ${isDark ? "bg-gray-800/80 border-white/10 backdrop-blur-sm" : "bg-white/90 border-black/[0.08] backdrop-blur-sm shadow-sm"}`,
144244
- "data-id": "md-editor-ai-tips-section",
144377
+ "data-test-id": "md-editor-ai-tips-section",
144245
144378
  children: [
144246
144379
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
144247
144380
  "button",
@@ -144249,7 +144382,7 @@ ${code2}
144249
144382
  type: "button",
144250
144383
  onClick: () => setIsTipsExpanded(!isTipsExpanded),
144251
144384
  className: `w-full flex items-center justify-between px-3.5 py-2 transition-colors ${isDark ? "hover:bg-white/5" : "hover:bg-black/[0.02]"}`,
144252
- "data-id": "md-editor-ai-tips-toggle",
144385
+ "data-test-id": "md-editor-ai-tips-toggle",
144253
144386
  children: [
144254
144387
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
144255
144388
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex items-center justify-center w-5 h-5 rounded-md ${isDark ? "bg-amber-500/20 text-amber-400" : "bg-amber-500/15 text-amber-600"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { size: 12 }) }),
@@ -144369,7 +144502,7 @@ ${code2}
144369
144502
  className: "flex items-center justify-center w-8 h-8 rounded-lg bg-white/15 text-white cursor-pointer transition-all hover:bg-white/25 hover:scale-105",
144370
144503
  onClick: handleReset,
144371
144504
  title: "Start over",
144372
- "data-id": "md-editor-ai-reset-btn",
144505
+ "data-test-id": "md-editor-ai-reset-btn",
144373
144506
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { size: 16 })
144374
144507
  }
144375
144508
  ),
@@ -144379,7 +144512,7 @@ ${code2}
144379
144512
  className: "flex items-center justify-center w-8 h-8 rounded-lg bg-white/15 text-white cursor-pointer transition-all hover:bg-red-500/80",
144380
144513
  onClick: onClose,
144381
144514
  title: "Close",
144382
- "data-id": "md-editor-ai-close-btn",
144515
+ "data-test-id": "md-editor-ai-close-btn",
144383
144516
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { size: 18 })
144384
144517
  }
144385
144518
  )
@@ -144393,7 +144526,7 @@ ${code2}
144393
144526
  "div",
144394
144527
  {
144395
144528
  className: `relative flex items-start gap-2 w-full px-3 py-2.5 rounded-lg text-left mt-2 transition-all duration-300 border ${isDark ? "bg-white/5 border-white/10" : "bg-black/[0.03] border-black/5"} ${showSelectionHighlight ? "k-md-editor-snake-border" : ""}`,
144396
- "data-id": "md-editor-ai-selection-box",
144529
+ "data-test-id": "md-editor-ai-selection-box",
144397
144530
  children: [
144398
144531
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide rounded-md transition-all duration-300 ${showSelectionHighlight ? "text-white bg-gradient-to-r from-violet-500 to-indigo-500 scale-105 shadow-md" : isDark ? "text-violet-400 bg-violet-500/20" : "text-violet-600 bg-violet-500/10"}`, children: context.type === "selection" ? "Selection" : "Full" }),
144399
144532
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs leading-snug break-words ${isDark ? "text-gray-300" : "text-gray-600"} ${isContentExpanded ? "" : "line-clamp-4"}`, children: context.originalText || "(No content selected)" }) }),
@@ -144404,7 +144537,7 @@ ${code2}
144404
144537
  onClick: () => setIsContentExpanded(!isContentExpanded),
144405
144538
  className: `shrink-0 p-1 rounded transition-all duration-200 ${isDark ? "text-gray-500 hover:text-gray-300 hover:bg-white/10" : "text-gray-400 hover:text-gray-600 hover:bg-black/5"}`,
144406
144539
  title: isContentExpanded ? "Show less" : "Show more",
144407
- "data-id": "md-editor-ai-expand-btn",
144540
+ "data-test-id": "md-editor-ai-expand-btn",
144408
144541
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
144409
144542
  ChevronDown,
144410
144543
  {
@@ -144429,13 +144562,13 @@ ${code2}
144429
144562
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: messagesEndRef })
144430
144563
  ] }),
144431
144564
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-col gap-2.5 px-3.5 py-3 border-t shrink-0 rounded-b-xl ${isDark ? "bg-gradient-to-b from-transparent to-black/20 border-white/5" : "bg-gradient-to-b from-transparent to-black/[0.02] border-black/5"}`, children: [
144432
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5", "data-id": "md-editor-ai-quick-actions", children: QUICK_ACTIONS.map((action) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
144565
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5", "data-test-id": "md-editor-ai-quick-actions", children: QUICK_ACTIONS.map((action) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
144433
144566
  "button",
144434
144567
  {
144435
144568
  className: `flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-full cursor-pointer transition-all disabled:opacity-50 disabled:cursor-not-allowed ${isDark ? "bg-gray-700 text-gray-300 hover:bg-violet-500 hover:text-white" : "bg-gray-100 text-gray-600 hover:bg-violet-500 hover:text-white"} active:scale-95`,
144436
144569
  onClick: () => handleQuickAction(action),
144437
144570
  disabled: isLoading,
144438
- "data-id": `md-editor-ai-action-${action.id}`,
144571
+ "data-test-id": `md-editor-ai-action-${action.id}`,
144439
144572
  children: [
144440
144573
  action.icon,
144441
144574
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: action.label })
@@ -144448,7 +144581,7 @@ ${code2}
144448
144581
  {
144449
144582
  ref: mentionMenuRef,
144450
144583
  className: `rounded-lg border shadow-lg overflow-hidden max-h-[280px] flex flex-col ${isDark ? "bg-gray-800 border-gray-600" : "bg-white border-gray-200"}`,
144451
- "data-id": "md-editor-ai-mention-menu",
144584
+ "data-test-id": "md-editor-ai-mention-menu",
144452
144585
  children: [
144453
144586
  mentionQuery && !selectedCategory && searchResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-1 overflow-y-auto", children: [
144454
144587
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `px-3 py-1.5 text-[10px] font-medium uppercase tracking-wide ${isDark ? "text-gray-500" : "text-gray-400"}`, children: "Results" }),
@@ -144459,7 +144592,7 @@ ${code2}
144459
144592
  {
144460
144593
  className: `w-full flex items-center gap-2 px-3 py-2 text-left transition-colors ${index === selectedMentionIndex ? isDark ? "bg-violet-500/20 text-violet-300" : "bg-violet-50 text-violet-700" : isDark ? "text-gray-300 hover:bg-white/5" : "text-gray-700 hover:bg-gray-50"}`,
144461
144594
  onClick: () => insertMentionItem(item, item.category),
144462
- "data-id": `md-editor-ai-mention-${isVariable ? item.path : item.id}`,
144595
+ "data-test-id": `md-editor-ai-mention-${isVariable ? item.path : item.id}`,
144463
144596
  children: [
144464
144597
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs px-1.5 py-0.5 rounded ${isDark ? "bg-gray-700 text-gray-400" : "bg-gray-100 text-gray-500"}`, children: item.category }),
144465
144598
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium truncate", children: item.name }),
@@ -144485,7 +144618,7 @@ ${code2}
144485
144618
  {
144486
144619
  className: `w-full flex items-center justify-between gap-2 px-3 py-2 text-left transition-colors ${index === selectedMentionIndex ? isDark ? "bg-violet-500/20 text-violet-300" : "bg-violet-50 text-violet-700" : isDark ? "text-gray-300 hover:bg-white/5" : "text-gray-700 hover:bg-gray-50"}`,
144487
144620
  onClick: () => handleCategorySelect(category.type),
144488
- "data-id": `md-editor-ai-mention-category-${category.type}`,
144621
+ "data-test-id": `md-editor-ai-mention-category-${category.type}`,
144489
144622
  children: [
144490
144623
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
144491
144624
  category.icon,
@@ -144510,7 +144643,7 @@ ${code2}
144510
144643
  {
144511
144644
  className: `flex items-center gap-1 text-xs transition-colors ${isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700"}`,
144512
144645
  onClick: handleBackToCategories,
144513
- "data-id": "md-editor-ai-mention-back",
144646
+ "data-test-id": "md-editor-ai-mention-back",
144514
144647
  children: [
144515
144648
  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: "rotate-180" }),
144516
144649
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Back" })
@@ -144543,7 +144676,7 @@ ${code2}
144543
144676
  (_a2 = inputRef.current) == null ? void 0 : _a2.dispatchEvent(new KeyboardEvent("keydown", { key: e.key, bubbles: true }));
144544
144677
  }
144545
144678
  },
144546
- "data-id": "md-editor-ai-mention-search"
144679
+ "data-test-id": "md-editor-ai-mention-search"
144547
144680
  }
144548
144681
  )
144549
144682
  ] }) }),
@@ -144554,7 +144687,7 @@ ${code2}
144554
144687
  {
144555
144688
  className: `w-full flex flex-col gap-0.5 px-3 py-2 text-left transition-colors ${index === selectedMentionIndex ? isDark ? "bg-violet-500/20 text-violet-300" : "bg-violet-50 text-violet-700" : isDark ? "text-gray-300 hover:bg-white/5" : "text-gray-700 hover:bg-gray-50"}`,
144556
144689
  onClick: () => insertMentionItem(item, selectedCategory || void 0),
144557
- "data-id": `md-editor-ai-mention-item-${isVariable ? item.path : item.id}`,
144690
+ "data-test-id": `md-editor-ai-mention-item-${isVariable ? item.path : item.id}`,
144558
144691
  children: [
144559
144692
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: item.name }),
144560
144693
  isVariable ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isDark ? "text-gray-500" : "text-gray-400"}`, children: `{{${selectedCategory}.${item.path}}}` }) : item.description ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isDark ? "text-gray-500" : "text-gray-400"}`, children: item.description }) : null
@@ -144567,7 +144700,7 @@ ${code2}
144567
144700
  ]
144568
144701
  }
144569
144702
  ),
144570
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-end gap-2 p-1 rounded-xl border-[1.5px] transition-all ${isDark ? "bg-gray-800 border-gray-600 focus-within:border-violet-500 focus-within:shadow-[0_0_0_4px_rgba(139,92,246,0.2)]" : "bg-white border-gray-200 focus-within:border-violet-500 focus-within:shadow-[0_0_0_4px_rgba(139,92,246,0.1)]"}`, "data-id": "md-editor-ai-input-container", children: [
144703
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-end gap-2 p-1 rounded-xl border-[1.5px] transition-all ${isDark ? "bg-gray-800 border-gray-600 focus-within:border-violet-500 focus-within:shadow-[0_0_0_4px_rgba(139,92,246,0.2)]" : "bg-white border-gray-200 focus-within:border-violet-500 focus-within:shadow-[0_0_0_4px_rgba(139,92,246,0.1)]"}`, "data-test-id": "md-editor-ai-input-container", children: [
144571
144704
  /* @__PURE__ */ jsxRuntimeExports.jsx(
144572
144705
  "textarea",
144573
144706
  {
@@ -144579,7 +144712,7 @@ ${code2}
144579
144712
  onKeyDown: handleKeyDown2,
144580
144713
  rows: 1,
144581
144714
  disabled: isLoading,
144582
- "data-id": "md-editor-ai-input"
144715
+ "data-test-id": "md-editor-ai-input"
144583
144716
  }
144584
144717
  ),
144585
144718
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -144593,7 +144726,7 @@ ${code2}
144593
144726
  },
144594
144727
  disabled: !inputValue.trim() || isLoading,
144595
144728
  title: "Send",
144596
- "data-id": "md-editor-ai-send-btn",
144729
+ "data-test-id": "md-editor-ai-send-btn",
144597
144730
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { size: 18 })
144598
144731
  }
144599
144732
  )
@@ -144606,7 +144739,7 @@ ${code2}
144606
144739
  "div",
144607
144740
  {
144608
144741
  className: "flex flex-col w-[400px] min-w-[340px] max-w-[500px] h-[calc(100%-24px)] m-3 mr-3 ml-0 shrink-0 animate-[ai-panel-slide-in_0.3s_cubic-bezier(0.4,0,0.2,1)]",
144609
- "data-id": "md-editor-ai-panel-side",
144742
+ "data-test-id": "md-editor-ai-panel-side",
144610
144743
  children: [
144611
144744
  tipsContent,
144612
144745
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex-1 min-h-0 border rounded-2xl overflow-hidden ${isDark ? "border-white/10 shadow-[-4px_0_32px_rgba(0,0,0,0.4)]" : "border-black/[0.08] shadow-[-4px_0_32px_rgba(0,0,0,0.12)]"}`, children: panelContent })
@@ -144614,13 +144747,13 @@ ${code2}
144614
144747
  }
144615
144748
  );
144616
144749
  case "inline-popup":
144617
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", "data-id": "md-editor-ai-panel-popup", children: [
144750
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", "data-test-id": "md-editor-ai-panel-popup", children: [
144618
144751
  /* @__PURE__ */ jsxRuntimeExports.jsx(
144619
144752
  "div",
144620
144753
  {
144621
144754
  className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-[ai-backdrop-in_0.2s_ease-out]",
144622
144755
  onClick: onClose,
144623
- "data-id": "md-editor-ai-panel-backdrop"
144756
+ "data-test-id": "md-editor-ai-panel-backdrop"
144624
144757
  }
144625
144758
  ),
144626
144759
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-[90%] max-w-[600px] max-h-[80vh] flex flex-col gap-2 animate-[ai-popup-scale-in_0.3s_cubic-bezier(0.4,0,0.2,1)]", children: [
@@ -144629,19 +144762,19 @@ ${code2}
144629
144762
  ] })
144630
144763
  ] });
144631
144764
  case "bottom-drawer":
144632
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[9999] flex flex-col justify-end", "data-id": "md-editor-ai-panel-drawer", children: [
144765
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[9999] flex flex-col justify-end", "data-test-id": "md-editor-ai-panel-drawer", children: [
144633
144766
  /* @__PURE__ */ jsxRuntimeExports.jsx(
144634
144767
  "div",
144635
144768
  {
144636
144769
  className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
144637
144770
  onClick: onClose,
144638
- "data-id": "md-editor-ai-panel-backdrop"
144771
+ "data-test-id": "md-editor-ai-panel-backdrop"
144639
144772
  }
144640
144773
  ),
144641
144774
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full max-h-[70vh] flex flex-col gap-2 px-4 pb-4 animate-[ai-drawer-slide-up_0.4s_cubic-bezier(0.4,0,0.2,1)]", children: [
144642
144775
  tipsContent,
144643
144776
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 rounded-t-[24px] overflow-hidden shadow-[0_-10px_40px_rgba(0,0,0,0.2)]", children: [
144644
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-10 h-1 rounded-full mx-auto mt-3 mb-2 ${isDark ? "bg-white/20" : "bg-black/20"}`, "data-id": "md-editor-ai-panel-drawer-handle" }),
144777
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-10 h-1 rounded-full mx-auto mt-3 mb-2 ${isDark ? "bg-white/20" : "bg-black/20"}`, "data-test-id": "md-editor-ai-panel-drawer-handle" }),
144645
144778
  panelContent
144646
144779
  ] })
144647
144780
  ] })
@@ -144651,7 +144784,7 @@ ${code2}
144651
144784
  "div",
144652
144785
  {
144653
144786
  className: "flex flex-col w-[400px] min-w-[340px] max-w-[500px] h-[calc(100%-24px)] m-3 mr-3 ml-0 shrink-0 animate-[ai-panel-slide-in_0.3s_cubic-bezier(0.4,0,0.2,1)]",
144654
- "data-id": "md-editor-ai-panel",
144787
+ "data-test-id": "md-editor-ai-panel",
144655
144788
  children: [
144656
144789
  tipsContent,
144657
144790
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex-1 min-h-0 border rounded-2xl overflow-hidden ${isDark ? "border-white/10 shadow-[-4px_0_32px_rgba(0,0,0,0.4)]" : "border-black/[0.08] shadow-[-4px_0_32px_rgba(0,0,0,0.12)]"}`, children: panelContent })
@@ -144732,14 +144865,14 @@ ${code2}
144732
144865
  ref: menuRef,
144733
144866
  className: "ai-context-menu fixed z-[9999] min-w-[180px] bg-gray-800 rounded-lg shadow-xl p-1 overflow-hidden",
144734
144867
  style: { top: adjustedPosition.y, left: adjustedPosition.x },
144735
- "data-id": "md-editor-context-menu",
144868
+ "data-test-id": "md-editor-context-menu",
144736
144869
  children: [
144737
144870
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
144738
144871
  "button",
144739
144872
  {
144740
144873
  className: "ai-context-menu__item ai-context-menu__item--ai flex items-center gap-2.5 w-full py-2.5 px-3 border-0 rounded-md cursor-pointer bg-violet-500/10 text-violet-400 text-sm font-medium text-left transition-colors duration-150 hover:bg-violet-500/20",
144741
144874
  onClick: handleAIRefine,
144742
- "data-id": "md-editor-context-ai-refine",
144875
+ "data-test-id": "md-editor-context-ai-refine",
144743
144876
  children: [
144744
144877
  /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { size: 16 }),
144745
144878
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: hasSelection2 ? "Refine Selection with AI" : "Refine with AI" }),
@@ -144754,7 +144887,7 @@ ${code2}
144754
144887
  {
144755
144888
  className: "ai-context-menu__item flex items-center gap-2.5 w-full py-2 px-3 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 text-sm text-left transition-colors duration-150 hover:bg-gray-700 hover:text-white",
144756
144889
  onClick: handleCut,
144757
- "data-id": "md-editor-context-cut",
144890
+ "data-test-id": "md-editor-context-cut",
144758
144891
  children: [
144759
144892
  /* @__PURE__ */ jsxRuntimeExports.jsx(Scissors, { size: 16 }),
144760
144893
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cut" }),
@@ -144767,7 +144900,7 @@ ${code2}
144767
144900
  {
144768
144901
  className: "ai-context-menu__item flex items-center gap-2.5 w-full py-2 px-3 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 text-sm text-left transition-colors duration-150 hover:bg-gray-700 hover:text-white",
144769
144902
  onClick: handleCopy,
144770
- "data-id": "md-editor-context-copy",
144903
+ "data-test-id": "md-editor-context-copy",
144771
144904
  children: [
144772
144905
  /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 16 }),
144773
144906
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Copy" }),
@@ -144781,7 +144914,7 @@ ${code2}
144781
144914
  {
144782
144915
  className: "ai-context-menu__item flex items-center gap-2.5 w-full py-2 px-3 border-0 rounded-md cursor-pointer bg-transparent text-gray-400 text-sm text-left transition-colors duration-150 hover:bg-gray-700 hover:text-white",
144783
144916
  onClick: handlePaste2,
144784
- "data-id": "md-editor-context-paste",
144917
+ "data-test-id": "md-editor-context-paste",
144785
144918
  children: [
144786
144919
  /* @__PURE__ */ jsxRuntimeExports.jsx(Clipboard, { size: 16 }),
144787
144920
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Paste" }),
@@ -145513,7 +145646,7 @@ ${code2}
145513
145646
  [editor, insertVariable, insertMention, openAIRefine, closeAIRefine, toggleRawMode, isRawMode]
145514
145647
  );
145515
145648
  if (!editor) {
145516
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `k-md-editor k-md-editor--${theme} flex items-center justify-center min-h-[200px] ${className}`, "data-id": "md-editor-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full min-h-[200px] rounded bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 bg-[length:200%_100%] animate-pulse" }) });
145649
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `k-md-editor k-md-editor--${theme} flex items-center justify-center min-h-[200px] ${className}`, "data-test-id": "md-editor-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full min-h-[200px] rounded bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 bg-[length:200%_100%] animate-pulse" }) });
145517
145650
  }
145518
145651
  const isAIEnabled = mergedAIConfig.enabled && onAIRefine && !readOnly;
145519
145652
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -145521,7 +145654,7 @@ ${code2}
145521
145654
  {
145522
145655
  ref: editorContainerRef,
145523
145656
  className: `k-md-editor k-md-editor--${theme} ${readOnly ? "pointer-events-none opacity-80" : ""} ${mergedFeatures.dragDrop ? "k-md-editor--drag-enabled" : ""} ${aiPanelOpen && mergedAIConfig.panelPosition === "side-panel" ? "k-md-editor--ai-panel-open" : ""} ${className}`,
145524
- "data-id": "md-editor",
145657
+ "data-test-id": "md-editor",
145525
145658
  "data-theme": theme,
145526
145659
  children: [
145527
145660
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "k-md-editor__main flex flex-col flex-1 min-w-0 h-full relative transition-[flex] duration-[250ms] ease-[cubic-bezier(0.4,0,0.2,1)]", children: [
@@ -145624,7 +145757,7 @@ ${code2}
145624
145757
  onClick: toggleRawMode,
145625
145758
  className: "absolute top-2 right-2 p-1.5 rounded-md z-10 transition-all duration-200\n bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm\n border border-gray-200 dark:border-gray-700\n hover:bg-gray-100 dark:hover:bg-gray-700\n hover:border-gray-300 dark:hover:border-gray-600\n text-gray-600 dark:text-gray-400\n hover:text-gray-900 dark:hover:text-gray-100\n shadow-sm hover:shadow",
145626
145759
  title: isRawMode ? "Switch to rich editor" : "Switch to raw markdown",
145627
- "data-id": "md-editor-raw-toggle",
145760
+ "data-test-id": "md-editor-raw-toggle",
145628
145761
  children: isRawMode ? (
145629
145762
  // Eye icon (switch to rich/preview mode)
145630
145763
  /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
@@ -145646,7 +145779,7 @@ ${code2}
145646
145779
  onChange: (e) => handleRawMarkdownChange(e.target.value),
145647
145780
  className: "k-md-editor__raw-textarea w-full h-full min-h-[200px] p-4 pr-12\n font-mono text-sm leading-relaxed resize-none\n bg-gray-50 dark:bg-gray-900\n text-gray-900 dark:text-gray-100\n border-0 focus:outline-none focus:ring-0\n placeholder:text-gray-400 dark:placeholder:text-gray-600",
145648
145781
  placeholder: "Write your markdown here...\n\n# Heading\n## Subheading\n- Bullet point\n1. Numbered list\n**bold** _italic_ `code`",
145649
- "data-id": "md-editor-raw-textarea",
145782
+ "data-test-id": "md-editor-raw-textarea",
145650
145783
  spellCheck: false
145651
145784
  }
145652
145785
  )