@mastra/playground-ui 0.0.0-vnext-inngest-20250508122351 → 0.0.0-vnextAgentNetwork-20250527091247

package/dist/tokens.es.js

@@ -55,6 +55,7 @@ const LineHeights = {
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
+  "icon-sm": "12px",
   "button-md": "24px",
   "button-lg": "40px",
   "header-default": "40px",

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-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,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;;ACXO,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/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;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "0.0.0-vnext-inngest-20250508122351",
+  "version": "0.0.0-vnextAgentNetwork-20250527091247",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -91,14 +91,14 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.3",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "0.0.0-vnext-inngest-20250508122351"
+    "@mastra/client-js": "0.0.0-vnextAgentNetwork-20250527091247"
   },
   "peerDependencies": {
+    "@mastra/core": "^0.10.0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "tailwindcss": "^3.0.0",
-    "@mastra/core": "0.0.0-vnext-inngest-20250508122351"
+    "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.17.27",
@@ -115,7 +115,8 @@
     "typescript": "^5.8.2",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.2.1"
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "@mastra/core": "0.0.0-vnextAgentNetwork-20250527091247"
   },
   "scripts": {
     "dev": "vite",

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/workflows/context/v-next-workflow-nested-graph-context.d.ts

@@ -1,14 +0,0 @@
-import { StepFlowEntry } from '@mastra/core/workflows/vNext';
-
-type VNextWorkflowNestedGraphContextType = {
-    showNestedGraph: ({ label, stepGraph }: {
-        label: string;
-        stepGraph: StepFlowEntry[];
-    }) => void;
-    closeNestedGraph: () => void;
-};
-export declare const VNextWorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<VNextWorkflowNestedGraphContextType>;
-export declare function VNextWorkflowNestedGraphProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-import { GetVNextWorkflowResponse } from '@mastra/client-js';
-
-export declare function VNextWorkflowGraphInner({ workflow }: {
-    workflow: GetVNextWorkflowResponse;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-nested-graph.d.ts

@@ -1,6 +0,0 @@
-import { StepFlowEntry } from '@mastra/core/workflows/vNext';
-
-export declare function VNextWorkflowNestedGraph({ stepGraph, open }: {
-    stepGraph: StepFlowEntry[];
-    open: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/v-next-workflow-nested-node.d.ts

@@ -1,11 +0,0 @@
-import { NodeProps, Node } from '@xyflow/react';
-import { StepFlowEntry } from '@mastra/core/workflows/vNext';
-
-export type NestedNode = Node<{
-    label: string;
-    description?: string;
-    withoutTopHandle?: boolean;
-    withoutBottomHandle?: boolean;
-    stepGraph: StepFlowEntry[];
-}, 'nested-node'>;
-export declare function VNextWorkflowNestedNode({ data }: NodeProps<NestedNode>): import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Trace.context.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from '../../../../node_modules/@types/react';
-
-export declare const TraceDurationContext: React.Context<number>;
-export declare const useTraceDuration: () => number;
-export interface TraceDurationProviderProps {
-    children: React.ReactNode;
-    durationMs: number;
-}
-export declare const TraceDurationProvider: ({ children, durationMs }: TraceDurationProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,90 +0,0 @@
-import { Workflow } from '@mastra/core/workflows';
-import { WorkflowRunResult as BaseWorkflowRunResult, VNextWorkflowWatchResult, GetVNextWorkflowResponse } from '@mastra/client-js';
-import { RuntimeContext } from '@mastra/core/runtime-context';
-
-export type ExtendedWorkflowRunResult = BaseWorkflowRunResult & {
-    sanitizedOutput?: string | null;
-    sanitizedError?: {
-        message: string;
-        stack?: string;
-    } | null;
-};
-export type ExtendedVNextWorkflowWatchResult = VNextWorkflowWatchResult & {
-    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 useVNextWorkflow: (workflowId: string, baseUrl: string) => {
-    vNextWorkflow: GetVNextWorkflowResponse | 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;
-    }>;
-    startVNextWorkflowRun: ({ workflowId, runId, input, }: {
-        workflowId: string;
-        runId: string;
-        input: any;
-    }) => Promise<void>;
-    createVNextWorkflowRun: ({ workflowId, prevRunId }: {
-        workflowId: string;
-        prevRunId?: string;
-    }) => Promise<{
-        runId: string;
-    }>;
-    startAsyncVNextWorkflowRun: ({ workflowId, runId, input, }: {
-        workflowId: string;
-        runId?: string;
-        input: any;
-    }) => Promise<import('@mastra/client-js').VNextWorkflowRunResult>;
-};
-export declare const useWatchWorkflow: (baseUrl: string) => {
-    watchWorkflow: ({ workflowId, runId }: {
-        workflowId: string;
-        runId: string;
-    }) => Promise<void>;
-    isWatchingWorkflow: boolean;
-    watchResult: ExtendedWorkflowRunResult | null;
-    watchVNextWorkflow: ({ workflowId, runId }: {
-        workflowId: string;
-        runId: string;
-    }) => Promise<void>;
-    isWatchingVNextWorkflow: boolean;
-    watchVNextResult: ExtendedVNextWorkflowWatchResult | 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;
-    resumeVNextWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
-        workflowId: string;
-        step: string | string[];
-        runId: string;
-        resumeData: any;
-        runtimeContext?: RuntimeContext;
-    }) => Promise<{
-        message: string;
-    }>;
-    isResumingVNextWorkflow: boolean;
-};