Clean prose styling for a standard assistant answer with inline code.
Here's a quick summary. The migration touches three modules and is safe to run incrementally.
I'd recommend starting with the auth service, then rolling out the rest behind a feature flag.
import type { ReactNode } from "react";
export function TextResponse({ children }: { children?: ReactNode }) {
return <div className="prose">{children}</div>;
}
/* TextResponse.css */
.prose { font-size: 14px; line-height: 19px; color: #1a1a1a; }
.prose p { margin-bottom: 10px; }
.prose code { font-family: monospace; background: #f4f5f7; padding: 3px 5px 1px; border-radius: 5px; }
@media (prefers-color-scheme: dark) {
.prose { color: #f5f5f5; }
.prose code { background: #262626; }
}