first working release

src/components/ui/MarkdownContent.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import ReactMarkdown from "react-markdown";
+
+interface MarkdownContentProps {
+  content: string;
+  /** Use 'compact' for small spaces like core notes, 'full' for large areas */
+  size?: "compact" | "full";
+}
+
+export default function MarkdownContent({
+  content,
+  size = "full",
+}: MarkdownContentProps) {
+  return (
+    <div
+      className={`
+        prose max-w-none text-slate-700
+        ${size === "compact" ? "prose-xs" : "prose-sm"}
+        prose-headings:text-slate-900
+        prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline
+        prose-code:bg-slate-100 prose-code:px-1 prose-code:py-0.5 prose-code:rounded
+        prose-code:text-slate-800 prose-code:font-mono prose-code:text-xs
+        prose-pre:bg-slate-100 prose-pre:border prose-pre:border-slate-200
+      `}
+    >
+      <ReactMarkdown>{content}</ReactMarkdown>
+    </div>
+  );
+}