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

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-Bb0Hogzq.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-Ch_oHojN.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,15 +9,14 @@ 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-CIwF6NHM.cjs');
+require('../../../Button-BnmR2HRc.cjs');
 require('date-fns');
-require('../../../popover-lBqKiPtp.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('@autoform/core');
 require('@autoform/react');

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-input-data.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-data.tsx"],"sourcesContent":["import { ChevronRight, Play } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useRef, useState } from 'react';\nimport type { ZodSchema } from 'zod';\n\nimport { createProcessorInput, parseProcessorDraft } from './input/processor-input';\nimport type { ProcessorDraft } from './input/processor-input';\nimport { WorkflowJsonInput } from './input/workflow-json-input';\nimport { WorkflowProcessorInput } from './input/workflow-processor-input';\nimport { WorkflowInputTypeToggle } from './workflow-input-type-toggle';\nimport type { WorkflowInputType } from './workflow-input-type-toggle';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { DynamicForm } from '@/lib/form';\nimport { isPlainObject } from '@/lib/form/utils';\nimport { getBaseSchema } from '@/lib/form/zod-provider/compat';\nimport { inferFieldType } from '@/lib/form/zod-provider/field-type-inference';\nimport { cn } from '@/utils/cn';\n\nexport interface WorkflowInputDataProps {\n  schema: ZodSchema;\n  defaultValues?: unknown;\n  isSubmitLoading: boolean;\n  submitButtonLabel: string;\n  onSubmit: (data: any) => void;\n  children?: React.ReactNode;\n  isProcessorWorkflow?: boolean;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n  headingSlot?: ReactNode;\n  collapsible?: boolean;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: React.ComponentProps<typeof Button>['variant'];\n  submitButtonFullWidth?: boolean;\n  hideInputTypeLabel?: boolean;\n  inputTypeLabel?: string;\n  hideHeading?: boolean;\n}\n\ntype InputDraft =\n  | { type: 'json'; value: string }\n  | { type: 'form'; value: unknown }\n  | { type: 'simple'; value: ProcessorDraft };\n\ntype DraftValue = { ok: true; value: unknown } | { ok: false; error: string };\n\nconst defaultSubmitIcon = (\n  <Icon>\n    <Play />\n  </Icon>\n);\n\nfunction createInitialDraft(defaultValues: unknown, isProcessorWorkflow: boolean | undefined): InputDraft {\n  if (!isProcessorWorkflow) return { type: 'form', value: defaultValues };\n  const input = defaultValues ?? createProcessorInput();\n  const draft = parseProcessorDraft(input);\n  return draft ? { type: 'simple', value: draft } : { type: 'json', value: JSON.stringify(input, null, 2) };\n}\n\nfunction parseJsonDraft(text: string): DraftValue {\n  try {\n    return { ok: true, value: JSON.parse(text) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : 'Invalid JSON' };\n  }\n}\n\nfunction getFormShapeError(schema: ZodSchema, value: unknown) {\n  const fieldType = inferFieldType(getBaseSchema(schema));\n  if (fieldType === 'object' && !isPlainObject(value))\n    return 'Form input requires a JSON object. Correct the JSON first.';\n  if (fieldType === 'array' && !Array.isArray(value))\n    return 'Form input requires a JSON array. Correct the JSON first.';\n  return undefined;\n}\n\nexport const WorkflowInputData = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  isProcessorWorkflow,\n  submitActions,\n  leftActions,\n  headingSlot,\n  collapsible = true,\n  submitButtonIcon = defaultSubmitIcon,\n  submitButtonVariant = 'primary',\n  submitButtonFullWidth,\n  hideInputTypeLabel,\n  inputTypeLabel = 'Run input',\n  hideHeading,\n}: WorkflowInputDataProps) => {\n  const [draft, setDraft] = useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));\n  // The Form view is uncontrolled: state here would only re-render this tree on every keystroke.\n  const formValues = useRef<unknown>(defaultValues);\n  const [errors, setErrors] = useState<string[]>([]);\n\n  function readDraftValue(): DraftValue {\n    if (draft.type === 'json') return parseJsonDraft(draft.value);\n    return { ok: true, value: draft.type === 'form' ? formValues.current : draft.value };\n  }\n\n  function submitJsonDraft(text: string) {\n    const json = parseJsonDraft(text);\n    if (!json.ok) return setErrors([json.error]);\n    const result = schema.safeParse(json.value);\n    if (result.success) onSubmit(result.data);\n    else setErrors(result.error.issues.map(issue => `${issue.path.join('.') || 'Input'}: ${issue.message}`));\n  }\n\n  function changeInputType(type: WorkflowInputType) {\n    if (type === draft.type) return;\n    setErrors([]);\n    const current = readDraftValue();\n    if (!current.ok) return setErrors([current.error]);\n    if (type === 'json') {\n      return setDraft({ type, value: JSON.stringify(current.value === undefined ? {} : current.value, null, 2) });\n    }\n    if (type === 'simple') {\n      const processorDraft = parseProcessorDraft(current.value);\n      if (processorDraft) return setDraft({ type, value: processorDraft });\n      return setErrors([\n        'Simple input requires a messages array with text parts and a string phase. Correct the JSON first.',\n      ]);\n    }\n    const formShapeError = getFormShapeError(schema, current.value);\n    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });\n  }\n\n  const defaultHeading = (\n    <Txt as=\"span\" variant=\"subheading\" tone=\"ink\">\n      Trigger a run\n    </Txt>\n  );\n  const toggleSitsInLabelRow = !collapsible && !hideHeading;\n  const toggleSitsAboveInput = collapsible || hideHeading || hideInputTypeLabel;\n  const inputTypeToggle = (\n    <WorkflowInputTypeToggle\n      value={draft.type}\n      onChange={changeInputType}\n      disabled={isSubmitLoading}\n      includeSimple={isProcessorWorkflow}\n      compact={toggleSitsInLabelRow}\n    />\n  );\n\n  const body = (\n    <>\n      {!hideInputTypeLabel && (\n        <div className=\"flex justify-between gap-3 px-5 py-3\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {inputTypeLabel}\n          </Txt>\n          {toggleSitsInLabelRow && <div className=\"shrink-0\">{inputTypeToggle}</div>}\n        </div>\n      )}\n\n      <div className=\"px-5\">\n        {toggleSitsAboveInput && <div className=\"pb-4\">{inputTypeToggle}</div>}\n\n        <div\n          className={cn('pb-4', {\n            'pointer-events-none opacity-50': isSubmitLoading,\n          })}\n        >\n          {draft.type === 'json' ? (\n            <WorkflowJsonInput\n              value={draft.value}\n              onChange={value => {\n                setDraft({ type: 'json', value });\n                setErrors([]);\n              }}\n              errors={errors}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={() => submitJsonDraft(draft.value)}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowJsonInput>\n          ) : draft.type === 'simple' && isProcessorWorkflow ? (\n            <WorkflowProcessorInput\n              schema={schema}\n              value={draft.value}\n              onChange={value => setDraft({ type: 'simple', value })}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowProcessorInput>\n          ) : (\n            <WorkflowFormInput\n              schema={schema}\n              onValuesChange={value => {\n                formValues.current = value;\n              }}\n              defaultValues={draft.value}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowFormInput>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  if (!collapsible) {\n    return (\n      <>\n        {!hideHeading && <div className=\"border-b border-border/50 pb-3\">{headingSlot ?? defaultHeading}</div>}\n        <div>{body}</div>\n      </>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen>\n      <CollapsibleTrigger className=\"flex w-full items-center gap-2 pb-3 text-left\">\n        <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        {headingSlot ?? defaultHeading}\n      </CollapsibleTrigger>\n\n      <CollapsibleContent keepMounted>{body}</CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nconst WorkflowFormInput = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  onValuesChange,\n}: WorkflowInputDataProps & { onValuesChange: (value: unknown) => void }) => (\n  <DynamicForm\n    schema={schema}\n    defaultValues={defaultValues}\n    onValuesChange={onValuesChange}\n    isSubmitLoading={isSubmitLoading}\n    submitButtonLabel={submitButtonLabel}\n    submitButtonIcon={submitButtonIcon}\n    submitButtonVariant={submitButtonVariant}\n    submitButtonFullWidth={submitButtonFullWidth}\n    onSubmit={onSubmit}\n    readOnly={isSubmitLoading}\n    submitActions={submitActions}\n    leftActions={leftActions}\n  >\n    {children}\n  </DynamicForm>\n);\n"],"names":["jsx","Icon","Play","createProcessorInput","parseProcessorDraft","inferFieldType","getBaseSchema","isPlainObject","collapsible","useState","useRef","Txt","WorkflowInputTypeToggle","jsxs","Fragment","cn","WorkflowJsonInput","WorkflowProcessorInput","Collapsible","CollapsibleTrigger","ChevronRight","CollapsibleContent","DynamicForm"],"mappings":"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"}
+{"version":3,"file":"workflow-input-data.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-data.tsx"],"sourcesContent":["import { ChevronRight, Play } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useRef, useState } from 'react';\nimport type { ZodSchema } from 'zod';\n\nimport { createProcessorInput, parseProcessorDraft } from './input/processor-input';\nimport type { ProcessorDraft } from './input/processor-input';\nimport { WorkflowJsonInput } from './input/workflow-json-input';\nimport { WorkflowProcessorInput } from './input/workflow-processor-input';\nimport { WorkflowInputTypeToggle } from './workflow-input-type-toggle';\nimport type { WorkflowInputType } from './workflow-input-type-toggle';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { DynamicForm } from '@/lib/form';\nimport { isPlainObject } from '@/lib/form/utils';\nimport { getBaseSchema } from '@/lib/form/zod-provider/compat';\nimport { inferFieldType } from '@/lib/form/zod-provider/field-type-inference';\nimport { cn } from '@/utils/cn';\n\nexport interface WorkflowInputDataProps {\n  schema: ZodSchema;\n  defaultValues?: unknown;\n  isSubmitLoading: boolean;\n  submitButtonLabel: string;\n  onSubmit: (data: any) => void;\n  children?: React.ReactNode;\n  isProcessorWorkflow?: boolean;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n  headingSlot?: ReactNode;\n  collapsible?: boolean;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: React.ComponentProps<typeof Button>['variant'];\n  submitButtonFullWidth?: boolean;\n  hideInputTypeLabel?: boolean;\n  inputTypeLabel?: string;\n  hideHeading?: boolean;\n}\n\ntype InputDraft =\n  | { type: 'json'; value: string }\n  | { type: 'form'; value: unknown }\n  | { type: 'simple'; value: ProcessorDraft };\n\ntype DraftValue = { ok: true; value: unknown } | { ok: false; error: string };\n\nconst defaultSubmitIcon = (\n  <Icon>\n    <Play />\n  </Icon>\n);\n\nfunction createInitialDraft(defaultValues: unknown, isProcessorWorkflow: boolean | undefined): InputDraft {\n  if (!isProcessorWorkflow) return { type: 'form', value: defaultValues };\n  const input = defaultValues ?? createProcessorInput();\n  const draft = parseProcessorDraft(input);\n  return draft ? { type: 'simple', value: draft } : { type: 'json', value: JSON.stringify(input, null, 2) };\n}\n\nfunction parseJsonDraft(text: string): DraftValue {\n  try {\n    return { ok: true, value: JSON.parse(text) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : 'Invalid JSON' };\n  }\n}\n\nfunction getFormShapeError(schema: ZodSchema, value: unknown) {\n  const fieldType = inferFieldType(getBaseSchema(schema));\n  if (fieldType === 'object' && !isPlainObject(value))\n    return 'Form input requires a JSON object. Correct the JSON first.';\n  if (fieldType === 'array' && !Array.isArray(value))\n    return 'Form input requires a JSON array. Correct the JSON first.';\n  return undefined;\n}\n\nexport const WorkflowInputData = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  isProcessorWorkflow,\n  submitActions,\n  leftActions,\n  headingSlot,\n  collapsible = true,\n  submitButtonIcon = defaultSubmitIcon,\n  submitButtonVariant = 'primary',\n  submitButtonFullWidth,\n  hideInputTypeLabel,\n  inputTypeLabel = 'Run input',\n  hideHeading,\n}: WorkflowInputDataProps) => {\n  const [draft, setDraft] = useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));\n  // The Form view is uncontrolled: state here would only re-render this tree on every keystroke.\n  const formValues = useRef<unknown>(defaultValues);\n  const [errors, setErrors] = useState<string[]>([]);\n\n  function readDraftValue(): DraftValue {\n    if (draft.type === 'json') return parseJsonDraft(draft.value);\n    return { ok: true, value: draft.type === 'form' ? formValues.current : draft.value };\n  }\n\n  function submitJsonDraft(text: string) {\n    const json = parseJsonDraft(text);\n    if (!json.ok) return setErrors([json.error]);\n    const result = schema.safeParse(json.value);\n    if (result.success) onSubmit(result.data);\n    else setErrors(result.error.issues.map(issue => `${issue.path.join('.') || 'Input'}: ${issue.message}`));\n  }\n\n  function changeInputType(type: WorkflowInputType) {\n    if (type === draft.type) return;\n    setErrors([]);\n    const current = readDraftValue();\n    if (!current.ok) return setErrors([current.error]);\n    if (type === 'json') {\n      return setDraft({ type, value: JSON.stringify(current.value === undefined ? {} : current.value, null, 2) });\n    }\n    if (type === 'simple') {\n      const processorDraft = parseProcessorDraft(current.value);\n      if (processorDraft) return setDraft({ type, value: processorDraft });\n      return setErrors([\n        'Simple input requires a messages array with text parts and a string phase. Correct the JSON first.',\n      ]);\n    }\n    const formShapeError = getFormShapeError(schema, current.value);\n    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });\n  }\n\n  const defaultHeading = (\n    <Txt as=\"span\" variant=\"subheading\" tone=\"ink\">\n      Trigger a run\n    </Txt>\n  );\n  const toggleSitsInLabelRow = !collapsible && !hideHeading;\n  const toggleSitsAboveInput = collapsible || hideHeading || hideInputTypeLabel;\n  const inputTypeToggle = (\n    <WorkflowInputTypeToggle\n      value={draft.type}\n      onChange={changeInputType}\n      disabled={isSubmitLoading}\n      includeSimple={isProcessorWorkflow}\n      compact={toggleSitsInLabelRow}\n    />\n  );\n\n  const body = (\n    <>\n      {!hideInputTypeLabel && (\n        <div className=\"flex justify-between gap-3 px-5 py-3\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {inputTypeLabel}\n          </Txt>\n          {toggleSitsInLabelRow && <div className=\"shrink-0\">{inputTypeToggle}</div>}\n        </div>\n      )}\n\n      <div className=\"px-5\">\n        {toggleSitsAboveInput && <div className=\"pb-4\">{inputTypeToggle}</div>}\n\n        <div\n          className={cn('pb-4', {\n            'pointer-events-none opacity-50': isSubmitLoading,\n          })}\n        >\n          {draft.type === 'json' ? (\n            <WorkflowJsonInput\n              value={draft.value}\n              onChange={value => {\n                setDraft({ type: 'json', value });\n                setErrors([]);\n              }}\n              errors={errors}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={() => submitJsonDraft(draft.value)}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowJsonInput>\n          ) : draft.type === 'simple' && isProcessorWorkflow ? (\n            <WorkflowProcessorInput\n              schema={schema}\n              value={draft.value}\n              onChange={value => setDraft({ type: 'simple', value })}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowProcessorInput>\n          ) : (\n            <WorkflowFormInput\n              schema={schema}\n              onValuesChange={value => {\n                formValues.current = value;\n              }}\n              defaultValues={draft.value}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowFormInput>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  if (!collapsible) {\n    return (\n      <>\n        {!hideHeading && <div className=\"border-b border-border/50 pb-3\">{headingSlot ?? defaultHeading}</div>}\n        <div>{body}</div>\n      </>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen>\n      <CollapsibleTrigger className=\"flex w-full items-center gap-2 pb-3 text-left\">\n        <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        {headingSlot ?? defaultHeading}\n      </CollapsibleTrigger>\n\n      <CollapsibleContent keepMounted>{body}</CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nconst WorkflowFormInput = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  onValuesChange,\n}: WorkflowInputDataProps & { onValuesChange: (value: unknown) => void }) => (\n  <DynamicForm\n    schema={schema}\n    defaultValues={defaultValues}\n    onValuesChange={onValuesChange}\n    isSubmitLoading={isSubmitLoading}\n    submitButtonLabel={submitButtonLabel}\n    submitButtonIcon={submitButtonIcon}\n    submitButtonVariant={submitButtonVariant}\n    submitButtonFullWidth={submitButtonFullWidth}\n    onSubmit={onSubmit}\n    readOnly={isSubmitLoading}\n    submitActions={submitActions}\n    leftActions={leftActions}\n  >\n    {children}\n  </DynamicForm>\n);\n"],"names":["jsx","Icon","Play","createProcessorInput","parseProcessorDraft","inferFieldType","getBaseSchema","isPlainObject","collapsible","useState","useRef","Txt","WorkflowInputTypeToggle","jsxs","Fragment","cn","WorkflowJsonInput","WorkflowProcessorInput","Collapsible","CollapsibleTrigger","ChevronRight","CollapsibleContent","DynamicForm"],"mappings":"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"}

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

@@ -5,15 +5,14 @@ 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-BY9qlu8K.js';
+import '../../../Button-C6eUqcPI.js';
 import 'date-fns';
-import '../../../popover-Dg70UGyn.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import '@autoform/core';
 import '@autoform/react';

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-input-data.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-data.tsx"],"sourcesContent":["import { ChevronRight, Play } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useRef, useState } from 'react';\nimport type { ZodSchema } from 'zod';\n\nimport { createProcessorInput, parseProcessorDraft } from './input/processor-input';\nimport type { ProcessorDraft } from './input/processor-input';\nimport { WorkflowJsonInput } from './input/workflow-json-input';\nimport { WorkflowProcessorInput } from './input/workflow-processor-input';\nimport { WorkflowInputTypeToggle } from './workflow-input-type-toggle';\nimport type { WorkflowInputType } from './workflow-input-type-toggle';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { DynamicForm } from '@/lib/form';\nimport { isPlainObject } from '@/lib/form/utils';\nimport { getBaseSchema } from '@/lib/form/zod-provider/compat';\nimport { inferFieldType } from '@/lib/form/zod-provider/field-type-inference';\nimport { cn } from '@/utils/cn';\n\nexport interface WorkflowInputDataProps {\n  schema: ZodSchema;\n  defaultValues?: unknown;\n  isSubmitLoading: boolean;\n  submitButtonLabel: string;\n  onSubmit: (data: any) => void;\n  children?: React.ReactNode;\n  isProcessorWorkflow?: boolean;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n  headingSlot?: ReactNode;\n  collapsible?: boolean;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: React.ComponentProps<typeof Button>['variant'];\n  submitButtonFullWidth?: boolean;\n  hideInputTypeLabel?: boolean;\n  inputTypeLabel?: string;\n  hideHeading?: boolean;\n}\n\ntype InputDraft =\n  | { type: 'json'; value: string }\n  | { type: 'form'; value: unknown }\n  | { type: 'simple'; value: ProcessorDraft };\n\ntype DraftValue = { ok: true; value: unknown } | { ok: false; error: string };\n\nconst defaultSubmitIcon = (\n  <Icon>\n    <Play />\n  </Icon>\n);\n\nfunction createInitialDraft(defaultValues: unknown, isProcessorWorkflow: boolean | undefined): InputDraft {\n  if (!isProcessorWorkflow) return { type: 'form', value: defaultValues };\n  const input = defaultValues ?? createProcessorInput();\n  const draft = parseProcessorDraft(input);\n  return draft ? { type: 'simple', value: draft } : { type: 'json', value: JSON.stringify(input, null, 2) };\n}\n\nfunction parseJsonDraft(text: string): DraftValue {\n  try {\n    return { ok: true, value: JSON.parse(text) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : 'Invalid JSON' };\n  }\n}\n\nfunction getFormShapeError(schema: ZodSchema, value: unknown) {\n  const fieldType = inferFieldType(getBaseSchema(schema));\n  if (fieldType === 'object' && !isPlainObject(value))\n    return 'Form input requires a JSON object. Correct the JSON first.';\n  if (fieldType === 'array' && !Array.isArray(value))\n    return 'Form input requires a JSON array. Correct the JSON first.';\n  return undefined;\n}\n\nexport const WorkflowInputData = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  isProcessorWorkflow,\n  submitActions,\n  leftActions,\n  headingSlot,\n  collapsible = true,\n  submitButtonIcon = defaultSubmitIcon,\n  submitButtonVariant = 'primary',\n  submitButtonFullWidth,\n  hideInputTypeLabel,\n  inputTypeLabel = 'Run input',\n  hideHeading,\n}: WorkflowInputDataProps) => {\n  const [draft, setDraft] = useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));\n  // The Form view is uncontrolled: state here would only re-render this tree on every keystroke.\n  const formValues = useRef<unknown>(defaultValues);\n  const [errors, setErrors] = useState<string[]>([]);\n\n  function readDraftValue(): DraftValue {\n    if (draft.type === 'json') return parseJsonDraft(draft.value);\n    return { ok: true, value: draft.type === 'form' ? formValues.current : draft.value };\n  }\n\n  function submitJsonDraft(text: string) {\n    const json = parseJsonDraft(text);\n    if (!json.ok) return setErrors([json.error]);\n    const result = schema.safeParse(json.value);\n    if (result.success) onSubmit(result.data);\n    else setErrors(result.error.issues.map(issue => `${issue.path.join('.') || 'Input'}: ${issue.message}`));\n  }\n\n  function changeInputType(type: WorkflowInputType) {\n    if (type === draft.type) return;\n    setErrors([]);\n    const current = readDraftValue();\n    if (!current.ok) return setErrors([current.error]);\n    if (type === 'json') {\n      return setDraft({ type, value: JSON.stringify(current.value === undefined ? {} : current.value, null, 2) });\n    }\n    if (type === 'simple') {\n      const processorDraft = parseProcessorDraft(current.value);\n      if (processorDraft) return setDraft({ type, value: processorDraft });\n      return setErrors([\n        'Simple input requires a messages array with text parts and a string phase. Correct the JSON first.',\n      ]);\n    }\n    const formShapeError = getFormShapeError(schema, current.value);\n    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });\n  }\n\n  const defaultHeading = (\n    <Txt as=\"span\" variant=\"subheading\" tone=\"ink\">\n      Trigger a run\n    </Txt>\n  );\n  const toggleSitsInLabelRow = !collapsible && !hideHeading;\n  const toggleSitsAboveInput = collapsible || hideHeading || hideInputTypeLabel;\n  const inputTypeToggle = (\n    <WorkflowInputTypeToggle\n      value={draft.type}\n      onChange={changeInputType}\n      disabled={isSubmitLoading}\n      includeSimple={isProcessorWorkflow}\n      compact={toggleSitsInLabelRow}\n    />\n  );\n\n  const body = (\n    <>\n      {!hideInputTypeLabel && (\n        <div className=\"flex justify-between gap-3 px-5 py-3\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {inputTypeLabel}\n          </Txt>\n          {toggleSitsInLabelRow && <div className=\"shrink-0\">{inputTypeToggle}</div>}\n        </div>\n      )}\n\n      <div className=\"px-5\">\n        {toggleSitsAboveInput && <div className=\"pb-4\">{inputTypeToggle}</div>}\n\n        <div\n          className={cn('pb-4', {\n            'pointer-events-none opacity-50': isSubmitLoading,\n          })}\n        >\n          {draft.type === 'json' ? (\n            <WorkflowJsonInput\n              value={draft.value}\n              onChange={value => {\n                setDraft({ type: 'json', value });\n                setErrors([]);\n              }}\n              errors={errors}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={() => submitJsonDraft(draft.value)}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowJsonInput>\n          ) : draft.type === 'simple' && isProcessorWorkflow ? (\n            <WorkflowProcessorInput\n              schema={schema}\n              value={draft.value}\n              onChange={value => setDraft({ type: 'simple', value })}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowProcessorInput>\n          ) : (\n            <WorkflowFormInput\n              schema={schema}\n              onValuesChange={value => {\n                formValues.current = value;\n              }}\n              defaultValues={draft.value}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowFormInput>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  if (!collapsible) {\n    return (\n      <>\n        {!hideHeading && <div className=\"border-b border-border/50 pb-3\">{headingSlot ?? defaultHeading}</div>}\n        <div>{body}</div>\n      </>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen>\n      <CollapsibleTrigger className=\"flex w-full items-center gap-2 pb-3 text-left\">\n        <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        {headingSlot ?? defaultHeading}\n      </CollapsibleTrigger>\n\n      <CollapsibleContent keepMounted>{body}</CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nconst WorkflowFormInput = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  onValuesChange,\n}: WorkflowInputDataProps & { onValuesChange: (value: unknown) => void }) => (\n  <DynamicForm\n    schema={schema}\n    defaultValues={defaultValues}\n    onValuesChange={onValuesChange}\n    isSubmitLoading={isSubmitLoading}\n    submitButtonLabel={submitButtonLabel}\n    submitButtonIcon={submitButtonIcon}\n    submitButtonVariant={submitButtonVariant}\n    submitButtonFullWidth={submitButtonFullWidth}\n    onSubmit={onSubmit}\n    readOnly={isSubmitLoading}\n    submitActions={submitActions}\n    leftActions={leftActions}\n  >\n    {children}\n  </DynamicForm>\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-input-data.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-input-data.tsx"],"sourcesContent":["import { ChevronRight, Play } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useRef, useState } from 'react';\nimport type { ZodSchema } from 'zod';\n\nimport { createProcessorInput, parseProcessorDraft } from './input/processor-input';\nimport type { ProcessorDraft } from './input/processor-input';\nimport { WorkflowJsonInput } from './input/workflow-json-input';\nimport { WorkflowProcessorInput } from './input/workflow-processor-input';\nimport { WorkflowInputTypeToggle } from './workflow-input-type-toggle';\nimport type { WorkflowInputType } from './workflow-input-type-toggle';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { DynamicForm } from '@/lib/form';\nimport { isPlainObject } from '@/lib/form/utils';\nimport { getBaseSchema } from '@/lib/form/zod-provider/compat';\nimport { inferFieldType } from '@/lib/form/zod-provider/field-type-inference';\nimport { cn } from '@/utils/cn';\n\nexport interface WorkflowInputDataProps {\n  schema: ZodSchema;\n  defaultValues?: unknown;\n  isSubmitLoading: boolean;\n  submitButtonLabel: string;\n  onSubmit: (data: any) => void;\n  children?: React.ReactNode;\n  isProcessorWorkflow?: boolean;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n  headingSlot?: ReactNode;\n  collapsible?: boolean;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: React.ComponentProps<typeof Button>['variant'];\n  submitButtonFullWidth?: boolean;\n  hideInputTypeLabel?: boolean;\n  inputTypeLabel?: string;\n  hideHeading?: boolean;\n}\n\ntype InputDraft =\n  | { type: 'json'; value: string }\n  | { type: 'form'; value: unknown }\n  | { type: 'simple'; value: ProcessorDraft };\n\ntype DraftValue = { ok: true; value: unknown } | { ok: false; error: string };\n\nconst defaultSubmitIcon = (\n  <Icon>\n    <Play />\n  </Icon>\n);\n\nfunction createInitialDraft(defaultValues: unknown, isProcessorWorkflow: boolean | undefined): InputDraft {\n  if (!isProcessorWorkflow) return { type: 'form', value: defaultValues };\n  const input = defaultValues ?? createProcessorInput();\n  const draft = parseProcessorDraft(input);\n  return draft ? { type: 'simple', value: draft } : { type: 'json', value: JSON.stringify(input, null, 2) };\n}\n\nfunction parseJsonDraft(text: string): DraftValue {\n  try {\n    return { ok: true, value: JSON.parse(text) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : 'Invalid JSON' };\n  }\n}\n\nfunction getFormShapeError(schema: ZodSchema, value: unknown) {\n  const fieldType = inferFieldType(getBaseSchema(schema));\n  if (fieldType === 'object' && !isPlainObject(value))\n    return 'Form input requires a JSON object. Correct the JSON first.';\n  if (fieldType === 'array' && !Array.isArray(value))\n    return 'Form input requires a JSON array. Correct the JSON first.';\n  return undefined;\n}\n\nexport const WorkflowInputData = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  isProcessorWorkflow,\n  submitActions,\n  leftActions,\n  headingSlot,\n  collapsible = true,\n  submitButtonIcon = defaultSubmitIcon,\n  submitButtonVariant = 'primary',\n  submitButtonFullWidth,\n  hideInputTypeLabel,\n  inputTypeLabel = 'Run input',\n  hideHeading,\n}: WorkflowInputDataProps) => {\n  const [draft, setDraft] = useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));\n  // The Form view is uncontrolled: state here would only re-render this tree on every keystroke.\n  const formValues = useRef<unknown>(defaultValues);\n  const [errors, setErrors] = useState<string[]>([]);\n\n  function readDraftValue(): DraftValue {\n    if (draft.type === 'json') return parseJsonDraft(draft.value);\n    return { ok: true, value: draft.type === 'form' ? formValues.current : draft.value };\n  }\n\n  function submitJsonDraft(text: string) {\n    const json = parseJsonDraft(text);\n    if (!json.ok) return setErrors([json.error]);\n    const result = schema.safeParse(json.value);\n    if (result.success) onSubmit(result.data);\n    else setErrors(result.error.issues.map(issue => `${issue.path.join('.') || 'Input'}: ${issue.message}`));\n  }\n\n  function changeInputType(type: WorkflowInputType) {\n    if (type === draft.type) return;\n    setErrors([]);\n    const current = readDraftValue();\n    if (!current.ok) return setErrors([current.error]);\n    if (type === 'json') {\n      return setDraft({ type, value: JSON.stringify(current.value === undefined ? {} : current.value, null, 2) });\n    }\n    if (type === 'simple') {\n      const processorDraft = parseProcessorDraft(current.value);\n      if (processorDraft) return setDraft({ type, value: processorDraft });\n      return setErrors([\n        'Simple input requires a messages array with text parts and a string phase. Correct the JSON first.',\n      ]);\n    }\n    const formShapeError = getFormShapeError(schema, current.value);\n    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });\n  }\n\n  const defaultHeading = (\n    <Txt as=\"span\" variant=\"subheading\" tone=\"ink\">\n      Trigger a run\n    </Txt>\n  );\n  const toggleSitsInLabelRow = !collapsible && !hideHeading;\n  const toggleSitsAboveInput = collapsible || hideHeading || hideInputTypeLabel;\n  const inputTypeToggle = (\n    <WorkflowInputTypeToggle\n      value={draft.type}\n      onChange={changeInputType}\n      disabled={isSubmitLoading}\n      includeSimple={isProcessorWorkflow}\n      compact={toggleSitsInLabelRow}\n    />\n  );\n\n  const body = (\n    <>\n      {!hideInputTypeLabel && (\n        <div className=\"flex justify-between gap-3 px-5 py-3\">\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\">\n            {inputTypeLabel}\n          </Txt>\n          {toggleSitsInLabelRow && <div className=\"shrink-0\">{inputTypeToggle}</div>}\n        </div>\n      )}\n\n      <div className=\"px-5\">\n        {toggleSitsAboveInput && <div className=\"pb-4\">{inputTypeToggle}</div>}\n\n        <div\n          className={cn('pb-4', {\n            'pointer-events-none opacity-50': isSubmitLoading,\n          })}\n        >\n          {draft.type === 'json' ? (\n            <WorkflowJsonInput\n              value={draft.value}\n              onChange={value => {\n                setDraft({ type: 'json', value });\n                setErrors([]);\n              }}\n              errors={errors}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={() => submitJsonDraft(draft.value)}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowJsonInput>\n          ) : draft.type === 'simple' && isProcessorWorkflow ? (\n            <WorkflowProcessorInput\n              schema={schema}\n              value={draft.value}\n              onChange={value => setDraft({ type: 'simple', value })}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowProcessorInput>\n          ) : (\n            <WorkflowFormInput\n              schema={schema}\n              onValuesChange={value => {\n                formValues.current = value;\n              }}\n              defaultValues={draft.value}\n              isSubmitLoading={isSubmitLoading}\n              submitButtonLabel={submitButtonLabel}\n              submitButtonIcon={submitButtonIcon}\n              submitButtonVariant={submitButtonVariant}\n              submitButtonFullWidth={submitButtonFullWidth}\n              onSubmit={onSubmit}\n              submitActions={submitActions}\n              leftActions={leftActions}\n            >\n              {children}\n            </WorkflowFormInput>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  if (!collapsible) {\n    return (\n      <>\n        {!hideHeading && <div className=\"border-b border-border/50 pb-3\">{headingSlot ?? defaultHeading}</div>}\n        <div>{body}</div>\n      </>\n    );\n  }\n\n  return (\n    <Collapsible defaultOpen>\n      <CollapsibleTrigger className=\"flex w-full items-center gap-2 pb-3 text-left\">\n        <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        {headingSlot ?? defaultHeading}\n      </CollapsibleTrigger>\n\n      <CollapsibleContent keepMounted>{body}</CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nconst WorkflowFormInput = ({\n  schema,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  onValuesChange,\n}: WorkflowInputDataProps & { onValuesChange: (value: unknown) => void }) => (\n  <DynamicForm\n    schema={schema}\n    defaultValues={defaultValues}\n    onValuesChange={onValuesChange}\n    isSubmitLoading={isSubmitLoading}\n    submitButtonLabel={submitButtonLabel}\n    submitButtonIcon={submitButtonIcon}\n    submitButtonVariant={submitButtonVariant}\n    submitButtonFullWidth={submitButtonFullWidth}\n    onSubmit={onSubmit}\n    readOnly={isSubmitLoading}\n    submitActions={submitActions}\n    leftActions={leftActions}\n  >\n    {children}\n  </DynamicForm>\n);\n"],"names":[],"mappings":"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"}

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-accent1 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-accent1 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,4EAAA;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-accent1 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-accent1 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,4EAAA;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,22 +5,19 @@ 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-CIwF6NHM.cjs');
-const dialog = require('../../../dialog-CDg8uu4t.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-Bw7nXZzf.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);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, {}), type: "button", size: "sm", onClick: () => setOpen(true), children: "Map config" }),
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "w-full max-w-4xl", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-          stepName,
-          " config"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "View the map configuration for this step" })
-      ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+        stepName,
+        " config"
+      ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(workflowCodeDialogContent.WorkflowCodeContent, { data: mapConfig }) })
     ] }) })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-map-config-dialog.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-map-config-dialog.tsx"],"sourcesContent":["import { Eye } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { WorkflowCodeContent } from '@/ds/components/Workflow';\n\nexport interface WorkflowMapConfigDialogProps {\n  stepName: string;\n  mapConfig: string;\n}\n\nexport function WorkflowMapConfigDialog({ stepName, mapConfig }: WorkflowMapConfigDialogProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button icon={<Eye />} type=\"button\" size=\"sm\" onClick={() => setOpen(true)}>\n        Map config\n      </Button>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"w-full max-w-4xl\">\n          <DialogHeader>\n            <DialogTitle>{stepName} config</DialogTitle>\n            <DialogDescription>View the map configuration for this step</DialogDescription>\n          </DialogHeader>\n          <DialogBody>\n            <WorkflowCodeContent data={mapConfig} />\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","jsxs","Fragment","jsx","Button","Eye","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","WorkflowCodeContent"],"mappings":";;;;;;;;;;;AAkBO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEtC,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,kBAAMD,cAAA,CAACE,eAAA,EAAA,EAAI,GAAI,IAAA,EAAK,QAAA,EAAS,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GAAG,QAAA,EAAA,YAAA,EAE7E,CAAA;AAAA,oBAEAF,cAAA,CAACG,iBAAO,IAAA,EAAY,YAAA,EAAc,SAChC,QAAA,kBAAAL,eAAA,CAACM,oBAAA,EAAA,EAAc,WAAU,kBAAA,EACvB,QAAA,EAAA;AAAA,sBAAAN,eAAA,CAACO,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAAP,eAAA,CAACQ,kBAAA,EAAA,EAAa,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UAAS;AAAA,SAAA,EAAO,CAAA;AAAA,wBAC9BN,cAAA,CAACO,4BAAkB,QAAA,EAAA,0CAAA,EAAwC;AAAA,OAAA,EAC7D,CAAA;AAAA,qCACCC,iBAAA,EAAA,EACC,QAAA,kBAAAR,cAAA,CAACS,6CAAA,EAAA,EAAoB,IAAA,EAAM,WAAW,CAAA,EACxC;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-map-config-dialog.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-map-config-dialog.tsx"],"sourcesContent":["import { Eye } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { WorkflowCodeContent } from '@/ds/components/Workflow';\n\nexport interface WorkflowMapConfigDialogProps {\n  stepName: string;\n  mapConfig: string;\n}\n\nexport function WorkflowMapConfigDialog({ stepName, mapConfig }: WorkflowMapConfigDialogProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button icon={<Eye />} type=\"button\" size=\"sm\" onClick={() => setOpen(true)}>\n        Map config\n      </Button>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>{stepName} config</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <WorkflowCodeContent data={mapConfig} />\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","jsxs","Fragment","jsx","Button","Eye","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","WorkflowCodeContent"],"mappings":";;;;;;;;;;;AAWO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEtC,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,kBAAMD,cAAA,CAACE,eAAA,EAAA,EAAI,GAAI,IAAA,EAAK,QAAA,EAAS,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GAAG,QAAA,EAAA,YAAA,EAE7E,CAAA;AAAA,oBAEAF,cAAA,CAACG,iBAAO,IAAA,EAAY,YAAA,EAAc,SAChC,QAAA,kBAAAL,eAAA,CAACM,oBAAA,EAAA,EAAc,MAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACK,mBAAA,EAAA,EACC,0CAACC,kBAAA,EAAA,EAAa,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAS;AAAA,OAAA,EAAO,CAAA,EAChC,CAAA;AAAA,qCACCC,iBAAA,EAAA,EACC,QAAA,kBAAAP,cAAA,CAACQ,6CAAA,EAAA,EAAoB,IAAA,EAAM,WAAW,CAAA,EACxC;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,22 +1,19 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Eye } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-BY9qlu8K.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../dialog-CZBP5xw9.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BcT4gT_3.js';
+import { 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);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Eye, {}), type: "button", size: "sm", onClick: () => setOpen(true), children: "Map config" }),
-    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "w-full max-w-4xl", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { children: [
-          stepName,
-          " config"
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "View the map configuration for this step" })
-      ] }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        stepName,
+        " config"
+      ] }) }),
       /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(WorkflowCodeContent, { data: mapConfig }) })
     ] }) })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-map-config-dialog.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-map-config-dialog.tsx"],"sourcesContent":["import { Eye } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { WorkflowCodeContent } from '@/ds/components/Workflow';\n\nexport interface WorkflowMapConfigDialogProps {\n  stepName: string;\n  mapConfig: string;\n}\n\nexport function WorkflowMapConfigDialog({ stepName, mapConfig }: WorkflowMapConfigDialogProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button icon={<Eye />} type=\"button\" size=\"sm\" onClick={() => setOpen(true)}>\n        Map config\n      </Button>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"w-full max-w-4xl\">\n          <DialogHeader>\n            <DialogTitle>{stepName} config</DialogTitle>\n            <DialogDescription>View the map configuration for this step</DialogDescription>\n          </DialogHeader>\n          <DialogBody>\n            <WorkflowCodeContent data={mapConfig} />\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAkBO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,GAAA,EAAA,EAAI,GAAI,IAAA,EAAK,QAAA,EAAS,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GAAG,QAAA,EAAA,YAAA,EAE7E,CAAA;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAY,YAAA,EAAc,SAChC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,WAAU,kBAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UAAS;AAAA,SAAA,EAAO,CAAA;AAAA,wBAC9B,GAAA,CAAC,qBAAkB,QAAA,EAAA,0CAAA,EAAwC;AAAA,OAAA,EAC7D,CAAA;AAAA,0BACC,UAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,WAAW,CAAA,EACxC;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-map-config-dialog.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-map-config-dialog.tsx"],"sourcesContent":["import { Eye } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { WorkflowCodeContent } from '@/ds/components/Workflow';\n\nexport interface WorkflowMapConfigDialogProps {\n  stepName: string;\n  mapConfig: string;\n}\n\nexport function WorkflowMapConfigDialog({ stepName, mapConfig }: WorkflowMapConfigDialogProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button icon={<Eye />} type=\"button\" size=\"sm\" onClick={() => setOpen(true)}>\n        Map config\n      </Button>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>{stepName} config</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <WorkflowCodeContent data={mapConfig} />\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,GAAA,EAAA,EAAI,GAAI,IAAA,EAAK,QAAA,EAAS,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GAAG,QAAA,EAAA,YAAA,EAE7E,CAAA;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAY,YAAA,EAAc,SAChC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,MAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,+BAAC,WAAA,EAAA,EAAa,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAS;AAAA,OAAA,EAAO,CAAA,EAChC,CAAA;AAAA,0BACC,UAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,WAAW,CAAA,EACxC;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -6,13 +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-BsBMVYQ7.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-C2IbXjKQ.cjs');
+require('../../../select-C0ZGSJYa.cjs');
+require('../../../Txt-DPmEpNbp.cjs');
 require('../../../types-1cBe2TOn.cjs');
-require('../../../workflow-condition-card-BMgzF6ef.cjs');
+require('../../../workflow-condition-card-CfjhZb0m.cjs');
 
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-nested-graph.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"workflow-nested-graph.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

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

@@ -2,11 +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-Bb0Hogzq.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-B_xxIbdq.js';
+import '../../../select-ch8imm15.js';
+import '../../../Txt-BP1SRHmL.js';
 import '../../../types-CvneO3z0.js';
-import '../../../workflow-condition-card-Ch_oHojN.js';
+import '../../../workflow-condition-card-B0Va5Amx.js';
 //# sourceMappingURL=workflow-nested-graph.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-nested-graph.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"workflow-nested-graph.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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-By2dTBXC.cjs');
-const collapsible = require('../../../collapsible-BFSJouuI.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.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-F12uuTDl.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-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.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-BiV6N8--.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-BmoN4qOw.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 
 function WorkflowRunError({
   result,

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

@@ -6,9 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_workflows_components_workflowRunStatusIcon = require('../components/workflow-run-status-icon.cjs.js');
 const domains_workflows_context_workflowStepTiming = require('../context/workflow-step-timing.cjs.js');
-const Badge = require('../../../Badge-DFNxcz-r.cjs');
-const copyButton = require('../../../copy-button-1PyYnSGS.cjs');
-const relativeTimestamp = require('../../../relative-timestamp-BqGyFlxW.cjs');
+const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
+const Badge = require('../../../Badge-H8K5WrXg.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');
@@ -22,8 +23,8 @@ function WorkflowRunStatusBadge({ status }) {
     Badge.Badge,
     {
       size: "md",
-      variant: status === "paused" ? "yellow" : "neutral",
-      emphasis: "muted",
+      variant: domains_workflows_workflowStatusTone.workflowStatusTone(status),
+      emphasis: "subtle",
       icon: status && /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_components_workflowRunStatusIcon.WorkflowRunStatusIcon, { status }),
       children: formatRunStatus(status)
     }
@@ -32,9 +33,12 @@ function WorkflowRunStatusBadge({ status }) {
 function RunDuration({ span, spansSuspension }) {
   const elapsed = utils_duration.formatDuration(hooks_useTimeDiff.useTimeDiff(span));
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
+    Txt.Txt,
     {
-      className: "flex items-center gap-1.5 text-meta text-muted-foreground",
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      className: "flex items-center gap-1.5",
       title: spansSuspension ? "Run duration, including time spent suspended" : "Run duration",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Timer, { "aria-hidden": true, className: "size-3.5" }),
@@ -45,10 +49,19 @@ function RunDuration({ span, spansSuspension }) {
 }
 function RunWaiting({ since }) {
   const waiting = utils_duration.formatDuration(hooks_useTimeDiff.useTimeDiff({ startedAt: since }));
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-meta text-accent3 tabular-nums", title: "Waiting for input", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": true, className: "size-3.5" }),
-    waiting
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Txt.Txt,
+    {
+      as: "span",
+      variant: "meta",
+      className: "flex items-center gap-1.5 text-warning-indicator tabular-nums",
+      title: "Waiting for input",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": true, className: "size-3.5" }),
+        waiting
+      ]
+    }
+  );
 }
 function RunWorkflowHeader({
   runId,
@@ -62,7 +75,7 @@ function RunWorkflowHeader({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(WorkflowRunStatusBadge, { status }),
-        resourceId && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutral", emphasis: "muted", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: resourceId }) })
+        resourceId && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutral", emphasis: "subtle", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: resourceId }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         timing?.waitingSince !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(RunWaiting, { since: timing.waitingSince }),