@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

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

@@ -0,0 +1,233 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_workflows_workflow_input_processorInput = require('./input/processor-input.cjs.js');
+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 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-BAMnPqos.cjs');
+require('date-fns');
+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');
+const lib_form_zodProvider_fieldTypeInference = require('../../../lib/form/zod-provider/field-type-inference.cjs.js');
+
+const defaultSubmitIcon = /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, {}) });
+function createInitialDraft(defaultValues, isProcessorWorkflow) {
+  if (!isProcessorWorkflow) return { type: "form", value: defaultValues };
+  const input = defaultValues ?? domains_workflows_workflow_input_processorInput.createProcessorInput();
+  const draft = domains_workflows_workflow_input_processorInput.parseProcessorDraft(input);
+  return draft ? { type: "simple", value: draft } : { type: "json", value: JSON.stringify(input, null, 2) };
+}
+function parseJsonDraft(text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch (error) {
+    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : "Invalid JSON" };
+  }
+}
+function getFormShapeError(schema, value) {
+  const fieldType = lib_form_zodProvider_fieldTypeInference.inferFieldType(lib_form_zodProvider_compat.getBaseSchema(schema));
+  if (fieldType === "object" && !lib_form_utils.isPlainObject(value))
+    return "Form input requires a JSON object. Correct the JSON first.";
+  if (fieldType === "array" && !Array.isArray(value))
+    return "Form input requires a JSON array. Correct the JSON first.";
+  return void 0;
+}
+const WorkflowInputData = ({
+  schema,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  onSubmit,
+  children,
+  isProcessorWorkflow,
+  submitActions,
+  leftActions,
+  headingSlot,
+  collapsible: collapsible$1 = true,
+  submitButtonIcon = defaultSubmitIcon,
+  submitButtonVariant = "primary",
+  submitButtonFullWidth,
+  hideInputTypeLabel,
+  inputTypeLabel = "Run input",
+  hideHeading
+}) => {
+  const [draft, setDraft] = React.useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));
+  const formValues = React.useRef(defaultValues);
+  const [errors, setErrors] = React.useState([]);
+  function readDraftValue() {
+    if (draft.type === "json") return parseJsonDraft(draft.value);
+    return { ok: true, value: draft.type === "form" ? formValues.current : draft.value };
+  }
+  function submitJsonDraft(text) {
+    const json = parseJsonDraft(text);
+    if (!json.ok) return setErrors([json.error]);
+    const result = schema.safeParse(json.value);
+    if (result.success) onSubmit(result.data);
+    else setErrors(result.error.issues.map((issue) => `${issue.path.join(".") || "Input"}: ${issue.message}`));
+  }
+  function changeInputType(type) {
+    if (type === draft.type) return;
+    setErrors([]);
+    const current = readDraftValue();
+    if (!current.ok) return setErrors([current.error]);
+    if (type === "json") {
+      return setDraft({ type, value: JSON.stringify(current.value === void 0 ? {} : current.value, null, 2) });
+    }
+    if (type === "simple") {
+      const processorDraft = domains_workflows_workflow_input_processorInput.parseProcessorDraft(current.value);
+      if (processorDraft) return setDraft({ type, value: processorDraft });
+      return setErrors([
+        "Simple input requires a messages array with text parts and a string phase. Correct the JSON first."
+      ]);
+    }
+    const formShapeError = getFormShapeError(schema, current.value);
+    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });
+  }
+  const defaultHeading = /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "subheading", tone: "ink", children: "Trigger a run" });
+  const toggleSitsInLabelRow = !collapsible$1 && !hideHeading;
+  const toggleSitsAboveInput = collapsible$1 || hideHeading || hideInputTypeLabel;
+  const inputTypeToggle = /* @__PURE__ */ jsxRuntime.jsx(
+    domains_workflows_workflow_workflowInputTypeToggle.WorkflowInputTypeToggle,
+    {
+      value: draft.type,
+      onChange: changeInputType,
+      disabled: isSubmitLoading,
+      includeSimple: isProcessorWorkflow,
+      compact: toggleSitsInLabelRow
+    }
+  );
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideInputTypeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-3 px-5 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", children: inputTypeLabel }),
+      toggleSitsInLabelRow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: inputTypeToggle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5", children: [
+      toggleSitsAboveInput && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-4", children: inputTypeToggle }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils_cn.cn("pb-4", {
+            "pointer-events-none opacity-50": isSubmitLoading
+          }),
+          children: draft.type === "json" ? /* @__PURE__ */ jsxRuntime.jsx(
+            domains_workflows_workflow_input_workflowJsonInput.WorkflowJsonInput,
+            {
+              value: draft.value,
+              onChange: (value) => {
+                setDraft({ type: "json", value });
+                setErrors([]);
+              },
+              errors,
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit: () => submitJsonDraft(draft.value),
+              submitActions,
+              leftActions,
+              children
+            }
+          ) : draft.type === "simple" && isProcessorWorkflow ? /* @__PURE__ */ jsxRuntime.jsx(
+            domains_workflows_workflow_input_workflowProcessorInput.WorkflowProcessorInput,
+            {
+              schema,
+              value: draft.value,
+              onChange: (value) => setDraft({ type: "simple", value }),
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit,
+              submitActions,
+              leftActions,
+              children
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            WorkflowFormInput,
+            {
+              schema,
+              onValuesChange: (value) => {
+                formValues.current = value;
+              },
+              defaultValues: draft.value,
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit,
+              submitActions,
+              leftActions,
+              children
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+  if (!collapsible$1) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      !hideHeading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border/50 pb-3", children: headingSlot ?? defaultHeading }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: body })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "flex w-full items-center gap-2 pb-3 text-left", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" }),
+      headingSlot ?? defaultHeading
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { keepMounted: true, children: body })
+  ] });
+};
+const WorkflowFormInput = ({
+  schema,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  onSubmit,
+  children,
+  submitActions,
+  leftActions,
+  submitButtonIcon,
+  submitButtonVariant,
+  submitButtonFullWidth,
+  onValuesChange
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  lib_form_dynamicForm.DynamicForm,
+  {
+    schema,
+    defaultValues,
+    onValuesChange,
+    isSubmitLoading,
+    submitButtonLabel,
+    submitButtonIcon,
+    submitButtonVariant,
+    submitButtonFullWidth,
+    onSubmit,
+    readOnly: isSubmitLoading,
+    submitActions,
+    leftActions,
+    children
+  }
+);
+
+exports.WorkflowInputData = WorkflowInputData;
+//# sourceMappingURL=workflow-input-data.cjs.js.map

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

@@ -0,0 +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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"}

package/dist/domains/workflows/workflow/workflow-input-data.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/workflow/workflow-input-data'
+export {}

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

@@ -0,0 +1,229 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChevronRight, Play } from 'lucide-react';
+import { useState, useRef } from 'react';
+import { createProcessorInput, parseProcessorDraft } from './input/processor-input.es.js';
+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 { 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-B8nF87ai.js';
+import 'date-fns';
+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';
+import { inferFieldType } from '../../../lib/form/zod-provider/field-type-inference.es.js';
+
+const defaultSubmitIcon = /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Play, {}) });
+function createInitialDraft(defaultValues, isProcessorWorkflow) {
+  if (!isProcessorWorkflow) return { type: "form", value: defaultValues };
+  const input = defaultValues ?? createProcessorInput();
+  const draft = parseProcessorDraft(input);
+  return draft ? { type: "simple", value: draft } : { type: "json", value: JSON.stringify(input, null, 2) };
+}
+function parseJsonDraft(text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch (error) {
+    return { ok: false, error: error instanceof Error ? `Invalid JSON: ${error.message}` : "Invalid JSON" };
+  }
+}
+function getFormShapeError(schema, value) {
+  const fieldType = inferFieldType(getBaseSchema(schema));
+  if (fieldType === "object" && !isPlainObject(value))
+    return "Form input requires a JSON object. Correct the JSON first.";
+  if (fieldType === "array" && !Array.isArray(value))
+    return "Form input requires a JSON array. Correct the JSON first.";
+  return void 0;
+}
+const WorkflowInputData = ({
+  schema,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  onSubmit,
+  children,
+  isProcessorWorkflow,
+  submitActions,
+  leftActions,
+  headingSlot,
+  collapsible = true,
+  submitButtonIcon = defaultSubmitIcon,
+  submitButtonVariant = "primary",
+  submitButtonFullWidth,
+  hideInputTypeLabel,
+  inputTypeLabel = "Run input",
+  hideHeading
+}) => {
+  const [draft, setDraft] = useState(() => createInitialDraft(defaultValues, isProcessorWorkflow));
+  const formValues = useRef(defaultValues);
+  const [errors, setErrors] = useState([]);
+  function readDraftValue() {
+    if (draft.type === "json") return parseJsonDraft(draft.value);
+    return { ok: true, value: draft.type === "form" ? formValues.current : draft.value };
+  }
+  function submitJsonDraft(text) {
+    const json = parseJsonDraft(text);
+    if (!json.ok) return setErrors([json.error]);
+    const result = schema.safeParse(json.value);
+    if (result.success) onSubmit(result.data);
+    else setErrors(result.error.issues.map((issue) => `${issue.path.join(".") || "Input"}: ${issue.message}`));
+  }
+  function changeInputType(type) {
+    if (type === draft.type) return;
+    setErrors([]);
+    const current = readDraftValue();
+    if (!current.ok) return setErrors([current.error]);
+    if (type === "json") {
+      return setDraft({ type, value: JSON.stringify(current.value === void 0 ? {} : current.value, null, 2) });
+    }
+    if (type === "simple") {
+      const processorDraft = parseProcessorDraft(current.value);
+      if (processorDraft) return setDraft({ type, value: processorDraft });
+      return setErrors([
+        "Simple input requires a messages array with text parts and a string phase. Correct the JSON first."
+      ]);
+    }
+    const formShapeError = getFormShapeError(schema, current.value);
+    return formShapeError ? setErrors([formShapeError]) : setDraft({ type, value: current.value });
+  }
+  const defaultHeading = /* @__PURE__ */ jsx(Txt, { as: "span", variant: "subheading", tone: "ink", children: "Trigger a run" });
+  const toggleSitsInLabelRow = !collapsible && !hideHeading;
+  const toggleSitsAboveInput = collapsible || hideHeading || hideInputTypeLabel;
+  const inputTypeToggle = /* @__PURE__ */ jsx(
+    WorkflowInputTypeToggle,
+    {
+      value: draft.type,
+      onChange: changeInputType,
+      disabled: isSubmitLoading,
+      includeSimple: isProcessorWorkflow,
+      compact: toggleSitsInLabelRow
+    }
+  );
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    !hideInputTypeLabel && /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3 px-5 py-3", children: [
+      /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", children: inputTypeLabel }),
+      toggleSitsInLabelRow && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: inputTypeToggle })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-5", children: [
+      toggleSitsAboveInput && /* @__PURE__ */ jsx("div", { className: "pb-4", children: inputTypeToggle }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("pb-4", {
+            "pointer-events-none opacity-50": isSubmitLoading
+          }),
+          children: draft.type === "json" ? /* @__PURE__ */ jsx(
+            WorkflowJsonInput,
+            {
+              value: draft.value,
+              onChange: (value) => {
+                setDraft({ type: "json", value });
+                setErrors([]);
+              },
+              errors,
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit: () => submitJsonDraft(draft.value),
+              submitActions,
+              leftActions,
+              children
+            }
+          ) : draft.type === "simple" && isProcessorWorkflow ? /* @__PURE__ */ jsx(
+            WorkflowProcessorInput,
+            {
+              schema,
+              value: draft.value,
+              onChange: (value) => setDraft({ type: "simple", value }),
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit,
+              submitActions,
+              leftActions,
+              children
+            }
+          ) : /* @__PURE__ */ jsx(
+            WorkflowFormInput,
+            {
+              schema,
+              onValuesChange: (value) => {
+                formValues.current = value;
+              },
+              defaultValues: draft.value,
+              isSubmitLoading,
+              submitButtonLabel,
+              submitButtonIcon,
+              submitButtonVariant,
+              submitButtonFullWidth,
+              onSubmit,
+              submitActions,
+              leftActions,
+              children
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+  if (!collapsible) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      !hideHeading && /* @__PURE__ */ jsx("div", { className: "border-b border-border/50 pb-3", children: headingSlot ?? defaultHeading }),
+      /* @__PURE__ */ jsx("div", { children: body })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: true, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex w-full items-center gap-2 pb-3 text-left", children: [
+      /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" }),
+      headingSlot ?? defaultHeading
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { keepMounted: true, children: body })
+  ] });
+};
+const WorkflowFormInput = ({
+  schema,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  onSubmit,
+  children,
+  submitActions,
+  leftActions,
+  submitButtonIcon,
+  submitButtonVariant,
+  submitButtonFullWidth,
+  onValuesChange
+}) => /* @__PURE__ */ jsx(
+  DynamicForm,
+  {
+    schema,
+    defaultValues,
+    onValuesChange,
+    isSubmitLoading,
+    submitButtonLabel,
+    submitButtonIcon,
+    submitButtonVariant,
+    submitButtonFullWidth,
+    onSubmit,
+    readOnly: isSubmitLoading,
+    submitActions,
+    leftActions,
+    children
+  }
+);
+
+export { WorkflowInputData };
+//# sourceMappingURL=workflow-input-data.es.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
+const primitives_transitions = require('../../../primitives/transitions.cjs.js');
+const primitives_typography = require('../../../primitives/typography.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+
+function WorkflowInputTypeToggle({
+  value,
+  onChange,
+  disabled,
+  includeSimple,
+  compact
+}) {
+  const iconClassName = compact ? "h-3 w-3" : "h-4 w-4";
+  const options = [
+    ...includeSimple ? [{ value: "simple", label: "Simple" }] : [],
+    { value: "form", label: "Form", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FormInput, { className: iconClassName }) },
+    { value: "json", label: "JSON", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Braces, { className: iconClassName }) }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Input view",
+      className: utils_cn.cn(
+        primitives_raisedSurface.raisedSurfaceStyle,
+        "grid auto-cols-fr grid-flow-col gap-1",
+        compact ? "rounded-md p-px" : "w-full rounded-lg p-1"
+      ),
+      children: options.map((option) => {
+        const isActive = option.value === value;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": isActive,
+            "aria-label": option.label,
+            disabled,
+            onClick: () => onChange(option.value),
+            className: utils_cn.cn(
+              "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",
+              isActive ? "bg-fill-hover text-foreground" : primitives_typography.quietTextHover,
+              disabled && "cursor-not-allowed opacity-50"
+            ),
+            children: [
+              option.icon,
+              /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: compact ? "meta" : "caption", children: option.label })
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+
+exports.WorkflowInputTypeToggle = WorkflowInputTypeToggle;
+//# sourceMappingURL=workflow-input-type-toggle.cjs.js.map

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

@@ -0,0 +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;;;;"}

package/dist/domains/workflows/workflow/workflow-input-type-toggle.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/workflow/workflow-input-type-toggle'
+export {}