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

package/dist/domains/workflows/workflow/workflow-debug-mode-switch.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useId } from 'react';
 import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
-import { S as Switch } from '../../../switch-CE9jTpUG.js';
+import { S as Switch } from '../../../switch-88fWFfVz.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function WorkflowDebugModeSwitch() {

package/dist/domains/workflows/workflow/workflow-debug-step-controls.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
 const domains_workflows_workflow_useWorkflowTrigger = require('./use-workflow-trigger.cjs.js');
-const workflowDebugControls = require('../../../workflow-debug-controls-CIplFeXE.cjs');
+const workflowDebugControls = require('../../../workflow-debug-controls-Bcb4vcek.cjs');
 
 function WorkflowDebugStepControls({
   isStreaming,

package/dist/domains/workflows/workflow/workflow-debug-step-controls.es.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
 import { useNextPerStep } from './use-workflow-trigger.es.js';
-import { W as WorkflowDebugControls } from '../../../workflow-debug-controls-7EfBAsMX.js';
+import { W as WorkflowDebugControls } from '../../../workflow-debug-controls-DULCFa4s.js';
 
 function WorkflowDebugStepControls({
   isStreaming,

package/dist/domains/workflows/workflow/workflow-graph-boundary.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const safeStringify = require('@mastra/core/utils/safe-stringify');
-const Button = require('../../../Button-DbJn0bJX.cjs');
-const copyButton = require('../../../copy-button-89AmY5FU.cjs');
-const ErrorBoundary = require('../../../ErrorBoundary-BRQxBc51.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const copyButton = require('../../../copy-button-C6nXDjBz.cjs');
+const ErrorBoundary = require('../../../ErrorBoundary-CKrwONAU.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');

package/dist/domains/workflows/workflow/workflow-graph-boundary.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { safeStringify } from '@mastra/core/utils/safe-stringify';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
-import { C as CopyButton } from '../../../copy-button-rs9SJnvF.js';
-import { E as ErrorBoundary } from '../../../ErrorBoundary-DDi5RBQv.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { C as CopyButton } from '../../../copy-button-DbmsTUum.js';
+import { E as ErrorBoundary } from '../../../ErrorBoundary-Bb2R5IMR.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';

package/dist/domains/workflows/workflow/workflow-graph-inner.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_context_useWorkflowSelectedStep = require('../context/use-workflow-selected-step.cjs.js');
 const domains_workflows_workflow_useWorkflowGraphNodes = require('./use-workflow-graph-nodes.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-XFvrHY2_.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-D0ODPlNB.cjs');
 const domains_workflows_workflow_utils = require('./utils.cjs.js');
 const domains_workflows_workflow_workflowGraphGroups = require('./workflow-graph-groups.cjs.js');
-const workflowConditionCard = require('../../../workflow-condition-card-CWzCPzQe.cjs');
+const workflowConditionCard = require('../../../workflow-condition-card-CfjhZb0m.cjs');
 
 function WorkflowGraphInner({ stepGraph, requestContext }) {
   const { nodes, edges, onNodesChange } = domains_workflows_workflow_useWorkflowGraphNodes.useWorkflowGraphNodes(stepGraph);

package/dist/domains/workflows/workflow/workflow-graph-inner.es.js

@@ -2,10 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useWorkflowSelectedStep } from '../context/use-workflow-selected-step.es.js';
 import { useWorkflowGraphNodes } from './use-workflow-graph-nodes.es.js';
-import { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-BImilvH3.js';
+import { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-XL5zreeR.js';
 import { findFocusNode } from './utils.es.js';
 import { getWorkflowGraphGroups } from './workflow-graph-groups.es.js';
-import { e as WorkflowGraphCanvas } from '../../../workflow-condition-card-BOeOKZa6.js';
+import { e as WorkflowGraphCanvas } from '../../../workflow-condition-card-B0Va5Amx.js';
 
 function WorkflowGraphInner({ stepGraph, requestContext }) {
   const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);

package/dist/domains/workflows/workflow/workflow-graph-node.cjs.js

@@ -8,10 +8,10 @@ require('../context/use-workflow-selected-step.cjs.js');
 require('../context/workflow-step-detail-context.cjs.js');
 require('../context/workflow-step-timing.cjs.js');
 require('./use-workflow-trigger.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-XFvrHY2_.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-D0ODPlNB.cjs');
 require('./workflow-node-kind.cjs.js');
 require('./workflow-step-action-bar.cjs.js');
-require('../../../workflow-condition-card-CWzCPzQe.cjs');
+require('../../../workflow-condition-card-CfjhZb0m.cjs');
 
 
 

package/dist/domains/workflows/workflow/workflow-graph-node.es.js

@@ -4,8 +4,8 @@ import '../context/use-workflow-selected-step.es.js';
 import '../context/workflow-step-detail-context.es.js';
 import '../context/workflow-step-timing.es.js';
 import './use-workflow-trigger.es.js';
-export { b as WorkflowGraphNode } from '../../../use-workflow-graph-runtime-BImilvH3.js';
+export { b as WorkflowGraphNode } from '../../../use-workflow-graph-runtime-XL5zreeR.js';
 import './workflow-node-kind.es.js';
 import './workflow-step-action-bar.es.js';
-import '../../../workflow-condition-card-BOeOKZa6.js';
+import '../../../workflow-condition-card-B0Va5Amx.js';
 //# sourceMappingURL=workflow-graph-node.es.js.map

package/dist/domains/workflows/workflow/workflow-input-data.cjs.js

@@ -9,13 +9,13 @@ const domains_workflows_workflow_input_processorInput = require('./input/process
 const domains_workflows_workflow_input_workflowJsonInput = require('./input/workflow-json-input.cjs.js');
 const domains_workflows_workflow_input_workflowProcessorInput = require('./input/workflow-processor-input.cjs.js');
 const domains_workflows_workflow_workflowInputTypeToggle = require('./workflow-input-type-toggle.cjs.js');
-const collapsible = require('../../../collapsible-BFSJouuI.cjs');
+const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 require('react-hook-form');
 require('../../../lib/form/field-context.cjs.js');
 const lib_form_utils = require('../../../lib/form/utils.cjs.js');
-require('../../../Button-DbJn0bJX.cjs');
+require('../../../Button-BnmR2HRc.cjs');
 require('date-fns');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('@autoform/core');

package/dist/domains/workflows/workflow/workflow-input-data.es.js

@@ -5,13 +5,13 @@ import { createProcessorInput, parseProcessorDraft } from './input/processor-inp
 import { WorkflowJsonInput } from './input/workflow-json-input.es.js';
 import { WorkflowProcessorInput } from './input/workflow-processor-input.es.js';
 import { WorkflowInputTypeToggle } from './workflow-input-type-toggle.es.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.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 'react-hook-form';
 import '../../../lib/form/field-context.es.js';
 import { isPlainObject } from '../../../lib/form/utils.es.js';
-import '../../../Button-CHTvSq4d.js';
+import '../../../Button-C6eUqcPI.js';
 import 'date-fns';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import '@autoform/core';

package/dist/domains/workflows/workflow/workflow-input-type-toggle.cjs.js

@@ -48,7 +48,7 @@ function WorkflowInputTypeToggle({
               "flex items-center justify-center rounded-md",
               primitives_transitions.controlStateColorTransition,
               compact ? "gap-0.5 px-1 py-0" : "gap-2 px-3 py-1.5",
-              "focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:outline-none",
+              primitives_transitions.focusRing,
               isActive ? "bg-fill-hover text-foreground" : primitives_typography.quietTextHover,
               disabled && "cursor-not-allowed opacity-50"
             ),

package/dist/domains/workflows/workflow/workflow-input-type-toggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-input-type-toggle.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-type-toggle.tsx"],"sourcesContent":["import { Braces, FormInput } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\nexport type WorkflowInputType = 'simple' | 'form' | 'json';\n\ninterface InputTypeOption {\n  value: WorkflowInputType;\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface WorkflowInputTypeToggleProps {\n  value: WorkflowInputType;\n  onChange: (value: WorkflowInputType) => void;\n  disabled?: boolean;\n  includeSimple?: boolean;\n  compact?: boolean;\n}\n\nexport function WorkflowInputTypeToggle({\n  value,\n  onChange,\n  disabled,\n  includeSimple,\n  compact,\n}: WorkflowInputTypeToggleProps) {\n  const iconClassName = compact ? 'h-3 w-3' : 'h-4 w-4';\n  const options: InputTypeOption[] = [\n    ...(includeSimple ? [{ value: 'simple' as const, label: 'Simple' }] : []),\n    { value: 'form', label: 'Form', icon: <FormInput className={iconClassName} /> },\n    { value: 'json', label: 'JSON', icon: <Braces className={iconClassName} /> },\n  ];\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Input view\"\n      className={cn(\n        raisedSurfaceStyle,\n        'grid auto-cols-fr grid-flow-col gap-1',\n        compact ? 'rounded-md p-px' : 'w-full rounded-lg p-1',\n      )}\n    >\n      {options.map(option => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            aria-label={option.label}\n            disabled={disabled}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              'flex items-center justify-center rounded-md',\n              controlStateColorTransition,\n              compact ? 'gap-0.5 px-1 py-0' : 'gap-2 px-3 py-1.5',\n              'focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:outline-none',\n              isActive ? 'bg-fill-hover text-foreground' : quietTextHover,\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n          >\n            {option.icon}\n            <Txt as=\"span\" variant={compact ? 'meta' : 'caption'}>\n              {option.label}\n            </Txt>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["jsx","FormInput","Braces","cn","raisedSurfaceStyle","jsxs","controlStateColorTransition","quietTextHover","Txt"],"mappings":";;;;;;;;;;;;AAuBO,SAAS,uBAAA,CAAwB;AAAA,EACtC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAA,GAAgB,UAAU,SAAA,GAAY,SAAA;AAC5C,EAAA,MAAM,OAAA,GAA6B;AAAA,IACjC,GAAI,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAmB,KAAA,EAAO,QAAA,EAAU,CAAA,GAAI,EAAC;AAAA,IACvE,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAMA,cAAA,CAACC,qBAAA,EAAA,EAAU,SAAA,EAAW,aAAA,EAAe,CAAA,EAAG;AAAA,IAC9E,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAMD,cAAA,CAACE,kBAAA,EAAA,EAAO,SAAA,EAAW,aAAA,EAAe,CAAA;AAAG,GAC7E;AAEA,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,YAAA;AAAA,MACL,YAAA,EAAW,YAAA;AAAA,MACX,SAAA,EAAWG,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,uCAAA;AAAA,QACA,UAAU,iBAAA,GAAoB;AAAA,OAChC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,QAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAU,KAAA;AAElC,QAAA,uBACEC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,cAAA,EAAc,QAAA;AAAA,YACd,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA,YACpC,SAAA,EAAWF,WAAA;AAAA,cACT,6CAAA;AAAA,cACAG,kDAAA;AAAA,cACA,UAAU,mBAAA,GAAsB,mBAAA;AAAA,cAChC,iFAAA;AAAA,cACA,WAAW,+BAAA,GAAkCC,oCAAA;AAAA,cAC7C,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,IAAA;AAAA,8BACRP,cAAA,CAACQ,WAAI,EAAA,EAAG,MAAA,EAAO,SAAS,OAAA,GAAU,MAAA,GAAS,SAAA,EACxC,QAAA,EAAA,MAAA,CAAO,KAAA,EACV;AAAA;AAAA,WAAA;AAAA,UAnBK,MAAA,CAAO;AAAA,SAoBd;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"workflow-input-type-toggle.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-type-toggle.tsx"],"sourcesContent":["import { Braces, FormInput } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\nexport type WorkflowInputType = 'simple' | 'form' | 'json';\n\ninterface InputTypeOption {\n  value: WorkflowInputType;\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface WorkflowInputTypeToggleProps {\n  value: WorkflowInputType;\n  onChange: (value: WorkflowInputType) => void;\n  disabled?: boolean;\n  includeSimple?: boolean;\n  compact?: boolean;\n}\n\nexport function WorkflowInputTypeToggle({\n  value,\n  onChange,\n  disabled,\n  includeSimple,\n  compact,\n}: WorkflowInputTypeToggleProps) {\n  const iconClassName = compact ? 'h-3 w-3' : 'h-4 w-4';\n  const options: InputTypeOption[] = [\n    ...(includeSimple ? [{ value: 'simple' as const, label: 'Simple' }] : []),\n    { value: 'form', label: 'Form', icon: <FormInput className={iconClassName} /> },\n    { value: 'json', label: 'JSON', icon: <Braces className={iconClassName} /> },\n  ];\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Input view\"\n      className={cn(\n        raisedSurfaceStyle,\n        'grid auto-cols-fr grid-flow-col gap-1',\n        compact ? 'rounded-md p-px' : 'w-full rounded-lg p-1',\n      )}\n    >\n      {options.map(option => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            aria-label={option.label}\n            disabled={disabled}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              'flex items-center justify-center rounded-md',\n              controlStateColorTransition,\n              compact ? 'gap-0.5 px-1 py-0' : 'gap-2 px-3 py-1.5',\n              focusRing,\n              isActive ? 'bg-fill-hover text-foreground' : quietTextHover,\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n          >\n            {option.icon}\n            <Txt as=\"span\" variant={compact ? 'meta' : 'caption'}>\n              {option.label}\n            </Txt>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["jsx","FormInput","Braces","cn","raisedSurfaceStyle","jsxs","controlStateColorTransition","focusRing","quietTextHover","Txt"],"mappings":";;;;;;;;;;;;AAuBO,SAAS,uBAAA,CAAwB;AAAA,EACtC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAA,GAAgB,UAAU,SAAA,GAAY,SAAA;AAC5C,EAAA,MAAM,OAAA,GAA6B;AAAA,IACjC,GAAI,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAmB,KAAA,EAAO,QAAA,EAAU,CAAA,GAAI,EAAC;AAAA,IACvE,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAMA,cAAA,CAACC,qBAAA,EAAA,EAAU,SAAA,EAAW,aAAA,EAAe,CAAA,EAAG;AAAA,IAC9E,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAMD,cAAA,CAACE,kBAAA,EAAA,EAAO,SAAA,EAAW,aAAA,EAAe,CAAA;AAAG,GAC7E;AAEA,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,YAAA;AAAA,MACL,YAAA,EAAW,YAAA;AAAA,MACX,SAAA,EAAWG,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,uCAAA;AAAA,QACA,UAAU,iBAAA,GAAoB;AAAA,OAChC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,QAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAU,KAAA;AAElC,QAAA,uBACEC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,cAAA,EAAc,QAAA;AAAA,YACd,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA,YACpC,SAAA,EAAWF,WAAA;AAAA,cACT,6CAAA;AAAA,cACAG,kDAAA;AAAA,cACA,UAAU,mBAAA,GAAsB,mBAAA;AAAA,cAChCC,gCAAA;AAAA,cACA,WAAW,+BAAA,GAAkCC,oCAAA;AAAA,cAC7C,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,IAAA;AAAA,8BACRR,cAAA,CAACS,WAAI,EAAA,EAAG,MAAA,EAAO,SAAS,OAAA,GAAU,MAAA,GAAS,SAAA,EACxC,QAAA,EAAA,MAAA,CAAO,KAAA,EACV;AAAA;AAAA,WAAA;AAAA,UAnBK,MAAA,CAAO;AAAA,SAoBd;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-input-type-toggle.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { FormInput, Braces } from 'lucide-react';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
-import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
+import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
@@ -44,7 +44,7 @@ function WorkflowInputTypeToggle({
               "flex items-center justify-center rounded-md",
               controlStateColorTransition,
               compact ? "gap-0.5 px-1 py-0" : "gap-2 px-3 py-1.5",
-              "focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:outline-none",
+              focusRing,
               isActive ? "bg-fill-hover text-foreground" : quietTextHover,
               disabled && "cursor-not-allowed opacity-50"
             ),

package/dist/domains/workflows/workflow/workflow-input-type-toggle.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-input-type-toggle.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-type-toggle.tsx"],"sourcesContent":["import { Braces, FormInput } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\nexport type WorkflowInputType = 'simple' | 'form' | 'json';\n\ninterface InputTypeOption {\n  value: WorkflowInputType;\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface WorkflowInputTypeToggleProps {\n  value: WorkflowInputType;\n  onChange: (value: WorkflowInputType) => void;\n  disabled?: boolean;\n  includeSimple?: boolean;\n  compact?: boolean;\n}\n\nexport function WorkflowInputTypeToggle({\n  value,\n  onChange,\n  disabled,\n  includeSimple,\n  compact,\n}: WorkflowInputTypeToggleProps) {\n  const iconClassName = compact ? 'h-3 w-3' : 'h-4 w-4';\n  const options: InputTypeOption[] = [\n    ...(includeSimple ? [{ value: 'simple' as const, label: 'Simple' }] : []),\n    { value: 'form', label: 'Form', icon: <FormInput className={iconClassName} /> },\n    { value: 'json', label: 'JSON', icon: <Braces className={iconClassName} /> },\n  ];\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Input view\"\n      className={cn(\n        raisedSurfaceStyle,\n        'grid auto-cols-fr grid-flow-col gap-1',\n        compact ? 'rounded-md p-px' : 'w-full rounded-lg p-1',\n      )}\n    >\n      {options.map(option => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            aria-label={option.label}\n            disabled={disabled}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              'flex items-center justify-center rounded-md',\n              controlStateColorTransition,\n              compact ? 'gap-0.5 px-1 py-0' : 'gap-2 px-3 py-1.5',\n              'focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:outline-none',\n              isActive ? 'bg-fill-hover text-foreground' : quietTextHover,\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n          >\n            {option.icon}\n            <Txt as=\"span\" variant={compact ? 'meta' : 'caption'}>\n              {option.label}\n            </Txt>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAuBO,SAAS,uBAAA,CAAwB;AAAA,EACtC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAA,GAAgB,UAAU,SAAA,GAAY,SAAA;AAC5C,EAAA,MAAM,OAAA,GAA6B;AAAA,IACjC,GAAI,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAmB,KAAA,EAAO,QAAA,EAAU,CAAA,GAAI,EAAC;AAAA,IACvE,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,aAAA,EAAe,CAAA,EAAG;AAAA,IAC9E,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAM,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,aAAA,EAAe,CAAA;AAAG,GAC7E;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,YAAA;AAAA,MACL,YAAA,EAAW,YAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,uCAAA;AAAA,QACA,UAAU,iBAAA,GAAoB;AAAA,OAChC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,QAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAU,KAAA;AAElC,QAAA,uBACE,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,cAAA,EAAc,QAAA;AAAA,YACd,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA,YACpC,SAAA,EAAW,EAAA;AAAA,cACT,6CAAA;AAAA,cACA,2BAAA;AAAA,cACA,UAAU,mBAAA,GAAsB,mBAAA;AAAA,cAChC,iFAAA;AAAA,cACA,WAAW,+BAAA,GAAkC,cAAA;AAAA,cAC7C,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,IAAA;AAAA,8BACR,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAS,OAAA,GAAU,MAAA,GAAS,SAAA,EACxC,QAAA,EAAA,MAAA,CAAO,KAAA,EACV;AAAA;AAAA,WAAA;AAAA,UAnBK,MAAA,CAAO;AAAA,SAoBd;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"workflow-input-type-toggle.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-type-toggle.tsx"],"sourcesContent":["import { Braces, FormInput } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\nexport type WorkflowInputType = 'simple' | 'form' | 'json';\n\ninterface InputTypeOption {\n  value: WorkflowInputType;\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface WorkflowInputTypeToggleProps {\n  value: WorkflowInputType;\n  onChange: (value: WorkflowInputType) => void;\n  disabled?: boolean;\n  includeSimple?: boolean;\n  compact?: boolean;\n}\n\nexport function WorkflowInputTypeToggle({\n  value,\n  onChange,\n  disabled,\n  includeSimple,\n  compact,\n}: WorkflowInputTypeToggleProps) {\n  const iconClassName = compact ? 'h-3 w-3' : 'h-4 w-4';\n  const options: InputTypeOption[] = [\n    ...(includeSimple ? [{ value: 'simple' as const, label: 'Simple' }] : []),\n    { value: 'form', label: 'Form', icon: <FormInput className={iconClassName} /> },\n    { value: 'json', label: 'JSON', icon: <Braces className={iconClassName} /> },\n  ];\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Input view\"\n      className={cn(\n        raisedSurfaceStyle,\n        'grid auto-cols-fr grid-flow-col gap-1',\n        compact ? 'rounded-md p-px' : 'w-full rounded-lg p-1',\n      )}\n    >\n      {options.map(option => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            aria-label={option.label}\n            disabled={disabled}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              'flex items-center justify-center rounded-md',\n              controlStateColorTransition,\n              compact ? 'gap-0.5 px-1 py-0' : 'gap-2 px-3 py-1.5',\n              focusRing,\n              isActive ? 'bg-fill-hover text-foreground' : quietTextHover,\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n          >\n            {option.icon}\n            <Txt as=\"span\" variant={compact ? 'meta' : 'caption'}>\n              {option.label}\n            </Txt>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAuBO,SAAS,uBAAA,CAAwB;AAAA,EACtC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAA,GAAgB,UAAU,SAAA,GAAY,SAAA;AAC5C,EAAA,MAAM,OAAA,GAA6B;AAAA,IACjC,GAAI,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAmB,KAAA,EAAO,QAAA,EAAU,CAAA,GAAI,EAAC;AAAA,IACvE,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,aAAA,EAAe,CAAA,EAAG;AAAA,IAC9E,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,sBAAM,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,aAAA,EAAe,CAAA;AAAG,GAC7E;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,YAAA;AAAA,MACL,YAAA,EAAW,YAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,uCAAA;AAAA,QACA,UAAU,iBAAA,GAAoB;AAAA,OAChC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,QAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAU,KAAA;AAElC,QAAA,uBACE,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,cAAA,EAAc,QAAA;AAAA,YACd,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA,YACpC,SAAA,EAAW,EAAA;AAAA,cACT,6CAAA;AAAA,cACA,2BAAA;AAAA,cACA,UAAU,mBAAA,GAAsB,mBAAA;AAAA,cAChC,SAAA;AAAA,cACA,WAAW,+BAAA,GAAkC,cAAA;AAAA,cAC7C,QAAA,IAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,IAAA;AAAA,8BACR,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAS,OAAA,GAAU,MAAA,GAAS,SAAA,EACxC,QAAA,EAAA,MAAA,CAAO,KAAA,EACV;AAAA;AAAA,WAAA;AAAA,UAnBK,MAAA,CAAO;AAAA,SAoBd;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-map-config-dialog.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-DbJn0bJX.cjs');
-const dialog = require('../../../dialog-4KIPO71S.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BZMdjs9s.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const dialog = require('../../../dialog-DYpOpj9s.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-vLneZlMd.cjs');
 
 function WorkflowMapConfigDialog({ stepName, mapConfig }) {
   const [open, setOpen] = React.useState(false);

package/dist/domains/workflows/workflow/workflow-map-config-dialog.es.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Eye } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from '../../../dialog-DjXC42Zn.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BaUrjNPW.js';
+import { B as Button } from '../../../Button-C6eUqcPI.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';
 
 function WorkflowMapConfigDialog({ stepName, mapConfig }) {
   const [open, setOpen] = useState(false);

package/dist/domains/workflows/workflow/workflow-nested-graph.cjs.js

@@ -6,14 +6,14 @@ require('react/jsx-runtime');
 require('react');
 require('../context/use-current-run.cjs.js');
 require('./use-workflow-graph-nodes.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-XFvrHY2_.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-D0ODPlNB.cjs');
 require('./workflow-graph-boundary.cjs.js');
 require('./workflow-graph-groups.cjs.js');
 require('./workflow-iteration-scopes.cjs.js');
-require('../../../select-Y2dIzSBN.cjs');
+require('../../../select-C0ZGSJYa.cjs');
 require('../../../Txt-DPmEpNbp.cjs');
 require('../../../types-1cBe2TOn.cjs');
-require('../../../workflow-condition-card-CWzCPzQe.cjs');
+require('../../../workflow-condition-card-CfjhZb0m.cjs');
 
 
 

package/dist/domains/workflows/workflow/workflow-nested-graph.es.js

@@ -2,12 +2,12 @@ import 'react/jsx-runtime';
 import 'react';
 import '../context/use-current-run.es.js';
 import './use-workflow-graph-nodes.es.js';
-export { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-BImilvH3.js';
+export { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-XL5zreeR.js';
 import './workflow-graph-boundary.es.js';
 import './workflow-graph-groups.es.js';
 import './workflow-iteration-scopes.es.js';
-import '../../../select-BH7BD11Z.js';
+import '../../../select-ch8imm15.js';
 import '../../../Txt-BP1SRHmL.js';
 import '../../../types-CvneO3z0.js';
-import '../../../workflow-condition-card-BOeOKZa6.js';
+import '../../../workflow-condition-card-B0Va5Amx.js';
 //# sourceMappingURL=workflow-nested-graph.es.js.map

package/dist/domains/workflows/workflow/workflow-run-data.cjs.js

@@ -6,11 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const safeStringify = require('@mastra/core/utils/safe-stringify');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const codeEditor = require('../../../code-editor-8l_YoqYu.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
+const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function RunDataValue({ value }) {

package/dist/domains/workflows/workflow/workflow-run-data.es.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { safeStringify } from '@mastra/core/utils/safe-stringify';
 import { Database, ChevronRight, ArrowDownToLine, ArrowUpFromLine, Braces } from 'lucide-react';
 import { useState } from 'react';
-import { C as CodeEditor } from '../../../code-editor-m5ktiTwB.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.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 { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function RunDataValue({ value }) {

package/dist/domains/workflows/workflow/workflow-run-error.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_workflows_workflow_workflowRunErrors = require('./workflow-run-errors.cjs.js');
-const Notice = require('../../../Notice-JX9yuy6r.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 
 function WorkflowRunError({
   result,

package/dist/domains/workflows/workflow/workflow-run-error.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { getWorkflowRunErrors } from './workflow-run-errors.es.js';
-import { N as Notice } from '../../../Notice-b3XjkEVP.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 
 function WorkflowRunError({
   result,

package/dist/domains/workflows/workflow/workflow-run-header.cjs.js

@@ -8,8 +8,8 @@ const domains_workflows_components_workflowRunStatusIcon = require('../component
 const domains_workflows_context_workflowStepTiming = require('../context/workflow-step-timing.cjs.js');
 const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
 const Badge = require('../../../Badge-H8K5WrXg.cjs');
-const copyButton = require('../../../copy-button-89AmY5FU.cjs');
-const relativeTimestamp = require('../../../relative-timestamp-BzfR9tDU.cjs');
+const copyButton = require('../../../copy-button-C6nXDjBz.cjs');
+const relativeTimestamp = require('../../../relative-timestamp-D-IvjsVb.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const hooks_useTimeDiff = require('../../../hooks/use-time-diff.cjs.js');
 const utils_duration = require('../../../utils/duration.cjs.js');

package/dist/domains/workflows/workflow/workflow-run-header.es.js

@@ -4,8 +4,8 @@ import { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon.es
 import { resolveRunTiming } from '../context/workflow-step-timing.es.js';
 import { workflowStatusTone } from '../workflow-status-tone.es.js';
 import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
-import { C as CopyButton } from '../../../copy-button-rs9SJnvF.js';
-import { R as RelativeTimestamp } from '../../../relative-timestamp-SPgcvfH6.js';
+import { C as CopyButton } from '../../../copy-button-DbmsTUum.js';
+import { R as RelativeTimestamp } from '../../../relative-timestamp-wERh5vUE.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { useTimeDiff } from '../../../hooks/use-time-diff.es.js';
 import { formatDuration } from '../../../utils/duration.es.js';

package/dist/domains/workflows/workflow/workflow-status.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
 const domains_workflows_workflow_workflowCard = require('./workflow-card.cjs.js');
 const domains_chat_messages_tripwireNotice = require('../../chat/messages/tripwire-notice.cjs.js');
-const codeEditor = require('../../../code-editor-8l_YoqYu.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_CheckIcon = require('../../../icons/CheckIcon.cjs.js');
 const icons_CrossIcon = require('../../../icons/CrossIcon.cjs.js');

package/dist/domains/workflows/workflow/workflow-status.es.js

@@ -3,7 +3,7 @@ import { ShieldAlert, CirclePause, HourglassIcon, Loader2 } from 'lucide-react';
 import { workflowStatusToneText, workflowStatusTone } from '../workflow-status-tone.es.js';
 import { WorkflowCard } from './workflow-card.es.js';
 import { TripwireNotice } from '../../chat/messages/tripwire-notice.es.js';
-import { C as CodeEditor } from '../../../code-editor-m5ktiTwB.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { CheckIcon } from '../../../icons/CheckIcon.es.js';
 import { CrossIcon } from '../../../icons/CrossIcon.es.js';

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

@@ -7,9 +7,9 @@ const React = require('react');
 const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_workflowTimeTravelForm = require('./workflow-time-travel-form.cjs.js');
-const dialog = require('../../../dialog-4KIPO71S.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BZMdjs9s.cjs');
-const workflowStepAction = require('../../../workflow-step-action-CDt3pxg-.cjs');
+const dialog = require('../../../dialog-DYpOpj9s.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-vLneZlMd.cjs');
+const workflowStepAction = require('../../../workflow-step-action-JMkWtObA.cjs');
 
 const WorkflowStepActionBar = ({
   resumeData,

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, a as DialogBody } from '../../../dialog-DjXC42Zn.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BaUrjNPW.js';
-import { a as WorkflowStepActions, W as WorkflowStepAction } from '../../../workflow-step-action-BnDqOyJd.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,

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

@@ -11,8 +11,8 @@ const domains_workflows_components_workflowLayout = require('../components/workf
 const domains_workflows_workflow_workflowInputData = require('./workflow-input-data.cjs.js');
 const activity = require('../../../activity-BYMLNb0G.cjs');
 const Badge = require('../../../Badge-H8K5WrXg.cjs');
-const codeEditor = require('../../../code-editor-8l_YoqYu.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.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');

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

@@ -7,8 +7,8 @@ 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-Q_pCeeGW.js';
-import { C as CodeEditor } from '../../../code-editor-m5ktiTwB.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.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';

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-8l_YoqYu.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.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-JX9yuy6r.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-m5ktiTwB.js';
-import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.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-b3XjkEVP.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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
-const Button = require('../../../Button-DbJn0bJX.cjs');
+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');
 
@@ -52,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: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-timeline-row.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-timeline-row.tsx"],"sourcesContent":["import {\n  ArrowDownToLine,\n  ArrowUpFromLine,\n  Check,\n  CircleSlash,\n  CircleX,\n  CornerDownRight,\n  CircleHelp,\n  Loader2,\n  Pause,\n  SkipForward,\n  Timer,\n} from 'lucide-react';\nimport type { Step } from '../context/use-current-run';\nimport { workflowStatusTone, workflowStatusToneBar, workflowStatusToneText } from '../workflow-status-tone';\nimport type { TimelineRow } from './workflow-timeline-utils';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\nimport { formatDuration } from '@/utils/duration';\n\nconst statusPresentation = {\n  success: { label: 'Completed', icon: Check },\n  failed: { label: 'Failed', icon: CircleX },\n  suspended: { label: 'Needs input', icon: Pause },\n  waiting: { label: 'Waiting', icon: Timer },\n  paused: { label: 'Paused', icon: Pause },\n  skipped: { label: 'Skipped', icon: SkipForward },\n  running: { label: 'Running', icon: Loader2 },\n  canceled: { label: 'Canceled', icon: CircleSlash },\n} satisfies Record<Step['status'], { label: string; icon: typeof Check }>;\n\nconst unknownStatus = { label: 'Status unavailable', icon: CircleHelp };\n\nexport interface WorkflowTimelineRowProps {\n  row: TimelineRow;\n  isSelected: boolean;\n  isHovered: boolean;\n  onSelectStep: (stepId: string) => void;\n  onHoverStep: (stepId: string | null) => void;\n  onOpenInput: (row: TimelineRow, trigger: HTMLButtonElement) => void;\n  onOpenOutput: (row: TimelineRow, trigger: HTMLButtonElement) => void;\n}\n\nexport function WorkflowTimelineRow({\n  row,\n  isSelected,\n  isHovered,\n  onSelectStep,\n  onHoverStep,\n  onOpenInput,\n  onOpenOutput,\n}: WorkflowTimelineRowProps) {\n  const status = Object.hasOwn(statusPresentation, row.status) ? statusPresentation[row.status] : unknownStatus;\n  const StatusIcon = status.icon;\n  const tone = workflowStatusTone(row.status);\n  const parentPath = row.stepId.slice(0, row.stepId.lastIndexOf('.'));\n  const label = row.isNestedEntry ? row.stepId.slice(row.stepId.lastIndexOf('.') + 1) : row.stepId;\n\n  return (\n    <div\n      data-testid=\"workflow-timeline-row\"\n      data-workflow-step-key={row.stepId}\n      onMouseEnter={() => !row.isNestedEntry && onHoverStep(row.stepId)}\n      onMouseLeave={() => !row.isNestedEntry && onHoverStep(null)}\n      className={cn(\n        'grid grid-cols-[minmax(130px,1fr)_minmax(64px,1fr)_56px_64px] items-center gap-3 rounded-md px-2 py-1',\n        '@max-[540px]/workflow-timeline:grid-cols-[minmax(0,1fr)_48px_64px] @max-[540px]/workflow-timeline:gap-x-1.5 @max-[540px]/workflow-timeline:gap-y-1 @max-[540px]/workflow-timeline:py-2',\n        (isSelected || isHovered) && 'bg-fill-subtle',\n      )}\n    >\n      <button\n        type=\"button\"\n        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\"\n        aria-disabled={row.isNestedEntry}\n        aria-pressed={isSelected}\n        onClick={() => {\n          if (row.isNestedEntry) return;\n          onSelectStep(row.stepId);\n        }}\n        title={row.stepId}\n      >\n        <span\n          aria-label={status.label}\n          className={cn(\n            'grid size-6 flex-none place-items-center rounded-md border border-border bg-background',\n            workflowStatusToneText[tone],\n          )}\n        >\n          <StatusIcon aria-hidden className={cn('size-3.5', row.status === 'running' && 'motion-safe:animate-spin')} />\n        </span>\n        <span className=\"min-w-0\">\n          <span className=\"block truncate\">{label}</span>\n          {row.isNestedEntry && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"flex min-w-0 items-center gap-1\">\n              <CornerDownRight aria-hidden className=\"size-3 shrink-0\" />\n              <span className=\"truncate\">{parentPath}</span>\n            </Txt>\n          )}\n        </span>\n      </button>\n      <div\n        className=\"relative h-5 min-w-0 overflow-hidden rounded-sm bg-muted @max-[540px]/workflow-timeline:col-span-full @max-[540px]/workflow-timeline:row-start-2 @max-[540px]/workflow-timeline:ml-[34px]\"\n        aria-hidden\n      >\n        {row.timing && (\n          <div\n            data-testid=\"workflow-timeline-bar\"\n            data-offset={row.timing.offsetPct}\n            data-width={row.timing.widthPct}\n            className={cn('absolute top-0 h-full min-w-0.5 rounded-sm', workflowStatusToneBar[tone])}\n            style={{ left: `${row.timing.offsetPct}%`, width: `${row.timing.widthPct}%` }}\n          />\n        )}\n      </div>\n      <Txt\n        as=\"span\"\n        variant=\"meta\"\n        tone=\"muted\"\n        className=\"text-right whitespace-nowrap\"\n        title={row.timing && row.spansSuspension ? 'Includes time spent suspended waiting for input' : undefined}\n      >\n        {row.timing ? (\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {formatDuration(row.timing.durationMs)}\n          </Txt>\n        ) : (\n          <span aria-label=\"Timing unavailable\">—</span>\n        )}\n      </Txt>\n      <div className=\"flex items-center\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          tooltip=\"View step input\"\n          disabled={row.step.input === undefined}\n          onClick={event => onOpenInput(row, event.currentTarget)}\n        >\n          <ArrowDownToLine />\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          tooltip=\"View step output\"\n          disabled={row.step.output === undefined}\n          onClick={event => onOpenOutput(row, event.currentTarget)}\n        >\n          <ArrowUpFromLine />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["Check","CircleX","Pause","Timer","SkipForward","Loader2","CircleSlash","CircleHelp","workflowStatusTone","jsxs","cn","jsx","workflowStatusToneText","Txt","CornerDownRight","workflowStatusToneBar","Button","ArrowDownToLine","ArrowUpFromLine"],"mappings":"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"}
+{"version":3,"file":"workflow-timeline-row.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-timeline-row.tsx"],"sourcesContent":["import {\n  ArrowDownToLine,\n  ArrowUpFromLine,\n  Check,\n  CircleSlash,\n  CircleX,\n  CornerDownRight,\n  CircleHelp,\n  Loader2,\n  Pause,\n  SkipForward,\n  Timer,\n} from 'lucide-react';\nimport type { Step } from '../context/use-current-run';\nimport { workflowStatusTone, workflowStatusToneBar, workflowStatusToneText } from '../workflow-status-tone';\nimport type { TimelineRow } from './workflow-timeline-utils';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/utils/cn';\nimport { formatDuration } from '@/utils/duration';\n\nconst statusPresentation = {\n  success: { label: 'Completed', icon: Check },\n  failed: { label: 'Failed', icon: CircleX },\n  suspended: { label: 'Needs input', icon: Pause },\n  waiting: { label: 'Waiting', icon: Timer },\n  paused: { label: 'Paused', icon: Pause },\n  skipped: { label: 'Skipped', icon: SkipForward },\n  running: { label: 'Running', icon: Loader2 },\n  canceled: { label: 'Canceled', icon: CircleSlash },\n} satisfies Record<Step['status'], { label: string; icon: typeof Check }>;\n\nconst unknownStatus = { label: 'Status unavailable', icon: CircleHelp };\n\nexport interface WorkflowTimelineRowProps {\n  row: TimelineRow;\n  isSelected: boolean;\n  isHovered: boolean;\n  onSelectStep: (stepId: string) => void;\n  onHoverStep: (stepId: string | null) => void;\n  onOpenInput: (row: TimelineRow, trigger: HTMLButtonElement) => void;\n  onOpenOutput: (row: TimelineRow, trigger: HTMLButtonElement) => void;\n}\n\nexport function WorkflowTimelineRow({\n  row,\n  isSelected,\n  isHovered,\n  onSelectStep,\n  onHoverStep,\n  onOpenInput,\n  onOpenOutput,\n}: WorkflowTimelineRowProps) {\n  const status = Object.hasOwn(statusPresentation, row.status) ? statusPresentation[row.status] : unknownStatus;\n  const StatusIcon = status.icon;\n  const tone = workflowStatusTone(row.status);\n  const parentPath = row.stepId.slice(0, row.stepId.lastIndexOf('.'));\n  const label = row.isNestedEntry ? row.stepId.slice(row.stepId.lastIndexOf('.') + 1) : row.stepId;\n\n  return (\n    <div\n      data-testid=\"workflow-timeline-row\"\n      data-workflow-step-key={row.stepId}\n      onMouseEnter={() => !row.isNestedEntry && onHoverStep(row.stepId)}\n      onMouseLeave={() => !row.isNestedEntry && onHoverStep(null)}\n      className={cn(\n        'grid grid-cols-[minmax(130px,1fr)_minmax(64px,1fr)_56px_64px] items-center gap-3 rounded-md px-2 py-1',\n        '@max-[540px]/workflow-timeline:grid-cols-[minmax(0,1fr)_48px_64px] @max-[540px]/workflow-timeline:gap-x-1.5 @max-[540px]/workflow-timeline:gap-y-1 @max-[540px]/workflow-timeline:py-2',\n        (isSelected || isHovered) && 'bg-fill-subtle',\n      )}\n    >\n      <button\n        type=\"button\"\n        className={cn(\n          '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',\n          focusRing,\n        )}\n        aria-disabled={row.isNestedEntry}\n        aria-pressed={isSelected}\n        onClick={() => {\n          if (row.isNestedEntry) return;\n          onSelectStep(row.stepId);\n        }}\n        title={row.stepId}\n      >\n        <span\n          aria-label={status.label}\n          className={cn(\n            'grid size-6 flex-none place-items-center rounded-md border border-border bg-background',\n            workflowStatusToneText[tone],\n          )}\n        >\n          <StatusIcon aria-hidden className={cn('size-3.5', row.status === 'running' && 'motion-safe:animate-spin')} />\n        </span>\n        <span className=\"min-w-0\">\n          <span className=\"block truncate\">{label}</span>\n          {row.isNestedEntry && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"flex min-w-0 items-center gap-1\">\n              <CornerDownRight aria-hidden className=\"size-3 shrink-0\" />\n              <span className=\"truncate\">{parentPath}</span>\n            </Txt>\n          )}\n        </span>\n      </button>\n      <div\n        className=\"relative h-5 min-w-0 overflow-hidden rounded-sm bg-muted @max-[540px]/workflow-timeline:col-span-full @max-[540px]/workflow-timeline:row-start-2 @max-[540px]/workflow-timeline:ml-[34px]\"\n        aria-hidden\n      >\n        {row.timing && (\n          <div\n            data-testid=\"workflow-timeline-bar\"\n            data-offset={row.timing.offsetPct}\n            data-width={row.timing.widthPct}\n            className={cn('absolute top-0 h-full min-w-0.5 rounded-sm', workflowStatusToneBar[tone])}\n            style={{ left: `${row.timing.offsetPct}%`, width: `${row.timing.widthPct}%` }}\n          />\n        )}\n      </div>\n      <Txt\n        as=\"span\"\n        variant=\"meta\"\n        tone=\"muted\"\n        className=\"text-right whitespace-nowrap\"\n        title={row.timing && row.spansSuspension ? 'Includes time spent suspended waiting for input' : undefined}\n      >\n        {row.timing ? (\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {formatDuration(row.timing.durationMs)}\n          </Txt>\n        ) : (\n          <span aria-label=\"Timing unavailable\">—</span>\n        )}\n      </Txt>\n      <div className=\"flex items-center\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          tooltip=\"View step input\"\n          disabled={row.step.input === undefined}\n          onClick={event => onOpenInput(row, event.currentTarget)}\n        >\n          <ArrowDownToLine />\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          tooltip=\"View step output\"\n          disabled={row.step.output === undefined}\n          onClick={event => onOpenOutput(row, event.currentTarget)}\n        >\n          <ArrowUpFromLine />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["Check","CircleX","Pause","Timer","SkipForward","Loader2","CircleSlash","CircleHelp","workflowStatusTone","jsxs","cn","focusRing","jsx","workflowStatusToneText","Txt","CornerDownRight","workflowStatusToneBar","Button","ArrowDownToLine","ArrowUpFromLine"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CircleSlash, Loader2, SkipForward, Pause, Timer, CircleX, Check, CircleHelp, CornerDownRight, ArrowDownToLine, ArrowUpFromLine } from 'lucide-react';
 import { workflowStatusTone, workflowStatusToneText, workflowStatusToneBar } from '../workflow-status-tone.es.js';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { focusRing } from '../../../primitives/transitions.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { formatDuration } from '../../../utils/duration.es.js';
 
@@ -48,7 +49,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: 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",
+              focusRing
+            ),
             "aria-disabled": row.isNestedEntry,
             "aria-pressed": isSelected,
             onClick: () => {