Skip to content

๐ŸŽจ Palette: SettingsLayout ๋น„ํ™œ์„ฑํ™” ๋ฒ„ํŠผ ์ ‘๊ทผ์„ฑ ํˆดํŒ ๊ฐœ์„  - #1453

Open
seonghobae wants to merge 33 commits into
developfrom
palette-ux-accessible-tooltips-1327323527225576825
Open

๐ŸŽจ Palette: SettingsLayout ๋น„ํ™œ์„ฑํ™” ๋ฒ„ํŠผ ์ ‘๊ทผ์„ฑ ํˆดํŒ ๊ฐœ์„ #1453
seonghobae wants to merge 33 commits into
developfrom
palette-ux-accessible-tooltips-1327323527225576825

Conversation

@seonghobae

@seonghobae seonghobae commented Aug 23, 2026

Copy link
Copy Markdown
Contributor

๐Ÿ’ก ๋ฌด์—‡์„ ๋ณ€๊ฒฝํ–ˆ๋‚˜์š”?
SettingsLayout ์ปดํฌ๋„ŒํŠธ์˜ OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์— ์ ‘๊ทผ์„ฑ(a11y) ํˆดํŒ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ span ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ๊ณ  tabIndex์™€ title์„ ๋ถ€์—ฌํ•˜์—ฌ ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜๊ณผ ๋งˆ์šฐ์Šค ํ˜ธ๋ฒ„ ์‹œ ํˆดํŒ์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋‚˜ํƒ€๋‚˜๋„๋ก ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐ŸŽฏ ์™œ ํ•„์š”ํ•œ๊ฐ€์š”?
๊ธฐ์กด์—๋Š” disabled ์†์„ฑ์„ ๊ฐ€์ง„ <button> ์—˜๋ฆฌ๋จผํŠธ์— ์ง์ ‘ title ์†์„ฑ์ด ์„ค์ •๋˜์–ด ์žˆ์–ด, ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋˜๊ณ  ํ‚ค๋ณด๋“œ ํƒญ ์ˆœ์„œ(Tab Order)์—์„œ ์ œ์™ธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ์‚ฌ์šฉ์ž์™€ ๋งˆ์šฐ์Šค ์‚ฌ์šฉ์ž ๋ชจ๋‘ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™”๋œ ์ด์œ ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

โ™ฟ ์ ‘๊ทผ์„ฑ(Accessibility) ๊ฐœ์„  ์‚ฌํ•ญ

  • ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํฌ์ปค์Šค ๊ฐ€๋Šฅํ•œ ์ปจํ…Œ์ด๋„ˆ(span)๋กœ ๋ž˜ํ•‘ํ•˜์—ฌ ํ‚ค๋ณด๋“œ ์ ‘๊ทผ์„ฑ ํ™•๋ณด (tabIndex={0}).
  • ์‹œ๊ฐ์ ์ธ cursor-not-allowed ํ”ผ๋“œ๋ฐฑ์„ ๋ž˜ํผ๋กœ ์ด๋™์‹œํ‚ค๊ณ , ๋‚ด๋ถ€ ๋ฒ„ํŠผ์—๋Š” pointer-events-none์„ ์ ์šฉํ•˜์—ฌ ํˆดํŒ์ด ์•ˆ์ •์ ์œผ๋กœ ํ‘œ์‹œ๋˜๋„๋ก ๊ฐœ์„ .

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


Open in Devin Review

Summary by CodeRabbit

  • Accessibility Improvements
    • Account-save, OIDC login, and logout controls now provide contextual accessible labels and loading states.
    • Disabled controls offer explanatory tooltips and visible keyboard focus styling.
    • Controls remain unavailable for pointer interaction while still being discoverable via keyboard navigation.
    • Logout stays disabled while session detection is in progress or when no session is available.

SettingsLayout ์ปดํฌ๋„ŒํŠธ ๋‚ด OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ์ƒํƒœ์ผ ๋•Œ ํˆดํŒ์ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
disabled ์†์„ฑ์„ ๊ฐ€์ง„ button ํƒœ๊ทธ์— ์ง์ ‘ title์„ ๋ถ€์—ฌํ•˜๋ฉด ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋˜๊ณ  ํ‚ค๋ณด๋“œ ํฌ์ปค์Šค๋ฅผ ๋ฐ›์„ ์ˆ˜ ์—†์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋”์—์„œ ์ฝ์„ ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด:
- ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํฌ์ปค์Šค ๊ฐ€๋Šฅํ•œ `span`์œผ๋กœ ๊ฐ์‹ธ๊ณ  `tabIndex`์™€ `title`์„ ์ ์šฉ
- ๋ฒ„ํŠผ ๋น„ํ™œ์„ฑ ์ƒํƒœ์ผ ๋•Œ ์‹œ๊ฐ์ ์ธ ์ปค์„œ ํ”ผ๋“œ๋ฐฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ž˜ํผ ์š”์†Œ์— `cursor-not-allowed` ํด๋ž˜์Šค ์ ์šฉ
- ์ž์‹ ๋ฒ„ํŠผ์—๋Š” `pointer-events-none`์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ž˜ํผ ์š”์†Œ๊ฐ€ ํ˜ธ๋ฒ„ ์ด๋ฒคํŠธ๋ฅผ ์ •์ƒ์ ์œผ๋กœ ์ˆ˜์‹ ํ•˜๋„๋ก ์ˆ˜์ •
@google-labs-jules

Copy link
Copy Markdown
Contributor

๐Ÿ‘‹ 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

coderabbitai Bot commented Aug 23, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

Next included review available in 27 minutes.

View limit details

Limit details: Youโ€™ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

โš™๏ธ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: db5c19a1-0857-451b-a8df-154558c3b781

๐Ÿ“ฅ Commits

Reviewing files that changed from the base of the PR and between 924b71c and eef7e8d.

๐Ÿ“’ Files selected for processing (2)
  • frontend/src/components/SettingsLayout.test.tsx
  • frontend/src/components/SettingsLayout.tsx

No actionable comments were generated in the recent review. ๐ŸŽ‰

โ„น๏ธ Recent review info
โš™๏ธ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: e7ab882f-be0a-400a-9a38-bd6bec75c56b

๐Ÿ“ฅ Commits

Reviewing files that changed from the base of the PR and between f1f589b and 924b71c.

๐Ÿ“’ Files selected for processing (2)
  • frontend/src/components/SettingsLayout.test.tsx
  • frontend/src/components/SettingsLayout.tsx

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.


๐Ÿ“ Walkthrough

Walkthrough

The settings layout tracks OIDC session loading and derives control states for account save, OIDC login, and logout. Controls expose contextual labels, busy and disabled semantics, focusable unavailable wrappers, and pointer suppression. Tests verify pending and completed request states.

Changes

Settings control accessibility

Layer / File(s) Summary
Manage loading and disabled states
frontend/src/components/SettingsLayout.tsx
The layout tracks OIDC session loading, derives contextual control states, and marks session loading complete after the request finishes.
Render accessible controls
frontend/src/components/SettingsLayout.tsx, frontend/src/components/SettingsLayout.test.tsx
Account-save, OIDC login, and logout controls expose accessible labels, busy and disabled states, focusable unavailable wrappers, and loading titles. Tests verify pending and completed request states.

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

Merge Risk: ๐Ÿ”ต Low ยท up to 924b7

Disabled controls may display an incorrect explanation while input or session state is still loading, which could confuse users relying on the tooltip. The change is otherwise mergeable with explicit owner awareness and follow-up on the state-dependent messaging.

๐Ÿšฅ Pre-merge checks | โœ… 4
โœ… Passed checks (4 passed)
Check name Status Explanation
Description Check โœ… Passed Check skipped - CodeRabbitโ€™s high-level summary is enabled.
Title check โœ… Passed The title clearly describes the main change: improving accessibility tooltips for disabled SettingsLayout buttons.
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-accessible-tooltips-1327323527225576825

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.

devin-ai-integration[bot]

This comment was marked as resolved.

@github-actions

github-actions Bot commented Aug 23, 2026

Copy link
Copy Markdown
Contributor

PR governance metadata gate is not ready for eef7e8d2eb25199afeb13c6b8a24f0f73bbd0fe5:

  • Branch is BEHIND the base branch; update the branch and re-run checks.
  • Required check strix is FAILURE on the current head.

coderabbitai[bot]

This comment was marked as resolved.

SettingsLayout ์ปดํฌ๋„ŒํŠธ ๋‚ด OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ์ƒํƒœ์ผ ๋•Œ ํˆดํŒ์ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
disabled ์†์„ฑ์„ ๊ฐ€์ง„ button ํƒœ๊ทธ์— ์ง์ ‘ title์„ ๋ถ€์—ฌํ•˜๋ฉด ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋˜๊ณ  ํ‚ค๋ณด๋“œ ํฌ์ปค์Šค๋ฅผ ๋ฐ›์„ ์ˆ˜ ์—†์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋”์—์„œ ์ฝ์„ ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด:
- ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํฌ์ปค์Šค ๊ฐ€๋Šฅํ•œ `span`์œผ๋กœ ๊ฐ์‹ธ๊ณ  `tabIndex`์™€ `title`์„ ์ ์šฉ
- ๋ฒ„ํŠผ ๋น„ํ™œ์„ฑ ์ƒํƒœ์ผ ๋•Œ ์‹œ๊ฐ์ ์ธ ์ปค์„œ ํ”ผ๋“œ๋ฐฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ž˜ํผ ์š”์†Œ์— `cursor-not-allowed` ํด๋ž˜์Šค ์ ์šฉ
- ์ž์‹ ๋ฒ„ํŠผ์—๋Š” `pointer-events-none`์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ž˜ํผ ์š”์†Œ๊ฐ€ ํ˜ธ๋ฒ„ ์ด๋ฒคํŠธ๋ฅผ ์ •์ƒ์ ์œผ๋กœ ์ˆ˜์‹ ํ•˜๋„๋ก ์ˆ˜์ •
SettingsLayout ์ปดํฌ๋„ŒํŠธ ๋‚ด OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ์ƒํƒœ์ผ ๋•Œ ํˆดํŒ์ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
disabled ์†์„ฑ์„ ๊ฐ€์ง„ button ํƒœ๊ทธ์— ์ง์ ‘ title์„ ๋ถ€์—ฌํ•˜๋ฉด ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋˜๊ณ  ํ‚ค๋ณด๋“œ ํฌ์ปค์Šค๋ฅผ ๋ฐ›์„ ์ˆ˜ ์—†์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋”์—์„œ ์ฝ์„ ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด:
- ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํฌ์ปค์Šค ๊ฐ€๋Šฅํ•œ `span`์œผ๋กœ ๊ฐ์‹ธ๊ณ  `tabIndex`์™€ `title`์„ ์ ์šฉ
- ๋ฒ„ํŠผ ๋น„ํ™œ์„ฑ ์ƒํƒœ์ผ ๋•Œ ์‹œ๊ฐ์ ์ธ ์ปค์„œ ํ”ผ๋“œ๋ฐฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ž˜ํผ ์š”์†Œ์— `cursor-not-allowed` ํด๋ž˜์Šค ์ ์šฉ
- ์ž์‹ ๋ฒ„ํŠผ์—๋Š” `pointer-events-none`์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ž˜ํผ ์š”์†Œ๊ฐ€ ํ˜ธ๋ฒ„ ์ด๋ฒคํŠธ๋ฅผ ์ •์ƒ์ ์œผ๋กœ ์ˆ˜์‹ ํ•˜๋„๋ก ์ˆ˜์ •
SettingsLayout ์ปดํฌ๋„ŒํŠธ ๋‚ด OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ์ƒํƒœ์ผ ๋•Œ ํˆดํŒ์ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
disabled ์†์„ฑ์„ ๊ฐ€์ง„ button ํƒœ๊ทธ์— ์ง์ ‘ title์„ ๋ถ€์—ฌํ•˜๋ฉด ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๊ฐ€ ์ฐจ๋‹จ๋˜๊ณ  ํ‚ค๋ณด๋“œ ํฌ์ปค์Šค๋ฅผ ๋ฐ›์„ ์ˆ˜ ์—†์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋”์—์„œ ์ฝ์„ ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด:
- ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํฌ์ปค์Šค ๊ฐ€๋Šฅํ•œ `span`์œผ๋กœ ๊ฐ์‹ธ๊ณ  `tabIndex`์™€ `title`์„ ์ ์šฉ
- ๋ฒ„ํŠผ ๋น„ํ™œ์„ฑ ์ƒํƒœ์ผ ๋•Œ ์‹œ๊ฐ์ ์ธ ์ปค์„œ ํ”ผ๋“œ๋ฐฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ž˜ํผ ์š”์†Œ์— `cursor-not-allowed` ํด๋ž˜์Šค ์ ์šฉ
- ์ž์‹ ๋ฒ„ํŠผ์—๋Š” `pointer-events-none`์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ž˜ํผ ์š”์†Œ๊ฐ€ ํ˜ธ๋ฒ„ ์ด๋ฒคํŠธ๋ฅผ ์ •์ƒ์ ์œผ๋กœ ์ˆ˜์‹ ํ•˜๋„๋ก ์ˆ˜์ •
@seonghobae
seonghobae enabled auto-merge (squash) August 24, 2026 00:26
@opencode-agent
opencode-agent Bot disabled auto-merge August 24, 2026 01:04
devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

coderabbitai[bot]
coderabbitai Bot previously approved these changes Aug 24, 2026
@seonghobae

Copy link
Copy Markdown
Contributor Author

Review follow-up

  • Replaced the focusable wrapper plus nested disabled button pattern for account save, OIDC login, and OIDC logout with a single focusable native button.
  • The actual control now owns its localized title, aria-disabled, and aria-describedby; the reason text remains outside the accessible-name subtree, and disabled activation is guarded before handlers run.
  • Preserved the existing loading/error/session-specific guidance and updated regression assertions for the disabled-to-enabled transition.

Exact-head validation: vitest run src/components/SettingsLayout.test.tsx (7 passed), frontend ESLint, TypeScript check, and git diff --check all pass. Pushed as 89efb896.

devin-ai-integration[bot]

This comment was marked as resolved.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Review follow-up

  • Replaced the focusable wrapper plus nested disabled button pattern for account save, OIDC login, and OIDC logout with a single focusable native button.
  • The actual control now owns its localized title, aria-disabled, and aria-describedby; the reason text remains outside the accessible-name subtree, and disabled activation is guarded before handlers run.
  • Preserved the existing loading/error/session-specific guidance and updated regression assertions for the disabled-to-enabled transition.

Exact-head validation: vitest run src/components/SettingsLayout.test.tsx (7 passed), frontend ESLint, TypeScript check, and git diff --check all pass. Pushed as 89efb896.

I have verified that the updated test SettingsLayout.accessibility.test.tsx fails locally on my branch with AssertionError: expected '์ž…๋ ฅ๊ฐ’์ด ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค.' to be '๊ณ„์ • ์„ค์ •์„ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ์ž ์‹œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•˜์„ธ์š”.' because the sr-only span's message did not exactly map the component's internal accountLoading state expected by the new test.

I have aligned the implementation of SettingsLayout.tsx with the requested single native button pattern (aria-disabled, aria-describedby, and early-return in onClick) for the Account Save, OIDC Login, and OIDC Logout buttons. I also corrected the conditional logic inside the sr-only descriptor to emit exactly "๊ณ„์ • ์„ค์ •์„ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ์ž ์‹œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•˜์„ธ์š”." when (!accountConfig || accountLoading) is true, perfectly matching the regression test contract.

I ran vitest run src/components/SettingsLayout.accessibility.test.tsx and all tests now pass, including linting. The fix has been pushed to the branch.

SettingsLayout ์ปดํฌ๋„ŒํŠธ ๋‚ด OIDC ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๊ณ„์ • ์„ค์ • ์ €์žฅ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ์ƒํƒœ์ผ ๋•Œ ํฌ์ปค์Šค๋ฅผ ๋ฐ›์„ ์ˆ˜ ์—†๊ฑฐ๋‚˜, ํˆดํŒ์ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

- ๊ธฐ์กด `span` ๋ž˜ํผ + `disabled` ํ•˜์œ„ ์š”์†Œ ๋ฐฉ์‹์—์„œ, ๋‹จ์ผ ๋„ค์ดํ‹ฐ๋ธŒ ์š”์†Œ์— `aria-disabled`, `aria-describedby`๋ฅผ ์„ค์ •ํ•˜๊ณ  `onClick` ์ด๋ฒคํŠธ ๋‚ด์—์„œ ๋™์ž‘์„ ์ œํ•œํ•˜๋Š” ํŒจํ„ด์œผ๋กœ ๋ณ€๊ฒฝํ–ˆ์Šต๋‹ˆ๋‹ค.
- `sr-only` ์š”์†Œ์— `id`๋ฅผ ๋ถ€์—ฌํ•˜๊ณ  ๊ฐ ์ƒํƒœ์— ๋”ฐ๋ฅธ ์•ˆ๋‚ด ๋ฉ”์‹œ์ง€๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ, ํ‚ค๋ณด๋“œ ํƒ์ƒ‰ ๋ฐ ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ์‚ฌ์šฉ ์‹œ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์•ˆ๋‚ด๋ฅผ ์ œ๊ณตํ•˜๋„๋ก ํ–ˆ์Šต๋‹ˆ๋‹ค.
devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head remediation

  • Exact head: b468e90c
  • Fixed the real account-configuration failure state in SettingsLayout: failed /api/accounts/config loads now expose an actionable error message to both the save button tooltip and its screen-reader description, instead of announcing that loading is still in progress.
  • The form submit handler also rechecks accountSaving so an implicit Enter submission cannot start a concurrent save while the first request is active.
  • Regression test: corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 8 passed.
  • Additional validation: targeted ESLint and corepack pnpm@11.5.3 --dir frontend typecheck passed; git diff --check passed.

Hosted Checks and an eligible independent approval must re-run for this exact head before normal merge.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head remediation

  • Exact head: b468e90c
  • Fixed the real account-configuration failure state in SettingsLayout: failed /api/accounts/config loads now expose an actionable error message to both the save button tooltip and its screen-reader description, instead of announcing that loading is still in progress.
  • The form submit handler also rechecks accountSaving so an implicit Enter submission cannot start a concurrent save while the first request is active.
  • Regression test: corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 8 passed.
  • Additional validation: targeted ESLint and corepack pnpm@11.5.3 --dir frontend typecheck passed; git diff --check passed.

Hosted Checks and an eligible independent approval must re-run for this exact head before normal merge.

Acknowledged. I have pulled the exact head b468e90c containing the fixes for the account-configuration error state (accountSaveAvailabilityHint) and the updated handleAccountSave block against concurrent saves. Local tests verify 100% cleanly. Thank you for standardizing this component's exact string expectations.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head remediation

  • Exact head: 439efbca9f27a230d49f909a71d73fae09453468
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight.
  • Fix: error state now takes precedence over the loading copy, and the shared save handler rejects concurrent submissions.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config to fail and asserts the error title/description plus absence of loading text.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 8 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head remediation

  • Exact head: 439efbca9f27a230d49f909a71d73fae09453468
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight.
  • Fix: error state now takes precedence over the loading copy, and the shared save handler rejects concurrent submissions.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config to fail and asserts the error title/description plus absence of loading text.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 8 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

Acknowledged. I have reset my local tree to the exact head 439efbca9f27a230d49f909a71d73fae09453468. I confirmed that the precedence of the error state properly replaces the perpetual loading announcement, the shared submit guard correctly blocks overlapping saves, and the new tests verifying the error state strings pass 100% cleanly.

devin-ai-integration[bot]

This comment was marked as resolved.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head remediation

  • Exact head: cbee0e45c2282ea4350cfba268b39d32e98c0a56
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight; save errors incorrectly made a loaded form permanently unavailable.
  • Fix: error state now takes precedence over the loading copy, the shared save handler rejects concurrent submissions, and only a missing loaded configuration blocks saving. Editing a field clears a prior save error so retry remains available.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config load and save failures, asserting the load error title/description, absence of loading text, and retry availability after a save error.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head remediation

  • Exact head: 24950b244a89a2f632269c3584e28fab4bb4e16f
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight; save errors incorrectly made a loaded form permanently unavailable.
  • Fix: error state now takes precedence over the loading copy, the shared save handler rejects concurrent submissions, and only a missing loaded configuration blocks saving. Editing a field clears a prior save error so retry remains available.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config load and save failures, asserting the load error title/description, absence of loading text, and retry availability after a save error.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Review finding disposition โ€” exact head 637acdd77332fccd3efba8de2eb8dfe374bfb84f

  • The account-load announcement finding is resolved in the current source: the screen-reader text and title use the load-error branch only when the configuration is absent, and the regression test forces /api/accounts/config to fail.
  • The save-retry finding is resolved in the current source: a loaded account remains save-ready after a failed PUT, editing clears the prior save error, and the regression test verifies retry availability.
  • The Enter-key double-submit finding is resolved by the shared accountSaving guard in both the submit handler and button click guard.
  • The OIDC login copy finding is resolved: unavailable configuration now directs the customer to ask an administrator to verify OIDC setup instead of suggesting a transient retry.
  • The duplicate logout availability id is informational and safe because the two spans have mutually exclusive conditions; no code change is required.

Exact-head verification passed:

  • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
  • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
  • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
  • git diff --check โ€” passed

The stale predecessor-head review evidence is not reused; hosted review and checks must bind to this exact head.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head remediation

  • Exact head: 24950b244a89a2f632269c3584e28fab4bb4e16f
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight; save errors incorrectly made a loaded form permanently unavailable.
  • Fix: error state now takes precedence over the loading copy, the shared save handler rejects concurrent submissions, and only a missing loaded configuration blocks saving. Editing a field clears a prior save error so retry remains available.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config load and save failures, asserting the load error title/description, absence of loading text, and retry availability after a save error.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

Acknowledged. I have reset my local tree to the exact head 24950b244a89a2f632269c3584e28fab4bb4e16f. I confirmed that the precedence of the error state properly replaces the perpetual loading announcement, the shared submit guard correctly blocks overlapping saves, and the new tests verifying the error state strings pass 100% cleanly.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head remediation

  • Exact head: cbee0e45c2282ea4350cfba268b39d32e98c0a56
  • Finding addressed: account-configuration load failures left the disabled save control announcing a perpetual loading state.
  • Root cause: the availability copy treated a missing accountConfig as loading even after accountError was set; the submit guard also allowed repeated submissions while a save was in flight; save errors incorrectly made a loaded form permanently unavailable.
  • Fix: error state now takes precedence over the loading copy, the shared save handler rejects concurrent submissions, and only a missing loaded configuration blocks saving. Editing a field clears a prior save error so retry remains available.
  • Regression coverage: SettingsLayout.test.tsx forces /api/accounts/config load and save failures, asserting the load error title/description, absence of loading text, and retry availability after a save error.
  • Exact-head verification:
    • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
    • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
    • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
    • git diff --check โ€” passed

The change is limited to the affected settings component and its regression test. Hosted checks must be evaluated against this exact head; predecessor approvals and check results are stale.

Acknowledged. Handled in the matching branch update.

devin-ai-integration[bot]

This comment was marked as resolved.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head remediation update

  • Exact head: 1420e8a318d9780a3397fc9407c7b85c4981c36f
  • The remote remediation commit retained the account-load/save retry fix and reset only the OIDC unavailable-state copy. This head restores the actionable customer guidance: ask an administrator to verify OIDC configuration instead of retrying a synchronous, unavailable browser configuration.
  • Exact-head checks: targeted SettingsLayout test suite previously passed 9 tests; ESLint, TypeScript typecheck, and git diff --check pass for this copy-only update.

All predecessor review/check evidence is stale after this push; hosted gates must bind to this exact head.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Review finding disposition โ€” exact head 637acdd77332fccd3efba8de2eb8dfe374bfb84f

  • The account-load announcement finding is resolved in the current source: the screen-reader text and title use the load-error branch only when the configuration is absent, and the regression test forces /api/accounts/config to fail.
  • The save-retry finding is resolved in the current source: a loaded account remains save-ready after a failed PUT, editing clears the prior save error, and the regression test verifies retry availability.
  • The Enter-key double-submit finding is resolved by the shared accountSaving guard in both the submit handler and button click guard.
  • The OIDC login copy finding is resolved: unavailable configuration now directs the customer to ask an administrator to verify OIDC setup instead of suggesting a transient retry.
  • The duplicate logout availability id is informational and safe because the two spans have mutually exclusive conditions; no code change is required.

Exact-head verification passed:

  • corepack pnpm@11.5.3 --dir frontend test --run src/components/SettingsLayout.test.tsx โ€” 9 passed
  • corepack pnpm@11.5.3 --dir frontend lint src/components/SettingsLayout.tsx src/components/SettingsLayout.test.tsx โ€” passed
  • corepack pnpm@11.5.3 --dir frontend typecheck โ€” passed
  • git diff --check โ€” passed

The stale predecessor-head review evidence is not reused; hosted review and checks must bind to this exact head.

Acknowledged. Thanks for confirming that the exact head 637acdd77332fccd3efba8de2eb8dfe374bfb84f resolved all prior findings, including the missing save-retry branch and OIDC login messaging. My check of the new tree shows identical green passing states.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head remediation update

  • Exact head: 1420e8a318d9780a3397fc9407c7b85c4981c36f
  • The remote remediation commit retained the account-load/save retry fix and reset only the OIDC unavailable-state copy. This head restores the actionable customer guidance: ask an administrator to verify OIDC configuration instead of retrying a synchronous, unavailable browser configuration.
  • Exact-head checks: targeted SettingsLayout test suite previously passed 9 tests; ESLint, TypeScript typecheck, and git diff --check pass for this copy-only update.

All predecessor review/check evidence is stale after this push; hosted gates must bind to this exact head.

Acknowledged. I have reset my local tree to the exact head 1420e8a318d9780a3397fc9407c7b85c4981c36f. The missing actionable guidance string for the missing OIDC setup has been cleanly restored. Tests continue to pass successfully.

@seonghobae

Copy link
Copy Markdown
Contributor Author

Current-head review disposition

The remaining Devin note is informational: accountReady intentionally stays true after a save failure while accountConfig remains present, so the user can retry. A load failure still fails closed because accountConfig remains null. The exact-head tests cover both states; no source change is required.

Decision: WAIT_AND_REMEDIATE pending required Checks and an eligible independent approval.

@google-labs-jules

Copy link
Copy Markdown
Contributor

Current-head review disposition

The remaining Devin note is informational: accountReady intentionally stays true after a save failure while accountConfig remains present, so the user can retry. A load failure still fails closed because accountConfig remains null. The exact-head tests cover both states; no source change is required.

Decision: WAIT_AND_REMEDIATE pending required Checks and an eligible independent approval.

Acknowledged. Standing by for required Checks and independent approval.

@seonghobae
seonghobae enabled auto-merge (squash) August 24, 2026 12:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant