feat(gui): add frontier model shortcuts

[JasonSujaya]

Summary

• add focused xAI Grok, Cursor Grok, Claude Opus 5, and Claude Fable 5 shortcuts to the Models provider rail
• resolve each shortcut against the loaded catalog and route missing providers to setup
• add localized labels, accessible states, and focused behavior tests

Verification

• bun test tests/frontier-route-shortcuts.test.ts tests/models-workspace-panels.test.tsx
• bun run lint:i18n
• bun run lint
• bun run build
• verified the running Models page and missing-provider navigation in Chrome

Review readiness checklist

This PR stays in draft until every box below is ticked. Tick all four boxes once the requirements are met:

• All CI tests are green on my local testing.

• I pushed my PR to the latest dev commit.

• I resolved all correct Codex and CodeRabbit findings.

• My PR is ready for review.

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 488e5e70-6be3-499e-a07e-c745c040b727

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[github-actions]

✅ Deterministic PR hygiene checks passed.

[github-actions]

⏳ DRAFT

• UI screenshot required.

What to do

• Add a screenshot of the UI change to the PR description.
• Tick all four boxes in the PR description once you're done (currently 0/4).

Review readiness checklist

• ⬜ All CI tests are green on my local testing.
• ⬜ I pushed my PR to the latest dev commit.
• ⬜ I resolved all correct Codex and CodeRabbit findings.
• ⬜ My PR is ready for review.

0/4 boxes ticked.

This pull request was already a draft. Its draft status will be preserved after every issue above is resolved.
@JasonSujaya Tick the boxes once your local CI is green, your branch is on the latest dev commit, and every correct Codex and CodeRabbit finding is resolved.

[lidge-jun]

리뷰 · 우선순위 52 / 80

지금 dev HEAD b08ea715c. 이 시간 #2320 착지(bare 0-token resource_exhausted → context overflow). 그 아래 머지트레인 #2328/#2281 thought-signature replay, #2327/#2270 apply_patch 라우티드 로워링. 이 PR 베이스는 직전 HEAD 6e2a6b6b0. 드래프트. 본문 체크리스트 4칸 전부 비었음. 파일 14. +398/-7. gh api pulls/2326/files: gui/src/pages/frontier-route-shortcuts.ts 신규 87줄, Models.tsx +63, styles-models-workspace.css +80/-2, 테스트 2, i18n 9로케일. GUI 레인. 스플릿 PR 아님.

현재 dev Models 레일은 프로바이더 카드만. 프론티어 숏컷 없음. 카탈로그 시드는 이미 그 아이디를 들고 있음. src/providers/registry.ts:321 ANTHROPIC_MODELS에 claude-opus-5/claude-fable-5. xAI 시드 :1070 grok-4.6/grok-4.5/grok-4.3/grok-4.20-0309-reasoning. Cursor discovery src/adapters/cursor/discovery.ts:290-294 grok-4.5/4.6 + fast, :242-243 claude-opus-5/claude-fable-5. 아이디 철자는 안 틀림.

이 PR buildFrontierRouteShortcuts. Grok은 정규식 grok-숫자 + -fast 후순위 + numeric localeCompare 내림. 테스트가 xai/grok-4.6 > 4.6-fast/4.5. Opus/Fable은 정확 일치 claude-opus-5/claude-fable-5. 프로바이더 순서 anthropic>cursor>kiro. 클릭은 setSelectedProvider + setSearch + limit PAGE + uncollapse. 미설정이면 navigateHash providers. hash-routing.ts:24-28 이미 Providers 힌트가 그 함수를 씀. i18n 9로케일이 LOCALES(en/de/fr/ko/zh/zh-TW/ru/ja/tr)랑 맞음. parseSelectedModels(gui/src/model-visibility.ts:18-24)가 .selected 객체를 강제해서 픽스처 빈 객체 → selected 래퍼는 맞음.

구멍. (1) configuredProviders를 groups.map 프로바이더 이름으로 뽑음. models-groups.ts:46-60은 /api/models 로우가 있으면 미설정 프로바이더도 그룹에 넣음. 카탈로그에 xai 로우만 있어도 providerConfigured true. setup으로 안 감. providers 배열(disabled 아님, authMode forward 아님)을 써야 함. (2) disabled: true 로우를 안 걸름. 숨긴 grok-4.6이 숏컷 루트가 됨. (3) 클릭이 모델을 고르지 않음. 검색 문자열만. 비전공자는 숏컷이 선택을 기대함. 검색-only면 본문에 박아라. (4) 레일 CSS --surface-2 → --hover/--accent-soft는 숏컷 밖 전 카드. 드라이브바이. (5) Kiro 시드에 fable-5 없음(kiro-models.ts:1-22, opus-5만). kiro만 있으면 fable은 빈 검색. (6) grok-4.20-0309-reasoning도 grok-숫자 정규식에 걸림. 지금은 4.6이 숫자 비교로 이김. 4.6 없으면 4.20이 프론티어가 됨.

types.ts/config.ts 안 만짐. 스플릿 안 씹힘. 리베이스하지 말고 닫으라는 케이스 아님. 중복 닫을 대상 아님. #2320 착지랑 파일 0겹침. Cursor 스택 #2321/#2322/#2323이랑 합치지 말 것. #2188 L1–L9 사이드카 + routed vision(#2306) 이미 dev. x_search 넣지 말 것. Grok OAuth Chat 기본(#2255)/GUI 옵트인 Responses(#2266)/#2283이랑 다른 레인임. 프리뷰 배포 아님. 카탈로그는 Ox Alpha x-preview-f-free + deepseek-v4-flash-vision-exp. v2.29.0 태그됨. v2.30.0-preview.20260821 있음. package.json 아직 2.27.0. 비전공자 유지. 드래프트+체크리스트 공란+설정 판별 구멍이라 52.

해결방안: 닫지 말 것. 드래프트 유지. 체크리스트 채우기 전엔 레디 아님. configuredProviders는 providers에서(disabled/forward 제외). disabled: true 후보 제외. 검색 대신 정확 namespaced 포커스하거나 본문에 검색-only라고 박아라. 레일 CSS 드라이브바이 되돌리기. kiro fable 폴백 테스트 하나. 헤드 b08ea715c에 리베이스. GUI라 충돌 없을 가능성 큼. opencode-go/grok-4.6 숏컷 넣지 말 것(#2330). 라벨 건드리지 말 것. 스플릿이 Models.tsx를 옮기면 리베이스하지 말고 닫고 다시 짜라. 지금은 그 정도 아님.

이 댓글은 grok-bot이 작성했습니다