fix: Revert "split arrays in yaml to fix ambiguous collapse when arra…

…y items have nested objects (argoproj#21064)" (argoproj#22099) (argoproj#22128)

Signed-off-by: Andrii Korotkov <[email protected]>

ui/src/app/shared/components/yaml-editor/yaml-editor.tsx

@@ -9,22 +9,6 @@ import {MonacoEditor} from '../monaco-editor';
 const jsonMergePatch = require('json-merge-patch');
 require('./yaml-editor.scss');
 
-const formatYamlWithArrays = (input: any): string => {
-    // First, get the basic YAML
-    let yaml = jsYaml.dump(input, {
-        indent: 2,
-        lineWidth: -1,
-        noArrayIndent: false
-    });
-
-    // Format nested arrays to improve readability when collapsed
-    yaml = yaml.replace(/(\s+)(-\s*)(\w+):/g, (match, indent, dash, key) => {
-        return `${indent}-${indent}  ${key}:`;
-    });
-
-    return yaml;
-};
-
 export class YamlEditor<T> extends React.Component<
     {
         input: T;
@@ -49,7 +33,7 @@ export class YamlEditor<T> extends React.Component<
 
     public render() {
         const props = this.props;
-        const yaml = props.input ? formatYamlWithArrays(props.input) : '';
+        const yaml = props.input ? jsYaml.dump(props.input) : '';
 
         return (
             <div className='yaml-editor'>