@mastra/playground-ui 0.0.0-vnextWorkflows-20250422142014 → 0.0.0-workflow-deno-20250616115451

package/dist/src/store/playground-store.d.ts

@@ -0,0 +1,16 @@
+interface PlaygroundStore {
+    runtimeContext: Record<string, any>;
+    setRuntimeContext: (runtimeContext: Record<string, any>) => void;
+}
+export declare const usePlaygroundStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<PlaygroundStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<PlaygroundStore, PlaygroundStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: PlaygroundStore) => void) => () => void;
+        onFinishHydration: (fn: (state: PlaygroundStore) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<PlaygroundStore, PlaygroundStore>>;
+    };
+}>;
+export {};

package/dist/{types.d.ts → src/types.d.ts}

@@ -21,10 +21,11 @@ export interface ChatProps {
     threadId?: string;
     initialMessages?: Message[];
     memory?: boolean;
-    baseUrl?: string;
     refreshThreadList?: () => void;
     modelSettings?: ModelSettings;
     chatWithGenerate?: boolean;
+    runtimeContext?: Record<string, any>;
+    showFileSupport?: boolean;
 }
 export type SpanStatus = {
     code: number;
@@ -57,10 +58,6 @@ export type Span = {
     other: SpanOther;
     createdAt: string;
 };
-export type SpanNode = Span & {
-    children: SpanNode[];
-    relativePercentage?: number;
-};
 export type RefinedTrace = {
     traceId: string;
     serviceName: string;
@@ -68,4 +65,6 @@ export type RefinedTrace = {
     started: number;
     status: SpanStatus;
     trace: Span[];
+    runId?: string;
 };
+export * from './domains/traces/types';

package/dist/tokens.cjs.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const colors = require('./colors-Du4i-E0i.cjs');
+
 const BorderWidth = {
   sm: "0.5px"
 };
@@ -12,30 +14,6 @@ const BorderRadius = {
   lg: "6px"
 };
 
-const Colors = {
-  surface1: "#000000",
-  surface2: "#0F0F0F",
-  surface3: "#141414",
-  surface4: "#1A1A1A",
-  surface5: "rgba(46, 46, 46, 0.9)",
-  accent1: "#1AFB6F",
-  accent2: "#FF4931",
-  accent3: "#267AD2",
-  accent4: "#9E57B3"
-};
-const BorderColors = {
-  border1: "rgba(48, 48, 48, 1)",
-  border2: "rgba(66, 66, 66, 1)"
-};
-const IconColors = {
-  icon1: "#5C5C5C",
-  icon2: "#707070",
-  icon3: "#939393",
-  icon4: "#A9A9A9",
-  icon5: "#E6E6E6",
-  icon6: "#FFFFFF"
-};
-
 const FontSizes = {
   "header-md": "1rem",
   // 16px
@@ -59,12 +37,15 @@ const LineHeights = {
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
-  "button-default": "24px",
+  "icon-sm": "12px",
+  "button-md": "24px",
+  "button-lg": "40px",
   "header-default": "40px",
   "table-header": "28px",
   "table-row": "44px",
   "table-row-small": "32px",
-  "badge-default": "20px"
+  "badge-default": "20px",
+  "avatar-default": "24px"
 };
 
 const Spacings = {
@@ -73,12 +54,12 @@ const Spacings = {
   lg: "8px"
 };
 
-exports.BorderColors = BorderColors;
+exports.BorderColors = colors.BorderColors;
+exports.Colors = colors.Colors;
+exports.IconColors = colors.IconColors;
 exports.BorderRadius = BorderRadius;
 exports.BorderWidth = BorderWidth;
-exports.Colors = Colors;
 exports.FontSizes = FontSizes;
-exports.IconColors = IconColors;
 exports.LineHeights = LineHeights;
 exports.Sizes = Sizes;
 exports.Spacings = Spacings;

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'button-default': '24px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,gBAAkB,EAAA,MAAA;AAAA,EAClB,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA;AACnB;;ACTO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACZO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}

package/dist/tokens.d.ts

@@ -1 +1 @@
-export * from './ds/tokens/index'
+export * from './src/ds/tokens/index'

package/dist/tokens.es.js

@@ -1,3 +1,5 @@
+export { B as BorderColors, C as Colors, I as IconColors } from './colors-CBG_Mm7P.js';
+
 const BorderWidth = {
   sm: "0.5px"
 };
@@ -8,30 +10,6 @@ const BorderRadius = {
   lg: "6px"
 };
 
-const Colors = {
-  surface1: "#000000",
-  surface2: "#0F0F0F",
-  surface3: "#141414",
-  surface4: "#1A1A1A",
-  surface5: "rgba(46, 46, 46, 0.9)",
-  accent1: "#1AFB6F",
-  accent2: "#FF4931",
-  accent3: "#267AD2",
-  accent4: "#9E57B3"
-};
-const BorderColors = {
-  border1: "rgba(48, 48, 48, 1)",
-  border2: "rgba(66, 66, 66, 1)"
-};
-const IconColors = {
-  icon1: "#5C5C5C",
-  icon2: "#707070",
-  icon3: "#939393",
-  icon4: "#A9A9A9",
-  icon5: "#E6E6E6",
-  icon6: "#FFFFFF"
-};
-
 const FontSizes = {
   "header-md": "1rem",
   // 16px
@@ -55,12 +33,15 @@ const LineHeights = {
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
-  "button-default": "24px",
+  "icon-sm": "12px",
+  "button-md": "24px",
+  "button-lg": "40px",
   "header-default": "40px",
   "table-header": "28px",
   "table-row": "44px",
   "table-row-small": "32px",
-  "badge-default": "20px"
+  "badge-default": "20px",
+  "avatar-default": "24px"
 };
 
 const Spacings = {
@@ -69,5 +50,5 @@ const Spacings = {
   lg: "8px"
 };
 
-export { BorderColors, BorderRadius, BorderWidth, Colors, FontSizes, IconColors, LineHeights, Sizes, Spacings };
+export { BorderRadius, BorderWidth, FontSizes, LineHeights, Sizes, Spacings };
 //# sourceMappingURL=tokens.es.js.map

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'button-default': '24px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":"AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,gBAAkB,EAAA,MAAA;AAAA,EAClB,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA;AACnB;;ACTO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,SAAW,EAAA,MAAA;AAAA,EACX,WAAa,EAAA,MAAA;AAAA,EACb,WAAa,EAAA,MAAA;AAAA,EACb,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA,MAAA;AAAA,EACjB,gBAAkB,EAAA;AACpB;;ACZO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "0.0.0-vnextWorkflows-20250422142014",
+  "version": "0.0.0-workflow-deno-20250616115451",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -36,86 +36,88 @@
   "author": "Mastra",
   "license": "Elastic-2.0",
   "dependencies": {
-    "@ai-sdk/ui-utils": "^1.1.19",
+    "@ai-sdk/ui-utils": "^1.2.11",
     "@assistant-ui/react": "^0.7.91",
     "@assistant-ui/react-markdown": "^0.7.21",
     "@assistant-ui/react-syntax-highlighter": "^0.7.10",
-    "@autoform/core": "^2.1.0",
-    "@autoform/react": "^3.0.0",
-    "@autoform/zod": "^2.1.0",
+    "@autoform/core": "^2.2.0",
+    "@autoform/react": "^3.1.0",
+    "@autoform/zod": "^2.2.0",
     "@codemirror/lang-json": "^6.0.1",
     "@dagrejs/dagre": "^1.1.4",
     "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.1",
     "@lukeed/uuid": "^2.0.1",
-    "@radix-ui/react-avatar": "^1.1.3",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-collapsible": "^1.1.3",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-scroll-area": "^1.2.3",
-    "@radix-ui/react-select": "^2.1.6",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-toggle": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8",
-    "@tanstack/react-table": "^8.21.2",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@uiw/codemirror-theme-github": "^4.23.8",
-    "@uiw/react-codemirror": "^4.23.8",
-    "@xyflow/react": "^12.3.6",
-    "cmdk": "^1.0.0",
+    "@uiw/codemirror-theme-dracula": "^4.23.13",
+    "@uiw/react-codemirror": "^4.23.13",
+    "@xyflow/react": "^12.6.4",
+    "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "json-schema-to-zod": "^2.5.0",
-    "motion": "^12.4.2",
-    "prism-react-renderer": "^2.4.0",
+    "json-schema-to-zod": "^2.6.1",
+    "motion": "^12.16.0",
+    "prism-react-renderer": "^2.4.1",
     "react-code-block": "1.1.1",
     "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.54.2",
+    "react-hook-form": "^7.57.0",
     "react-markdown": "^9.1.0",
-    "react-resizable-panels": "^2.1.7",
+    "react-resizable-panels": "^2.1.9",
     "react-syntax-highlighter": "^15.6.1",
     "rehype-stringify": "^10.0.1",
     "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.1",
-    "remeda": "^2.21.1",
+    "remark-rehype": "^11.1.2",
+    "remeda": "^2.23.0",
     "shiki": "^1.29.2",
-    "sonner": "^2.0.1",
+    "sonner": "^2.0.5",
     "superjson": "^2.2.2",
     "swr": "^2.3.3",
     "tailwindcss-animate": "^1.0.7",
     "unified": "^11.0.5",
-    "use-debounce": "^10.0.4",
-    "zod": "^3.24.2",
-    "zustand": "^5.0.3",
-    "@mastra/client-js": "0.0.0-vnextWorkflows-20250422142014"
+    "use-debounce": "^10.0.5",
+    "zod": "^3.25.57",
+    "zustand": "^5.0.5",
+    "@mastra/client-js": "0.0.0-workflow-deno-20250616115451"
   },
   "peerDependencies": {
+    "@mastra/core": "^0.10.0-alpha.0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "tailwindcss": "^3.0.0",
-    "@mastra/core": "0.0.0-vnextWorkflows-20250422142014"
+    "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.17.27",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@types/node": "^20.19.0",
+    "@types/react": "^19.1.7",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.5.2",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "rollup-plugin-node-externals": "^8.0.0",
-    "tailwind-merge": "^3.0.2",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
-    "vite": "^5.4.15",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.2.1"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "@mastra/core": "0.0.0-workflow-deno-20250616115451"
   },
   "scripts": {
     "dev": "vite",

package/dist/components/assistant-ui/assistant-modal.d.ts

@@ -1,3 +0,0 @@
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const AssistantModal: FC;

package/dist/components/assistant-ui/assistant-sidebar.d.ts

@@ -1,3 +0,0 @@
-import { FC, PropsWithChildren } from '../../../node_modules/@types/react';
-
-export declare const AssistantSidebar: FC<PropsWithChildren>;

package/dist/components/assistant-ui/thread.d.ts

@@ -1,7 +0,0 @@
-import { ToolCallContentPartComponent } from '@assistant-ui/react';
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const Thread: FC<{
-    memory?: boolean;
-    ToolFallback?: ToolCallContentPartComponent;
-}>;

package/dist/components/assistant-ui/user-message.d.ts

@@ -1,3 +0,0 @@
-import { FC } from '../../../node_modules/@types/react';
-
-export declare const UserMessage: FC;

package/dist/components/syntax-highlighter.d.ts

@@ -1,4 +0,0 @@
-export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
-export declare const SyntaxHighlighter: ({ data }: {
-    data: Record<string, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/autoform/AutoForm.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from '../../../../node_modules/@types/react';
-import { AutoFormProps } from './types';
-
-export declare const ShadcnAutoFormFieldComponents: {
-    readonly string: React.FC<import('@autoform/react').AutoFormFieldProps>;
-    readonly number: React.FC<import('@autoform/react').AutoFormFieldProps>;
-    readonly boolean: React.FC<import('@autoform/react').AutoFormFieldProps>;
-    readonly date: React.FC<import('@autoform/react').AutoFormFieldProps>;
-    readonly select: React.FC<import('@autoform/react').AutoFormFieldProps>;
-    readonly record: React.FC<import('@autoform/react').AutoFormFieldProps>;
-};
-export type FieldTypes = keyof typeof ShadcnAutoFormFieldComponents;
-export declare function AutoForm<T extends Record<string, any>>({ uiComponents, formComponents, ...props }: AutoFormProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/syntax-highlighter.d.ts

@@ -1,5 +0,0 @@
-export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
-export declare const SyntaxHighlighter: ({ data }: {
-    data: Record<string, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function highlight(code: string, language: string): Promise<import('shiki').ThemedToken[][] | null>;

package/dist/domains/agents/agent/agent-chat.d.ts

@@ -1,3 +0,0 @@
-import { ChatProps } from '../../../types';
-
-export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, baseUrl, refreshThreadList, }: ChatProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domains/agents/agent/agent-evals.d.ts

@@ -1,4 +0,0 @@
-export declare function AgentEvals({ agentId, baseUrl }: {
-    agentId: string;
-    baseUrl?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/agents/agent/agent-traces.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
-export interface AgentTracesProps {
-    agentName: string;
-    baseUrl: string;
-    sidebarChild: ReactNode;
-}
-export declare function AgentTraces({ agentName, baseUrl, sidebarChild }: AgentTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/domains/agents/agent/context/agent-context.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from '../../../../../node_modules/@types/react';
-import { ModelSettings } from '../../../../types';
-
-type AgentContextType = {
-    modelSettings: ModelSettings;
-    chatWithGenerate: boolean;
-    setModelSettings: React.Dispatch<React.SetStateAction<ModelSettings>>;
-    resetModelSettings: () => void;
-    setChatWithGenerate: React.Dispatch<React.SetStateAction<boolean>>;
-};
-export declare const AgentContext: import('../../../../../node_modules/@types/react').Context<AgentContextType>;
-export declare function AgentProvider({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/domains/networks/index.d.ts

@@ -1 +0,0 @@
-export * from './network-chat';

package/dist/domains/traces/trace-span-view.d.ts

@@ -1,8 +0,0 @@
-import { Span, SpanNode } from './types';
-
-export declare function TreeView({ tree }: {
-    tree: SpanNode[];
-}): import("react/jsx-runtime").JSX.Element;
-export default function SpanView({ trace }: {
-    trace: Span[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/trace-tree-view.d.ts

@@ -1,6 +0,0 @@
-import { SpanNode } from './types';
-
-export declare function TreeNode({ node, depth }: {
-    node: SpanNode;
-    depth?: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/traces-sidebar.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from '../../../node_modules/@types/react';
-
-export interface TracesSidebarProps {
-    className?: string;
-    onResize?: (width: number) => void;
-    width: number;
-    children: ReactNode;
-}
-export declare const TracesSidebar: ({ className, onResize, width, children }: TracesSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/traces-table.d.ts

@@ -1,10 +0,0 @@
-import { RefinedTrace } from './types';
-
-export interface TracesTableProps {
-    traces: RefinedTrace[];
-    isLoading: boolean;
-    error?: {
-        message: string;
-    } | null;
-}
-export declare const TracesTable: ({ traces, isLoading, error }: TracesTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/context/workflow-run-context.d.ts

@@ -1,14 +0,0 @@
-import { ExtendedWorkflowRunResult } from '../../../hooks/use-workflows';
-
-type WorkflowRunContextType = {
-    result: ExtendedWorkflowRunResult | null;
-    setResult: React.Dispatch<React.SetStateAction<any>>;
-    payload: any;
-    setPayload: React.Dispatch<React.SetStateAction<any>>;
-    clearData: () => void;
-};
-export declare const WorkflowRunContext: import('../../../../node_modules/@types/react').Context<WorkflowRunContextType>;
-export declare function WorkflowRunProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/domains/workflows/index.d.ts

@@ -1,4 +0,0 @@
-export * from './workflow/workflow-traces';
-export * from './workflow/workflow-graph';
-export * from './workflow/workflow-trigger';
-export * from './context/workflow-run-context';

package/dist/domains/workflows/workflow/workflow-default-node.d.ts

@@ -1,9 +0,0 @@
-import { NodeProps, Node } from '@xyflow/react';
-
-export type DefaultNode = Node<{
-    label: string;
-    description?: string;
-    withoutTopHandle?: boolean;
-    withoutBottomHandle?: boolean;
-}, 'default-node'>;
-export declare function WorkflowDefaultNode({ data }: NodeProps<DefaultNode>): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-graph-inner.d.ts

@@ -1,5 +0,0 @@
-import { Workflow } from '@mastra/core/workflows';
-
-export declare function WorkflowGraphInner({ workflow }: {
-    workflow: Workflow;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-graph.d.ts

@@ -1,5 +0,0 @@
-
-export declare function WorkflowGraph({ workflowId, baseUrl }: {
-    workflowId: string;
-    baseUrl: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-traces.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from '../../../../node_modules/@types/react';
-
-export interface WorkflowTracesProps {
-    workflowName: string;
-    baseUrl: string;
-    sidebarChild: ReactNode;
-}
-export declare function WorkflowTraces({ workflowName, baseUrl, sidebarChild }: WorkflowTracesProps): import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/SpanIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from '../../../node_modules/@types/react';
-
-export declare const SpanIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-traces.d.ts

@@ -1,9 +0,0 @@
-import { RefinedTrace } from '../domains/traces/types';
-
-export declare const useTraces: (componentName: string, baseUrl: string, isWorkflow?: boolean) => {
-    traces: RefinedTrace[];
-    firstCallLoading: boolean;
-    error: {
-        message: string;
-    } | null;
-};

package/dist/hooks/use-workflows.d.ts

@@ -1,47 +0,0 @@
-import { Workflow } from '@mastra/core/workflows';
-import { WorkflowRunResult as BaseWorkflowRunResult } from '@mastra/client-js';
-
-export type ExtendedWorkflowRunResult = BaseWorkflowRunResult & {
-    sanitizedOutput?: string | null;
-    sanitizedError?: {
-        message: string;
-        stack?: string;
-    } | null;
-};
-export declare const useWorkflow: (workflowId: string, baseUrl: string) => {
-    workflow: Workflow<import('@mastra/core').Step<string, any, any, import('@mastra/core').StepExecutionContext<any, import('@mastra/core').WorkflowContext<any, import('@mastra/core').Step<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
-    isLoading: boolean;
-};
-export declare const useExecuteWorkflow: (baseUrl: string) => {
-    startWorkflowRun: ({ workflowId, runId, input }: {
-        workflowId: string;
-        runId: string;
-        input: any;
-    }) => Promise<void>;
-    createWorkflowRun: ({ workflowId, prevRunId }: {
-        workflowId: string;
-        prevRunId?: string;
-    }) => Promise<{
-        runId: string;
-    }>;
-    isExecutingWorkflow: boolean;
-};
-export declare const useWatchWorkflow: (baseUrl: string) => {
-    watchWorkflow: ({ workflowId, runId }: {
-        workflowId: string;
-        runId: string;
-    }) => Promise<void>;
-    isWatchingWorkflow: boolean;
-    watchResult: ExtendedWorkflowRunResult | null;
-};
-export declare const useResumeWorkflow: (baseUrl: string) => {
-    resumeWorkflow: ({ workflowId, stepId, runId, context, }: {
-        workflowId: string;
-        stepId: string;
-        runId: string;
-        context: any;
-    }) => Promise<{
-        message: string;
-    }>;
-    isResumingWorkflow: boolean;
-};