npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/{use-workflow-graph-runtime-DYao-08R.cjs.map → use-workflow-graph-runtime-BfCL6nd4.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-workflow-graph-runtime-DYao-08R.cjs","names":["useMemo","WorkflowGraphBoundary","useWorkflowGraphNodes","useCurrentRun","getWorkflowIterationScopes","useState","getWorkflowGraphGroups","Txt","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","WorkflowGraphCanvas","Repeat2","Txt","ReactFlowProvider","isAwaitingInput","useCurrentRun","useWorkflowSelectedStep","useWorkflowStepDetail","useWaitingStepKey","resolveStepSpan","WorkflowStepCardView","getWorkflowCardKind","WorkflowStepActionBar","WorkflowConditionCard","WorkflowNodeFrame","useCurrentRun","useContext","WorkflowRunContext","getWorkflowBoundaryData","useMemo","buildStepsFlow","WORKFLOW_STEP_NODE_TYPE","WORKFLOW_BOUNDARY_NODE_TYPE","WorkflowBoundaryNode","WORKFLOW_DATA_EDGE_TYPE","WorkflowDataEdge","groupWorkflowEdgeData"],"sources":["../src/domains/workflows/workflow/workflow-nested-graph.tsx","../src/domains/workflows/workflow/workflow-body-graph.tsx","../src/domains/workflows/workflow/workflow-graph-node.tsx","../src/domains/workflows/workflow/use-workflow-graph-runtime.tsx"],"sourcesContent":["import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\n\nimport { useMemo, useState } from 'react';\nimport { useCurrentRun } from '../context/use-current-run';\nimport { useWorkflowGraphNodes } from './use-workflow-graph-nodes';\nimport { useWorkflowGraphRuntime } from './use-workflow-graph-runtime';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { getWorkflowGraphGroups } from './workflow-graph-groups';\nimport { getWorkflowIterationScopes } from './workflow-iteration-scopes';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { WorkflowGraphCanvas, WORKFLOW_BOUNDARY_NODE_TYPE } from '@/ds/components/Workflow';\n\nexport interface WorkflowNestedGraphProps {\n stepGraph: SerializedStepFlowEntry[];\n workflowName: string;\n isForEach?: boolean;\n embedded?: boolean;\n requestContext: Record<string, any>;\n}\n\nexport function WorkflowNestedGraph(props: WorkflowNestedGraphProps) {\n const layoutKey = useMemo(\n () => `${props.workflowName}:${JSON.stringify(props.stepGraph)}`,\n [props.workflowName, props.stepGraph],\n );\n return (\n <WorkflowGraphBoundary key={layoutKey} stepGraph={props.stepGraph}>\n <WorkflowNestedGraphContent {...props} />\n </WorkflowGraphBoundary>\n );\n}\n\nfunction WorkflowNestedGraphContent({\n stepGraph,\n workflowName,\n isForEach,\n embedded,\n requestContext,\n}: WorkflowNestedGraphProps) {\n const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);\n const { steps } = useCurrentRun();\n const iterations = getWorkflowIterationScopes(Object.keys(steps), workflowName);\n const [selectedIteration, setSelectedIteration] = useState<string>();\n const activeIteration = iterations.find(iteration => iteration.value === selectedIteration) ?? iterations[0];\n\n const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({\n edges,\n workflowName: activeIteration?.value ?? workflowName,\n requestContext,\n });\n\n const labeledNodes = useMemo(\n () =>\n nodes.map(node => {\n if (!isForEach \|\| node.type !== WORKFLOW_BOUNDARY_NODE_TYPE) return node;\n const label = node.data.boundaryRole === 'start' ? 'Each item' : 'Item result';\n return { ...node, data: { ...node.data, label } };\n }),\n [nodes, isForEach],\n );\n const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);\n\n return (\n <div className=\"relative flex size-full flex-col\">\n {activeIteration && (\n <div className=\"nodrag nopan flex items-center gap-3 border-b border-border px-4 py-2\">\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n Iteration\n </Txt>\n <Select value={activeIteration.value} onValueChange={setSelectedIteration} items={iterations}>\n <SelectTrigger aria-label=\"Loop item\" size=\"sm\" className=\"w-36\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {iterations.map(iteration => (\n <SelectItem key={iteration.value} value={iteration.value}>\n {iteration.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n )}\n <div className=\"min-h-0 flex-1\">\n <WorkflowGraphCanvas\n variant={embedded ? 'inline' : 'nested'}\n groups={groups}\n nodes={labeledNodes}\n edges={styledEdges}\n edgeTypes={edgeTypes}\n nodeTypes={nodeTypes}\n onNodesChange={onNodesChange}\n />\n </div>\n </div>\n );\n}\n","import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { Repeat2 } from 'lucide-react';\nimport { WorkflowNestedGraph } from './workflow-nested-graph';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function WorkflowBodyGraph({\n stepGraph,\n workflowName,\n isForEach,\n requestContext,\n}: {\n stepGraph: SerializedStepFlowEntry[];\n workflowName: string;\n isForEach?: boolean;\n requestContext: Record<string, any>;\n}) {\n return (\n <section aria-label={isForEach ? 'Loop body' : 'Nested workflow'} className=\"flex h-full min-h-0 flex-col\">\n {isForEach && (\n <div className=\"flex shrink-0 items-start gap-2 px-4 py-3 text-muted-foreground\">\n <Repeat2 aria-hidden className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <Txt variant=\"meta\">Runs for every item. All items finish before the workflow continues.</Txt>\n </div>\n )}\n <div className=\"min-h-0 flex-1 overflow-hidden\">\n <ReactFlowProvider>\n <WorkflowNestedGraph\n stepGraph={stepGraph}\n embedded\n workflowName={workflowName}\n isForEach={isForEach}\n requestContext={requestContext}\n />\n </ReactFlowProvider>\n </div>\n </section>\n );\n}\n","import type { NodeProps } from '@xyflow/react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport type { Step } from '../context/use-current-run';\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { isAwaitingInput, resolveStepSpan } from '../context/workflow-step-timing';\nimport { useWaitingStepKey } from './use-workflow-trigger';\nimport { WorkflowBodyGraph } from './workflow-body-graph';\nimport { getWorkflowCardKind } from './workflow-node-kind';\nimport { WorkflowStepActionBar } from './workflow-step-action-bar';\nimport type { WorkflowStepNode, WorkflowStepNodeData } from './workflow-step-node-utils';\nimport { WorkflowNodeFrame, WorkflowConditionCard, WorkflowStepCardView } from '@/ds/components/Workflow';\nimport type { WorkflowCardDisplayStatus } from '@/ds/components/Workflow';\n\nexport interface WorkflowGraphNodeProps {\n parentWorkflowName?: string;\n stepsFlow: Record<string, string[]>;\n requestContext: Record<string, any>;\n}\n\nconst getDisplayStatus = (step?: Step): { displayStatus: WorkflowCardDisplayStatus; isTripwire: boolean } => {\n const isTripwire = step?.status === 'failed' && step?.tripwire !== undefined;\n const displayStatus = step && isAwaitingInput(step) ? 'suspended' : step?.status;\n return {\n displayStatus: isTripwire ? 'tripwire' : displayStatus,\n isTripwire,\n };\n};\n\nconst WorkflowStepCard = ({\n data,\n parentWorkflowName,\n stepsFlow,\n requestContext,\n}: {\n data: WorkflowStepNodeData;\n parentWorkflowName?: string;\n stepsFlow: Record<string, string[]>;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const { selectedStepId, setSelectedStepId, hoverStepId, setHoverStepId } = useWorkflowSelectedStep();\n const { showNestedGraph } = useWorkflowStepDetail();\n const waitingStepKey = useWaitingStepKey();\n const { label, stepId, description } = data;\n const mapConfig = data.mapConfig ?? ('step' in data.workflowStep ? data.workflowStep.step?.mapConfig : undefined);\n const stepGraph =\n data.stepGraph ??\n ('step' in data.workflowStep ? data.workflowStep.step?.serializedStepFlow : undefined) ??\n (data.workflowStep.kind === 'nested-workflow-step' && data.workflowStep.flow.type === 'workflow'\n ? data.workflowStep.flow.serializedStepFlow\n : undefined);\n const fullLabel = parentWorkflowName ? `${parentWorkflowName}.${label}` : label;\n const stepKey = parentWorkflowName ? `${parentWorkflowName}.${stepId \|\| label}` : stepId \|\| label;\n const isSelected = selectedStepId === stepKey;\n const isWaiting = waitingStepKey === stepKey;\n const isHovered = hoverStepId === stepKey;\n const step = steps[stepKey];\n const { displayStatus, isTripwire } = getDisplayStatus(step);\n const stepSpan = step ? resolveStepSpan(step) : undefined;\n\n return (\n <WorkflowStepCardView\n label={data.mapContext?.label ?? label}\n nodeKind={getWorkflowCardKind(data.workflowStep)}\n onSelect={() => setSelectedStepId(stepKey)}\n initiallyOpen={!parentWorkflowName}\n body={\n stepGraph?.length ? (\n <WorkflowBodyGraph\n stepGraph={stepGraph}\n workflowName={fullLabel}\n isForEach={data.isForEach}\n requestContext={requestContext}\n />\n ) : undefined\n }\n description={description ?? data.mapContext?.description}\n displayStatus={displayStatus}\n isNestedWorkflowStep={data.workflowStep.kind === 'nested-workflow-step'}\n stepKey={stepKey}\n isSelected={isSelected}\n isWaiting={isWaiting}\n isHovered={isHovered}\n onHoverChange={isHovered => setHoverStepId(isHovered ? stepKey : null)}\n duration={data.duration}\n date={data.date}\n isForEach={data.isForEach}\n foreachProgress={step?.foreachProgress}\n mapConfig={mapConfig}\n canSuspend={data.canSuspend}\n stepGraph={stepGraph}\n startedAt={stepSpan?.start}\n endedAt={stepSpan?.end}\n spansSuspension={stepSpan?.spansSuspension}\n actionBar={\n <WorkflowStepActionBar\n stepName={label}\n stepId={stepId}\n resumeData={step?.resumeData}\n error={isTripwire ? undefined : step?.error}\n tripwire={isTripwire ? step?.tripwire : undefined}\n mapConfig={mapConfig}\n onShowNestedGraph={stepGraph ? () => showNestedGraph({ label, fullStep: fullLabel, stepGraph }) : undefined}\n stepKey={stepKey}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n }\n />\n );\n};\n\nconst WorkflowConditionNodeCard = ({\n data,\n parentWorkflowName,\n requestContext,\n}: {\n data: WorkflowStepNodeData;\n parentWorkflowName?: string;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const conditions = data.conditions ?? [];\n const previousStepId =\n data.previousStepId && (parentWorkflowName ? `${parentWorkflowName}.${data.previousStepId}` : data.previousStepId);\n const previousStep = previousStepId ? steps[previousStepId] : undefined;\n const { displayStatus: previousDisplayStatus, isTripwire } = getDisplayStatus(previousStep);\n\n return (\n <WorkflowConditionCard\n conditions={conditions}\n previousDisplayStatus={previousDisplayStatus}\n actionBar={\n <WorkflowStepActionBar\n stepName={data.nextStepId ?? data.label}\n mapConfig={data.mapConfig}\n tripwire={isTripwire ? previousStep?.tripwire : undefined}\n requestContext={requestContext}\n />\n }\n />\n );\n};\n\nexport function WorkflowGraphNode({\n data,\n parentWorkflowName,\n stepsFlow,\n requestContext,\n}: NodeProps<WorkflowStepNode> & WorkflowGraphNodeProps) {\n const content =\n data.workflowStep.kind === 'conditional' ? (\n <WorkflowConditionNodeCard data={data} parentWorkflowName={parentWorkflowName} requestContext={requestContext} />\n ) : (\n <WorkflowStepCard\n data={data}\n parentWorkflowName={parentWorkflowName}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n );\n\n return (\n <WorkflowNodeFrame withoutTopHandle={data.withoutTopHandle} withoutBottomHandle={data.withoutBottomHandle}>\n {content}\n </WorkflowNodeFrame>\n );\n}\n","import type { EdgeProps, NodeProps } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { groupWorkflowEdgeData } from './data/workflow-edge-data-groups';\nimport { buildStepsFlow } from './utils';\nimport type { WorkflowGraphEdge } from './utils';\nimport { getWorkflowBoundaryData } from './workflow-boundary-data';\nimport { WorkflowDataEdge } from './workflow-data-edge';\nimport { WorkflowGraphNode } from './workflow-graph-node';\nimport { WORKFLOW_BOUNDARY_NODE_TYPE, WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils';\nimport type { WorkflowBoundaryNode as WorkflowBoundaryNodeType, WorkflowStepNode } from './workflow-step-node-utils';\nimport { WorkflowBoundaryNode, WORKFLOW_DATA_EDGE_TYPE } from '@/ds/components/Workflow';\n\nconst getScopedStepId = (stepId: string \| undefined, workflowName?: string) =>\n stepId && workflowName ? `${workflowName}.${stepId}` : stepId;\n\nexport const useWorkflowGraphRuntime = ({\n edges,\n workflowName,\n requestContext,\n}: {\n edges: WorkflowGraphEdge[];\n workflowName?: string;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const workflowRun = useContext(WorkflowRunContext);\n const workflowSucceeded = workflowName\n ? steps[workflowName]?.status === 'success' \|\| getWorkflowBoundaryData(steps, workflowName).output !== undefined\n : workflowRun.result?.status === 'success';\n const stepsFlow = useMemo(() => buildStepsFlow(edges), [edges]);\n const nodeTypes = useMemo(\n () => ({\n [WORKFLOW_STEP_NODE_TYPE]: (props: NodeProps<WorkflowStepNode>) => (\n <WorkflowGraphNode\n parentWorkflowName={workflowName}\n {...props}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n ),\n [WORKFLOW_BOUNDARY_NODE_TYPE]: (props: NodeProps<WorkflowBoundaryNodeType>) => (\n <WorkflowBoundaryNode {...props} />\n ),\n }),\n [stepsFlow, workflowName, requestContext],\n );\n const edgeTypes = useMemo(\n () => ({\n [WORKFLOW_DATA_EDGE_TYPE]: (props: EdgeProps<WorkflowGraphEdge>) => (\n <WorkflowDataEdge parentWorkflowName={workflowName} {...props} />\n ),\n }),\n [workflowName],\n );\n const styledEdges = useMemo(\n () =>\n groupWorkflowEdgeData(edges).map((edge): WorkflowGraphEdge => {\n const previousStepId = getScopedStepId(edge.data?.previousStepId, workflowName);\n const nextStepId = getScopedStepId(edge.data?.nextStepId, workflowName);\n const previousStepSucceeded = steps[previousStepId ?? '']?.status === 'success';\n const nextStepStatus = steps[nextStepId ?? '']?.status;\n let isFinishedEdge = previousStepSucceeded && nextStepStatus !== 'skipped';\n if (edge.data?.boundaryPayload === 'workflow-output') {\n isFinishedEdge = workflowSucceeded;\n } else if (edge.data?.boundaryPayload === 'workflow-input' \|\| edge.data?.conditionNode) {\n isFinishedEdge = Boolean(nextStepStatus) && nextStepStatus !== 'skipped';\n }\n\n return {\n ...edge,\n type: WORKFLOW_DATA_EDGE_TYPE,\n animated: isFinishedEdge ? false : edge.animated,\n data: {\n ...edge.data,\n edgeStatus: isFinishedEdge ? 'success' : 'idle',\n },\n style: {\n ...edge.style,\n stroke: isFinishedEdge ? 'var(--success-indicator)' : 'var(--muted-foreground)',\n strokeDasharray: isFinishedEdge ? 'none' : edge.style?.strokeDasharray,\n },\n };\n }),\n [edges, steps, workflowName, workflowSucceeded],\n );\n\n return { edgeTypes, nodeTypes, stepsFlow, styledEdges };\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-workflow-graph-runtime-BfCL6nd4.cjs","names":["useMemo","WorkflowGraphBoundary","useWorkflowGraphNodes","useCurrentRun","getWorkflowIterationScopes","useState","getWorkflowGraphGroups","Txt","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","WorkflowGraphCanvas","Repeat2","Txt","ReactFlowProvider","isAwaitingInput","useCurrentRun","useWorkflowSelectedStep","useWorkflowStepDetail","useWaitingStepKey","resolveStepSpan","WorkflowStepCardView","getWorkflowCardKind","WorkflowStepActionBar","WorkflowConditionCard","WorkflowNodeFrame","useCurrentRun","useContext","WorkflowRunContext","getWorkflowBoundaryData","useMemo","buildStepsFlow","WORKFLOW_STEP_NODE_TYPE","WORKFLOW_BOUNDARY_NODE_TYPE","WorkflowBoundaryNode","WORKFLOW_DATA_EDGE_TYPE","WorkflowDataEdge","groupWorkflowEdgeData"],"sources":["../src/domains/workflows/workflow/workflow-nested-graph.tsx","../src/domains/workflows/workflow/workflow-body-graph.tsx","../src/domains/workflows/workflow/workflow-graph-node.tsx","../src/domains/workflows/workflow/use-workflow-graph-runtime.tsx"],"sourcesContent":["import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\n\nimport { useMemo, useState } from 'react';\nimport { useCurrentRun } from '../context/use-current-run';\nimport { useWorkflowGraphNodes } from './use-workflow-graph-nodes';\nimport { useWorkflowGraphRuntime } from './use-workflow-graph-runtime';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { getWorkflowGraphGroups } from './workflow-graph-groups';\nimport { getWorkflowIterationScopes } from './workflow-iteration-scopes';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { WorkflowGraphCanvas, WORKFLOW_BOUNDARY_NODE_TYPE } from '@/ds/components/Workflow';\n\nexport interface WorkflowNestedGraphProps {\n stepGraph: SerializedStepFlowEntry[];\n workflowName: string;\n isForEach?: boolean;\n embedded?: boolean;\n requestContext: Record<string, any>;\n}\n\nexport function WorkflowNestedGraph(props: WorkflowNestedGraphProps) {\n const layoutKey = useMemo(\n () => `${props.workflowName}:${JSON.stringify(props.stepGraph)}`,\n [props.workflowName, props.stepGraph],\n );\n return (\n <WorkflowGraphBoundary key={layoutKey} stepGraph={props.stepGraph}>\n <WorkflowNestedGraphContent {...props} />\n </WorkflowGraphBoundary>\n );\n}\n\nfunction WorkflowNestedGraphContent({\n stepGraph,\n workflowName,\n isForEach,\n embedded,\n requestContext,\n}: WorkflowNestedGraphProps) {\n const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);\n const { steps } = useCurrentRun();\n const iterations = getWorkflowIterationScopes(Object.keys(steps), workflowName);\n const [selectedIteration, setSelectedIteration] = useState<string>();\n const activeIteration = iterations.find(iteration => iteration.value === selectedIteration) ?? iterations[0];\n\n const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({\n edges,\n workflowName: activeIteration?.value ?? workflowName,\n requestContext,\n });\n\n const labeledNodes = useMemo(\n () =>\n nodes.map(node => {\n if (!isForEach \|\| node.type !== WORKFLOW_BOUNDARY_NODE_TYPE) return node;\n const label = node.data.boundaryRole === 'start' ? 'Each item' : 'Item result';\n return { ...node, data: { ...node.data, label } };\n }),\n [nodes, isForEach],\n );\n const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);\n\n return (\n <div className=\"relative flex size-full flex-col\">\n {activeIteration && (\n <div className=\"nodrag nopan flex items-center gap-3 border-b border-border px-4 py-2\">\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n Iteration\n </Txt>\n <Select value={activeIteration.value} onValueChange={setSelectedIteration} items={iterations}>\n <SelectTrigger aria-label=\"Loop item\" size=\"sm\" className=\"w-36\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {iterations.map(iteration => (\n <SelectItem key={iteration.value} value={iteration.value}>\n {iteration.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n )}\n <div className=\"min-h-0 flex-1\">\n <WorkflowGraphCanvas\n variant={embedded ? 'inline' : 'nested'}\n groups={groups}\n nodes={labeledNodes}\n edges={styledEdges}\n edgeTypes={edgeTypes}\n nodeTypes={nodeTypes}\n onNodesChange={onNodesChange}\n />\n </div>\n </div>\n );\n}\n","import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { Repeat2 } from 'lucide-react';\nimport { WorkflowNestedGraph } from './workflow-nested-graph';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function WorkflowBodyGraph({\n stepGraph,\n workflowName,\n isForEach,\n requestContext,\n}: {\n stepGraph: SerializedStepFlowEntry[];\n workflowName: string;\n isForEach?: boolean;\n requestContext: Record<string, any>;\n}) {\n return (\n <section aria-label={isForEach ? 'Loop body' : 'Nested workflow'} className=\"flex h-full min-h-0 flex-col\">\n {isForEach && (\n <div className=\"flex shrink-0 items-start gap-2 px-4 py-3 text-muted-foreground\">\n <Repeat2 aria-hidden className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <Txt variant=\"meta\">Runs for every item. All items finish before the workflow continues.</Txt>\n </div>\n )}\n <div className=\"min-h-0 flex-1 overflow-hidden\">\n <ReactFlowProvider>\n <WorkflowNestedGraph\n stepGraph={stepGraph}\n embedded\n workflowName={workflowName}\n isForEach={isForEach}\n requestContext={requestContext}\n />\n </ReactFlowProvider>\n </div>\n </section>\n );\n}\n","import type { NodeProps } from '@xyflow/react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport type { Step } from '../context/use-current-run';\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { isAwaitingInput, resolveStepSpan } from '../context/workflow-step-timing';\nimport { useWaitingStepKey } from './use-workflow-trigger';\nimport { WorkflowBodyGraph } from './workflow-body-graph';\nimport { getWorkflowCardKind } from './workflow-node-kind';\nimport { WorkflowStepActionBar } from './workflow-step-action-bar';\nimport type { WorkflowStepNode, WorkflowStepNodeData } from './workflow-step-node-utils';\nimport { WorkflowNodeFrame, WorkflowConditionCard, WorkflowStepCardView } from '@/ds/components/Workflow';\nimport type { WorkflowCardDisplayStatus } from '@/ds/components/Workflow';\n\nexport interface WorkflowGraphNodeProps {\n parentWorkflowName?: string;\n stepsFlow: Record<string, string[]>;\n requestContext: Record<string, any>;\n}\n\nconst getDisplayStatus = (step?: Step): { displayStatus: WorkflowCardDisplayStatus; isTripwire: boolean } => {\n const isTripwire = step?.status === 'failed' && step?.tripwire !== undefined;\n const displayStatus = step && isAwaitingInput(step) ? 'suspended' : step?.status;\n return {\n displayStatus: isTripwire ? 'tripwire' : displayStatus,\n isTripwire,\n };\n};\n\nconst WorkflowStepCard = ({\n data,\n parentWorkflowName,\n stepsFlow,\n requestContext,\n}: {\n data: WorkflowStepNodeData;\n parentWorkflowName?: string;\n stepsFlow: Record<string, string[]>;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const { selectedStepId, setSelectedStepId, hoverStepId, setHoverStepId } = useWorkflowSelectedStep();\n const { showNestedGraph } = useWorkflowStepDetail();\n const waitingStepKey = useWaitingStepKey();\n const { label, stepId, description } = data;\n const mapConfig = data.mapConfig ?? ('step' in data.workflowStep ? data.workflowStep.step?.mapConfig : undefined);\n const stepGraph =\n data.stepGraph ??\n ('step' in data.workflowStep ? data.workflowStep.step?.serializedStepFlow : undefined) ??\n (data.workflowStep.kind === 'nested-workflow-step' && data.workflowStep.flow.type === 'workflow'\n ? data.workflowStep.flow.serializedStepFlow\n : undefined);\n const fullLabel = parentWorkflowName ? `${parentWorkflowName}.${label}` : label;\n const stepKey = parentWorkflowName ? `${parentWorkflowName}.${stepId \|\| label}` : stepId \|\| label;\n const isSelected = selectedStepId === stepKey;\n const isWaiting = waitingStepKey === stepKey;\n const isHovered = hoverStepId === stepKey;\n const step = steps[stepKey];\n const { displayStatus, isTripwire } = getDisplayStatus(step);\n const stepSpan = step ? resolveStepSpan(step) : undefined;\n\n return (\n <WorkflowStepCardView\n label={data.mapContext?.label ?? label}\n nodeKind={getWorkflowCardKind(data.workflowStep)}\n onSelect={() => setSelectedStepId(stepKey)}\n initiallyOpen={!parentWorkflowName}\n body={\n stepGraph?.length ? (\n <WorkflowBodyGraph\n stepGraph={stepGraph}\n workflowName={fullLabel}\n isForEach={data.isForEach}\n requestContext={requestContext}\n />\n ) : undefined\n }\n description={description ?? data.mapContext?.description}\n displayStatus={displayStatus}\n isNestedWorkflowStep={data.workflowStep.kind === 'nested-workflow-step'}\n stepKey={stepKey}\n isSelected={isSelected}\n isWaiting={isWaiting}\n isHovered={isHovered}\n onHoverChange={isHovered => setHoverStepId(isHovered ? stepKey : null)}\n duration={data.duration}\n date={data.date}\n isForEach={data.isForEach}\n foreachProgress={step?.foreachProgress}\n mapConfig={mapConfig}\n canSuspend={data.canSuspend}\n stepGraph={stepGraph}\n startedAt={stepSpan?.start}\n endedAt={stepSpan?.end}\n spansSuspension={stepSpan?.spansSuspension}\n actionBar={\n <WorkflowStepActionBar\n stepName={label}\n stepId={stepId}\n resumeData={step?.resumeData}\n error={isTripwire ? undefined : step?.error}\n tripwire={isTripwire ? step?.tripwire : undefined}\n mapConfig={mapConfig}\n onShowNestedGraph={stepGraph ? () => showNestedGraph({ label, fullStep: fullLabel, stepGraph }) : undefined}\n stepKey={stepKey}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n }\n />\n );\n};\n\nconst WorkflowConditionNodeCard = ({\n data,\n parentWorkflowName,\n requestContext,\n}: {\n data: WorkflowStepNodeData;\n parentWorkflowName?: string;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const conditions = data.conditions ?? [];\n const previousStepId =\n data.previousStepId && (parentWorkflowName ? `${parentWorkflowName}.${data.previousStepId}` : data.previousStepId);\n const previousStep = previousStepId ? steps[previousStepId] : undefined;\n const { displayStatus: previousDisplayStatus, isTripwire } = getDisplayStatus(previousStep);\n\n return (\n <WorkflowConditionCard\n conditions={conditions}\n previousDisplayStatus={previousDisplayStatus}\n actionBar={\n <WorkflowStepActionBar\n stepName={data.nextStepId ?? data.label}\n mapConfig={data.mapConfig}\n tripwire={isTripwire ? previousStep?.tripwire : undefined}\n requestContext={requestContext}\n />\n }\n />\n );\n};\n\nexport function WorkflowGraphNode({\n data,\n parentWorkflowName,\n stepsFlow,\n requestContext,\n}: NodeProps<WorkflowStepNode> & WorkflowGraphNodeProps) {\n const content =\n data.workflowStep.kind === 'conditional' ? (\n <WorkflowConditionNodeCard data={data} parentWorkflowName={parentWorkflowName} requestContext={requestContext} />\n ) : (\n <WorkflowStepCard\n data={data}\n parentWorkflowName={parentWorkflowName}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n );\n\n return (\n <WorkflowNodeFrame withoutTopHandle={data.withoutTopHandle} withoutBottomHandle={data.withoutBottomHandle}>\n {content}\n </WorkflowNodeFrame>\n );\n}\n","import type { EdgeProps, NodeProps } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { groupWorkflowEdgeData } from './data/workflow-edge-data-groups';\nimport { buildStepsFlow } from './utils';\nimport type { WorkflowGraphEdge } from './utils';\nimport { getWorkflowBoundaryData } from './workflow-boundary-data';\nimport { WorkflowDataEdge } from './workflow-data-edge';\nimport { WorkflowGraphNode } from './workflow-graph-node';\nimport { WORKFLOW_BOUNDARY_NODE_TYPE, WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils';\nimport type { WorkflowBoundaryNode as WorkflowBoundaryNodeType, WorkflowStepNode } from './workflow-step-node-utils';\nimport { WorkflowBoundaryNode, WORKFLOW_DATA_EDGE_TYPE } from '@/ds/components/Workflow';\n\nconst getScopedStepId = (stepId: string \| undefined, workflowName?: string) =>\n stepId && workflowName ? `${workflowName}.${stepId}` : stepId;\n\nexport const useWorkflowGraphRuntime = ({\n edges,\n workflowName,\n requestContext,\n}: {\n edges: WorkflowGraphEdge[];\n workflowName?: string;\n requestContext: Record<string, any>;\n}) => {\n const { steps } = useCurrentRun();\n const workflowRun = useContext(WorkflowRunContext);\n const workflowSucceeded = workflowName\n ? steps[workflowName]?.status === 'success' \|\| getWorkflowBoundaryData(steps, workflowName).output !== undefined\n : workflowRun.result?.status === 'success';\n const stepsFlow = useMemo(() => buildStepsFlow(edges), [edges]);\n const nodeTypes = useMemo(\n () => ({\n [WORKFLOW_STEP_NODE_TYPE]: (props: NodeProps<WorkflowStepNode>) => (\n <WorkflowGraphNode\n parentWorkflowName={workflowName}\n {...props}\n stepsFlow={stepsFlow}\n requestContext={requestContext}\n />\n ),\n [WORKFLOW_BOUNDARY_NODE_TYPE]: (props: NodeProps<WorkflowBoundaryNodeType>) => (\n <WorkflowBoundaryNode {...props} />\n ),\n }),\n [stepsFlow, workflowName, requestContext],\n );\n const edgeTypes = useMemo(\n () => ({\n [WORKFLOW_DATA_EDGE_TYPE]: (props: EdgeProps<WorkflowGraphEdge>) => (\n <WorkflowDataEdge parentWorkflowName={workflowName} {...props} />\n ),\n }),\n [workflowName],\n );\n const styledEdges = useMemo(\n () =>\n groupWorkflowEdgeData(edges).map((edge): WorkflowGraphEdge => {\n const previousStepId = getScopedStepId(edge.data?.previousStepId, workflowName);\n const nextStepId = getScopedStepId(edge.data?.nextStepId, workflowName);\n const previousStepSucceeded = steps[previousStepId ?? '']?.status === 'success';\n const nextStepStatus = steps[nextStepId ?? '']?.status;\n let isFinishedEdge = previousStepSucceeded && nextStepStatus !== 'skipped';\n if (edge.data?.boundaryPayload === 'workflow-output') {\n isFinishedEdge = workflowSucceeded;\n } else if (edge.data?.boundaryPayload === 'workflow-input' \|\| edge.data?.conditionNode) {\n isFinishedEdge = Boolean(nextStepStatus) && nextStepStatus !== 'skipped';\n }\n\n return {\n ...edge,\n type: WORKFLOW_DATA_EDGE_TYPE,\n animated: isFinishedEdge ? false : edge.animated,\n data: {\n ...edge.data,\n edgeStatus: isFinishedEdge ? 'success' : 'idle',\n },\n style: {\n ...edge.style,\n stroke: isFinishedEdge ? 'var(--success-indicator)' : 'var(--muted-foreground)',\n strokeDasharray: isFinishedEdge ? 'none' : edge.style?.strokeDasharray,\n },\n };\n }),\n [edges, steps, workflowName, workflowSucceeded],\n );\n\n return { edgeTypes, nodeTypes, stepsFlow, styledEdges };\n};\n"],"mappings":"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"}

package/dist/utils/string.cjs.js CHANGED Viewed

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_string = require("../string-DdJJdCv2.cjs");
+const require_string = require("../string-EyTazW-F.cjs");
+exports.escapeRegExp = require_string.escapeRegExp;
 exports.humanize = require_string.humanize;
 exports.lodashTitleCase = require_string.lodashTitleCase;
 exports.pluralize = require_string.pluralize;

package/dist/utils/string.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as ~~humanize~~, n as ~~lodashTitleCase~~, r as pluralize } from "../string-~~CNKDIc_4~~.js";
1	+ export { t as escapeRegExp, n as humanize, r as lodashTitleCase, i as pluralize } from "../string-CA5M0mj_.js";

package/dist/utils/toast.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_toast_api = require("../toast-api-qtkOucy2.cjs");
+const require_toast_api = require("../toast-api-DDcGCbIw.cjs");
 exports.toast = require_toast_api.toast;

package/dist/utils/toast.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as toast } from "../toast-api-~~D_rrRhNG~~.js";
1	+ export { t as toast } from "../toast-api-Cak5N8pT.js";

package/oxlint/copy-rules.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { RuleTester } from 'oxlint/plugins-dev';
+export declare const noTextSeparators: Parameters<RuleTester['run']>[1];
+export declare const noTextLayoutSpacing: Parameters<RuleTester['run']>[1];

package/oxlint/copy-rules.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { copySources } from './copy-sources.js';
+export const noTextSeparators = {
+  meta: { type: 'suggestion', schema: false },
+  create(context) {
+    return copySources(context, (node, { text, separator }) => {
+      if (text.trim() === '—' && !separator) return;
+      if (!/[·—]|(?:^|\s)(?:[|•∙]|--)(?=\s|$)|(?:^|\s)-\s/.test(text)) return;
+      context.report({
+        node,
+        message: 'Use separate elements and a layout gap for metadata; use normal sentence punctuation for prose.',
+      });
+    });
+  },
+};
+export const noTextLayoutSpacing = {
+  meta: { type: 'suggestion', schema: false },
+  create(context) {
+    return copySources(context, (node, { text }) => {
+      const withoutIndentation = text.replace(/(\r?\n)[ \t]+/g, '$1');
+      if (!/[ \t\u00a0]{2,}|\t/.test(withoutIndentation)) return;
+      context.report({
+        node,
+        message: 'Use a layout gap between separate elements instead of repeated spaces in copy.',
+      });
+    });
+  },
+};

package/oxlint/copy-sources.js ADDED Viewed

@@ -0,0 +1,223 @@
+const copyName =
+  /(?:label|title|description|message|summary|detail|meta|caption|tooltip|placeholder|context|preview|hint|notice|explanation|content|alt|text)s?$/i;
+const technicalName =
+  /^(?:classNames?|styles?|schema|instructions|prompt|systemPrompt|sql|script|code|commandOutput|args|regex|pattern)$/i;
+const codeElement = /^(?:code|pre|CodeBlock|InlineCode|Markdown|MarkdownRenderer|CodeEditor|JsonEditor)$/;
+const functionTypes = new Set(['FunctionDeclaration', 'FunctionExpression', 'ArrowFunctionExpression']);
+const DELIMITER = 'delimiter';
+function nameOf(node) {
+  if (node?.type === 'Identifier' || node?.type === 'JSXIdentifier') return node.name;
+  if (node?.type === 'Literal') return node.value;
+  if (node?.type === 'JSXMemberExpression') return nameOf(node.property);
+  return '';
+}
+function excludedSyntax(node) {
+  for (let current = node; current; current = current.parent) {
+    if (current.type === 'JSXElement' && codeElement.test(nameOf(current.openingElement.name))) return true;
+    if (current.type === 'JSXAttribute' && technicalName.test(nameOf(current.name))) return true;
+    if (current.type === 'Property' && technicalName.test(nameOf(current.key))) return true;
+    if (current.type === 'VariableDeclarator' && technicalName.test(nameOf(current.id))) return true;
+    if (functionTypes.has(current.type) && technicalName.test(nameOf(current.id))) return true;
+    if (current.type === 'CallExpression' && nameOf(current.callee) === 'createTool') return true;
+    if (current.type === 'AssignmentExpression' && isDocumentTitle(current.left)) return true;
+    if (
+      current.type === 'AssignmentExpression' &&
+      current.left.type === 'MemberExpression' &&
+      technicalName.test(nameOf(current.left.object))
+    )
+      return true;
+  }
+  return false;
+}
+function decodeEntities(text) {
+  return text
+    .replace(/&nbsp;|&#0*160;|&#x0*a0;/gi, '\u00a0')
+    .replace(/&middot;|&#0*183;|&#x0*b7;/gi, '·')
+    .replace(/&mdash;|&#0*8212;|&#x0*2014;/gi, '—');
+}
+function jsxText(text) {
+  const lines = text.split(/\r\n|\n|\r/);
+  return lines
+    .map((line, index) => {
+      let value = line.replace(/\t/g, ' ');
+      if (index > 0) value = value.replace(/^ +/, '');
+      if (index < lines.length - 1) value = value.replace(/ +$/, '');
+      return value;
+    })
+    .filter(Boolean)
+    .join(' ');
+}
+function hasSiblingValues(node) {
+  const children = node.parent.children;
+  const index = children.indexOf(node);
+  const meaningful = child => {
+    if (child.type === 'JSXText') return jsxText(child.value).trim() !== '';
+    return child.type !== 'JSXExpressionContainer' || child.expression.type !== 'JSXEmptyExpression';
+  };
+  return children.slice(0, index).some(meaningful) && children.slice(index + 1).some(meaningful);
+}
+function isRenderGuard(identifier) {
+  const parent = identifier.parent;
+  if (parent.type === 'ConditionalExpression') return parent.test === identifier;
+  if (parent.type === 'LogicalExpression' && parent.operator === '&&') return parent.left === identifier;
+  return false;
+}
+function isDocumentTitle(node) {
+  return node.type === 'MemberExpression' && nameOf(node.object) === 'document' && nameOf(node.property) === 'title';
+}
+export function copySources(context, check) {
+  const roots = new Map();
+  const visited = new Map();
+  const sources = new Map();
+  const excludedBindings = new WeakMap();
+  function addRoot(node, separator = false) {
+    if (node) roots.set(node, separator || roots.get(node) || false);
+  }
+  function onlyTechnicalUses(declaration) {
+    if (excludedBindings.has(declaration)) return excludedBindings.get(declaration);
+    const references = context.sourceCode
+      .getDeclaredVariables(declaration)
+      .filter(variable => variable.name === nameOf(declaration.id))
+      .flatMap(variable => variable.references)
+      .filter(reference => reference.isRead() && !isRenderGuard(reference.identifier));
+    const excluded = references.length > 0 && references.every(reference => excludedSyntax(reference.identifier));
+    excludedBindings.set(declaration, excluded);
+    return excluded;
+  }
+  function ignored(node) {
+    if (excludedSyntax(node)) return true;
+    for (let current = node; current; current = current.parent) {
+      const isBinding = current.type === 'VariableDeclarator' || functionTypes.has(current.type);
+      if (isBinding && current.id && onlyTechnicalUses(current)) return true;
+    }
+    return false;
+  }
+  function remember(node, text, separator = false) {
+    if (ignored(node)) return;
+    const jsxValue = node.type === 'JSXText' || node.parent.type === 'JSXAttribute';
+    sources.set(node, { text: jsxValue ? decodeEntities(text) : text, separator });
+  }
+  function resolve(identifier) {
+    for (let scope = context.sourceCode.getScope(identifier); scope; scope = scope.upper) {
+      const variable = scope.set.get(identifier.name);
+      if (variable)
+        return variable.defs.filter(definition => definition.type !== 'Parameter').map(definition => definition.node);
+    }
+    return [];
+  }
+  function returns(node, separator) {
+    if (!node || functionTypes.has(node.type)) return;
+    if (node.type === 'ReturnStatement') {
+      visit(node.argument, separator);
+      return;
+    }
+    for (const key of context.sourceCode.visitorKeys[node.type] ?? []) {
+      const child = node[key];
+      if (Array.isArray(child)) child.forEach(value => returns(value, separator));
+      else returns(child, separator);
+    }
+  }
+  function visit(node, separator = false) {
+    if (!node || ignored(node)) return;
+    if (visited.has(node) && (!separator || visited.get(node))) return;
+    visited.set(node, separator);
+    if (node.type === 'Literal') {
+      if (typeof node.value === 'string') remember(node, node.value, separator);
+    } else if (node.type === 'TemplateLiteral') {
+      const interpolated =
+        separator ||
+        node.expressions.length > 1 ||
+        node.quasis.some(part => (part.value.cooked ?? part.value.raw).trim() !== '');
+      for (const part of node.quasis)
+        remember(part, part.value.cooked ?? part.value.raw, separator || node.expressions.length > 0);
+      node.expressions.forEach(expression => visit(expression, interpolated));
+    } else if (node.type === 'Identifier') {
+      resolve(node).forEach(definition => visit(definition, separator));
+    } else if (node.type === 'VariableDeclarator') {
+      visit(node.init, separator);
+    } else if (functionTypes.has(node.type)) {
+      if (node.body?.type === 'BlockStatement') returns(node.body, separator);
+      else visit(node.body, separator);
+    } else if (node.type === 'ConditionalExpression') {
+      visit(node.consequent, separator);
+      visit(node.alternate, separator);
+    } else if (node.type === 'LogicalExpression') {
+      if (node.operator !== '&&') visit(node.left, separator);
+      visit(node.right, node.operator === '&&' || separator === DELIMITER ? separator : false);
+    } else if (node.type === 'BinaryExpression' && node.operator === '+') {
+      visit(node.left, true);
+      visit(node.right, true);
+    } else if (node.type === 'ArrayExpression') {
+      node.elements.forEach(element => visit(element, separator));
+    } else if (node.type === 'CallExpression') {
+      const callee = node.callee;
+      if (callee.type === 'Identifier') resolve(callee).forEach(definition => visit(definition, separator));
+      if (callee.type === 'MemberExpression' && ['join', 'concat'].includes(nameOf(callee.property))) {
+        visit(callee.object, separator);
+        const argumentContext = nameOf(callee.property) === 'join' ? DELIMITER : true;
+        node.arguments.forEach(argument => visit(argument, argumentContext));
+      }
+      if (callee.type === 'MemberExpression' && ['map', 'flatMap'].includes(nameOf(callee.property))) {
+        node.arguments.forEach(argument => visit(argument, separator));
+      }
+    } else if (
+      ['TSAsExpression', 'TSSatisfiesExpression', 'TSNonNullExpression', 'ChainExpression'].includes(node.type)
+    ) {
+      visit(node.expression, separator);
+    }
+  }
+  return {
+    JSXText(node) {
+      remember(node, jsxText(node.value), hasSiblingValues(node));
+    },
+    JSXExpressionContainer(node) {
+      if (node.parent.type === 'JSXElement' || node.parent.type === 'JSXFragment')
+        addRoot(node.expression, hasSiblingValues(node));
+    },
+    JSXAttribute(node) {
+      if (copyName.test(nameOf(node.name))) addRoot(node.value?.expression ?? node.value);
+    },
+    Property(node) {
+      if (!node.computed && copyName.test(nameOf(node.key))) addRoot(node.value);
+    },
+    VariableDeclarator(node) {
+      if (copyName.test(nameOf(node.id))) addRoot(node);
+    },
+    FunctionDeclaration(node) {
+      if (copyName.test(nameOf(node.id))) addRoot(node);
+    },
+    AssignmentPattern(node) {
+      if (copyName.test(nameOf(node.left))) addRoot(node.right);
+    },
+    AssignmentExpression(node) {
+      const target = node.left.type === 'MemberExpression' ? node.left.property : node.left;
+      if (copyName.test(nameOf(target))) addRoot(node.right);
+    },
+    CallExpression(node) {
+      const callee = node.callee;
+      const isToast =
+        nameOf(callee) === 'toast' || (callee.type === 'MemberExpression' && nameOf(callee.object) === 'toast');
+      if (isToast) addRoot(node.arguments[0]);
+    },
+    'Program:exit'() {
+      roots.forEach((separator, root) => visit(root, separator));
+      for (const [node, source] of sources) check(node, source);
+    },
+  };
+}

package/oxlint/index.d.ts CHANGED Viewed

@@ -3,4 +3,9 @@ declare const plugin: {
   rules: Record<string, { meta: object; create: (context: unknown) => object }>;
 };
 export declare const recommended: Record<string, 'error'>;
+export declare const copyRules: Record<string, 'error'>;
+export declare const copyRuleExclusions: {
+  files: string[];
+  rules: Record<string, 'off'>;
+};
 export default plugin;

package/oxlint/index.js CHANGED Viewed

@@ -14,6 +14,10 @@
 //   playground-ui/font-mono          mono comes from <Txt font="mono">, <InlineCode> or <CodeBlock>
 //   playground-ui/no-barrel-imports  import from an exact @mastra/playground-ui subpath, not a broad barrel
 //   playground-ui/placeholder-text   placeholders use sentence case and no trailing ellipsis ("Search agents")
+//   playground-ui/no-text-separators      metadata uses separate elements and a gap, not · — | • between fields
+//   playground-ui/no-text-layout-spacing  layout comes from a gap, not repeated spaces or NBSPs in copy
+import { noTextLayoutSpacing, noTextSeparators } from './copy-rules.js';
 // Each option is { selector, message }: report every node an esquery selector matches.
 function selectorRule(selectors) {
@@ -275,9 +279,21 @@ const plugin = {
     'font-mono': { meta: { type: 'suggestion', schema: false }, create: fontMono },
     'no-barrel-imports': { meta: { type: 'suggestion', schema: false }, create: noBarrelImports },
     'placeholder-text': { meta: { type: 'suggestion', schema: false }, create: placeholderText },
+    'no-text-separators': noTextSeparators,
+    'no-text-layout-spacing': noTextLayoutSpacing,
   },
 };
+export const copyRules = {
+  'playground-ui/no-text-separators': 'error',
+  'playground-ui/no-text-layout-spacing': 'error',
+};
+export const copyRuleExclusions = {
+  files: ['**/*.{test,spec,stories,story}.*', '**/{test,tests,__tests__,__mocks__,__fixtures__,fixtures,generated}/**'],
+  rules: Object.fromEntries(Object.keys(copyRules).map(rule => [rule, 'off'])),
+};
 // Every rule at its default options. Spread into `rules`, then turn rules off per glob in `overrides`
 // (tests and stories, for example).
 export const recommended = {
@@ -287,6 +303,7 @@ export const recommended = {
   'playground-ui/font-mono': 'error',
   'playground-ui/no-barrel-imports': 'error',
   'playground-ui/placeholder-text': 'error',
+  ...copyRules,
 };
 export default plugin;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "68.0.0",
+  "version": "69.0.0-alpha.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -198,7 +198,7 @@
     "nanoid": "^5.1.16",
     "prettier": "^3.9.10",
     "prism-react-renderer": "^2.4.1",
-    "react-day-picker": "^8.10.2",
+    "react-day-picker": "^9.14.0",
     "react-hook-form": "^7.91.0",
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^4.15.0",
@@ -220,11 +220,14 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.59.0",
-    "@mastra/react": "1.14.1",
-    "@mastra/ai-sdk": "^1.11.3"
+    "@mastra/react": "1.15.0-alpha.0",
+    "@mastra/ai-sdk": "^1.11.3",
+    "@mastra/client-js": "^1.60.0-alpha.0"
   },
   "devDependencies": {
+    "@modelcontextprotocol/client": "2.4.0",
+    "@modelcontextprotocol/core": "2.4.0",
+    "@modelcontextprotocol/ext-apps": "^2.0.4",
     "@modelcontextprotocol/sdk": "^1.32.2",
     "@storybook/addon-a11y": "^10.6.2",
     "@storybook/addon-docs": "^10.6.2",
@@ -263,12 +266,12 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "5.1.0",
     "@types/d3-force": "^3.0.10",
-    "@mastra/core": "1.82.0",
-    "@mastra/ai-sdk": "1.11.3",
-    "@mastra/memory": "1.41.0",
-    "@mastra/client-js": "^1.59.0",
     "@internal/lint": "0.0.148",
-    "@mastra/react": "1.14.1",
+    "@mastra/ai-sdk": "1.11.3",
+    "@mastra/client-js": "^1.60.0-alpha.0",
+    "@mastra/core": "1.83.0-alpha.0",
+    "@mastra/memory": "1.41.1-alpha.0",
+    "@mastra/react": "1.15.0-alpha.0",
     "@mastra/schema-compat": "1.3.17"
   },
   "homepage": "https://mastra.ai",

package/theme/data-viz.css CHANGED Viewed

@@ -29,6 +29,23 @@
   --chart-share-5: oklch(0.66 0.12 265);
   --chart-share-rest: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
+  /* Series: one hue per model or lab, all at one lightness and chroma per theme so none shouts.
+     Labs keep a preferred hue (series-colors.ts); amber and lime sit a little lighter to stay clean. */
+  --chart-series-l: 0.76;
+  --chart-series-c: 0.13;
+  --chart-series-pink: oklch(var(--chart-series-l) var(--chart-series-c) 0);
+  --chart-series-orange: oklch(var(--chart-series-l) var(--chart-series-c) 50);
+  --chart-series-amber: oklch(calc(var(--chart-series-l) + 0.06) var(--chart-series-c) 82);
+  --chart-series-lime: oklch(calc(var(--chart-series-l) + 0.04) var(--chart-series-c) 122);
+  --chart-series-green: oklch(var(--chart-series-l) var(--chart-series-c) 152);
+  --chart-series-teal: oklch(var(--chart-series-l) var(--chart-series-c) 182);
+  --chart-series-cyan: oklch(var(--chart-series-l) var(--chart-series-c) 212);
+  --chart-series-blue: oklch(var(--chart-series-l) var(--chart-series-c) 248);
+  --chart-series-indigo: oklch(var(--chart-series-l) var(--chart-series-c) 276);
+  --chart-series-violet: oklch(var(--chart-series-l) var(--chart-series-c) 302);
+  --chart-series-magenta: oklch(var(--chart-series-l) var(--chart-series-c) 330);
+  --chart-series-neutral: oklch(calc(var(--chart-series-l) + 0.14) 0.006 260);
   --span-agent: oklch(0.75 0.133 250);
   --span-workflow: oklch(0.75 0.127 200);
   --span-model: oklch(0.75 0.15 320);
@@ -60,6 +77,10 @@ html.light {
   --chart-share-5: oklch(0.5 0.15 265);
   --chart-share-rest: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+  --chart-series-l: 0.62;
+  --chart-series-c: 0.15;
+  --chart-series-neutral: oklch(calc(var(--chart-series-l) - 0.3) 0.006 260);
   --span-agent: oklch(0.55 0.15 250);
   --span-workflow: oklch(0.55 0.093 200);
   --span-model: oklch(0.55 0.15 320);
@@ -99,6 +120,18 @@ html.light {
   --color-chart-share-4: var(--chart-share-4);
   --color-chart-share-5: var(--chart-share-5);
   --color-chart-share-rest: var(--chart-share-rest);
+  --color-chart-series-pink: var(--chart-series-pink);
+  --color-chart-series-orange: var(--chart-series-orange);
+  --color-chart-series-amber: var(--chart-series-amber);
+  --color-chart-series-lime: var(--chart-series-lime);
+  --color-chart-series-green: var(--chart-series-green);
+  --color-chart-series-teal: var(--chart-series-teal);
+  --color-chart-series-cyan: var(--chart-series-cyan);
+  --color-chart-series-blue: var(--chart-series-blue);
+  --color-chart-series-indigo: var(--chart-series-indigo);
+  --color-chart-series-violet: var(--chart-series-violet);
+  --color-chart-series-magenta: var(--chart-series-magenta);
+  --color-chart-series-neutral: var(--chart-series-neutral);
   --color-span-agent: var(--span-agent);
   --color-span-workflow: var(--span-workflow);
   --color-span-model: var(--span-model);