feat: add xiaomi provider #1198

zerob13 · 2025-12-19T10:32:13Z

support xiaomi provider

Summary by CodeRabbit

New Features
- Added Xiaomi as a new supported provider with default API endpoint configuration, allowing users to connect to Xiaomi's services.
- Added visual icon support for Xiaomi models.
Bug Fixes
- Fixed localization key reference in the no-models message.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

coderabbitai · 2025-12-19T10:32:26Z

Walkthrough

This PR adds Xiaomi as a new LLM provider with OpenAI-compatible API support. It registers the provider in the DEFAULT_PROVIDERS configuration, fixes a localization key typo in the provider model list UI, and adds a corresponding provider icon mapping for UI display.

Changes

Cohort / File(s)	Summary
Xiaomi provider registration `src/main/presenter/configPresenter/providers.ts`	Added Xiaomi provider entry to DEFAULT_PROVIDERS with id, name, OpenAI-compatible API type, default baseUrl (https://api.xiaomimimo.com/v1), and associated documentation/model reference websites.
Icon and UI updates `src/renderer/src/components/icons/ModelIcon.vue`	Imported and registered Xiaomi color icon asset in the icons map for model icon rendering.
Localization fix `src/renderer/settings/components/ProviderModelList.vue`	Corrected i18n key path from `settings.provider.dialogs.modelCheck.noModels` to `settings.provider.dialog.modelCheck.noModels` in no-models message.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related PRs

feat: add jiekou.ai as LLM provider #1041: Adds a different new LLM provider using the same DEFAULT_PROVIDERS and ModelIcon.vue registration pattern.
feat: add zenmux provider #1043: Adds another new LLM provider with identical modifications to provider registry and icon mappings.
feat: better custom model provider #1124: Modifies ProviderModelList.vue with changes to provider model handling logic and dialog flow.

Suggested labels

codex

Poem

🐇 A Xiaomi star joins the provider sky,
With icons bright and configs spry,
One typo fixed, the locales shine—
The provider list, now truly fine! ✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title 'feat: add xiaomi provider' directly and clearly describes the main change: adding support for a new Xiaomi provider. It accurately reflects the changeset which adds provider configuration, icon support, and localization updates.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat/add-xiaomi-provider

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 and usage tips.}

coderabbitai

Actionable comments posted: 1

📜 Review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 51de564 and 02542dd.

⛔ Files ignored due to path filters (1)

src/renderer/src/assets/llm-icons/xiaomi.png is excluded by !**/*.png

📒 Files selected for processing (3)

src/main/presenter/configPresenter/providers.ts (1 hunks)
src/renderer/settings/components/ProviderModelList.vue (1 hunks)
src/renderer/src/components/icons/ModelIcon.vue (2 hunks)

🧰 Additional context used

📓 Path-based instructions (25)

**/*.{ts,tsx,js,jsx,vue}

📄 CodeRabbit inference engine (CLAUDE.md)

Use English for logs and comments (Chinese text exists in legacy code, but new code should use English)

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue
src/main/presenter/configPresenter/providers.ts

**/*.vue

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.vue: Use Vue 3 Composition API for all components instead of Options API
Use Tailwind CSS with scoped styles for component styling

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/renderer/**/*.vue

📄 CodeRabbit inference engine (CLAUDE.md)

src/renderer/**/*.vue: All user-facing strings must use i18n keys via vue-i18n for internationalization
Ensure proper error handling and loading states in all UI components
Implement responsive design using Tailwind CSS utilities for all UI components

src/renderer/**/*.vue: Use composition API and declarative programming patterns; avoid options API
Structure files: exported component, composables, helpers, static content, types
Use PascalCase for component names (e.g., AuthWizard.vue)
Use Vue 3 with TypeScript, leveraging defineComponent and PropType
Use template syntax for declarative rendering
Use Shadcn Vue, Radix Vue, and Tailwind for components and styling
Implement responsive design with Tailwind CSS; use a mobile-first approach
Use Suspense for asynchronous components
Use <script setup> syntax for concise component definitions
Prefer 'lucide:' icon family as the primary choice for Iconify icons
Import Icon component from '@iconify/vue' and use with lucide icons following pattern '{collection}:{icon-name}'

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/**/*

📄 CodeRabbit inference engine (.cursor/rules/project-structure.mdc)

New features should be developed in the src directory

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue
src/main/presenter/configPresenter/providers.ts

src/renderer/**/*.{vue,js,ts}

📄 CodeRabbit inference engine (.cursor/rules/project-structure.mdc)

Renderer process code should be placed in src/renderer (Vue 3 application)

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/renderer/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (.cursor/rules/vue-shadcn.mdc)

src/renderer/**/*.{ts,tsx,vue}: Write concise, technical TypeScript code with accurate examples
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
Avoid enums; use const objects instead
Use arrow functions for methods and computed properties
Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements

Vue 3 app code in src/renderer/src should be organized into components/, stores/, views/, i18n/, lib/ directories with shell UI in src/renderer/shell/

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/renderer/**

📄 CodeRabbit inference engine (.cursor/rules/vue-shadcn.mdc)

Use lowercase with dashes for directories (e.g., components/auth-wizard)

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/renderer/**/*.{ts,vue}

📄 CodeRabbit inference engine (.cursor/rules/vue-shadcn.mdc)

src/renderer/**/*.{ts,vue}: Use useFetch and useAsyncData for data fetching
Leverage ref, reactive, and computed for reactive state management
Use provide/inject for dependency injection when appropriate
Use Iconify/Vue for icon implementation

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue

src/**/*.{ts,tsx,vue,js,jsx}

📄 CodeRabbit inference engine (AGENTS.md)

Use Prettier with single quotes, no semicolons, and 100 character width

Files:

src/renderer/settings/components/ProviderModelList.vue
src/renderer/src/components/icons/ModelIcon.vue
src/main/presenter/configPresenter/providers.ts

src/renderer/src/**/*.{vue,ts,tsx}

📄 CodeRabbit inference engine (.cursor/rules/i18n.mdc)

src/renderer/src/**/*.{vue,ts,tsx}: All user-facing strings must use i18n keys with vue-i18n framework in the renderer
Import and use useI18n() composable with the t() function to access translations in Vue components and TypeScript files
Use the dynamic locale.value property to switch languages at runtime
Avoid hardcoding user-facing text and ensure all user-visible text uses the i18n translation system

Files:

src/renderer/src/components/icons/ModelIcon.vue

src/renderer/src/**/*.{vue,ts,tsx,js,jsx}

📄 CodeRabbit inference engine (.cursor/rules/vue-best-practices.mdc)

src/renderer/src/**/*.{vue,ts,tsx,js,jsx}: Use the Composition API for better code organization and reusability in Vue.js applications
Implement proper state management with Pinia in Vue.js applications
Utilize Vue Router for navigation and route management in Vue.js applications
Leverage Vue's built-in reactivity system for efficient data handling

Files:

src/renderer/src/components/icons/ModelIcon.vue

src/renderer/src/**/*.vue

📄 CodeRabbit inference engine (.cursor/rules/vue-best-practices.mdc)

Use scoped styles to prevent CSS conflicts between Vue components

Files:

src/renderer/src/components/icons/ModelIcon.vue

src/renderer/src/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (AGENTS.md)

src/renderer/src/**/*.{ts,tsx,vue}: Use TypeScript with Vue 3 Composition API for the renderer application
All user-facing strings must use vue-i18n keys in src/renderer/src/i18n

Files:

src/renderer/src/components/icons/ModelIcon.vue

src/renderer/src/components/**/*.vue

📄 CodeRabbit inference engine (AGENTS.md)

src/renderer/src/components/**/*.vue: Use Tailwind for styles in Vue components
Vue component files must use PascalCase naming (e.g., ChatInput.vue)

Files:

src/renderer/src/components/icons/ModelIcon.vue

**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

Enable and maintain strict TypeScript type checking for all files

**/*.{ts,tsx}: Always use try-catch to handle possible errors in TypeScript code
Provide meaningful error messages when catching errors
Log detailed error logs including error details, context, and stack traces
Distinguish and handle different error types (UserError, NetworkError, SystemError, BusinessError) with appropriate handlers in TypeScript
Use structured logging with logger.error(), logger.warn(), logger.info(), logger.debug() methods from logging utilities
Do not suppress errors (avoid empty catch blocks or silently ignoring errors)
Provide user-friendly error messages for user-facing errors in TypeScript components
Implement error retry mechanisms for transient failures in TypeScript
Avoid logging sensitive information (passwords, tokens, PII) in logs

Files:

src/main/presenter/configPresenter/providers.ts

src/main/presenter/**/*.ts

📄 CodeRabbit inference engine (CLAUDE.md)

Organize core business logic into dedicated Presenter classes, with one presenter per functional domain

Files:

src/main/presenter/configPresenter/providers.ts

src/main/**/*.ts

📄 CodeRabbit inference engine (CLAUDE.md)

Use EventBus from src/main/eventbus.ts for main-to-renderer communication, broadcasting events via mainWindow.webContents.send()

src/main/**/*.ts: Use EventBus pattern for inter-process communication within the main process to decouple modules
Use Electron's built-in APIs for file system and native dialogs instead of Node.js or custom implementations

src/main/**/*.ts: Electron main process code belongs in src/main/ with presenters in presenter/ (Window/Tab/Thread/Mcp/Config/LLMProvider) and eventbus.ts for app events
Use the Presenter pattern in the main process for UI coordination

Files:

src/main/presenter/configPresenter/providers.ts

src/main/presenter/configPresenter/**/*.ts

📄 CodeRabbit inference engine (CLAUDE.md)

Store and retrieve custom prompts via configPresenter.getCustomPrompts() for config-based data source management

Files:

src/main/presenter/configPresenter/providers.ts

**/*.ts

📄 CodeRabbit inference engine (CLAUDE.md)

Do not include AI co-authoring information (e.g., 'Co-Authored-By: Claude') in git commits

Files:

src/main/presenter/configPresenter/providers.ts

**/*.{js,ts,jsx,tsx,mjs,cjs}

📄 CodeRabbit inference engine (.cursor/rules/development-setup.mdc)

Write logs and comments in English

Files:

src/main/presenter/configPresenter/providers.ts

{src/main/presenter/**/*.ts,src/renderer/**/*.ts}

📄 CodeRabbit inference engine (.cursor/rules/electron-best-practices.mdc)

Implement proper inter-process communication (IPC) patterns using Electron's ipcRenderer and ipcMain APIs

Files:

src/main/presenter/configPresenter/providers.ts

src/main/**/*.{js,ts}

📄 CodeRabbit inference engine (.cursor/rules/project-structure.mdc)

Main process code for Electron should be placed in src/main

Files:

src/main/presenter/configPresenter/providers.ts

src/**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (AGENTS.md)

Use OxLint for linting JavaScript and TypeScript files

Files:

src/main/presenter/configPresenter/providers.ts

src/**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

src/**/*.{ts,tsx}: Use camelCase for variable and function names in TypeScript files
Use PascalCase for type and class names in TypeScript
Use SCREAMING_SNAKE_CASE for constant names

Files:

src/main/presenter/configPresenter/providers.ts

src/**/*.ts

📄 CodeRabbit inference engine (AGENTS.md)

Use EventBus for inter-process communication events

Files:

src/main/presenter/configPresenter/providers.ts

🧠 Learnings (11)

📚 Learning: 2025-11-25T05:26:43.510Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/i18n.mdc:0-0
Timestamp: 2025-11-25T05:26:43.510Z
Learning: Applies to src/renderer/src/**/*.{vue,ts,tsx} : Avoid hardcoding user-facing text and ensure all user-visible text uses the i18n translation system

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:26:43.510Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/i18n.mdc:0-0
Timestamp: 2025-11-25T05:26:43.510Z
Learning: Applies to src/renderer/src/**/*.{vue,ts,tsx} : All user-facing strings must use i18n keys with vue-i18n framework in the renderer

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:26:11.312Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: CLAUDE.md:0-0
Timestamp: 2025-11-25T05:26:11.312Z
Learning: Applies to src/renderer/**/*.vue : All user-facing strings must use i18n keys via vue-i18n for internationalization

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:28:20.513Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: AGENTS.md:0-0
Timestamp: 2025-11-25T05:28:20.513Z
Learning: Applies to src/renderer/src/**/*.{ts,tsx,vue} : All user-facing strings must use vue-i18n keys in `src/renderer/src/i18n`

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:26:43.510Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/i18n.mdc:0-0
Timestamp: 2025-11-25T05:26:43.510Z
Learning: Applies to src/renderer/src/i18n/**/*.json : Maintain consistent key-value structure across all language translation files (zh-CN, en-US, ko-KR, ru-RU, zh-HK, fr-FR, fa-IR)

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:26:43.510Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/i18n.mdc:0-0
Timestamp: 2025-11-25T05:26:43.510Z
Learning: Applies to src/renderer/src/**/*.{vue,ts,tsx} : Use the dynamic locale.value property to switch languages at runtime

Applied to files:

src/renderer/settings/components/ProviderModelList.vue

📚 Learning: 2025-11-25T05:28:04.454Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-11-25T05:28:04.454Z
Learning: Applies to src/renderer/**/*.{ts,vue} : Use Iconify/Vue for icon implementation

Applied to files:

src/renderer/src/components/icons/ModelIcon.vue

📚 Learning: 2025-11-25T05:28:04.454Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-11-25T05:28:04.454Z
Learning: Applies to src/renderer/**/*.vue : Import Icon component from 'iconify/vue' and use with lucide icons following pattern '{collection}:{icon-name}'

Applied to files:

src/renderer/src/components/icons/ModelIcon.vue

📚 Learning: 2025-11-25T05:28:04.454Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-11-25T05:28:04.454Z
Learning: Applies to src/renderer/**/*.vue : Prefer 'lucide:' icon family as the primary choice for Iconify icons

Applied to files:

src/renderer/src/components/icons/ModelIcon.vue

📚 Learning: 2025-11-25T05:27:12.209Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/llm-agent-loop.mdc:0-0
Timestamp: 2025-11-25T05:27:12.209Z
Learning: Applies to src/main/presenter/llmProviderPresenter/providers/*.ts : In Provider implementations, include helper methods for Provider-specific operations such as `formatMessages`, `convertToProviderTools`, `parseFunctionCalls`, and `prepareFunctionCallPrompt`

Applied to files:

src/main/presenter/configPresenter/providers.ts

📚 Learning: 2025-11-25T05:27:12.209Z

Learnt from: CR
Repo: ThinkInAIXYZ/deepchat PR: 0
File: .cursor/rules/llm-agent-loop.mdc:0-0
Timestamp: 2025-11-25T05:27:12.209Z
Learning: Applies to src/main/presenter/llmProviderPresenter/providers/*.ts : In Provider implementations, handle native tool support by converting MCP tools to Provider format using `convertToProviderTools` and including them in the API request; for Providers without native function call support, prepare messages using `prepareFunctionCallPrompt` before making the API call

Applied to files:

src/main/presenter/configPresenter/providers.ts

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

GitHub Check: build-check (x64)

🔇 Additional comments (3)

src/renderer/src/components/icons/ModelIcon.vue (1)

148-148: LGTM! Xiaomi icon mapping added.

The icon mapping entry follows the existing pattern and correctly maps the xiaomi key to the imported icon asset.

src/main/presenter/configPresenter/providers.ts (1)

735-749: Verify the exact API endpoint and confirm current documentation URL accessibility.

Xiaomi provides an OpenAI-compatible API, confirming the apiType: 'openai' setting is correct. The platform documentation URL platform.xiaomimimo.com is valid, but the specific API endpoint https://api.xiaomimimo.com/v1 and the accessibility of the documentation URLs (#/docs/quick-start/first-api-call, #/console/api-keys, etc.) could not be verified from public sources. Contact mimo@xiaomi.com or consult Xiaomi's official API documentation to confirm the exact endpoint and ensure all documentation links are accessible.

src/renderer/settings/components/ProviderModelList.vue (1)

123-123: Localization key corrected from "dialogs" to "dialog" in provider model check dialog.

The i18n key path has been corrected from settings.provider.dialogs.modelCheck.noModels to settings.provider.dialog.modelCheck.noModels (changing plural "dialogs" to singular "dialog"). Verification confirms the corrected key exists across all 12 supported language files (en-US, zh-CN, zh-HK, zh-TW, ko-KR, ru-RU, fr-FR, fa-IR, ja-JP, pt-BR, he-IL, da-DK) with no remaining references to the old incorrect key.

src/renderer/src/components/icons/ModelIcon.vue

feat: add support for xiaomi provider

02542dd

coderabbitai bot reviewed Dec 19, 2025

View reviewed changes

src/renderer/src/components/icons/ModelIcon.vue Show resolved Hide resolved

zerob13 merged commit 22bef1d into dev Dec 19, 2025
2 checks passed

zerob13 added a commit that referenced this pull request Dec 19, 2025

feat: add support for xiaomi provider (#1198)

49dc833

zerob13 deleted the feat/add-xiaomi-provider branch January 6, 2026 12:17

coderabbitai bot mentioned this pull request Jan 8, 2026

feat: add o3.fan provider #1259

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add xiaomi provider #1198

feat: add xiaomi provider #1198

Uh oh!

zerob13 commented Dec 19, 2025 •

edited by coderabbitai bot

Loading

Uh oh!

coderabbitai bot commented Dec 19, 2025 •

edited

Loading

Uh oh!

coderabbitai bot left a comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

feat: add xiaomi provider #1198

feat: add xiaomi provider #1198

Uh oh!

Conversation

zerob13 commented Dec 19, 2025 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Uh oh!

coderabbitai bot commented Dec 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested labels

Poem

Pre-merge checks and finishing touches

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

zerob13 commented Dec 19, 2025 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Dec 19, 2025 •

edited

Loading