feat(vscode): show env variable name tooltip for environment-connected providers

[markijbema]

Summary

• Adds an info icon (?) with tooltip next to "Connected from your environment variables" text in provider settings
• Tooltip displays the specific environment variable name(s) being used (e.g., OPENAI_API_KEY, ANTHROPIC_API_KEY)
• Includes translations for the new tooltip string across all 19 supported locales

Closes #8684

Details

When a provider's API key is detected from environment variables, the UI previously showed only "Connected from your environment variables" with no way to know which variable was being read. This change surfaces the env field already available on the Provider object via a Tooltip + Icon component, following existing UI patterns.

Files changed

• ProvidersTab.tsx — Added Tooltip import, wrapped a help icon in a Tooltip showing item.env values
• i18n/*.ts (19 files) — Added settings.providers.connected.environmentTooltip key with translations

---

Built for Mark IJbema by Kilo for Slack

[kilo-code-bot]

Code Review Summary

Status: 1 Issue Found | Recommendation: Address before merge

Overview

Severity	Count
CRITICAL	0
WARNING	1
SUGGESTION	0

Fix these issues in Kilo Cloud

Issue Details (click to expand)

WARNING

File	Line	Issue
packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx	221	Tooltip may still show fallback env vars that are not actually active at runtime.

Other Observations (not in diff)

The backend change now narrows env during env discovery, but config-backed providers still have env reset later by the config re-apply path in packages/opencode/src/provider/provider.ts:1285, so the original tooltip warning remains unresolved for those providers.

Files Reviewed (2 files)

• packages/opencode/src/provider/provider.ts - 0 new issues; previous warning remains unresolved
• packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx - 1 carried-forward issue

---

_{Reviewed by gpt-5.4-20260305 · 3,569,042 tokens}