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

package/dist/domains/traces/hooks/use-traces-list-source.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-traces-list-source.cjs.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":["useState","useTraceQuery","useEffect","toTracesListViewTraces"],"mappings":";;;;;;;;AAeO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAIA,eAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAASC,gDAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAMC,sEAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-traces-list-source.cjs.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  /** Rows per page; defaults to `TRACE_QUERY_PER_PAGE`. */\n  limit?: number;\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  limit,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    limit,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":["useState","useTraceQuery","useEffect","toTracesListViewTraces"],"mappings":";;;;;;;;AAiBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAIA,eAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAASC,gDAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAMC,sEAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/domains/traces/hooks/use-traces-list-source.es.js

@@ -9,6 +9,7 @@ function useTracesListSource({
   initialAutoRefetch = true,
   withQueryTrace,
   legacyFilters,
+  limit,
   enabled
 }) {
   const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
@@ -19,6 +20,7 @@ function useTracesListSource({
     refetchOnWindowFocus: autoRefetch,
     withQueryTrace,
     legacyFilters,
+    limit,
     enabled
   });
   useEffect(() => {

package/dist/domains/traces/hooks/use-traces-list-source.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-traces-list-source.es.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":[],"mappings":";;;;AAeO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAM,sBAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-traces-list-source.es.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  /** Rows per page; defaults to `TRACE_QUERY_PER_PAGE`. */\n  limit?: number;\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  limit,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    limit,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAM,sBAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/domains/workflows/components/workflow-combobox.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_hooks_useWorkflows = require('../hooks/use-workflows.cjs.js');
-const combobox = require('../../../combobox-DJ0c4o4S.cjs');
+const combobox = require('../../../combobox-RzEkcOuu.cjs');
 require('@base-ui/react/combobox');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');

package/dist/domains/workflows/components/workflow-combobox.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { useWorkflows } from '../hooks/use-workflows.es.js';
-import { C as Combobox } from '../../../combobox-B15qTrWO.js';
+import { C as Combobox } from '../../../combobox-DKFPbNMB.js';
 import '@base-ui/react/combobox';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';

package/dist/domains/workflows/components/workflow-step-detail.cjs.js

@@ -7,10 +7,10 @@ const react = require('@xyflow/react');
 const lucideReact = require('lucide-react');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_workflowDataInspector = require('../workflow/data/workflow-data-inspector.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const workflowConditionCard = require('../../../workflow-condition-card-BjEAp0t6.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BFm2IWDl.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-DyoN3850.cjs');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 
 function WorkflowStepDetailContent({ requestContext }) {

package/dist/domains/workflows/components/workflow-step-detail.es.js

@@ -3,10 +3,10 @@ import { ReactFlowProvider } from '@xyflow/react';
 import { List, X } from 'lucide-react';
 import { useWorkflowStepDetail } from '../context/workflow-step-detail-context.es.js';
 import { WorkflowDataInspector } from '../workflow/data/workflow-data-inspector.es.js';
-import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-CexS1ECI.js';
+import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { B as BADGE_COLORS } from '../../../workflow-condition-card-3J-As62x.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BM4ZnrUr.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-3AcgitHa.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 
 function WorkflowStepDetailContent({ requestContext }) {

package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js

@@ -9,8 +9,8 @@ const domains_workflows_components_workflowsList_workflowsSort = require('./work
 const domains_workflows_hooks_useWorkflowsRunCounts = require('../../hooks/use-workflows-run-counts.cjs.js');
 const domains_workflows_utils_nestedWorkflows = require('../../utils/nested-workflows.cjs.js');
 const Badge = require('../../../../Badge-D3EctKQo.cjs');
-const dataList = require('../../../../data-list-Y42KyuI1.cjs');
-const dataListSkeleton = require('../../../../data-list-skeleton-BXPfL0s7.cjs');
+const dataList = require('../../../../data-list-Bqf-fhMx.cjs');
+const dataListSkeleton = require('../../../../data-list-skeleton-DuqQkzwC.cjs');
 const useDataListKeyboard = require('../../../../use-data-list-keyboard-DF3tLe10.cjs');
 const tooltip = require('../../../../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');

package/dist/domains/workflows/components/workflows-list/workflows-list.es.js

@@ -5,8 +5,8 @@ import { sortWorkflows } from './workflows-sort.es.js';
 import { useWorkflowsRunCounts } from '../../hooks/use-workflows-run-counts.es.js';
 import { flattenWorkflowTree } from '../../utils/nested-workflows.es.js';
 import { B as Badge } from '../../../../Badge-DmOqFpXW.js';
-import { D as DataList } from '../../../../data-list-CyeD_u-6.js';
-import { D as DataListSkeleton } from '../../../../data-list-skeleton-Bk9LI0J0.js';
+import { D as DataList } from '../../../../data-list-CEIYm7FY.js';
+import { D as DataListSkeleton } from '../../../../data-list-skeleton-CeyLefM5.js';
 import { u as useDataListKeyboard } from '../../../../use-data-list-keyboard-DFQr4t38.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_workflows_context_workflowStepDetailContext = require('../../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_useWorkflowData = require('./use-workflow-data.cjs.js');
-const workflowEdgeDataButton = require('../../../../workflow-edge-data-button-BOVRo4xO.cjs');
+const workflowEdgeDataButton = require('../../../../workflow-edge-data-button-BFNO-TRL.cjs');
 
 function WorkflowDataButton({ selection }) {
   const { stepDetail, showData } = domains_workflows_context_workflowStepDetailContext.useWorkflowStepDetail();

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useWorkflowStepDetail } from '../../context/workflow-step-detail-context.es.js';
 import { useWorkflowData, workflowDataKey } from './use-workflow-data.es.js';
-import { W as WorkflowEdgeDataButton } from '../../../../workflow-edge-data-button-C6eyWbcG.js';
+import { W as WorkflowEdgeDataButton } from '../../../../workflow-edge-data-button-2aIkzgev.js';
 
 function WorkflowDataButton({ selection }) {
   const { stepDetail, showData } = useWorkflowStepDetail();

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

@@ -12,7 +12,7 @@ const domains_workflows_context_workflowStepDetailContext = require('../../conte
 const domains_workflows_workflow_data_useWorkflowData = require('./use-workflow-data.cjs.js');
 const Badge = require('../../../../Badge-D3EctKQo.cjs');
 const Button = require('../../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../../code-editor-B_wPmKPf.cjs');
+const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 
 const DIRECTION_ICONS = { input: lucideReact.ArrowDownToLine, output: lucideReact.ArrowUpFromLine };

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

@@ -8,7 +8,7 @@ import { useWorkflowStepDetail } from '../../context/workflow-step-detail-contex
 import { useWorkflowData, workflowDataKey } from './use-workflow-data.es.js';
 import { B as Badge } from '../../../../Badge-DmOqFpXW.js';
 import { B as Button } from '../../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../../code-editor-28chVxHw.js';
+import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 
 const DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const codeEditor = require('../../../../code-editor-B_wPmKPf.cjs');
-const fieldBlock = require('../../../../field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('../../../../field-error-id-B3Z2Zu5y.cjs');
+const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
+const field = require('../../../../field-ip9xiOVa.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
 const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');
 
 function WorkflowJsonInput({
@@ -18,17 +18,10 @@ function WorkflowJsonInput({
   ...submitProps
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      codeEditor.CodeEditor,
-      {
-        value,
-        onChange,
-        editable: !isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId.fieldErrorId("workflow-json-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: "workflow-json-input", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { invalid: errors.length > 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value, onChange, editable: !isSubmitLoading }),
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { children: errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) }) })
+    ] }),
     children,
     /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_formSubmitRow.FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-json-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <CodeEditor\n        value={value}\n        onChange={onChange}\n        editable={!isSubmitLoading}\n        aria-invalid={errors.length > 0 ? true : undefined}\n        aria-describedby={errors.length > 0 ? fieldErrorId('workflow-json-input') : undefined}\n      />\n      {errors.length > 0 && (\n        <FieldBlock.ErrorMsg name=\"workflow-json-input\">\n          <span className=\"space-y-1\">\n            {errors.map(error => (\n              <span key={error} className=\"block\">\n                {error}\n              </span>\n            ))}\n          </span>\n        </FieldBlock.ErrorMsg>\n      )}\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CodeEditor","fieldErrorId","FieldBlock","FormSubmitRow"],"mappings":";;;;;;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAU,CAAC,eAAA;AAAA,QACX,cAAA,EAAc,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAAA,QACzC,oBAAkB,MAAA,CAAO,MAAA,GAAS,CAAA,GAAIC,yBAAA,CAAa,qBAAqB,CAAA,GAAI;AAAA;AAAA,KAC9E;AAAA,IACC,MAAA,CAAO,MAAA,GAAS,CAAA,oBACfF,cAAA,CAACG,qBAAA,CAAW,UAAX,EAAoB,IAAA,EAAK,qBAAA,EACxB,QAAA,kBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aACb,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,KAAA,qBACVA,cAAA,CAAC,MAAA,EAAA,EAAiB,SAAA,EAAU,SACzB,QAAA,EAAA,KAAA,EAAA,EADQ,KAEX,CACD,CAAA,EACH,CAAA,EACF,CAAA;AAAA,IAED,QAAA;AAAA,oBACDA,cAAA,CAACI,+CAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-json-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":["jsxs","Field","jsx","CodeEditor","FieldError","FormSubmitRow"],"mappings":";;;;;;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAACC,WAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,qBAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1ED,cAAA,CAACE,oBACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACfF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACVA,cAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACDA,cAAA,CAACG,+CAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { C as CodeEditor } from '../../../../code-editor-28chVxHw.js';
-import { F as FieldBlock } from '../../../../field-block--PeppIRb.js';
-import { f as fieldErrorId } from '../../../../field-error-id-D3yg1nBh.js';
+import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
+import { F as Field, c as FieldError } from '../../../../field-BtvEQ68O.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
 import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
 
 function WorkflowJsonInput({
@@ -14,17 +14,10 @@ function WorkflowJsonInput({
   ...submitProps
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx(
-      CodeEditor,
-      {
-        value,
-        onChange,
-        editable: !isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId("workflow-json-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: "workflow-json-input", children: /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) }) }),
+    /* @__PURE__ */ jsxs(Field, { invalid: errors.length > 0, children: [
+      /* @__PURE__ */ jsx(CodeEditor, { value, onChange, editable: !isSubmitLoading }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.length > 0 && /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) }) })
+    ] }),
     children,
     /* @__PURE__ */ jsx(FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-json-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <CodeEditor\n        value={value}\n        onChange={onChange}\n        editable={!isSubmitLoading}\n        aria-invalid={errors.length > 0 ? true : undefined}\n        aria-describedby={errors.length > 0 ? fieldErrorId('workflow-json-input') : undefined}\n      />\n      {errors.length > 0 && (\n        <FieldBlock.ErrorMsg name=\"workflow-json-input\">\n          <span className=\"space-y-1\">\n            {errors.map(error => (\n              <span key={error} className=\"block\">\n                {error}\n              </span>\n            ))}\n          </span>\n        </FieldBlock.ErrorMsg>\n      )}\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAU,CAAC,eAAA;AAAA,QACX,cAAA,EAAc,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAAA,QACzC,oBAAkB,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,YAAA,CAAa,qBAAqB,CAAA,GAAI;AAAA;AAAA,KAC9E;AAAA,IACC,MAAA,CAAO,MAAA,GAAS,CAAA,oBACf,GAAA,CAAC,UAAA,CAAW,UAAX,EAAoB,IAAA,EAAK,qBAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aACb,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,KAAA,qBACV,GAAA,CAAC,MAAA,EAAA,EAAiB,SAAA,EAAU,SACzB,QAAA,EAAA,KAAA,EAAA,EADQ,KAEX,CACD,CAAA,EACH,CAAA,EACF,CAAA;AAAA,IAED,QAAA;AAAA,oBACD,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-json-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1E,GAAA,CAAC,cACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACf,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,GAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACD,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}

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

@@ -5,11 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_workflow_input_processorInput = require('./processor-input.cjs.js');
-const fieldBlock = require('../../../../field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('../../../../field-error-id-B3Z2Zu5y.cjs');
-const textareaFieldBlock = require('../../../../textarea-field-block-CKAhmLrz.cjs');
-const select = require('../../../../select-DBY9LQFQ.cjs');
-const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const field = require('../../../../field-ip9xiOVa.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
+const select = require('../../../../select-DJQYAVcm.cjs');
+const textarea = require('../../../../textarea-DNV5Gs9A.cjs');
 const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');
 
 const PROCESSOR_PHASES = [
@@ -19,6 +18,10 @@ const PROCESSOR_PHASES = [
   { value: "outputResult", label: "Output Result - Process complete output" },
   { value: "outputStep", label: "Output Step - Process after each LLM response" }
 ];
+const NO_ERRORS = { phase: [], message: [] };
+function ErrorLines({ errors }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) });
+}
 const WorkflowProcessorInput = ({
   schema,
   value,
@@ -33,65 +36,59 @@ const WorkflowProcessorInput = ({
   submitButtonVariant,
   submitButtonFullWidth
 }) => {
-  const messageName = React.useId();
-  const phaseId = React.useId();
-  const [errors, setErrors] = React.useState([]);
+  const [errors, setErrors] = React.useState(NO_ERRORS);
   const handleSubmit = () => {
-    setErrors([]);
+    setErrors(NO_ERRORS);
     const result = schema.safeParse(value);
     if (!result.success) {
-      setErrors(result.error.issues.map((issue) => `${issue.path.join(".")}: ${issue.message}`));
+      const nextErrors = { phase: [], message: [] };
+      for (const issue of result.error.issues) {
+        const fieldErrors = issue.path[0] === "phase" ? nextErrors.phase : nextErrors.message;
+        fieldErrors.push(`${issue.path.join(".")}: ${issue.message}`);
+      }
+      setErrors(nextErrors);
       return;
     }
     onSubmit(result.data);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name: phaseId, htmlFor: phaseId, children: "Phase" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { invalid: errors.phase.length > 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Phase" }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         select.Select,
         {
           value: value.phase,
           onValueChange: (phase) => {
-            setErrors([]);
+            setErrors(NO_ERRORS);
             onChange(domains_workflows_workflow_input_processorInput.withPhaseRole({ ...value, phase }));
           },
           disabled: isSubmitLoading,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              select.SelectTrigger,
-              {
-                id: phaseId,
-                className: "w-full",
-                "aria-invalid": errors.length > 0 ? true : void 0,
-                "aria-describedby": errors.length > 0 ? fieldErrorId.fieldErrorId("workflow-processor-input") : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select phase" })
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select phase" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: PROCESSOR_PHASES.map((phaseOption) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: phaseOption.value, children: phaseOption.value }, phaseOption.value)) })
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", tone: "muted", children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label })
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { children: errors.phase.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ErrorLines, { errors: errors.phase }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { invalid: errors.message.length > 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Test Message" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        textarea.Textarea,
+        {
+          value: domains_workflows_workflow_input_processorInput.getProcessorMessage(value),
+          onChange: (event) => {
+            setErrors(NO_ERRORS);
+            onChange(domains_workflows_workflow_input_processorInput.withPhaseRole(domains_workflows_workflow_input_processorInput.updateProcessorMessage(value, event.target.value)));
+          },
+          placeholder: "Enter a test message...",
+          rows: 4,
+          disabled: isSubmitLoading
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { children: errors.message.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ErrorLines, { errors: errors.message }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      textareaFieldBlock.TextareaFieldBlock,
-      {
-        name: messageName,
-        label: "Test Message",
-        value: domains_workflows_workflow_input_processorInput.getProcessorMessage(value),
-        onChange: (event) => {
-          setErrors([]);
-          onChange(domains_workflows_workflow_input_processorInput.withPhaseRole(domains_workflows_workflow_input_processorInput.updateProcessorMessage(value, event.target.value)));
-        },
-        placeholder: "Enter a test message...",
-        rows: 4,
-        disabled: isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId.fieldErrorId("workflow-processor-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: "workflow-processor-input", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) }) }),
     children,
     /* @__PURE__ */ jsxRuntime.jsx(
       lib_form_components_formSubmitRow.FormSubmitRow,

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

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

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

@@ -1,11 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId, useState } from 'react';
+import { useState } from 'react';
 import { withPhaseRole, updateProcessorMessage, getProcessorMessage } from './processor-input.es.js';
-import { F as FieldBlock } from '../../../../field-block--PeppIRb.js';
-import { f as fieldErrorId } from '../../../../field-error-id-D3yg1nBh.js';
-import { T as TextareaFieldBlock } from '../../../../textarea-field-block-BscOSlvI.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../../select-DZeNf-kI.js';
-import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../../field-BtvEQ68O.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../../select--ArpXYDc.js';
+import { T as Textarea } from '../../../../textarea-CxPNKg2q.js';
 import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
 
 const PROCESSOR_PHASES = [
@@ -15,6 +14,10 @@ const PROCESSOR_PHASES = [
   { value: "outputResult", label: "Output Result - Process complete output" },
   { value: "outputStep", label: "Output Step - Process after each LLM response" }
 ];
+const NO_ERRORS = { phase: [], message: [] };
+function ErrorLines({ errors }) {
+  return /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) });
+}
 const WorkflowProcessorInput = ({
   schema,
   value,
@@ -29,65 +32,59 @@ const WorkflowProcessorInput = ({
   submitButtonVariant,
   submitButtonFullWidth
 }) => {
-  const messageName = useId();
-  const phaseId = useId();
-  const [errors, setErrors] = useState([]);
+  const [errors, setErrors] = useState(NO_ERRORS);
   const handleSubmit = () => {
-    setErrors([]);
+    setErrors(NO_ERRORS);
     const result = schema.safeParse(value);
     if (!result.success) {
-      setErrors(result.error.issues.map((issue) => `${issue.path.join(".")}: ${issue.message}`));
+      const nextErrors = { phase: [], message: [] };
+      for (const issue of result.error.issues) {
+        const fieldErrors = issue.path[0] === "phase" ? nextErrors.phase : nextErrors.message;
+        fieldErrors.push(`${issue.path.join(".")}: ${issue.message}`);
+      }
+      setErrors(nextErrors);
       return;
     }
     onSubmit(result.data);
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(FieldBlock.Label, { name: phaseId, htmlFor: phaseId, children: "Phase" }),
+    /* @__PURE__ */ jsxs(Field, { invalid: errors.phase.length > 0, children: [
+      /* @__PURE__ */ jsx(FieldLabel, { children: "Phase" }),
       /* @__PURE__ */ jsxs(
         Select,
         {
           value: value.phase,
           onValueChange: (phase) => {
-            setErrors([]);
+            setErrors(NO_ERRORS);
             onChange(withPhaseRole({ ...value, phase }));
           },
           disabled: isSubmitLoading,
           children: [
-            /* @__PURE__ */ jsx(
-              SelectTrigger,
-              {
-                id: phaseId,
-                className: "w-full",
-                "aria-invalid": errors.length > 0 ? true : void 0,
-                "aria-describedby": errors.length > 0 ? fieldErrorId("workflow-processor-input") : void 0,
-                children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select phase" })
-              }
-            ),
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select phase" }) }),
             /* @__PURE__ */ jsx(SelectContent, { children: PROCESSOR_PHASES.map((phaseOption) => /* @__PURE__ */ jsx(SelectItem, { value: phaseOption.value, children: phaseOption.value }, phaseOption.value)) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx(Txt, { variant: "meta", tone: "muted", children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label })
+      /* @__PURE__ */ jsx(FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.phase.length > 0 && /* @__PURE__ */ jsx(ErrorLines, { errors: errors.phase }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { invalid: errors.message.length > 0, children: [
+      /* @__PURE__ */ jsx(FieldLabel, { children: "Test Message" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: getProcessorMessage(value),
+          onChange: (event) => {
+            setErrors(NO_ERRORS);
+            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));
+          },
+          placeholder: "Enter a test message...",
+          rows: 4,
+          disabled: isSubmitLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.message.length > 0 && /* @__PURE__ */ jsx(ErrorLines, { errors: errors.message }) })
     ] }),
-    /* @__PURE__ */ jsx(
-      TextareaFieldBlock,
-      {
-        name: messageName,
-        label: "Test Message",
-        value: getProcessorMessage(value),
-        onChange: (event) => {
-          setErrors([]);
-          onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));
-        },
-        placeholder: "Enter a test message...",
-        rows: 4,
-        disabled: isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId("workflow-processor-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: "workflow-processor-input", children: /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) }) }),
     children,
     /* @__PURE__ */ jsx(
       FormSubmitRow,