@mastra/playground-ui 24.0.0-alpha.2 → 24.0.0-alpha.3
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/CHANGELOG.md +9 -0
- package/dist/index.cjs.js +22 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +22 -7
- package/dist/index.es.js.map +1 -1
- package/dist/src/domains/traces/components/span-data-panel-view.d.ts +12 -1
- package/dist/src/domains/traces/index.d.ts +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 24.0.0-alpha.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`c04417b`](https://github.com/mastra-ai/mastra/commit/c04417ba0a2e4ded66da4352331ef29cd4bd1d79), [`cf25a03`](https://github.com/mastra-ai/mastra/commit/cf25a03132164b9dc1e5dccf7394824e33007c51), [`ba6b0c5`](https://github.com/mastra-ai/mastra/commit/ba6b0c51bfce358554fd33c7f2bcd5593633f2ff)]:
|
|
8
|
+
- @mastra/core@1.29.0-alpha.3
|
|
9
|
+
- @mastra/client-js@1.15.0-alpha.3
|
|
10
|
+
- @mastra/react@0.2.30-alpha.3
|
|
11
|
+
|
|
3
12
|
## 24.0.0-alpha.2
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
package/dist/index.cjs.js
CHANGED
|
@@ -16838,7 +16838,9 @@ function SpanDataPanelView({
|
|
|
16838
16838
|
activeTab,
|
|
16839
16839
|
onTabChange,
|
|
16840
16840
|
scoringTabSlot,
|
|
16841
|
-
scoringTabBadge
|
|
16841
|
+
scoringTabBadge,
|
|
16842
|
+
feedbackTabSlot,
|
|
16843
|
+
feedbackTabBadge
|
|
16842
16844
|
}) {
|
|
16843
16845
|
return /* @__PURE__ */ jsxRuntime.jsxs(DataPanel, { children: [
|
|
16844
16846
|
/* @__PURE__ */ jsxRuntime.jsxs(DataPanel.Header, { children: [
|
|
@@ -16871,7 +16873,9 @@ function SpanDataPanelView({
|
|
|
16871
16873
|
activeTab,
|
|
16872
16874
|
onTabChange,
|
|
16873
16875
|
scoringTabSlot,
|
|
16874
|
-
scoringTabBadge
|
|
16876
|
+
scoringTabBadge,
|
|
16877
|
+
feedbackTabSlot,
|
|
16878
|
+
feedbackTabBadge
|
|
16875
16879
|
}
|
|
16876
16880
|
)
|
|
16877
16881
|
] });
|
|
@@ -16883,7 +16887,9 @@ function SpanDataPanelContent({
|
|
|
16883
16887
|
activeTab,
|
|
16884
16888
|
onTabChange,
|
|
16885
16889
|
scoringTabSlot,
|
|
16886
|
-
scoringTabBadge
|
|
16890
|
+
scoringTabBadge,
|
|
16891
|
+
feedbackTabSlot,
|
|
16892
|
+
feedbackTabBadge
|
|
16887
16893
|
}) {
|
|
16888
16894
|
const durationMs = span.startedAt && span.endedAt ? new Date(span.endedAt).getTime() - new Date(span.startedAt).getTime() : null;
|
|
16889
16895
|
const usage = span.attributes?.usage;
|
|
@@ -17031,23 +17037,32 @@ function SpanDataPanelContent({
|
|
|
17031
17037
|
)
|
|
17032
17038
|
] })
|
|
17033
17039
|
] });
|
|
17034
|
-
if (!scoringTabSlot) {
|
|
17040
|
+
if (!scoringTabSlot && !feedbackTabSlot) {
|
|
17035
17041
|
return /* @__PURE__ */ jsxRuntime.jsx(DataPanel.Content, { children: detailsBody });
|
|
17036
17042
|
}
|
|
17037
17043
|
return /* @__PURE__ */ jsxRuntime.jsx(DataPanel.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultTab: "details", value: activeTab, onValueChange: onTabChange, children: [
|
|
17038
17044
|
/* @__PURE__ */ jsxRuntime.jsxs(TabList, { children: [
|
|
17039
17045
|
/* @__PURE__ */ jsxRuntime.jsx(Tab, { value: "details", children: "Details" }),
|
|
17040
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Tab, { value: "scoring", children: [
|
|
17046
|
+
scoringTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { value: "scoring", children: [
|
|
17041
17047
|
"Scoring ",
|
|
17042
17048
|
scoringTabBadge != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
17043
17049
|
"(",
|
|
17044
17050
|
scoringTabBadge,
|
|
17045
17051
|
")"
|
|
17046
17052
|
] })
|
|
17053
|
+
] }),
|
|
17054
|
+
feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { value: "feedback", children: [
|
|
17055
|
+
"Feedback ",
|
|
17056
|
+
feedbackTabBadge != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
17057
|
+
"(",
|
|
17058
|
+
feedbackTabBadge,
|
|
17059
|
+
")"
|
|
17060
|
+
] })
|
|
17047
17061
|
] })
|
|
17048
17062
|
] }),
|
|
17049
17063
|
/* @__PURE__ */ jsxRuntime.jsx(TabContent, { value: "details", children: detailsBody }),
|
|
17050
|
-
/* @__PURE__ */ jsxRuntime.jsx(TabContent, { value: "scoring", children: scoringTabSlot({ span, traceId, spanId }) })
|
|
17064
|
+
scoringTabSlot && /* @__PURE__ */ jsxRuntime.jsx(TabContent, { value: "scoring", children: scoringTabSlot({ span, traceId, spanId }) }),
|
|
17065
|
+
feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsx(TabContent, { value: "feedback", children: feedbackTabSlot({ span, traceId, spanId }) })
|
|
17051
17066
|
] }) });
|
|
17052
17067
|
}
|
|
17053
17068
|
|
|
@@ -17934,7 +17949,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
|
|
|
17934
17949
|
const traceIdParam = searchParams.get(TRACE_ID_PARAM) || void 0;
|
|
17935
17950
|
const spanIdParam = searchParams.get(SPAN_ID_PARAM) || void 0;
|
|
17936
17951
|
const tabParam = searchParams.get(TAB_PARAM);
|
|
17937
|
-
const spanTabParam = tabParam === "scoring" ? "scoring" : tabParam === "details" ? "details" : void 0;
|
|
17952
|
+
const spanTabParam = tabParam === "scoring" ? "scoring" : tabParam === "feedback" ? "feedback" : tabParam === "details" ? "details" : void 0;
|
|
17938
17953
|
const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || void 0;
|
|
17939
17954
|
const selectedEntityOption = React.useMemo(
|
|
17940
17955
|
() => ROOT_ENTITY_TYPE_OPTIONS.find((option) => option.entityType === searchParams.get(TRACE_ROOT_ENTITY_TYPE_PARAM)),
|