@mastra/playground-ui 49.0.0 → 49.1.0-alpha.1

package/dist/style.css

@@ -1061,467 +1061,6 @@
     margin-block: var(--spacing-8);
   }
 
-  .prose {
-    color: var(--tw-prose-body);
-    max-width: 65ch;
-  }
-
-  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-lead);
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-    font-size: 1.25em;
-    line-height: 1.6;
-  }
-
-  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-links);
-    font-weight: 500;
-    text-decoration: underline;
-  }
-
-  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-bold);
-    font-weight: 600;
-  }
-
-  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-  }
-
-  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-    padding-inline-start: 1.625em;
-    list-style-type: decimal;
-  }
-
-  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: upper-alpha;
-  }
-
-  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: lower-alpha;
-  }
-
-  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: upper-alpha;
-  }
-
-  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: lower-alpha;
-  }
-
-  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: upper-roman;
-  }
-
-  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: lower-roman;
-  }
-
-  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: upper-roman;
-  }
-
-  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: lower-roman;
-  }
-
-  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    list-style-type: decimal;
-  }
-
-  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-    padding-inline-start: 1.625em;
-    list-style-type: disc;
-  }
-
-  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
-    color: var(--tw-prose-counters);
-    font-weight: 400;
-  }
-
-  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
-    color: var(--tw-prose-bullets);
-  }
-
-  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 1.25em;
-    font-weight: 600;
-  }
-
-  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    border-color: var(--tw-prose-hr);
-    border-top-width: 1px;
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-quotes);
-    border-inline-start-width: .25rem;
-    border-inline-start-color: var(--tw-prose-quote-borders);
-    quotes: "“""”""‘""’";
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-inline-start: 1em;
-    font-style: italic;
-    font-weight: 500;
-  }
-
-  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
-    content: open-quote;
-  }
-
-  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-    content: close-quote;
-  }
-
-  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 0;
-    margin-bottom: .888889em;
-    font-size: 2.25em;
-    font-weight: 800;
-    line-height: 1.11111;
-  }
-
-  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-weight: 900;
-  }
-
-  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 2em;
-    margin-bottom: 1em;
-    font-size: 1.5em;
-    font-weight: 700;
-    line-height: 1.33333;
-  }
-
-  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-weight: 800;
-  }
-
-  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 1.6em;
-    margin-bottom: .6em;
-    font-size: 1.25em;
-    font-weight: 600;
-    line-height: 1.6;
-  }
-
-  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-weight: 700;
-  }
-
-  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 1.5em;
-    margin-bottom: .5em;
-    font-weight: 600;
-    line-height: 1.5;
-  }
-
-  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-weight: 700;
-  }
-
-  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-    display: block;
-  }
-
-  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-kbd);
-    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
-    padding-top: .1875em;
-    padding-inline-end: .375em;
-    padding-bottom: .1875em;
-    border-radius: .3125rem;
-    padding-inline-start: .375em;
-    font-family: inherit;
-    font-size: .875em;
-    font-weight: 500;
-  }
-
-  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-code);
-    font-size: .875em;
-    font-weight: 600;
-  }
-
-  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-    content: "`";
-  }
-
-  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-  }
-
-  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-size: .875em;
-  }
-
-  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-    font-size: .9em;
-  }
-
-  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: inherit;
-  }
-
-  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-pre-code);
-    background-color: var(--tw-prose-pre-bg);
-    padding-top: .857143em;
-    padding-inline-end: 1.14286em;
-    padding-bottom: .857143em;
-    border-radius: .375rem;
-    margin-top: 1.71429em;
-    margin-bottom: 1.71429em;
-    padding-inline-start: 1.14286em;
-    font-size: .875em;
-    font-weight: 400;
-    line-height: 1.71429;
-    overflow-x: auto;
-  }
-
-  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    font-weight: inherit;
-    color: inherit;
-    font-size: inherit;
-    font-family: inherit;
-    line-height: inherit;
-    background-color: #0000;
-    border-width: 0;
-    border-radius: 0;
-    padding: 0;
-  }
-
-  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-    content: none;
-  }
-
-  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    table-layout: auto;
-    width: 100%;
-    margin-top: 2em;
-    margin-bottom: 2em;
-    font-size: .875em;
-    line-height: 1.71429;
-  }
-
-  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    border-bottom-width: 1px;
-    border-bottom-color: var(--tw-prose-th-borders);
-  }
-
-  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    vertical-align: bottom;
-    padding-inline-end: .571429em;
-    padding-bottom: .571429em;
-    padding-inline-start: .571429em;
-    font-weight: 600;
-  }
-
-  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    border-bottom-width: 1px;
-    border-bottom-color: var(--tw-prose-td-borders);
-  }
-
-  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    border-bottom-width: 0;
-  }
-
-  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    vertical-align: baseline;
-  }
-
-  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    border-top-width: 1px;
-    border-top-color: var(--tw-prose-th-borders);
-  }
-
-  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    vertical-align: top;
-  }
-
-  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    text-align: start;
-  }
-
-  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-captions);
-    margin-top: .857143em;
-    font-size: .875em;
-    line-height: 1.42857;
-  }
-
-  .prose {
-    --tw-prose-body: oklch(37.3% .034 259.733);
-    --tw-prose-headings: oklch(21% .034 264.665);
-    --tw-prose-lead: oklch(44.6% .03 256.802);
-    --tw-prose-links: oklch(21% .034 264.665);
-    --tw-prose-bold: oklch(21% .034 264.665);
-    --tw-prose-counters: oklch(55.1% .027 264.364);
-    --tw-prose-bullets: oklch(87.2% .01 258.338);
-    --tw-prose-hr: oklch(92.8% .006 264.531);
-    --tw-prose-quotes: oklch(21% .034 264.665);
-    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
-    --tw-prose-captions: oklch(55.1% .027 264.364);
-    --tw-prose-kbd: oklch(21% .034 264.665);
-    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
-    --tw-prose-code: oklch(21% .034 264.665);
-    --tw-prose-pre-code: oklch(92.8% .006 264.531);
-    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
-    --tw-prose-th-borders: oklch(87.2% .01 258.338);
-    --tw-prose-td-borders: oklch(92.8% .006 264.531);
-    --tw-prose-invert-body: oklch(87.2% .01 258.338);
-    --tw-prose-invert-headings: #fff;
-    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
-    --tw-prose-invert-links: #fff;
-    --tw-prose-invert-bold: #fff;
-    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
-    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
-    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
-    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
-    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
-    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
-    --tw-prose-invert-kbd: #fff;
-    --tw-prose-invert-kbd-shadows: #ffffff1a;
-    --tw-prose-invert-code: #fff;
-    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
-    --tw-prose-invert-pre-bg: #00000080;
-    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
-    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .5em;
-    margin-bottom: .5em;
-  }
-
-  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: .375em;
-  }
-
-  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .75em;
-    margin-bottom: .75em;
-  }
-
-  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-  }
-
-  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
-  }
-
-  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-  }
-
-  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
-  }
-
-  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .75em;
-    margin-bottom: .75em;
-  }
-
-  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .5em;
-    padding-inline-start: 1.625em;
-  }
-
-  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-  }
-
-  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: 0;
-  }
-
-  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-end: 0;
-  }
-
-  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-top: .571429em;
-    padding-inline-end: .571429em;
-    padding-bottom: .571429em;
-    padding-inline-start: .571429em;
-  }
-
-  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: 0;
-  }
-
-  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-end: 0;
-  }
-
-  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-  }
-
-  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 0;
-  }
-
   .-mt-0\.5 {
     margin-top: calc(var(--spacing-0_5) * -1);
   }
@@ -1646,10 +1185,6 @@
     margin-bottom: var(--spacing-2);
   }
 
-  .mb-2\.5 {
-    margin-bottom: var(--spacing-2_5);
-  }
-
   .mb-3 {
     margin-bottom: var(--spacing-3);
   }
@@ -2771,6 +2306,11 @@
     min-width: min-content;
   }
 
+  .min-w-px {
+    min-width: 1px;
+    min-width: var(--spacing-px);
+  }
+
   .flex-1 {
     flex: 1;
   }
@@ -4623,6 +4163,10 @@
     }
   }
 
+  .bg-surface6 {
+    background-color: var(--color-surface6);
+  }
+
   .bg-transparent {
     background-color: #0000;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "49.0.0",
+  "version": "49.1.0-alpha.1",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -151,8 +151,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.40.0",
-    "@mastra/react": "1.4.3"
+    "@mastra/client-js": "^1.40.1-alpha.1",
+    "@mastra/react": "1.4.4-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -190,11 +190,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
+    "@mastra/client-js": "^1.40.1-alpha.1",
     "@internal/lint": "0.0.123",
-    "@mastra/client-js": "^1.40.0",
-    "@mastra/core": "1.59.0",
-    "@mastra/memory": "1.26.2",
-    "@mastra/react": "1.4.3"
+    "@mastra/core": "1.60.0-alpha.1",
+    "@mastra/react": "1.4.4-alpha.1",
+    "@mastra/memory": "1.26.2"
   },
   "homepage": "https://mastra.ai",
   "repository": {