ai-account-switch 1.5.5 → 1.5.7

package/README.md

@@ -2,7 +2,7 @@
 
 English | [简体中文](README_ZH.md)
 
-A cross-platform CLI tool to manage and switch between Claude/Codex account configurations for different projects.
+A cross-platform CLI tool to manage and switch between Claude/Codex/Droids account configurations for different projects.
 
 ## Features
 
@@ -13,7 +13,7 @@ A cross-platform CLI tool to manage and switch between Claude/Codex account conf
 - **Claude Code Integration**: Automatically generates `.claude/settings.local.json` for Claude Code CLI
 - **Secure Storage**: Account credentials stored locally in your home directory
 - **Interactive CLI**: Easy-to-use interactive prompts for all operations
-- **Account Types**: Support for Claude, Codex, and other AI services
+- **Account Types**: Support for Claude, Codex, Droids, and other AI services
 
 ## Installation
 
@@ -329,6 +329,108 @@ grep -A 10 "$(cat .codex-profile)" ~/.codex/config.toml
 ais doctor
 ```
 
+### Droids Integration
+
+When you add a **Droids** type account and run `ais use`, the tool automatically creates a configuration file at `.droids/config.json` in your project directory.
+
+#### Adding a Droids Account
+
+When adding a Droids account, you'll see helpful configuration tips:
+
+```bash
+ais add my-droids-account
+
+? Select account type: Droids
+
+📝 Droids Configuration Tips:
+   • Droids configuration will be stored in .droids/config.json
+   • API URL is optional (defaults to Droids default endpoint)
+   • You can configure custom models and settings
+
+? Enter API Key: sk-xxx...
+? Enter API URL (optional): https://api.example.com
+? Do you want to specify a model? (Optional) Yes
+? Enter model name: droids-model-v1
+```
+
+#### Using Droids with Your Project
+
+After running `ais use` with a Droids account:
+
+```bash
+cd ~/my-project
+ais use my-droids-account
+
+# Output:
+# ✓ Switched to account 'my-droids-account' for current project.
+# ✓ Droids configuration generated at: .droids/config.json
+#
+# 📖 Next Steps:
+#    Start interactive session: droid
+#    This will enter project-level interactive mode
+#    Droids will automatically use the configuration from .droids/config.json
+```
+
+The tool creates:
+- **Project Configuration**: `.droids/config.json` with your account settings
+
+#### Running Droids
+
+Start Droids interactive session:
+
+```bash
+# In your project directory
+droid
+
+# Droids will automatically load configuration from .droids/config.json
+```
+
+#### Droids Configuration Structure
+
+The generated configuration in `.droids/config.json`:
+
+```json
+{
+  "apiKey": "your-api-key",
+  "baseUrl": "https://api.example.com",
+  "model": "droids-model-v1",
+  "customSettings": {
+    "CUSTOM_VAR": "value"
+  }
+}
+```
+
+#### Switching Between Projects
+
+Each project can use a different Droids account:
+
+```bash
+# Project A
+cd ~/project-a
+ais use droids-account-1
+droid
+
+# Project B
+cd ~/project-b
+ais use droids-account-2
+droid
+```
+
+#### Troubleshooting Droids
+
+**Check Droids Configuration**
+```bash
+# View your Droids configuration
+cat .droids/config.json
+
+# Or use the doctor command
+ais doctor
+```
+
+**Droids CLI not found**
+- Make sure Droids CLI is installed and available in your PATH
+- Run `droid --version` to verify installation
+
 #### Custom Environment Variables
 
 You can add custom environment variables when creating an account. When prompted, enter them in `KEY=VALUE` format:
@@ -370,6 +472,9 @@ ais add work-claude
 # Add a Codex account
 ais add codex-dev
 
+# Add a Droids account
+ais add droids-dev
+
 # List all accounts
 ais list
 ```
@@ -517,6 +622,28 @@ MIT License - feel free to use this tool in your projects!
 
 ## Changelog
 
+### v1.5.7
+- **Droids Integration**:
+  - Added full support for Droids AI assistant
+  - Automatic generation of `.droids/config.json` configuration
+  - Simple model configuration for Droids accounts
+  - Interactive session command: `droid`
+  - Enhanced `ais doctor` command with Droids configuration detection
+- **UI Enhancements**:
+  - Added type filter dropdown for quick account filtering
+  - Color-coded account cards by type (Claude: blue, Codex: purple, Droids: green, Other: orange)
+  - Left border color indicators on account cards
+  - Improved visual hierarchy and user experience
+- **Model Configuration Improvements**:
+  - Separated model configuration for different account types
+  - Claude: Complex model groups with multiple model settings
+  - Codex/Droids: Simple model field for straightforward configuration
+  - All model settings moved to collapsible "Advanced Configuration" section
+- **Better User Guidance**:
+  - Enhanced `ais use` command with clear next-step instructions
+  - Type-specific usage examples for each AI assistant
+  - Interactive mode prompts instead of one-time command examples
+
 ### v1.5.1
 - **Codex Integration Enhancements**:
   - Added full support for Codex CLI with profile-based configuration

package/README_ZH.md

@@ -2,7 +2,7 @@
 
 [English](README.md) | 简体中文
 
-一个跨平台的命令行工具，用于管理和切换不同项目的 Claude/Codex 账户配置。
+一个跨平台的命令行工具，用于管理和切换不同项目的 Claude/Codex/Droids 账户配置。
 
 ## 特性
 
@@ -21,7 +21,7 @@
   - 🎯 主题自动跟随系统设置
 - **安全存储**:账户凭证仅存储在本地
 - **交互式命令行**：所有操作都有易用的交互式提示
-- **多种账户类型**：支持 Claude、Codex 和其他 AI 服务
+- **多种账户类型**：支持 Claude、Codex、Droids 和其他 AI 服务
 
 ## 安装
 
@@ -384,6 +384,108 @@ grep -A 10 "$(cat .codex-profile)" ~/.codex/config.toml
 ais doctor
 ```
 
+### Droids 集成
+
+当你添加 **Droids** 类型账户并运行 `ais use` 时，工具会自动在项目目录中创建 `.droids/config.json` 配置文件。
+
+#### 添加 Droids 账户
+
+添加 Droids 账户时，你会看到有用的配置提示：
+
+```bash
+ais add my-droids-account
+
+? Select account type: Droids
+
+📝 Droids Configuration Tips:
+   • Droids configuration will be stored in .droids/config.json
+   • API URL is optional (defaults to Droids default endpoint)
+   • You can configure custom models and settings
+
+? Enter API Key: sk-xxx...
+? Enter API URL (optional): https://api.example.com
+? Do you want to specify a model? (Optional) Yes
+? Enter model name: droids-model-v1
+```
+
+#### 在项目中使用 Droids
+
+使用 Droids 账户运行 `ais use` 后：
+
+```bash
+cd ~/my-project
+ais use my-droids-account
+
+# 输出：
+# ✓ Switched to account 'my-droids-account' for current project.
+# ✓ Droids configuration generated at: .droids/config.json
+#
+# 📖 Next Steps:
+#    Start interactive session: droid
+#    This will enter project-level interactive mode
+#    Droids will automatically use the configuration from .droids/config.json
+```
+
+工具会创建：
+- **项目配置**：`.droids/config.json` 包含你的账户设置
+
+#### 运行 Droids
+
+启动 Droids 交互会话：
+
+```bash
+# 在项目目录中
+droid
+
+# Droids 会自动从 .droids/config.json 加载配置
+```
+
+#### Droids 配置结构
+
+在 `.droids/config.json` 中生成的配置：
+
+```json
+{
+  "apiKey": "your-api-key",
+  "baseUrl": "https://api.example.com",
+  "model": "droids-model-v1",
+  "customSettings": {
+    "CUSTOM_VAR": "value"
+  }
+}
+```
+
+#### 在不同项目间切换
+
+每个项目可以使用不同的 Droids 账户：
+
+```bash
+# 项目 A
+cd ~/project-a
+ais use droids-account-1
+droid
+
+# 项目 B
+cd ~/project-b
+ais use droids-account-2
+droid
+```
+
+#### Droids 故障排除
+
+**检查 Droids 配置**
+```bash
+# 查看你的 Droids 配置
+cat .droids/config.json
+
+# 或使用 doctor 命令
+ais doctor
+```
+
+**Droids CLI 未找到**
+- 确保 Droids CLI 已安装并在 PATH 中可用
+- 运行 `droid --version` 验证安装
+
 #### 自定义环境变量
 
 在创建账户时可以添加自定义环境变量。在提示时，使用 `KEY=VALUE` 格式输入：
@@ -425,6 +527,9 @@ ais add work-claude
 # 添加 Codex 账户
 ais add codex-dev
 
+# 添加 Droids 账户
+ais add droids-dev
+
 # 列出所有账户
 ais list
 ```
@@ -594,6 +699,28 @@ MIT License - 欢迎在你的项目中使用此工具！
 
 ## 更新日志
 
+### v1.5.7
+- **Droids 集成**：
+  - 完整支持 Droids AI 助手
+  - 自动生成 `.droids/config.json` 配置文件
+  - Droids 账户的简单模型配置
+  - 交互会话命令：`droid`
+  - 增强 `ais doctor` 命令，支持 Droids 配置检测
+- **UI 增强**：
+  - 添加类型筛选下拉框，快速过滤账户
+  - 按类型为账户卡片着色（Claude: 蓝色，Codex: 紫色，Droids: 绿色，Other: 橙色）
+  - 账户卡片左侧边框颜色指示器
+  - 改进视觉层次和用户体验
+- **模型配置改进**：
+  - 为不同账户类型分离模型配置
+  - Claude: 复杂的模型组，支持多个模型设置
+  - Codex/Droids: 简单的模型字段，配置更直观
+  - 所有模型设置移至可折叠的"高级配置"区域
+- **更好的用户指引**：
+  - 增强 `ais use` 命令，提供清晰的下一步操作说明
+  - 为每个 AI 助手提供特定类型的使用示例
+  - 交互模式提示而非一次性命令示例
+
 ### v1.5.1
 - **Codex 集成增强**：
   - 完整支持 Codex CLI 的 profile 配置

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-account-switch",
-  "version": "1.5.5",
-  "description": "A cross-platform CLI tool to manage and switch Claude/Codex account configurations",
+  "version": "1.5.7",
+  "description": "A cross-platform CLI tool to manage and switch Claude/Codex/Droids account configurations",
   "main": "src/index.js",
   "bin": {
     "ais": "./bin/ais.js"
@@ -14,11 +14,13 @@
     "cli",
     "claude",
     "codex",
+    "droids",
     "account",
     "switch",
     "cross-platform",
     "claude-code",
-    "ai"
+    "ai",
+    "ai-assistant"
   ],
   "author": "deanwanghewei@gmail.comnpm view ai-account-switch",
   "license": "MIT",
@@ -30,24 +32,9 @@
     "chalk": "^4.1.2",
     "inquirer": "^8.2.5"
   },
-  "devDependencies": {
-    "pkg": "^5.8.1"
-  },
   "engines": {
     "node": ">=14.0.0"
   },
-  "pkg": {
-    "scripts": [
-      "src/**/*.js"
-    ],
-    "assets": [],
-    "targets": [
-      "node18-linux-x64",
-      "node18-macos-x64",
-      "node18-win-x64"
-    ],
-    "outputPath": "dist"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/yourusername/ai-agent-user-swith.git"

package/src/commands.js

@@ -44,7 +44,7 @@ async function addAccount(name, options) {
       type: 'list',
       name: 'type',
       message: 'Select account type:',
-      choices: ['Claude', 'Codex', 'Other'],
+      choices: ['Claude', 'Codex', 'Droids', 'Other'],
       default: 'Claude'
     }
   ]);
@@ -55,6 +55,11 @@ async function addAccount(name, options) {
     console.log(chalk.gray('   • API URL should include the full path (e.g., https://api.example.com/v1)'));
     console.log(chalk.gray('   • AIS will automatically add /v1 if missing'));
     console.log(chalk.gray('   • Codex uses OpenAI-compatible API format\n'));
+  } else if (typeAnswer.type === 'Droids') {
+    console.log(chalk.cyan('\n📝 Droids Configuration Tips:'));
+    console.log(chalk.gray('   • Droids configuration will be stored in .droids/config.json'));
+    console.log(chalk.gray('   • API URL is optional (defaults to Droids default endpoint)'));
+    console.log(chalk.gray('   • You can configure custom models and settings\n'));
   }
 
   // Prompt for remaining account details
@@ -183,28 +188,57 @@ async function addAccount(name, options) {
   // Remove the addCustomEnv flag before saving
   delete accountData.addCustomEnv;
 
-  // Initialize model groups structure
-  accountData.modelGroups = {};
-  accountData.activeModelGroup = null;
+  // Handle model configuration based on account type
+  if (accountData.type === 'Claude') {
+    // Claude uses complex model groups
+    accountData.modelGroups = {};
+    accountData.activeModelGroup = null;
 
-  // Prompt for model group configuration
-  const { createModelGroup } = await inquirer.prompt([
-    {
-      type: 'confirm',
-      name: 'createModelGroup',
-      message: 'Do you want to create a model group? (Recommended)',
-      default: true
+    // Prompt for model group configuration
+    const { createModelGroup } = await inquirer.prompt([
+      {
+        type: 'confirm',
+        name: 'createModelGroup',
+        message: 'Do you want to create a model group? (Recommended)',
+        default: true
+      }
+    ]);
+
+    if (createModelGroup) {
+      const groupName = 'default';
+      const modelGroupConfig = await promptForModelGroup();
+
+      if (Object.keys(modelGroupConfig).length > 0) {
+        accountData.modelGroups[groupName] = modelGroupConfig;
+        accountData.activeModelGroup = groupName;
+        console.log(chalk.green(`\n✓ Created model group '${groupName}'`));
+      }
     }
-  ]);
+  } else if (accountData.type === 'Codex' || accountData.type === 'Droids') {
+    // Codex and Droids use simple model field
+    const { addModel } = await inquirer.prompt([
+      {
+        type: 'confirm',
+        name: 'addModel',
+        message: 'Do you want to specify a model? (Optional)',
+        default: false
+      }
+    ]);
 
-  if (createModelGroup) {
-    const groupName = 'default';
-    const modelGroupConfig = await promptForModelGroup();
+    if (addModel) {
+      const { model } = await inquirer.prompt([
+        {
+          type: 'input',
+          name: 'model',
+          message: 'Enter model name:',
+          default: ''
+        }
+      ]);
 
-    if (Object.keys(modelGroupConfig).length > 0) {
-      accountData.modelGroups[groupName] = modelGroupConfig;
-      accountData.activeModelGroup = groupName;
-      console.log(chalk.green(`\n✓ Created model group '${groupName}'`));
+      if (model.trim()) {
+        accountData.model = model.trim();
+        console.log(chalk.green(`\n✓ Model set to: ${accountData.model}`));
+      }
     }
   }
 
@@ -212,10 +246,13 @@ async function addAccount(name, options) {
   config.addAccount(name, accountData);
   console.log(chalk.green(`✓ Account '${name}' added successfully!`));
 
-  if (accountData.activeModelGroup) {
+  // Show model configuration tips based on account type
+  if (accountData.type === 'Claude' && accountData.activeModelGroup) {
     console.log(chalk.cyan(`✓ Active model group: ${accountData.activeModelGroup}\n`));
     console.log(chalk.gray('💡 Tip: Use "ais model add" to create more model groups'));
     console.log(chalk.gray('💡 Tip: Use "ais model list" to view all model groups\n'));
+  } else if ((accountData.type === 'Codex' || accountData.type === 'Droids') && accountData.model) {
+    console.log(chalk.cyan(`✓ Model: ${accountData.model}\n`));
   }
 
   // Show usage instructions based on account type
@@ -232,6 +269,12 @@ async function addAccount(name, options) {
     console.log(chalk.cyan(`   ais use ${name}\n`));
     console.log(chalk.gray('2. Start Claude Code in your project directory'));
     console.log(chalk.gray('3. Claude Code will automatically use the project configuration\n'));
+  } else if (accountData.type === 'Droids') {
+    console.log(chalk.bold.cyan('\n📖 Droids Usage Instructions:\n'));
+    console.log(chalk.gray('1. Switch to this account in your project:'));
+    console.log(chalk.cyan(`   ais use ${name}\n`));
+    console.log(chalk.gray('2. Start Droids in your project directory'));
+    console.log(chalk.gray('3. Droids will automatically use the configuration from .droids/config.json\n'));
   }
 }
 
@@ -344,11 +387,13 @@ function listAccounts() {
     if (account.customEnv && Object.keys(account.customEnv).length > 0) {
       console.log(`   Custom Env: ${Object.keys(account.customEnv).join(', ')}`);
     }
-    // Display model groups
-    if (account.modelGroups && Object.keys(account.modelGroups).length > 0) {
+    // Display model configuration based on account type
+    if (account.type === 'Claude' && account.modelGroups && Object.keys(account.modelGroups).length > 0) {
       const groupNames = Object.keys(account.modelGroups);
       const activeMarker = account.activeModelGroup ? ` (active: ${account.activeModelGroup})` : '';
       console.log(`   Model Groups: ${groupNames.join(', ')}${activeMarker}`);
+    } else if ((account.type === 'Codex' || account.type === 'Droids') && account.model) {
+      console.log(`   Model: ${account.model}`);
     }
     console.log(`   Created: ${new Date(account.createdAt).toLocaleString()}`);
     console.log('');
@@ -408,16 +453,32 @@ async function useAccount(name) {
       if (fs.existsSync(profileFile)) {
         const profileName = fs.readFileSync(profileFile, 'utf8').trim();
         console.log(chalk.cyan(`✓ Codex profile created: ${profileName}`));
-        console.log(chalk.yellow(`  Use: codex --profile ${profileName} [prompt]`));
+        console.log('');
+        console.log(chalk.bold.cyan('📖 Next Steps:'));
+        console.log(chalk.yellow(`   Start interactive session: ${chalk.bold(`codex --profile ${profileName}`)}`));
+        console.log(chalk.gray('   This will enter project-level interactive mode'));
       }
+    } else if (account && account.type === 'Droids') {
+      console.log(chalk.cyan(`✓ Droids configuration generated at: .droids/config.json`));
+      console.log('');
+      console.log(chalk.bold.cyan('📖 Next Steps:'));
+      console.log(chalk.yellow(`   Start interactive session: ${chalk.bold('droid')}`));
+      console.log(chalk.gray('   This will enter project-level interactive mode'));
+      console.log(chalk.gray('   Droids will automatically use the configuration from .droids/config.json'));
     } else {
       console.log(chalk.cyan(`✓ Claude configuration generated at: .claude/settings.local.json`));
+      console.log('');
+      console.log(chalk.bold.cyan('📖 Next Steps:'));
+      console.log(chalk.yellow(`   Start interactive session: ${chalk.bold('claude')}`));
+      console.log(chalk.gray('   This will enter project-level interactive mode'));
+      console.log(chalk.gray('   Claude Code will automatically use the project configuration'));
     }
 
     // Check if .gitignore was updated
     const gitignorePath = path.join(process.cwd(), '.gitignore');
     const gitDir = path.join(process.cwd(), '.git');
     if (fs.existsSync(gitDir) && fs.existsSync(gitignorePath)) {
+      console.log('');
       console.log(chalk.cyan(`✓ Updated .gitignore to exclude AIS configuration files`));
     }
   } else {
@@ -451,8 +512,8 @@ function showInfo() {
       console.log(`  ${chalk.gray('•')} ${key}: ${value}`);
     });
   }
-  // Display model groups
-  if (projectAccount.modelGroups && Object.keys(projectAccount.modelGroups).length > 0) {
+  // Display model configuration based on account type
+  if (projectAccount.type === 'Claude' && projectAccount.modelGroups && Object.keys(projectAccount.modelGroups).length > 0) {
     console.log(`${chalk.cyan('Model Groups:')}`);
     Object.keys(projectAccount.modelGroups).forEach(groupName => {
       const isActive = projectAccount.activeModelGroup === groupName;
@@ -462,6 +523,8 @@ function showInfo() {
     if (projectAccount.activeModelGroup) {
       console.log(`${chalk.cyan('Active Model Group:')} ${chalk.green.bold(projectAccount.activeModelGroup)}`);
     }
+  } else if ((projectAccount.type === 'Codex' || projectAccount.type === 'Droids') && projectAccount.model) {
+    console.log(`${chalk.cyan('Model:')} ${projectAccount.model}`);
   }
   console.log(`${chalk.cyan('Set At:')} ${new Date(projectAccount.setAt).toLocaleString()}`);
   console.log(`${chalk.cyan('Project Root:')} ${projectAccount.projectRoot}`);
@@ -697,11 +760,47 @@ async function doctor() {
     console.log(chalk.yellow('   Run "ais use <account>" to generate it'));
   }
 
+  // Check Droids config
+  const droidsDir = path.join(projectRoot, '.droids');
+  const droidsConfigPath = path.join(droidsDir, 'config.json');
+
+  console.log(chalk.bold('\n5. Droids Configuration:'));
+  console.log(`   Expected location: ${droidsConfigPath}`);
+
+  if (fs.existsSync(droidsConfigPath)) {
+    console.log(chalk.green('   ✓ Droids config exists'));
+    try {
+      const droidsConfig = JSON.parse(fs.readFileSync(droidsConfigPath, 'utf8'));
+
+      if (droidsConfig.apiKey) {
+        const masked = droidsConfig.apiKey.substring(0, 6) + '****' + droidsConfig.apiKey.substring(droidsConfig.apiKey.length - 4);
+        console.log(`   API Key: ${masked}`);
+      }
+
+      if (droidsConfig.baseUrl) {
+        console.log(`   Base URL: ${droidsConfig.baseUrl}`);
+      }
+
+      if (droidsConfig.model) {
+        console.log(`   Model: ${droidsConfig.model}`);
+      }
+
+      if (droidsConfig.customSettings) {
+        console.log(`   Custom Settings: ${Object.keys(droidsConfig.customSettings).join(', ')}`);
+      }
+    } catch (e) {
+      console.log(chalk.red(`   ✗ Error reading Droids config: ${e.message}`));
+    }
+  } else {
+    console.log(chalk.yellow('   ⚠ Droids config not found'));
+    console.log(chalk.yellow('   Run "ais use <droids-account>" to generate it'));
+  }
+
   // Check Codex profile
   const codexProfilePath = path.join(projectRoot, '.codex-profile');
   const globalCodexConfig = path.join(os.homedir(), '.codex', 'config.toml');
 
-  console.log(chalk.bold('\n5. Codex Configuration:'));
+  console.log(chalk.bold('\n6. Codex Configuration:'));
   console.log(`   Profile file: ${codexProfilePath}`);
 
   if (fs.existsSync(codexProfilePath)) {
@@ -750,7 +849,7 @@ async function doctor() {
 
   // Check global Claude config
   const globalClaudeConfig = path.join(os.homedir(), '.claude', 'settings.json');
-  console.log(chalk.bold('\n6. Global Claude Configuration:'));
+  console.log(chalk.bold('\n7. Global Claude Configuration:'));
   console.log(`   Location: ${globalClaudeConfig}`);
 
   if (fs.existsSync(globalClaudeConfig)) {
@@ -773,7 +872,7 @@ async function doctor() {
   }
 
   // Check current account availability
-  console.log(chalk.bold('\n7. Current Account Availability:'));
+  console.log(chalk.bold('\n8. Current Account Availability:'));
   const projectAccount = config.getProjectAccount();
 
   if (projectAccount && projectAccount.apiKey) {
@@ -812,6 +911,15 @@ async function doctor() {
       } catch (e) {
         console.log(chalk.yellow('   ⚠ Codex CLI not found'));
       }
+    } else if (projectAccount.type === 'Droids') {
+      console.log('   Testing with Droids CLI...');
+      const { execSync } = require('child_process');
+      try {
+        execSync('droid --version', { stdio: 'pipe', timeout: 5000 });
+        console.log(chalk.green('   ✓ Droids CLI is available'));
+      } catch (e) {
+        console.log(chalk.yellow('   ⚠ Droids CLI not found'));
+      }
     }
 
     console.log(`   API URL: ${projectAccount.apiUrl || 'https://api.anthropic.com'}`);
@@ -840,7 +948,7 @@ async function doctor() {
   }
 
   // Recommendations
-  console.log(chalk.bold('\n8. Recommendations:'));
+  console.log(chalk.bold('\n9. Recommendations:'));
 
   if (projectRoot && process.cwd() !== projectRoot) {
     console.log(chalk.yellow(`   ⚠ You are in a subdirectory (${path.relative(projectRoot, process.cwd())})`));
@@ -855,9 +963,9 @@ async function doctor() {
     console.log(chalk.gray(`   • File: ${globalClaudeConfig}`));
   }
 
-  console.log(chalk.bold('\n9. Next Steps:'));
-  console.log(chalk.cyan('   • Start Claude Code from your project directory or subdirectory'));
-  console.log(chalk.cyan('   • Check which account Claude Code is using'));
+  console.log(chalk.bold('\n10. Next Steps:'));
+  console.log(chalk.cyan('   • Start Claude Code/Codex/Droids from your project directory or subdirectory'));
+  console.log(chalk.cyan('   • Check which account is being used'));
   console.log(chalk.cyan('   • If wrong account is used, run: ais use <correct-account>'));
   console.log('');
 }

package/src/config.js

@@ -146,6 +146,9 @@ class ConfigManager {
     if (account.type === 'Codex') {
       // Codex type accounts only need Codex configuration
       this.generateCodexConfig(account, projectRoot);
+    } else if (account.type === 'Droids') {
+      // Droids type accounts only need Droids configuration
+      this.generateDroidsConfig(account, projectRoot);
     } else {
       // Claude and other types need Claude Code configuration
       this.generateClaudeConfig(account, projectRoot);
@@ -173,7 +176,8 @@ class ConfigManager {
     const filesToIgnore = [
       this.projectConfigFilename,
       '.claude/settings.local.json',
-      '.codex-profile'
+      '.codex-profile',
+      '.droids/config.json'
     ];
 
     let gitignoreContent = '';
@@ -346,6 +350,42 @@ class ConfigManager {
     fs.writeFileSync(claudeConfigFile, JSON.stringify(claudeConfig, null, 2), 'utf8');
   }
 
+  /**
+   * Generate Droids configuration in .droids/config.json
+   */
+  generateDroidsConfig(account, projectRoot = process.cwd()) {
+    const droidsDir = path.join(projectRoot, '.droids');
+    const droidsConfigFile = path.join(droidsDir, 'config.json');
+
+    // Create .droids directory if it doesn't exist
+    if (!fs.existsSync(droidsDir)) {
+      fs.mkdirSync(droidsDir, { recursive: true });
+    }
+
+    // Build Droids configuration
+    const droidsConfig = {
+      apiKey: account.apiKey
+    };
+
+    // Add API URL if specified
+    if (account.apiUrl) {
+      droidsConfig.baseUrl = account.apiUrl;
+    }
+
+    // Add model configuration - Droids uses simple model field
+    if (account.model) {
+      droidsConfig.model = account.model;
+    }
+
+    // Add custom environment variables as customSettings
+    if (account.customEnv && typeof account.customEnv === 'object') {
+      droidsConfig.customSettings = account.customEnv;
+    }
+
+    // Write Droids configuration
+    fs.writeFileSync(droidsConfigFile, JSON.stringify(droidsConfig, null, 2), 'utf8');
+  }
+
   /**
    * Generate Codex profile in global ~/.codex/config.toml
    */
@@ -385,12 +425,9 @@ class ConfigManager {
 
       profileConfig += `model_provider = "${providerName}"\n`;
 
-      // Add model configuration from active model group if available
-      if (account.modelGroups && account.activeModelGroup) {
-        const activeGroup = account.modelGroups[account.activeModelGroup];
-        if (activeGroup && activeGroup.DEFAULT_MODEL) {
-          profileConfig += `model = "${activeGroup.DEFAULT_MODEL}"\n`;
-        }
+      // Add model configuration - Codex uses simple model field
+      if (account.model) {
+        profileConfig += `model = "${account.model}"\n`;
       }
 
       // Ensure API URL has proper path

package/src/index.js

@@ -25,7 +25,7 @@ const packageJson = require('../package.json');
 
 program
   .name('ais')
-  .description('AI Account Switch - Manage and switch Claude/Codex account configurations')
+  .description('AI Account Switch - Manage and switch Claude/Codex/Droids account configurations')
   .version(packageJson.version);
 
 // Add account command

package/src/ui-server.js

@@ -482,6 +482,21 @@ class UIServer {
             color: var(--text-primary);
         }
 
+        .filter-box {
+            min-width: 150px;
+        }
+
+        .filter-box select {
+            width: 100%;
+            padding: 10px;
+            border: 1px solid var(--input-border);
+            border-radius: 5px;
+            font-size: 14px;
+            background: var(--input-bg);
+            color: var(--text-primary);
+            cursor: pointer;
+        }
+
         .accounts-grid {
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
@@ -497,6 +512,7 @@ class UIServer {
             display: flex;
             flex-direction: column;
             min-height: 200px;
+            border-left: 4px solid transparent;
         }
 
         .account-card:hover {
@@ -504,6 +520,22 @@ class UIServer {
             box-shadow: 0 6px 12px var(--card-shadow-hover);
         }
 
+        .account-card.type-claude {
+            border-left-color: #1976d2;
+        }
+
+        .account-card.type-codex {
+            border-left-color: #7b1fa2;
+        }
+
+        .account-card.type-droids {
+            border-left-color: #388e3c;
+        }
+
+        .account-card.type-other {
+            border-left-color: #f57c00;
+        }
+
         .account-content {
             flex: 1;
         }
@@ -527,10 +559,28 @@ class UIServer {
             border-radius: 4px;
             font-size: 12px;
             font-weight: 500;
+        }
+
+        .account-type.type-claude {
             background: #e3f2fd;
             color: #1976d2;
         }
 
+        .account-type.type-codex {
+            background: #f3e5f5;
+            color: #7b1fa2;
+        }
+
+        .account-type.type-droids {
+            background: #e8f5e9;
+            color: #388e3c;
+        }
+
+        .account-type.type-other {
+            background: #fff3e0;
+            color: #f57c00;
+        }
+
         .account-info {
             margin-bottom: 10px;
         }
@@ -807,6 +857,15 @@ class UIServer {
             <div class="search-box">
                 <input type="text" id="searchInput" data-i18n-placeholder="searchPlaceholder" placeholder="搜索账号...">
             </div>
+            <div class="filter-box">
+                <select id="typeFilter" onchange="renderAccounts()">
+                    <option value="" data-i18n="allTypes">所有类型</option>
+                    <option value="Claude">Claude</option>
+                    <option value="Codex">Codex</option>
+                    <option value="Droids">Droids</option>
+                    <option value="Other" data-i18n="other">其他</option>
+                </select>
+            </div>
             <button class="btn btn-primary" onclick="showAddModal()" data-i18n="addAccount">+ 添加账号</button>
             <button class="btn btn-secondary" onclick="exportAccounts()" data-i18n="exportAll">导出全部</button>
             <button class="btn btn-secondary" onclick="document.getElementById('importFile').click()" data-i18n="import">导入</button>
@@ -832,9 +891,10 @@ class UIServer {
                 </div>
                 <div class="form-group">
                     <label for="accountType" data-i18n="type">类型 *</label>
-                    <select id="accountType" required>
+                    <select id="accountType" required onchange="toggleModelFields()">
                         <option value="Claude">Claude</option>
                         <option value="Codex">Codex</option>
+                        <option value="Droids">Droids</option>
                         <option value="Other" data-i18n="other">其他</option>
                     </select>
                 </div>
@@ -854,19 +914,31 @@ class UIServer {
                     <label for="description" data-i18n="description">描述 (可选)</label>
                     <textarea id="description" data-i18n-placeholder="descriptionPlaceholder" placeholder="用于生产环境的主账号"></textarea>
                 </div>
-                <div class="form-group">
-                    <label data-i18n="customEnv">自定义环境变量 (可选)</label>
-                    <div id="envVarsList"></div>
-                    <button type="button" class="btn btn-secondary btn-small" onclick="addEnvVar()" data-i18n="addVariable">+ 添加变量</button>
-                </div>
                 <div class="form-group">
                     <div class="advanced-toggle" onclick="toggleAdvancedSettings()">
                         <span class="advanced-toggle-icon" id="advancedToggleIcon">▶</span>
-                        <span data-i18n="advancedSettings">高级设置 - 模型组</span>
+                        <span data-i18n="advancedSettings">高级配置</span>
                     </div>
                     <div class="advanced-content" id="advancedContent">
-                        <div id="modelGroupsList" style="margin-bottom: 10px;"></div>
-                        <button type="button" class="btn btn-secondary btn-small" onclick="addModelGroupUI()" data-i18n="addModelGroup">+ 添加模型组</button>
+                        <!-- Custom Environment Variables -->
+                        <div class="form-group">
+                            <label data-i18n="customEnv">自定义环境变量</label>
+                            <div id="envVarsList"></div>
+                            <button type="button" class="btn btn-secondary btn-small" onclick="addEnvVar()" data-i18n="addVariable">+ 添加变量</button>
+                        </div>
+                        <!-- Model Configuration -->
+                        <div class="form-group">
+                            <label data-i18n="modelConfig">模型配置</label>
+                            <!-- Simple model field for Codex/Droids -->
+                            <div id="simpleModelGroup" style="display: none;">
+                                <input type="text" id="simpleModel" data-i18n-placeholder="simpleModelPlaceholder" placeholder="例如: gpt-4, droids-model-v1">
+                            </div>
+                            <!-- Model groups for Claude -->
+                            <div id="claudeModelGroup" style="display: none;">
+                                <div id="modelGroupsList" style="margin-bottom: 10px;"></div>
+                                <button type="button" class="btn btn-secondary btn-small" onclick="addModelGroupUI()" data-i18n="addModelGroup">+ 添加模型组</button>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div class="form-actions">
@@ -885,6 +957,7 @@ class UIServer {
                 subtitle: '管理你的 AI 账号配置',
                 themeLabel: '主题',
                 searchPlaceholder: '搜索账号...',
+                allTypes: '所有类型',
                 addAccount: '+ 添加账号',
                 exportAll: '导出全部',
                 import: '导入',
@@ -904,9 +977,12 @@ class UIServer {
                 emailPlaceholder: 'user@example.com',
                 description: '描述 (可选)',
                 descriptionPlaceholder: '用于生产环境的主账号',
-                customEnv: '自定义环境变量 (可选)',
+                advancedSettings: '高级配置',
+                customEnv: '自定义环境变量',
                 addVariable: '+ 添加变量',
-                advancedSettings: '高级设置 - 模型组',
+                modelConfig: '模型配置',
+                simpleModel: '模型',
+                simpleModelPlaceholder: '例如: gpt-4, droids-model-v1',
                 addModelGroup: '+ 添加模型组',
                 modelGroupName: '模型组名称',
                 setActive: '设为激活',
@@ -937,6 +1013,7 @@ class UIServer {
                 subtitle: 'Manage your AI account configurations',
                 themeLabel: 'Theme',
                 searchPlaceholder: 'Search accounts...',
+                allTypes: 'All Types',
                 addAccount: '+ Add Account',
                 exportAll: 'Export All',
                 import: 'Import',
@@ -956,9 +1033,12 @@ class UIServer {
                 emailPlaceholder: 'user@example.com',
                 description: 'Description (optional)',
                 descriptionPlaceholder: 'Main account for production environment',
-                customEnv: 'Custom Environment Variables (optional)',
+                advancedSettings: 'Advanced Configuration',
+                customEnv: 'Custom Environment Variables',
                 addVariable: '+ Add Variable',
-                advancedSettings: 'Advanced Settings - Model Groups',
+                modelConfig: 'Model Configuration',
+                simpleModel: 'Model',
+                simpleModelPlaceholder: 'e.g., gpt-4, droids-model-v1',
                 addModelGroup: '+ Add Model Group',
                 modelGroupName: 'Model Group Name',
                 setActive: 'Set Active',
@@ -1068,11 +1148,18 @@ class UIServer {
             const container = document.getElementById('accountsContainer');
             const emptyState = document.getElementById('emptyState');
             const searchTerm = document.getElementById('searchInput').value.toLowerCase();
+            const typeFilter = document.getElementById('typeFilter').value;
 
             const filteredAccounts = Object.entries(accounts).filter(([name, data]) => {
-                return name.toLowerCase().includes(searchTerm) ||
+                // Search filter
+                const matchesSearch = name.toLowerCase().includes(searchTerm) ||
                        (data.email && data.email.toLowerCase().includes(searchTerm)) ||
                        (data.type && data.type.toLowerCase().includes(searchTerm));
+
+                // Type filter
+                const matchesType = !typeFilter || data.type === typeFilter;
+
+                return matchesSearch && matchesType;
             });
 
             if (filteredAccounts.length === 0) {
@@ -1082,12 +1169,14 @@ class UIServer {
             }
 
             emptyState.classList.add('hidden');
-            container.innerHTML = filteredAccounts.map(([name, data]) => \`
-                <div class="account-card">
+            container.innerHTML = filteredAccounts.map(([name, data]) => {
+                const typeClass = data.type ? \`type-\${data.type.toLowerCase()}\` : 'type-other';
+                return \`
+                <div class="account-card \${typeClass}">
                     <div class="account-content">
                         <div class="account-header">
                             <div class="account-name">\${name}</div>
-                            <div class="account-type">\${data.type || 'N/A'}</div>
+                            <div class="account-type \${typeClass}">\${data.type || 'N/A'}</div>
                         </div>
                         <div class="account-info">
                             <div class="info-label">\${t('apiKeyLabel')}</div>
@@ -1117,19 +1206,26 @@ class UIServer {
                             <div class="info-value">\${Object.keys(data.customEnv).join(', ')}</div>
                         </div>
                         \` : ''}
-                        \${data.modelGroups && Object.keys(data.modelGroups).length > 0 ? \`
+                        \${data.type === 'Claude' && data.modelGroups && Object.keys(data.modelGroups).length > 0 ? \`
                         <div class="account-info">
                             <div class="info-label">Model Groups</div>
                             <div class="info-value">\${Object.keys(data.modelGroups).join(', ')} \${data.activeModelGroup ? '(active: ' + data.activeModelGroup + ')' : ''}</div>
                         </div>
                         \` : ''}
+                        \${(data.type === 'Codex' || data.type === 'Droids') && data.model ? \`
+                        <div class="account-info">
+                            <div class="info-label">Model</div>
+                            <div class="info-value">\${data.model}</div>
+                        </div>
+                        \` : ''}
                     </div>
                     <div class="account-actions">
                         <button class="btn btn-secondary btn-small" onclick="editAccount('\${name}')">\${t('edit')}</button>
                         <button class="btn btn-danger btn-small" onclick="deleteAccount('\${name}')">\${t('delete')}</button>
                     </div>
                 </div>
-            \`).join('');
+            \`;
+            }).join('');
         }
 
         function maskApiKey(key) {
@@ -1137,6 +1233,22 @@ class UIServer {
             return key.substring(0, 4) + '****' + key.substring(key.length - 4);
         }
 
+        function toggleModelFields() {
+            const accountType = document.getElementById('accountType').value;
+            const simpleModelGroup = document.getElementById('simpleModelGroup');
+            const claudeModelGroup = document.getElementById('claudeModelGroup');
+
+            if (accountType === 'Codex' || accountType === 'Droids') {
+                // Show simple model field, hide Claude model groups
+                simpleModelGroup.style.display = 'block';
+                claudeModelGroup.style.display = 'none';
+            } else {
+                // Show Claude model groups, hide simple model field
+                simpleModelGroup.style.display = 'none';
+                claudeModelGroup.style.display = 'block';
+            }
+        }
+
         function showAddModal() {
             editingAccount = null;
             document.getElementById('modalTitle').textContent = t('addAccountTitle');
@@ -1148,9 +1260,13 @@ class UIServer {
             document.getElementById('modelGroupsList').innerHTML = '';
             modelGroupCount = 0;
             activeModelGroup = null;
+            // Clear simple model
+            document.getElementById('simpleModel').value = '';
             // Collapse advanced settings
             document.getElementById('advancedContent').classList.remove('expanded');
             document.getElementById('advancedToggleIcon').classList.remove('expanded');
+            // Toggle model fields based on default type (Claude)
+            toggleModelFields();
             document.getElementById('accountModal').classList.add('active');
         }
 
@@ -1176,13 +1292,27 @@ class UIServer {
                 });
             }
 
-            // Load model groups
-            document.getElementById('modelGroupsList').innerHTML = '';
-            modelGroupCount = 0;
-            activeModelGroup = null;
-
-            const hasModelGroups = account.modelGroups && Object.keys(account.modelGroups).length > 0;
-            if (hasModelGroups) {
+            // Toggle model fields based on account type
+            toggleModelFields();
+
+            // Load model configuration based on account type
+            if (account.type === 'Codex' || account.type === 'Droids') {
+                // Load simple model field
+                document.getElementById('simpleModel').value = account.model || '';
+                // Clear model groups
+                document.getElementById('modelGroupsList').innerHTML = '';
+                modelGroupCount = 0;
+                activeModelGroup = null;
+            } else {
+                // Load model groups for Claude
+                document.getElementById('modelGroupsList').innerHTML = '';
+                modelGroupCount = 0;
+                activeModelGroup = null;
+                // Clear simple model
+                document.getElementById('simpleModel').value = '';
+
+                const hasModelGroups = account.modelGroups && Object.keys(account.modelGroups).length > 0;
+                if (hasModelGroups) {
                 Object.entries(account.modelGroups).forEach(([groupName, groupConfig]) => {
                     const groupId = modelGroupCount++;
                     const isActive = account.activeModelGroup === groupName;
@@ -1237,13 +1367,14 @@ class UIServer {
                     container.appendChild(div);
                 });
 
-                // Expand advanced settings if model groups exist
-                document.getElementById('advancedContent').classList.add('expanded');
-                document.getElementById('advancedToggleIcon').classList.add('expanded');
-            } else {
-                // Collapse advanced settings if no model groups
-                document.getElementById('advancedContent').classList.remove('expanded');
-                document.getElementById('advancedToggleIcon').classList.remove('expanded');
+                    // Expand advanced settings if model groups exist
+                    document.getElementById('advancedContent').classList.add('expanded');
+                    document.getElementById('advancedToggleIcon').classList.add('expanded');
+                } else {
+                    // Collapse advanced settings if no model groups
+                    document.getElementById('advancedContent').classList.remove('expanded');
+                    document.getElementById('advancedToggleIcon').classList.remove('expanded');
+                }
             }
 
             document.getElementById('accountModal').classList.add('active');
@@ -1404,12 +1535,22 @@ class UIServer {
                 delete accountData.customEnv;
             }
 
-            // Collect model groups
-            accountData.modelGroups = {};
-            accountData.activeModelGroup = null;
+            // Collect model configuration based on account type
+            const accountType = document.getElementById('accountType').value;
 
-            const modelGroupsList = document.getElementById('modelGroupsList');
-            modelGroupsList.querySelectorAll('.model-group-item').forEach(item => {
+            if (accountType === 'Codex' || accountType === 'Droids') {
+                // Use simple model field
+                const simpleModel = document.getElementById('simpleModel').value.trim();
+                if (simpleModel) {
+                    accountData.model = simpleModel;
+                }
+            } else {
+                // Collect model groups for Claude
+                accountData.modelGroups = {};
+                accountData.activeModelGroup = null;
+
+                const modelGroupsList = document.getElementById('modelGroupsList');
+                modelGroupsList.querySelectorAll('.model-group-item').forEach(item => {
                 const groupId = parseInt(item.id.replace('modelGroup', ''));
                 const groupName = document.getElementById(\`groupName\${groupId}\`).value;
 
@@ -1430,15 +1571,16 @@ class UIServer {
 
                 accountData.modelGroups[groupName] = groupConfig;
 
-                // Check if this is the active group
-                if (activeModelGroup === groupId) {
-                    accountData.activeModelGroup = groupName;
-                }
-            });
+                    // Check if this is the active group
+                    if (activeModelGroup === groupId) {
+                        accountData.activeModelGroup = groupName;
+                    }
+                });
 
-            if (Object.keys(accountData.modelGroups).length === 0) {
-                delete accountData.modelGroups;
-                delete accountData.activeModelGroup;
+                if (Object.keys(accountData.modelGroups).length === 0) {
+                    delete accountData.modelGroups;
+                    delete accountData.activeModelGroup;
+                }
             }
 
             try {