agentic-ui-libs 1.1.0-beta.4 → 1.1.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +97 -76
- package/dist/ui-libs.umd.js +97 -76
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -109887,14 +109887,18 @@ function SessionsListContent(props) {
|
|
|
109887
109887
|
}
|
|
109888
109888
|
},
|
|
109889
109889
|
// === ADDITIONAL COLUMNS (HIDDEN BY DEFAULT) ===
|
|
109890
|
-
{
|
|
109891
|
-
|
|
109892
|
-
|
|
109893
|
-
|
|
109894
|
-
|
|
109895
|
-
|
|
109896
|
-
|
|
109897
|
-
}
|
|
109890
|
+
// {
|
|
109891
|
+
// field: 'bookmarked',
|
|
109892
|
+
// headerName: '⭐️',
|
|
109893
|
+
// width: 50,
|
|
109894
|
+
// hide: true,
|
|
109895
|
+
// disabled: true,
|
|
109896
|
+
// cellRenderer: (params: any) => (
|
|
109897
|
+
// <span className={`cursor-pointer ${params.value ? 'text-yellow-500' : 'text-gray-300'}`}>
|
|
109898
|
+
// {params.value ? '★' : '☆'}
|
|
109899
|
+
// </span>
|
|
109900
|
+
// ),
|
|
109901
|
+
// },
|
|
109898
109902
|
{
|
|
109899
109903
|
field: "appvId",
|
|
109900
109904
|
headerName: "App Version ID",
|
|
@@ -109938,21 +109942,24 @@ function SessionsListContent(props) {
|
|
|
109938
109942
|
disabled: true,
|
|
109939
109943
|
valueFormatter: (params) => TracingUtils.formatTokens(params.value),
|
|
109940
109944
|
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-700", children: TracingUtils.formatTokens(params.value) })
|
|
109941
|
-
},
|
|
109942
|
-
{
|
|
109943
|
-
field: "traceTags",
|
|
109944
|
-
headerName: "Trace Tags",
|
|
109945
|
-
width: 180,
|
|
109946
|
-
hide: true,
|
|
109947
|
-
disabled: true,
|
|
109948
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1", children: [
|
|
109949
|
-
(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)),
|
|
109950
|
-
(params.value || []).length > 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-gray-500", children: [
|
|
109951
|
-
"+",
|
|
109952
|
-
params.value.length - 3
|
|
109953
|
-
] })
|
|
109954
|
-
] })
|
|
109955
109945
|
}
|
|
109946
|
+
// {
|
|
109947
|
+
// field: 'traceTags',
|
|
109948
|
+
// headerName: 'Trace Tags',
|
|
109949
|
+
// width: 180,
|
|
109950
|
+
// hide: true,
|
|
109951
|
+
// disabled: true,
|
|
109952
|
+
// cellRenderer: (params: any) => (
|
|
109953
|
+
// <div className="flex flex-wrap gap-1">
|
|
109954
|
+
// {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
|
|
109955
|
+
// <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
|
|
109956
|
+
// ))}
|
|
109957
|
+
// {(params.value || []).length > 3 && (
|
|
109958
|
+
// <span className="text-xs text-gray-500">+{params.value.length - 3}</span>
|
|
109959
|
+
// )}
|
|
109960
|
+
// </div>
|
|
109961
|
+
// ),
|
|
109962
|
+
// },
|
|
109956
109963
|
],
|
|
109957
109964
|
[]
|
|
109958
109965
|
);
|
|
@@ -110531,24 +110538,28 @@ function TracesListContent(props) {
|
|
|
110531
110538
|
}
|
|
110532
110539
|
);
|
|
110533
110540
|
baseColumns.push(
|
|
110534
|
-
{
|
|
110535
|
-
|
|
110536
|
-
|
|
110537
|
-
|
|
110538
|
-
|
|
110539
|
-
|
|
110540
|
-
|
|
110541
|
-
|
|
110542
|
-
}
|
|
110543
|
-
|
|
110544
|
-
|
|
110545
|
-
|
|
110546
|
-
|
|
110547
|
-
|
|
110548
|
-
|
|
110549
|
-
|
|
110550
|
-
|
|
110551
|
-
|
|
110541
|
+
// {
|
|
110542
|
+
// field: 'bookmarked',
|
|
110543
|
+
// headerName: '⭐️',
|
|
110544
|
+
// width: 50,
|
|
110545
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110546
|
+
// disabled: true,
|
|
110547
|
+
// cellRenderer: (params: any) => (
|
|
110548
|
+
// <span className={`cursor-pointer ${params.value ? 'text-yellow-500' : 'text-gray-300'}`}>
|
|
110549
|
+
// {params.value ? '★' : '☆'}
|
|
110550
|
+
// </span>
|
|
110551
|
+
// ),
|
|
110552
|
+
// },
|
|
110553
|
+
// {
|
|
110554
|
+
// field: 'name',
|
|
110555
|
+
// headerName: 'Name',
|
|
110556
|
+
// width: 180,
|
|
110557
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110558
|
+
// disabled: true,
|
|
110559
|
+
// cellRenderer: (params: any) => (
|
|
110560
|
+
// <span className="text-sm text-gray-900">{TracingUtils.truncate(params.value || '-', 25)}</span>
|
|
110561
|
+
// ),
|
|
110562
|
+
// },
|
|
110552
110563
|
{
|
|
110553
110564
|
field: "timestamp",
|
|
110554
110565
|
headerName: "Timestamp",
|
|
@@ -110584,15 +110595,20 @@ function TracesListContent(props) {
|
|
|
110584
110595
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `px-2 py-0.5 text-xs rounded ${levelColors[params.value] || levelColors["DEFAULT"]}`, children: params.value || "DEFAULT" });
|
|
110585
110596
|
}
|
|
110586
110597
|
},
|
|
110587
|
-
{
|
|
110588
|
-
|
|
110589
|
-
|
|
110590
|
-
|
|
110591
|
-
|
|
110592
|
-
|
|
110593
|
-
|
|
110594
|
-
|
|
110595
|
-
|
|
110598
|
+
// {
|
|
110599
|
+
// field: 'tags',
|
|
110600
|
+
// headerName: 'Tags',
|
|
110601
|
+
// width: 180,
|
|
110602
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110603
|
+
// disabled: true,
|
|
110604
|
+
// cellRenderer: (params: any) => (
|
|
110605
|
+
// <div className="flex flex-wrap gap-1">
|
|
110606
|
+
// {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
|
|
110607
|
+
// <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
|
|
110608
|
+
// ))}
|
|
110609
|
+
// </div>
|
|
110610
|
+
// ),
|
|
110611
|
+
// },
|
|
110596
110612
|
{
|
|
110597
110613
|
field: "appvId",
|
|
110598
110614
|
headerName: "App Version ID",
|
|
@@ -110646,34 +110662,39 @@ function TracesListContent(props) {
|
|
|
110646
110662
|
// DISABLED - Enable when ready
|
|
110647
110663
|
disabled: true,
|
|
110648
110664
|
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs font-medium ${TracingUtils.getCostColor(params.value || 0)}`, children: TracingUtils.formatCost(params.value) })
|
|
110649
|
-
},
|
|
110650
|
-
{
|
|
110651
|
-
field: "version",
|
|
110652
|
-
headerName: "Version",
|
|
110653
|
-
width: 100,
|
|
110654
|
-
hide: true,
|
|
110655
|
-
// DISABLED - Enable when ready
|
|
110656
|
-
disabled: true,
|
|
110657
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
|
|
110658
|
-
},
|
|
110659
|
-
{
|
|
110660
|
-
field: "release",
|
|
110661
|
-
headerName: "Release",
|
|
110662
|
-
width: 100,
|
|
110663
|
-
hide: true,
|
|
110664
|
-
// DISABLED - Enable when ready
|
|
110665
|
-
disabled: true,
|
|
110666
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
|
|
110667
|
-
},
|
|
110668
|
-
{
|
|
110669
|
-
field: "metadata",
|
|
110670
|
-
headerName: "Metadata",
|
|
110671
|
-
width: 200,
|
|
110672
|
-
hide: true,
|
|
110673
|
-
// DISABLED - Enable when ready
|
|
110674
|
-
disabled: true,
|
|
110675
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600 font-mono", children: params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : "-" })
|
|
110676
110665
|
}
|
|
110666
|
+
// {
|
|
110667
|
+
// field: 'version',
|
|
110668
|
+
// headerName: 'Version',
|
|
110669
|
+
// width: 100,
|
|
110670
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110671
|
+
// disabled: true,
|
|
110672
|
+
// cellRenderer: (params: any) => (
|
|
110673
|
+
// <span className="text-xs text-gray-600">{params.value || '-'}</span>
|
|
110674
|
+
// ),
|
|
110675
|
+
// },
|
|
110676
|
+
// {
|
|
110677
|
+
// field: 'release',
|
|
110678
|
+
// headerName: 'Release',
|
|
110679
|
+
// width: 100,
|
|
110680
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110681
|
+
// disabled: true,
|
|
110682
|
+
// cellRenderer: (params: any) => (
|
|
110683
|
+
// <span className="text-xs text-gray-600">{params.value || '-'}</span>
|
|
110684
|
+
// ),
|
|
110685
|
+
// },
|
|
110686
|
+
// {
|
|
110687
|
+
// field: 'metadata',
|
|
110688
|
+
// headerName: 'Metadata',
|
|
110689
|
+
// width: 200,
|
|
110690
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110691
|
+
// disabled: true,
|
|
110692
|
+
// cellRenderer: (params: any) => (
|
|
110693
|
+
// <span className="text-xs text-gray-600 font-mono">
|
|
110694
|
+
// {params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : '-'}
|
|
110695
|
+
// </span>
|
|
110696
|
+
// ),
|
|
110697
|
+
// },
|
|
110677
110698
|
);
|
|
110678
110699
|
return baseColumns;
|
|
110679
110700
|
},
|
package/dist/ui-libs.umd.js
CHANGED
|
@@ -109905,14 +109905,18 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
109905
109905
|
}
|
|
109906
109906
|
},
|
|
109907
109907
|
// === ADDITIONAL COLUMNS (HIDDEN BY DEFAULT) ===
|
|
109908
|
-
{
|
|
109909
|
-
|
|
109910
|
-
|
|
109911
|
-
|
|
109912
|
-
|
|
109913
|
-
|
|
109914
|
-
|
|
109915
|
-
}
|
|
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
|
+
// },
|
|
109916
109920
|
{
|
|
109917
109921
|
field: "appvId",
|
|
109918
109922
|
headerName: "App Version ID",
|
|
@@ -109956,21 +109960,24 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
109956
109960
|
disabled: true,
|
|
109957
109961
|
valueFormatter: (params) => TracingUtils.formatTokens(params.value),
|
|
109958
109962
|
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-700", children: TracingUtils.formatTokens(params.value) })
|
|
109959
|
-
},
|
|
109960
|
-
{
|
|
109961
|
-
field: "traceTags",
|
|
109962
|
-
headerName: "Trace Tags",
|
|
109963
|
-
width: 180,
|
|
109964
|
-
hide: true,
|
|
109965
|
-
disabled: true,
|
|
109966
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1", children: [
|
|
109967
|
-
(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)),
|
|
109968
|
-
(params.value || []).length > 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-gray-500", children: [
|
|
109969
|
-
"+",
|
|
109970
|
-
params.value.length - 3
|
|
109971
|
-
] })
|
|
109972
|
-
] })
|
|
109973
109963
|
}
|
|
109964
|
+
// {
|
|
109965
|
+
// field: 'traceTags',
|
|
109966
|
+
// headerName: 'Trace Tags',
|
|
109967
|
+
// width: 180,
|
|
109968
|
+
// hide: true,
|
|
109969
|
+
// disabled: true,
|
|
109970
|
+
// cellRenderer: (params: any) => (
|
|
109971
|
+
// <div className="flex flex-wrap gap-1">
|
|
109972
|
+
// {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
|
|
109973
|
+
// <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
|
|
109974
|
+
// ))}
|
|
109975
|
+
// {(params.value || []).length > 3 && (
|
|
109976
|
+
// <span className="text-xs text-gray-500">+{params.value.length - 3}</span>
|
|
109977
|
+
// )}
|
|
109978
|
+
// </div>
|
|
109979
|
+
// ),
|
|
109980
|
+
// },
|
|
109974
109981
|
],
|
|
109975
109982
|
[]
|
|
109976
109983
|
);
|
|
@@ -110549,24 +110556,28 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
110549
110556
|
}
|
|
110550
110557
|
);
|
|
110551
110558
|
baseColumns.push(
|
|
110552
|
-
{
|
|
110553
|
-
|
|
110554
|
-
|
|
110555
|
-
|
|
110556
|
-
|
|
110557
|
-
|
|
110558
|
-
|
|
110559
|
-
|
|
110560
|
-
}
|
|
110561
|
-
|
|
110562
|
-
|
|
110563
|
-
|
|
110564
|
-
|
|
110565
|
-
|
|
110566
|
-
|
|
110567
|
-
|
|
110568
|
-
|
|
110569
|
-
|
|
110559
|
+
// {
|
|
110560
|
+
// field: 'bookmarked',
|
|
110561
|
+
// headerName: '⭐️',
|
|
110562
|
+
// width: 50,
|
|
110563
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110564
|
+
// disabled: true,
|
|
110565
|
+
// cellRenderer: (params: any) => (
|
|
110566
|
+
// <span className={`cursor-pointer ${params.value ? 'text-yellow-500' : 'text-gray-300'}`}>
|
|
110567
|
+
// {params.value ? '★' : '☆'}
|
|
110568
|
+
// </span>
|
|
110569
|
+
// ),
|
|
110570
|
+
// },
|
|
110571
|
+
// {
|
|
110572
|
+
// field: 'name',
|
|
110573
|
+
// headerName: 'Name',
|
|
110574
|
+
// width: 180,
|
|
110575
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110576
|
+
// disabled: true,
|
|
110577
|
+
// cellRenderer: (params: any) => (
|
|
110578
|
+
// <span className="text-sm text-gray-900">{TracingUtils.truncate(params.value || '-', 25)}</span>
|
|
110579
|
+
// ),
|
|
110580
|
+
// },
|
|
110570
110581
|
{
|
|
110571
110582
|
field: "timestamp",
|
|
110572
110583
|
headerName: "Timestamp",
|
|
@@ -110602,15 +110613,20 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
110602
110613
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `px-2 py-0.5 text-xs rounded ${levelColors[params.value] || levelColors["DEFAULT"]}`, children: params.value || "DEFAULT" });
|
|
110603
110614
|
}
|
|
110604
110615
|
},
|
|
110605
|
-
{
|
|
110606
|
-
|
|
110607
|
-
|
|
110608
|
-
|
|
110609
|
-
|
|
110610
|
-
|
|
110611
|
-
|
|
110612
|
-
|
|
110613
|
-
|
|
110616
|
+
// {
|
|
110617
|
+
// field: 'tags',
|
|
110618
|
+
// headerName: 'Tags',
|
|
110619
|
+
// width: 180,
|
|
110620
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110621
|
+
// disabled: true,
|
|
110622
|
+
// cellRenderer: (params: any) => (
|
|
110623
|
+
// <div className="flex flex-wrap gap-1">
|
|
110624
|
+
// {(params.value || []).slice(0, 3).map((tag: string, i: number) => (
|
|
110625
|
+
// <span key={i} className="px-1.5 py-0.5 text-xs bg-gray-100 rounded">{tag}</span>
|
|
110626
|
+
// ))}
|
|
110627
|
+
// </div>
|
|
110628
|
+
// ),
|
|
110629
|
+
// },
|
|
110614
110630
|
{
|
|
110615
110631
|
field: "appvId",
|
|
110616
110632
|
headerName: "App Version ID",
|
|
@@ -110664,34 +110680,39 @@ For more info see: https://www.ag-grid.com/javascript-grid/modules/`;
|
|
|
110664
110680
|
// DISABLED - Enable when ready
|
|
110665
110681
|
disabled: true,
|
|
110666
110682
|
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs font-medium ${TracingUtils.getCostColor(params.value || 0)}`, children: TracingUtils.formatCost(params.value) })
|
|
110667
|
-
},
|
|
110668
|
-
{
|
|
110669
|
-
field: "version",
|
|
110670
|
-
headerName: "Version",
|
|
110671
|
-
width: 100,
|
|
110672
|
-
hide: true,
|
|
110673
|
-
// DISABLED - Enable when ready
|
|
110674
|
-
disabled: true,
|
|
110675
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
|
|
110676
|
-
},
|
|
110677
|
-
{
|
|
110678
|
-
field: "release",
|
|
110679
|
-
headerName: "Release",
|
|
110680
|
-
width: 100,
|
|
110681
|
-
hide: true,
|
|
110682
|
-
// DISABLED - Enable when ready
|
|
110683
|
-
disabled: true,
|
|
110684
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: params.value || "-" })
|
|
110685
|
-
},
|
|
110686
|
-
{
|
|
110687
|
-
field: "metadata",
|
|
110688
|
-
headerName: "Metadata",
|
|
110689
|
-
width: 200,
|
|
110690
|
-
hide: true,
|
|
110691
|
-
// DISABLED - Enable when ready
|
|
110692
|
-
disabled: true,
|
|
110693
|
-
cellRenderer: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600 font-mono", children: params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : "-" })
|
|
110694
110683
|
}
|
|
110684
|
+
// {
|
|
110685
|
+
// field: 'version',
|
|
110686
|
+
// headerName: 'Version',
|
|
110687
|
+
// width: 100,
|
|
110688
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110689
|
+
// disabled: true,
|
|
110690
|
+
// cellRenderer: (params: any) => (
|
|
110691
|
+
// <span className="text-xs text-gray-600">{params.value || '-'}</span>
|
|
110692
|
+
// ),
|
|
110693
|
+
// },
|
|
110694
|
+
// {
|
|
110695
|
+
// field: 'release',
|
|
110696
|
+
// headerName: 'Release',
|
|
110697
|
+
// width: 100,
|
|
110698
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110699
|
+
// disabled: true,
|
|
110700
|
+
// cellRenderer: (params: any) => (
|
|
110701
|
+
// <span className="text-xs text-gray-600">{params.value || '-'}</span>
|
|
110702
|
+
// ),
|
|
110703
|
+
// },
|
|
110704
|
+
// {
|
|
110705
|
+
// field: 'metadata',
|
|
110706
|
+
// headerName: 'Metadata',
|
|
110707
|
+
// width: 200,
|
|
110708
|
+
// hide: true, // DISABLED - Enable when ready
|
|
110709
|
+
// disabled: true,
|
|
110710
|
+
// cellRenderer: (params: any) => (
|
|
110711
|
+
// <span className="text-xs text-gray-600 font-mono">
|
|
110712
|
+
// {params.value ? TracingUtils.truncate(JSON.stringify(params.value), 30) : '-'}
|
|
110713
|
+
// </span>
|
|
110714
|
+
// ),
|
|
110715
|
+
// },
|
|
110695
110716
|
);
|
|
110696
110717
|
return baseColumns;
|
|
110697
110718
|
},
|