@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/domains/workflows/workflow/workflow-step-action-bar.es.js

@@ -3,9 +3,9 @@ import { useState, useContext, useMemo } from 'react';
 import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
 import { useWorkflowStepDetail } from '../context/workflow-step-detail-context.es.js';
 import { WorkflowTimeTravelForm } from './workflow-time-travel-form.es.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../dialog-CZBP5xw9.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BcT4gT_3.js';
-import { a as WorkflowStepActions, W as WorkflowStepAction } from '../../../workflow-step-action-DQaryuQe.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from '../../../dialog-cKzR2TXI.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-Iz2Omi1P.js';
+import { a as WorkflowStepActions, W as WorkflowStepAction } from '../../../workflow-step-action-Cf_XmOwj.js';
 
 const WorkflowStepActionBar = ({
   resumeData,
@@ -37,7 +37,6 @@ const WorkflowStepActionBar = ({
   } = useContext(WorkflowRunContext);
   const { showMapConfig, stepDetail, closeStepDetail } = useWorkflowStepDetail();
   const workflowStatus = result?.status ?? runSnapshot?.status;
-  const dialogContentClass = "max-w-4xl w-full";
   const showTimeTravel = !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== "running" && workflowStatus !== "paused";
   const inDebugMode = stepKey && debugMode && workflowStatus === "paused";
   const stepPayload = useMemo(() => {
@@ -142,26 +141,20 @@ const WorkflowStepActionBar = ({
       error && /* @__PURE__ */ jsx(WorkflowStepAction, { action: "error", onSelect: () => setOpenDialog("error") }),
       tripwire && /* @__PURE__ */ jsx(WorkflowStepAction, { action: "tripwire", onSelect: () => setOpenDialog("tripwire") })
     ] }),
-    showTimeTravel && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("timeTravel"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { children: [
-          "Time travel to ",
-          stepKey
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Time travel to a specific workflow step" })
-      ] }),
-      /* @__PURE__ */ jsx(DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsx(WorkflowTimeTravelForm, { stepKey, closeModal: closeDialog, requestContext }) })
+    showTimeTravel && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("timeTravel"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        "Time travel to ",
+        stepKey
+      ] }) }),
+      /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(WorkflowTimeTravelForm, { stepKey, closeModal: closeDialog, requestContext }) })
     ] }) }),
     showDebugMode && !mapConfig && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Dialog, { ...dialogProps("runStep"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs(DialogTitle, { children: [
-            "Run step ",
-            stepKey
-          ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Run a specific workflow step" })
-        ] }),
-        /* @__PURE__ */ jsx(DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Dialog, { ...dialogProps("runStep"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+          "Run step ",
+          stepKey
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(
           WorkflowTimeTravelForm,
           {
             requestContext,
@@ -173,15 +166,12 @@ const WorkflowStepActionBar = ({
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ jsx(Dialog, { ...dialogProps("continueRun"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs(DialogTitle, { children: [
-            "Continue run ",
-            stepKey
-          ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Continue the workflow run from this step" })
-        ] }),
-        /* @__PURE__ */ jsx(DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Dialog, { ...dialogProps("continueRun"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+          "Continue run ",
+          stepKey
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(
           WorkflowTimeTravelForm,
           {
             requestContext,
@@ -194,34 +184,25 @@ const WorkflowStepActionBar = ({
         ) })
       ] }) })
     ] }),
-    resumeData && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("resumeData"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { children: [
-          stepName,
-          " resume data"
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "View the resume data for this step" })
-      ] }),
+    resumeData && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("resumeData"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        stepName,
+        " resume data"
+      ] }) }),
       /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(WorkflowCodeContent, { data: resumeData }) })
     ] }) }),
-    error && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("error"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { children: [
-          stepName,
-          " error"
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "View the error details for this step" })
-      ] }),
+    error && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("error"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        stepName,
+        " error"
+      ] }) }),
       /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(WorkflowCodeContent, { data: error }) })
     ] }) }),
-    tripwire && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("tripwire"), children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { children: [
-          stepName,
-          " tripwire"
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "View the tripwire details for this step" })
-      ] }),
+    tripwire && /* @__PURE__ */ jsx(Dialog, { ...dialogProps("tripwire"), children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        stepName,
+        " tripwire"
+      ] }) }),
       /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(
         WorkflowCodeContent,
         {

package/dist/domains/workflows/workflow/workflow-step-action-bar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-bar.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-step-action-bar.tsx"],"sourcesContent":["import type { TimeTravelParams } from '@mastra/client-js';\n\nimport { useContext, useMemo, useState } from 'react';\nimport type { TripwireData } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { WorkflowTimeTravelForm } from './workflow-time-travel-form';\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { WorkflowCodeContent, WorkflowStepActions, WorkflowStepAction } from '@/ds/components/Workflow';\n\nexport interface WorkflowStepActionBarProps {\n  resumeData?: any;\n  error?: any;\n  tripwire?: TripwireData;\n  stepName: string;\n  stepId?: string;\n  mapConfig?: string;\n  onShowNestedGraph?: () => void;\n  stepKey?: string;\n  stepsFlow?: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}\n\ntype StepDialog = 'timeTravel' | 'runStep' | 'continueRun' | 'resumeData' | 'error' | 'tripwire';\n\nexport const WorkflowStepActionBar = ({\n  resumeData,\n  error,\n  tripwire,\n  mapConfig,\n  stepName,\n  stepId,\n  onShowNestedGraph,\n  stepKey,\n  stepsFlow,\n  requestContext,\n}: WorkflowStepActionBarProps) => {\n  const [openDialog, setOpenDialog] = useState<StepDialog | null>(null);\n  const dialogProps = (dialog: StepDialog) => ({\n    open: openDialog === dialog,\n    onOpenChange: (open: boolean) => setOpenDialog(open ? dialog : null),\n  });\n  const closeDialog = () => setOpenDialog(null);\n\n  const {\n    withoutTimeTravel,\n    debugMode,\n    result,\n    runSnapshot,\n    timeTravelWorkflowStream,\n    runId: prevRunId,\n    workflowId,\n    setDebugMode,\n  } = useContext(WorkflowRunContext);\n  const { showMapConfig, stepDetail, closeStepDetail } = useWorkflowStepDetail();\n\n  const workflowStatus = result?.status ?? runSnapshot?.status;\n\n  const dialogContentClass = 'max-w-4xl w-full';\n\n  const showTimeTravel =\n    !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== 'running' && workflowStatus !== 'paused';\n\n  const inDebugMode = stepKey && debugMode && workflowStatus === 'paused';\n\n  const stepPayload = useMemo(() => {\n    if (!stepKey || !inDebugMode) return undefined;\n    const previousSteps = stepsFlow?.[stepKey] ?? [];\n    if (previousSteps.length === 0) return undefined;\n\n    if (previousSteps.length > 1) {\n      return {\n        hasMultiSteps: true,\n        input: previousSteps.reduce<Record<string, unknown>>((acc, stepId) => {\n          if (result?.steps?.[stepId]?.status === 'success') {\n            acc[stepId] = result?.steps?.[stepId].output;\n          }\n          return acc;\n        }, {}),\n      };\n    }\n\n    const prevStepId = previousSteps[0];\n    if (prevStepId && result?.steps?.[prevStepId]?.status === 'success') {\n      return {\n        hasMultiSteps: false,\n        input: result?.steps?.[prevStepId]?.output,\n      };\n    }\n\n    return undefined;\n  }, [stepKey, stepsFlow, inDebugMode, result]);\n\n  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];\n\n  const isMapConfigOpen = stepDetail?.type === 'map-config' && stepDetail?.stepName === stepName;\n  const isNestedGraphOpen = stepDetail?.type === 'nested-graph' && stepDetail.nestedGraph?.fullStep === stepKey;\n\n  const handleMapConfigClick = () => {\n    if (isMapConfigOpen) {\n      closeStepDetail();\n    } else if (mapConfig) {\n      showMapConfig({ stepName, stepId, mapConfig });\n    }\n  };\n\n  const handleNestedGraphClick = () => {\n    if (isNestedGraphOpen) {\n      closeStepDetail();\n    } else {\n      onShowNestedGraph?.();\n    }\n  };\n\n  const handleRunMapStep = (isContinueRun?: boolean) => {\n    if (!stepKey || !stepPayload) return;\n\n    const payload = {\n      runId: prevRunId,\n      workflowId,\n      step: stepKey,\n      inputData: stepPayload?.hasMultiSteps ? undefined : stepPayload?.input,\n      requestContext: requestContext,\n      ...(isContinueRun ? { perStep: false } : {}),\n      ...(stepPayload?.hasMultiSteps\n        ? {\n            context: Object.keys(stepPayload.input)?.reduce<NonNullable<TimeTravelParams['context']>>((acc, stepId) => {\n              acc[stepId] = {\n                status: 'success',\n                output: stepPayload.input[stepId],\n              };\n              return acc;\n            }, {}),\n          }\n        : {}),\n    };\n\n    if (isContinueRun) {\n      setDebugMode(false);\n    }\n\n    void timeTravelWorkflowStream(payload);\n  };\n\n  const hasActions = Boolean(\n    error || tripwire || mapConfig || resumeData || onShowNestedGraph || showTimeTravel || showDebugMode,\n  );\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <WorkflowStepActions>\n        {onShowNestedGraph && (\n          <WorkflowStepAction action=\"nested\" isActive={isNestedGraphOpen} onSelect={handleNestedGraphClick} />\n        )}\n        {showTimeTravel && <WorkflowStepAction action=\"timeTravel\" onSelect={() => setOpenDialog('timeTravel')} />}\n        {showDebugMode && (\n          <>\n            <WorkflowStepAction\n              action=\"runStep\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep();\n                else setOpenDialog('runStep');\n              }}\n            />\n            <WorkflowStepAction\n              action=\"continueRun\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep(true);\n                else setOpenDialog('continueRun');\n              }}\n            />\n          </>\n        )}\n        {mapConfig && <WorkflowStepAction action=\"map\" isActive={isMapConfigOpen} onSelect={handleMapConfigClick} />}\n        {resumeData && <WorkflowStepAction action=\"resumeData\" onSelect={() => setOpenDialog('resumeData')} />}\n        {error && <WorkflowStepAction action=\"error\" onSelect={() => setOpenDialog('error')} />}\n        {tripwire && <WorkflowStepAction action=\"tripwire\" onSelect={() => setOpenDialog('tripwire')} />}\n      </WorkflowStepActions>\n\n      {showTimeTravel && (\n        <Dialog {...dialogProps('timeTravel')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>Time travel to {stepKey}</DialogTitle>\n              <DialogDescription>Time travel to a specific workflow step</DialogDescription>\n            </DialogHeader>\n            <DialogBody className=\"max-h-150\">\n              <WorkflowTimeTravelForm stepKey={stepKey} closeModal={closeDialog} requestContext={requestContext} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {showDebugMode && !mapConfig && (\n        <>\n          <Dialog {...dialogProps('runStep')}>\n            <DialogContent className={dialogContentClass}>\n              <DialogHeader>\n                <DialogTitle>Run step {stepKey}</DialogTitle>\n                <DialogDescription>Run a specific workflow step</DialogDescription>\n              </DialogHeader>\n              <DialogBody className=\"max-h-150\">\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isPerStepRun\n                  buttonText=\"Run step\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n\n          <Dialog {...dialogProps('continueRun')}>\n            <DialogContent className={dialogContentClass}>\n              <DialogHeader>\n                <DialogTitle>Continue run {stepKey}</DialogTitle>\n                <DialogDescription>Continue the workflow run from this step</DialogDescription>\n              </DialogHeader>\n              <DialogBody className=\"max-h-150\">\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isContinueRun\n                  buttonText=\"Continue run\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n        </>\n      )}\n\n      {resumeData && (\n        <Dialog {...dialogProps('resumeData')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} resume data</DialogTitle>\n              <DialogDescription>View the resume data for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={resumeData} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {error && (\n        <Dialog {...dialogProps('error')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} error</DialogTitle>\n              <DialogDescription>View the error details for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={error} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {tripwire && (\n        <Dialog {...dialogProps('tripwire')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} tripwire</DialogTitle>\n              <DialogDescription>View the tripwire details for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent\n                data={{\n                  reason: tripwire.reason,\n                  retry: tripwire.retry,\n                  metadata: tripwire.metadata,\n                  processorId: tripwire.processorId,\n                }}\n              />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":["stepId"],"mappings":"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"}
+{"version":3,"file":"workflow-step-action-bar.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-step-action-bar.tsx"],"sourcesContent":["import type { TimeTravelParams } from '@mastra/client-js';\n\nimport { useContext, useMemo, useState } from 'react';\nimport type { TripwireData } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { WorkflowTimeTravelForm } from './workflow-time-travel-form';\nimport { Dialog, DialogContent, DialogTitle, DialogHeader, DialogBody } from '@/ds/components/Dialog';\nimport { WorkflowCodeContent, WorkflowStepActions, WorkflowStepAction } from '@/ds/components/Workflow';\n\nexport interface WorkflowStepActionBarProps {\n  resumeData?: any;\n  error?: any;\n  tripwire?: TripwireData;\n  stepName: string;\n  stepId?: string;\n  mapConfig?: string;\n  onShowNestedGraph?: () => void;\n  stepKey?: string;\n  stepsFlow?: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}\n\ntype StepDialog = 'timeTravel' | 'runStep' | 'continueRun' | 'resumeData' | 'error' | 'tripwire';\n\nexport const WorkflowStepActionBar = ({\n  resumeData,\n  error,\n  tripwire,\n  mapConfig,\n  stepName,\n  stepId,\n  onShowNestedGraph,\n  stepKey,\n  stepsFlow,\n  requestContext,\n}: WorkflowStepActionBarProps) => {\n  const [openDialog, setOpenDialog] = useState<StepDialog | null>(null);\n  const dialogProps = (dialog: StepDialog) => ({\n    open: openDialog === dialog,\n    onOpenChange: (open: boolean) => setOpenDialog(open ? dialog : null),\n  });\n  const closeDialog = () => setOpenDialog(null);\n\n  const {\n    withoutTimeTravel,\n    debugMode,\n    result,\n    runSnapshot,\n    timeTravelWorkflowStream,\n    runId: prevRunId,\n    workflowId,\n    setDebugMode,\n  } = useContext(WorkflowRunContext);\n  const { showMapConfig, stepDetail, closeStepDetail } = useWorkflowStepDetail();\n\n  const workflowStatus = result?.status ?? runSnapshot?.status;\n\n  const showTimeTravel =\n    !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== 'running' && workflowStatus !== 'paused';\n\n  const inDebugMode = stepKey && debugMode && workflowStatus === 'paused';\n\n  const stepPayload = useMemo(() => {\n    if (!stepKey || !inDebugMode) return undefined;\n    const previousSteps = stepsFlow?.[stepKey] ?? [];\n    if (previousSteps.length === 0) return undefined;\n\n    if (previousSteps.length > 1) {\n      return {\n        hasMultiSteps: true,\n        input: previousSteps.reduce<Record<string, unknown>>((acc, stepId) => {\n          if (result?.steps?.[stepId]?.status === 'success') {\n            acc[stepId] = result?.steps?.[stepId].output;\n          }\n          return acc;\n        }, {}),\n      };\n    }\n\n    const prevStepId = previousSteps[0];\n    if (prevStepId && result?.steps?.[prevStepId]?.status === 'success') {\n      return {\n        hasMultiSteps: false,\n        input: result?.steps?.[prevStepId]?.output,\n      };\n    }\n\n    return undefined;\n  }, [stepKey, stepsFlow, inDebugMode, result]);\n\n  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];\n\n  const isMapConfigOpen = stepDetail?.type === 'map-config' && stepDetail?.stepName === stepName;\n  const isNestedGraphOpen = stepDetail?.type === 'nested-graph' && stepDetail.nestedGraph?.fullStep === stepKey;\n\n  const handleMapConfigClick = () => {\n    if (isMapConfigOpen) {\n      closeStepDetail();\n    } else if (mapConfig) {\n      showMapConfig({ stepName, stepId, mapConfig });\n    }\n  };\n\n  const handleNestedGraphClick = () => {\n    if (isNestedGraphOpen) {\n      closeStepDetail();\n    } else {\n      onShowNestedGraph?.();\n    }\n  };\n\n  const handleRunMapStep = (isContinueRun?: boolean) => {\n    if (!stepKey || !stepPayload) return;\n\n    const payload = {\n      runId: prevRunId,\n      workflowId,\n      step: stepKey,\n      inputData: stepPayload?.hasMultiSteps ? undefined : stepPayload?.input,\n      requestContext: requestContext,\n      ...(isContinueRun ? { perStep: false } : {}),\n      ...(stepPayload?.hasMultiSteps\n        ? {\n            context: Object.keys(stepPayload.input)?.reduce<NonNullable<TimeTravelParams['context']>>((acc, stepId) => {\n              acc[stepId] = {\n                status: 'success',\n                output: stepPayload.input[stepId],\n              };\n              return acc;\n            }, {}),\n          }\n        : {}),\n    };\n\n    if (isContinueRun) {\n      setDebugMode(false);\n    }\n\n    void timeTravelWorkflowStream(payload);\n  };\n\n  const hasActions = Boolean(\n    error || tripwire || mapConfig || resumeData || onShowNestedGraph || showTimeTravel || showDebugMode,\n  );\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <WorkflowStepActions>\n        {onShowNestedGraph && (\n          <WorkflowStepAction action=\"nested\" isActive={isNestedGraphOpen} onSelect={handleNestedGraphClick} />\n        )}\n        {showTimeTravel && <WorkflowStepAction action=\"timeTravel\" onSelect={() => setOpenDialog('timeTravel')} />}\n        {showDebugMode && (\n          <>\n            <WorkflowStepAction\n              action=\"runStep\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep();\n                else setOpenDialog('runStep');\n              }}\n            />\n            <WorkflowStepAction\n              action=\"continueRun\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep(true);\n                else setOpenDialog('continueRun');\n              }}\n            />\n          </>\n        )}\n        {mapConfig && <WorkflowStepAction action=\"map\" isActive={isMapConfigOpen} onSelect={handleMapConfigClick} />}\n        {resumeData && <WorkflowStepAction action=\"resumeData\" onSelect={() => setOpenDialog('resumeData')} />}\n        {error && <WorkflowStepAction action=\"error\" onSelect={() => setOpenDialog('error')} />}\n        {tripwire && <WorkflowStepAction action=\"tripwire\" onSelect={() => setOpenDialog('tripwire')} />}\n      </WorkflowStepActions>\n\n      {showTimeTravel && (\n        <Dialog {...dialogProps('timeTravel')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>Time travel to {stepKey}</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowTimeTravelForm stepKey={stepKey} closeModal={closeDialog} requestContext={requestContext} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {showDebugMode && !mapConfig && (\n        <>\n          <Dialog {...dialogProps('runStep')}>\n            <DialogContent size=\"xl\">\n              <DialogHeader>\n                <DialogTitle>Run step {stepKey}</DialogTitle>\n              </DialogHeader>\n              <DialogBody>\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isPerStepRun\n                  buttonText=\"Run step\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n\n          <Dialog {...dialogProps('continueRun')}>\n            <DialogContent size=\"xl\">\n              <DialogHeader>\n                <DialogTitle>Continue run {stepKey}</DialogTitle>\n              </DialogHeader>\n              <DialogBody>\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isContinueRun\n                  buttonText=\"Continue run\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n        </>\n      )}\n\n      {resumeData && (\n        <Dialog {...dialogProps('resumeData')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} resume data</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={resumeData} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {error && (\n        <Dialog {...dialogProps('error')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} error</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={error} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {tripwire && (\n        <Dialog {...dialogProps('tripwire')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} tripwire</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent\n                data={{\n                  reason: tripwire.reason,\n                  retry: tripwire.retry,\n                  metadata: tripwire.metadata,\n                  processorId: tripwire.processorId,\n                }}\n              />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":["stepId"],"mappings":"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"}

package/dist/domains/workflows/workflow/workflow-suspended-steps.cjs.js

@@ -10,9 +10,9 @@ const zod = require('zod');
 const domains_workflows_components_workflowLayout = require('../components/workflow-layout.cjs.js');
 const domains_workflows_workflow_workflowInputData = require('./workflow-input-data.cjs.js');
 const activity = require('../../../activity-BYMLNb0G.cjs');
-const Badge = require('../../../Badge-DFNxcz-r.cjs');
-const codeEditor = require('../../../code-editor-By2dTBXC.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.cjs');
+const Badge = require('../../../Badge-H8K5WrXg.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
+const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
@@ -20,7 +20,7 @@ const lib_form_jsonSchemaToZodRuntime = require('../../../lib/form/json-schema-t
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 
-const suspendedWickStyle = { "--belt-hue": "var(--warning1)" };
+const suspendedWickStyle = { "--belt-hue": "var(--warning-indicator)" };
 function formatPayloadSize(payload) {
   const size = new Blob([JSON.stringify(payload ?? null)]).size;
   if (size < 1024) {
@@ -60,7 +60,7 @@ function WorkflowSuspendedSteps({
               /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, {}) }),
               "Step suspended"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "orange", emphasis: "muted", children: "Needs input" })
+            /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "orange", emphasis: "subtle", children: "Needs input" })
           ] }),
           suspendedSteps.map((step) => {
             const stepDefinition = workflow.allSteps[step.stepId];

package/dist/domains/workflows/workflow/workflow-suspended-steps.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-suspended-steps.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-suspended-steps.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, CirclePause, MoveDownLeft, MoveUpRight, Play } from 'lucide-react';\nimport { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { parse } from 'superjson';\nimport { z } from 'zod';\nimport { panelSurfaceStyle } from '../components/workflow-layout';\nimport type { SuspendedStep } from './use-workflow-trigger';\nimport { WorkflowInputData } from './workflow-input-data';\nimport { ActivityWick } from '@/ds/components/Activity';\nimport { Badge } from '@/ds/components/Badge';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { jsonSchemaToZodRuntime } from '@/lib/form/json-schema-to-zod-runtime';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nconst suspendedWickStyle: CSSProperties & { '--belt-hue': string } = { '--belt-hue': 'var(--warning1)' };\n\nexport interface ResumeStepParams {\n  stepId: string | string[];\n  runId: string;\n  resumeData: Record<string, unknown>;\n}\n\nexport interface WorkflowSuspendedStepsProps {\n  suspendedSteps: SuspendedStep[];\n  workflow: GetWorkflowResponse;\n  isStreaming: boolean;\n  onResume: (step: ResumeStepParams) => Promise<void>;\n}\n\nfunction formatPayloadSize(payload: unknown): string {\n  const size = new Blob([JSON.stringify(payload ?? null)]).size;\n  if (size < 1024) {\n    return `${size} B`;\n  }\n  return `${(size / 1024).toFixed(1)} KB`;\n}\n\nfunction getPayloadLabel(payload: unknown, fallback: string): string {\n  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {\n    const keys = Object.keys(payload);\n    const [onlyKey] = keys;\n    if (keys.length === 1 && onlyKey) {\n      return onlyKey;\n    }\n  }\n  return fallback;\n}\n\nexport function WorkflowSuspendedSteps({\n  suspendedSteps,\n  workflow,\n  isStreaming,\n  onResume,\n}: WorkflowSuspendedStepsProps) {\n  if (isStreaming || suspendedSteps.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      className={cn(panelSurfaceStyle, 'pointer-events-auto relative isolate')}\n      data-testid=\"workflow-suspended-steps\"\n      aria-label=\"Step suspended\"\n    >\n      <div className=\"max-h-[calc(100cqh-64px)] overflow-y-auto overscroll-contain rounded-[inherit]\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border/50 bg-background px-5 py-4\">\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"flex items-center gap-2\">\n            <Icon>\n              <CirclePause />\n            </Icon>\n            Step suspended\n          </Txt>\n          <Badge variant=\"orange\" emphasis=\"muted\">\n            Needs input\n          </Badge>\n        </div>\n\n        {suspendedSteps.map(step => {\n          const stepDefinition = workflow.allSteps[step.stepId];\n          if (!stepDefinition || stepDefinition.isWorkflow) return null;\n\n          const stepSchema = stepDefinition?.resumeSchema\n            ? jsonSchemaToZodRuntime(parse(stepDefinition.resumeSchema))\n            : z.record(z.string(), z.any());\n\n          return (\n            <SuspendedStepCard\n              key={`${step.runId}-${step.stepId}`}\n              step={step}\n              stepSchema={stepSchema}\n              description={stepDefinition.description}\n              onResume={onResume}\n            />\n          );\n        })}\n      </div>\n      <ActivityWick status=\"ready\" label=\"Needs input\" className=\"before:hidden\" style={suspendedWickStyle} />\n    </section>\n  );\n}\n\ninterface SuspendedStepCardProps {\n  step: SuspendedStep;\n  stepSchema: z.ZodSchema;\n  description?: string;\n  onResume: WorkflowSuspendedStepsProps['onResume'];\n}\n\nfunction SuspendedStepCard({ step, stepSchema, description, onResume }: SuspendedStepCardProps) {\n  const [isPayloadOpen, setIsPayloadOpen] = useState(false);\n  const [isResuming, setIsResuming] = useState(false);\n\n  const resumeWithResponse = async (resumeData: Record<string, unknown>) => {\n    setIsResuming(true);\n    try {\n      await onResume({ stepId: step.stepId.split('.'), runId: step.runId, resumeData });\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Error resuming workflow');\n    } finally {\n      setIsResuming(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5 p-5 [&+&]:border-t [&+&]:border-border/50\">\n      <div className=\"space-y-2\">\n        <Txt as=\"p\" variant=\"subheading\" tone=\"ink\" className=\"break-words\">\n          {step.stepId}\n        </Txt>\n        {description && (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        )}\n      </div>\n\n      {step.suspendPayload !== undefined && (\n        <div className=\"space-y-2\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n            <Icon>\n              <MoveDownLeft />\n            </Icon>\n            The step is asking\n          </Txt>\n\n          <Collapsible open={isPayloadOpen} onOpenChange={setIsPayloadOpen}>\n            <CollapsibleTrigger\n              className={cn(\n                raisedSurfaceStyle,\n                'flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2.5',\n              )}\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <Icon>\n                  <ChevronRight\n                    className={cn('text-muted-foreground transition-transform', {\n                      'rotate-90 transform': isPayloadOpen,\n                    })}\n                  />\n                </Icon>\n                <Txt as=\"span\" variant=\"body\" tone=\"ink\" className=\"truncate\">\n                  {getPayloadLabel(step.suspendPayload, step.stepId)}\n                </Txt>\n              </span>\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"shrink-0\">\n                {formatPayloadSize(step.suspendPayload)}\n              </Txt>\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <div data-testid=\"suspended-payload\" className=\"pt-2\">\n                <CodeEditor\n                  value={JSON.stringify(step.suspendPayload, null, 2)}\n                  editable={false}\n                  className=\"w-full overflow-x-auto p-2\"\n                  showCopyButton={false}\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n          <Icon>\n            <MoveUpRight />\n          </Icon>\n          Your response\n        </Txt>\n\n        <div className=\"-mx-5\">\n          <WorkflowInputData\n            schema={stepSchema}\n            isSubmitLoading={isResuming}\n            submitButtonLabel=\"Resume\"\n            submitButtonVariant=\"primary\"\n            submitButtonIcon={<Play />}\n            submitButtonFullWidth\n            collapsible={false}\n            hideHeading\n            hideInputTypeLabel\n            onSubmit={resumeWithResponse}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","panelSurfaceStyle","Txt","jsx","Icon","CirclePause","Badge","jsonSchemaToZodRuntime","parse","z","ActivityWick","useState","toast","MoveDownLeft","Collapsible","CollapsibleTrigger","raisedSurfaceStyle","ChevronRight","CollapsibleContent","CodeEditor","MoveUpRight","WorkflowInputData","Play"],"mappings":"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"}
+{"version":3,"file":"workflow-suspended-steps.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-suspended-steps.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, CirclePause, MoveDownLeft, MoveUpRight, Play } from 'lucide-react';\nimport { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { parse } from 'superjson';\nimport { z } from 'zod';\nimport { panelSurfaceStyle } from '../components/workflow-layout';\nimport type { SuspendedStep } from './use-workflow-trigger';\nimport { WorkflowInputData } from './workflow-input-data';\nimport { ActivityWick } from '@/ds/components/Activity';\nimport { Badge } from '@/ds/components/Badge';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { jsonSchemaToZodRuntime } from '@/lib/form/json-schema-to-zod-runtime';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nconst suspendedWickStyle: CSSProperties & { '--belt-hue': string } = { '--belt-hue': 'var(--warning-indicator)' };\n\nexport interface ResumeStepParams {\n  stepId: string | string[];\n  runId: string;\n  resumeData: Record<string, unknown>;\n}\n\nexport interface WorkflowSuspendedStepsProps {\n  suspendedSteps: SuspendedStep[];\n  workflow: GetWorkflowResponse;\n  isStreaming: boolean;\n  onResume: (step: ResumeStepParams) => Promise<void>;\n}\n\nfunction formatPayloadSize(payload: unknown): string {\n  const size = new Blob([JSON.stringify(payload ?? null)]).size;\n  if (size < 1024) {\n    return `${size} B`;\n  }\n  return `${(size / 1024).toFixed(1)} KB`;\n}\n\nfunction getPayloadLabel(payload: unknown, fallback: string): string {\n  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {\n    const keys = Object.keys(payload);\n    const [onlyKey] = keys;\n    if (keys.length === 1 && onlyKey) {\n      return onlyKey;\n    }\n  }\n  return fallback;\n}\n\nexport function WorkflowSuspendedSteps({\n  suspendedSteps,\n  workflow,\n  isStreaming,\n  onResume,\n}: WorkflowSuspendedStepsProps) {\n  if (isStreaming || suspendedSteps.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      className={cn(panelSurfaceStyle, 'pointer-events-auto relative isolate')}\n      data-testid=\"workflow-suspended-steps\"\n      aria-label=\"Step suspended\"\n    >\n      <div className=\"max-h-[calc(100cqh-64px)] overflow-y-auto overscroll-contain rounded-[inherit]\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border/50 bg-background px-5 py-4\">\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"flex items-center gap-2\">\n            <Icon>\n              <CirclePause />\n            </Icon>\n            Step suspended\n          </Txt>\n          <Badge variant=\"orange\" emphasis=\"subtle\">\n            Needs input\n          </Badge>\n        </div>\n\n        {suspendedSteps.map(step => {\n          const stepDefinition = workflow.allSteps[step.stepId];\n          if (!stepDefinition || stepDefinition.isWorkflow) return null;\n\n          const stepSchema = stepDefinition?.resumeSchema\n            ? jsonSchemaToZodRuntime(parse(stepDefinition.resumeSchema))\n            : z.record(z.string(), z.any());\n\n          return (\n            <SuspendedStepCard\n              key={`${step.runId}-${step.stepId}`}\n              step={step}\n              stepSchema={stepSchema}\n              description={stepDefinition.description}\n              onResume={onResume}\n            />\n          );\n        })}\n      </div>\n      <ActivityWick status=\"ready\" label=\"Needs input\" className=\"before:hidden\" style={suspendedWickStyle} />\n    </section>\n  );\n}\n\ninterface SuspendedStepCardProps {\n  step: SuspendedStep;\n  stepSchema: z.ZodSchema;\n  description?: string;\n  onResume: WorkflowSuspendedStepsProps['onResume'];\n}\n\nfunction SuspendedStepCard({ step, stepSchema, description, onResume }: SuspendedStepCardProps) {\n  const [isPayloadOpen, setIsPayloadOpen] = useState(false);\n  const [isResuming, setIsResuming] = useState(false);\n\n  const resumeWithResponse = async (resumeData: Record<string, unknown>) => {\n    setIsResuming(true);\n    try {\n      await onResume({ stepId: step.stepId.split('.'), runId: step.runId, resumeData });\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Error resuming workflow');\n    } finally {\n      setIsResuming(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5 p-5 [&+&]:border-t [&+&]:border-border/50\">\n      <div className=\"space-y-2\">\n        <Txt as=\"p\" variant=\"subheading\" tone=\"ink\" className=\"break-words\">\n          {step.stepId}\n        </Txt>\n        {description && (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        )}\n      </div>\n\n      {step.suspendPayload !== undefined && (\n        <div className=\"space-y-2\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n            <Icon>\n              <MoveDownLeft />\n            </Icon>\n            The step is asking\n          </Txt>\n\n          <Collapsible open={isPayloadOpen} onOpenChange={setIsPayloadOpen}>\n            <CollapsibleTrigger\n              className={cn(\n                raisedSurfaceStyle,\n                'flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2.5',\n              )}\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <Icon>\n                  <ChevronRight\n                    className={cn('text-muted-foreground transition-transform', {\n                      'rotate-90 transform': isPayloadOpen,\n                    })}\n                  />\n                </Icon>\n                <Txt as=\"span\" variant=\"body\" tone=\"ink\" className=\"truncate\">\n                  {getPayloadLabel(step.suspendPayload, step.stepId)}\n                </Txt>\n              </span>\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"shrink-0\">\n                {formatPayloadSize(step.suspendPayload)}\n              </Txt>\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <div data-testid=\"suspended-payload\" className=\"pt-2\">\n                <CodeEditor\n                  value={JSON.stringify(step.suspendPayload, null, 2)}\n                  editable={false}\n                  className=\"w-full overflow-x-auto p-2\"\n                  showCopyButton={false}\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n          <Icon>\n            <MoveUpRight />\n          </Icon>\n          Your response\n        </Txt>\n\n        <div className=\"-mx-5\">\n          <WorkflowInputData\n            schema={stepSchema}\n            isSubmitLoading={isResuming}\n            submitButtonLabel=\"Resume\"\n            submitButtonVariant=\"primary\"\n            submitButtonIcon={<Play />}\n            submitButtonFullWidth\n            collapsible={false}\n            hideHeading\n            hideInputTypeLabel\n            onSubmit={resumeWithResponse}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","panelSurfaceStyle","Txt","jsx","Icon","CirclePause","Badge","jsonSchemaToZodRuntime","parse","z","ActivityWick","useState","toast","MoveDownLeft","Collapsible","CollapsibleTrigger","raisedSurfaceStyle","ChevronRight","CollapsibleContent","CodeEditor","MoveUpRight","WorkflowInputData","Play"],"mappings":"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"}

package/dist/domains/workflows/workflow/workflow-suspended-steps.es.js

@@ -6,9 +6,9 @@ import { z } from 'zod';
 import { panelSurfaceStyle } from '../components/workflow-layout.es.js';
 import { WorkflowInputData } from './workflow-input-data.es.js';
 import { a as ActivityWick } from '../../../activity-B8TfxRNU.js';
-import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
-import { C as CodeEditor } from '../../../code-editor-F12uuTDl.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
+import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
@@ -16,7 +16,7 @@ import { jsonSchemaToZodRuntime } from '../../../lib/form/json-schema-to-zod-run
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 
-const suspendedWickStyle = { "--belt-hue": "var(--warning1)" };
+const suspendedWickStyle = { "--belt-hue": "var(--warning-indicator)" };
 function formatPayloadSize(payload) {
   const size = new Blob([JSON.stringify(payload ?? null)]).size;
   if (size < 1024) {
@@ -56,7 +56,7 @@ function WorkflowSuspendedSteps({
               /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(CirclePause, {}) }),
               "Step suspended"
             ] }),
-            /* @__PURE__ */ jsx(Badge, { variant: "orange", emphasis: "muted", children: "Needs input" })
+            /* @__PURE__ */ jsx(Badge, { variant: "orange", emphasis: "subtle", children: "Needs input" })
           ] }),
           suspendedSteps.map((step) => {
             const stepDefinition = workflow.allSteps[step.stepId];

package/dist/domains/workflows/workflow/workflow-suspended-steps.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-suspended-steps.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-suspended-steps.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, CirclePause, MoveDownLeft, MoveUpRight, Play } from 'lucide-react';\nimport { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { parse } from 'superjson';\nimport { z } from 'zod';\nimport { panelSurfaceStyle } from '../components/workflow-layout';\nimport type { SuspendedStep } from './use-workflow-trigger';\nimport { WorkflowInputData } from './workflow-input-data';\nimport { ActivityWick } from '@/ds/components/Activity';\nimport { Badge } from '@/ds/components/Badge';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { jsonSchemaToZodRuntime } from '@/lib/form/json-schema-to-zod-runtime';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nconst suspendedWickStyle: CSSProperties & { '--belt-hue': string } = { '--belt-hue': 'var(--warning1)' };\n\nexport interface ResumeStepParams {\n  stepId: string | string[];\n  runId: string;\n  resumeData: Record<string, unknown>;\n}\n\nexport interface WorkflowSuspendedStepsProps {\n  suspendedSteps: SuspendedStep[];\n  workflow: GetWorkflowResponse;\n  isStreaming: boolean;\n  onResume: (step: ResumeStepParams) => Promise<void>;\n}\n\nfunction formatPayloadSize(payload: unknown): string {\n  const size = new Blob([JSON.stringify(payload ?? null)]).size;\n  if (size < 1024) {\n    return `${size} B`;\n  }\n  return `${(size / 1024).toFixed(1)} KB`;\n}\n\nfunction getPayloadLabel(payload: unknown, fallback: string): string {\n  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {\n    const keys = Object.keys(payload);\n    const [onlyKey] = keys;\n    if (keys.length === 1 && onlyKey) {\n      return onlyKey;\n    }\n  }\n  return fallback;\n}\n\nexport function WorkflowSuspendedSteps({\n  suspendedSteps,\n  workflow,\n  isStreaming,\n  onResume,\n}: WorkflowSuspendedStepsProps) {\n  if (isStreaming || suspendedSteps.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      className={cn(panelSurfaceStyle, 'pointer-events-auto relative isolate')}\n      data-testid=\"workflow-suspended-steps\"\n      aria-label=\"Step suspended\"\n    >\n      <div className=\"max-h-[calc(100cqh-64px)] overflow-y-auto overscroll-contain rounded-[inherit]\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border/50 bg-background px-5 py-4\">\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"flex items-center gap-2\">\n            <Icon>\n              <CirclePause />\n            </Icon>\n            Step suspended\n          </Txt>\n          <Badge variant=\"orange\" emphasis=\"muted\">\n            Needs input\n          </Badge>\n        </div>\n\n        {suspendedSteps.map(step => {\n          const stepDefinition = workflow.allSteps[step.stepId];\n          if (!stepDefinition || stepDefinition.isWorkflow) return null;\n\n          const stepSchema = stepDefinition?.resumeSchema\n            ? jsonSchemaToZodRuntime(parse(stepDefinition.resumeSchema))\n            : z.record(z.string(), z.any());\n\n          return (\n            <SuspendedStepCard\n              key={`${step.runId}-${step.stepId}`}\n              step={step}\n              stepSchema={stepSchema}\n              description={stepDefinition.description}\n              onResume={onResume}\n            />\n          );\n        })}\n      </div>\n      <ActivityWick status=\"ready\" label=\"Needs input\" className=\"before:hidden\" style={suspendedWickStyle} />\n    </section>\n  );\n}\n\ninterface SuspendedStepCardProps {\n  step: SuspendedStep;\n  stepSchema: z.ZodSchema;\n  description?: string;\n  onResume: WorkflowSuspendedStepsProps['onResume'];\n}\n\nfunction SuspendedStepCard({ step, stepSchema, description, onResume }: SuspendedStepCardProps) {\n  const [isPayloadOpen, setIsPayloadOpen] = useState(false);\n  const [isResuming, setIsResuming] = useState(false);\n\n  const resumeWithResponse = async (resumeData: Record<string, unknown>) => {\n    setIsResuming(true);\n    try {\n      await onResume({ stepId: step.stepId.split('.'), runId: step.runId, resumeData });\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Error resuming workflow');\n    } finally {\n      setIsResuming(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5 p-5 [&+&]:border-t [&+&]:border-border/50\">\n      <div className=\"space-y-2\">\n        <Txt as=\"p\" variant=\"subheading\" tone=\"ink\" className=\"break-words\">\n          {step.stepId}\n        </Txt>\n        {description && (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        )}\n      </div>\n\n      {step.suspendPayload !== undefined && (\n        <div className=\"space-y-2\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n            <Icon>\n              <MoveDownLeft />\n            </Icon>\n            The step is asking\n          </Txt>\n\n          <Collapsible open={isPayloadOpen} onOpenChange={setIsPayloadOpen}>\n            <CollapsibleTrigger\n              className={cn(\n                raisedSurfaceStyle,\n                'flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2.5',\n              )}\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <Icon>\n                  <ChevronRight\n                    className={cn('text-muted-foreground transition-transform', {\n                      'rotate-90 transform': isPayloadOpen,\n                    })}\n                  />\n                </Icon>\n                <Txt as=\"span\" variant=\"body\" tone=\"ink\" className=\"truncate\">\n                  {getPayloadLabel(step.suspendPayload, step.stepId)}\n                </Txt>\n              </span>\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"shrink-0\">\n                {formatPayloadSize(step.suspendPayload)}\n              </Txt>\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <div data-testid=\"suspended-payload\" className=\"pt-2\">\n                <CodeEditor\n                  value={JSON.stringify(step.suspendPayload, null, 2)}\n                  editable={false}\n                  className=\"w-full overflow-x-auto p-2\"\n                  showCopyButton={false}\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n          <Icon>\n            <MoveUpRight />\n          </Icon>\n          Your response\n        </Txt>\n\n        <div className=\"-mx-5\">\n          <WorkflowInputData\n            schema={stepSchema}\n            isSubmitLoading={isResuming}\n            submitButtonLabel=\"Resume\"\n            submitButtonVariant=\"primary\"\n            submitButtonIcon={<Play />}\n            submitButtonFullWidth\n            collapsible={false}\n            hideHeading\n            hideInputTypeLabel\n            onSubmit={resumeWithResponse}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-suspended-steps.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-suspended-steps.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, CirclePause, MoveDownLeft, MoveUpRight, Play } from 'lucide-react';\nimport { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { parse } from 'superjson';\nimport { z } from 'zod';\nimport { panelSurfaceStyle } from '../components/workflow-layout';\nimport type { SuspendedStep } from './use-workflow-trigger';\nimport { WorkflowInputData } from './workflow-input-data';\nimport { ActivityWick } from '@/ds/components/Activity';\nimport { Badge } from '@/ds/components/Badge';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { jsonSchemaToZodRuntime } from '@/lib/form/json-schema-to-zod-runtime';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nconst suspendedWickStyle: CSSProperties & { '--belt-hue': string } = { '--belt-hue': 'var(--warning-indicator)' };\n\nexport interface ResumeStepParams {\n  stepId: string | string[];\n  runId: string;\n  resumeData: Record<string, unknown>;\n}\n\nexport interface WorkflowSuspendedStepsProps {\n  suspendedSteps: SuspendedStep[];\n  workflow: GetWorkflowResponse;\n  isStreaming: boolean;\n  onResume: (step: ResumeStepParams) => Promise<void>;\n}\n\nfunction formatPayloadSize(payload: unknown): string {\n  const size = new Blob([JSON.stringify(payload ?? null)]).size;\n  if (size < 1024) {\n    return `${size} B`;\n  }\n  return `${(size / 1024).toFixed(1)} KB`;\n}\n\nfunction getPayloadLabel(payload: unknown, fallback: string): string {\n  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {\n    const keys = Object.keys(payload);\n    const [onlyKey] = keys;\n    if (keys.length === 1 && onlyKey) {\n      return onlyKey;\n    }\n  }\n  return fallback;\n}\n\nexport function WorkflowSuspendedSteps({\n  suspendedSteps,\n  workflow,\n  isStreaming,\n  onResume,\n}: WorkflowSuspendedStepsProps) {\n  if (isStreaming || suspendedSteps.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      className={cn(panelSurfaceStyle, 'pointer-events-auto relative isolate')}\n      data-testid=\"workflow-suspended-steps\"\n      aria-label=\"Step suspended\"\n    >\n      <div className=\"max-h-[calc(100cqh-64px)] overflow-y-auto overscroll-contain rounded-[inherit]\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border/50 bg-background px-5 py-4\">\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"flex items-center gap-2\">\n            <Icon>\n              <CirclePause />\n            </Icon>\n            Step suspended\n          </Txt>\n          <Badge variant=\"orange\" emphasis=\"subtle\">\n            Needs input\n          </Badge>\n        </div>\n\n        {suspendedSteps.map(step => {\n          const stepDefinition = workflow.allSteps[step.stepId];\n          if (!stepDefinition || stepDefinition.isWorkflow) return null;\n\n          const stepSchema = stepDefinition?.resumeSchema\n            ? jsonSchemaToZodRuntime(parse(stepDefinition.resumeSchema))\n            : z.record(z.string(), z.any());\n\n          return (\n            <SuspendedStepCard\n              key={`${step.runId}-${step.stepId}`}\n              step={step}\n              stepSchema={stepSchema}\n              description={stepDefinition.description}\n              onResume={onResume}\n            />\n          );\n        })}\n      </div>\n      <ActivityWick status=\"ready\" label=\"Needs input\" className=\"before:hidden\" style={suspendedWickStyle} />\n    </section>\n  );\n}\n\ninterface SuspendedStepCardProps {\n  step: SuspendedStep;\n  stepSchema: z.ZodSchema;\n  description?: string;\n  onResume: WorkflowSuspendedStepsProps['onResume'];\n}\n\nfunction SuspendedStepCard({ step, stepSchema, description, onResume }: SuspendedStepCardProps) {\n  const [isPayloadOpen, setIsPayloadOpen] = useState(false);\n  const [isResuming, setIsResuming] = useState(false);\n\n  const resumeWithResponse = async (resumeData: Record<string, unknown>) => {\n    setIsResuming(true);\n    try {\n      await onResume({ stepId: step.stepId.split('.'), runId: step.runId, resumeData });\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Error resuming workflow');\n    } finally {\n      setIsResuming(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5 p-5 [&+&]:border-t [&+&]:border-border/50\">\n      <div className=\"space-y-2\">\n        <Txt as=\"p\" variant=\"subheading\" tone=\"ink\" className=\"break-words\">\n          {step.stepId}\n        </Txt>\n        {description && (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        )}\n      </div>\n\n      {step.suspendPayload !== undefined && (\n        <div className=\"space-y-2\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n            <Icon>\n              <MoveDownLeft />\n            </Icon>\n            The step is asking\n          </Txt>\n\n          <Collapsible open={isPayloadOpen} onOpenChange={setIsPayloadOpen}>\n            <CollapsibleTrigger\n              className={cn(\n                raisedSurfaceStyle,\n                'flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2.5',\n              )}\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <Icon>\n                  <ChevronRight\n                    className={cn('text-muted-foreground transition-transform', {\n                      'rotate-90 transform': isPayloadOpen,\n                    })}\n                  />\n                </Icon>\n                <Txt as=\"span\" variant=\"body\" tone=\"ink\" className=\"truncate\">\n                  {getPayloadLabel(step.suspendPayload, step.stepId)}\n                </Txt>\n              </span>\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"shrink-0\">\n                {formatPayloadSize(step.suspendPayload)}\n              </Txt>\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <div data-testid=\"suspended-payload\" className=\"pt-2\">\n                <CodeEditor\n                  value={JSON.stringify(step.suspendPayload, null, 2)}\n                  editable={false}\n                  className=\"w-full overflow-x-auto p-2\"\n                  showCopyButton={false}\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"flex items-center gap-2\">\n          <Icon>\n            <MoveUpRight />\n          </Icon>\n          Your response\n        </Txt>\n\n        <div className=\"-mx-5\">\n          <WorkflowInputData\n            schema={stepSchema}\n            isSubmitLoading={isResuming}\n            submitButtonLabel=\"Resume\"\n            submitButtonVariant=\"primary\"\n            submitButtonIcon={<Play />}\n            submitButtonFullWidth\n            collapsible={false}\n            hideHeading\n            hideInputTypeLabel\n            onSubmit={resumeWithResponse}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js

@@ -9,11 +9,11 @@ const superjson = require('superjson');
 const zod = require('zod');
 const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
 const domains_workflows_workflow_workflowInputData = require('./workflow-input-data.cjs.js');
-const codeEditor = require('../../../code-editor-By2dTBXC.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.cjs');
-const fieldBlock = require('../../../field-block-BG5E7u9v.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
+const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
+const fieldBlock = require('../../../field-block-BIDi9Bvc.cjs');
 const fieldErrorId = require('../../../field-error-id-B3Z2Zu5y.cjs');
-const Notice = require('../../../Notice-BiV6N8--.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');

package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js

@@ -5,11 +5,11 @@ import { parse } from 'superjson';
 import { z } from 'zod';
 import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
 import { WorkflowInputData } from './workflow-input-data.es.js';
-import { C as CodeEditor } from '../../../code-editor-F12uuTDl.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
-import { F as FieldBlock } from '../../../field-block-BRLwud-v.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
+import { F as FieldBlock } from '../../../field-block-DpejZ6U6.js';
 import { f as fieldErrorId } from '../../../field-error-id-D3yg1nBh.js';
-import { N as Notice } from '../../../Notice-BmoN4qOw.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';

package/dist/domains/workflows/workflow/workflow-timeline-row.cjs.js

@@ -4,27 +4,24 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CIwF6NHM.cjs');
+const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
+const Button = require('../../../Button-BnmR2HRc.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');
 
 const statusPresentation = {
-  success: { label: "Completed", icon: lucideReact.Check, color: "text-positive1", bar: "bg-muted-foreground/60" },
-  failed: { label: "Failed", icon: lucideReact.CircleX, color: "text-negative1", bar: "bg-negative1/60" },
-  suspended: { label: "Needs input", icon: lucideReact.Pause, color: "text-accent3", bar: "bg-accent3/60" },
-  waiting: { label: "Waiting", icon: lucideReact.Timer, color: "text-muted-foreground", bar: "bg-muted-foreground/40" },
-  paused: { label: "Paused", icon: lucideReact.Pause, color: "text-muted-foreground", bar: "bg-muted-foreground/40" },
-  skipped: { label: "Skipped", icon: lucideReact.SkipForward, color: "text-muted-foreground", bar: "bg-muted-foreground/25" },
-  running: { label: "Running", icon: lucideReact.Loader2, color: "text-accent6", bar: "bg-accent6/60" },
-  canceled: { label: "Canceled", icon: lucideReact.CircleSlash, color: "text-muted-foreground", bar: "bg-muted-foreground/40" }
-};
-const unknownStatus = {
-  label: "Status unavailable",
-  icon: lucideReact.CircleHelp,
-  color: "text-muted-foreground",
-  bar: "bg-muted-foreground/25"
+  success: { label: "Completed", icon: lucideReact.Check },
+  failed: { label: "Failed", icon: lucideReact.CircleX },
+  suspended: { label: "Needs input", icon: lucideReact.Pause },
+  waiting: { label: "Waiting", icon: lucideReact.Timer },
+  paused: { label: "Paused", icon: lucideReact.Pause },
+  skipped: { label: "Skipped", icon: lucideReact.SkipForward },
+  running: { label: "Running", icon: lucideReact.Loader2 },
+  canceled: { label: "Canceled", icon: lucideReact.CircleSlash }
 };
+const unknownStatus = { label: "Status unavailable", icon: lucideReact.CircleHelp };
 function WorkflowTimelineRow({
   row,
   isSelected,
@@ -36,6 +33,7 @@ function WorkflowTimelineRow({
 }) {
   const status = Object.hasOwn(statusPresentation, row.status) ? statusPresentation[row.status] : unknownStatus;
   const StatusIcon = status.icon;
+  const tone = domains_workflows_workflowStatusTone.workflowStatusTone(row.status);
   const parentPath = row.stepId.slice(0, row.stepId.lastIndexOf("."));
   const label = row.isNestedEntry ? row.stepId.slice(row.stepId.lastIndexOf(".") + 1) : row.stepId;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -55,7 +53,10 @@ function WorkflowTimelineRow({
           "button",
           {
             type: "button",
-            className: "flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 text-left text-meta text-foreground focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus aria-disabled:cursor-default",
+            className: utils_cn.cn(
+              "flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 text-left text-meta text-foreground focus-visible:rounded-sm aria-disabled:cursor-default",
+              primitives_transitions.focusRing
+            ),
             "aria-disabled": row.isNestedEntry,
             "aria-pressed": isSelected,
             onClick: () => {
@@ -70,14 +71,14 @@ function WorkflowTimelineRow({
                   "aria-label": status.label,
                   className: utils_cn.cn(
                     "grid size-6 flex-none place-items-center rounded-md border border-border bg-background",
-                    status.color
+                    domains_workflows_workflowStatusTone.workflowStatusToneText[tone]
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { "aria-hidden": true, className: utils_cn.cn("size-3.5", row.status === "running" && "motion-safe:animate-spin") })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", children: label }),
-                row.isNestedEntry && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1 text-meta text-muted-foreground", children: [
+                row.isNestedEntry && /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "flex min-w-0 items-center gap-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownRight, { "aria-hidden": true, className: "size-3 shrink-0" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: parentPath })
                 ] })
@@ -96,16 +97,19 @@ function WorkflowTimelineRow({
                 "data-testid": "workflow-timeline-bar",
                 "data-offset": row.timing.offsetPct,
                 "data-width": row.timing.widthPct,
-                className: utils_cn.cn("absolute top-0 h-full min-w-0.5 rounded-sm", status.bar),
+                className: utils_cn.cn("absolute top-0 h-full min-w-0.5 rounded-sm", domains_workflows_workflowStatusTone.workflowStatusToneBar[tone]),
                 style: { left: `${row.timing.offsetPct}%`, width: `${row.timing.widthPct}%` }
               }
             )
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
+          Txt.Txt,
           {
-            className: "text-right text-meta whitespace-nowrap text-muted-foreground",
+            as: "span",
+            variant: "meta",
+            tone: "muted",
+            className: "text-right whitespace-nowrap",
             title: row.timing && row.spansSuspension ? "Includes time spent suspended waiting for input" : void 0,
             children: row.timing ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", children: utils_duration.formatDuration(row.timing.durationMs) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "Timing unavailable", children: "—" })
           }