Keep draft hero headline at 30px by SunkenInTime · Pull Request #4171 · pingdotgg/t3code

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

SunkenInTime · 2026-07-19T23:03:19Z

What Changed

Keep the draft hero headline at text-3xl across viewport sizes.
Remove the desktop breakpoint that enlarged the headline to text-5xl.

Why

The draft hero headline grew from 30px to 48px on larger screens, making it visually overpower the composer. A consistent 30px size preserves the hierarchy shown at smaller widths and keeps the prompt visually balanced with the composer.

UI Changes

Before	After

Verification

vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx
vp run --filter @t3tools/web typecheck
git diff --check
Launched and authenticated an isolated development environment; the collaborative preview reached the app, but its snapshot/evaluation automation timed out after navigation. The supplied after screenshot confirms the 30px desktop result.

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
A video is not applicable because this change does not involve animation or interaction

Note

Fix `DraftHeroHeadline` font size to 30px across all breakpoints

Removes the sm:text-5xl Tailwind class from DraftHeroHeadline.tsx, so the headline stays at text-3xl (30px) on all screen sizes instead of scaling up at the sm breakpoint.

^{Macroscope summarized 00bdc92.}

Note

Low Risk
Single Tailwind class change on a presentational headline with no logic, data, or auth impact.

Overview
Keeps the draft chat hero headline at 30px on large screens by dropping the sm:text-5xl responsive class from the DraftHeroHeadline<h1>, so it no longer jumps to 48px at the sm breakpoint.

This aligns the headline size with the composer on desktop and preserves the visual hierarchy used on smaller viewports.

^{Reviewed by Cursor Bugbot for commit 00bdc92. Bugbot is set up for automated code reviews on this repo. Configure here.}

Summary by CodeRabbit

Style
- Standardized the Draft Hero headline to use a consistent text size across screen sizes.

coderabbitai · 2026-07-19T23:03:38Z

📝 Walkthrough

Walkthrough

The draft hero headline no longer applies the responsive sm:text-5xl class and remains at the base text-3xl size.

Changes

Headline sizing

Layer / File(s)	Summary
Draft hero headline styling `apps/web/src/components/chat/DraftHeroHeadline.tsx`	Removes the `sm:text-5xl` responsive text-size rule from the headline.
Estimated code review effort: 1 (Trivial)	~2 minutes

Suggested reviewers:yordis

Poem

I’m a bunny with a headline bright,
Now steady-sized from day to night.
No breakpoint leap, no oversized spree,
Just text-3xl hopping happily.
Thump, thump—clean typography!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the main change: keeping the draft hero headline at 30px.
Description check	✅ Passed	The description matches the template with clear What Changed, Why, UI Changes, and Checklist sections, plus verification details.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

SunkenInTime · 2026-07-19T23:04:23Z

@coderabbitai review

coderabbitai · 2026-07-19T23:04:42Z

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

macroscopeapp · 2026-07-19T23:06:07Z

Approvability

Verdict: Approved

Single-line Tailwind CSS change removing responsive text sizing from a headline. Minor UI adjustment with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

juliusmarminge · 2026-07-19T23:07:36Z

#4164

Keep draft hero headline at 30px
00bdc92

github-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Jul 19, 2026