Major UI update

web/src/components/editors/StandardEditor.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import Editor from '@monaco-editor/react';
+import { Card, CardContent } from '@/components/ui/card';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+
+export const StandardEditor = ({
+  content,
+  onChange,
+  readOnly = false,
+  language = 'xml',
+  validationError = null,
+}) => (
+  <Card className="h-[calc(100vh-8rem)]">
+    <CardContent className="p-0 h-full">
+      {validationError && (
+        <Alert variant="destructive" className="m-4">
+          <AlertDescription>{validationError}</AlertDescription>
+        </Alert>
+      )}
+      <Editor
+        height="100%"
+        language={language}
+        value={content}
+        onChange={onChange}
+        options={{
+          minimap: { enabled: false },
+          lineNumbers: 'on',
+          readOnly,
+          fontSize: 14,
+          automaticLayout: true,
+        }}
+      />
+    </CardContent>
+  </Card>
+);