First swing.

src/components/ConfigViewer.tsx

@@ -0,0 +1,17 @@
+import { Card } from './ui/card';
+import { cn } from '@/lib/utils';
+
+interface ConfigViewerProps {
+  content: string;
+  className?: string;
+}
+
+export function ConfigViewer({ content, className }: ConfigViewerProps) {
+  return (
+    <Card className={cn('p-4', className)}>
+      <pre className="text-xs overflow-auto max-h-96 whitespace-pre-wrap break-all">
+        <code>{content}</code>
+      </pre>
+    </Card>
+  );
+}