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

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

@@ -0,0 +1,22 @@
+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-D50Uq0EA.js';
+
+function WorkflowDataButton({ selection }) {
+  const { stepDetail, showData } = useWorkflowStepDetail();
+  const { value, label } = useWorkflowData(selection);
+  const selected = stepDetail?.type === "data" && workflowDataKey(stepDetail.selection) === workflowDataKey(selection);
+  return /* @__PURE__ */ jsx(
+    WorkflowEdgeDataButton,
+    {
+      output: value,
+      label,
+      selected,
+      onInspect: (event) => showData(selection, event.currentTarget)
+    }
+  );
+}
+
+export { WorkflowDataButton };
+//# sourceMappingURL=workflow-data-button.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-data-button.es.js","sources":["../../../../../src/domains/workflows/workflow/data/workflow-data-button.tsx"],"sourcesContent":["import { useWorkflowStepDetail } from '../../context/workflow-step-detail-context';\nimport type { WorkflowDataSelection } from '../../context/workflow-step-detail-context';\nimport { useWorkflowData, workflowDataKey } from './use-workflow-data';\nimport { WorkflowEdgeDataButton } from '@/ds/components/Workflow';\n\nexport function WorkflowDataButton({ selection }: { selection: WorkflowDataSelection }) {\n  const { stepDetail, showData } = useWorkflowStepDetail();\n  const { value, label } = useWorkflowData(selection);\n  const selected = stepDetail?.type === 'data' && workflowDataKey(stepDetail.selection) === workflowDataKey(selection);\n\n  return (\n    <WorkflowEdgeDataButton\n      output={value}\n      label={label}\n      selected={selected}\n      onInspect={event => showData(selection, event.currentTarget)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAU,EAAyC;AACtF,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAS,GAAI,qBAAA,EAAsB;AACvD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAM,GAAI,gBAAgB,SAAS,CAAA;AAClD,EAAA,MAAM,QAAA,GAAW,YAAY,IAAA,KAAS,MAAA,IAAU,gBAAgB,UAAA,CAAW,SAAS,CAAA,KAAM,eAAA,CAAgB,SAAS,CAAA;AAEnH,EAAA,uBACE,GAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAW,CAAA,KAAA,KAAS,QAAA,CAAS,SAAA,EAAW,MAAM,aAAa;AAAA;AAAA,GAC7D;AAEJ;;;;"}

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const safeStringify = require('@mastra/core/utils/safe-stringify');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_workflows_components_workflowLayout = require('../../components/workflow-layout.cjs.js');
+const domains_workflows_context_workflowRunContext = require('../../context/workflow-run-context.cjs.js');
+const domains_workflows_context_workflowStepDetailContext = require('../../context/workflow-step-detail-context.cjs.js');
+const domains_workflows_workflow_data_useWorkflowData = require('./use-workflow-data.cjs.js');
+const Badge = require('../../../../Badge-DFNxcz-r.cjs');
+const Button = require('../../../../Button-BAMnPqos.cjs');
+const codeEditor = require('../../../../code-editor-BYGlHRhb.cjs');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+
+const DIRECTION_ICONS = { input: lucideReact.ArrowDownToLine, output: lucideReact.ArrowUpFromLine };
+const DIRECTION_LABELS = { input: "Input", output: "Output" };
+function WorkflowDataInspector({ selection }) {
+  const { closeStepDetail } = domains_workflows_context_workflowStepDetailContext.useWorkflowStepDetail();
+  const { result } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
+  const { name, direction, value } = domains_workflows_workflow_data_useWorkflowData.useWorkflowData(selection);
+  const DirectionIcon = DIRECTION_ICONS[direction];
+  const closeRef = React.useRef(null);
+  const selectionKey = domains_workflows_workflow_data_useWorkflowData.workflowDataKey(selection);
+  React.useEffect(() => {
+    closeRef.current?.focus({ preventScroll: true });
+  }, [selectionKey]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Data inspector",
+      className: `workflow-data-inspector ${domains_workflows_components_workflowLayout.panelSurfaceStyle} flex min-h-0 flex-col overflow-hidden`,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !event.defaultPrevented) {
+          event.stopPropagation();
+          closeStepDetail();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex shrink-0 items-start gap-3 border-b border-border/50 bg-background px-5 py-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "neutral", emphasis: "muted", icon: /* @__PURE__ */ jsxRuntime.jsx(DirectionIcon, {}), children: DIRECTION_LABELS[direction] }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "column", tone: "ink", className: "break-words", children: name })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { ref: closeRef, variant: "ghost", size: "icon-sm", tooltip: "Close data inspector", onClick: closeStepDetail, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 overflow-auto overscroll-contain p-3", children: value === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "p", variant: "caption", tone: "muted", className: "p-2", children: [
+          "No ",
+          direction,
+          " recorded for this selection."
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          codeEditor.CodeEditor,
+          {
+            value: safeStringify.safeStringify(value, 2),
+            editable: false,
+            lineNumbers: false,
+            className: "min-w-0 rounded-lg bg-background p-3"
+          },
+          selectionKey
+        ) }),
+        result?.status === "suspended" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border/50 p-2", children: /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "ghost", className: "w-full justify-start text-warning1", onClick: closeStepDetail, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, {}),
+          "Return to suspended step",
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto" })
+        ] }) })
+      ]
+    }
+  );
+}
+
+exports.WorkflowDataInspector = WorkflowDataInspector;
+//# sourceMappingURL=workflow-data-inspector.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-data-inspector.cjs.js","sources":["../../../../../src/domains/workflows/workflow/data/workflow-data-inspector.tsx"],"sourcesContent":["import { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { ArrowDownToLine, ArrowUpFromLine, ChevronRight, CirclePause, X } from 'lucide-react';\nimport { useContext, useEffect, useRef } from 'react';\nimport { panelSurfaceStyle } from '../../components/workflow-layout';\nimport { WorkflowRunContext } from '../../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../../context/workflow-step-detail-context';\nimport type { WorkflowDataSelection } from '../../context/workflow-step-detail-context';\nimport { useWorkflowData, workflowDataKey } from './use-workflow-data';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\n\nconst DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };\nconst DIRECTION_LABELS = { input: 'Input', output: 'Output' };\n\nexport function WorkflowDataInspector({ selection }: { selection: WorkflowDataSelection }) {\n  const { closeStepDetail } = useWorkflowStepDetail();\n  const { result } = useContext(WorkflowRunContext);\n  const { name, direction, value } = useWorkflowData(selection);\n  const DirectionIcon = DIRECTION_ICONS[direction];\n  const closeRef = useRef<HTMLButtonElement>(null);\n  const selectionKey = workflowDataKey(selection);\n\n  useEffect(() => {\n    closeRef.current?.focus({ preventScroll: true });\n  }, [selectionKey]);\n\n  return (\n    <section\n      aria-label=\"Data inspector\"\n      className={`workflow-data-inspector ${panelSurfaceStyle} flex min-h-0 flex-col overflow-hidden`}\n      onKeyDown={event => {\n        if (event.key === 'Escape' && !event.defaultPrevented) {\n          event.stopPropagation();\n          closeStepDetail();\n        }\n      }}\n    >\n      <header className=\"flex shrink-0 items-start gap-3 border-b border-border/50 bg-background px-5 py-4\">\n        <div className=\"min-w-0 flex-1 space-y-2\">\n          <Badge variant=\"neutral\" emphasis=\"muted\" icon={<DirectionIcon />}>\n            {DIRECTION_LABELS[direction]}\n          </Badge>\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"break-words\">\n            {name}\n          </Txt>\n        </div>\n        <Button ref={closeRef} variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close data inspector\" onClick={closeStepDetail}>\n          <X />\n        </Button>\n      </header>\n      <div className=\"min-h-0 overflow-auto overscroll-contain p-3\">\n        {value === undefined ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"p-2\">\n            No {direction} recorded for this selection.\n          </Txt>\n        ) : (\n          <CodeEditor\n            key={selectionKey}\n            value={safeStringify(value, 2)}\n            editable={false}\n            lineNumbers={false}\n            className=\"min-w-0 rounded-lg bg-background p-3\"\n          />\n        )}\n      </div>\n      {result?.status === 'suspended' && (\n        <div className=\"shrink-0 border-t border-border/50 p-2\">\n          <Button variant=\"ghost\" className=\"w-full justify-start text-warning1\" onClick={closeStepDetail}>\n            <CirclePause />\n            Return to suspended step\n            <ChevronRight className=\"ml-auto\" />\n          </Button>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["ArrowDownToLine","ArrowUpFromLine","useWorkflowStepDetail","useContext","WorkflowRunContext","useWorkflowData","useRef","workflowDataKey","useEffect","jsxs","panelSurfaceStyle","jsx","Badge","Txt","Button","X","CodeEditor","safeStringify","CirclePause","ChevronRight"],"mappings":"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"}

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

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

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

@@ -0,0 +1,70 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { safeStringify } from '@mastra/core/utils/safe-stringify';
+import { ArrowUpFromLine, ArrowDownToLine, X, CirclePause, ChevronRight } from 'lucide-react';
+import { useContext, useRef, useEffect } from 'react';
+import { panelSurfaceStyle } from '../../components/workflow-layout.es.js';
+import { WorkflowRunContext } from '../../context/workflow-run-context.es.js';
+import { useWorkflowStepDetail } from '../../context/workflow-step-detail-context.es.js';
+import { useWorkflowData, workflowDataKey } from './use-workflow-data.es.js';
+import { B as Badge } from '../../../../Badge-Bzn8Z-_I.js';
+import { B as Button } from '../../../../Button-B8nF87ai.js';
+import { C as CodeEditor } from '../../../../code-editor-DMNGyqvg.js';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+
+const DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };
+const DIRECTION_LABELS = { input: "Input", output: "Output" };
+function WorkflowDataInspector({ selection }) {
+  const { closeStepDetail } = useWorkflowStepDetail();
+  const { result } = useContext(WorkflowRunContext);
+  const { name, direction, value } = useWorkflowData(selection);
+  const DirectionIcon = DIRECTION_ICONS[direction];
+  const closeRef = useRef(null);
+  const selectionKey = workflowDataKey(selection);
+  useEffect(() => {
+    closeRef.current?.focus({ preventScroll: true });
+  }, [selectionKey]);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": "Data inspector",
+      className: `workflow-data-inspector ${panelSurfaceStyle} flex min-h-0 flex-col overflow-hidden`,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !event.defaultPrevented) {
+          event.stopPropagation();
+          closeStepDetail();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex shrink-0 items-start gap-3 border-b border-border/50 bg-background px-5 py-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "neutral", emphasis: "muted", icon: /* @__PURE__ */ jsx(DirectionIcon, {}), children: DIRECTION_LABELS[direction] }),
+            /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "column", tone: "ink", className: "break-words", children: name })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { ref: closeRef, variant: "ghost", size: "icon-sm", tooltip: "Close data inspector", onClick: closeStepDetail, children: /* @__PURE__ */ jsx(X, {}) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-auto overscroll-contain p-3", children: value === void 0 ? /* @__PURE__ */ jsxs(Txt, { as: "p", variant: "caption", tone: "muted", className: "p-2", children: [
+          "No ",
+          direction,
+          " recorded for this selection."
+        ] }) : /* @__PURE__ */ jsx(
+          CodeEditor,
+          {
+            value: safeStringify(value, 2),
+            editable: false,
+            lineNumbers: false,
+            className: "min-w-0 rounded-lg bg-background p-3"
+          },
+          selectionKey
+        ) }),
+        result?.status === "suspended" && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border/50 p-2", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-full justify-start text-warning1", onClick: closeStepDetail, children: [
+          /* @__PURE__ */ jsx(CirclePause, {}),
+          "Return to suspended step",
+          /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
+        ] }) })
+      ]
+    }
+  );
+}
+
+export { WorkflowDataInspector };
+//# sourceMappingURL=workflow-data-inspector.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-data-inspector.es.js","sources":["../../../../../src/domains/workflows/workflow/data/workflow-data-inspector.tsx"],"sourcesContent":["import { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { ArrowDownToLine, ArrowUpFromLine, ChevronRight, CirclePause, X } from 'lucide-react';\nimport { useContext, useEffect, useRef } from 'react';\nimport { panelSurfaceStyle } from '../../components/workflow-layout';\nimport { WorkflowRunContext } from '../../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../../context/workflow-step-detail-context';\nimport type { WorkflowDataSelection } from '../../context/workflow-step-detail-context';\nimport { useWorkflowData, workflowDataKey } from './use-workflow-data';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\n\nconst DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };\nconst DIRECTION_LABELS = { input: 'Input', output: 'Output' };\n\nexport function WorkflowDataInspector({ selection }: { selection: WorkflowDataSelection }) {\n  const { closeStepDetail } = useWorkflowStepDetail();\n  const { result } = useContext(WorkflowRunContext);\n  const { name, direction, value } = useWorkflowData(selection);\n  const DirectionIcon = DIRECTION_ICONS[direction];\n  const closeRef = useRef<HTMLButtonElement>(null);\n  const selectionKey = workflowDataKey(selection);\n\n  useEffect(() => {\n    closeRef.current?.focus({ preventScroll: true });\n  }, [selectionKey]);\n\n  return (\n    <section\n      aria-label=\"Data inspector\"\n      className={`workflow-data-inspector ${panelSurfaceStyle} flex min-h-0 flex-col overflow-hidden`}\n      onKeyDown={event => {\n        if (event.key === 'Escape' && !event.defaultPrevented) {\n          event.stopPropagation();\n          closeStepDetail();\n        }\n      }}\n    >\n      <header className=\"flex shrink-0 items-start gap-3 border-b border-border/50 bg-background px-5 py-4\">\n        <div className=\"min-w-0 flex-1 space-y-2\">\n          <Badge variant=\"neutral\" emphasis=\"muted\" icon={<DirectionIcon />}>\n            {DIRECTION_LABELS[direction]}\n          </Badge>\n          <Txt as=\"h2\" variant=\"column\" tone=\"ink\" className=\"break-words\">\n            {name}\n          </Txt>\n        </div>\n        <Button ref={closeRef} variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close data inspector\" onClick={closeStepDetail}>\n          <X />\n        </Button>\n      </header>\n      <div className=\"min-h-0 overflow-auto overscroll-contain p-3\">\n        {value === undefined ? (\n          <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"p-2\">\n            No {direction} recorded for this selection.\n          </Txt>\n        ) : (\n          <CodeEditor\n            key={selectionKey}\n            value={safeStringify(value, 2)}\n            editable={false}\n            lineNumbers={false}\n            className=\"min-w-0 rounded-lg bg-background p-3\"\n          />\n        )}\n      </div>\n      {result?.status === 'suspended' && (\n        <div className=\"shrink-0 border-t border-border/50 p-2\">\n          <Button variant=\"ghost\" className=\"w-full justify-start text-warning1\" onClick={closeStepDetail}>\n            <CirclePause />\n            Return to suspended step\n            <ChevronRight className=\"ml-auto\" />\n          </Button>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const edgeDataKey = ({ data }) => {
+  if (data?.boundaryPayload !== void 0) return `boundary:${data.boundaryPayload}`;
+  if (data?.previousStepId !== void 0) return `step:${data.previousStepId}`;
+  return void 0;
+};
+function groupWorkflowEdgeData(edges) {
+  const dataGroups = /* @__PURE__ */ new Map();
+  for (const edge of edges) {
+    const key = edgeDataKey(edge);
+    if (key === void 0) continue;
+    const group = dataGroups.get(key);
+    if (group) group.push(edge);
+    else dataGroups.set(key, [edge]);
+  }
+  return edges.map((edge) => {
+    const key = edgeDataKey(edge);
+    const group = key === void 0 ? void 0 : dataGroups.get(key);
+    if (!group || group.length < 2) return edge;
+    return {
+      ...edge,
+      data: { ...edge.data, dataLabelPlacement: group[0]?.id === edge.id ? "source" : "hidden" }
+    };
+  });
+}
+
+exports.groupWorkflowEdgeData = groupWorkflowEdgeData;
+//# sourceMappingURL=workflow-edge-data-groups.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-edge-data-groups.cjs.js","sources":["../../../../../src/domains/workflows/workflow/data/workflow-edge-data-groups.ts"],"sourcesContent":["import type { WorkflowDataEdgeModel } from '@/ds/components/Workflow';\n\nconst edgeDataKey = ({ data }: WorkflowDataEdgeModel) => {\n  if (data?.boundaryPayload !== undefined) return `boundary:${data.boundaryPayload}`;\n  if (data?.previousStepId !== undefined) return `step:${data.previousStepId}`;\n  return undefined;\n};\n\nexport function groupWorkflowEdgeData(edges: WorkflowDataEdgeModel[]): WorkflowDataEdgeModel[] {\n  const dataGroups = new Map<string, WorkflowDataEdgeModel[]>();\n  for (const edge of edges) {\n    const key = edgeDataKey(edge);\n    if (key === undefined) continue;\n    const group = dataGroups.get(key);\n    if (group) group.push(edge);\n    else dataGroups.set(key, [edge]);\n  }\n\n  return edges.map(edge => {\n    const key = edgeDataKey(edge);\n    const group = key === undefined ? undefined : dataGroups.get(key);\n    if (!group || group.length < 2) return edge;\n    return {\n      ...edge,\n      data: { ...edge.data, dataLabelPlacement: group[0]?.id === edge.id ? 'source' : 'hidden' },\n    };\n  });\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,WAAA,GAAc,CAAC,EAAE,IAAA,EAAK,KAA6B;AACvD,EAAA,IAAI,MAAM,eAAA,KAAoB,MAAA,EAAW,OAAO,CAAA,SAAA,EAAY,KAAK,eAAe,CAAA,CAAA;AAChF,EAAA,IAAI,MAAM,cAAA,KAAmB,MAAA,EAAW,OAAO,CAAA,KAAA,EAAQ,KAAK,cAAc,CAAA,CAAA;AAC1E,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,sBAAsB,KAAA,EAAyD;AAC7F,EAAA,MAAM,UAAA,uBAAiB,GAAA,EAAqC;AAC5D,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,GAAA,GAAM,YAAY,IAAI,CAAA;AAC5B,IAAA,IAAI,QAAQ,MAAA,EAAW;AACvB,IAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,GAAA,CAAI,GAAG,CAAA;AAChC,IAAA,IAAI,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAAA,SACrB,UAAA,CAAW,GAAA,CAAI,GAAA,EAAK,CAAC,IAAI,CAAC,CAAA;AAAA,EACjC;AAEA,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACvB,IAAA,MAAM,GAAA,GAAM,YAAY,IAAI,CAAA;AAC5B,IAAA,MAAM,QAAQ,GAAA,KAAQ,MAAA,GAAY,MAAA,GAAY,UAAA,CAAW,IAAI,GAAG,CAAA;AAChE,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,MAAA,GAAS,GAAG,OAAO,IAAA;AACvC,IAAA,OAAO;AAAA,MACL,GAAG,IAAA;AAAA,MACH,IAAA,EAAM,EAAE,GAAG,IAAA,CAAK,IAAA,EAAM,kBAAA,EAAoB,KAAA,CAAM,CAAC,CAAA,EAAG,EAAA,KAAO,IAAA,CAAK,EAAA,GAAK,WAAW,QAAA;AAAS,KAC3F;AAAA,EACF,CAAC,CAAA;AACH;;;;"}

package/dist/domains/workflows/workflow/data/workflow-edge-data-groups.d.ts

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

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

@@ -0,0 +1,27 @@
+const edgeDataKey = ({ data }) => {
+  if (data?.boundaryPayload !== void 0) return `boundary:${data.boundaryPayload}`;
+  if (data?.previousStepId !== void 0) return `step:${data.previousStepId}`;
+  return void 0;
+};
+function groupWorkflowEdgeData(edges) {
+  const dataGroups = /* @__PURE__ */ new Map();
+  for (const edge of edges) {
+    const key = edgeDataKey(edge);
+    if (key === void 0) continue;
+    const group = dataGroups.get(key);
+    if (group) group.push(edge);
+    else dataGroups.set(key, [edge]);
+  }
+  return edges.map((edge) => {
+    const key = edgeDataKey(edge);
+    const group = key === void 0 ? void 0 : dataGroups.get(key);
+    if (!group || group.length < 2) return edge;
+    return {
+      ...edge,
+      data: { ...edge.data, dataLabelPlacement: group[0]?.id === edge.id ? "source" : "hidden" }
+    };
+  });
+}
+
+export { groupWorkflowEdgeData };
+//# sourceMappingURL=workflow-edge-data-groups.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-edge-data-groups.es.js","sources":["../../../../../src/domains/workflows/workflow/data/workflow-edge-data-groups.ts"],"sourcesContent":["import type { WorkflowDataEdgeModel } from '@/ds/components/Workflow';\n\nconst edgeDataKey = ({ data }: WorkflowDataEdgeModel) => {\n  if (data?.boundaryPayload !== undefined) return `boundary:${data.boundaryPayload}`;\n  if (data?.previousStepId !== undefined) return `step:${data.previousStepId}`;\n  return undefined;\n};\n\nexport function groupWorkflowEdgeData(edges: WorkflowDataEdgeModel[]): WorkflowDataEdgeModel[] {\n  const dataGroups = new Map<string, WorkflowDataEdgeModel[]>();\n  for (const edge of edges) {\n    const key = edgeDataKey(edge);\n    if (key === undefined) continue;\n    const group = dataGroups.get(key);\n    if (group) group.push(edge);\n    else dataGroups.set(key, [edge]);\n  }\n\n  return edges.map(edge => {\n    const key = edgeDataKey(edge);\n    const group = key === undefined ? undefined : dataGroups.get(key);\n    if (!group || group.length < 2) return edge;\n    return {\n      ...edge,\n      data: { ...edge.data, dataLabelPlacement: group[0]?.id === edge.id ? 'source' : 'hidden' },\n    };\n  });\n}\n"],"names":[],"mappings":"AAEA,MAAM,WAAA,GAAc,CAAC,EAAE,IAAA,EAAK,KAA6B;AACvD,EAAA,IAAI,MAAM,eAAA,KAAoB,MAAA,EAAW,OAAO,CAAA,SAAA,EAAY,KAAK,eAAe,CAAA,CAAA;AAChF,EAAA,IAAI,MAAM,cAAA,KAAmB,MAAA,EAAW,OAAO,CAAA,KAAA,EAAQ,KAAK,cAAc,CAAA,CAAA;AAC1E,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,sBAAsB,KAAA,EAAyD;AAC7F,EAAA,MAAM,UAAA,uBAAiB,GAAA,EAAqC;AAC5D,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,GAAA,GAAM,YAAY,IAAI,CAAA;AAC5B,IAAA,IAAI,QAAQ,MAAA,EAAW;AACvB,IAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,GAAA,CAAI,GAAG,CAAA;AAChC,IAAA,IAAI,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAAA,SACrB,UAAA,CAAW,GAAA,CAAI,GAAA,EAAK,CAAC,IAAI,CAAC,CAAA;AAAA,EACjC;AAEA,EAAA,OAAO,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACvB,IAAA,MAAM,GAAA,GAAM,YAAY,IAAI,CAAA;AAC5B,IAAA,MAAM,QAAQ,GAAA,KAAQ,MAAA,GAAY,MAAA,GAAY,UAAA,CAAW,IAAI,GAAG,CAAA;AAChE,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,MAAA,GAAS,GAAG,OAAO,IAAA;AACvC,IAAA,OAAO;AAAA,MACL,GAAG,IAAA;AAAA,MACH,IAAA,EAAM,EAAE,GAAG,IAAA,CAAK,IAAA,EAAM,kBAAA,EAAoB,KAAA,CAAM,CAAC,CAAA,EAAG,EAAA,KAAO,IAAA,CAAK,EAAA,GAAK,WAAW,QAAA;AAAS,KAC3F;AAAA,EACF,CAAC,CAAA;AACH;;;;"}

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const nanoid = require('nanoid');
+const zod = require('zod');
+
+const processorPartSchema = zod.z.object({ type: zod.z.string(), text: zod.z.string().optional() }).passthrough();
+const processorMessageSchema = zod.z.object({
+  content: zod.z.object({ parts: zod.z.array(processorPartSchema).optional() }).passthrough().optional()
+}).passthrough();
+const processorDraftSchema = zod.z.object({ phase: zod.z.string(), messages: zod.z.array(processorMessageSchema).optional() }).passthrough().refine(hasTextInFirstMessage, "Simple input edits the text part of the first message");
+function hasTextInFirstMessage(draft) {
+  const parts = draft.messages?.[0]?.content?.parts;
+  return !parts?.length || parts.some((part) => part.type === "text");
+}
+const FALLBACK_MESSAGE_TEXT = "Hello, this is a test message.";
+function parseProcessorDraft(input) {
+  const result = processorDraftSchema.safeParse(input);
+  return result.success ? result.data : void 0;
+}
+function createProcessorMessage(text) {
+  return {
+    id: nanoid.nanoid(),
+    role: "user",
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    content: { format: 2, parts: [{ type: "text", text }] }
+  };
+}
+function createProcessorInput() {
+  return { messages: [createProcessorMessage(FALLBACK_MESSAGE_TEXT)], phase: "input" };
+}
+function getProcessorMessage(draft) {
+  return draft.messages?.[0]?.content?.parts?.find((part) => part.type === "text")?.text ?? "";
+}
+function updateProcessorMessage(draft, text) {
+  const [firstMessage = createProcessorMessage(text), ...otherMessages] = draft.messages ?? [];
+  const parts = firstMessage.content?.parts ?? [];
+  const textIndex = parts.findIndex((part) => part.type === "text");
+  const nextParts = textIndex === -1 ? [...parts, { type: "text", text }] : parts.map((part, index) => index === textIndex ? { ...part, text } : part);
+  return {
+    ...draft,
+    messages: [{ ...firstMessage, content: { ...firstMessage.content, parts: nextParts } }, ...otherMessages]
+  };
+}
+function withPhaseRole(draft) {
+  if (!draft.messages) return draft;
+  const role = draft.phase === "outputStep" || draft.phase === "outputResult" ? "assistant" : "user";
+  return {
+    ...draft,
+    messages: draft.messages.map((message, index) => index === 0 ? { ...message, role } : message)
+  };
+}
+
+exports.createProcessorInput = createProcessorInput;
+exports.getProcessorMessage = getProcessorMessage;
+exports.parseProcessorDraft = parseProcessorDraft;
+exports.updateProcessorMessage = updateProcessorMessage;
+exports.withPhaseRole = withPhaseRole;
+//# sourceMappingURL=processor-input.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processor-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/processor-input.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { z } from 'zod';\n\nconst processorPartSchema = z.object({ type: z.string(), text: z.string().optional() }).passthrough();\nconst processorMessageSchema = z\n  .object({\n    content: z\n      .object({ parts: z.array(processorPartSchema).optional() })\n      .passthrough()\n      .optional(),\n  })\n  .passthrough();\nconst processorDraftSchema = z\n  .object({ phase: z.string(), messages: z.array(processorMessageSchema).optional() })\n  .passthrough()\n  .refine(hasTextInFirstMessage, 'Simple input edits the text part of the first message');\n\nexport type ProcessorDraft = z.infer<typeof processorDraftSchema>;\n\nfunction hasTextInFirstMessage(draft: { messages?: { content?: { parts?: { type: string }[] } }[] }) {\n  const parts = draft.messages?.[0]?.content?.parts;\n  return !parts?.length || parts.some(part => part.type === 'text');\n}\ntype ProcessorMessage = NonNullable<ProcessorDraft['messages']>[number];\n\nconst FALLBACK_MESSAGE_TEXT = 'Hello, this is a test message.';\n\nexport function parseProcessorDraft(input: unknown): ProcessorDraft | undefined {\n  const result = processorDraftSchema.safeParse(input);\n  return result.success ? result.data : undefined;\n}\n\nfunction createProcessorMessage(text: string): ProcessorMessage {\n  return {\n    id: nanoid(),\n    role: 'user',\n    createdAt: new Date().toISOString(),\n    content: { format: 2, parts: [{ type: 'text', text }] },\n  };\n}\n\nexport function createProcessorInput(): ProcessorDraft {\n  return { messages: [createProcessorMessage(FALLBACK_MESSAGE_TEXT)], phase: 'input' };\n}\n\nexport function getProcessorMessage(draft: ProcessorDraft) {\n  return draft.messages?.[0]?.content?.parts?.find(part => part.type === 'text')?.text ?? '';\n}\n\nexport function updateProcessorMessage(draft: ProcessorDraft, text: string): ProcessorDraft {\n  const [firstMessage = createProcessorMessage(text), ...otherMessages] = draft.messages ?? [];\n  const parts = firstMessage.content?.parts ?? [];\n  const textIndex = parts.findIndex(part => part.type === 'text');\n  const nextParts =\n    textIndex === -1\n      ? [...parts, { type: 'text', text }]\n      : parts.map((part, index) => (index === textIndex ? { ...part, text } : part));\n\n  return {\n    ...draft,\n    messages: [{ ...firstMessage, content: { ...firstMessage.content, parts: nextParts } }, ...otherMessages],\n  };\n}\n\n// Output phases feed the processor an assistant message, every other phase a user message.\nexport function withPhaseRole(draft: ProcessorDraft): ProcessorDraft {\n  if (!draft.messages) return draft;\n  const role = draft.phase === 'outputStep' || draft.phase === 'outputResult' ? 'assistant' : 'user';\n\n  return {\n    ...draft,\n    messages: draft.messages.map((message, index) => (index === 0 ? { ...message, role } : message)),\n  };\n}\n"],"names":["z","nanoid"],"mappings":"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"}

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

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

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

@@ -0,0 +1,52 @@
+import { nanoid } from 'nanoid';
+import { z } from 'zod';
+
+const processorPartSchema = z.object({ type: z.string(), text: z.string().optional() }).passthrough();
+const processorMessageSchema = z.object({
+  content: z.object({ parts: z.array(processorPartSchema).optional() }).passthrough().optional()
+}).passthrough();
+const processorDraftSchema = z.object({ phase: z.string(), messages: z.array(processorMessageSchema).optional() }).passthrough().refine(hasTextInFirstMessage, "Simple input edits the text part of the first message");
+function hasTextInFirstMessage(draft) {
+  const parts = draft.messages?.[0]?.content?.parts;
+  return !parts?.length || parts.some((part) => part.type === "text");
+}
+const FALLBACK_MESSAGE_TEXT = "Hello, this is a test message.";
+function parseProcessorDraft(input) {
+  const result = processorDraftSchema.safeParse(input);
+  return result.success ? result.data : void 0;
+}
+function createProcessorMessage(text) {
+  return {
+    id: nanoid(),
+    role: "user",
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    content: { format: 2, parts: [{ type: "text", text }] }
+  };
+}
+function createProcessorInput() {
+  return { messages: [createProcessorMessage(FALLBACK_MESSAGE_TEXT)], phase: "input" };
+}
+function getProcessorMessage(draft) {
+  return draft.messages?.[0]?.content?.parts?.find((part) => part.type === "text")?.text ?? "";
+}
+function updateProcessorMessage(draft, text) {
+  const [firstMessage = createProcessorMessage(text), ...otherMessages] = draft.messages ?? [];
+  const parts = firstMessage.content?.parts ?? [];
+  const textIndex = parts.findIndex((part) => part.type === "text");
+  const nextParts = textIndex === -1 ? [...parts, { type: "text", text }] : parts.map((part, index) => index === textIndex ? { ...part, text } : part);
+  return {
+    ...draft,
+    messages: [{ ...firstMessage, content: { ...firstMessage.content, parts: nextParts } }, ...otherMessages]
+  };
+}
+function withPhaseRole(draft) {
+  if (!draft.messages) return draft;
+  const role = draft.phase === "outputStep" || draft.phase === "outputResult" ? "assistant" : "user";
+  return {
+    ...draft,
+    messages: draft.messages.map((message, index) => index === 0 ? { ...message, role } : message)
+  };
+}
+
+export { createProcessorInput, getProcessorMessage, parseProcessorDraft, updateProcessorMessage, withPhaseRole };
+//# sourceMappingURL=processor-input.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processor-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/processor-input.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { z } from 'zod';\n\nconst processorPartSchema = z.object({ type: z.string(), text: z.string().optional() }).passthrough();\nconst processorMessageSchema = z\n  .object({\n    content: z\n      .object({ parts: z.array(processorPartSchema).optional() })\n      .passthrough()\n      .optional(),\n  })\n  .passthrough();\nconst processorDraftSchema = z\n  .object({ phase: z.string(), messages: z.array(processorMessageSchema).optional() })\n  .passthrough()\n  .refine(hasTextInFirstMessage, 'Simple input edits the text part of the first message');\n\nexport type ProcessorDraft = z.infer<typeof processorDraftSchema>;\n\nfunction hasTextInFirstMessage(draft: { messages?: { content?: { parts?: { type: string }[] } }[] }) {\n  const parts = draft.messages?.[0]?.content?.parts;\n  return !parts?.length || parts.some(part => part.type === 'text');\n}\ntype ProcessorMessage = NonNullable<ProcessorDraft['messages']>[number];\n\nconst FALLBACK_MESSAGE_TEXT = 'Hello, this is a test message.';\n\nexport function parseProcessorDraft(input: unknown): ProcessorDraft | undefined {\n  const result = processorDraftSchema.safeParse(input);\n  return result.success ? result.data : undefined;\n}\n\nfunction createProcessorMessage(text: string): ProcessorMessage {\n  return {\n    id: nanoid(),\n    role: 'user',\n    createdAt: new Date().toISOString(),\n    content: { format: 2, parts: [{ type: 'text', text }] },\n  };\n}\n\nexport function createProcessorInput(): ProcessorDraft {\n  return { messages: [createProcessorMessage(FALLBACK_MESSAGE_TEXT)], phase: 'input' };\n}\n\nexport function getProcessorMessage(draft: ProcessorDraft) {\n  return draft.messages?.[0]?.content?.parts?.find(part => part.type === 'text')?.text ?? '';\n}\n\nexport function updateProcessorMessage(draft: ProcessorDraft, text: string): ProcessorDraft {\n  const [firstMessage = createProcessorMessage(text), ...otherMessages] = draft.messages ?? [];\n  const parts = firstMessage.content?.parts ?? [];\n  const textIndex = parts.findIndex(part => part.type === 'text');\n  const nextParts =\n    textIndex === -1\n      ? [...parts, { type: 'text', text }]\n      : parts.map((part, index) => (index === textIndex ? { ...part, text } : part));\n\n  return {\n    ...draft,\n    messages: [{ ...firstMessage, content: { ...firstMessage.content, parts: nextParts } }, ...otherMessages],\n  };\n}\n\n// Output phases feed the processor an assistant message, every other phase a user message.\nexport function withPhaseRole(draft: ProcessorDraft): ProcessorDraft {\n  if (!draft.messages) return draft;\n  const role = draft.phase === 'outputStep' || draft.phase === 'outputResult' ? 'assistant' : 'user';\n\n  return {\n    ...draft,\n    messages: draft.messages.map((message, index) => (index === 0 ? { ...message, role } : message)),\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const codeEditor = require('../../../../code-editor-BYGlHRhb.cjs');
+const fieldBlock = require('../../../../field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('../../../../field-error-id-B3Z2Zu5y.cjs');
+const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');
+
+function WorkflowJsonInput({
+  value,
+  onChange,
+  errors,
+  children,
+  isSubmitLoading,
+  onSubmit,
+  ...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)) }) }),
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_formSubmitRow.FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
+  ] });
+}
+
+exports.WorkflowJsonInput = WorkflowJsonInput;
+//# sourceMappingURL=workflow-json-input.cjs.js.map

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { C as CodeEditor } from '../../../../code-editor-DMNGyqvg.js';
+import { F as FieldBlock } from '../../../../field-block-BRLwud-v.js';
+import { f as fieldErrorId } from '../../../../field-error-id-D3yg1nBh.js';
+import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
+
+function WorkflowJsonInput({
+  value,
+  onChange,
+  errors,
+  children,
+  isSubmitLoading,
+  onSubmit,
+  ...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)) }) }),
+    children,
+    /* @__PURE__ */ jsx(FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
+  ] });
+}
+
+export { WorkflowJsonInput };
+//# sourceMappingURL=workflow-json-input.es.js.map

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

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