@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/domains/workflows/runs/workflow-run-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-list.cjs.js","names":["z","Txt","formatDate","useState","useLinkComponent","useWorkflowRuns","useWorkflowRun","useDeleteWorkflowRun","_Fragment","Collapsible","CollapsibleTrigger","DisclosureChevron","CollapsibleContent","ScrollArea","Skeleton","ThreadList","ThreadListEmpty","ThreadListItems","ThreadListItem","WorkflowRunStatusIcon","getRunTimestamp","getRunResourceId","Icon","Spinner","AlertDialog"],"sources":["../../../../src/domains/workflows/runs/workflow-run-list.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useDeleteWorkflowRun, useWorkflowRun, useWorkflowRuns } from '@mastra/react/hooks/workflows';\nimport { useState } from 'react';\nimport { z } from 'zod';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport { getRunResourceId, getRunTimestamp } from '../utils';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from '@/ds/components/ThreadList';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLinkComponent } from '@/lib/framework';\nimport { formatDate } from '@/utils/date-format';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowRecentRunsProps {\n  workflowId: string;\n  runId?: string;\n  canDelete: boolean;\n}\n\nconst runSnapshotSchema = z.object({\n  status: z.enum(['running', 'failed', 'canceled', 'pending', 'waiting', 'paused', 'suspended', 'success']),\n  timestamp: z.number().optional(),\n});\nconst wrappedRunInputSchema = z.object({ output: z.unknown() });\ntype RunSnapshot = z.infer<typeof runSnapshotSchema>;\ntype WorkflowRuns = Awaited<ReturnType<ReturnType<MastraClient['getWorkflow']>['runs']>>;\ntype WorkflowRunSnapshot = WorkflowRuns['runs'][number]['snapshot'];\n\nfunction parseRunSnapshot(snapshot: WorkflowRunSnapshot): RunSnapshot | undefined {\n  const result = runSnapshotSchema.safeParse(snapshot);\n  return result.success ? result.data : undefined;\n}\n\nfunction formatRunInput(input: unknown): string | null {\n  if (input == null) return null;\n\n  const parsedString = z.string().safeParse(input);\n  if (parsedString.success) return parsedString.data;\n\n  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);\n  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;\n\n  try {\n    return JSON.stringify(inputValue);\n  } catch {\n    return null;\n  }\n}\n\nfunction WorkflowRunMeta({ timestamp, resourceId }: { timestamp?: number; resourceId?: string }) {\n  if (timestamp === undefined && !resourceId) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"flex w-full min-w-0 items-center gap-1.5\">\n      {timestamp !== undefined && (\n        <time className=\"shrink-0\" dateTime={new Date(timestamp).toISOString()}>\n          {formatDate(timestamp, 'date-time')}\n        </time>\n      )}\n      {resourceId && (\n        <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n          {timestamp === undefined ? resourceId : `· ${resourceId}`}\n        </span>\n      )}\n    </Txt>\n  );\n}\n\nexport const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }: WorkflowRecentRunsProps) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [deleteRunId, setDeleteRunId] = useState<string | null>(null);\n\n  const { Link, paths, navigate } = useLinkComponent();\n  const {\n    isLoading,\n    error,\n    data: runs,\n    setEndOfListElement,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useWorkflowRuns({ workflowId: workflowId, summary: true });\n  // The list only carries summary snapshots; the active run's input comes from the full run.\n  const { data: activeRun } = useWorkflowRun({\n    workflowId: workflowId,\n    runId: runId ?? '',\n    queryOptions: { enabled: Boolean(workflowId && runId) },\n  });\n  const activeRunInput = formatRunInput(activeRun?.payload);\n  const { mutateAsync: deleteRun } = useDeleteWorkflowRun({ workflowId: workflowId });\n\n  const handleDelete = async (runId: string) => {\n    try {\n      await deleteRun({ runId });\n      toast.success('Workflow run deleted successfully');\n      setDeleteRunId(null);\n      navigate(paths.workflowLink(workflowId));\n    } catch {\n      toast.error('Failed to delete workflow run');\n      setDeleteRunId(null);\n    }\n  };\n\n  const runList = runs || [];\n\n  return (\n    <>\n      <Collapsible open={isOpen} onOpenChange={setIsOpen} className=\"flex min-h-0 flex-col\">\n        <CollapsibleTrigger className=\"flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground\">\n          <DisclosureChevron direction=\"right\" className=\"size-4 text-muted-foreground\" />\n          <span>Recent runs</span>\n          {!isLoading && !error && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n              {runList.length}\n              {hasNextPage ? '+' : ''}\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n          <ScrollArea className=\"min-h-0 w-full flex-1\" mask={{ top: false }}>\n            {isLoading ? (\n              <div className=\"p-4\">\n                <Skeleton className=\"h-32\" />\n              </div>\n            ) : (\n              <ThreadList aria-label=\"Workflow runs\" embedded>\n                {runList.length === 0 ? (\n                  <ThreadListEmpty>\n                    {error\n                      ? 'Unable to load workflow runs.'\n                      : 'Your run history will appear here once you run the workflow'}\n                  </ThreadListEmpty>\n                ) : (\n                  <ThreadListItems>\n                    {runList.map(run => {\n                      const isActiveRun = run.runId === runId;\n                      const snapshot = parseRunSnapshot(run.snapshot);\n                      const runInput = isActiveRun ? activeRunInput : null;\n\n                      return (\n                        <ThreadListItem\n                          key={`run-${run.runId}`}\n                          as={Link}\n                          to={paths.workflowRunLink(workflowId, run.runId)}\n                          isActive={isActiveRun}\n                          onDelete={canDeleteRun ? () => setDeleteRunId(run.runId) : undefined}\n                          deleteLabel=\"delete run\"\n                          className=\"h-auto min-h-0 items-stretch py-1\"\n                        >\n                          <span className=\"flex w-full min-w-0 items-center gap-2.5 px-1 text-left\">\n                            {snapshot && (\n                              <span className=\"shrink-0\">\n                                <WorkflowRunStatusIcon status={snapshot.status} />\n                              </span>\n                            )}\n                            <span className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5\">\n                              <span className=\"flex w-full min-w-0 items-center gap-2\">\n                                <Txt\n                                  as=\"span\"\n                                  variant=\"column\"\n                                  tone=\"ink\"\n                                  className=\"min-w-0 flex-1 truncate\"\n                                  title={run.runId}\n                                >\n                                  {run.runId}\n                                </Txt>\n                              </span>\n                              <WorkflowRunMeta\n                                timestamp={getRunTimestamp(snapshot?.timestamp)}\n                                resourceId={getRunResourceId(run)}\n                              />\n                              {runInput && (\n                                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"block w-full min-w-0 truncate\">\n                                  {runInput}\n                                </Txt>\n                              )}\n                            </span>\n                          </span>\n                        </ThreadListItem>\n                      );\n                    })}\n\n                    {isFetchingNextPage && (\n                      <li className=\"flex items-center justify-center py-2\">\n                        <Icon>\n                          <Spinner />\n                        </Icon>\n                      </li>\n                    )}\n                    <li>\n                      <div ref={setEndOfListElement} />\n                    </li>\n                  </ThreadListItems>\n                )}\n              </ThreadList>\n            )}\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n\n      <DeleteRunDialog\n        open={!!deleteRunId}\n        onOpenChange={() => setDeleteRunId(null)}\n        onDelete={() => {\n          if (deleteRunId) {\n            void handleDelete(deleteRunId);\n          }\n        }}\n      />\n    </>\n  );\n};\n\ninterface DeleteRunDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onDelete: () => void;\n}\nconst DeleteRunDialog = ({ open, onOpenChange, onDelete }: DeleteRunDialogProps) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>\n          <AlertDialog.Description>\n            This action cannot be undone. This will permanently delete the workflow run and remove it from our servers.\n          </AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>\n          <AlertDialog.Action onClick={onDelete}>Continue</AlertDialog.Action>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"workflow-run-list.cjs.js","names":["z","Txt","Metadata","formatDate","useState","useLinkComponent","useWorkflowRuns","useWorkflowRun","useDeleteWorkflowRun","_Fragment","Collapsible","CollapsibleTrigger","DisclosureChevron","CollapsibleContent","ScrollArea","Skeleton","ThreadList","ThreadListEmpty","ThreadListItems","ThreadListItem","WorkflowRunStatusIcon","getRunTimestamp","getRunResourceId","Icon","Spinner","AlertDialog"],"sources":["../../../../src/domains/workflows/runs/workflow-run-list.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useDeleteWorkflowRun, useWorkflowRun, useWorkflowRuns } from '@mastra/react/hooks/workflows';\nimport { useState } from 'react';\nimport { z } from 'zod';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport { getRunResourceId, getRunTimestamp } from '../utils';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from '@/ds/components/ThreadList';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLinkComponent } from '@/lib/framework';\nimport { formatDate } from '@/utils/date-format';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowRecentRunsProps {\n  workflowId: string;\n  runId?: string;\n  canDelete: boolean;\n}\n\nconst runSnapshotSchema = z.object({\n  status: z.enum(['running', 'failed', 'canceled', 'pending', 'waiting', 'paused', 'suspended', 'success']),\n  timestamp: z.number().optional(),\n});\nconst wrappedRunInputSchema = z.object({ output: z.unknown() });\ntype RunSnapshot = z.infer<typeof runSnapshotSchema>;\ntype WorkflowRuns = Awaited<ReturnType<ReturnType<MastraClient['getWorkflow']>['runs']>>;\ntype WorkflowRunSnapshot = WorkflowRuns['runs'][number]['snapshot'];\n\nfunction parseRunSnapshot(snapshot: WorkflowRunSnapshot): RunSnapshot | undefined {\n  const result = runSnapshotSchema.safeParse(snapshot);\n  return result.success ? result.data : undefined;\n}\n\nfunction formatRunInput(input: unknown): string | null {\n  if (input == null) return null;\n\n  const parsedString = z.string().safeParse(input);\n  if (parsedString.success) return parsedString.data;\n\n  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);\n  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;\n\n  try {\n    return JSON.stringify(inputValue);\n  } catch {\n    return null;\n  }\n}\n\nfunction WorkflowRunMeta({ timestamp, resourceId }: { timestamp?: number; resourceId?: string }) {\n  if (timestamp === undefined && !resourceId) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"block w-full min-w-0\">\n      <Metadata singleLine>\n        {timestamp !== undefined && (\n          <Metadata.Item className=\"shrink-0\">\n            <time dateTime={new Date(timestamp).toISOString()}>{formatDate(timestamp, 'date-time')}</time>\n          </Metadata.Item>\n        )}\n        {resourceId && <Metadata.Item title={`Resource ${resourceId}`}>{resourceId}</Metadata.Item>}\n      </Metadata>\n    </Txt>\n  );\n}\n\nexport const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }: WorkflowRecentRunsProps) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [deleteRunId, setDeleteRunId] = useState<string | null>(null);\n\n  const { Link, paths, navigate } = useLinkComponent();\n  const {\n    isLoading,\n    error,\n    data: runs,\n    setEndOfListElement,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useWorkflowRuns({ workflowId: workflowId, summary: true });\n  // The list only carries summary snapshots; the active run's input comes from the full run.\n  const { data: activeRun } = useWorkflowRun({\n    workflowId: workflowId,\n    runId: runId ?? '',\n    queryOptions: { enabled: Boolean(workflowId && runId) },\n  });\n  const activeRunInput = formatRunInput(activeRun?.payload);\n  const { mutateAsync: deleteRun } = useDeleteWorkflowRun({ workflowId: workflowId });\n\n  const handleDelete = async (runId: string) => {\n    try {\n      await deleteRun({ runId });\n      toast.success('Workflow run deleted successfully');\n      setDeleteRunId(null);\n      navigate(paths.workflowLink(workflowId));\n    } catch {\n      toast.error('Failed to delete workflow run');\n      setDeleteRunId(null);\n    }\n  };\n\n  const runList = runs || [];\n\n  return (\n    <>\n      <Collapsible open={isOpen} onOpenChange={setIsOpen} className=\"flex min-h-0 flex-col\">\n        <CollapsibleTrigger className=\"flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground\">\n          <DisclosureChevron direction=\"right\" className=\"size-4 text-muted-foreground\" />\n          <span>Recent runs</span>\n          {!isLoading && !error && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n              {runList.length}\n              {hasNextPage ? '+' : ''}\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n          <ScrollArea className=\"min-h-0 w-full flex-1\" mask={{ top: false }}>\n            {isLoading ? (\n              <div className=\"p-4\">\n                <Skeleton className=\"h-32\" />\n              </div>\n            ) : (\n              <ThreadList aria-label=\"Workflow runs\" embedded>\n                {runList.length === 0 ? (\n                  <ThreadListEmpty>\n                    {error\n                      ? 'Unable to load workflow runs.'\n                      : 'Your run history will appear here once you run the workflow'}\n                  </ThreadListEmpty>\n                ) : (\n                  <ThreadListItems>\n                    {runList.map(run => {\n                      const isActiveRun = run.runId === runId;\n                      const snapshot = parseRunSnapshot(run.snapshot);\n                      const runInput = isActiveRun ? activeRunInput : null;\n\n                      return (\n                        <ThreadListItem\n                          key={`run-${run.runId}`}\n                          as={Link}\n                          to={paths.workflowRunLink(workflowId, run.runId)}\n                          isActive={isActiveRun}\n                          onDelete={canDeleteRun ? () => setDeleteRunId(run.runId) : undefined}\n                          deleteLabel=\"delete run\"\n                          className=\"h-auto min-h-0 items-stretch py-1\"\n                        >\n                          <span className=\"flex w-full min-w-0 items-center gap-2.5 px-1 text-left\">\n                            {snapshot && (\n                              <span className=\"shrink-0\">\n                                <WorkflowRunStatusIcon status={snapshot.status} />\n                              </span>\n                            )}\n                            <span className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5\">\n                              <span className=\"flex w-full min-w-0 items-center gap-2\">\n                                <Txt\n                                  as=\"span\"\n                                  variant=\"column\"\n                                  tone=\"ink\"\n                                  className=\"min-w-0 flex-1 truncate\"\n                                  title={run.runId}\n                                >\n                                  {run.runId}\n                                </Txt>\n                              </span>\n                              <WorkflowRunMeta\n                                timestamp={getRunTimestamp(snapshot?.timestamp)}\n                                resourceId={getRunResourceId(run)}\n                              />\n                              {runInput && (\n                                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"block w-full min-w-0 truncate\">\n                                  {runInput}\n                                </Txt>\n                              )}\n                            </span>\n                          </span>\n                        </ThreadListItem>\n                      );\n                    })}\n\n                    {isFetchingNextPage && (\n                      <li className=\"flex items-center justify-center py-2\">\n                        <Icon>\n                          <Spinner />\n                        </Icon>\n                      </li>\n                    )}\n                    <li>\n                      <div ref={setEndOfListElement} />\n                    </li>\n                  </ThreadListItems>\n                )}\n              </ThreadList>\n            )}\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n\n      <DeleteRunDialog\n        open={!!deleteRunId}\n        onOpenChange={() => setDeleteRunId(null)}\n        onDelete={() => {\n          if (deleteRunId) {\n            void handleDelete(deleteRunId);\n          }\n        }}\n      />\n    </>\n  );\n};\n\ninterface DeleteRunDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onDelete: () => void;\n}\nconst DeleteRunDialog = ({ open, onOpenChange, onDelete }: DeleteRunDialogProps) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>\n          <AlertDialog.Description>\n            This action cannot be undone. This will permanently delete the workflow run and remove it from our servers.\n          </AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>\n          <AlertDialog.Action onClick={onDelete}>Continue</AlertDialog.Action>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n};\n"],"mappings":"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"}

package/dist/domains/workflows/runs/workflow-run-list.es.js

@@ -1,17 +1,18 @@
-import { useLinkComponent } from "../../../lib/framework.es.js";
-import { formatDate } from "../../../utils/date-format.es.js";
-import { Icon } from "../../../icons/Icon.es.js";
-import { t as ScrollArea } from "../../../scroll-area-C226l0v0.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as toast } from "../../../toast-api-D_rrRhNG.js";
+import { WorkflowRunStatusIcon } from "../components/workflow-run-status-icon.es.js";
+import { getRunResourceId, getRunTimestamp } from "../utils.es.js";
+import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/Collapsible.es.js";
 import { DisclosureChevron } from "../../../components/DisclosureChevron.es.js";
+import { t as Metadata } from "../../../Metadata-DlVgmRTA.js";
+import { t as ScrollArea } from "../../../scroll-area-9-S7wfSs.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
-import { getRunResourceId, getRunTimestamp } from "../utils.es.js";
-import { WorkflowRunStatusIcon } from "../components/workflow-run-status-icon.es.js";
-import { AlertDialog } from "../../../components/AlertDialog.es.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
 import { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from "../../../components/ThreadList.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { Icon } from "../../../icons/Icon.es.js";
+import { useLinkComponent } from "../../../lib/framework.es.js";
+import { formatDate } from "../../../utils/date-format.es.js";
+import { t as toast } from "../../../toast-api-Cak5N8pT.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
@@ -49,20 +50,24 @@ function formatRunInput(input) {
 }
 function WorkflowRunMeta({ timestamp, resourceId }) {
 	if (timestamp === void 0 && !resourceId) return null;
-	return /* @__PURE__ */ jsxs(Txt, {
+	return /* @__PURE__ */ jsx(Txt, {
 		as: "span",
 		variant: "meta",
 		tone: "muted",
-		className: "flex w-full min-w-0 items-center gap-1.5",
-		children: [timestamp !== void 0 && /* @__PURE__ */ jsx("time", {
-			className: "shrink-0",
-			dateTime: new Date(timestamp).toISOString(),
-			children: formatDate(timestamp, "date-time")
-		}), resourceId && /* @__PURE__ */ jsx("span", {
-			className: "min-w-0 truncate",
-			title: `Resource ${resourceId}`,
-			children: timestamp === void 0 ? resourceId : `· ${resourceId}`
-		})]
+		className: "block w-full min-w-0",
+		children: /* @__PURE__ */ jsxs(Metadata, {
+			singleLine: true,
+			children: [timestamp !== void 0 && /* @__PURE__ */ jsx(Metadata.Item, {
+				className: "shrink-0",
+				children: /* @__PURE__ */ jsx("time", {
+					dateTime: new Date(timestamp).toISOString(),
+					children: formatDate(timestamp, "date-time")
+				})
+			}), resourceId && /* @__PURE__ */ jsx(Metadata.Item, {
+				title: `Resource ${resourceId}`,
+				children: resourceId
+			})]
+		})
 	});
 }
 var WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }) => {

package/dist/domains/workflows/runs/workflow-run-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-list.es.js","names":["_Fragment"],"sources":["../../../../src/domains/workflows/runs/workflow-run-list.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useDeleteWorkflowRun, useWorkflowRun, useWorkflowRuns } from '@mastra/react/hooks/workflows';\nimport { useState } from 'react';\nimport { z } from 'zod';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport { getRunResourceId, getRunTimestamp } from '../utils';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from '@/ds/components/ThreadList';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLinkComponent } from '@/lib/framework';\nimport { formatDate } from '@/utils/date-format';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowRecentRunsProps {\n  workflowId: string;\n  runId?: string;\n  canDelete: boolean;\n}\n\nconst runSnapshotSchema = z.object({\n  status: z.enum(['running', 'failed', 'canceled', 'pending', 'waiting', 'paused', 'suspended', 'success']),\n  timestamp: z.number().optional(),\n});\nconst wrappedRunInputSchema = z.object({ output: z.unknown() });\ntype RunSnapshot = z.infer<typeof runSnapshotSchema>;\ntype WorkflowRuns = Awaited<ReturnType<ReturnType<MastraClient['getWorkflow']>['runs']>>;\ntype WorkflowRunSnapshot = WorkflowRuns['runs'][number]['snapshot'];\n\nfunction parseRunSnapshot(snapshot: WorkflowRunSnapshot): RunSnapshot | undefined {\n  const result = runSnapshotSchema.safeParse(snapshot);\n  return result.success ? result.data : undefined;\n}\n\nfunction formatRunInput(input: unknown): string | null {\n  if (input == null) return null;\n\n  const parsedString = z.string().safeParse(input);\n  if (parsedString.success) return parsedString.data;\n\n  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);\n  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;\n\n  try {\n    return JSON.stringify(inputValue);\n  } catch {\n    return null;\n  }\n}\n\nfunction WorkflowRunMeta({ timestamp, resourceId }: { timestamp?: number; resourceId?: string }) {\n  if (timestamp === undefined && !resourceId) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"flex w-full min-w-0 items-center gap-1.5\">\n      {timestamp !== undefined && (\n        <time className=\"shrink-0\" dateTime={new Date(timestamp).toISOString()}>\n          {formatDate(timestamp, 'date-time')}\n        </time>\n      )}\n      {resourceId && (\n        <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n          {timestamp === undefined ? resourceId : `· ${resourceId}`}\n        </span>\n      )}\n    </Txt>\n  );\n}\n\nexport const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }: WorkflowRecentRunsProps) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [deleteRunId, setDeleteRunId] = useState<string | null>(null);\n\n  const { Link, paths, navigate } = useLinkComponent();\n  const {\n    isLoading,\n    error,\n    data: runs,\n    setEndOfListElement,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useWorkflowRuns({ workflowId: workflowId, summary: true });\n  // The list only carries summary snapshots; the active run's input comes from the full run.\n  const { data: activeRun } = useWorkflowRun({\n    workflowId: workflowId,\n    runId: runId ?? '',\n    queryOptions: { enabled: Boolean(workflowId && runId) },\n  });\n  const activeRunInput = formatRunInput(activeRun?.payload);\n  const { mutateAsync: deleteRun } = useDeleteWorkflowRun({ workflowId: workflowId });\n\n  const handleDelete = async (runId: string) => {\n    try {\n      await deleteRun({ runId });\n      toast.success('Workflow run deleted successfully');\n      setDeleteRunId(null);\n      navigate(paths.workflowLink(workflowId));\n    } catch {\n      toast.error('Failed to delete workflow run');\n      setDeleteRunId(null);\n    }\n  };\n\n  const runList = runs || [];\n\n  return (\n    <>\n      <Collapsible open={isOpen} onOpenChange={setIsOpen} className=\"flex min-h-0 flex-col\">\n        <CollapsibleTrigger className=\"flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground\">\n          <DisclosureChevron direction=\"right\" className=\"size-4 text-muted-foreground\" />\n          <span>Recent runs</span>\n          {!isLoading && !error && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n              {runList.length}\n              {hasNextPage ? '+' : ''}\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n          <ScrollArea className=\"min-h-0 w-full flex-1\" mask={{ top: false }}>\n            {isLoading ? (\n              <div className=\"p-4\">\n                <Skeleton className=\"h-32\" />\n              </div>\n            ) : (\n              <ThreadList aria-label=\"Workflow runs\" embedded>\n                {runList.length === 0 ? (\n                  <ThreadListEmpty>\n                    {error\n                      ? 'Unable to load workflow runs.'\n                      : 'Your run history will appear here once you run the workflow'}\n                  </ThreadListEmpty>\n                ) : (\n                  <ThreadListItems>\n                    {runList.map(run => {\n                      const isActiveRun = run.runId === runId;\n                      const snapshot = parseRunSnapshot(run.snapshot);\n                      const runInput = isActiveRun ? activeRunInput : null;\n\n                      return (\n                        <ThreadListItem\n                          key={`run-${run.runId}`}\n                          as={Link}\n                          to={paths.workflowRunLink(workflowId, run.runId)}\n                          isActive={isActiveRun}\n                          onDelete={canDeleteRun ? () => setDeleteRunId(run.runId) : undefined}\n                          deleteLabel=\"delete run\"\n                          className=\"h-auto min-h-0 items-stretch py-1\"\n                        >\n                          <span className=\"flex w-full min-w-0 items-center gap-2.5 px-1 text-left\">\n                            {snapshot && (\n                              <span className=\"shrink-0\">\n                                <WorkflowRunStatusIcon status={snapshot.status} />\n                              </span>\n                            )}\n                            <span className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5\">\n                              <span className=\"flex w-full min-w-0 items-center gap-2\">\n                                <Txt\n                                  as=\"span\"\n                                  variant=\"column\"\n                                  tone=\"ink\"\n                                  className=\"min-w-0 flex-1 truncate\"\n                                  title={run.runId}\n                                >\n                                  {run.runId}\n                                </Txt>\n                              </span>\n                              <WorkflowRunMeta\n                                timestamp={getRunTimestamp(snapshot?.timestamp)}\n                                resourceId={getRunResourceId(run)}\n                              />\n                              {runInput && (\n                                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"block w-full min-w-0 truncate\">\n                                  {runInput}\n                                </Txt>\n                              )}\n                            </span>\n                          </span>\n                        </ThreadListItem>\n                      );\n                    })}\n\n                    {isFetchingNextPage && (\n                      <li className=\"flex items-center justify-center py-2\">\n                        <Icon>\n                          <Spinner />\n                        </Icon>\n                      </li>\n                    )}\n                    <li>\n                      <div ref={setEndOfListElement} />\n                    </li>\n                  </ThreadListItems>\n                )}\n              </ThreadList>\n            )}\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n\n      <DeleteRunDialog\n        open={!!deleteRunId}\n        onOpenChange={() => setDeleteRunId(null)}\n        onDelete={() => {\n          if (deleteRunId) {\n            void handleDelete(deleteRunId);\n          }\n        }}\n      />\n    </>\n  );\n};\n\ninterface DeleteRunDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onDelete: () => void;\n}\nconst DeleteRunDialog = ({ open, onOpenChange, onDelete }: DeleteRunDialogProps) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>\n          <AlertDialog.Description>\n            This action cannot be undone. This will permanently delete the workflow run and remove it from our servers.\n          </AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>\n          <AlertDialog.Action onClick={onDelete}>Continue</AlertDialog.Action>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"workflow-run-list.es.js","names":["_Fragment"],"sources":["../../../../src/domains/workflows/runs/workflow-run-list.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useDeleteWorkflowRun, useWorkflowRun, useWorkflowRuns } from '@mastra/react/hooks/workflows';\nimport { useState } from 'react';\nimport { z } from 'zod';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport { getRunResourceId, getRunTimestamp } from '../utils';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from '@/ds/components/ThreadList';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLinkComponent } from '@/lib/framework';\nimport { formatDate } from '@/utils/date-format';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowRecentRunsProps {\n  workflowId: string;\n  runId?: string;\n  canDelete: boolean;\n}\n\nconst runSnapshotSchema = z.object({\n  status: z.enum(['running', 'failed', 'canceled', 'pending', 'waiting', 'paused', 'suspended', 'success']),\n  timestamp: z.number().optional(),\n});\nconst wrappedRunInputSchema = z.object({ output: z.unknown() });\ntype RunSnapshot = z.infer<typeof runSnapshotSchema>;\ntype WorkflowRuns = Awaited<ReturnType<ReturnType<MastraClient['getWorkflow']>['runs']>>;\ntype WorkflowRunSnapshot = WorkflowRuns['runs'][number]['snapshot'];\n\nfunction parseRunSnapshot(snapshot: WorkflowRunSnapshot): RunSnapshot | undefined {\n  const result = runSnapshotSchema.safeParse(snapshot);\n  return result.success ? result.data : undefined;\n}\n\nfunction formatRunInput(input: unknown): string | null {\n  if (input == null) return null;\n\n  const parsedString = z.string().safeParse(input);\n  if (parsedString.success) return parsedString.data;\n\n  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);\n  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;\n\n  try {\n    return JSON.stringify(inputValue);\n  } catch {\n    return null;\n  }\n}\n\nfunction WorkflowRunMeta({ timestamp, resourceId }: { timestamp?: number; resourceId?: string }) {\n  if (timestamp === undefined && !resourceId) return null;\n\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"block w-full min-w-0\">\n      <Metadata singleLine>\n        {timestamp !== undefined && (\n          <Metadata.Item className=\"shrink-0\">\n            <time dateTime={new Date(timestamp).toISOString()}>{formatDate(timestamp, 'date-time')}</time>\n          </Metadata.Item>\n        )}\n        {resourceId && <Metadata.Item title={`Resource ${resourceId}`}>{resourceId}</Metadata.Item>}\n      </Metadata>\n    </Txt>\n  );\n}\n\nexport const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }: WorkflowRecentRunsProps) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [deleteRunId, setDeleteRunId] = useState<string | null>(null);\n\n  const { Link, paths, navigate } = useLinkComponent();\n  const {\n    isLoading,\n    error,\n    data: runs,\n    setEndOfListElement,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useWorkflowRuns({ workflowId: workflowId, summary: true });\n  // The list only carries summary snapshots; the active run's input comes from the full run.\n  const { data: activeRun } = useWorkflowRun({\n    workflowId: workflowId,\n    runId: runId ?? '',\n    queryOptions: { enabled: Boolean(workflowId && runId) },\n  });\n  const activeRunInput = formatRunInput(activeRun?.payload);\n  const { mutateAsync: deleteRun } = useDeleteWorkflowRun({ workflowId: workflowId });\n\n  const handleDelete = async (runId: string) => {\n    try {\n      await deleteRun({ runId });\n      toast.success('Workflow run deleted successfully');\n      setDeleteRunId(null);\n      navigate(paths.workflowLink(workflowId));\n    } catch {\n      toast.error('Failed to delete workflow run');\n      setDeleteRunId(null);\n    }\n  };\n\n  const runList = runs || [];\n\n  return (\n    <>\n      <Collapsible open={isOpen} onOpenChange={setIsOpen} className=\"flex min-h-0 flex-col\">\n        <CollapsibleTrigger className=\"flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground\">\n          <DisclosureChevron direction=\"right\" className=\"size-4 text-muted-foreground\" />\n          <span>Recent runs</span>\n          {!isLoading && !error && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n              {runList.length}\n              {hasNextPage ? '+' : ''}\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n          <ScrollArea className=\"min-h-0 w-full flex-1\" mask={{ top: false }}>\n            {isLoading ? (\n              <div className=\"p-4\">\n                <Skeleton className=\"h-32\" />\n              </div>\n            ) : (\n              <ThreadList aria-label=\"Workflow runs\" embedded>\n                {runList.length === 0 ? (\n                  <ThreadListEmpty>\n                    {error\n                      ? 'Unable to load workflow runs.'\n                      : 'Your run history will appear here once you run the workflow'}\n                  </ThreadListEmpty>\n                ) : (\n                  <ThreadListItems>\n                    {runList.map(run => {\n                      const isActiveRun = run.runId === runId;\n                      const snapshot = parseRunSnapshot(run.snapshot);\n                      const runInput = isActiveRun ? activeRunInput : null;\n\n                      return (\n                        <ThreadListItem\n                          key={`run-${run.runId}`}\n                          as={Link}\n                          to={paths.workflowRunLink(workflowId, run.runId)}\n                          isActive={isActiveRun}\n                          onDelete={canDeleteRun ? () => setDeleteRunId(run.runId) : undefined}\n                          deleteLabel=\"delete run\"\n                          className=\"h-auto min-h-0 items-stretch py-1\"\n                        >\n                          <span className=\"flex w-full min-w-0 items-center gap-2.5 px-1 text-left\">\n                            {snapshot && (\n                              <span className=\"shrink-0\">\n                                <WorkflowRunStatusIcon status={snapshot.status} />\n                              </span>\n                            )}\n                            <span className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5\">\n                              <span className=\"flex w-full min-w-0 items-center gap-2\">\n                                <Txt\n                                  as=\"span\"\n                                  variant=\"column\"\n                                  tone=\"ink\"\n                                  className=\"min-w-0 flex-1 truncate\"\n                                  title={run.runId}\n                                >\n                                  {run.runId}\n                                </Txt>\n                              </span>\n                              <WorkflowRunMeta\n                                timestamp={getRunTimestamp(snapshot?.timestamp)}\n                                resourceId={getRunResourceId(run)}\n                              />\n                              {runInput && (\n                                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"block w-full min-w-0 truncate\">\n                                  {runInput}\n                                </Txt>\n                              )}\n                            </span>\n                          </span>\n                        </ThreadListItem>\n                      );\n                    })}\n\n                    {isFetchingNextPage && (\n                      <li className=\"flex items-center justify-center py-2\">\n                        <Icon>\n                          <Spinner />\n                        </Icon>\n                      </li>\n                    )}\n                    <li>\n                      <div ref={setEndOfListElement} />\n                    </li>\n                  </ThreadListItems>\n                )}\n              </ThreadList>\n            )}\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n\n      <DeleteRunDialog\n        open={!!deleteRunId}\n        onOpenChange={() => setDeleteRunId(null)}\n        onDelete={() => {\n          if (deleteRunId) {\n            void handleDelete(deleteRunId);\n          }\n        }}\n      />\n    </>\n  );\n};\n\ninterface DeleteRunDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onDelete: () => void;\n}\nconst DeleteRunDialog = ({ open, onOpenChange, onDelete }: DeleteRunDialogProps) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>\n          <AlertDialog.Description>\n            This action cannot be undone. This will permanently delete the workflow run and remove it from our servers.\n          </AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>\n          <AlertDialog.Action onClick={onDelete}>Continue</AlertDialog.Action>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_workflows_context_workflow_run_context = require("../../context/workflow-run-context.cjs.js");
 const require_domains_workflows_context_use_current_run = require("../../context/use-current-run.cjs.js");
+const require_domains_workflows_context_workflow_run_context = require("../../context/workflow-run-context.cjs.js");
 const require_domains_workflows_workflow_workflow_boundary_data = require("../workflow-boundary-data.cjs.js");
 let react = require("react");
 // src/domains/workflows/workflow/data/use-workflow-data.ts

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

@@ -1,5 +1,5 @@
-import { WorkflowRunContext } from "../../context/workflow-run-context.es.js";
 import { useCurrentRun } from "../../context/use-current-run.es.js";
+import { WorkflowRunContext } from "../../context/workflow-run-context.es.js";
 import { getWorkflowBoundaryData } from "../workflow-boundary-data.es.js";
 import { useContext } from "react";
 // src/domains/workflows/workflow/data/use-workflow-data.ts

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_workflows_context_workflow_step_detail_context = require("../../context/workflow-step-detail-context.cjs.js");
-const require_Workflow = require("../../../../Workflow-DSWQ-ROz.cjs");
 const require_domains_workflows_workflow_data_use_workflow_data = require("./use-workflow-data.cjs.js");
+const require_Workflow = require("../../../../Workflow-DIfTVqZs.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/workflows/workflow/data/workflow-data-button.tsx
 function WorkflowDataButton({ selection }) {

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

@@ -1,6 +1,6 @@
 import { useWorkflowStepDetail } from "../../context/workflow-step-detail-context.es.js";
-import { f as WorkflowEdgeDataButton } from "../../../../Workflow-C3SlEdP-.js";
 import { useWorkflowData, workflowDataKey } from "./use-workflow-data.es.js";
+import { f as WorkflowEdgeDataButton } from "../../../../Workflow-CXRv3YXx.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/workflows/workflow/data/workflow-data-button.tsx
 function WorkflowDataButton({ selection }) {

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_Badge = require("../../../../Badge-DZ6r6bcw.cjs");
-const require_CodeEditor = require("../../../../CodeEditor-CLzs0yVc.cjs");
+const require_domains_workflows_components_workflow_layout = require("../../components/workflow-layout.cjs.js");
 const require_domains_workflows_context_workflow_run_context = require("../../context/workflow-run-context.cjs.js");
 const require_domains_workflows_context_workflow_step_detail_context = require("../../context/workflow-step-detail-context.cjs.js");
 const require_domains_workflows_workflow_data_use_workflow_data = require("./use-workflow-data.cjs.js");
-const require_domains_workflows_components_workflow_layout = require("../../components/workflow-layout.cjs.js");
+const require_Badge = require("../../../../Badge-DqaMg7Gy.cjs");
+const require_Button = require("../../../../Button-BfICfyxD.cjs");
+const require_CodeEditor = require("../../../../CodeEditor-DHIDfP5g.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,11 +1,11 @@
-import { t as Button } from "../../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { t as Badge } from "../../../../Badge-aVu5iGAF.js";
-import { t as CodeEditor } from "../../../../CodeEditor-COnz9c6B.js";
+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 { panelSurfaceStyle } from "../../components/workflow-layout.es.js";
+import { t as Badge } from "../../../../Badge-C7NnqmMx.js";
+import { t as Button } from "../../../../Button-Bi7aXd_G.js";
+import { t as CodeEditor } from "../../../../CodeEditor-ZoBu3Gjw.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { useContext, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownToLine, ArrowUpFromLine, ChevronRight, CirclePause, X } from "lucide-react";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_CodeEditor = require("../../../../CodeEditor-CLzs0yVc.cjs");
+const require_CodeEditor = require("../../../../CodeEditor-DHIDfP5g.cjs");
 const require_components_Field = require("../../../../components/Field.cjs.js");
 const require_lib_form_components_form_submit_row = require("../../../../lib/form/components/form-submit-row.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,4 +1,4 @@
-import { t as CodeEditor } from "../../../../CodeEditor-COnz9c6B.js";
+import { t as CodeEditor } from "../../../../CodeEditor-ZoBu3Gjw.js";
 import { Field, FieldError } from "../../../../components/Field.es.js";
 import { FormSubmitRow } from "../../../../lib/form/components/form-submit-row.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,32 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_select = require("../../../../select-Dg8L5ROX.cjs");
+const require_domains_workflows_workflow_input_processor_input = require("./processor-input.cjs.js");
 const require_components_Field = require("../../../../components/Field.cjs.js");
+const require_select = require("../../../../select-CeukeSn_.cjs");
 const require_components_Textarea = require("../../../../components/Textarea.cjs.js");
 const require_lib_form_components_form_submit_row = require("../../../../lib/form/components/form-submit-row.cjs.js");
-const require_domains_workflows_workflow_input_processor_input = require("./processor-input.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/workflows/workflow/input/workflow-processor-input.tsx
 var PROCESSOR_PHASES = [
 	{
 		value: "input",
-		label: "Input - Process input messages before LLM"
+		description: "Process input messages before LLM"
 	},
 	{
 		value: "inputStep",
-		label: "Input Step - Process at each agentic loop step"
+		description: "Process at each agentic loop step"
 	},
 	{
 		value: "outputStream",
-		label: "Output Stream - Process streaming chunks"
+		description: "Process streaming chunks"
 	},
 	{
 		value: "outputResult",
-		label: "Output Result - Process complete output"
+		description: "Process complete output"
 	},
 	{
 		value: "outputStep",
-		label: "Output Step - Process after each LLM response"
+		description: "Process after each LLM response"
 	}
 ];
 var NO_ERRORS = {
@@ -83,7 +83,7 @@ var WorkflowProcessorInput = ({ schema, value, onChange, isSubmitLoading, submit
 							children: phaseOption.value
 						}, phaseOption.value)) })]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.description }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, { children: errors.phase.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorLines, { errors: errors.phase }) })
 				]
 			}),

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-processor-input.cjs.js","names":["useState","Field","FieldLabel","Select","withPhaseRole","SelectTrigger","SelectValue","SelectContent","SelectItem","FieldDescription","FieldError","Textarea","getProcessorMessage","updateProcessorMessage","FormSubmitRow"],"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"],"mappings":"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"}
+{"version":3,"file":"workflow-processor-input.cjs.js","names":["useState","Field","FieldLabel","Select","withPhaseRole","SelectTrigger","SelectValue","SelectContent","SelectItem","FieldDescription","FieldError","Textarea","getProcessorMessage","updateProcessorMessage","FormSubmitRow"],"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', description: 'Process input messages before LLM' },\n  { value: 'inputStep', description: 'Process at each agentic loop step' },\n  { value: 'outputStream', description: 'Process streaming chunks' },\n  { value: 'outputResult', description: 'Process complete output' },\n  { value: 'outputStep', description: '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)?.description}\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"],"mappings":"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"}

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

@@ -1,31 +1,31 @@
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../../../../select-BdIZEdcy.js";
+import { getProcessorMessage, updateProcessorMessage, withPhaseRole } from "./processor-input.es.js";
 import { Field, FieldDescription, FieldError, FieldLabel } from "../../../../components/Field.es.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../../../../select-dNX9If-s.js";
 import { Textarea } from "../../../../components/Textarea.es.js";
 import { FormSubmitRow } from "../../../../lib/form/components/form-submit-row.es.js";
-import { getProcessorMessage, updateProcessorMessage, withPhaseRole } from "./processor-input.es.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/workflows/workflow/input/workflow-processor-input.tsx
 var PROCESSOR_PHASES = [
 	{
 		value: "input",
-		label: "Input - Process input messages before LLM"
+		description: "Process input messages before LLM"
 	},
 	{
 		value: "inputStep",
-		label: "Input Step - Process at each agentic loop step"
+		description: "Process at each agentic loop step"
 	},
 	{
 		value: "outputStream",
-		label: "Output Stream - Process streaming chunks"
+		description: "Process streaming chunks"
 	},
 	{
 		value: "outputResult",
-		label: "Output Result - Process complete output"
+		description: "Process complete output"
 	},
 	{
 		value: "outputStep",
-		label: "Output Step - Process after each LLM response"
+		description: "Process after each LLM response"
 	}
 ];
 var NO_ERRORS = {
@@ -82,7 +82,7 @@ var WorkflowProcessorInput = ({ schema, value, onChange, isSubmitLoading, submit
 							children: phaseOption.value
 						}, phaseOption.value)) })]
 					}),
-					/* @__PURE__ */ jsx(FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.label }),
+					/* @__PURE__ */ jsx(FieldDescription, { children: PROCESSOR_PHASES.find((phaseOption) => phaseOption.value === value.phase)?.description }),
 					/* @__PURE__ */ jsx(FieldError, { children: errors.phase.length > 0 && /* @__PURE__ */ jsx(ErrorLines, { errors: errors.phase }) })
 				]
 			}),

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-processor-input.es.js","names":[],"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"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB;CACvB;EAAE,OAAO;EAAS,OAAO;CAA4C;CACrE;EAAE,OAAO;EAAa,OAAO;CAAiD;CAC9E;EAAE,OAAO;EAAgB,OAAO;CAA2C;CAC3E;EAAE,OAAO;EAAgB,OAAO;CAA0C;CAC1E;EAAE,OAAO;EAAc,OAAO;CAAgD;AAChF;AASA,IAAM,YAA6B;CAAE,OAAO,CAAC;CAAG,SAAS,CAAC;AAAE;AAE5D,SAAS,WAAW,EAAE,UAAgC;CACpD,OACE,oBAAC,QAAD;EAAM,WAAU;EACb,UAAA,OAAO,KAAI,UACV,oBAAC,QAAD;GAAkB,WAAU;GACzB,UAAA;EACG,GAFK,KAEL,CACP;CACG,CAAA;AAEV;AAEA,IAAa,0BAA0B,EACrC,QACA,OACA,UACA,iBACA,mBACA,UACA,UACA,eACA,aACA,kBACA,qBACA,4BACiC;CACjC,MAAM,CAAC,QAAQ,aAAa,SAA0B,SAAS;CAE/D,MAAM,qBAAqB;EACzB,UAAU,SAAS;EAEnB,MAAM,SAAS,OAAO,UAAU,KAAK;EACrC,IAAI,CAAC,OAAO,SAAS;GACnB,MAAM,aAA8B;IAAE,OAAO,CAAC;IAAG,SAAS,CAAC;GAAE;GAC7D,KAAK,MAAM,SAAS,OAAO,MAAM,QAE/B,CADoB,MAAM,KAAK,OAAO,UAAU,WAAW,QAAQ,WAAW,QAAA,CAClE,KAAK,GAAG,MAAM,KAAK,KAAK,GAAG,EAAE,IAAI,MAAM,SAAS;GAE9D,UAAU,UAAU;GACpB;EACF;EACA,SAAS,OAAO,IAAI;CACtB;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,OAAD;IAAO,SAAS,OAAO,MAAM,SAAS;IAAtC,UAAA;KACE,oBAAC,YAAD,EAAA,UAAY,QAAiB,CAAA;KAC7B,qBAAC,QAAD;MACE,OAAO,MAAM;MACb,gBAAe,UAAS;OACtB,UAAU,SAAS;OACnB,SAAS,cAAc;QAAE,GAAG;QAAO;OAAM,CAAC,CAAC;MAC7C;MACA,UAAU;MANZ,UAAA,CAQE,oBAAC,eAAD;OAAe,WAAU;OACvB,UAAA,oBAAC,aAAD,EAAa,aAAY,eAAgB,CAAA;MAC5B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,iBAAiB,KAAI,gBACpB,oBAAC,YAAD;OAAoC,OAAO,YAAY;OACpD,UAAA,YAAY;MACH,GAFK,YAAY,KAEjB,CACb,EACY,CAAA,CACT;;KACR,oBAAC,kBAAD,EAAA,UACG,iBAAiB,MAAK,gBAAe,YAAY,UAAU,MAAM,KAAK,CAAC,EAAE,MAC1D,CAAA;KAClB,oBAAC,YAAD,EAAA,UAAa,OAAO,MAAM,SAAS,KAAK,oBAAC,YAAD,EAAY,QAAQ,OAAO,MAAQ,CAAA,EAAc,CAAA;IACpF;;GAEP,qBAAC,OAAD;IAAO,SAAS,OAAO,QAAQ,SAAS;IAAxC,UAAA;KACE,oBAAC,YAAD,EAAA,UAAY,eAAwB,CAAA;KACpC,oBAAC,UAAD;MACE,OAAO,oBAAoB,KAAK;MAChC,WAAU,UAAS;OACjB,UAAU,SAAS;OACnB,SAAS,cAAc,uBAAuB,OAAO,MAAM,OAAO,KAAK,CAAC,CAAC;MAC3E;MACA,aAAY;MACZ,MAAM;MACN,UAAU;KACX,CAAA;KACD,oBAAC,YAAD,EAAA,UAAa,OAAO,QAAQ,SAAS,KAAK,oBAAC,YAAD,EAAY,QAAQ,OAAO,QAAU,CAAA,EAAc,CAAA;IACxF;;GAEN;GAED,oBAAC,eAAD;IACmB;IACE;IACJ;IACF;IACK;IACG;IACE;IACvB,UAAU;GACX,CAAA;EACE;;AAET"}
+{"version":3,"file":"workflow-processor-input.es.js","names":[],"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', description: 'Process input messages before LLM' },\n  { value: 'inputStep', description: 'Process at each agentic loop step' },\n  { value: 'outputStream', description: 'Process streaming chunks' },\n  { value: 'outputResult', description: 'Process complete output' },\n  { value: 'outputStep', description: '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)?.description}\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"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB;CACvB;EAAE,OAAO;EAAS,aAAa;CAAoC;CACnE;EAAE,OAAO;EAAa,aAAa;CAAoC;CACvE;EAAE,OAAO;EAAgB,aAAa;CAA2B;CACjE;EAAE,OAAO;EAAgB,aAAa;CAA0B;CAChE;EAAE,OAAO;EAAc,aAAa;CAAkC;AACxE;AASA,IAAM,YAA6B;CAAE,OAAO,CAAC;CAAG,SAAS,CAAC;AAAE;AAE5D,SAAS,WAAW,EAAE,UAAgC;CACpD,OACE,oBAAC,QAAD;EAAM,WAAU;EACb,UAAA,OAAO,KAAI,UACV,oBAAC,QAAD;GAAkB,WAAU;GACzB,UAAA;EACG,GAFK,KAEL,CACP;CACG,CAAA;AAEV;AAEA,IAAa,0BAA0B,EACrC,QACA,OACA,UACA,iBACA,mBACA,UACA,UACA,eACA,aACA,kBACA,qBACA,4BACiC;CACjC,MAAM,CAAC,QAAQ,aAAa,SAA0B,SAAS;CAE/D,MAAM,qBAAqB;EACzB,UAAU,SAAS;EAEnB,MAAM,SAAS,OAAO,UAAU,KAAK;EACrC,IAAI,CAAC,OAAO,SAAS;GACnB,MAAM,aAA8B;IAAE,OAAO,CAAC;IAAG,SAAS,CAAC;GAAE;GAC7D,KAAK,MAAM,SAAS,OAAO,MAAM,QAE/B,CADoB,MAAM,KAAK,OAAO,UAAU,WAAW,QAAQ,WAAW,QAAA,CAClE,KAAK,GAAG,MAAM,KAAK,KAAK,GAAG,EAAE,IAAI,MAAM,SAAS;GAE9D,UAAU,UAAU;GACpB;EACF;EACA,SAAS,OAAO,IAAI;CACtB;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,OAAD;IAAO,SAAS,OAAO,MAAM,SAAS;IAAtC,UAAA;KACE,oBAAC,YAAD,EAAA,UAAY,QAAiB,CAAA;KAC7B,qBAAC,QAAD;MACE,OAAO,MAAM;MACb,gBAAe,UAAS;OACtB,UAAU,SAAS;OACnB,SAAS,cAAc;QAAE,GAAG;QAAO;OAAM,CAAC,CAAC;MAC7C;MACA,UAAU;MANZ,UAAA,CAQE,oBAAC,eAAD;OAAe,WAAU;OACvB,UAAA,oBAAC,aAAD,EAAa,aAAY,eAAgB,CAAA;MAC5B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,iBAAiB,KAAI,gBACpB,oBAAC,YAAD;OAAoC,OAAO,YAAY;OACpD,UAAA,YAAY;MACH,GAFK,YAAY,KAEjB,CACb,EACY,CAAA,CACT;;KACR,oBAAC,kBAAD,EAAA,UACG,iBAAiB,MAAK,gBAAe,YAAY,UAAU,MAAM,KAAK,CAAC,EAAE,YAC1D,CAAA;KAClB,oBAAC,YAAD,EAAA,UAAa,OAAO,MAAM,SAAS,KAAK,oBAAC,YAAD,EAAY,QAAQ,OAAO,MAAQ,CAAA,EAAc,CAAA;IACpF;;GAEP,qBAAC,OAAD;IAAO,SAAS,OAAO,QAAQ,SAAS;IAAxC,UAAA;KACE,oBAAC,YAAD,EAAA,UAAY,eAAwB,CAAA;KACpC,oBAAC,UAAD;MACE,OAAO,oBAAoB,KAAK;MAChC,WAAU,UAAS;OACjB,UAAU,SAAS;OACnB,SAAS,cAAc,uBAAuB,OAAO,MAAM,OAAO,KAAK,CAAC,CAAC;MAC3E;MACA,aAAY;MACZ,MAAM;MACN,UAAU;KACX,CAAA;KACD,oBAAC,YAAD,EAAA,UAAa,OAAO,QAAQ,SAAS,KAAK,oBAAC,YAAD,EAAY,QAAQ,OAAO,QAAU,CAAA,EAAc,CAAA;IACxF;;GAEN;GAED,oBAAC,eAAD;IACmB;IACE;IACJ;IACF;IACK;IACG;IACE;IACvB,UAAU;GACX,CAAA;EACE;;AAET"}

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_workflows_workflow_workflow_graph_layout = require("./workflow-graph-layout.cjs.js");
 const require_domains_workflows_workflow_utils = require("./utils.cjs.js");
+const require_domains_workflows_workflow_workflow_graph_layout = require("./workflow-graph-layout.cjs.js");
 let react = require("react");
 let _xyflow_react = require("@xyflow/react");
 // src/domains/workflows/workflow/use-workflow-graph-nodes.ts

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

@@ -1,5 +1,5 @@
-import { getLayoutedElements } from "./workflow-graph-layout.es.js";
 import { constructNodesAndEdges } from "./utils.es.js";
+import { getLayoutedElements } from "./workflow-graph-layout.es.js";
 import { useState } from "react";
 import { applyNodeChanges } from "@xyflow/react";
 // src/domains/workflows/workflow/use-workflow-graph-nodes.ts

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

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_use_workflow_graph_runtime = require("../../../use-workflow-graph-runtime-DYao-08R.cjs");
+const require_use_workflow_graph_runtime = require("../../../use-workflow-graph-runtime-D_PpEIQ5.cjs");
 exports.useWorkflowGraphRuntime = require_use_workflow_graph_runtime.useWorkflowGraphRuntime;

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

@@ -1 +1 @@
-export { t as useWorkflowGraphRuntime } from "../../../use-workflow-graph-runtime-BKNhOKsH.js";
+export { t as useWorkflowGraphRuntime } from "../../../use-workflow-graph-runtime-B_dKpjUe.js";

package/dist/domains/workflows/workflow/use-workflow-trigger.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_lib_form_zod_provider_compat = require("../../../lib/form/zod-provider/compat.cjs.js");
-const require_lib_form_json_schema_to_zod_runtime = require("../../../lib/form/json-schema-to-zod-runtime.cjs.js");
 const require_domains_workflows_context_workflow_run_context = require("../context/workflow-run-context.cjs.js");
-require("./workflow-step-node-utils.cjs.js");
 const require_domains_workflows_workflow_utils = require("./utils.cjs.js");
+require("./workflow-step-node-utils.cjs.js");
+const require_lib_form_json_schema_to_zod_runtime = require("../../../lib/form/json-schema-to-zod-runtime.cjs.js");
+const require_lib_form_zod_provider_compat = require("../../../lib/form/zod-provider/compat.cjs.js");
 let react = require("react");
 let zod = require("zod");
 let superjson = require("superjson");

package/dist/domains/workflows/workflow/use-workflow-trigger.es.js

@@ -1,8 +1,8 @@
-import { asObjectProperty } from "../../../lib/form/zod-provider/compat.es.js";
-import { jsonSchemaToZodRuntime } from "../../../lib/form/json-schema-to-zod-runtime.es.js";
 import { WorkflowRunContext } from "../context/workflow-run-context.es.js";
-import "./workflow-step-node-utils.es.js";
 import { buildNextStepInput, buildStepSuccessors, buildStepsFlow, collectGraphStepFlags, constructNodesAndEdges, isBranchArmBypassed, isLastRunnableStep, selectNextStepKey } from "./utils.es.js";
+import "./workflow-step-node-utils.es.js";
+import { jsonSchemaToZodRuntime } from "../../../lib/form/json-schema-to-zod-runtime.es.js";
+import { asObjectProperty } from "../../../lib/form/zod-provider/compat.es.js";
 import { useCallback, useContext, useMemo } from "react";
 import { z } from "zod";
 import { parse } from "superjson";

package/dist/domains/workflows/workflow/utils.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Workflow = require("../../../Workflow-DSWQ-ROz.cjs");
-const require_domains_workflows_workflow_workflow_step_node_utils = require("./workflow-step-node-utils.cjs.js");
+const require_Workflow = require("../../../Workflow-DIfTVqZs.cjs");
 const require_domains_workflows_workflow_workflow_graph_groups = require("./workflow-graph-groups.cjs.js");
 const require_domains_workflows_workflow_workflow_graph_layout = require("./workflow-graph-layout.cjs.js");
+const require_domains_workflows_workflow_workflow_step_node_utils = require("./workflow-step-node-utils.cjs.js");
 let _xyflow_react = require("@xyflow/react");
 // src/domains/workflows/workflow/utils.ts
 var getWorkflowBoundaryNodeId = (role) => `boundary-${role}`;

package/dist/domains/workflows/workflow/utils.es.js

@@ -1,7 +1,7 @@
-import { u as WORKFLOW_BOUNDARY_NODE_TYPE } from "../../../Workflow-C3SlEdP-.js";
-import { WORKFLOW_STEP_NODE_TYPE, resolveWorkflowGraphStep, unwrapInnerEntry } from "./workflow-step-node-utils.es.js";
+import { u as WORKFLOW_BOUNDARY_NODE_TYPE } from "../../../Workflow-CXRv3YXx.js";
 import { getWorkflowMapContext } from "./workflow-graph-groups.es.js";
 import { getLayoutedElements } from "./workflow-graph-layout.es.js";
+import { WORKFLOW_STEP_NODE_TYPE, resolveWorkflowGraphStep, unwrapInnerEntry } from "./workflow-step-node-utils.es.js";
 import { MarkerType } from "@xyflow/react";
 // src/domains/workflows/workflow/utils.ts
 var getWorkflowBoundaryNodeId = (role) => `boundary-${role}`;

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

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_use_workflow_graph_runtime = require("../../../use-workflow-graph-runtime-DYao-08R.cjs");
+const require_use_workflow_graph_runtime = require("../../../use-workflow-graph-runtime-D_PpEIQ5.cjs");
 exports.WorkflowBodyGraph = require_use_workflow_graph_runtime.WorkflowBodyGraph;

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

@@ -1 +1 @@
-export { r as WorkflowBodyGraph } from "../../../use-workflow-graph-runtime-BKNhOKsH.js";
+export { r as WorkflowBodyGraph } from "../../../use-workflow-graph-runtime-B_dKpjUe.js";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/workflows/workflow/workflow-cancel-button.tsx