@mastra/playground-ui 16.0.0-alpha.0 → 16.0.0-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @mastra/playground-ui
 
+## 16.0.0-alpha.1
+
+### Patch Changes
+
+- The "Run Experiment" button is now disabled when a dataset has no items, with a tooltip explaining that items must be added first. ([#14031](https://github.com/mastra-ai/mastra/pull/14031))
+
+- Added permission denied handling for dataset pages. Datasets now show a "Permission Denied" screen when the user lacks access, matching the behavior of agents, workflows, and other resources. ([#13876](https://github.com/mastra-ai/mastra/pull/13876))
+
+- Updated dependencies [[`866cc2c`](https://github.com/mastra-ai/mastra/commit/866cc2cb1f0e3b314afab5194f69477fada745d1), [`6bcbf8a`](https://github.com/mastra-ai/mastra/commit/6bcbf8a6774d5a53b21d61db8a45ce2593ca1616), [`18c3a90`](https://github.com/mastra-ai/mastra/commit/18c3a90c9e48cf69500e308affeb8eba5860b2af), [`f35487b`](https://github.com/mastra-ai/mastra/commit/f35487bb2d46c636e22aa71d90025613ae38235a), [`6dc2192`](https://github.com/mastra-ai/mastra/commit/6dc21921aef0f0efab15cd0805fa3d18f277a76f), [`eeb3a3f`](https://github.com/mastra-ai/mastra/commit/eeb3a3f43aca10cf49479eed2a84b7d9ecea02ba), [`05f8d90`](https://github.com/mastra-ai/mastra/commit/05f8d9009290ce6aa03428b3add635268615db85), [`4b8da97`](https://github.com/mastra-ai/mastra/commit/4b8da97a5ce306e97869df6c39535d9069e563db), [`256df35`](https://github.com/mastra-ai/mastra/commit/256df3571d62beb3ad4971faa432927cc140e603)]:
+  - @mastra/core@1.11.0-alpha.1
+  - @mastra/client-js@1.8.0-alpha.1
+  - @mastra/react@0.2.10-alpha.1
+
 ## 16.0.0-alpha.0
 
 ### Minor Changes

package/dist/index.cjs.js

@@ -37148,7 +37148,7 @@ function EmptyDatasetsTable({ onCreateClick }) {
   ) });
 }
 
-function DatasetsTable({ datasets, isLoading, onCreateClick }) {
+function DatasetsTable({ datasets, isLoading, error, onCreateClick }) {
   const [search, setSearch] = React.useState("");
   const { navigate, paths } = useLinkComponent();
   const tableData = React.useMemo(() => datasets, [datasets]);
@@ -37159,6 +37159,9 @@ function DatasetsTable({ datasets, isLoading, onCreateClick }) {
   });
   const ths = table.getHeaderGroups()[0];
   const rows = table.getRowModel().rows.concat();
+  if (error && compatibility.is403ForbiddenError(error)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(PermissionDenied, { resource: "datasets" }) });
+  }
   if (rows.length === 0 && !isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(EmptyDatasetsTable, { onCreateClick });
   }
@@ -40165,6 +40168,7 @@ function DatasetHeader({
   onDuplicateClick,
   onDeleteClick,
   experimentTriggerSlot,
+  disableExperimentTrigger = false,
   onExperimentClick,
   className
 }) {
@@ -40190,7 +40194,16 @@ function DatasetHeader({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(MainHeader.Column, { children: /* @__PURE__ */ jsxRuntime.jsxs(ButtonsGroup, { children: [
-      experimentTriggerSlot ? experimentTriggerSlot : onExperimentClick ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: onExperimentClick, children: [
+      experimentTriggerSlot ? disableExperimentTrigger ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-not-allowed", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none opacity-50", inert: true, "aria-disabled": "true", children: experimentTriggerSlot }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: "Add items to the dataset before running an experiment" })
+      ] }) : experimentTriggerSlot : onExperimentClick ? disableExperimentTrigger ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-not-allowed", children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", disabled: true, tabIndex: -1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, {}),
+          "Run Experiment"
+        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: "Add items to the dataset before running an experiment" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: onExperimentClick, children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, {}),
         "Run Experiment"
       ] }) : null,
@@ -41238,6 +41251,11 @@ function DatasetPageContent({
     isFetchingNextPage,
     hasNextPage
   } = useDatasetItems(datasetId, debouncedSearch || void 0, activeDatasetVersion);
+  const { data: unfilteredItems = [], isLoading: isUnfilteredLoading } = useDatasetItems(
+    datasetId,
+    void 0,
+    activeDatasetVersion
+  );
   const [experimentsFilters, setExperimentsFilters] = React.useState({});
   const { data: experimentsData, isLoading: isExperimentsLoading } = useDatasetExperiments(
     datasetId,
@@ -41325,6 +41343,7 @@ function DatasetPageContent({
               onDuplicateClick: () => setDuplicateDialogOpen(true),
               onDeleteClick,
               experimentTriggerSlot,
+              disableExperimentTrigger: !isUnfilteredLoading && unfilteredItems.length === 0,
               onExperimentClick
             }
           ),