@mastra/playground-ui 5.1.4-alpha.4 → 5.1.4-alpha.5

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { createContext, useContext, forwardRef, useState, useEffect, memo, useRef, useCallback, useMemo, Suspense, Fragment as Fragment$1, useId } from 'react';
+import React__default, { createContext, useContext, forwardRef, useState, useEffect, memo, useRef, useCallback, useMemo, Suspense, Fragment as Fragment$1 } from 'react';
 import { MastraClient } from '@mastra/client-js';
 import { useMessage, MessagePrimitive, ActionBarPrimitive, useComposerRuntime, ComposerPrimitive, useAttachment, AttachmentPrimitive, ThreadPrimitive, useExternalStoreRuntime, CompositeAttachmentAdapter, SimpleImageAttachmentAdapter, SimpleTextAttachmentAdapter, AssistantRuntimeProvider } from '@assistant-ui/react';
 import { CheckIcon as CheckIcon$1, CopyIcon, Check, Copy, ChevronUpIcon, X, FileText, FileIcon, CircleXIcon, Mic, PlusIcon, ArrowUp, Search, RefreshCcwIcon, ChevronRight, SortAsc, SortDesc, ChevronUp, ChevronDown, LoaderCircle, ChevronDownIcon, ExternalLinkIcon, Network, PauseIcon, Loader2, CircleDashed, Footprints, CircleCheck, CircleX, Workflow, AlertCircleIcon, AlertCircle, CalendarIcon, Braces, Brackets, TrashIcon, Plus, Minus, Maximize } from 'lucide-react';
@@ -9756,60 +9756,9 @@ function WorkflowTrigger({ workflowId, setRunId }) {
         ] });
       })
     ] }),
-    result && /* @__PURE__ */ jsx("div", { className: "p-5 border-b-sm border-border1", children: /* @__PURE__ */ jsx(WorkflowJsonDialog, { result: restResult }) }),
-    result && /* @__PURE__ */ jsx(WorkflowResultSection, { result, workflow })
+    result && /* @__PURE__ */ jsx("div", { className: "p-5 border-b-sm border-border1", children: /* @__PURE__ */ jsx(WorkflowJsonDialog, { result: restResult }) })
   ] });
 }
-const WorkflowResultSection = ({ result, workflow }) => {
-  const workflowState = result.payload.workflowState;
-  if (typeof workflowState.result === "string" || typeof workflowState.result === "number" || typeof workflowState.result === "boolean") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 p-5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(Txt, { as: "label", htmlFor: "string-result", variant: "ui-sm", className: "text-icon3", children: "Workflow Result" }) }),
-      /* @__PURE__ */ jsx(Input, { id: "string-result", defaultValue: String(workflowState.result) })
-    ] });
-  }
-  const hasResult = Object.keys(workflowState.result || {}).length > 0;
-  if (!hasResult) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
-    /* @__PURE__ */ jsx(Txt, { variant: "ui-sm", className: "text-icon3", children: "Final Output" }),
-    /* @__PURE__ */ jsx("ul", { className: "pt-4", children: Object.entries(workflowState.result || {}).map(([stepId, stepResult]) => {
-      const stepDefinition = workflow.steps[stepId];
-      return /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: "border-b-sm border-dashed border-border1 last:border-b-0 py-4 first:pt-0 last:pb-0",
-          children: /* @__PURE__ */ jsx(WorkflowResultFinishedStep, { stepResult, stepDefinition })
-        },
-        stepId
-      );
-    }) })
-  ] });
-};
-const WorkflowResultFinishedStep = ({ stepResult, stepDefinition }) => {
-  const id = useId();
-  try {
-    const zodObjectSchema = resolveSerializedZodOutput(jsonSchemaToZod(parse(stepDefinition.outputSchema)));
-    if (zodObjectSchema?._def?.typeName === "ZodString") {
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Footprints, { className: "text-icon3" }) }),
-          /* @__PURE__ */ jsx(Txt, { as: "label", htmlFor: id, variant: "ui-sm", className: "text-icon3", children: stepDefinition.description })
-        ] }),
-        /* @__PURE__ */ jsx(Input, { id, defaultValue: stepResult })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pb-2", children: [
-        /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Footprints, { className: "text-icon3" }) }),
-        /* @__PURE__ */ jsx(Txt, { variant: "ui-sm", className: "text-icon3", children: stepDefinition.description })
-      ] }),
-      /* @__PURE__ */ jsx(DynamicForm, { schema: zodObjectSchema, defaultValues: stepResult })
-    ] });
-  } catch (err) {
-    console.error("Error parsing output schema", err);
-    return /* @__PURE__ */ jsx(Txt, { children: "An error occured. Please open an issue on GitHub." });
-  }
-};
 const WorkflowJsonDialog = ({ result }) => {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [