@mastra/playground-ui 5.1.4-alpha.3 → 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';
@@ -539,8 +539,8 @@ const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
 const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 const isFraction = value => fractionRegex.test(value);
-const isNumber = value => !!value && !Number.isNaN(Number(value));
-const isInteger = value => !!value && Number.isInteger(Number(value));
+const isNumber = value => Boolean(value) && !Number.isNaN(Number(value));
+const isInteger = value => Boolean(value) && Number.isInteger(Number(value));
 const isPercent = value => value.endsWith('%') && isNumber(value.slice(0, -1));
 const isTshirtSize = value => tshirtUnitRegex.test(value);
 const isAny = () => true;
@@ -559,7 +559,7 @@ const isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isL
 const isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);
 const isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);
 const isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);
-const isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);
+const isArbitraryShadow = value => getIsArbitraryValue(value, isNever, isShadow);
 const isArbitraryVariable = value => arbitraryVariableRegex.test(value);
 const isArbitraryVariableLength = value => getIsArbitraryVariable(value, isLabelLength);
 const isArbitraryVariableFamilyName = value => getIsArbitraryVariable(value, isLabelFamilyName);
@@ -589,9 +589,11 @@ const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) =>
   return false;
 };
 // Labels
-const isLabelPosition = label => label === 'position' || label === 'percentage';
-const isLabelImage = label => label === 'image' || label === 'url';
-const isLabelSize = label => label === 'length' || label === 'size' || label === 'bg-size';
+const isLabelPosition = label => label === 'position';
+const imageLabels = /*#__PURE__*/new Set(['image', 'url']);
+const isLabelImage = label => imageLabels.has(label);
+const sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']);
+const isLabelSize = label => sizeLabels.has(label);
 const isLabelLength = label => label === 'length';
 const isLabelNumber = label => label === 'number';
 const isLabelFamilyName = label => label === 'family-name';
@@ -614,7 +616,6 @@ const getDefaultConfig = () => {
   const themeRadius = fromTheme('radius');
   const themeShadow = fromTheme('shadow');
   const themeInsetShadow = fromTheme('inset-shadow');
-  const themeTextShadow = fromTheme('text-shadow');
   const themeDropShadow = fromTheme('drop-shadow');
   const themeBlur = fromTheme('blur');
   const themePerspective = fromTheme('perspective');
@@ -629,16 +630,7 @@ const getDefaultConfig = () => {
    */
   /***/
   const scaleBreak = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
-  const scalePosition = () => ['center', 'top', 'bottom', 'left', 'right', 'top-left',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'left-top', 'top-right',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'right-top', 'bottom-right',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'right-bottom', 'bottom-left',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'left-bottom'];
-  const scalePositionWithArbitrary = () => [...scalePosition(), isArbitraryVariable, isArbitraryValue];
+  const scalePosition = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const scaleOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'];
   const scaleOverscroll = () => ['auto', 'contain', 'none'];
   const scaleUnambiguousSpacing = () => [isArbitraryVariable, isArbitraryValue, themeSpacing];
@@ -646,34 +638,25 @@ const getDefaultConfig = () => {
   const scaleGridTemplateColsRows = () => [isInteger, 'none', 'subgrid', isArbitraryVariable, isArbitraryValue];
   const scaleGridColRowStartAndEnd = () => ['auto', {
     span: ['full', isInteger, isArbitraryVariable, isArbitraryValue]
-  }, isInteger, isArbitraryVariable, isArbitraryValue];
+  }, isArbitraryVariable, isArbitraryValue];
   const scaleGridColRowStartOrEnd = () => [isInteger, 'auto', isArbitraryVariable, isArbitraryValue];
   const scaleGridAutoColsRows = () => ['auto', 'min', 'max', 'fr', isArbitraryVariable, isArbitraryValue];
-  const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline', 'center-safe', 'end-safe'];
-  const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];
+  const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline'];
+  const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch'];
   const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];
   const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
   const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
-  const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
-    position: [isArbitraryVariable, isArbitraryValue]
-  }];
-  const scaleBgRepeat = () => ['no-repeat', {
-    repeat: ['', 'x', 'y', 'space', 'round']
-  }];
-  const scaleBgSize = () => ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize, {
-    size: [isArbitraryVariable, isArbitraryValue]
-  }];
-  const scaleGradientStopPosition = () => [isPercent, isArbitraryVariableLength, isArbitraryLength];
+  const scaleGradientStopPosition = () => [isPercent, isArbitraryLength];
   const scaleRadius = () => [
   // Deprecated since Tailwind CSS v4.0.0
   '', 'none', 'full', themeRadius, isArbitraryVariable, isArbitraryValue];
   const scaleBorderWidth = () => ['', isNumber, isArbitraryVariableLength, isArbitraryLength];
   const scaleLineStyle = () => ['solid', 'dashed', 'dotted', 'double'];
   const scaleBlendMode = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
-  const scaleMaskImagePosition = () => [isNumber, isPercent, isArbitraryVariablePosition, isArbitraryPosition];
   const scaleBlur = () => [
   // Deprecated since Tailwind CSS v4.0.0
   '', 'none', themeBlur, isArbitraryVariable, isArbitraryValue];
+  const scaleOrigin = () => ['center', 'top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left', isArbitraryVariable, isArbitraryValue];
   const scaleRotate = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
   const scaleScale = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
   const scaleSkew = () => [isNumber, isArbitraryVariable, isArbitraryValue];
@@ -698,7 +681,6 @@ const getDefaultConfig = () => {
       shadow: [isTshirtSize],
       spacing: ['px', isNumber],
       text: [isTshirtSize],
-      'text-shadow': [isTshirtSize],
       tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest']
     },
     classGroups: {
@@ -801,7 +783,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/object-position
        */
       'object-position': [{
-        object: scalePositionWithArbitrary()
+        object: [...scalePosition(), isArbitraryValue, isArbitraryVariable]
       }],
       /**
        * Overflow
@@ -1108,18 +1090,14 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/align-items
        */
       'align-items': [{
-        items: [...scaleAlignSecondaryAxis(), {
-          baseline: ['', 'last']
-        }]
+        items: [...scaleAlignSecondaryAxis(), 'baseline']
       }],
       /**
        * Align Self
        * @see https://tailwindcss.com/docs/align-self
        */
       'align-self': [{
-        self: ['auto', ...scaleAlignSecondaryAxis(), {
-          baseline: ['', 'last']
-        }]
+        self: ['auto', ...scaleAlignSecondaryAxis(), 'baseline']
       }],
       /**
        * Place Content
@@ -1334,21 +1312,21 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ['screen', 'lh', ...scaleSizing()]
+        h: ['screen', ...scaleSizing()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['screen', 'lh', 'none', ...scaleSizing()]
+        'min-h': ['screen', 'none', ...scaleSizing()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': ['screen', 'lh', ...scaleSizing()]
+        'max-h': ['screen', ...scaleSizing()]
       }],
       // ------------------
       // --- Typography ---
@@ -1564,13 +1542,6 @@ const getDefaultConfig = () => {
       break: [{
         break: ['normal', 'words', 'all', 'keep']
       }],
-      /**
-       * Overflow Wrap
-       * @see https://tailwindcss.com/docs/overflow-wrap
-       */
-      wrap: [{
-        wrap: ['break-word', 'anywhere', 'normal']
-      }],
       /**
        * Hyphens
        * @see https://tailwindcss.com/docs/hyphens
@@ -1614,21 +1585,23 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/background-position
        */
       'bg-position': [{
-        bg: scaleBgPosition()
+        bg: [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition]
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       'bg-repeat': [{
-        bg: scaleBgRepeat()
+        bg: ['no-repeat', {
+          repeat: ['', 'x', 'y', 'space', 'round']
+        }]
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       'bg-size': [{
-        bg: scaleBgSize()
+        bg: ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize]
       }],
       /**
        * Background Image
@@ -1997,7 +1970,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       'outline-color': [{
-        outline: scaleColor()
+        outline: [themeColor]
       }],
       // ---------------
       // --- Effects ---
@@ -2023,7 +1996,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       'inset-shadow': [{
-        'inset-shadow': ['none', themeInsetShadow, isArbitraryVariableShadow, isArbitraryShadow]
+        'inset-shadow': ['none', isArbitraryVariable, isArbitraryValue, themeInsetShadow]
       }],
       /**
        * Inset Box Shadow Color
@@ -2085,20 +2058,6 @@ const getDefaultConfig = () => {
       'inset-ring-color': [{
         'inset-ring': scaleColor()
       }],
-      /**
-       * Text Shadow
-       * @see https://tailwindcss.com/docs/text-shadow
-       */
-      'text-shadow': [{
-        'text-shadow': ['none', themeTextShadow, isArbitraryVariableShadow, isArbitraryShadow]
-      }],
-      /**
-       * Text Shadow Color
-       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
-       */
-      'text-shadow-color': [{
-        'text-shadow': scaleColor()
-      }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
@@ -2120,202 +2079,6 @@ const getDefaultConfig = () => {
       'bg-blend': [{
         'bg-blend': scaleBlendMode()
       }],
-      /**
-       * Mask Clip
-       * @see https://tailwindcss.com/docs/mask-clip
-       */
-      'mask-clip': [{
-        'mask-clip': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
-      }, 'mask-no-clip'],
-      /**
-       * Mask Composite
-       * @see https://tailwindcss.com/docs/mask-composite
-       */
-      'mask-composite': [{
-        mask: ['add', 'subtract', 'intersect', 'exclude']
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      'mask-image-linear-pos': [{
-        'mask-linear': [isNumber]
-      }],
-      'mask-image-linear-from-pos': [{
-        'mask-linear-from': scaleMaskImagePosition()
-      }],
-      'mask-image-linear-to-pos': [{
-        'mask-linear-to': scaleMaskImagePosition()
-      }],
-      'mask-image-linear-from-color': [{
-        'mask-linear-from': scaleColor()
-      }],
-      'mask-image-linear-to-color': [{
-        'mask-linear-to': scaleColor()
-      }],
-      'mask-image-t-from-pos': [{
-        'mask-t-from': scaleMaskImagePosition()
-      }],
-      'mask-image-t-to-pos': [{
-        'mask-t-to': scaleMaskImagePosition()
-      }],
-      'mask-image-t-from-color': [{
-        'mask-t-from': scaleColor()
-      }],
-      'mask-image-t-to-color': [{
-        'mask-t-to': scaleColor()
-      }],
-      'mask-image-r-from-pos': [{
-        'mask-r-from': scaleMaskImagePosition()
-      }],
-      'mask-image-r-to-pos': [{
-        'mask-r-to': scaleMaskImagePosition()
-      }],
-      'mask-image-r-from-color': [{
-        'mask-r-from': scaleColor()
-      }],
-      'mask-image-r-to-color': [{
-        'mask-r-to': scaleColor()
-      }],
-      'mask-image-b-from-pos': [{
-        'mask-b-from': scaleMaskImagePosition()
-      }],
-      'mask-image-b-to-pos': [{
-        'mask-b-to': scaleMaskImagePosition()
-      }],
-      'mask-image-b-from-color': [{
-        'mask-b-from': scaleColor()
-      }],
-      'mask-image-b-to-color': [{
-        'mask-b-to': scaleColor()
-      }],
-      'mask-image-l-from-pos': [{
-        'mask-l-from': scaleMaskImagePosition()
-      }],
-      'mask-image-l-to-pos': [{
-        'mask-l-to': scaleMaskImagePosition()
-      }],
-      'mask-image-l-from-color': [{
-        'mask-l-from': scaleColor()
-      }],
-      'mask-image-l-to-color': [{
-        'mask-l-to': scaleColor()
-      }],
-      'mask-image-x-from-pos': [{
-        'mask-x-from': scaleMaskImagePosition()
-      }],
-      'mask-image-x-to-pos': [{
-        'mask-x-to': scaleMaskImagePosition()
-      }],
-      'mask-image-x-from-color': [{
-        'mask-x-from': scaleColor()
-      }],
-      'mask-image-x-to-color': [{
-        'mask-x-to': scaleColor()
-      }],
-      'mask-image-y-from-pos': [{
-        'mask-y-from': scaleMaskImagePosition()
-      }],
-      'mask-image-y-to-pos': [{
-        'mask-y-to': scaleMaskImagePosition()
-      }],
-      'mask-image-y-from-color': [{
-        'mask-y-from': scaleColor()
-      }],
-      'mask-image-y-to-color': [{
-        'mask-y-to': scaleColor()
-      }],
-      'mask-image-radial': [{
-        'mask-radial': [isArbitraryVariable, isArbitraryValue]
-      }],
-      'mask-image-radial-from-pos': [{
-        'mask-radial-from': scaleMaskImagePosition()
-      }],
-      'mask-image-radial-to-pos': [{
-        'mask-radial-to': scaleMaskImagePosition()
-      }],
-      'mask-image-radial-from-color': [{
-        'mask-radial-from': scaleColor()
-      }],
-      'mask-image-radial-to-color': [{
-        'mask-radial-to': scaleColor()
-      }],
-      'mask-image-radial-shape': [{
-        'mask-radial': ['circle', 'ellipse']
-      }],
-      'mask-image-radial-size': [{
-        'mask-radial': [{
-          closest: ['side', 'corner'],
-          farthest: ['side', 'corner']
-        }]
-      }],
-      'mask-image-radial-pos': [{
-        'mask-radial-at': scalePosition()
-      }],
-      'mask-image-conic-pos': [{
-        'mask-conic': [isNumber]
-      }],
-      'mask-image-conic-from-pos': [{
-        'mask-conic-from': scaleMaskImagePosition()
-      }],
-      'mask-image-conic-to-pos': [{
-        'mask-conic-to': scaleMaskImagePosition()
-      }],
-      'mask-image-conic-from-color': [{
-        'mask-conic-from': scaleColor()
-      }],
-      'mask-image-conic-to-color': [{
-        'mask-conic-to': scaleColor()
-      }],
-      /**
-       * Mask Mode
-       * @see https://tailwindcss.com/docs/mask-mode
-       */
-      'mask-mode': [{
-        mask: ['alpha', 'luminance', 'match']
-      }],
-      /**
-       * Mask Origin
-       * @see https://tailwindcss.com/docs/mask-origin
-       */
-      'mask-origin': [{
-        'mask-origin': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
-      }],
-      /**
-       * Mask Position
-       * @see https://tailwindcss.com/docs/mask-position
-       */
-      'mask-position': [{
-        mask: scaleBgPosition()
-      }],
-      /**
-       * Mask Repeat
-       * @see https://tailwindcss.com/docs/mask-repeat
-       */
-      'mask-repeat': [{
-        mask: scaleBgRepeat()
-      }],
-      /**
-       * Mask Size
-       * @see https://tailwindcss.com/docs/mask-size
-       */
-      'mask-size': [{
-        mask: scaleBgSize()
-      }],
-      /**
-       * Mask Type
-       * @see https://tailwindcss.com/docs/mask-type
-       */
-      'mask-type': [{
-        'mask-type': ['alpha', 'luminance']
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      'mask-image': [{
-        mask: ['none', isArbitraryVariable, isArbitraryValue]
-      }],
       // ---------------
       // --- Filters ---
       // ---------------
@@ -2356,14 +2119,7 @@ const getDefaultConfig = () => {
       'drop-shadow': [{
         'drop-shadow': [
         // Deprecated since Tailwind CSS v4.0.0
-        '', 'none', themeDropShadow, isArbitraryVariableShadow, isArbitraryShadow]
-      }],
-      /**
-       * Drop Shadow Color
-       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
-       */
-      'drop-shadow-color': [{
-        'drop-shadow': scaleColor()
+        '', 'none', themeDropShadow, isArbitraryVariable, isArbitraryValue]
       }],
       /**
        * Grayscale
@@ -2584,7 +2340,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       'perspective-origin': [{
-        'perspective-origin': scalePositionWithArbitrary()
+        'perspective-origin': scaleOrigin()
       }],
       /**
        * Rotate
@@ -2680,7 +2436,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       'transform-origin': [{
-        origin: scalePositionWithArbitrary()
+        origin: scaleOrigin()
       }],
       /**
        * Transform Style
@@ -3048,10 +2804,10 @@ const getDefaultConfig = () => {
       'rounded-b': ['rounded-br', 'rounded-bl'],
       'rounded-l': ['rounded-tl', 'rounded-bl'],
       'border-spacing': ['border-spacing-x', 'border-spacing-y'],
-      'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
+      'border-w': ['border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
       'border-w-x': ['border-w-r', 'border-w-l'],
       'border-w-y': ['border-w-t', 'border-w-b'],
-      'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
+      'border-color': ['border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
       'border-color-x': ['border-color-r', 'border-color-l'],
       'border-color-y': ['border-color-t', 'border-color-b'],
       translate: ['translate-x', 'translate-y', 'translate-none'],
@@ -3070,7 +2826,7 @@ const getDefaultConfig = () => {
     conflictingClassGroupModifiers: {
       'font-size': ['leading']
     },
-    orderSensitiveModifiers: ['*', '**', 'after', 'backdrop', 'before', 'details-content', 'file', 'first-letter', 'first-line', 'marker', 'placeholder', 'selection']
+    orderSensitiveModifiers: ['before', 'after', 'placeholder', 'file', 'marker', 'selection', 'first-line', 'first-letter', 'backdrop', '*', '**']
   };
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
@@ -10000,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: [