🎨 Palette: 키보드 내비게이션(Enter키 제출) 지원을 위한 폼 입력부 구조 개선

[seonghobae]

💡 What

• App.tsx 내의 프로젝트 생성(New project), 새 연결 추가(New connection (DSN)) 입력 필드를 <form> 태그로 감싸고 폼 제출 이벤트(onSubmit)를 통해 작동하도록 수정했습니다.
• 입력 필드와 연결된 버튼들의 type을 button에서 submit으로 변경했습니다.
• 제출 시 e.preventDefault()를 호출하여 페이지 새로고침을 방지하고 기존 로직이 실행되도록 구성했습니다.

🎯 Why

• 기존 구현에서는 <div> 기반 레이아웃에 onClick 핸들러만 연결되어 있어서 마우스 클릭 없이 키보드(Enter 키)만으로 폼 제출이 불가능했습니다. (키보드 내비게이션 결여)
• 사용자가 데이터 입력 후 즉시 Enter 키를 눌러 생성 동작을 수행할 수 있도록 편의성을 높여주기 위해 개선했습니다.

📸 Before/After

외관상 시각적 레이아웃(디자인)은 동일하게 유지되며, 엔터 키 입력이 가능해진 UX적인 변화만 존재합니다. Playwright 테스트를 통해 UI가 파괴되지 않고 정교하게 동작하는 것을 검증했습니다.

♿ Accessibility

• form 요소와 type="submit" 버튼의 사용으로 스크린 리더와 키보드 전용 사용자(Accessibility)가 폼의 제출 영역과 목적을 더 명확하게 파악할 수 있도록 컨텍스트가 향상되었습니다.

---

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

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

[opencode-agent]

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 0e0c09d82c31e07e05e635a88c9a93ba7cecaed2.

• Head SHA: 0e0c09d82c31e07e05e635a88c9a93ba7cecaed2

• Workflow run: 29620016944

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file: palette.md"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file: palette.md"]
  R1 --> V1["required checks"]
  Evidence --> S2["Frontend: App.tsx"]
  S2 --> I2["browser runtime and bundle"]
  I2 --> R2["Review risk: Frontend: App.tsx"]
  R2 --> V2["frontend tests"]

Loading

[opencode-agent]

OpenCode Review Overview

• Head SHA: 0e0c09d82c31e07e05e635a88c9a93ba7cecaed2
• Workflow run: 29620016944
• Workflow attempt: 1
• Gate result: REQUEST_CHANGES (approval step)

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 0e0c09d82c31e07e05e635a88c9a93ba7cecaed2.

• Head SHA: 0e0c09d82c31e07e05e635a88c9a93ba7cecaed2

• Workflow run: 29620016944

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file: palette.md"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file: palette.md"]
  R1 --> V1["required checks"]
  Evidence --> S2["Frontend: App.tsx"]
  S2 --> I2["browser runtime and bundle"]
  I2 --> R2["Review risk: Frontend: App.tsx"]
  R2 --> V2["frontend tests"]

Loading

[seonghobae]

Closed as superseded/duplicate Palette a11y PR; keyboard/form a11y baseline already on main (#568/#567/#534). Remaining a11y land via priority PR or follow-up if needed.

[google-labs-jules]

Closed as superseded/duplicate Palette a11y PR; keyboard/form a11y baseline already on main (#568/#567/#534). Remaining a11y land via priority PR or follow-up if needed.

Understood. Acknowledging that this PR is superseded/duplicate and stopping work on this task.