@mastra/playground-ui 36.0.0 → 36.1.0-alpha.1

package/dist/src/ee/topics/types.d.ts

@@ -0,0 +1,40 @@
+export type TopicTraceSort = 'newest' | 'oldest' | 'duration-desc' | 'duration-asc';
+export interface TopicTraceSummary {
+    id: string;
+    name?: string;
+    startedAt?: string | Date;
+    endedAt?: string | Date;
+    durationMs?: number;
+    status?: 'success' | 'error' | 'running' | string;
+    entityName?: string;
+    spanCount?: number;
+}
+export interface TopicSubtopic {
+    id: string;
+    name: string;
+    description?: string;
+    color?: string;
+    traceSummaries: TopicTraceSummary[];
+}
+export interface Topic {
+    id: string;
+    name: string;
+    description?: string;
+    color?: string;
+    subtopics: TopicSubtopic[];
+}
+export interface TopicTraceShare {
+    count: number;
+    total: number;
+    percentage: number;
+}
+export interface TopicWithCounts extends Topic {
+    color: string;
+    traceCount: number;
+    subtopics: TopicSubtopicWithCounts[];
+}
+export interface TopicSubtopicWithCounts extends TopicSubtopic {
+    color: string;
+    traceCount: number;
+    traceShare: TopicTraceShare;
+}

package/dist/src/ee/topics/utils.d.ts

@@ -0,0 +1,18 @@
+import { Topic, TopicSubtopic, TopicTraceShare, TopicTraceSort, TopicTraceSummary, TopicWithCounts } from './types';
+export declare function getTopicColor(id: string): string;
+export declare function getTraceCount(subtopic: Pick<TopicSubtopic, 'traceSummaries'>): number;
+export declare function getTopicTraceCount(topic: Pick<Topic, 'subtopics'>): number;
+export declare function getTraceShare(count: number, total: number): TopicTraceShare;
+export declare function aggregateTopics(topics: Topic[]): TopicWithCounts[];
+export declare function filterTraceSummaries(traces: TopicTraceSummary[], search: string): TopicTraceSummary[];
+export declare function sortTraceSummaries(traces: TopicTraceSummary[], sort: TopicTraceSort): TopicTraceSummary[];
+export declare function getVisibleTraceSummaries(traces: TopicTraceSummary[], options: {
+    search: string;
+    sort: TopicTraceSort;
+    page: number;
+    pageSize: number;
+}): {
+    traces: TopicTraceSummary[];
+    total: number;
+    hasMore: boolean;
+};

package/dist/src/index.d.ts

@@ -52,6 +52,7 @@ export * from './ds/components/ThemeProvider';
 export * from './ds/components/ThemeToggle';
 export * from './ds/components/Tooltip';
 export * from './ds/components/Truncate';
+export * from './ds/components/ThreadList';
 export * from './ds/components/ButtonsGroup';
 export * from './ds/components/MainContent';
 export * from './ds/components/MainHeader';
@@ -89,6 +90,7 @@ export * from './ds/components/DateTimeRangePicker';
 export * from './ds/components/HorizontalBars';
 export * from './ds/components/MetricsDataTable';
 export * from './ds/components/MetricsLineChart';
+export * from './ds/components/ScatterPlotChart';
 export * from './ds/components/StatusBadge';
 export * from './ds/icons/index';
 export * from './ds/tokens';
@@ -121,4 +123,5 @@ export { usePlaygroundStore } from './store/playground-store';
 export * from './domains/metrics';
 export * from './domains/traces';
 export * from './domains/logs';
+export * from './ee';
 export type { LinkComponent, LinkComponentProps } from './ds/types/link-component';

package/dist/src/lib/query-utils.d.ts

@@ -22,6 +22,16 @@ export declare function is404NotFoundError(error: unknown): boolean;
  * we match on the message text from `core/.../observability/base.ts` instead.
  */
 export declare function isBranchesNotSupportedError(error: unknown): boolean;
+export type UnsupportedObservabilityOperation = 'logs' | 'metrics' | 'scores' | 'feedback';
+/**
+ * Check if an error came from an observability storage provider that does not
+ * implement a list operation. These are capability gaps, not transient failures.
+ *
+ * The server serializes these as plain HTTP errors, so the original MastraError
+ * ID is not available in the browser. Match the stable base-storage message text
+ * instead, like the trace branch support check above.
+ */
+export declare function isUnsupportedObservabilityOperationError(error: unknown, operation: UnsupportedObservabilityOperation): boolean;
 /**
  * Check if error has a status code that shouldn't be retried.
  * Used to prevent retrying client errors that won't resolve.

package/dist/thread-list-CX4UNk2L.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const utils = require('./utils-vA5sWo9W.cjs');
+const Button = require('./Button-DpIX8JMz.cjs');
+const Txt = require('./Txt-Cmn4ug68.cjs');
+
+const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-full w-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: utils.cn(
+        "h-full overflow-y-auto p-1",
+        !embedded && "bg-surface3 rounded-studio-panel border border-border1/50"
+      ),
+      children
+    }
+  ) });
+};
+const ThreadListNewItem = ({ as, href, to, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { as, href, to, variant: "ghost", className: "w-full justify-start rounded-xl", children });
+};
+const ThreadListSeparator = () => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border1/40" });
+const ThreadListItems = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-col gap-px", "data-testid": "thread-list", children });
+const ThreadListItem = ({
+  as,
+  href,
+  to,
+  isActive,
+  onClick,
+  onDelete,
+  deleteLabel = "delete",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        as,
+        href,
+        to,
+        onClick,
+        variant: "ghost",
+        className: utils.cn(
+          "min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left",
+          onDelete && "pr-9",
+          isActive && "bg-surface4 text-neutral6",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children })
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+      }
+    )
+  ] });
+};
+const ThreadListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-sm", className: "text-neutral3 py-3 px-5", children });
+};
+
+exports.ThreadList = ThreadList;
+exports.ThreadListEmpty = ThreadListEmpty;
+exports.ThreadListItem = ThreadListItem;
+exports.ThreadListItems = ThreadListItems;
+exports.ThreadListNewItem = ThreadListNewItem;
+exports.ThreadListSeparator = ThreadListSeparator;
+//# sourceMappingURL=thread-list-CX4UNk2L.cjs.map

package/dist/thread-list-CX4UNk2L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list-CX4UNk2L.cjs","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ElementType, MouseEvent, ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('h-full w-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'h-full overflow-y-auto p-1',\n          !embedded && 'bg-surface3 rounded-studio-panel border border-border1/50',\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ as, href, to, children }: ThreadListNewItemProps) => {\n  return (\n    <Button as={as} href={href} to={to} variant=\"ghost\" className=\"w-full justify-start rounded-xl\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border1/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-px\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        as={as}\n        href={href}\n        to={to}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-surface4 text-neutral6',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-sm\" className=\"text-neutral3 py-3 px-5\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":["jsx","cn","Button","jsxs","X","Txt"],"mappings":";;;;;;;;AAiBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,QAAA,CAAG,iBAAiB,CAAC,QAAA,IAAY,WAAW,CAAA,EAC1D,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,QAAA;AAAA,QACT,4BAAA;AAAA,QACA,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AASO,MAAM,oBAAoB,CAAC,EAAE,IAAI,IAAA,EAAM,EAAA,EAAI,UAAS,KAA8B;AACvF,EAAA,uBACED,cAAA,CAACE,iBAAO,EAAA,EAAQ,IAAA,EAAY,IAAQ,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,iCAAA,EAC3D,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjCF,cAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,+BAAA,EAAgC;AAOzF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAuB,aAAA,EAAY,aAAA,EAC9C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEG,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAAH,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,IAAA;AAAA,QACA,EAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAWD,QAAA;AAAA,UACT,mFAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,2BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACCA,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,yCAACE,aAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACEJ,cAAA,CAACK,WAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,2BACnC,QAAA,EACH,CAAA;AAEJ;;;;;;;;;"}

package/dist/thread-list-CkgV4nYA.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { X } from 'lucide-react';
+import { c as cn } from './utils-CzYGxqbG.js';
+import { B as Button } from './Button-DoOEJwa_.js';
+import { T as Txt } from './Txt-AhytBlTj.js';
+
+const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("h-full w-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: cn(
+        "h-full overflow-y-auto p-1",
+        !embedded && "bg-surface3 rounded-studio-panel border border-border1/50"
+      ),
+      children
+    }
+  ) });
+};
+const ThreadListNewItem = ({ as, href, to, children }) => {
+  return /* @__PURE__ */ jsx(Button, { as, href, to, variant: "ghost", className: "w-full justify-start rounded-xl", children });
+};
+const ThreadListSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border1/40" });
+const ThreadListItems = ({ children }) => /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-px", "data-testid": "thread-list", children });
+const ThreadListItem = ({
+  as,
+  href,
+  to,
+  isActive,
+  onClick,
+  onDelete,
+  deleteLabel = "delete",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        as,
+        href,
+        to,
+        onClick,
+        variant: "ghost",
+        className: cn(
+          "min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left",
+          onDelete && "pr-9",
+          isActive && "bg-surface4 text-neutral6",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children })
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        children: /* @__PURE__ */ jsx(X, {})
+      }
+    )
+  ] });
+};
+const ThreadListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-neutral3 py-3 px-5", children });
+};
+
+export { ThreadList as T, ThreadListEmpty as a, ThreadListItem as b, ThreadListItems as c, ThreadListNewItem as d, ThreadListSeparator as e };
+//# sourceMappingURL=thread-list-CkgV4nYA.js.map

package/dist/thread-list-CkgV4nYA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list-CkgV4nYA.js","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ElementType, MouseEvent, ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('h-full w-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'h-full overflow-y-auto p-1',\n          !embedded && 'bg-surface3 rounded-studio-panel border border-border1/50',\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ as, href, to, children }: ThreadListNewItemProps) => {\n  return (\n    <Button as={as} href={href} to={to} variant=\"ghost\" className=\"w-full justify-start rounded-xl\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border1/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-px\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        as={as}\n        href={href}\n        to={to}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-surface4 text-neutral6',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-sm\" className=\"text-neutral3 py-3 px-5\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,iBAAiB,CAAC,QAAA,IAAY,WAAW,CAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,4BAAA;AAAA,QACA,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AASO,MAAM,oBAAoB,CAAC,EAAE,IAAI,IAAA,EAAM,EAAA,EAAI,UAAS,KAA8B;AACvF,EAAA,uBACE,GAAA,CAAC,UAAO,EAAA,EAAQ,IAAA,EAAY,IAAQ,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,iCAAA,EAC3D,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,+BAAA,EAAgC;AAOzF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAuB,aAAA,EAAY,aAAA,EAC9C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,IAAA;AAAA,QACA,EAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,mFAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,2BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,2BACnC,QAAA,EACH,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "36.0.0",
+  "version": "36.1.0-alpha.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -102,8 +102,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.27.0",
-    "@mastra/react": "1.1.1"
+    "@mastra/client-js": "^1.27.1-alpha.1",
+    "@mastra/react": "1.1.2-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -141,9 +141,9 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.8",
     "@internal/lint": "0.0.108",
-    "@mastra/react": "1.1.1",
-    "@mastra/core": "1.46.0",
-    "@mastra/client-js": "^1.27.0"
+    "@mastra/client-js": "^1.27.1-alpha.1",
+    "@mastra/core": "1.46.1-alpha.1",
+    "@mastra/react": "1.1.2-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {