🎨 Palette: 숫자 입력 필드 빈 문자열 초기화 UX 개선

[seonghobae]

💡 What: 숫자 입력 시 빈 문자열 상태 처리를 추가하여 커스텀 에러 상태를 초기화했습니다.
🎯 Why: 사용자가 입력 필드의 값을 모두 지웠을 때, 이전의 유효하지 않은 입력 상태가 남아 있어 폼 제출 시 불필요한 혼란을 줄 수 있는 문제를 해결합니다.
📸 Before/After: N/A
♿ Accessibility: aria-invalid 속성을 올바르게 제거하여 스크린 리더 사용자에게 정확한 폼 검증 상태를 전달합니다.

---

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

Summary by CodeRabbit

• 버그 수정

  • 대상 크기 입력 필드를 비우면 미리보기와 유효성 오류가 즉시 초기화됩니다.
  • 빈 입력값에 불필요한 숫자 유효성 검사가 실행되지 않습니다.
  • 입력 오류 상태와 aria-invalid 표시가 올바르게 제거됩니다.

• 테스트

  • 대상 크기 입력값을 비웠을 때 UI가 적절히 처리하는지 검증을 강화했습니다.

[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

단일 및 배치 크기 입력이 빈 문자열이 되면 미리보기와 유효성 상태를 초기화합니다. 입력값이 있을 때만 숫자 검사를 수행합니다. UI 테스트와 검증 지침을 갱신합니다.

Changes

빈 크기 입력 검증

Layer / File(s)	Summary
입력 초기화 및 검증 테스트 saas_web.py, .jules/palette.md, tests/test_saas_web.py	단일 및 배치 입력이 비어 있으면 미리보기, 사용자 지정 유효성 오류, aria-invalid 상태를 초기화합니다. 값이 있을 때만 숫자 검사를 수행합니다. UI HTML assertion과 인라인 검증 지침을 추가합니다.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

• ContextualWisdomLab/codec-carver#301: 동일한 입력 검증 상태 초기화 로직을 수정합니다.
• ContextualWisdomLab/codec-carver#338: 동일한 빈 숫자 입력 검증 변경과 지침을 다룹니다.
• ContextualWisdomLab/codec-carver#334: target_bytes 빈 입력 처리와 관련 테스트를 수정합니다.

🚥 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	제목은 숫자 입력 필드가 빈 문자열로 변경될 때 검증 상태를 초기화하는 주요 변경 사항을 명확하게 설명합니다.
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-empty-string-validation-7220895853454961955

---

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

[coderabbitai]

🧹 Nitpick comments (1)

tests/test_saas_web.py (1)

294-300: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

두 입력 필드의 회귀를 모두 검증하도록 테스트를 확장하세요.

현재 assertion은 일반적인 if (this.value === '') { 문자열 하나만 확인합니다. batch_target_bytes 분기가 없어도 테스트가 통과할 수 있습니다.

두 핸들러의 빈 문자열 분기와 setCustomValidity(''), removeAttribute('aria-invalid') 호출을 각각 검증하세요. 가능하면 브라우저 테스트에서 두 입력에 이벤트를 발생시키고 미리보기, validationMessage, aria-invalid 상태를 확인하세요.

간단한 정적 검증 보강 예시

         self.assertIn("if (this.value === '') {", html)
+        self.assertEqual(html.count("if (this.value === '') {"), 2)
+        self.assertIn(
+            "document.getElementById('batch_target_bytes').addEventListener('input'",
+            html,
+        )

🤖 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 `@tests/test_saas_web.py` around lines 294 - 300, Expand
test_get_ui_includes_target_bytes_validation_feedback to independently verify
both input handlers, including each empty-string branch, setCustomValidity(''),
and removeAttribute('aria-invalid') calls; avoid relying on the shared if
(this.value === '') assertion. Prefer exercising both inputs with browser events
and asserting their preview output, validationMessage, and aria-invalid state.

🤖 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.

Nitpick comments:
In `@tests/test_saas_web.py`:
- Around line 294-300: Expand
test_get_ui_includes_target_bytes_validation_feedback to independently verify
both input handlers, including each empty-string branch, setCustomValidity(''),
and removeAttribute('aria-invalid') calls; avoid relying on the shared if
(this.value === '') assertion. Prefer exercising both inputs with browser events
and asserting their preview output, validationMessage, and aria-invalid state.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 97392f4e-3f51-4da1-a79a-74d980471165

📥 Commits

Reviewing files that changed from the base of the PR and between 963291f and c700380.

📒 Files selected for processing (3)

• .jules/palette.md
• saas_web.py
• tests/test_saas_web.py