🎨 Inappropriate rendering for examples in generated promt #688

Author: jiangpeiling

frontend/app/[locale]/layout.tsx

@@ -8,6 +8,9 @@ import { ThemeProvider as NextThemesProvider } from "next-themes";
 import I18nProviderWrapper from "@/components/providers/I18nProviderWrapper";
 
 import "@/styles/globals.css";
+import "@/styles/react-markdown.css";
+import "github-markdown-css/github-markdown.css";
+import "katex/dist/katex.min.css";
 import log from "@/lib/logger";
 
 const inter = Inter({ subsets: ["latin"] });

frontend/app/[locale]/setup/agents/components/agent/AgentConfigModal.tsx

@@ -676,31 +676,6 @@ export default function AgentConfigModal({
         )}
 
         <style jsx global>{`
-          /* Custom scrollbar styles for better UX */
-          .milkdown-editor-container .milkdown {
-            overflow: auto !important;
-          }
-          .milkdown-editor-container .milkdown .editor {
-            overflow: auto !important;
-          }
-          /* Show Milkdown editor's scrollbar */
-          .milkdown-editor-container .milkdown .editor::-webkit-scrollbar {
-            width: 8px !important;
-            display: block !important;
-          }
-          .milkdown-editor-container .milkdown .editor {
-            scrollbar-width: auto !important;
-            -ms-overflow-style: auto !important;
-          }
-          /* Show all Milkdown related scrollbars */
-          .milkdown-editor-container *::-webkit-scrollbar {
-            width: 8px !important;
-            display: block !important;
-          }
-          .milkdown-editor-container * {
-            scrollbar-width: auto !important;
-            -ms-overflow-style: auto !important;
-          }
           /* Force consistent font sizes */
           .agent-config-content * {
             font-size: inherit !important;
@@ -997,4 +972,4 @@ export default function AgentConfigModal({
       </Modal>
     </div>
   );
-}
+}