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

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

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 (836) hide show

package/dist/{use-workflow-graph-runtime-deTN_q_G.js.map → use-workflow-graph-runtime-BKNhOKsH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-workflow-graph-runtime-deTN_q_G.js","names":[],"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-BKNhOKsH.js","names":[],"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/{use-workflow-graph-runtime-DkwQjMEV.cjs → use-workflow-graph-runtime-DYao-08R.cjs} RENAMED Viewed

@@ -1,10 +1,10 @@
-const require_select = require("./select-NySY9Men.cjs");
+const require_select = require("./select-Dg8L5ROX.cjs");
 const require_Txt = require("./Txt-BnoSqxKE.cjs");
 const require_domains_workflows_context_workflow_run_context = require("./domains/workflows/context/workflow-run-context.cjs.js");
 const require_domains_workflows_context_workflow_step_detail_context = require("./domains/workflows/context/workflow-step-detail-context.cjs.js");
 const require_domains_workflows_workflow_workflow_graph_boundary = require("./domains/workflows/workflow/workflow-graph-boundary.cjs.js");
 const require_domains_workflows_context_use_workflow_selected_step = require("./domains/workflows/context/use-workflow-selected-step.cjs.js");
-const require_Workflow = require("./Workflow-BeF6pIO9.cjs");
+const require_Workflow = require("./Workflow-DSWQ-ROz.cjs");
 const require_domains_workflows_workflow_workflow_step_node_utils = require("./domains/workflows/workflow/workflow-step-node-utils.cjs.js");
 const require_domains_workflows_workflow_workflow_graph_groups = require("./domains/workflows/workflow/workflow-graph-groups.cjs.js");
 const require_domains_workflows_workflow_utils = require("./domains/workflows/workflow/utils.cjs.js");
@@ -304,4 +304,4 @@ Object.defineProperty(exports, "useWorkflowGraphRuntime", {
 	}
 });
-//# sourceMappingURL=use-workflow-graph-runtime-DkwQjMEV.cjs.map
+//# sourceMappingURL=use-workflow-graph-runtime-DYao-08R.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-workflow-graph-runtime-DkwQjMEV.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-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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"}

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-Bv87KHu_.cjs");
+const require_toast_api = require("../toast-api-qtkOucy2.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-~~WhxnAT9F~~.js";
1	+ export { t as toast } from "../toast-api-D_rrRhNG.js";

package/oxlint/index.js CHANGED Viewed

@@ -13,6 +13,7 @@
 //   playground-ui/txt-tone           ink on <Txt> is its `tone` prop, not a text-* colour class
 //   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")
 // Each option is { selector, message }: report every node an esquery selector matches.
 function selectorRule(selectors) {
@@ -178,6 +179,93 @@ const noBarrelImports = selectorRule(() =>
   ]).map(selector => ({ selector, message: BARREL_MESSAGE })),
 );
+// --- placeholder-text ----------------------------------------------------------------------------------
+// Placeholders read like the system search field on macOS and iOS: "Search agents", "Filter by name". No
+// trailing ellipsis (`…` or `...`): the dimmed text already says the field is empty. Placeholders that give
+// an instruction (start with Search, Filter, Select…) also use sentence case. Example values ("My Agent",
+// "e.g. Production alerts") keep their capitals.
+// Checks string `placeholder` / `*Placeholder` values in JSX attributes, object properties, default
+// parameters and variables, including each branch of a ternary. Strings built at runtime are only partly seen.
+// Options: { properNouns?: string[] } words that stay capitalized after the first, added to the defaults.
+const PLACEHOLDER_NAME = /^placeholder$|Placeholder$/;
+const INSTRUCTION_VERBS =
+  /^(Search|Filter|Find|Select|Choose|Pick|Enter|Type|Paste|Add|Write|Describe|Leave|Ask|Send|Name)\b/;
+const PLACEHOLDER_PROPER_NOUNS = [
+  'Mastra Code',
+  'Mastra',
+  'Studio',
+  'Factory',
+  'Factories',
+  'MastraCode',
+  'GitHub',
+  'GitLab',
+  'Google',
+  'Slack',
+  'Linear',
+  'Vercel',
+  'Stripe',
+];
+// The string values a placeholder expression can take: literals, static template parts, ternary branches.
+function placeholderStrings(node) {
+  if (!node) return [];
+  if (node.type === 'JSXExpressionContainer') return placeholderStrings(node.expression);
+  if (node.type === 'Literal' && typeof node.value === 'string') return [{ node, head: node.value, tail: node.value }];
+  if (node.type === 'TemplateLiteral') {
+    const { quasis } = node;
+    return [{ node, head: quasis[0].value.cooked, tail: quasis[quasis.length - 1].value.cooked }];
+  }
+  if (node.type === 'ConditionalExpression')
+    return [...placeholderStrings(node.consequent), ...placeholderStrings(node.alternate)];
+  if (node.type === 'LogicalExpression') return placeholderStrings(node.right);
+  return [];
+}
+function placeholderText(context) {
+  const nouns = [...PLACEHOLDER_PROPER_NOUNS, ...(context.options[0]?.properNouns ?? [])];
+  const properNouns = new RegExp(`\\b(?:${nouns.sort((a, b) => b.length - a.length).join('|')})\\b`, 'g');
+  // The first capitalized word that doesn't start a sentence and isn't (part of) a proper noun.
+  const titleCaseWord = text => {
+    let sentenceStart = true;
+    for (const word of text.replace(properNouns, 'x').trim().split(/\s+/)) {
+      if (!sentenceStart && /^[A-Z][a-z]/.test(word)) return word;
+      sentenceStart = /[.!?:]$/.test(word);
+    }
+    return null;
+  };
+  const check = value => {
+    for (const { node, head, tail } of placeholderStrings(value)) {
+      // A progress state shown in the field ("Loading agents…") keeps its ellipsis.
+      if (/(…|\.\.\.)\s*$/.test(tail) && !/^\s*\w+ing\b/.test(head)) {
+        context.report({ node, message: 'Drop the trailing ellipsis from this placeholder ("Search agents").' });
+      }
+      if (!INSTRUCTION_VERBS.test(head)) continue;
+      const word = titleCaseWord(head);
+      if (word) {
+        context.report({
+          node,
+          message: `Use sentence case in this placeholder: lowercase "${word.replace(/[^A-Za-z]+$/, '')}" unless it's a proper noun (add it to properNouns).`,
+        });
+      }
+    }
+  };
+  const keyName = key => (key?.type === 'Identifier' ? key.name : key?.type === 'Literal' ? key.value : '');
+  return {
+    JSXAttribute(node) {
+      if (node.name.type === 'JSXIdentifier' && PLACEHOLDER_NAME.test(node.name.name)) check(node.value);
+    },
+    Property(node) {
+      if (PLACEHOLDER_NAME.test(keyName(node.key))) check(node.value);
+    },
+    AssignmentPattern(node) {
+      if (node.left.type === 'Identifier' && PLACEHOLDER_NAME.test(node.left.name)) check(node.right);
+    },
+    VariableDeclarator(node) {
+      if (node.id.type === 'Identifier' && PLACEHOLDER_NAME.test(node.id.name)) check(node.init);
+    },
+  };
+}
 const plugin = {
   meta: { name: 'playground-ui' },
   rules: {
@@ -186,6 +274,7 @@ const plugin = {
     'txt-tone': { meta: { type: 'suggestion', schema: false }, create: txtTone },
     '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 },
   },
 };
@@ -197,6 +286,7 @@ export const recommended = {
   'playground-ui/txt-tone': 'error',
   'playground-ui/font-mono': 'error',
   'playground-ui/no-barrel-imports': 'error',
+  'playground-ui/placeholder-text': 'error',
 };
 export default plugin;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "68.0.0-alpha.0",
+  "version": "68.0.0-alpha.2",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -220,9 +220,9 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
+    "@mastra/client-js": "^1.59.0-alpha.2",
     "@mastra/ai-sdk": "^1.11.3",
-    "@mastra/client-js": "^1.59.0-alpha.0",
-    "@mastra/react": "1.14.1-alpha.0"
+    "@mastra/react": "1.14.1-alpha.2"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.32.2",
@@ -254,7 +254,7 @@
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "react-router": "^8.5.0",
-    "rollup-plugin-node-externals": "^8.1.2",
+    "rollup-plugin-node-externals": "^9.0.1",
     "storybook": "^10.6.2",
     "tailwind-merge": "^3.7.0",
     "tailwindcss": "4.3.3",
@@ -263,12 +263,12 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.12",
     "@types/d3-force": "^3.0.10",
-    "@internal/lint": "0.0.147",
     "@mastra/ai-sdk": "1.11.3",
-    "@mastra/core": "1.82.0-alpha.0",
-    "@mastra/memory": "1.41.0-alpha.0",
-    "@mastra/client-js": "^1.59.0-alpha.0",
-    "@mastra/react": "1.14.1-alpha.0",
+    "@mastra/client-js": "^1.59.0-alpha.2",
+    "@internal/lint": "0.0.147",
+    "@mastra/core": "1.82.0-alpha.2",
+    "@mastra/memory": "1.41.0-alpha.2",
+    "@mastra/react": "1.14.1-alpha.2",
     "@mastra/schema-compat": "1.3.17"
   },
   "homepage": "https://mastra.ai",

package/theme.css CHANGED Viewed

@@ -47,6 +47,11 @@
      text read as a second ink instead of stepping back. */
   --muted-foreground: var(--gray-8);
   --placeholder: var(--gray-7);
+  /* The icons inside an interactive control (see `controlIconState`). A labelled control's
+     icons stay muted on hover: the label and surface answer it. Icon-only controls and lists
+     retune the pair, never the rule. */
+  --control-icon-rest: var(--muted-foreground);
+  --control-icon-hover: var(--muted-foreground);
 }
 /* Semantic aliases stay inline so utilities resolve var(--token) on the styled

package/dist/ActionRow-BfK77pCT.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ActionRow-BfK77pCT.cjs","names":["cn"],"sources":["../src/ds/components/ActionRow/action-row.tsx","../src/ds/components/ActionRow/index.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\n\n/** One toolbar line: a start group and an end group pushed apart, wrapping on narrow viewports. */\nexport function ActionRowRoot({ className, ...props }: DivProps) {\n return (\n <div\n data-slot=\"action-row\"\n className={cn('flex min-h-control-md flex-wrap items-center justify-between gap-2', className)}\n {...props}\n />\n );\n}\n\n/** Actions positioned on the left. Grows to fill the line; keeps a floor so the end group wraps under it instead of squeezing it. */\nexport function ActionRowStart({ className, ...props }: DivProps) {\n return (\n <div\n data-slot=\"action-row-start\"\n className={cn('flex min-w-64 flex-1 flex-wrap items-center gap-2', className)}\n {...props}\n />\n );\n}\n\n/** Actions positioned on the right. Never shrinks; wraps under the start group when needed. */\nexport function ActionRowEnd({ className, ...props }: DivProps) {\n return (\n <div data-slot=\"action-row-end\" className={cn('ml-auto flex shrink-0 items-center gap-2', className)} {...props} />\n );\n}\n","import { ActionRowEnd, ActionRowRoot, ActionRowStart } from './action-row';\n\nexport const ActionRow = Object.assign(ActionRowRoot, {\n Start: ActionRowStart,\n End: ActionRowEnd,\n});\n"],"mappings":";;;;AAOA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAmB;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWA,cAAAA,GAAG,sEAAsE,SAAS;EAC7F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAmB;CAChE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWA,cAAAA,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAmB;CAC9D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAiB,WAAWA,cAAAA,GAAG,4CAA4C,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEtH;;AC/BA,IAAa,YAAY,OAAO,OAAO,eAAe;CACpD,OAAO;CACP,KAAK;AACP,CAAC"}

package/dist/ActionRow-Cd6tOC2K.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ActionRow-Cd6tOC2K.js","names":[],"sources":["../src/ds/components/ActionRow/action-row.tsx","../src/ds/components/ActionRow/index.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\n\n/** One toolbar line: a start group and an end group pushed apart, wrapping on narrow viewports. */\nexport function ActionRowRoot({ className, ...props }: DivProps) {\n return (\n <div\n data-slot=\"action-row\"\n className={cn('flex min-h-control-md flex-wrap items-center justify-between gap-2', className)}\n {...props}\n />\n );\n}\n\n/** Actions positioned on the left. Grows to fill the line; keeps a floor so the end group wraps under it instead of squeezing it. */\nexport function ActionRowStart({ className, ...props }: DivProps) {\n return (\n <div\n data-slot=\"action-row-start\"\n className={cn('flex min-w-64 flex-1 flex-wrap items-center gap-2', className)}\n {...props}\n />\n );\n}\n\n/** Actions positioned on the right. Never shrinks; wraps under the start group when needed. */\nexport function ActionRowEnd({ className, ...props }: DivProps) {\n return (\n <div data-slot=\"action-row-end\" className={cn('ml-auto flex shrink-0 items-center gap-2', className)} {...props} />\n );\n}\n","import { ActionRowEnd, ActionRowRoot, ActionRowStart } from './action-row';\n\nexport const ActionRow = Object.assign(ActionRowRoot, {\n Start: ActionRowStart,\n End: ActionRowEnd,\n});\n"],"mappings":";;;;AAOA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAmB;CAC/D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sEAAsE,SAAS;EAC7F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAmB;CAChE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAmB;CAC9D,OACE,oBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,GAAG,4CAA4C,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEtH;;AC/BA,IAAa,YAAY,OAAO,OAAO,eAAe;CACpD,OAAO;CACP,KAAK;AACP,CAAC"}

package/dist/Button-Bw1e3ONi.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button-Bw1e3ONi.js","names":["Button","_Fragment","BaseButton"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n controlFocusBorderVisible,\n raisedControlSurfaceStyle,\n sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size sets `--button-px`, the label's side padding. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\nconst TEXT_MODE_ADORNMENTS = cn(\n 'rounded-full px-(--button-px)',\n 'has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]',\n 'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]',\n);\n\nconst LINK_LAYOUT = cn(\n 'relative size-auto gap-1 rounded-xs px-0 text-label',\n 'before:absolute before:-inset-x-2',\n 'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n 'relative inline-flex items-center gap-1',\n iconSizeClasses.sm,\n '[&>svg]:shrink-0',\n 'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n 'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n cn(\n 'inline-flex cursor-pointer items-center justify-center',\n controlStateColorTransition,\n sharedFormElementDisabledStyle,\n 'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n controlFocusBorderVisible,\n ),\n {\n variants: {\n variant: {\n // The raised card material, the same one a field wears: a neutral filled control is\n // one material system-wide. No border of its own — the material's rim is its edge,\n // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n // hands every segment the same 1px border instead (see `buttons-group.css`).\n default: cn(\n 'border-0',\n raisedControlSurfaceStyle,\n NEUTRAL_ICON_STATE,\n 'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n ),\n // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n // layered on the surface, so a state that thinned it would let whatever the button\n // covers read through the hover it is meant to answer.\n primary: cn(\n 'border border-transparent bg-fill-inverse text-background not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n focusRingOffset,\n 'focus-visible:border-transparent',\n 'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n ),\n destructive: cn(\n 'border border-transparent bg-fill-destructive text-fill-destructive-foreground not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n focusRingOffset,\n 'focus-visible:border-transparent',\n 'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n ),\n 'destructive-ghost': cn(\n 'border border-transparent bg-transparent text-destructive-foreground not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n 'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n ),\n ghost: cn(\n 'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n 'disabled:bg-transparent aria-disabled:bg-transparent',\n ),\n // A persistent neutral fill for selected controls. Match default's borderless\n // box so switching between the raised and subtle surfaces keeps labels in place.\n subtle: cn(\n 'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n focusRing,\n 'disabled:bg-transparent aria-disabled:bg-transparent',\n ),\n link: cn(\n 'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n 'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n focusRingOffset,\n 'disabled:text-placeholder aria-disabled:text-placeholder',\n ),\n },\n size: {\n sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, 'gap-1 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, iconSizeClasses.md, 'gap-1.5 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'gap-1.5 [--button-px:1em]', TEXT_MODE_ADORNMENTS),\n // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n // wrapper the component puts around an icon-mode child, keyed off the same scale.\n 'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n 'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n 'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n },\n },\n compoundVariants: [\n { variant: 'link', className: LINK_LAYOUT },\n { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n render?: BaseButton.Props['render'];\n className?: string;\n children: React.ReactNode;\n /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n icon?: React.ReactNode;\n iconEnd?: React.ReactNode;\n tooltip?: React.ReactNode;\n /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n as?: React.ElementType;\n /** @deprecated Set it on the element passed to `render`. */\n href?: string;\n /** @deprecated Set it on the element passed to `render`. */\n to?: string;\n /** @deprecated Set it on the element passed to `render`. */\n target?: string;\n /** @deprecated Set it on the element passed to `render`. */\n prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n if (element.type === 'a') return true;\n const { href, to } = element.props as { href?: unknown; to?: unknown };\n return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n event.preventDefault();\n event.stopPropagation();\n}\n\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n sm: 'sm',\n md: 'md',\n lg: 'lg',\n 'icon-sm': 'sm',\n 'icon-md': 'md',\n 'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n if (variant === 'link') return 'sm';\n return iconSizeMap[size];\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n if (!children) return undefined;\n return (\n <Icon data-slot={slot} size={size}>\n {children}\n </Icon>\n );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n if (variant !== 'link') return children;\n return (\n <span data-slot=\"button-label\" className={LINK_LABEL}>\n {children}\n </span>\n );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n return React.Children.toArray(children).flatMap(child =>\n React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n ? flattenChildren(child.props.children)\n : [child],\n );\n}\n\nfunction isIconOnly(children: React.ReactNode): boolean {\n const flat = flattenChildren(children);\n return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n {\n className,\n render,\n as: asProp,\n href,\n to,\n target,\n prefetch,\n size,\n variant = 'default',\n disabled,\n children,\n icon,\n iconEnd,\n tooltip,\n tooltipPosition,\n 'aria-label': ariaLabelProp,\n type,\n ...props\n },\n ref,\n ) => {\n const iconMode = variant !== 'link' && isIconButtonSize(size);\n const resolvedSize: ButtonSize = size ?? 'md';\n const resolvedVariant: ButtonVariant = variant ?? 'default';\n const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n const ariaLabel =\n ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n const content = iconMode ? (\n <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n ) : (\n <>\n <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n {icon}\n </ButtonAdornment>\n <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n {iconEnd}\n </ButtonAdornment>\n </>\n );\n\n const sharedProps = {\n disabled,\n // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n // a form button that relied on the native `submit` default from submitting. Passing\n // it through, `undefined` included, keeps native semantics: absent stays absent.\n type,\n 'aria-label': ariaLabel,\n // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n // (filled buttons have an opaque background that hides a border seam, so the group\n // paints their divider as an inset box-shadow instead — see buttons-group.css).\n 'data-variant': variant,\n // Icon-mode is a square: a group that overrides the rung has to move the width with\n // the height or the circle turns into a pill (see buttons-group.css).\n 'data-shape': iconMode ? 'icon' : undefined,\n className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n ...props,\n };\n\n // The deprecated `as` API keeps its original element path rather than going through\n // Base UI. Routing it through `render` drops props Base UI does not know about — a\n // router link loses its `to` and stops navigating — and Base UI warns that a\n // non-<button> contradicts `nativeButton`.\n const LegacyComponent = render ? undefined : asProp;\n\n // Only forward what the caller actually set. Passing `href={undefined}` through to a\n // router link overwrites the href that link derives from `to`, leaving an anchor that\n // renders correctly and navigates nowhere.\n const legacyLinkProps = {\n ...(href === undefined ? null : { href }),\n ...(to === undefined ? null : { to }),\n ...(target === undefined ? null : { target }),\n ...(prefetch === undefined ? null : { prefetch }),\n };\n\n const isLinkVariant = resolvedVariant === 'link';\n const linkHref = href ?? to;\n const linkRenderProps: LinkRenderProps = {\n ...(linkHref === undefined ? null : { href: linkHref }),\n ...(target === undefined ? null : { target }),\n };\n const renderedLink =\n React.isValidElement(render) && isLinkElement(render)\n ? render\n : isLinkVariant\n ? React.createElement('a', linkRenderProps)\n : undefined;\n const renderedLinkProps = renderedLink?.props;\n const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n const disabledLinkProps = disabled\n ? {\n ...(isLinkVariant ? null : { href: disabledHref }),\n ...(isLinkVariant ? null : { to: disabledTo }),\n 'aria-disabled': true,\n onClick: preventLinkActivation,\n onAuxClick: preventLinkActivation,\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n },\n }\n : undefined;\n\n const button = LegacyComponent ? (\n <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n {content}\n </LegacyComponent>\n ) : renderedLink ? (\n React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n ref,\n ...sharedProps,\n disabled: undefined,\n ...disabledLinkProps,\n className: cn(sharedProps.className, renderedLink.props.className),\n children: content,\n })\n ) : (\n <BaseButton ref={ref} render={render} {...sharedProps}>\n {content}\n </BaseButton>\n );\n\n if (tooltip) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}

package/dist/Button-YQRflC47.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button-YQRflC47.cjs","names":["cn","iconSizeClasses","cva","controlStateColorTransition","sharedFormElementDisabledStyle","controlFocusBorderVisible","raisedControlSurfaceStyle","focusRingOffset","focusRing","controlSizeClasses","controlHeight","Icon","React","_Fragment","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n controlFocusBorderVisible,\n raisedControlSurfaceStyle,\n sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size sets `--button-px`, the label's side padding. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\nconst TEXT_MODE_ADORNMENTS = cn(\n 'rounded-full px-(--button-px)',\n 'has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]',\n 'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]',\n);\n\nconst LINK_LAYOUT = cn(\n 'relative size-auto gap-1 rounded-xs px-0 text-label',\n 'before:absolute before:-inset-x-2',\n 'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n 'relative inline-flex items-center gap-1',\n iconSizeClasses.sm,\n '[&>svg]:shrink-0',\n 'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n 'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n cn(\n 'inline-flex cursor-pointer items-center justify-center',\n controlStateColorTransition,\n sharedFormElementDisabledStyle,\n 'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n controlFocusBorderVisible,\n ),\n {\n variants: {\n variant: {\n // The raised card material, the same one a field wears: a neutral filled control is\n // one material system-wide. No border of its own — the material's rim is its edge,\n // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n // hands every segment the same 1px border instead (see `buttons-group.css`).\n default: cn(\n 'border-0',\n raisedControlSurfaceStyle,\n NEUTRAL_ICON_STATE,\n 'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n ),\n // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n // layered on the surface, so a state that thinned it would let whatever the button\n // covers read through the hover it is meant to answer.\n primary: cn(\n 'border border-transparent bg-fill-inverse text-background not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n focusRingOffset,\n 'focus-visible:border-transparent',\n 'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n ),\n destructive: cn(\n 'border border-transparent bg-fill-destructive text-fill-destructive-foreground not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n focusRingOffset,\n 'focus-visible:border-transparent',\n 'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n ),\n 'destructive-ghost': cn(\n 'border border-transparent bg-transparent text-destructive-foreground not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n 'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n ),\n ghost: cn(\n 'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n 'disabled:bg-transparent aria-disabled:bg-transparent',\n ),\n // A persistent neutral fill for selected controls. Match default's borderless\n // box so switching between the raised and subtle surfaces keeps labels in place.\n subtle: cn(\n 'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n focusRing,\n 'disabled:bg-transparent aria-disabled:bg-transparent',\n ),\n link: cn(\n 'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n 'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n focusRingOffset,\n 'disabled:text-placeholder aria-disabled:text-placeholder',\n ),\n },\n size: {\n sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, 'gap-1 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, iconSizeClasses.md, 'gap-1.5 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'gap-1.5 [--button-px:1em]', TEXT_MODE_ADORNMENTS),\n // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n // wrapper the component puts around an icon-mode child, keyed off the same scale.\n 'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n 'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n 'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n },\n },\n compoundVariants: [\n { variant: 'link', className: LINK_LAYOUT },\n { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n render?: BaseButton.Props['render'];\n className?: string;\n children: React.ReactNode;\n /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n icon?: React.ReactNode;\n iconEnd?: React.ReactNode;\n tooltip?: React.ReactNode;\n /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n as?: React.ElementType;\n /** @deprecated Set it on the element passed to `render`. */\n href?: string;\n /** @deprecated Set it on the element passed to `render`. */\n to?: string;\n /** @deprecated Set it on the element passed to `render`. */\n target?: string;\n /** @deprecated Set it on the element passed to `render`. */\n prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n if (element.type === 'a') return true;\n const { href, to } = element.props as { href?: unknown; to?: unknown };\n return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n event.preventDefault();\n event.stopPropagation();\n}\n\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n sm: 'sm',\n md: 'md',\n lg: 'lg',\n 'icon-sm': 'sm',\n 'icon-md': 'md',\n 'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n if (variant === 'link') return 'sm';\n return iconSizeMap[size];\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n if (!children) return undefined;\n return (\n <Icon data-slot={slot} size={size}>\n {children}\n </Icon>\n );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n if (variant !== 'link') return children;\n return (\n <span data-slot=\"button-label\" className={LINK_LABEL}>\n {children}\n </span>\n );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n return React.Children.toArray(children).flatMap(child =>\n React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n ? flattenChildren(child.props.children)\n : [child],\n );\n}\n\nfunction isIconOnly(children: React.ReactNode): boolean {\n const flat = flattenChildren(children);\n return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n {\n className,\n render,\n as: asProp,\n href,\n to,\n target,\n prefetch,\n size,\n variant = 'default',\n disabled,\n children,\n icon,\n iconEnd,\n tooltip,\n tooltipPosition,\n 'aria-label': ariaLabelProp,\n type,\n ...props\n },\n ref,\n ) => {\n const iconMode = variant !== 'link' && isIconButtonSize(size);\n const resolvedSize: ButtonSize = size ?? 'md';\n const resolvedVariant: ButtonVariant = variant ?? 'default';\n const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n const ariaLabel =\n ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n const content = iconMode ? (\n <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n ) : (\n <>\n <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n {icon}\n </ButtonAdornment>\n <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n {iconEnd}\n </ButtonAdornment>\n </>\n );\n\n const sharedProps = {\n disabled,\n // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n // a form button that relied on the native `submit` default from submitting. Passing\n // it through, `undefined` included, keeps native semantics: absent stays absent.\n type,\n 'aria-label': ariaLabel,\n // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n // (filled buttons have an opaque background that hides a border seam, so the group\n // paints their divider as an inset box-shadow instead — see buttons-group.css).\n 'data-variant': variant,\n // Icon-mode is a square: a group that overrides the rung has to move the width with\n // the height or the circle turns into a pill (see buttons-group.css).\n 'data-shape': iconMode ? 'icon' : undefined,\n className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n ...props,\n };\n\n // The deprecated `as` API keeps its original element path rather than going through\n // Base UI. Routing it through `render` drops props Base UI does not know about — a\n // router link loses its `to` and stops navigating — and Base UI warns that a\n // non-<button> contradicts `nativeButton`.\n const LegacyComponent = render ? undefined : asProp;\n\n // Only forward what the caller actually set. Passing `href={undefined}` through to a\n // router link overwrites the href that link derives from `to`, leaving an anchor that\n // renders correctly and navigates nowhere.\n const legacyLinkProps = {\n ...(href === undefined ? null : { href }),\n ...(to === undefined ? null : { to }),\n ...(target === undefined ? null : { target }),\n ...(prefetch === undefined ? null : { prefetch }),\n };\n\n const isLinkVariant = resolvedVariant === 'link';\n const linkHref = href ?? to;\n const linkRenderProps: LinkRenderProps = {\n ...(linkHref === undefined ? null : { href: linkHref }),\n ...(target === undefined ? null : { target }),\n };\n const renderedLink =\n React.isValidElement(render) && isLinkElement(render)\n ? render\n : isLinkVariant\n ? React.createElement('a', linkRenderProps)\n : undefined;\n const renderedLinkProps = renderedLink?.props;\n const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n const disabledLinkProps = disabled\n ? {\n ...(isLinkVariant ? null : { href: disabledHref }),\n ...(isLinkVariant ? null : { to: disabledTo }),\n 'aria-disabled': true,\n onClick: preventLinkActivation,\n onAuxClick: preventLinkActivation,\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n },\n }\n : undefined;\n\n const button = LegacyComponent ? (\n <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n {content}\n </LegacyComponent>\n ) : renderedLink ? (\n React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n ref,\n ...sharedProps,\n disabled: undefined,\n ...disabledLinkProps,\n className: cn(sharedProps.className, renderedLink.props.className),\n children: content,\n })\n ) : (\n <BaseButton ref={ref} render={render} {...sharedProps}>\n {content}\n </BaseButton>\n );\n\n if (tooltip) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}