🎨 Inappropriate rendering for examples in generated promt #688

Author: jiangpeiling

frontend/app/[locale]/setup/agents/components/PromptManager.tsx

@@ -47,8 +47,12 @@ export function SimplePromptEditor({
         setInternalValue(e.target.value);
         onChange(e.target.value);
       }}
-      style={height ? { height, resize: "none" } : { resize: "none" }}
-      autoSize={height ? false : { minRows: 8, maxRows: 100  }}
+      style={
+        height
+          ? { height, resize: "none", overflow: "auto" }
+          : { resize: "none", overflow: "hidden" }
+      }
+      autoSize={height ? false : { minRows: 8 }}
       bordered={bordered}
     />
   );

frontend/styles/react-markdown.css

@@ -136,6 +136,22 @@
   color: var(--color-nord0);
 }
 
+/* Markdown table reset to prevent external zebra striping */
+.markdown-body table {
+  border-collapse: collapse;
+}
+
+.markdown-body table tr,
+.markdown-body table tr:nth-child(odd),
+.markdown-body table tr:nth-child(even) {
+  background-color: transparent !important;
+}
+
+.markdown-body table td,
+.markdown-body table th {
+  background-color: transparent !important;
+}
+
 /* Emphasis Styles */
 .markdown-strong {
   font-weight: 600;