From c2b47d666b379f8840404f0d2168796896500168 Mon Sep 17 00:00:00 2001
From: ComputelessComputer
 <63365510+ComputelessComputer@users.noreply.github.com>
Date: Tue, 19 May 2026 20:40:28 +0900
Subject: [PATCH] fix(desktop): compact streamdown h1 rendering

Render top-level Streamdown headings as h3-sized text while keeping them above body copy.
---
 apps/desktop/src/session/components/streamdown.tsx   | 8 ++++----
 packages/tiptap/src/shared/streamdown-components.tsx | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/desktop/src/session/components/streamdown.tsx b/apps/desktop/src/session/components/streamdown.tsx
index 2cf862f31c..9cebfe45df 100644
--- a/apps/desktop/src/session/components/streamdown.tsx
+++ b/apps/desktop/src/session/components/streamdown.tsx
@@ -6,17 +6,17 @@ const HEADING_WITH_MARGIN = "mt-4 first:mt-0";
 
 export const streamdownComponents = {
   h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h1 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-xl"])}>
+    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-base"])}>
       {props.children as React.ReactNode}
-    </h1>
+    </h3>
   ),
   h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h2 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-lg"])}>
+    <h2 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-sm"])}>
       {props.children as React.ReactNode}
     </h2>
   ),
   h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-base"])}>
+    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-sm"])}>
       {props.children as React.ReactNode}
     </h3>
   ),
diff --git a/packages/tiptap/src/shared/streamdown-components.tsx b/packages/tiptap/src/shared/streamdown-components.tsx
index 472ed5f2a4..9aed15517d 100644
--- a/packages/tiptap/src/shared/streamdown-components.tsx
+++ b/packages/tiptap/src/shared/streamdown-components.tsx
@@ -7,17 +7,17 @@ const HEADING_WITH_MARGIN = "mt-4 first:mt-0";
 
 export const streamdownComponents = {
   h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h1 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-xl"])}>
+    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-base"])}>
       {props.children as React.ReactNode}
-    </h1>
+    </h3>
   ),
   h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h2 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-lg"])}>
+    <h2 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-sm"])}>
       {props.children as React.ReactNode}
     </h2>
   ),
   h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => (
-    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-base"])}>
+    <h3 className={cn([HEADING_SHARED, HEADING_WITH_MARGIN, "text-sm"])}>
       {props.children as React.ReactNode}
     </h3>
   ),