✨ feat(relay): Add relay mode configuration and update related schemas

packages/ui/src/custom-components/dynamic-Inputs.tsx

@@ -1,6 +1,7 @@
 import { Button } from '@workspace/ui/components/button';
 import { Combobox } from '@workspace/ui/custom-components/combobox';
 import { EnhancedInput, EnhancedInputProps } from '@workspace/ui/custom-components/enhanced-input';
+import { cn } from '@workspace/ui/lib/utils';
 import { CircleMinusIcon, CirclePlusIcon } from 'lucide-react';
 import { useEffect, useState } from 'react';
 
@@ -54,8 +55,8 @@ export function ObjectInput<T extends Record<string, any>>({
 
   return (
     <div className='flex flex-1 flex-wrap gap-4'>
-      {fields.map(({ name, type, options, ...fieldProps }) => (
-        <div key={name} className='flex-1'>
+      {fields.map(({ name, type, options, className, ...fieldProps }) => (
+        <div key={name} className={cn('flex-1', className)}>
           {type === 'select' && options ? (
             <Combobox<string, false>
               placeholder={fieldProps.placeholder}

packages/ui/src/custom-components/enhanced-input.tsx

@@ -77,7 +77,9 @@ export function EnhancedInput({
       suppressHydrationWarning
     >
       {prefix && (
-        <div className='bg-muted mr-px flex h-9 items-center text-nowrap px-3'>{prefix}</div>
+        <div className='bg-muted relative mr-px flex h-9 items-center text-nowrap px-3'>
+          {prefix}
+        </div>
       )}
       <Input
         {...props}
@@ -87,7 +89,9 @@ export function EnhancedInput({
         onBlur={handleBlur}
       />
       {suffix && (
-        <div className='bg-muted ml-px flex h-9 items-center text-nowrap px-3'>{suffix}</div>
+        <div className='bg-muted relative ml-px flex h-9 items-center text-nowrap px-3'>
+          {suffix}
+        </div>
       )}
     </div>
   );