Show cloud switcher and option to add a team when logged in

[mrubens]

Important

Add cloud account switcher and "Create Team Account" option with translations for multiple languages.

• Behavior:
  • Show CloudAccountSwitcher in ChatTextArea.tsx when cloudUserInfo is available.
  • Add "Create Team Account" option in CloudAccountSwitcher.tsx and OrganizationSwitcher.tsx if no organizations exist.
  • Open billing URL when "Create Team Account" is selected.
• Components:
  • Modify CloudAccountSwitcher.tsx to always show switcher when authenticated.
  • Update OrganizationSwitcher.tsx to handle organization changes and show "Create Team Account".
  • Adjust CloudView.tsx to include OrganizationSwitcher with cloudApiUrl.
• Translations:
  • Add "Create Team Account" translation in cloud.json for multiple languages including en, es, fr, de, zh-CN, zh-TW, ja, ko, ru, pt-BR, it, nl, pl, vi, id, hi, ca.

^{This description was created by for 9af76c0. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

PR Review: Show cloud switcher and option to add a team when logged in

Critical (P0/P1)

• Loading state handling in CloudAccountSwitcher.tsx: isLoading is reset via setTimeout instead of listening for "organizationSwitchResult" like OrganizationSwitcher.tsx. This can leave the control stuck or clear too early under latency/errors. Suggest aligning with OrganizationSwitcher’s message-driven pattern:
  • Add a window message listener for "organizationSwitchResult"
  • Reset isLoading based on success/failure
  • Update selectedOrgId from the result (or revert on error)

High (P1/P2)

• “Create Team Account” action silently no-ops if cloudApiUrl is undefined in both CloudAccountSwitcher.tsx and OrganizationSwitcher.tsx. Add a safe fallback or disable the item when URL is not available to avoid dead clicks. Example:

const baseUrl = cloudApiUrl ?? 'https://app.roocode.com'
vscode.postMessage({ type: 'openExternal', url: `${baseUrl}/billing` })

Medium (P2)

• Tests need updates: CloudView.tsx now always renders OrganizationSwitcher when authenticated (regardless of organizations length). Update assertions that previously required organizations.length > 0 and add tests for the new “Create Team Account” flow (verify openExternal to ${cloudApiUrl ?? 'https://app.roocode.com'}/billing).

Low (P3)

• Redundant lookups in OrganizationSwitcher.tsx: organizations.find(...) repeated multiple times inside JSX. Cache once for clarity:

const selectedOrg = organizations.find(o => o.organization.id === selectedOrgId)

• Minor UX in CloudAccountSwitcher.tsx: Unconditional SelectSeparator before “Create Team Account”. When there are no organizations this yields “Personal” → separator → “Create Team Account”. Render separator conditionally (only when there are orgs) or introduce labeled sections.

Inline targets (for maintainers who prefer line-context):

• CloudAccountSwitcher.tsx — fallback/disable for missing cloudApiUrl
• CloudAccountSwitcher.tsx — replace timeout-based loading reset with message-driven handling
• OrganizationSwitcher.tsx — fallback/disable for missing cloudApiUrl
• OrganizationSwitcher.tsx — cache selectedOrg to avoid repeated finds
• CloudAccountSwitcher.tsx — conditional separator for better UX
• CloudView.tsx — test updates and add test for “Create Team Account” path