@mastra/playground-ui 5.1.1-alpha.1 → 5.1.1-alpha.4

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

@@ -4,8 +4,9 @@ export interface ThreadProps {
     ToolFallback?: ToolCallContentPartComponent;
     agentName?: string;
     hasMemory?: boolean;
+    showFileSupport?: boolean;
 }
-export declare const Thread: ({ ToolFallback, agentName, hasMemory }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thread: ({ ToolFallback, agentName, hasMemory, showFileSupport }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
 export interface ThreadWelcomeProps {
     agentName?: string;
 }

package/dist/src/components/assistant-ui/use-has-attachments.d.ts

@@ -0,0 +1 @@
+export declare const useHasAttachments: () => boolean;

package/dist/src/components/ui/slider.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };

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

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

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

@@ -1,5 +1,6 @@
 import { ReactNode } from '../../../../../node_modules/@types/react';
 import { ModelSettings } from '../../../../types';
+import { GetAgentResponse } from '@mastra/client-js';
 
 type AgentContextType = {
     modelSettings: ModelSettings;
@@ -9,8 +10,10 @@ type AgentContextType = {
     setChatWithGenerate: (chatWithGenerate: boolean) => void;
 };
 export declare const AgentContext: import('../../../../../node_modules/@types/react').Context<AgentContextType>;
-export declare function AgentProvider({ agentId, children }: {
+export declare function AgentProvider({ agentId, defaultGenerateOptions, defaultStreamOptions, children, }: {
     agentId: string;
+    defaultGenerateOptions?: GetAgentResponse['defaultGenerateOptions'];
+    defaultStreamOptions?: GetAgentResponse['defaultStreamOptions'];
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/workflows/context/use-current-run.d.ts

@@ -0,0 +1,14 @@
+type Step = {
+    error?: any;
+    startedAt: number;
+    endedAt?: number;
+    status: 'running' | 'success' | 'failed' | 'suspended';
+    output?: any;
+    input?: any;
+};
+type UseCurrentRunReturnType = {
+    steps: Record<string, Step>;
+    isRunning: boolean;
+};
+export declare const useCurrentRun: () => UseCurrentRunReturnType;
+export {};

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

@@ -1,4 +1,5 @@
 import { ExtendedLegacyWorkflowRunResult, ExtendedWorkflowWatchResult } from '../../../hooks/use-workflows';
+import { WorkflowRunState } from '@mastra/core';
 
 type WorkflowRunContextType = {
     legacyResult: ExtendedLegacyWorkflowRunResult | null;
@@ -10,7 +11,8 @@ type WorkflowRunContextType = {
     clearData: () => void;
 };
 export declare const WorkflowRunContext: import('../../../../node_modules/@types/react').Context<WorkflowRunContextType>;
-export declare function WorkflowRunProvider({ children }: {
+export declare function WorkflowRunProvider({ children, snapshot, }: {
     children: React.ReactNode;
+    snapshot?: WorkflowRunState;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,3 +4,4 @@ export * from './workflow/legacy-workflow-trigger';
 export * from './context/workflow-run-context';
 export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';
+export * from './context/use-current-run';

package/dist/src/domains/workflows/utils.d.ts

@@ -0,0 +1,4 @@
+import { WorkflowRunState } from '@mastra/core';
+import { ExtendedWorkflowWatchResult } from '../../hooks/use-workflows';
+
+export declare function convertWorkflowRunStateToWatchResult(runState: WorkflowRunState): ExtendedWorkflowWatchResult;

package/dist/src/domains/workflows/workflow/zoom-slider.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from '../../../../node_modules/@types/react';
+import { PanelProps } from '@xyflow/react';
+
+export declare const ZoomSlider: React.ForwardRefExoticComponent<Omit<PanelProps, "children"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/Button/Button.d.ts

@@ -4,6 +4,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     as?: React.ElementType;
     className?: string;
     href?: string;
+    to?: string;
     prefetch?: boolean | null;
     children: React.ReactNode;
     size?: 'md' | 'lg';

package/dist/src/ds/icons/AgentNetworkCoinIcon.d.ts

@@ -0,0 +1 @@
+export declare const AgentNetworkCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/icons/ToolCoinIcon.d.ts

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

package/dist/src/ds/icons/index.d.ts

@@ -40,3 +40,5 @@ export * from './LatencyIcon';
 export * from './McpServerIcon';
 export * from './FolderIcon';
 export * from './McpCoinIcon';
+export * from './ToolCoinIcon';
+export * from './AgentNetworkCoinIcon';

package/dist/src/hooks/use-speech-recognition.d.ts

@@ -0,0 +1,15 @@
+export interface SpeechRecognitionState {
+    isListening: boolean;
+    transcript: string;
+    error: string | null;
+}
+export interface UseSpeechRecognitionArgs {
+    language?: string;
+}
+export declare const useSpeechRecognition: ({ language }?: UseSpeechRecognitionArgs) => {
+    start: () => void;
+    stop: () => void;
+    isListening: boolean;
+    transcript: string;
+    error: string | null;
+};

package/dist/src/index.d.ts

@@ -18,6 +18,7 @@ export * from './ds/components/Entity/index';
 export * from './ds/components/EmptyState/index';
 export * from './ds/icons/index';
 export * from './lib/polls';
+export * from './hooks/use-speech-recognition';
 export { useTraces } from './hooks/index';
 export { TraceContext, TraceProvider } from './domains/traces/context/trace-context';
 export type { TraceContextType } from './domains/traces/context/trace-context';

package/dist/src/lib/file.d.ts

@@ -0,0 +1 @@
+export declare const fileToBase64: (file: File) => Promise<string>;

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

@@ -1,8 +1,8 @@
 import { ModelSettings } from '../types';
 
 interface AgentStore {
-    modelSettings: Record<string, ModelSettings>;
-    setModelSettings: (modelSettings: Record<string, ModelSettings>) => void;
+    modelSettings: Record<string, ModelSettings | null>;
+    setModelSettings: (modelSettings: Record<string, ModelSettings | null>) => void;
     chatWithGenerate: Record<string, boolean>;
     setChatWithGenerate: (chatWithGenerate: Record<string, boolean>) => void;
 }

package/dist/src/types.d.ts

@@ -26,6 +26,7 @@ export interface ChatProps {
     modelSettings?: ModelSettings;
     chatWithGenerate?: boolean;
     runtimeContext?: Record<string, any>;
+    showFileSupport?: boolean;
 }
 export type SpanStatus = {
     code: number;

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
@@ -76,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  '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,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,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;;;;;;;;;;;;"}
+{"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.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
@@ -72,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  '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,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,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;;;;"}
+{"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": "5.1.1-alpha.1",
+  "version": "5.1.1-alpha.4",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -56,6 +56,7 @@
     "@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-slider": "^1.2.3",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.2",
@@ -91,7 +92,7 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.3",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.10.1-alpha.0"
+    "@mastra/client-js": "^0.10.1-alpha.2"
   },
   "peerDependencies": {
     "@mastra/core": "^0.10.0",
@@ -116,7 +117,7 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.1",
-    "@mastra/core": "0.10.1-alpha.0"
+    "@mastra/core": "0.10.1-alpha.3"
   },
   "scripts": {
     "dev": "vite",