@mastra/playground-ui 60.1.0 → 60.2.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-processor-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { FieldBlock, fieldErrorId, TextareaFieldBlock } from '@/ds/components/FormFieldBlocks';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const messageName = useId();\n  const phaseId = useId();\n  const [errors, setErrors] = useState<string[]>([]);\n\n  const handleSubmit = () => {\n    setErrors([]);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      setErrors(result.error.issues.map(issue => `${issue.path.join('.')}: ${issue.message}`));\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"space-y-2\">\n        <FieldBlock.Label name={phaseId} htmlFor={phaseId}>\n          Phase\n        </FieldBlock.Label>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors([]);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger\n            id={phaseId}\n            className=\"w-full\"\n            aria-invalid={errors.length > 0 ? true : undefined}\n            aria-describedby={errors.length > 0 ? fieldErrorId('workflow-processor-input') : undefined}\n          >\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <Txt variant=\"meta\" tone=\"muted\">\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </Txt>\n      </div>\n\n      <TextareaFieldBlock\n        name={messageName}\n        label=\"Test Message\"\n        value={getProcessorMessage(value)}\n        onChange={event => {\n          setErrors([]);\n          onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n        }}\n        placeholder=\"Enter a test message...\"\n        rows={4}\n        disabled={isSubmitLoading}\n        aria-invalid={errors.length > 0 ? true : undefined}\n        aria-describedby={errors.length > 0 ? fieldErrorId('workflow-processor-input') : undefined}\n      />\n\n      {errors.length > 0 && (\n        <FieldBlock.ErrorMsg name=\"workflow-processor-input\">\n          <span className=\"space-y-1\">\n            {errors.map(error => (\n              <span key={error} className=\"block\">\n                {error}\n              </span>\n            ))}\n          </span>\n        </FieldBlock.ErrorMsg>\n      )}\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-processor-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\ntype ProcessorErrors = { phase: string[]; message: string[] };\n\nconst NO_ERRORS: ProcessorErrors = { phase: [], message: [] };\n\nfunction ErrorLines({ errors }: { errors: string[] }) {\n  return (\n    <span className=\"space-y-1\">\n      {errors.map(error => (\n        <span key={error} className=\"block\">\n          {error}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const [errors, setErrors] = useState<ProcessorErrors>(NO_ERRORS);\n\n  const handleSubmit = () => {\n    setErrors(NO_ERRORS);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      const nextErrors: ProcessorErrors = { phase: [], message: [] };\n      for (const issue of result.error.issues) {\n        const fieldErrors = issue.path[0] === 'phase' ? nextErrors.phase : nextErrors.message;\n        fieldErrors.push(`${issue.path.join('.')}: ${issue.message}`);\n      }\n      setErrors(nextErrors);\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.phase.length > 0}>\n        <FieldLabel>Phase</FieldLabel>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger className=\"w-full\">\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <FieldDescription>\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </FieldDescription>\n        <FieldError>{errors.phase.length > 0 && <ErrorLines errors={errors.phase} />}</FieldError>\n      </Field>\n\n      <Field invalid={errors.message.length > 0}>\n        <FieldLabel>Test Message</FieldLabel>\n        <Textarea\n          value={getProcessorMessage(value)}\n          onChange={event => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n          }}\n          placeholder=\"Enter a test message...\"\n          rows={4}\n          disabled={isSubmitLoading}\n        />\n        <FieldError>{errors.message.length > 0 && <ErrorLines errors={errors.message} />}</FieldError>\n      </Field>\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/workflow/use-workflow-graph-runtime.cjs.js

@@ -10,7 +10,7 @@ require('./data/workflow-edge-data-groups.cjs.js');
 require('./utils.cjs.js');
 require('./workflow-boundary-data.cjs.js');
 require('./workflow-data-edge.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 require('./workflow-step-node-utils.cjs.js');
 require('../../../types-1cBe2TOn.cjs');
 require('../../../workflow-condition-card-BjEAp0t6.cjs');

package/dist/domains/workflows/workflow/use-workflow-graph-runtime.es.js

@@ -6,7 +6,7 @@ import './data/workflow-edge-data-groups.es.js';
 import './utils.es.js';
 import './workflow-boundary-data.es.js';
 import './workflow-data-edge.es.js';
-export { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-CexS1ECI.js';
+export { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import './workflow-step-node-utils.es.js';
 import '../../../types-CvneO3z0.js';
 import '../../../workflow-condition-card-3J-As62x.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('react/jsx-runtime');
 require('@xyflow/react');
 require('lucide-react');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 require('../../../Txt-DPmEpNbp.cjs');
 
 

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

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import '@xyflow/react';
 import 'lucide-react';
-export { a as WorkflowBodyGraph } from '../../../use-workflow-graph-runtime-CexS1ECI.js';
+export { a as WorkflowBodyGraph } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import '../../../Txt-BP1SRHmL.js';
 //# sourceMappingURL=workflow-body-graph.es.js.map

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_workflow_data_workflowDataButton = require('./data/workflow-data-button.cjs.js');
-const workflowDataEdgeView = require('../../../workflow-data-edge-view-7f8O6pVW.cjs');
+const workflowDataEdgeView = require('../../../workflow-data-edge-view-aHAZkZOH.cjs');
 
 function getEdgeDataSelection({ data, parentWorkflowName }) {
   if (data?.boundaryPayload) return { type: data.boundaryPayload, workflowName: parentWorkflowName };

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { WorkflowDataButton } from './data/workflow-data-button.es.js';
-import { W as WorkflowDataEdgeView } from '../../../workflow-data-edge-view-BpGLV-at.js';
+import { W as WorkflowDataEdgeView } from '../../../workflow-data-edge-view-C4nbA2Fa.js';
 
 function getEdgeDataSelection({ data, parentWorkflowName }) {
   if (data?.boundaryPayload) return { type: data.boundaryPayload, workflowName: parentWorkflowName };

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

@@ -5,25 +5,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
-const _switch = require('../../../switch-Swt75_Sb.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const field = require('../../../field-ip9xiOVa.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
+const _switch = require('../../../switch-BlE5ReVZ.cjs');
 
 function WorkflowDebugModeSwitch() {
   const { debugMode, setDebugMode } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
-  const descriptionId = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 cursor-pointer items-center gap-2 text-caption", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      _switch.Switch,
-      {
-        checked: debugMode,
-        onCheckedChange: setDebugMode,
-        "aria-label": "Step by step",
-        "aria-describedby": descriptionId
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "meta", className: "flex min-w-0 flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: "Step by step" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: "text-muted-foreground", children: "Pause to inspect outputs" })
+  return /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { orientation: "horizontal", className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(_switch.Switch, { checked: debugMode, onCheckedChange: setDebugMode }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.FieldContent, { className: "gap-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { size: "smaller", children: "Step by step" }),
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldDescription, { className: "text-meta text-muted-foreground", children: "Pause to inspect outputs" })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-debug-mode-switch.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-debug-mode-switch.tsx"],"sourcesContent":["import { useContext, useId } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { Switch } from '@/ds/components/Switch';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function WorkflowDebugModeSwitch() {\n  const { debugMode, setDebugMode } = useContext(WorkflowRunContext);\n  const descriptionId = useId();\n\n  return (\n    <label className=\"flex min-w-0 cursor-pointer items-center gap-2 text-caption\">\n      <Switch\n        checked={debugMode}\n        onCheckedChange={setDebugMode}\n        aria-label=\"Step by step\"\n        aria-describedby={descriptionId}\n      />\n      <Txt as=\"span\" variant=\"meta\" className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-foreground\">Step by step</span>\n        <span id={descriptionId} className=\"text-muted-foreground\">\n          Pause to inspect outputs\n        </span>\n      </Txt>\n    </label>\n  );\n}\n"],"names":["useContext","WorkflowRunContext","useId","jsxs","jsx","Switch","Txt"],"mappings":";;;;;;;;;;AAKO,SAAS,uBAAA,GAA0B;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAIA,iBAAWC,+DAAkB,CAAA;AACjE,EAAA,MAAM,gBAAgBC,WAAA,EAAM;AAE5B,EAAA,uBACEC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,6DAAA,EACf,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,cAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,eAAA,EAAiB,YAAA;AAAA,QACjB,YAAA,EAAW,cAAA;AAAA,QACX,kBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oCACCC,OAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,MAAA,EAAO,WAAU,+BAAA,EACtC,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,qCAC7C,MAAA,EAAA,EAAK,EAAA,EAAI,aAAA,EAAe,SAAA,EAAU,yBAAwB,QAAA,EAAA,0BAAA,EAE3D;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-debug-mode-switch.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-debug-mode-switch.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { Field, FieldContent, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Switch } from '@/ds/components/Switch';\n\nexport function WorkflowDebugModeSwitch() {\n  const { debugMode, setDebugMode } = useContext(WorkflowRunContext);\n\n  return (\n    <Field orientation=\"horizontal\" className=\"min-w-0\">\n      <Switch checked={debugMode} onCheckedChange={setDebugMode} />\n      <FieldContent className=\"gap-0.5\">\n        <FieldLabel size=\"smaller\">Step by step</FieldLabel>\n        <FieldDescription className=\"text-meta text-muted-foreground\">Pause to inspect outputs</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n}\n"],"names":["useContext","WorkflowRunContext","jsxs","Field","jsx","Switch","FieldContent","FieldLabel","FieldDescription"],"mappings":";;;;;;;;;;;AAKO,SAAS,uBAAA,GAA0B;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAIA,iBAAWC,+DAAkB,CAAA;AAEjE,EAAA,uBACEC,eAAA,CAACC,WAAA,EAAA,EAAM,WAAA,EAAY,YAAA,EAAa,WAAU,SAAA,EACxC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,cAAA,EAAA,EAAO,OAAA,EAAS,SAAA,EAAW,eAAA,EAAiB,YAAA,EAAc,CAAA;AAAA,oBAC3DH,eAAA,CAACI,kBAAA,EAAA,EAAa,SAAA,EAAU,SAAA,EACtB,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACG,gBAAA,EAAA,EAAW,IAAA,EAAK,SAAA,EAAU,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,sBACvCH,cAAA,CAACI,sBAAA,EAAA,EAAiB,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,0BAAA,EAAwB;AAAA,KAAA,EACxF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,25 +1,17 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext, useId } from 'react';
+import { useContext } from 'react';
 import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
-import { S as Switch } from '../../../switch-88fWFfVz.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { F as Field, a as FieldContent, e as FieldLabel, b as FieldDescription } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
+import { S as Switch } from '../../../switch-MZ1oHrmp.js';
 
 function WorkflowDebugModeSwitch() {
   const { debugMode, setDebugMode } = useContext(WorkflowRunContext);
-  const descriptionId = useId();
-  return /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 cursor-pointer items-center gap-2 text-caption", children: [
-    /* @__PURE__ */ jsx(
-      Switch,
-      {
-        checked: debugMode,
-        onCheckedChange: setDebugMode,
-        "aria-label": "Step by step",
-        "aria-describedby": descriptionId
-      }
-    ),
-    /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "meta", className: "flex min-w-0 flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "Step by step" }),
-      /* @__PURE__ */ jsx("span", { id: descriptionId, className: "text-muted-foreground", children: "Pause to inspect outputs" })
+  return /* @__PURE__ */ jsxs(Field, { orientation: "horizontal", className: "min-w-0", children: [
+    /* @__PURE__ */ jsx(Switch, { checked: debugMode, onCheckedChange: setDebugMode }),
+    /* @__PURE__ */ jsxs(FieldContent, { className: "gap-0.5", children: [
+      /* @__PURE__ */ jsx(FieldLabel, { size: "smaller", children: "Step by step" }),
+      /* @__PURE__ */ jsx(FieldDescription, { className: "text-meta text-muted-foreground", children: "Pause to inspect outputs" })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-debug-mode-switch.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-debug-mode-switch.tsx"],"sourcesContent":["import { useContext, useId } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { Switch } from '@/ds/components/Switch';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function WorkflowDebugModeSwitch() {\n  const { debugMode, setDebugMode } = useContext(WorkflowRunContext);\n  const descriptionId = useId();\n\n  return (\n    <label className=\"flex min-w-0 cursor-pointer items-center gap-2 text-caption\">\n      <Switch\n        checked={debugMode}\n        onCheckedChange={setDebugMode}\n        aria-label=\"Step by step\"\n        aria-describedby={descriptionId}\n      />\n      <Txt as=\"span\" variant=\"meta\" className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-foreground\">Step by step</span>\n        <span id={descriptionId} className=\"text-muted-foreground\">\n          Pause to inspect outputs\n        </span>\n      </Txt>\n    </label>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,uBAAA,GAA0B;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,WAAW,kBAAkB,CAAA;AACjE,EAAA,MAAM,gBAAgB,KAAA,EAAM;AAE5B,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,6DAAA,EACf,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,eAAA,EAAiB,YAAA;AAAA,QACjB,YAAA,EAAW,cAAA;AAAA,QACX,kBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,yBACC,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,MAAA,EAAO,WAAU,+BAAA,EACtC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,0BAC7C,MAAA,EAAA,EAAK,EAAA,EAAI,aAAA,EAAe,SAAA,EAAU,yBAAwB,QAAA,EAAA,0BAAA,EAE3D;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-debug-mode-switch.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-debug-mode-switch.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { Field, FieldContent, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Switch } from '@/ds/components/Switch';\n\nexport function WorkflowDebugModeSwitch() {\n  const { debugMode, setDebugMode } = useContext(WorkflowRunContext);\n\n  return (\n    <Field orientation=\"horizontal\" className=\"min-w-0\">\n      <Switch checked={debugMode} onCheckedChange={setDebugMode} />\n      <FieldContent className=\"gap-0.5\">\n        <FieldLabel size=\"smaller\">Step by step</FieldLabel>\n        <FieldDescription className=\"text-meta text-muted-foreground\">Pause to inspect outputs</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAKO,SAAS,uBAAA,GAA0B;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,WAAW,kBAAkB,CAAA;AAEjE,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,WAAA,EAAY,YAAA,EAAa,WAAU,SAAA,EACxC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,SAAA,EAAW,eAAA,EAAiB,YAAA,EAAc,CAAA;AAAA,oBAC3D,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,SAAA,EACtB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,SAAA,EAAU,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,sBACvC,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,0BAAA,EAAwB;AAAA,KAAA,EACxF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -6,7 +6,7 @@ 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-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.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-BjEAp0t6.cjs');

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

@@ -2,7 +2,7 @@ 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-CexS1ECI.js';
+import { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import { findFocusNode } from './utils.es.js';
 import { getWorkflowGraphGroups } from './workflow-graph-groups.es.js';
 import { e as WorkflowGraphCanvas } from '../../../workflow-condition-card-3J-As62x.js';

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

@@ -8,7 +8,7 @@ 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-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 require('./workflow-node-kind.cjs.js');
 require('./workflow-step-action-bar.cjs.js');
 require('../../../workflow-condition-card-BjEAp0t6.cjs');

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

@@ -4,7 +4,7 @@ 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-CexS1ECI.js';
+export { b as WorkflowGraphNode } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import './workflow-node-kind.es.js';
 import './workflow-step-action-bar.es.js';
 import '../../../workflow-condition-card-3J-As62x.js';

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

@@ -16,12 +16,12 @@ require('react-hook-form');
 require('../../../lib/form/field-context.cjs.js');
 const lib_form_utils = require('../../../lib/form/utils.cjs.js');
 require('../../../Button-CXhSUBxN.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
 require('date-fns');
 require('../../../popover-lBqKiPtp.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('@autoform/core');
 require('@autoform/react');
-require('../../../lib/form/components/form.cjs.js');
 require('@lukeed/uuid');
 const lib_form_dynamicForm = require('../../../lib/form/dynamic-form.cjs.js');
 const lib_form_zodProvider_compat = require('../../../lib/form/zod-provider/compat.cjs.js');

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

@@ -12,12 +12,12 @@ import 'react-hook-form';
 import '../../../lib/form/field-context.es.js';
 import { isPlainObject } from '../../../lib/form/utils.es.js';
 import '../../../Button-D43ghVKt.js';
+import '../../../field-control-aria-DB6y41tQ.js';
 import 'date-fns';
 import '../../../popover-Dg70UGyn.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import '@autoform/core';
 import '@autoform/react';
-import '../../../lib/form/components/form.es.js';
 import '@lukeed/uuid';
 import { DynamicForm } from '../../../lib/form/dynamic-form.es.js';
 import { getBaseSchema } from '../../../lib/form/zod-provider/compat.es.js';

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const dialog = require('../../../dialog-d_AK1NQD.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BFm2IWDl.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-DyoN3850.cjs');
 
 function WorkflowMapConfigDialog({ stepName, mapConfig }) {
   const [open, setOpen] = React.useState(false);

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

@@ -3,7 +3,7 @@ import { Eye } from 'lucide-react';
 import { useState } from 'react';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from '../../../dialog-Dt5kASkl.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BM4ZnrUr.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-3AcgitHa.js';
 
 function WorkflowMapConfigDialog({ stepName, mapConfig }) {
   const [open, setOpen] = useState(false);

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

@@ -6,11 +6,11 @@ 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-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 require('./workflow-graph-boundary.cjs.js');
 require('./workflow-graph-groups.cjs.js');
 require('./workflow-iteration-scopes.cjs.js');
-require('../../../select-DBY9LQFQ.cjs');
+require('../../../select-DJQYAVcm.cjs');
 require('../../../Txt-DPmEpNbp.cjs');
 require('../../../types-1cBe2TOn.cjs');
 require('../../../workflow-condition-card-BjEAp0t6.cjs');

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

@@ -2,11 +2,11 @@ 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-CexS1ECI.js';
+export { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import './workflow-graph-boundary.es.js';
 import './workflow-graph-groups.es.js';
 import './workflow-iteration-scopes.es.js';
-import '../../../select-DZeNf-kI.js';
+import '../../../select--ArpXYDc.js';
 import '../../../Txt-BP1SRHmL.js';
 import '../../../types-CvneO3z0.js';
 import '../../../workflow-condition-card-3J-As62x.js';

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

@@ -6,7 +6,7 @@ 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-B_wPmKPf.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
 const tabsRoot = require('../../../tabs-root-C-ePF1y9.cjs');
 const tabsTab = require('../../../tabs-tab-BmIBFifi.cjs');

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

@@ -2,7 +2,7 @@ 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-28chVxHw.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.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-lrZZ3KwH.js';
 import { T as Tab } from '../../../tabs-tab-DoPSW-1s.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-B_wPmKPf.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.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-28chVxHw.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.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

@@ -8,7 +8,7 @@ const domains_workflows_context_workflowRunContext = require('../context/workflo
 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-d_AK1NQD.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BFm2IWDl.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-DyoN3850.cjs');
 const workflowStepAction = require('../../../workflow-step-action-COOlMQGX.cjs');
 
 const WorkflowStepActionBar = ({

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

@@ -4,7 +4,7 @@ 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-Dt5kASkl.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BM4ZnrUr.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-3AcgitHa.js';
 import { a as WorkflowStepActions, W as WorkflowStepAction } from '../../../workflow-step-action-B3coZwPr.js';
 
 const WorkflowStepActionBar = ({

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

@@ -11,7 +11,7 @@ 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-D3EctKQo.cjs');
-const codeEditor = require('../../../code-editor-B_wPmKPf.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');

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

@@ -7,7 +7,7 @@ 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-DmOqFpXW.js';
-import { C as CodeEditor } from '../../../code-editor-28chVxHw.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.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';

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

@@ -9,10 +9,10 @@ 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-B_wPmKPf.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const fieldBlock = require('../../../field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('../../../field-error-id-B3Z2Zu5y.cjs');
+const field = require('../../../field-ip9xiOVa.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
 const Notice = require('../../../Notice-C4Tgmtgb.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
@@ -42,7 +42,6 @@ const JsonField = ({
   helperText,
   exampleCode
 }) => {
-  const fieldName = React.useId();
   const { handleCopy } = hooks_useCopyToClipboard.useCopyToClipboard({ text: value });
   const { handleCopy: handleCopyExample } = hooks_useCopyToClipboard.useCopyToClipboard({ text: exampleCode ?? "{}" });
   const [fieldError, setFieldError] = React.useState(null);
@@ -98,10 +97,10 @@ const JsonField = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-lg"), open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(field.Field, { invalid: Boolean(fieldError), children: /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-lg"), open: isOpen, onOpenChange: setIsOpen, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between px-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name: fieldName, size: "bigger", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { size: "bigger", children: label }),
           helperText && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", tone: "muted", children: helperText })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -138,22 +137,10 @@ const JsonField = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleContent, { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          codeEditor.CodeEditor,
-          {
-            id: `input-${fieldName}`,
-            value,
-            onChange,
-            language: "json",
-            showCopyButton: false,
-            "aria-invalid": fieldError ? true : void 0,
-            "aria-describedby": fieldError ? fieldErrorId.fieldErrorId(fieldName) : void 0,
-            className: "h-65"
-          }
-        ),
-        fieldError && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: fieldName, children: fieldError })
+        /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value, onChange, language: "json", showCopyButton: false, className: "h-65" }),
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { children: fieldError })
       ] })
-    ] })
+    ] }) })
   ] });
 };
 const WorkflowTimeTravelForm = ({