🎨 Palette: 긴 디렉토리 이름의 모바일 레이아웃 깨짐 방지

[seonghobae]

💡 What: 생성된 디렉토리 목록 HTML 파일의 <h1> 태그에 overflow-wrap: anywhere; CSS 속성을 추가했습니다.
🎯 Why: 띄어쓰기가 없는 매우 긴 디렉토리 이름이 <h1> 태그에 렌더링될 때, 텍스트가 줄바꿈되지 않고 부모 컨테이너를 벗어나 모바일 환경 등에서 화면 가로 스크롤이 발생하거나 전체 레이아웃이 깨지는 문제를 해결하기 위함입니다.
📸 Before/After: 해당 없음 (CSS 수정)
♿ Accessibility: 화면 가로 스크롤을 방지하고 모든 화면 크기(모바일 포함)에서 텍스트가 정상적으로 표시되도록 하여 사용성을 개선했습니다.

---

PR created automatically by Jules for task 12271903711013436564 started by @seonghobae

Summary by CodeRabbit

• 버그 수정

  • 모바일 화면에서 긴 디렉터리 이름이 컨테이너를 벗어나지 않도록 제목 텍스트가 자연스럽게 줄바꿈됩니다.

• 문서

  • 긴 디렉터리 이름 표시와 관련된 모바일 대응 지침을 추가했습니다.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

📝 Walkthrough

Walkthrough

긴 디렉토리 이름이 모바일 화면에서 줄바꿈되도록 h1 CSS를 변경했습니다. 관련 줄바꿈 규칙을 문서에 추가했습니다.

Changes

제목 줄바꿈 처리

Layer / File(s)	Summary
h1 줄바꿈 규칙 및 안내 .jules/palette.md, src/main/kotlin/html4tree/main.kt	h1에 overflow-wrap: anywhere를 추가했습니다. 긴 디렉토리 이름으로 인한 모바일 레이아웃 문제와 적용 가능한 줄바꿈 속성을 문서에 기록했습니다.

Estimated code review effort: 1 (Trivial) | ~5 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목은 긴 디렉토리 이름으로 인한 모바일 레이아웃 문제를 방지하는 PR의 주요 변경 사항을 정확하고 간결하게 설명합니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
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.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette-ux-h1-word-wrap-12271903711013436564

---

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

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@src/main/kotlin/html4tree/main.kt`:
- Around line 27-29: Update GeneratedIndexReadabilityTest to assert that
emittedStyle() contains the generated h1 rule with overflow-wrap: anywhere;.
Keep the assertion focused on the emitted h1 style so the new wrapping behavior
is covered.

🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 1ee284f5-ac39-41e5-86ce-fc3899543823

📥 Commits

Reviewing files that changed from the base of the PR and between efde64c and 519c25b.

📒 Files selected for processing (2)

• .jules/palette.md
• src/main/kotlin/html4tree/main.kt

[coderabbitai]

📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

h1 줄바꿈 규칙에 대한 회귀 테스트를 추가하십시오.

제공된 GeneratedIndexReadabilityTest는 생성된 스타일을 검사하지만 h1의 overflow-wrap 값을 확인하지 않습니다. emittedStyle() 결과에 h1 { overflow-wrap: anywhere; }가 포함되는지 검증하십시오.

As per coding guidelines: “Any new Kotlin code or branch must have covering tests because JaCoCo enforces 100% coverage through check.”

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@src/main/kotlin/html4tree/main.kt` around lines 27 - 29, Update
GeneratedIndexReadabilityTest to assert that emittedStyle() contains the
generated h1 rule with overflow-wrap: anywhere;. Keep the assertion focused on
the emitted h1 style so the new wrapping behavior is covered.

Source: Coding guidelines

[seonghobae]

Closing as superseded by #374, the actively maintained branch for the same h1 long-name/mobile overflow contract. This branch has an unresolved review requirement to add generated-style regression coverage; #374 has already moved through follow-up commits for this same buyer-visible behavior, so retaining both branches would duplicate the same CSS source region and review work.

[google-labs-jules]

Closing as superseded by #374, the actively maintained branch for the same h1 long-name/mobile overflow contract. This branch has an unresolved review requirement to add generated-style regression coverage; #374 has already moved through follow-up commits for this same buyer-visible behavior, so retaining both branches would duplicate the same CSS source region and review work.

Understood. Acknowledging that this work is now superseded by #374 and stopping work on this task.