@mastra/playground-ui 5.1.4-alpha.0 → 5.1.4-alpha.2

package/dist/index.cjs.js

@@ -10204,6 +10204,62 @@ const DataTable = ({
   ] });
 };
 
+function MainContentLayout({
+  children,
+  className,
+  style
+}) {
+  const devStyleRequested = devUIStyleRequested("MainContentLayout");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      className: cn(`grid grid-rows-[auto_1fr] h-full items-start content-start`, className),
+      style: { ...style, ...devStyleRequested ? { border: "3px dotted red" } : {} },
+      children
+    }
+  );
+}
+function MainContentContent({
+  children,
+  className,
+  isCentered = false,
+  isDivided = false,
+  hasLeftServiceColumn = false,
+  style
+}) {
+  const devStyleRequested = devUIStyleRequested("MainContentContent");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        `grid overflow-y-auto h-full `,
+        `overflow-x-auto min-w-[min-content]`,
+        {
+          "items-start content-start": !isCentered && !isDivided && !hasLeftServiceColumn,
+          "grid place-items-center": isCentered,
+          "grid-cols-[1fr_1fr]": isDivided && !hasLeftServiceColumn,
+          "grid-cols-[auto_1fr_1fr]": isDivided && hasLeftServiceColumn,
+          "grid-cols-[auto_1fr]": !isDivided && hasLeftServiceColumn
+        },
+        className
+      ),
+      style: { ...style, ...devStyleRequested ? { border: "3px dotted orange" } : {} },
+      children
+    }
+  );
+}
+function devUIStyleRequested(name) {
+  try {
+    const raw = localStorage.getItem("add-dev-style-to-components");
+    if (!raw) return false;
+    const components = raw.split(",").map((c) => c.trim()).filter(Boolean);
+    return components.includes(name);
+  } catch (error) {
+    console.error("Error reading or parsing localStorage:", error);
+    return false;
+  }
+}
+
 const Threads = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "bg-surface2 border-r-sm border-border1 min-h-full overflow-hidden", children });
 };
@@ -10532,6 +10588,8 @@ exports.LatencyIcon = LatencyIcon;
 exports.LegacyWorkflowGraph = LegacyWorkflowGraph;
 exports.LegacyWorkflowTrigger = LegacyWorkflowTrigger;
 exports.LogsIcon = LogsIcon;
+exports.MainContentContent = MainContentContent;
+exports.MainContentLayout = MainContentLayout;
 exports.MastraClientProvider = MastraClientProvider;
 exports.MastraResizablePanel = MastraResizablePanel;
 exports.McpCoinIcon = McpCoinIcon;