<!-- canonical: https://docs.axelabs.ai/ops/reports/anthropic-connector-input-attrs-2026-05 -->
<!-- source: content/ops/reports/anthropic-connector-input-attrs-2026-05.mdx -->

---
title: claude.ai Custom Connector input identifiers — feature request draft (2026-05)
description: Custom Connector modal 의 4 input 에 안정 식별자 (name / aria-label / autocomplete) 부여 요청. 한국어 UI 에서 Bitwarden 등 password manager 자동 입력 불가 문제 해소 + 모든 i18n locale 동시 개선.
---

# claude.ai Custom Connector input identifiers — feature request draft (2026-05)

> **상태**: Draft. 운영자 검토 후 `support@anthropic.com` 또는 [claude-code GitHub issues](https://github.com/anthropics/claude-code/issues) 에 그대로 전송 가능한 self-contained 리포트.
>
> **Backlog**: [B-anthropic-connector-input-attrs](/ops/backlog)
>
> **관련 분석**: [claude.ai Custom Connector autofill 한국어 한계](/ops/known-gaps)

---

## 1. Summary

claude.ai Custom Connector modal 의 4 input field (Name, Remote MCP server URL, OAuth Client ID, OAuth Client Secret) 가 안정 식별자 (`name` / `aria-label` / `autocomplete`) 를 갖고 있지 않다. Bitwarden 등 password manager 가 한국어 placeholder 만으로 매칭을 시도할 경우 정규화 규칙 (`/[^a-zA-Z0-9]+/g` — alphanumeric only) 이 한글을 모두 제거해 placeholder 가 빈 문자열이 되고, 결과적으로 자동 입력이 불가능하다. 4 input 에 `name="..."` 또는 `aria-label="..."` 를 추가하면 한국어 UI 에서 즉시 4/4 자동입력이 가능해지고, 다른 모든 i18n locale 도 동시에 해소된다.

## 2. Environment & Repro

- **URL**: `claude.ai/customize/connectors` → "Add custom connector"
- **Locale**: ko (한국어). 다른 locale (ja, zh, ...) 도 동일 영향 가능성 (추가 분석 필요).
- **Browser**: Chrome, Edge, 기타 Chromium 계열 모두 동일.
- **Password manager**: Bitwarden Chrome extension (2025.7.x, 2026.4.x 모두 검증). 1Password 등 다른 PM 도 동일 패턴 추정.

### Reproduction

1. `claude.ai/customize/connectors` 진입 (브라우저 locale = 한국어 상태).
2. "Add custom connector" 버튼 클릭 → modal 등장.
3. Bitwarden 확장에서 vault item 자동 채우기 시도.
4. 결과: 4 input 중 0/4 또는 2/4 만 채워짐. Client ID/Secret 은 EN substring 매칭으로 부분 성공 가능하나, Name + Remote MCP server URL 은 한국어 placeholder 만 노출되어 매칭 실패.
5. 사용자가 Name + URL 을 수동 입력 또는 Bitwarden popup 의 ⎘ copy-paste 로 채워야 함.

## 3. Root cause (DOM analysis)

Custom Connector modal 4 input 의 HTML (2026-05-27 inspect 결과, Claude in Chrome MCP 사용):

```html
<input
  type="text"
  id="base-ui-_r_dn_"
  placeholder="이름"
  class="..."
/>
<input
  type="text"
  id="base-ui-_r_dq_"
  placeholder="Remote MCP server URL"
  class="..."
/>
<input
  type="text"
  id="base-ui-_r_dr_"
  placeholder="OAuth Client ID"
  class="..."
/>
<input
  type="password"
  id="base-ui-_r_ds_"
  placeholder="OAuth Client Secret"
  class="..."
/>
```

문제점:

- `id` = Base UI 라이브러리의 무작위 패턴 (예: `base-ui-_r_dn_`) — 렌더마다 변경 가능. 안정 식별자가 아님.
- `name` / `aria-label` / `autocomplete` = **모두 없음**.
- 결과적으로 password manager 가 매칭할 안정 식별자가 0 — placeholder 만 시도 가능.

Bitwarden 매칭 logic (실측):

```javascript
// Bitwarden 의 form field 매칭 후보 정규화
const normalize = (s) => (s || '').toLowerCase().replace(/[^a-zA-Z0-9]+/g, '');
```

- 한국어 placeholder `"이름"` → 정규화 결과 = `""` (빈 문자열) → 매칭 후보 사라짐.
- 영문 placeholder `"OAuth Client ID"` → 정규화 결과 = `"oauthclientid"` → keyword 매칭 가능.

즉 한글 placeholder 만 가진 2 input (Name, 그리고 URL 도 일부 PM 에서 url scheme 매칭 실패) 은 구조적으로 자동입력 불가.

## 4. Requested fix

각 input 에 안정 식별자를 1개 이상 추가 (권장 = 3개 모두):

```html
<input
  type="text"
  name="connector-name"
  aria-label="Connector name"
  autocomplete="off"
  placeholder="이름"
  ...
/>
<input
  type="text"
  name="server-url"
  aria-label="Remote MCP server URL"
  autocomplete="url"
  placeholder="Remote MCP server URL"
  ...
/>
<input
  type="text"
  name="oauth-client-id"
  aria-label="OAuth Client ID"
  autocomplete="off"
  placeholder="OAuth Client ID"
  ...
/>
<input
  type="password"
  name="oauth-client-secret"
  aria-label="OAuth Client Secret"
  autocomplete="off"
  placeholder="OAuth Client Secret"
  ...
/>
```

이유:

- `name` = HTML 표준 form field identifier. Password manager 의 1순위 매칭 단서.
- `aria-label` = 시각 장애인 접근성 (screen reader) + 영문 식별자 — password manager 의 보조 단서.
- `autocomplete="off"` (또는 secret 의 경우 `"new-password"`) = browser 의 자체 저장 prompt 차단 (선택적).

추가 권장: 부모 `<form>` 에도 `name="add-custom-connector"` 같은 form-level 식별자를 부여 — Bitwarden 의 form context 매칭 보조.

## 5. Impact

| 사용자 | 현재 | 권장 fix 후 |
|---|---|---|
| 한국어 UI + Bitwarden | 2/4 자동입력 (EN substring 만), 2/4 수동 | 4/4 자동입력 |
| 한국어 UI + 다른 PM | 동일 (정규화 규칙 동일) | 4/4 자동입력 |
| 영문 UI | 2/4 자동입력 (placeholder EN substring) | 4/4 자동입력 |
| 다른 locale (일본어, 중국어 등) | 0/4 또는 2/4 (locale 별 placeholder 정규화에 의존) | 4/4 자동입력 |

a11y 부수 효과: `aria-label` 추가로 screen reader 사용자의 form field 식별이 개선됨.

## 6. AXE Labs 자체 우회 (참고)

운영자 (AXE Labs 임직원) 가 한국어 UI 에서 자체 catalog 를 통해 우회:

- Vaultwarden `MCP Connectors` org collection 의 6 Custom Field 등재: `Name`, `Server URL`, `MCP URL`, `Tenant ID`, `Scopes`, `Vault secret path`.
- autofill 2/4 (Client ID + Secret, EN label substring 매칭) 가능.
- 나머지 2/4 (Name + URL) = Bitwarden popup 의 ⎘ copy → paste 수동.

본 우회는 운영 가능하나 connector 등록 1 건당 운영자 click 약 6 회 발생. 본 upstream fix 는 한국어 UI 에서도 4/4 자동입력, 다른 locale 도 동시에 해소.

## 7. Attachments / references

- Custom Connector modal HTML inspect 결과 (2026-05-27, Claude in Chrome MCP).
- Bitwarden 매칭 정규화 규칙 (`/[^a-zA-Z0-9]+/g`) — Bitwarden browser extension source 참조 가능.
- AXE Labs 자체 catalog 우회 패턴 (`B-axe-mcp-catalog-en-aliases` 결과물).
- 관련 known-gaps: [claude.ai Custom Connector autofill 한국어 한계](/ops/known-gaps).

## 8. Submission channels

- **Email**: `support@anthropic.com` (subject 예시: `Feature request: Custom Connector input identifiers for i18n password manager support`)
- **GitHub**: https://github.com/anthropics/claude-code/issues — issue title 예시: `Custom Connector modal: add name/aria-label to 4 input fields for i18n password manager support`

## 9. Status

| Field | Value |
|---|---|
| Report state | Draft |
| Submission date | TBD (운영자 결정) |
| Anthropic acknowledgement | TBD |
| Anthropic fix release | TBD |

운영자가 검토 후 위 채널 중 하나로 제출. 회신 수령 시 본 페이지 §9 표를 갱신하고 [/ops/known-gaps](/ops/known-gaps) 의 해당 항목에 진행 상황 한 줄 추가.
