mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-02-03 08:53:36 +00:00
feat: add Codex CLI detection and model management APIs
- Implemented IPC handlers for checking Codex CLI installation status, retrieving available models, and checking provider statuses. - Enhanced the SettingsView to include OpenAI API key management and connection testing. - Updated the feature executor to support multiple model providers (Claude and Codex), allowing for improved flexibility in feature execution. - Introduced utility functions to determine model types and support for thinking controls. This update enhances the application's capabilities by integrating Codex CLI support and improving model management, providing users with a more robust experience. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
This commit is contained in:
Kacper
453
.cursor/plans/codex_cli_openai_model_support_9987f5e4.plan.md
Normal file
453
.cursor/plans/codex_cli_openai_model_support_9987f5e4.plan.md
Normal file
@@ -0,0 +1,453 @@
|
|||||||
|
---
|
||||||
|
name: Codex CLI OpenAI Model Support
|
||||||
|
overview: Extend the model support system to integrate OpenAI Codex CLI, enabling users to use OpenAI models (GPT-4o, o3, etc.) alongside existing Claude models. This includes CLI detection, model provider abstraction, execution wrapper, and UI updates.
|
||||||
|
todos:
|
||||||
|
- id: model-provider-abstraction
|
||||||
|
content: Create model provider abstraction layer with base interface and Claude/Codex implementations
|
||||||
|
status: pending
|
||||||
|
- id: codex-cli-detector
|
||||||
|
content: Implement Codex CLI detector service to check installation status and version
|
||||||
|
status: pending
|
||||||
|
- id: codex-executor
|
||||||
|
content: Create Codex CLI execution wrapper that spawns subprocess and parses JSON output
|
||||||
|
status: pending
|
||||||
|
- id: codex-config-manager
|
||||||
|
content: Implement Codex TOML configuration manager for model provider setup
|
||||||
|
status: pending
|
||||||
|
- id: model-registry
|
||||||
|
content: Create centralized model registry with provider mappings and metadata
|
||||||
|
status: pending
|
||||||
|
- id: update-feature-executor
|
||||||
|
content: Refactor feature-executor.js to use model provider abstraction instead of direct SDK calls
|
||||||
|
status: pending
|
||||||
|
- id: update-agent-service
|
||||||
|
content: Update agent-service.js to support configurable model selection via provider abstraction
|
||||||
|
status: pending
|
||||||
|
- id: message-converter
|
||||||
|
content: Create message format converter to translate Codex JSONL output to Claude SDK format
|
||||||
|
status: pending
|
||||||
|
- id: update-ui-types
|
||||||
|
content: Extend TypeScript types in app-store.ts to include OpenAI models and provider metadata
|
||||||
|
status: pending
|
||||||
|
- id: update-board-view
|
||||||
|
content: Expand model selection dropdown in board-view.tsx to include OpenAI models with provider grouping
|
||||||
|
status: pending
|
||||||
|
- id: update-settings-view
|
||||||
|
content: Add OpenAI API key input, Codex CLI status check, and test connection button to settings-view.tsx
|
||||||
|
status: pending
|
||||||
|
- id: openai-test-api
|
||||||
|
content: Create OpenAI API test endpoint at app/src/app/api/openai/test/route.ts
|
||||||
|
status: pending
|
||||||
|
- id: ipc-handlers
|
||||||
|
content: Add IPC handlers in main.js for model management (checkCodexCli, getAvailableModels, testOpenAI)
|
||||||
|
status: pending
|
||||||
|
- id: preload-api
|
||||||
|
content: Update preload.js and electron.d.ts to expose new IPC methods to renderer process
|
||||||
|
status: pending
|
||||||
|
- id: env-manager
|
||||||
|
content: Create environment variable manager for centralized API key and config handling
|
||||||
|
status: pending
|
||||||
|
- id: error-handling
|
||||||
|
content: Implement provider fallback logic and user-friendly error messages for missing CLI/API keys
|
||||||
|
status: pending
|
||||||
|
---
|
||||||
|
|
||||||
|
# Codex CLI OpenAI Model Support Implementation Plan
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
|
||||||
|
Extend Automaker's model support to integrate OpenAI Codex CLI, allowing users to use the latest GPT-5.1 Codex models (`gpt-5.1-codex-max`, `gpt-5.1-codex`, `gpt-5.1-codex-mini`, `gpt-5.1`) alongside existing Claude models. Codex CLI defaults to `gpt-5.1-codex-max` and uses ChatGPT Enterprise authentication (no API key required). The implementation will follow the existing Claude CLI pattern but add abstraction for multiple model providers.
|
||||||
|
|
||||||
|
## Current Architecture Analysis
|
||||||
|
|
||||||
|
### Model Usage Points
|
||||||
|
|
||||||
|
1. **Feature Executor** (`app/electron/services/feature-executor.js`):
|
||||||
|
|
||||||
|
- Uses `MODEL_MAP` with hardcoded Claude models (haiku, sonnet, opus)
|
||||||
|
- Calls `@anthropic-ai/claude-agent-sdk` `query()` function
|
||||||
|
- Model selection via `getModelString(feature)` method
|
||||||
|
|
||||||
|
2. **Agent Service** (`app/electron/agent-service.js`):
|
||||||
|
|
||||||
|
- Hardcoded model: `"claude-opus-4-5-20251101"`
|
||||||
|
- Uses Claude Agent SDK directly
|
||||||
|
|
||||||
|
3. **API Route** (`app/src/app/api/chat/route.ts`):
|
||||||
|
|
||||||
|
- Hardcoded model: `"claude-opus-4-5-20251101"`
|
||||||
|
- Uses Claude Agent SDK
|
||||||
|
|
||||||
|
4. **Project Analyzer** (`app/electron/services/project-analyzer.js`):
|
||||||
|
|
||||||
|
- Hardcoded model: `"claude-sonnet-4-20250514"`
|
||||||
|
|
||||||
|
5. **UI Components**:
|
||||||
|
|
||||||
|
- `board-view.tsx`: Model dropdown (haiku/sonnet/opus)
|
||||||
|
- `app-store.ts`: `AgentModel` type limited to Claude models
|
||||||
|
|
||||||
|
### Authentication
|
||||||
|
|
||||||
|
- Claude: Uses `CLAUDE_CODE_OAUTH_TOKEN` environment variable
|
||||||
|
- Codex: Uses `OPENAI_API_KEY` environment variable (per Codex docs)
|
||||||
|
|
||||||
|
## Implementation Strategy
|
||||||
|
|
||||||
|
### Phase 1: Model Provider Abstraction Layer
|
||||||
|
|
||||||
|
#### 1.1 Create Model Provider Interface
|
||||||
|
|
||||||
|
**File**: `app/electron/services/model-provider.js`
|
||||||
|
|
||||||
|
- Abstract base class/interface for model providers
|
||||||
|
- Methods: `executeQuery()`, `detectInstallation()`, `getAvailableModels()`, `validateConfig()`
|
||||||
|
- Implementations:
|
||||||
|
- `ClaudeProvider` (wraps existing SDK usage)
|
||||||
|
- `CodexProvider` (new, wraps Codex CLI execution)
|
||||||
|
|
||||||
|
#### 1.2 Create Codex CLI Detector
|
||||||
|
|
||||||
|
**File**: `app/electron/services/codex-cli-detector.js`
|
||||||
|
|
||||||
|
- Similar to `claude-cli-detector.js`
|
||||||
|
- Check for `codex` command in PATH
|
||||||
|
- Check for npm global installation: `npm list -g @openai/codex`
|
||||||
|
- Check for Homebrew installation on macOS
|
||||||
|
- Return: `{ installed: boolean, path: string, version: string, method: 'cli'|'npm'|'brew'|'none' }`
|
||||||
|
|
||||||
|
#### 1.3 Create Codex Provider Implementation
|
||||||
|
|
||||||
|
**File**: `app/electron/services/codex-provider.js`
|
||||||
|
|
||||||
|
- Extends model provider interface
|
||||||
|
- Executes Codex CLI via `child_process.spawn()` or `execSync()`
|
||||||
|
- Handles JSON output parsing (`codex exec --json`)
|
||||||
|
- Manages TOML configuration file creation/updates
|
||||||
|
- Supports latest GPT-5.1 Codex models:
|
||||||
|
- `gpt-5.1-codex-max` (default, latest flagship for deep and fast reasoning)
|
||||||
|
- `gpt-5.1-codex` (optimized for codex)
|
||||||
|
- `gpt-5.1-codex-mini` (cheaper, faster, less capable)
|
||||||
|
- `gpt-5.1` (broad world knowledge with strong general reasoning)
|
||||||
|
- Uses ChatGPT Enterprise authentication (no API key required for these models)
|
||||||
|
- Note: Legacy models (GPT-4o, o3, o1, etc.) are not supported - Codex CLI focuses on GPT-5.1 Codex family only
|
||||||
|
|
||||||
|
### Phase 2: Model Configuration System
|
||||||
|
|
||||||
|
#### 2.1 Extended Model Registry
|
||||||
|
|
||||||
|
**File**: `app/electron/services/model-registry.js`
|
||||||
|
|
||||||
|
- Centralized model configuration
|
||||||
|
- Model definitions with provider mapping:
|
||||||
|
```javascript
|
||||||
|
{
|
||||||
|
id: "claude-opus",
|
||||||
|
name: "Claude Opus 4.5",
|
||||||
|
provider: "claude",
|
||||||
|
modelString: "claude-opus-4-5-20251101",
|
||||||
|
...
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "gpt-4o",
|
||||||
|
name: "GPT-4o",
|
||||||
|
provider: "codex",
|
||||||
|
modelString: "gpt-4o",
|
||||||
|
requiresApiKey: "OPENAI_API_KEY",
|
||||||
|
...
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
- Model categories: `claude`, `openai`, `azure`, `custom`
|
||||||
|
|
||||||
|
#### 2.2 Codex Configuration Manager
|
||||||
|
|
||||||
|
**File**: `app/electron/services/codex-config-manager.js`
|
||||||
|
|
||||||
|
- Manages Codex TOML config file (typically `~/.config/codex/config.toml` or project-specific)
|
||||||
|
- Creates/updates model provider configurations:
|
||||||
|
```toml
|
||||||
|
[model_providers.openai-chat-completions]
|
||||||
|
name = "OpenAI using Chat Completions"
|
||||||
|
base_url = "https://api.openai.com/v1"
|
||||||
|
env_key = "OPENAI_API_KEY"
|
||||||
|
wire_api = "chat"
|
||||||
|
|
||||||
|
[profiles.gpt4o]
|
||||||
|
model = "gpt-4o"
|
||||||
|
model_provider = "openai-chat-completions"
|
||||||
|
```
|
||||||
|
|
||||||
|
- Profile management for different use cases
|
||||||
|
- Validates configuration before execution
|
||||||
|
|
||||||
|
### Phase 3: Execution Integration
|
||||||
|
|
||||||
|
#### 3.1 Update Feature Executor
|
||||||
|
|
||||||
|
**File**: `app/electron/services/feature-executor.js`
|
||||||
|
|
||||||
|
- Replace direct SDK calls with model provider abstraction
|
||||||
|
- Update `getModelString()` to return model ID instead of string
|
||||||
|
- Add `getModelProvider(modelId)` method
|
||||||
|
- Modify `implementFeature()` to:
|
||||||
|
- Get provider for selected model
|
||||||
|
- Use provider's `executeQuery()` method
|
||||||
|
- Handle different response formats (SDK vs CLI JSON)
|
||||||
|
|
||||||
|
#### 3.2 Update Agent Service
|
||||||
|
|
||||||
|
**File**: `app/electron/agent-service.js`
|
||||||
|
|
||||||
|
- Replace hardcoded model with configurable model selection
|
||||||
|
- Use model provider abstraction
|
||||||
|
- Support model selection per session
|
||||||
|
|
||||||
|
#### 3.3 Update Project Analyzer
|
||||||
|
|
||||||
|
**File**: `app/electron/services/project-analyzer.js`
|
||||||
|
|
||||||
|
- Use model provider abstraction
|
||||||
|
- Make model configurable (currently hardcoded to sonnet)
|
||||||
|
|
||||||
|
#### 3.4 Update API Route
|
||||||
|
|
||||||
|
**File**: `app/src/app/api/chat/route.ts`
|
||||||
|
|
||||||
|
- Support model selection from request
|
||||||
|
- Use model provider abstraction (if running in Electron context)
|
||||||
|
- Fallback to Claude SDK for web-only usage
|
||||||
|
|
||||||
|
### Phase 4: Codex CLI Execution Wrapper
|
||||||
|
|
||||||
|
#### 4.1 Codex Executor
|
||||||
|
|
||||||
|
**File**: `app/electron/services/codex-executor.js`
|
||||||
|
|
||||||
|
- Wraps `codex exec` command execution
|
||||||
|
- Handles subprocess spawning with proper environment variables
|
||||||
|
- Parses JSON output (JSONL format from `--json` flag)
|
||||||
|
- Converts Codex output format to match Claude SDK message format
|
||||||
|
- Handles streaming responses
|
||||||
|
- Error handling and timeout management
|
||||||
|
|
||||||
|
#### 4.2 Message Format Conversion
|
||||||
|
|
||||||
|
**File**: `app/electron/services/message-converter.js`
|
||||||
|
|
||||||
|
- Converts Codex JSONL output to Claude SDK message format
|
||||||
|
- Maps Codex events:
|
||||||
|
- `thread.started` → session initialization
|
||||||
|
- `item.completed` (reasoning) → thinking output
|
||||||
|
- `item.completed` (command_execution) → tool use
|
||||||
|
- `item.completed` (agent_message) → assistant message
|
||||||
|
- Maintains compatibility with existing UI components
|
||||||
|
|
||||||
|
### Phase 5: UI Updates
|
||||||
|
|
||||||
|
#### 5.1 Update Type Definitions
|
||||||
|
|
||||||
|
**File**: `app/src/store/app-store.ts`
|
||||||
|
|
||||||
|
- Extend `AgentModel` type to include OpenAI models:
|
||||||
|
```typescript
|
||||||
|
export type AgentModel =
|
||||||
|
| "opus" | "sonnet" | "haiku" // Claude
|
||||||
|
| "gpt-4o" | "gpt-4o-mini" | "gpt-3.5-turbo" | "o3" | "o1"; // OpenAI
|
||||||
|
```
|
||||||
|
|
||||||
|
- Add `modelProvider` field to `Feature` interface
|
||||||
|
- Add provider metadata to model selection
|
||||||
|
|
||||||
|
#### 5.2 Update Board View
|
||||||
|
|
||||||
|
**File**: `app/src/components/views/board-view.tsx`
|
||||||
|
|
||||||
|
- Expand model dropdown to include OpenAI models
|
||||||
|
- Group models by provider (Claude / OpenAI)
|
||||||
|
- Show provider badges/icons
|
||||||
|
- Display model availability based on CLI detection
|
||||||
|
- Add tooltips showing model capabilities
|
||||||
|
|
||||||
|
#### 5.3 Update Settings View
|
||||||
|
|
||||||
|
**File**: `app/src/components/views/settings-view.tsx`
|
||||||
|
|
||||||
|
- Add OpenAI API key input field (similar to Anthropic key)
|
||||||
|
- Add Codex CLI status check (similar to Claude CLI check)
|
||||||
|
- Show installation instructions if Codex CLI not detected
|
||||||
|
- Add test connection button for OpenAI API
|
||||||
|
- Display detected Codex CLI version/path
|
||||||
|
|
||||||
|
#### 5.4 Create API Test Route
|
||||||
|
|
||||||
|
**File**: `app/src/app/api/openai/test/route.ts`
|
||||||
|
|
||||||
|
- Similar to `app/src/app/api/claude/test/route.ts`
|
||||||
|
- Test OpenAI API connection
|
||||||
|
- Validate API key format
|
||||||
|
- Return connection status
|
||||||
|
|
||||||
|
### Phase 6: Configuration & Environment
|
||||||
|
|
||||||
|
#### 6.1 Environment Variable Management
|
||||||
|
|
||||||
|
**File**: `app/electron/services/env-manager.js`
|
||||||
|
|
||||||
|
- Centralized environment variable handling
|
||||||
|
- Loads from `.env` file and system environment
|
||||||
|
- Validates required variables per provider
|
||||||
|
- Provides fallback mechanisms
|
||||||
|
|
||||||
|
#### 6.2 IPC Handlers for Model Management
|
||||||
|
|
||||||
|
**File**: `app/electron/main.js`
|
||||||
|
|
||||||
|
- Add IPC handlers:
|
||||||
|
- `model:checkCodexCli` - Check Codex CLI installation
|
||||||
|
- `model:getAvailableModels` - List available models per provider
|
||||||
|
- `model:testOpenAI` - Test OpenAI API connection
|
||||||
|
- `model:updateCodexConfig` - Update Codex TOML config
|
||||||
|
|
||||||
|
#### 6.3 Preload API Updates
|
||||||
|
|
||||||
|
**File**: `app/electron/preload.js`
|
||||||
|
|
||||||
|
- Expose new IPC methods to renderer
|
||||||
|
- Add TypeScript definitions in `app/src/types/electron.d.ts`
|
||||||
|
|
||||||
|
### Phase 7: Error Handling & Fallbacks
|
||||||
|
|
||||||
|
#### 7.1 Provider Fallback Logic
|
||||||
|
|
||||||
|
- If Codex CLI not available, fallback to Claude
|
||||||
|
- If OpenAI API key missing, show clear error messages
|
||||||
|
- Graceful degradation when provider unavailable
|
||||||
|
|
||||||
|
#### 7.2 Error Messages
|
||||||
|
|
||||||
|
- User-friendly error messages for missing CLI
|
||||||
|
- Installation instructions per platform
|
||||||
|
- API key validation errors
|
||||||
|
- Model availability warnings
|
||||||
|
|
||||||
|
## File Structure Summary
|
||||||
|
|
||||||
|
### New Files
|
||||||
|
|
||||||
|
```
|
||||||
|
app/electron/services/
|
||||||
|
├── model-provider.js # Abstract provider interface
|
||||||
|
├── claude-provider.js # Claude SDK wrapper
|
||||||
|
├── codex-provider.js # Codex CLI wrapper
|
||||||
|
├── codex-cli-detector.js # Codex CLI detection
|
||||||
|
├── codex-executor.js # Codex CLI execution wrapper
|
||||||
|
├── codex-config-manager.js # TOML config management
|
||||||
|
├── model-registry.js # Centralized model definitions
|
||||||
|
├── message-converter.js # Format conversion utilities
|
||||||
|
└── env-manager.js # Environment variable management
|
||||||
|
|
||||||
|
app/src/app/api/openai/
|
||||||
|
└── test/route.ts # OpenAI API test endpoint
|
||||||
|
```
|
||||||
|
|
||||||
|
### Modified Files
|
||||||
|
|
||||||
|
```
|
||||||
|
app/electron/services/
|
||||||
|
├── feature-executor.js # Use model provider abstraction
|
||||||
|
├── agent-service.js # Support multiple providers
|
||||||
|
└── project-analyzer.js # Configurable model selection
|
||||||
|
|
||||||
|
app/electron/
|
||||||
|
├── main.js # Add IPC handlers
|
||||||
|
└── preload.js # Expose new APIs
|
||||||
|
|
||||||
|
app/src/
|
||||||
|
├── store/app-store.ts # Extended model types
|
||||||
|
├── components/views/
|
||||||
|
│ ├── board-view.tsx # Expanded model selection UI
|
||||||
|
│ └── settings-view.tsx # OpenAI API key & Codex CLI status
|
||||||
|
└── types/electron.d.ts # Updated IPC type definitions
|
||||||
|
```
|
||||||
|
|
||||||
|
## Implementation Details
|
||||||
|
|
||||||
|
### Codex CLI Execution Pattern
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
// Example execution flow
|
||||||
|
const codexExecutor = require('./codex-executor');
|
||||||
|
const result = await codexExecutor.execute({
|
||||||
|
prompt: "Implement feature X",
|
||||||
|
model: "gpt-4o",
|
||||||
|
cwd: projectPath,
|
||||||
|
systemPrompt: "...",
|
||||||
|
maxTurns: 20,
|
||||||
|
allowedTools: ["Read", "Write", "Edit", "Bash"],
|
||||||
|
env: { OPENAI_API_KEY: process.env.OPENAI_API_KEY }
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
### Model Provider Interface
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
class ModelProvider {
|
||||||
|
async executeQuery(options) {
|
||||||
|
// Returns async generator of messages
|
||||||
|
}
|
||||||
|
|
||||||
|
async detectInstallation() {
|
||||||
|
// Returns installation status
|
||||||
|
}
|
||||||
|
|
||||||
|
getAvailableModels() {
|
||||||
|
// Returns list of supported models
|
||||||
|
}
|
||||||
|
|
||||||
|
validateConfig() {
|
||||||
|
// Validates provider configuration
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Configuration File Location
|
||||||
|
|
||||||
|
- User config: `~/.config/codex/config.toml` (or platform equivalent)
|
||||||
|
- Project config: `.codex/config.toml` (optional, project-specific)
|
||||||
|
- Fallback: In-memory config passed via CLI args
|
||||||
|
|
||||||
|
## Testing Considerations
|
||||||
|
|
||||||
|
1. **CLI Detection**: Test on macOS, Linux, Windows
|
||||||
|
2. **Model Execution**: Test with different OpenAI models
|
||||||
|
3. **Error Handling**: Test missing CLI, invalid API keys, network errors
|
||||||
|
4. **Format Conversion**: Verify message format compatibility
|
||||||
|
5. **Concurrent Execution**: Test multiple features with different providers
|
||||||
|
6. **Fallback Logic**: Test provider fallback scenarios
|
||||||
|
|
||||||
|
## Documentation Updates
|
||||||
|
|
||||||
|
1. Update README with Codex CLI installation instructions:
|
||||||
|
|
||||||
|
- `npm install -g @openai/codex@latest` or `brew install codex`
|
||||||
|
- ChatGPT Enterprise authentication (no API key needed)
|
||||||
|
- API-based authentication for older models
|
||||||
|
|
||||||
|
2. Add model selection guide:
|
||||||
|
|
||||||
|
- GPT-5.1 Codex Max (default, best for coding)
|
||||||
|
- o3/o4-mini with reasoning efforts
|
||||||
|
- GPT-5.1/GPT-5 with verbosity control
|
||||||
|
|
||||||
|
3. Document reasoning effort and verbosity settings
|
||||||
|
4. Add troubleshooting section for common issues
|
||||||
|
5. Document model list discovery via MCP interface
|
||||||
|
|
||||||
|
## Migration Path
|
||||||
|
|
||||||
|
1. Implement provider abstraction alongside existing code
|
||||||
|
2. Add Codex support without breaking existing Claude functionality
|
||||||
|
3. Gradually migrate services to use abstraction layer
|
||||||
|
4. Maintain backward compatibility during transition
|
||||||
|
5. Remove hardcoded models after full migration
|
||||||
@@ -569,3 +569,82 @@ ipcMain.handle("claude:check-cli", async () => {
|
|||||||
return { success: false, error: error.message };
|
return { success: false, error: error.message };
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// ============================================================================
|
||||||
|
// Codex CLI Detection IPC Handlers
|
||||||
|
// ============================================================================
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check Codex CLI installation status
|
||||||
|
*/
|
||||||
|
ipcMain.handle("codex:check-cli", async () => {
|
||||||
|
try {
|
||||||
|
const codexCliDetector = require("./services/codex-cli-detector");
|
||||||
|
const info = codexCliDetector.getInstallationInfo();
|
||||||
|
return { success: true, ...info };
|
||||||
|
} catch (error) {
|
||||||
|
console.error("[IPC] codex:check-cli error:", error);
|
||||||
|
return { success: false, error: error.message };
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all available models from all providers
|
||||||
|
*/
|
||||||
|
ipcMain.handle("model:get-available", async () => {
|
||||||
|
try {
|
||||||
|
const { ModelProviderFactory } = require("./services/model-provider");
|
||||||
|
const models = ModelProviderFactory.getAllModels();
|
||||||
|
return { success: true, models };
|
||||||
|
} catch (error) {
|
||||||
|
console.error("[IPC] model:get-available error:", error);
|
||||||
|
return { success: false, error: error.message };
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check all provider installation status
|
||||||
|
*/
|
||||||
|
ipcMain.handle("model:check-providers", async () => {
|
||||||
|
try {
|
||||||
|
const { ModelProviderFactory } = require("./services/model-provider");
|
||||||
|
const status = await ModelProviderFactory.checkAllProviders();
|
||||||
|
return { success: true, providers: status };
|
||||||
|
} catch (error) {
|
||||||
|
console.error("[IPC] model:check-providers error:", error);
|
||||||
|
return { success: false, error: error.message };
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Test OpenAI API connection
|
||||||
|
*/
|
||||||
|
ipcMain.handle("openai:test-connection", async (_, { apiKey }) => {
|
||||||
|
try {
|
||||||
|
// Simple test using fetch to OpenAI API
|
||||||
|
const response = await fetch("https://api.openai.com/v1/models", {
|
||||||
|
method: "GET",
|
||||||
|
headers: {
|
||||||
|
"Authorization": `Bearer ${apiKey || process.env.OPENAI_API_KEY}`,
|
||||||
|
"Content-Type": "application/json"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (response.ok) {
|
||||||
|
const data = await response.json();
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
message: `Connected successfully. Found ${data.data?.length || 0} models.`
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
const error = await response.json();
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
error: error.error?.message || "Failed to connect to OpenAI API"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("[IPC] openai:test-connection error:", error);
|
||||||
|
return { success: false, error: error.message };
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|||||||
@@ -141,6 +141,22 @@ contextBridge.exposeInMainWorld("electronAPI", {
|
|||||||
|
|
||||||
// Claude CLI Detection API
|
// Claude CLI Detection API
|
||||||
checkClaudeCli: () => ipcRenderer.invoke("claude:check-cli"),
|
checkClaudeCli: () => ipcRenderer.invoke("claude:check-cli"),
|
||||||
|
|
||||||
|
// Codex CLI Detection API
|
||||||
|
checkCodexCli: () => ipcRenderer.invoke("codex:check-cli"),
|
||||||
|
|
||||||
|
// Model Management APIs
|
||||||
|
model: {
|
||||||
|
// Get all available models from all providers
|
||||||
|
getAvailable: () => ipcRenderer.invoke("model:get-available"),
|
||||||
|
|
||||||
|
// Check all provider installation status
|
||||||
|
checkProviders: () => ipcRenderer.invoke("model:check-providers"),
|
||||||
|
},
|
||||||
|
|
||||||
|
// OpenAI API
|
||||||
|
testOpenAIConnection: (apiKey) =>
|
||||||
|
ipcRenderer.invoke("openai:test-connection", { apiKey }),
|
||||||
});
|
});
|
||||||
|
|
||||||
// Also expose a flag to detect if we're in Electron
|
// Also expose a flag to detect if we're in Electron
|
||||||
|
|||||||
232
app/electron/services/codex-cli-detector.js
Normal file
232
app/electron/services/codex-cli-detector.js
Normal file
@@ -0,0 +1,232 @@
|
|||||||
|
const { execSync } = require('child_process');
|
||||||
|
const fs = require('fs');
|
||||||
|
const path = require('path');
|
||||||
|
const os = require('os');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Codex CLI Detector - Checks if OpenAI Codex CLI is installed
|
||||||
|
*
|
||||||
|
* Codex CLI is OpenAI's agent CLI tool that allows users to use
|
||||||
|
* GPT-5.1 Codex models (gpt-5.1-codex-max, gpt-5.1-codex, etc.)
|
||||||
|
* for code generation and agentic tasks.
|
||||||
|
*/
|
||||||
|
class CodexCliDetector {
|
||||||
|
/**
|
||||||
|
* Check if Codex CLI is installed and accessible
|
||||||
|
* @returns {Object} { installed: boolean, path: string|null, version: string|null, method: 'cli'|'npm'|'brew'|'none' }
|
||||||
|
*/
|
||||||
|
static detectCodexInstallation() {
|
||||||
|
try {
|
||||||
|
// Method 1: Check if 'codex' command is in PATH
|
||||||
|
try {
|
||||||
|
const codexPath = execSync('which codex 2>/dev/null', { encoding: 'utf-8' }).trim();
|
||||||
|
if (codexPath) {
|
||||||
|
const version = this.getCodexVersion(codexPath);
|
||||||
|
return {
|
||||||
|
installed: true,
|
||||||
|
path: codexPath,
|
||||||
|
version: version,
|
||||||
|
method: 'cli'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// CLI not in PATH, continue checking other methods
|
||||||
|
}
|
||||||
|
|
||||||
|
// Method 2: Check for npm global installation
|
||||||
|
try {
|
||||||
|
const npmListOutput = execSync('npm list -g @openai/codex --depth=0 2>/dev/null', { encoding: 'utf-8' });
|
||||||
|
if (npmListOutput && npmListOutput.includes('@openai/codex')) {
|
||||||
|
// Get the path from npm bin
|
||||||
|
const npmBinPath = execSync('npm bin -g', { encoding: 'utf-8' }).trim();
|
||||||
|
const codexPath = path.join(npmBinPath, 'codex');
|
||||||
|
const version = this.getCodexVersion(codexPath);
|
||||||
|
return {
|
||||||
|
installed: true,
|
||||||
|
path: codexPath,
|
||||||
|
version: version,
|
||||||
|
method: 'npm'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// npm global not found
|
||||||
|
}
|
||||||
|
|
||||||
|
// Method 3: Check for Homebrew installation on macOS
|
||||||
|
if (process.platform === 'darwin') {
|
||||||
|
try {
|
||||||
|
const brewList = execSync('brew list --formula 2>/dev/null', { encoding: 'utf-8' });
|
||||||
|
if (brewList.includes('codex')) {
|
||||||
|
const brewPrefixOutput = execSync('brew --prefix codex 2>/dev/null', { encoding: 'utf-8' }).trim();
|
||||||
|
const codexPath = path.join(brewPrefixOutput, 'bin', 'codex');
|
||||||
|
const version = this.getCodexVersion(codexPath);
|
||||||
|
return {
|
||||||
|
installed: true,
|
||||||
|
path: codexPath,
|
||||||
|
version: version,
|
||||||
|
method: 'brew'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// Homebrew not found or codex not installed via brew
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Method 4: Check Windows path
|
||||||
|
if (process.platform === 'win32') {
|
||||||
|
try {
|
||||||
|
const codexPath = execSync('where codex 2>nul', { encoding: 'utf-8' }).trim().split('\n')[0];
|
||||||
|
if (codexPath) {
|
||||||
|
const version = this.getCodexVersion(codexPath);
|
||||||
|
return {
|
||||||
|
installed: true,
|
||||||
|
path: codexPath,
|
||||||
|
version: version,
|
||||||
|
method: 'cli'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// Not found on Windows
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Method 5: Check common installation paths
|
||||||
|
const commonPaths = [
|
||||||
|
path.join(os.homedir(), '.local', 'bin', 'codex'),
|
||||||
|
path.join(os.homedir(), '.npm-global', 'bin', 'codex'),
|
||||||
|
'/usr/local/bin/codex',
|
||||||
|
'/opt/homebrew/bin/codex',
|
||||||
|
];
|
||||||
|
|
||||||
|
for (const checkPath of commonPaths) {
|
||||||
|
if (fs.existsSync(checkPath)) {
|
||||||
|
const version = this.getCodexVersion(checkPath);
|
||||||
|
return {
|
||||||
|
installed: true,
|
||||||
|
path: checkPath,
|
||||||
|
version: version,
|
||||||
|
method: 'cli'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Method 6: Check if OPENAI_API_KEY is set (can use Codex API directly)
|
||||||
|
if (process.env.OPENAI_API_KEY) {
|
||||||
|
return {
|
||||||
|
installed: false,
|
||||||
|
path: null,
|
||||||
|
version: null,
|
||||||
|
method: 'api-key-only',
|
||||||
|
hasApiKey: true
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
installed: false,
|
||||||
|
path: null,
|
||||||
|
version: null,
|
||||||
|
method: 'none'
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
console.error('[CodexCliDetector] Error detecting Codex installation:', error);
|
||||||
|
return {
|
||||||
|
installed: false,
|
||||||
|
path: null,
|
||||||
|
version: null,
|
||||||
|
method: 'none',
|
||||||
|
error: error.message
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get Codex CLI version from executable path
|
||||||
|
* @param {string} codexPath Path to codex executable
|
||||||
|
* @returns {string|null} Version string or null
|
||||||
|
*/
|
||||||
|
static getCodexVersion(codexPath) {
|
||||||
|
try {
|
||||||
|
const version = execSync(`"${codexPath}" --version 2>/dev/null`, { encoding: 'utf-8' }).trim();
|
||||||
|
return version || null;
|
||||||
|
} catch (error) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get installation info and recommendations
|
||||||
|
* @returns {Object} Installation status and recommendations
|
||||||
|
*/
|
||||||
|
static getInstallationInfo() {
|
||||||
|
const detection = this.detectCodexInstallation();
|
||||||
|
|
||||||
|
if (detection.installed) {
|
||||||
|
return {
|
||||||
|
status: 'installed',
|
||||||
|
method: detection.method,
|
||||||
|
version: detection.version,
|
||||||
|
path: detection.path,
|
||||||
|
recommendation: detection.method === 'cli'
|
||||||
|
? 'Using Codex CLI - ready for GPT-5.1 Codex models'
|
||||||
|
: `Using Codex CLI via ${detection.method} - ready for GPT-5.1 Codex models`
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not installed but has API key
|
||||||
|
if (detection.method === 'api-key-only') {
|
||||||
|
return {
|
||||||
|
status: 'api_key_only',
|
||||||
|
method: 'api-key-only',
|
||||||
|
recommendation: 'OPENAI_API_KEY detected but Codex CLI not installed. Install Codex CLI for full agentic capabilities.',
|
||||||
|
installCommands: this.getInstallCommands()
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
status: 'not_installed',
|
||||||
|
recommendation: 'Install OpenAI Codex CLI to use GPT-5.1 Codex models for agentic tasks',
|
||||||
|
installCommands: this.getInstallCommands()
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get installation commands for different platforms
|
||||||
|
* @returns {Object} Installation commands by platform
|
||||||
|
*/
|
||||||
|
static getInstallCommands() {
|
||||||
|
return {
|
||||||
|
npm: 'npm install -g @openai/codex@latest',
|
||||||
|
macos: 'brew install codex',
|
||||||
|
linux: 'npm install -g @openai/codex@latest',
|
||||||
|
windows: 'npm install -g @openai/codex@latest'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if Codex CLI supports a specific model
|
||||||
|
* @param {string} model Model name to check
|
||||||
|
* @returns {boolean} Whether the model is supported
|
||||||
|
*/
|
||||||
|
static isModelSupported(model) {
|
||||||
|
const supportedModels = [
|
||||||
|
'gpt-5.1-codex-max',
|
||||||
|
'gpt-5.1-codex',
|
||||||
|
'gpt-5.1-codex-mini',
|
||||||
|
'gpt-5.1',
|
||||||
|
'o3',
|
||||||
|
'o3-mini',
|
||||||
|
'o4-mini'
|
||||||
|
];
|
||||||
|
return supportedModels.includes(model);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get default model for Codex CLI
|
||||||
|
* @returns {string} Default model name
|
||||||
|
*/
|
||||||
|
static getDefaultModel() {
|
||||||
|
return 'gpt-5.1-codex-max';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = CodexCliDetector;
|
||||||
585
app/electron/services/codex-executor.js
Normal file
585
app/electron/services/codex-executor.js
Normal file
@@ -0,0 +1,585 @@
|
|||||||
|
/**
|
||||||
|
* Codex CLI Execution Wrapper
|
||||||
|
*
|
||||||
|
* This module handles spawning and managing Codex CLI processes
|
||||||
|
* for executing OpenAI model queries.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const { spawn } = require('child_process');
|
||||||
|
const { EventEmitter } = require('events');
|
||||||
|
const readline = require('readline');
|
||||||
|
const CodexCliDetector = require('./codex-cli-detector');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Message types from Codex CLI JSON output
|
||||||
|
*/
|
||||||
|
const CODEX_EVENT_TYPES = {
|
||||||
|
THREAD_STARTED: 'thread.started',
|
||||||
|
ITEM_STARTED: 'item.started',
|
||||||
|
ITEM_COMPLETED: 'item.completed',
|
||||||
|
THREAD_COMPLETED: 'thread.completed',
|
||||||
|
ERROR: 'error'
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Codex Executor - Manages Codex CLI process execution
|
||||||
|
*/
|
||||||
|
class CodexExecutor extends EventEmitter {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.currentProcess = null;
|
||||||
|
this.codexPath = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Find and cache the Codex CLI path
|
||||||
|
* @returns {string|null} Path to codex executable
|
||||||
|
*/
|
||||||
|
findCodexPath() {
|
||||||
|
if (this.codexPath) {
|
||||||
|
return this.codexPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
const installation = CodexCliDetector.detectCodexInstallation();
|
||||||
|
if (installation.installed && installation.path) {
|
||||||
|
this.codexPath = installation.path;
|
||||||
|
return this.codexPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Execute a Codex CLI query
|
||||||
|
* @param {Object} options Execution options
|
||||||
|
* @param {string} options.prompt The prompt to execute
|
||||||
|
* @param {string} options.model Model to use (default: gpt-5.1-codex-max)
|
||||||
|
* @param {string} options.cwd Working directory
|
||||||
|
* @param {string} options.systemPrompt System prompt (optional, will be prepended to prompt)
|
||||||
|
* @param {number} options.maxTurns Not used - Codex CLI doesn't support this parameter
|
||||||
|
* @param {string[]} options.allowedTools Not used - Codex CLI doesn't support this parameter
|
||||||
|
* @param {Object} options.env Environment variables
|
||||||
|
* @returns {AsyncGenerator} Generator yielding messages
|
||||||
|
*/
|
||||||
|
async *execute(options) {
|
||||||
|
const {
|
||||||
|
prompt,
|
||||||
|
model = 'gpt-5.1-codex-max',
|
||||||
|
cwd = process.cwd(),
|
||||||
|
systemPrompt,
|
||||||
|
maxTurns, // Not used by Codex CLI
|
||||||
|
allowedTools, // Not used by Codex CLI
|
||||||
|
env = {}
|
||||||
|
} = options;
|
||||||
|
|
||||||
|
const codexPath = this.findCodexPath();
|
||||||
|
if (!codexPath) {
|
||||||
|
yield {
|
||||||
|
type: 'error',
|
||||||
|
error: 'Codex CLI not found. Please install it with: npm install -g @openai/codex@latest'
|
||||||
|
};
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Combine system prompt with main prompt if provided
|
||||||
|
// Codex CLI doesn't support --system-prompt argument, so we prepend it to the prompt
|
||||||
|
let combinedPrompt = prompt;
|
||||||
|
console.log('[CodexExecutor] Original prompt length:', prompt?.length || 0);
|
||||||
|
if (systemPrompt) {
|
||||||
|
combinedPrompt = `${systemPrompt}\n\n---\n\n${prompt}`;
|
||||||
|
console.log('[CodexExecutor] System prompt prepended to main prompt');
|
||||||
|
console.log('[CodexExecutor] System prompt length:', systemPrompt.length);
|
||||||
|
console.log('[CodexExecutor] Combined prompt length:', combinedPrompt.length);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build command arguments
|
||||||
|
// Note: maxTurns and allowedTools are not supported by Codex CLI
|
||||||
|
console.log('[CodexExecutor] Building command arguments...');
|
||||||
|
const args = this.buildArgs({
|
||||||
|
prompt: combinedPrompt,
|
||||||
|
model
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Executing command:', codexPath);
|
||||||
|
console.log('[CodexExecutor] Number of args:', args.length);
|
||||||
|
console.log('[CodexExecutor] Args (without prompt):', args.slice(0, -1).join(' '));
|
||||||
|
console.log('[CodexExecutor] Prompt length in args:', args[args.length - 1]?.length || 0);
|
||||||
|
console.log('[CodexExecutor] Prompt preview (first 200 chars):', args[args.length - 1]?.substring(0, 200));
|
||||||
|
console.log('[CodexExecutor] Working directory:', cwd);
|
||||||
|
|
||||||
|
// Spawn the process
|
||||||
|
const processEnv = {
|
||||||
|
...process.env,
|
||||||
|
...env,
|
||||||
|
// Ensure OPENAI_API_KEY is available
|
||||||
|
OPENAI_API_KEY: env.OPENAI_API_KEY || process.env.OPENAI_API_KEY
|
||||||
|
};
|
||||||
|
|
||||||
|
// Log API key status (without exposing the key)
|
||||||
|
if (processEnv.OPENAI_API_KEY) {
|
||||||
|
console.log('[CodexExecutor] OPENAI_API_KEY is set (length:', processEnv.OPENAI_API_KEY.length, ')');
|
||||||
|
} else {
|
||||||
|
console.warn('[CodexExecutor] WARNING: OPENAI_API_KEY is not set!');
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Spawning process...');
|
||||||
|
const proc = spawn(codexPath, args, {
|
||||||
|
cwd,
|
||||||
|
env: processEnv,
|
||||||
|
stdio: ['pipe', 'pipe', 'pipe']
|
||||||
|
});
|
||||||
|
|
||||||
|
this.currentProcess = proc;
|
||||||
|
console.log('[CodexExecutor] Process spawned with PID:', proc.pid);
|
||||||
|
|
||||||
|
// Track process events
|
||||||
|
proc.on('error', (error) => {
|
||||||
|
console.error('[CodexExecutor] Process error:', error);
|
||||||
|
});
|
||||||
|
|
||||||
|
proc.on('spawn', () => {
|
||||||
|
console.log('[CodexExecutor] Process spawned successfully');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Collect stderr output as it comes in
|
||||||
|
let stderr = '';
|
||||||
|
let hasOutput = false;
|
||||||
|
let stdoutChunks = [];
|
||||||
|
let stderrChunks = [];
|
||||||
|
|
||||||
|
proc.stderr.on('data', (data) => {
|
||||||
|
const errorText = data.toString();
|
||||||
|
stderr += errorText;
|
||||||
|
stderrChunks.push(errorText);
|
||||||
|
hasOutput = true;
|
||||||
|
console.error('[CodexExecutor] stderr chunk received (', data.length, 'bytes):', errorText.substring(0, 200));
|
||||||
|
});
|
||||||
|
|
||||||
|
proc.stderr.on('end', () => {
|
||||||
|
console.log('[CodexExecutor] stderr stream ended. Total chunks:', stderrChunks.length, 'Total length:', stderr.length);
|
||||||
|
});
|
||||||
|
|
||||||
|
proc.stdout.on('data', (data) => {
|
||||||
|
const text = data.toString();
|
||||||
|
stdoutChunks.push(text);
|
||||||
|
hasOutput = true;
|
||||||
|
console.log('[CodexExecutor] stdout chunk received (', data.length, 'bytes):', text.substring(0, 200));
|
||||||
|
});
|
||||||
|
|
||||||
|
proc.stdout.on('end', () => {
|
||||||
|
console.log('[CodexExecutor] stdout stream ended. Total chunks:', stdoutChunks.length);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Create readline interface for parsing JSONL output
|
||||||
|
console.log('[CodexExecutor] Creating readline interface...');
|
||||||
|
const rl = readline.createInterface({
|
||||||
|
input: proc.stdout,
|
||||||
|
crlfDelay: Infinity
|
||||||
|
});
|
||||||
|
|
||||||
|
// Track accumulated content for converting to Claude format
|
||||||
|
let accumulatedText = '';
|
||||||
|
let toolUses = [];
|
||||||
|
let lastOutputTime = Date.now();
|
||||||
|
const OUTPUT_TIMEOUT = 30000; // 30 seconds timeout for no output
|
||||||
|
let lineCount = 0;
|
||||||
|
let jsonParseErrors = 0;
|
||||||
|
|
||||||
|
// Set up timeout check
|
||||||
|
const checkTimeout = setInterval(() => {
|
||||||
|
const timeSinceLastOutput = Date.now() - lastOutputTime;
|
||||||
|
if (timeSinceLastOutput > OUTPUT_TIMEOUT && !hasOutput) {
|
||||||
|
console.warn('[CodexExecutor] No output received for', timeSinceLastOutput, 'ms. Process still alive:', !proc.killed);
|
||||||
|
}
|
||||||
|
}, 5000);
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Starting to read lines from stdout...');
|
||||||
|
|
||||||
|
// Process stdout line by line (JSONL format)
|
||||||
|
try {
|
||||||
|
for await (const line of rl) {
|
||||||
|
hasOutput = true;
|
||||||
|
lastOutputTime = Date.now();
|
||||||
|
lineCount++;
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Line', lineCount, 'received (length:', line.length, '):', line.substring(0, 100));
|
||||||
|
|
||||||
|
if (!line.trim()) {
|
||||||
|
console.log('[CodexExecutor] Skipping empty line');
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const event = JSON.parse(line);
|
||||||
|
console.log('[CodexExecutor] Successfully parsed JSON event. Type:', event.type, 'Keys:', Object.keys(event));
|
||||||
|
|
||||||
|
const convertedMsg = this.convertToClaudeFormat(event);
|
||||||
|
console.log('[CodexExecutor] Converted message:', convertedMsg ? { type: convertedMsg.type } : 'null');
|
||||||
|
|
||||||
|
if (convertedMsg) {
|
||||||
|
// Accumulate text content
|
||||||
|
if (convertedMsg.type === 'assistant' && convertedMsg.message?.content) {
|
||||||
|
for (const block of convertedMsg.message.content) {
|
||||||
|
if (block.type === 'text') {
|
||||||
|
accumulatedText += block.text;
|
||||||
|
console.log('[CodexExecutor] Accumulated text block (total length:', accumulatedText.length, ')');
|
||||||
|
} else if (block.type === 'tool_use') {
|
||||||
|
toolUses.push(block);
|
||||||
|
console.log('[CodexExecutor] Tool use detected:', block.name);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log('[CodexExecutor] Yielding message of type:', convertedMsg.type);
|
||||||
|
yield convertedMsg;
|
||||||
|
} else {
|
||||||
|
console.log('[CodexExecutor] Converted message is null, skipping');
|
||||||
|
}
|
||||||
|
} catch (parseError) {
|
||||||
|
jsonParseErrors++;
|
||||||
|
// Non-JSON output, yield as text
|
||||||
|
console.log('[CodexExecutor] JSON parse error (', jsonParseErrors, 'total):', parseError.message);
|
||||||
|
console.log('[CodexExecutor] Non-JSON line content:', line.substring(0, 200));
|
||||||
|
yield {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{ type: 'text', text: line + '\n' }]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Finished reading all lines. Total lines:', lineCount, 'JSON errors:', jsonParseErrors);
|
||||||
|
} catch (readError) {
|
||||||
|
console.error('[CodexExecutor] Error reading from readline:', readError);
|
||||||
|
throw readError;
|
||||||
|
} finally {
|
||||||
|
clearInterval(checkTimeout);
|
||||||
|
console.log('[CodexExecutor] Cleaned up timeout checker');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle process completion
|
||||||
|
console.log('[CodexExecutor] Waiting for process to close...');
|
||||||
|
const exitCode = await new Promise((resolve) => {
|
||||||
|
proc.on('close', (code, signal) => {
|
||||||
|
console.log('[CodexExecutor] Process closed with code:', code, 'signal:', signal);
|
||||||
|
resolve(code);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
this.currentProcess = null;
|
||||||
|
console.log('[CodexExecutor] Process completed. Exit code:', exitCode, 'Has output:', hasOutput, 'Stderr length:', stderr.length);
|
||||||
|
|
||||||
|
// Wait a bit for any remaining stderr data to be collected
|
||||||
|
console.log('[CodexExecutor] Waiting 200ms for any remaining stderr data...');
|
||||||
|
await new Promise(resolve => setTimeout(resolve, 200));
|
||||||
|
console.log('[CodexExecutor] Final stderr length:', stderr.length, 'Final stdout chunks:', stdoutChunks.length);
|
||||||
|
|
||||||
|
if (exitCode !== 0) {
|
||||||
|
const errorMessage = stderr.trim()
|
||||||
|
? `Codex CLI exited with code ${exitCode}.\n\nError output:\n${stderr}`
|
||||||
|
: `Codex CLI exited with code ${exitCode}. No error output captured.`;
|
||||||
|
|
||||||
|
console.error('[CodexExecutor] Process failed with exit code', exitCode);
|
||||||
|
console.error('[CodexExecutor] Error message:', errorMessage);
|
||||||
|
console.error('[CodexExecutor] Stderr chunks:', stderrChunks.length, 'Stdout chunks:', stdoutChunks.length);
|
||||||
|
|
||||||
|
yield {
|
||||||
|
type: 'error',
|
||||||
|
error: errorMessage
|
||||||
|
};
|
||||||
|
} else if (!hasOutput && !stderr) {
|
||||||
|
// Process exited successfully but produced no output - might be API key issue
|
||||||
|
const warningMessage = 'Codex CLI completed but produced no output. This might indicate:\n' +
|
||||||
|
'- Missing or invalid OPENAI_API_KEY\n' +
|
||||||
|
'- Codex CLI configuration issue\n' +
|
||||||
|
'- The process completed without generating any response\n\n' +
|
||||||
|
`Debug info: Exit code ${exitCode}, stdout chunks: ${stdoutChunks.length}, stderr chunks: ${stderrChunks.length}, lines read: ${lineCount}`;
|
||||||
|
|
||||||
|
console.warn('[CodexExecutor] No output detected:', warningMessage);
|
||||||
|
console.warn('[CodexExecutor] Stdout chunks:', stdoutChunks);
|
||||||
|
console.warn('[CodexExecutor] Stderr chunks:', stderrChunks);
|
||||||
|
|
||||||
|
yield {
|
||||||
|
type: 'error',
|
||||||
|
error: warningMessage
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
console.log('[CodexExecutor] Process completed successfully. Exit code:', exitCode, 'Lines processed:', lineCount);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build command arguments for Codex CLI
|
||||||
|
* Only includes supported arguments based on Codex CLI help:
|
||||||
|
* - --model: Model to use
|
||||||
|
* - --json: JSON output format
|
||||||
|
* - --full-auto: Non-interactive automatic execution
|
||||||
|
*
|
||||||
|
* Note: Codex CLI does NOT support:
|
||||||
|
* - --system-prompt (system prompt is prepended to main prompt)
|
||||||
|
* - --max-turns (not available in CLI)
|
||||||
|
* - --tools (not available in CLI)
|
||||||
|
*
|
||||||
|
* @param {Object} options Options
|
||||||
|
* @returns {string[]} Command arguments
|
||||||
|
*/
|
||||||
|
buildArgs(options) {
|
||||||
|
const { prompt, model } = options;
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] buildArgs called with model:', model, 'prompt length:', prompt?.length || 0);
|
||||||
|
|
||||||
|
const args = ['exec'];
|
||||||
|
|
||||||
|
// Add model (required for most use cases)
|
||||||
|
if (model) {
|
||||||
|
args.push('--model', model);
|
||||||
|
console.log('[CodexExecutor] Added model argument:', model);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add JSON output flag for structured parsing
|
||||||
|
args.push('--json');
|
||||||
|
console.log('[CodexExecutor] Added --json flag');
|
||||||
|
|
||||||
|
// Add full-auto mode (non-interactive)
|
||||||
|
// This enables automatic execution with workspace-write sandbox
|
||||||
|
args.push('--full-auto');
|
||||||
|
console.log('[CodexExecutor] Added --full-auto flag');
|
||||||
|
|
||||||
|
// Add the prompt at the end
|
||||||
|
args.push(prompt);
|
||||||
|
console.log('[CodexExecutor] Added prompt (length:', prompt?.length || 0, ')');
|
||||||
|
|
||||||
|
console.log('[CodexExecutor] Final args count:', args.length);
|
||||||
|
return args;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Map Claude tool names to Codex tool names
|
||||||
|
* @param {string[]} tools Array of tool names
|
||||||
|
* @returns {string[]} Mapped tool names
|
||||||
|
*/
|
||||||
|
mapToolsToCodex(tools) {
|
||||||
|
const toolMap = {
|
||||||
|
'Read': 'read',
|
||||||
|
'Write': 'write',
|
||||||
|
'Edit': 'edit',
|
||||||
|
'Bash': 'bash',
|
||||||
|
'Glob': 'glob',
|
||||||
|
'Grep': 'grep',
|
||||||
|
'WebSearch': 'web-search',
|
||||||
|
'WebFetch': 'web-fetch'
|
||||||
|
};
|
||||||
|
|
||||||
|
return tools
|
||||||
|
.map(tool => toolMap[tool] || tool.toLowerCase())
|
||||||
|
.filter(tool => tool); // Remove undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert Codex JSONL event to Claude SDK message format
|
||||||
|
* @param {Object} event Codex event object
|
||||||
|
* @returns {Object|null} Claude-format message or null
|
||||||
|
*/
|
||||||
|
convertToClaudeFormat(event) {
|
||||||
|
console.log('[CodexExecutor] Converting event:', JSON.stringify(event).substring(0, 200));
|
||||||
|
const { type, data, item, thread_id } = event;
|
||||||
|
|
||||||
|
switch (type) {
|
||||||
|
case CODEX_EVENT_TYPES.THREAD_STARTED:
|
||||||
|
case 'thread.started':
|
||||||
|
// Session initialization
|
||||||
|
return {
|
||||||
|
type: 'session_start',
|
||||||
|
sessionId: thread_id || data?.thread_id || event.thread_id
|
||||||
|
};
|
||||||
|
|
||||||
|
case CODEX_EVENT_TYPES.ITEM_COMPLETED:
|
||||||
|
case 'item.completed':
|
||||||
|
// Codex uses 'item' field, not 'data'
|
||||||
|
return this.convertItemCompleted(item || data);
|
||||||
|
|
||||||
|
case CODEX_EVENT_TYPES.ITEM_STARTED:
|
||||||
|
case 'item.started':
|
||||||
|
// Convert item.started events - these indicate tool/command usage
|
||||||
|
const startedItem = item || data;
|
||||||
|
if (startedItem?.type === 'command_execution' && startedItem?.command) {
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'tool_use',
|
||||||
|
name: 'bash',
|
||||||
|
input: { command: startedItem.command }
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
// For other item.started types, return null (we'll show the completed version)
|
||||||
|
return null;
|
||||||
|
|
||||||
|
case CODEX_EVENT_TYPES.THREAD_COMPLETED:
|
||||||
|
case 'thread.completed':
|
||||||
|
return {
|
||||||
|
type: 'complete',
|
||||||
|
sessionId: thread_id || data?.thread_id || event.thread_id
|
||||||
|
};
|
||||||
|
|
||||||
|
case CODEX_EVENT_TYPES.ERROR:
|
||||||
|
case 'error':
|
||||||
|
return {
|
||||||
|
type: 'error',
|
||||||
|
error: data?.message || item?.message || event.message || 'Unknown error from Codex CLI'
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'turn.started':
|
||||||
|
// Turn started - just a marker, no need to convert
|
||||||
|
return null;
|
||||||
|
|
||||||
|
default:
|
||||||
|
// Pass through other events
|
||||||
|
console.log('[CodexExecutor] Unhandled event type:', type);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert item.completed event to Claude format
|
||||||
|
* @param {Object} item Event item data
|
||||||
|
* @returns {Object|null} Claude-format message
|
||||||
|
*/
|
||||||
|
convertItemCompleted(item) {
|
||||||
|
if (!item) {
|
||||||
|
console.log('[CodexExecutor] convertItemCompleted: item is null/undefined');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const itemType = item.type || item.item_type;
|
||||||
|
console.log('[CodexExecutor] convertItemCompleted: itemType =', itemType, 'item keys:', Object.keys(item));
|
||||||
|
|
||||||
|
switch (itemType) {
|
||||||
|
case 'reasoning':
|
||||||
|
// Thinking/reasoning output - Codex uses 'text' field
|
||||||
|
const reasoningText = item.text || item.content || '';
|
||||||
|
console.log('[CodexExecutor] Converting reasoning, text length:', reasoningText.length);
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'thinking',
|
||||||
|
thinking: reasoningText
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'agent_message':
|
||||||
|
case 'message':
|
||||||
|
// Assistant text message
|
||||||
|
const messageText = item.content || item.text || '';
|
||||||
|
console.log('[CodexExecutor] Converting message, text length:', messageText.length);
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'text',
|
||||||
|
text: messageText
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'command_execution':
|
||||||
|
// Command execution - show both the command and its output
|
||||||
|
const command = item.command || '';
|
||||||
|
const output = item.aggregated_output || item.output || '';
|
||||||
|
console.log('[CodexExecutor] Converting command_execution, command:', command.substring(0, 50), 'output length:', output.length);
|
||||||
|
|
||||||
|
// Return as text message showing the command and output
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'text',
|
||||||
|
text: `\`\`\`bash\n${command}\n\`\`\`\n\n${output}`
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'tool_use':
|
||||||
|
// Tool use
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'tool_use',
|
||||||
|
name: item.tool || item.command || 'unknown',
|
||||||
|
input: item.input || item.args || {}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'tool_result':
|
||||||
|
// Tool result
|
||||||
|
return {
|
||||||
|
type: 'tool_result',
|
||||||
|
tool_use_id: item.tool_use_id,
|
||||||
|
content: item.output || item.result
|
||||||
|
};
|
||||||
|
|
||||||
|
case 'todo_list':
|
||||||
|
// Todo list - convert to text format
|
||||||
|
const todos = item.items || [];
|
||||||
|
const todoText = todos.map((t, i) => `${i + 1}. ${t.text || t}`).join('\n');
|
||||||
|
console.log('[CodexExecutor] Converting todo_list, items:', todos.length);
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'text',
|
||||||
|
text: `**Todo List:**\n${todoText}`
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
default:
|
||||||
|
// Generic text output
|
||||||
|
const text = item.text || item.content || item.aggregated_output;
|
||||||
|
if (text) {
|
||||||
|
console.log('[CodexExecutor] Converting default item type, text length:', text.length);
|
||||||
|
return {
|
||||||
|
type: 'assistant',
|
||||||
|
message: {
|
||||||
|
content: [{
|
||||||
|
type: 'text',
|
||||||
|
text: String(text)
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
console.log('[CodexExecutor] convertItemCompleted: No text content found, returning null');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Abort current execution
|
||||||
|
*/
|
||||||
|
abort() {
|
||||||
|
if (this.currentProcess) {
|
||||||
|
console.log('[CodexExecutor] Aborting current process');
|
||||||
|
this.currentProcess.kill('SIGTERM');
|
||||||
|
this.currentProcess = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if execution is in progress
|
||||||
|
* @returns {boolean} Whether execution is in progress
|
||||||
|
*/
|
||||||
|
isRunning() {
|
||||||
|
return this.currentProcess !== null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Singleton instance
|
||||||
|
const codexExecutor = new CodexExecutor();
|
||||||
|
|
||||||
|
module.exports = codexExecutor;
|
||||||
@@ -3,10 +3,12 @@ const promptBuilder = require("./prompt-builder");
|
|||||||
const contextManager = require("./context-manager");
|
const contextManager = require("./context-manager");
|
||||||
const featureLoader = require("./feature-loader");
|
const featureLoader = require("./feature-loader");
|
||||||
const mcpServerFactory = require("./mcp-server-factory");
|
const mcpServerFactory = require("./mcp-server-factory");
|
||||||
|
const { ModelRegistry } = require("./model-registry");
|
||||||
|
const { ModelProviderFactory } = require("./model-provider");
|
||||||
|
|
||||||
// Model name mappings
|
// Model name mappings for Claude (legacy - kept for backwards compatibility)
|
||||||
const MODEL_MAP = {
|
const MODEL_MAP = {
|
||||||
haiku: "claude-haiku-4-20250514",
|
haiku: "claude-haiku-4-5",
|
||||||
sonnet: "claude-sonnet-4-20250514",
|
sonnet: "claude-sonnet-4-20250514",
|
||||||
opus: "claude-opus-4-5-20251101",
|
opus: "claude-opus-4-5-20251101",
|
||||||
};
|
};
|
||||||
@@ -23,20 +25,47 @@ const THINKING_BUDGET_MAP = {
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* Feature Executor - Handles feature implementation using Claude Agent SDK
|
* Feature Executor - Handles feature implementation using Claude Agent SDK
|
||||||
|
* Now supports multiple model providers (Claude, Codex/OpenAI)
|
||||||
*/
|
*/
|
||||||
class FeatureExecutor {
|
class FeatureExecutor {
|
||||||
/**
|
/**
|
||||||
* Get the model string based on feature's model setting
|
* Get the model string based on feature's model setting
|
||||||
|
* Supports both Claude and Codex/OpenAI models
|
||||||
*/
|
*/
|
||||||
getModelString(feature) {
|
getModelString(feature) {
|
||||||
const modelKey = feature.model || "opus"; // Default to opus
|
const modelKey = feature.model || "opus"; // Default to opus
|
||||||
return MODEL_MAP[modelKey] || MODEL_MAP.opus;
|
|
||||||
|
// Use the registry for model lookup
|
||||||
|
const modelString = ModelRegistry.getModelString(modelKey);
|
||||||
|
return modelString || MODEL_MAP[modelKey] || MODEL_MAP.opus;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determine if the feature uses a Codex/OpenAI model
|
||||||
|
*/
|
||||||
|
isCodexModel(feature) {
|
||||||
|
const modelKey = feature.model || "opus";
|
||||||
|
return ModelRegistry.isCodexModel(modelKey);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the appropriate provider for the feature's model
|
||||||
|
*/
|
||||||
|
getProvider(feature) {
|
||||||
|
const modelKey = feature.model || "opus";
|
||||||
|
return ModelProviderFactory.getProviderForModel(modelKey);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get thinking configuration based on feature's thinkingLevel
|
* Get thinking configuration based on feature's thinkingLevel
|
||||||
*/
|
*/
|
||||||
getThinkingConfig(feature) {
|
getThinkingConfig(feature) {
|
||||||
|
const modelId = feature.model || "opus";
|
||||||
|
// Skip thinking config for models that don't support it (e.g., Codex CLI)
|
||||||
|
if (!ModelRegistry.modelSupportsThinking(modelId)) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
const level = feature.thinkingLevel || "none";
|
const level = feature.thinkingLevel || "none";
|
||||||
const budgetTokens = THINKING_BUDGET_MAP[level];
|
const budgetTokens = THINKING_BUDGET_MAP[level];
|
||||||
|
|
||||||
@@ -109,6 +138,11 @@ class FeatureExecutor {
|
|||||||
async implementFeature(feature, projectPath, sendToRenderer, execution) {
|
async implementFeature(feature, projectPath, sendToRenderer, execution) {
|
||||||
console.log(`[FeatureExecutor] Implementing: ${feature.description}`);
|
console.log(`[FeatureExecutor] Implementing: ${feature.description}`);
|
||||||
|
|
||||||
|
// Declare variables outside try block so they're available in catch
|
||||||
|
let modelString;
|
||||||
|
let providerName;
|
||||||
|
let isCodex;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// ========================================
|
// ========================================
|
||||||
// PHASE 1: PLANNING
|
// PHASE 1: PLANNING
|
||||||
@@ -161,7 +195,14 @@ class FeatureExecutor {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log(`[FeatureExecutor] Using model: ${modelString}, thinking: ${feature.thinkingLevel || 'none'}`);
|
providerName = this.isCodexModel(feature) ? 'Codex/OpenAI' : 'Claude';
|
||||||
|
console.log(`[FeatureExecutor] Using provider: ${providerName}, model: ${modelString}, thinking: ${feature.thinkingLevel || 'none'}`);
|
||||||
|
|
||||||
|
// Note: Claude Agent SDK handles authentication automatically - it can use:
|
||||||
|
// 1. CLAUDE_CODE_OAUTH_TOKEN env var (for SDK mode)
|
||||||
|
// 2. Claude CLI's own authentication (if CLI is installed)
|
||||||
|
// 3. ANTHROPIC_API_KEY (fallback)
|
||||||
|
// We don't need to validate here - let the SDK/CLI handle auth errors
|
||||||
|
|
||||||
// Configure options for the SDK query
|
// Configure options for the SDK query
|
||||||
const options = {
|
const options = {
|
||||||
@@ -224,8 +265,31 @@ class FeatureExecutor {
|
|||||||
});
|
});
|
||||||
console.log(`[FeatureExecutor] Phase: ACTION for ${feature.description}`);
|
console.log(`[FeatureExecutor] Phase: ACTION for ${feature.description}`);
|
||||||
|
|
||||||
// Send query
|
// Send query - use appropriate provider based on model
|
||||||
const currentQuery = query({ prompt, options });
|
let currentQuery;
|
||||||
|
isCodex = this.isCodexModel(feature);
|
||||||
|
|
||||||
|
if (isCodex) {
|
||||||
|
// Use Codex provider for OpenAI models
|
||||||
|
console.log(`[FeatureExecutor] Using Codex provider for model: ${modelString}`);
|
||||||
|
const provider = this.getProvider(feature);
|
||||||
|
currentQuery = provider.executeQuery({
|
||||||
|
prompt,
|
||||||
|
model: modelString,
|
||||||
|
cwd: projectPath,
|
||||||
|
systemPrompt: promptBuilder.getCodingPrompt(),
|
||||||
|
maxTurns: 20, // Codex CLI typically uses fewer turns
|
||||||
|
allowedTools: options.allowedTools,
|
||||||
|
abortController: abortController,
|
||||||
|
env: {
|
||||||
|
OPENAI_API_KEY: process.env.OPENAI_API_KEY
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Use Claude SDK (original implementation)
|
||||||
|
currentQuery = query({ prompt, options });
|
||||||
|
}
|
||||||
|
|
||||||
execution.query = currentQuery;
|
execution.query = currentQuery;
|
||||||
|
|
||||||
// Stream responses
|
// Stream responses
|
||||||
@@ -235,6 +299,18 @@ class FeatureExecutor {
|
|||||||
// Check if this specific feature was aborted
|
// Check if this specific feature was aborted
|
||||||
if (!execution.isActive()) break;
|
if (!execution.isActive()) break;
|
||||||
|
|
||||||
|
// Handle error messages
|
||||||
|
if (msg.type === "error") {
|
||||||
|
const errorMsg = `\n❌ Error: ${msg.error}\n`;
|
||||||
|
await contextManager.writeToContextFile(projectPath, feature.id, errorMsg);
|
||||||
|
sendToRenderer({
|
||||||
|
type: "auto_mode_error",
|
||||||
|
featureId: feature.id,
|
||||||
|
error: msg.error,
|
||||||
|
});
|
||||||
|
throw new Error(msg.error);
|
||||||
|
}
|
||||||
|
|
||||||
if (msg.type === "assistant" && msg.message?.content) {
|
if (msg.type === "assistant" && msg.message?.content) {
|
||||||
for (const block of msg.message.content) {
|
for (const block of msg.message.content) {
|
||||||
if (block.type === "text") {
|
if (block.type === "text") {
|
||||||
@@ -249,6 +325,15 @@ class FeatureExecutor {
|
|||||||
featureId: feature.id,
|
featureId: feature.id,
|
||||||
content: block.text,
|
content: block.text,
|
||||||
});
|
});
|
||||||
|
} else if (block.type === "thinking") {
|
||||||
|
// Handle thinking output from Codex O-series models
|
||||||
|
const thinkingMsg = `\n💭 Thinking: ${block.thinking?.substring(0, 200)}...\n`;
|
||||||
|
await contextManager.writeToContextFile(projectPath, feature.id, thinkingMsg);
|
||||||
|
sendToRenderer({
|
||||||
|
type: "auto_mode_progress",
|
||||||
|
featureId: feature.id,
|
||||||
|
content: thinkingMsg,
|
||||||
|
});
|
||||||
} else if (block.type === "tool_use") {
|
} else if (block.type === "tool_use") {
|
||||||
// First tool use indicates we're actively implementing
|
// First tool use indicates we're actively implementing
|
||||||
if (!hasStartedToolUse) {
|
if (!hasStartedToolUse) {
|
||||||
@@ -341,6 +426,45 @@ class FeatureExecutor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
console.error("[FeatureExecutor] Error implementing feature:", error);
|
console.error("[FeatureExecutor] Error implementing feature:", error);
|
||||||
|
|
||||||
|
// Safely get model info for error logging (may not be set if error occurred early)
|
||||||
|
const modelInfo = modelString ? {
|
||||||
|
message: error.message,
|
||||||
|
stack: error.stack,
|
||||||
|
name: error.name,
|
||||||
|
code: error.code,
|
||||||
|
model: modelString,
|
||||||
|
provider: providerName || 'unknown',
|
||||||
|
isCodex: isCodex !== undefined ? isCodex : 'unknown'
|
||||||
|
} : {
|
||||||
|
message: error.message,
|
||||||
|
stack: error.stack,
|
||||||
|
name: error.name,
|
||||||
|
code: error.code,
|
||||||
|
model: 'not initialized',
|
||||||
|
provider: 'unknown',
|
||||||
|
isCodex: 'unknown'
|
||||||
|
};
|
||||||
|
|
||||||
|
console.error("[FeatureExecutor] Error details:", modelInfo);
|
||||||
|
|
||||||
|
// Check if this is a Claude CLI process error
|
||||||
|
if (error.message && error.message.includes("process exited with code")) {
|
||||||
|
const modelDisplay = modelString ? `Model: ${modelString}` : 'Model: not initialized';
|
||||||
|
const errorMsg = `Claude Code CLI failed with exit code 1. This might be due to:\n` +
|
||||||
|
`- Invalid or unsupported model (${modelDisplay})\n` +
|
||||||
|
`- Missing or invalid CLAUDE_CODE_OAUTH_TOKEN\n` +
|
||||||
|
`- Claude CLI configuration issue\n` +
|
||||||
|
`- Model not available in your Claude account\n\n` +
|
||||||
|
`Original error: ${error.message}`;
|
||||||
|
|
||||||
|
await contextManager.writeToContextFile(projectPath, feature.id, `\n❌ ${errorMsg}\n`);
|
||||||
|
sendToRenderer({
|
||||||
|
type: "auto_mode_error",
|
||||||
|
featureId: feature.id,
|
||||||
|
error: errorMsg,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// Clean up
|
// Clean up
|
||||||
if (execution) {
|
if (execution) {
|
||||||
|
|||||||
414
app/electron/services/model-provider.js
Normal file
414
app/electron/services/model-provider.js
Normal file
@@ -0,0 +1,414 @@
|
|||||||
|
/**
|
||||||
|
* Model Provider Abstraction Layer
|
||||||
|
*
|
||||||
|
* This module provides an abstract interface for model providers (Claude, Codex, etc.)
|
||||||
|
* allowing the application to use different AI models through a unified API.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Base class for model providers
|
||||||
|
* Concrete implementations should extend this class
|
||||||
|
*/
|
||||||
|
class ModelProvider {
|
||||||
|
constructor(config = {}) {
|
||||||
|
this.config = config;
|
||||||
|
this.name = 'base';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get provider name
|
||||||
|
* @returns {string} Provider name
|
||||||
|
*/
|
||||||
|
getName() {
|
||||||
|
return this.name;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Execute a query with the model provider
|
||||||
|
* @param {Object} options Query options
|
||||||
|
* @param {string} options.prompt The prompt to send
|
||||||
|
* @param {string} options.model The model to use
|
||||||
|
* @param {string} options.systemPrompt System prompt
|
||||||
|
* @param {string} options.cwd Working directory
|
||||||
|
* @param {number} options.maxTurns Maximum turns
|
||||||
|
* @param {string[]} options.allowedTools Allowed tools
|
||||||
|
* @param {Object} options.mcpServers MCP servers configuration
|
||||||
|
* @param {AbortController} options.abortController Abort controller
|
||||||
|
* @param {Object} options.thinking Thinking configuration
|
||||||
|
* @returns {AsyncGenerator} Async generator yielding messages
|
||||||
|
*/
|
||||||
|
async *executeQuery(options) {
|
||||||
|
throw new Error('executeQuery must be implemented by subclass');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Detect if this provider's CLI/SDK is installed
|
||||||
|
* @returns {Promise<Object>} Installation status
|
||||||
|
*/
|
||||||
|
async detectInstallation() {
|
||||||
|
throw new Error('detectInstallation must be implemented by subclass');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get list of available models for this provider
|
||||||
|
* @returns {Array<Object>} Array of model definitions
|
||||||
|
*/
|
||||||
|
getAvailableModels() {
|
||||||
|
throw new Error('getAvailableModels must be implemented by subclass');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validate provider configuration
|
||||||
|
* @returns {Object} Validation result { valid: boolean, errors: string[] }
|
||||||
|
*/
|
||||||
|
validateConfig() {
|
||||||
|
throw new Error('validateConfig must be implemented by subclass');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the full model string for a model key
|
||||||
|
* @param {string} modelKey Short model key (e.g., 'opus', 'gpt-5.1-codex')
|
||||||
|
* @returns {string} Full model string
|
||||||
|
*/
|
||||||
|
getModelString(modelKey) {
|
||||||
|
throw new Error('getModelString must be implemented by subclass');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if provider supports a specific feature
|
||||||
|
* @param {string} feature Feature name (e.g., 'thinking', 'tools', 'streaming')
|
||||||
|
* @returns {boolean} Whether the feature is supported
|
||||||
|
*/
|
||||||
|
supportsFeature(feature) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Claude Provider - Uses Anthropic Claude Agent SDK
|
||||||
|
*/
|
||||||
|
class ClaudeProvider extends ModelProvider {
|
||||||
|
constructor(config = {}) {
|
||||||
|
super(config);
|
||||||
|
this.name = 'claude';
|
||||||
|
this.sdk = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Lazily load the Claude SDK
|
||||||
|
*/
|
||||||
|
loadSdk() {
|
||||||
|
if (!this.sdk) {
|
||||||
|
this.sdk = require('@anthropic-ai/claude-agent-sdk');
|
||||||
|
}
|
||||||
|
return this.sdk;
|
||||||
|
}
|
||||||
|
|
||||||
|
async *executeQuery(options) {
|
||||||
|
const { query } = this.loadSdk();
|
||||||
|
|
||||||
|
const sdkOptions = {
|
||||||
|
model: options.model,
|
||||||
|
systemPrompt: options.systemPrompt,
|
||||||
|
maxTurns: options.maxTurns || 1000,
|
||||||
|
cwd: options.cwd,
|
||||||
|
mcpServers: options.mcpServers,
|
||||||
|
allowedTools: options.allowedTools,
|
||||||
|
permissionMode: options.permissionMode || 'acceptEdits',
|
||||||
|
sandbox: options.sandbox,
|
||||||
|
abortController: options.abortController,
|
||||||
|
};
|
||||||
|
|
||||||
|
// Add thinking configuration if enabled
|
||||||
|
if (options.thinking) {
|
||||||
|
sdkOptions.thinking = options.thinking;
|
||||||
|
}
|
||||||
|
|
||||||
|
const currentQuery = query({ prompt: options.prompt, options: sdkOptions });
|
||||||
|
|
||||||
|
for await (const msg of currentQuery) {
|
||||||
|
yield msg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async detectInstallation() {
|
||||||
|
const claudeCliDetector = require('./claude-cli-detector');
|
||||||
|
return claudeCliDetector.getInstallationInfo();
|
||||||
|
}
|
||||||
|
|
||||||
|
getAvailableModels() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
id: 'haiku',
|
||||||
|
name: 'Claude Haiku',
|
||||||
|
modelString: 'claude-haiku-4-5',
|
||||||
|
provider: 'claude',
|
||||||
|
description: 'Fast and efficient for simple tasks',
|
||||||
|
tier: 'basic'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'sonnet',
|
||||||
|
name: 'Claude Sonnet',
|
||||||
|
modelString: 'claude-sonnet-4-20250514',
|
||||||
|
provider: 'claude',
|
||||||
|
description: 'Balanced performance and capabilities',
|
||||||
|
tier: 'standard'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'opus',
|
||||||
|
name: 'Claude Opus 4.5',
|
||||||
|
modelString: 'claude-opus-4-5-20251101',
|
||||||
|
provider: 'claude',
|
||||||
|
description: 'Most capable model for complex tasks',
|
||||||
|
tier: 'premium'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
validateConfig() {
|
||||||
|
const errors = [];
|
||||||
|
|
||||||
|
// Check for OAuth token or API key
|
||||||
|
if (!process.env.CLAUDE_CODE_OAUTH_TOKEN && !process.env.ANTHROPIC_API_KEY) {
|
||||||
|
errors.push('No Claude authentication found. Set CLAUDE_CODE_OAUTH_TOKEN or ANTHROPIC_API_KEY.');
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
valid: errors.length === 0,
|
||||||
|
errors
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
getModelString(modelKey) {
|
||||||
|
const modelMap = {
|
||||||
|
haiku: 'claude-haiku-4-5',
|
||||||
|
sonnet: 'claude-sonnet-4-20250514',
|
||||||
|
opus: 'claude-opus-4-5-20251101'
|
||||||
|
};
|
||||||
|
return modelMap[modelKey] || modelMap.opus;
|
||||||
|
}
|
||||||
|
|
||||||
|
supportsFeature(feature) {
|
||||||
|
const supportedFeatures = ['thinking', 'tools', 'streaming', 'mcp'];
|
||||||
|
return supportedFeatures.includes(feature);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Codex Provider - Uses OpenAI Codex CLI
|
||||||
|
*/
|
||||||
|
class CodexProvider extends ModelProvider {
|
||||||
|
constructor(config = {}) {
|
||||||
|
super(config);
|
||||||
|
this.name = 'codex';
|
||||||
|
}
|
||||||
|
|
||||||
|
async *executeQuery(options) {
|
||||||
|
const codexExecutor = require('./codex-executor');
|
||||||
|
|
||||||
|
const executeOptions = {
|
||||||
|
prompt: options.prompt,
|
||||||
|
model: options.model,
|
||||||
|
cwd: options.cwd,
|
||||||
|
systemPrompt: options.systemPrompt,
|
||||||
|
maxTurns: options.maxTurns || 20,
|
||||||
|
allowedTools: options.allowedTools,
|
||||||
|
env: {
|
||||||
|
...process.env,
|
||||||
|
OPENAI_API_KEY: process.env.OPENAI_API_KEY
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Execute and yield results
|
||||||
|
const generator = codexExecutor.execute(executeOptions);
|
||||||
|
for await (const msg of generator) {
|
||||||
|
yield msg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async detectInstallation() {
|
||||||
|
const codexCliDetector = require('./codex-cli-detector');
|
||||||
|
return codexCliDetector.getInstallationInfo();
|
||||||
|
}
|
||||||
|
|
||||||
|
getAvailableModels() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
id: 'gpt-5.1-codex-max',
|
||||||
|
name: 'GPT-5.1 Codex Max',
|
||||||
|
modelString: 'gpt-5.1-codex-max',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Latest flagship - deep and fast reasoning for coding',
|
||||||
|
tier: 'premium',
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'gpt-5.1-codex',
|
||||||
|
name: 'GPT-5.1 Codex',
|
||||||
|
modelString: 'gpt-5.1-codex',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Optimized for code generation',
|
||||||
|
tier: 'standard'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'gpt-5.1-codex-mini',
|
||||||
|
name: 'GPT-5.1 Codex Mini',
|
||||||
|
modelString: 'gpt-5.1-codex-mini',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Faster and cheaper option',
|
||||||
|
tier: 'basic'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'gpt-5.1',
|
||||||
|
name: 'GPT-5.1',
|
||||||
|
modelString: 'gpt-5.1',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Broad world knowledge with strong reasoning',
|
||||||
|
tier: 'standard'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'o3',
|
||||||
|
name: 'O3',
|
||||||
|
modelString: 'o3',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Advanced reasoning model',
|
||||||
|
tier: 'premium'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'o3-mini',
|
||||||
|
name: 'O3 Mini',
|
||||||
|
modelString: 'o3-mini',
|
||||||
|
provider: 'codex',
|
||||||
|
description: 'Efficient reasoning model',
|
||||||
|
tier: 'standard'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
validateConfig() {
|
||||||
|
const errors = [];
|
||||||
|
const codexCliDetector = require('./codex-cli-detector');
|
||||||
|
const installation = codexCliDetector.detectCodexInstallation();
|
||||||
|
|
||||||
|
if (!installation.installed && !process.env.OPENAI_API_KEY) {
|
||||||
|
errors.push('Codex CLI not installed and no OPENAI_API_KEY found.');
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
valid: errors.length === 0,
|
||||||
|
errors
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
getModelString(modelKey) {
|
||||||
|
// Codex models use the key directly as the model string
|
||||||
|
const modelMap = {
|
||||||
|
'gpt-5.1-codex-max': 'gpt-5.1-codex-max',
|
||||||
|
'gpt-5.1-codex': 'gpt-5.1-codex',
|
||||||
|
'gpt-5.1-codex-mini': 'gpt-5.1-codex-mini',
|
||||||
|
'gpt-5.1': 'gpt-5.1',
|
||||||
|
'o3': 'o3',
|
||||||
|
'o3-mini': 'o3-mini',
|
||||||
|
'o4-mini': 'o4-mini',
|
||||||
|
'gpt-4o': 'gpt-4o',
|
||||||
|
'gpt-4o-mini': 'gpt-4o-mini'
|
||||||
|
};
|
||||||
|
return modelMap[modelKey] || 'gpt-5.1-codex-max';
|
||||||
|
}
|
||||||
|
|
||||||
|
supportsFeature(feature) {
|
||||||
|
const supportedFeatures = ['tools', 'streaming'];
|
||||||
|
return supportedFeatures.includes(feature);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Model Provider Factory
|
||||||
|
* Creates the appropriate provider based on model or provider name
|
||||||
|
*/
|
||||||
|
class ModelProviderFactory {
|
||||||
|
static providers = {
|
||||||
|
claude: ClaudeProvider,
|
||||||
|
codex: CodexProvider
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get provider for a specific model
|
||||||
|
* @param {string} modelId Model ID (e.g., 'opus', 'gpt-5.1-codex')
|
||||||
|
* @returns {ModelProvider} Provider instance
|
||||||
|
*/
|
||||||
|
static getProviderForModel(modelId) {
|
||||||
|
// Check if it's a Claude model
|
||||||
|
const claudeModels = ['haiku', 'sonnet', 'opus'];
|
||||||
|
if (claudeModels.includes(modelId)) {
|
||||||
|
return new ClaudeProvider();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if it's a Codex/OpenAI model
|
||||||
|
const codexModels = [
|
||||||
|
'gpt-5.1-codex-max', 'gpt-5.1-codex', 'gpt-5.1-codex-mini', 'gpt-5.1',
|
||||||
|
'o3', 'o3-mini', 'o4-mini', 'gpt-4o', 'gpt-4o-mini'
|
||||||
|
];
|
||||||
|
if (codexModels.includes(modelId)) {
|
||||||
|
return new CodexProvider();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default to Claude
|
||||||
|
return new ClaudeProvider();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get provider by name
|
||||||
|
* @param {string} providerName Provider name ('claude' or 'codex')
|
||||||
|
* @returns {ModelProvider} Provider instance
|
||||||
|
*/
|
||||||
|
static getProvider(providerName) {
|
||||||
|
const ProviderClass = this.providers[providerName];
|
||||||
|
if (!ProviderClass) {
|
||||||
|
throw new Error(`Unknown provider: ${providerName}`);
|
||||||
|
}
|
||||||
|
return new ProviderClass();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all available providers
|
||||||
|
* @returns {string[]} List of provider names
|
||||||
|
*/
|
||||||
|
static getAvailableProviders() {
|
||||||
|
return Object.keys(this.providers);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all available models across all providers
|
||||||
|
* @returns {Array<Object>} All available models
|
||||||
|
*/
|
||||||
|
static getAllModels() {
|
||||||
|
const allModels = [];
|
||||||
|
for (const providerName of this.getAvailableProviders()) {
|
||||||
|
const provider = this.getProvider(providerName);
|
||||||
|
const models = provider.getAvailableModels();
|
||||||
|
allModels.push(...models);
|
||||||
|
}
|
||||||
|
return allModels;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check installation status for all providers
|
||||||
|
* @returns {Promise<Object>} Installation status for each provider
|
||||||
|
*/
|
||||||
|
static async checkAllProviders() {
|
||||||
|
const status = {};
|
||||||
|
for (const providerName of this.getAvailableProviders()) {
|
||||||
|
const provider = this.getProvider(providerName);
|
||||||
|
status[providerName] = await provider.detectInstallation();
|
||||||
|
}
|
||||||
|
return status;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
ModelProvider,
|
||||||
|
ClaudeProvider,
|
||||||
|
CodexProvider,
|
||||||
|
ModelProviderFactory
|
||||||
|
};
|
||||||
369
app/electron/services/model-registry.js
Normal file
369
app/electron/services/model-registry.js
Normal file
@@ -0,0 +1,369 @@
|
|||||||
|
/**
|
||||||
|
* Model Registry - Centralized model definitions and metadata
|
||||||
|
*
|
||||||
|
* This module provides a central registry of all available models
|
||||||
|
* across different providers (Claude, Codex/OpenAI).
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Model Categories
|
||||||
|
*/
|
||||||
|
const MODEL_CATEGORIES = {
|
||||||
|
CLAUDE: 'claude',
|
||||||
|
OPENAI: 'openai',
|
||||||
|
CODEX: 'codex'
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Model Tiers (capability levels)
|
||||||
|
*/
|
||||||
|
const MODEL_TIERS = {
|
||||||
|
BASIC: 'basic', // Fast, cheap, simple tasks
|
||||||
|
STANDARD: 'standard', // Balanced performance
|
||||||
|
PREMIUM: 'premium' // Most capable, complex tasks
|
||||||
|
};
|
||||||
|
|
||||||
|
const CODEX_MODEL_IDS = [
|
||||||
|
'gpt-5.1-codex-max',
|
||||||
|
'gpt-5.1-codex',
|
||||||
|
'gpt-5.1-codex-mini',
|
||||||
|
'gpt-5.1',
|
||||||
|
'o3',
|
||||||
|
'o3-mini',
|
||||||
|
'o4-mini',
|
||||||
|
'gpt-4o',
|
||||||
|
'gpt-4o-mini'
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* All available models with full metadata
|
||||||
|
*/
|
||||||
|
const MODELS = {
|
||||||
|
// Claude Models
|
||||||
|
haiku: {
|
||||||
|
id: 'haiku',
|
||||||
|
name: 'Claude Haiku',
|
||||||
|
modelString: 'claude-haiku-4-5',
|
||||||
|
provider: 'claude',
|
||||||
|
category: MODEL_CATEGORIES.CLAUDE,
|
||||||
|
tier: MODEL_TIERS.BASIC,
|
||||||
|
description: 'Fast and efficient for simple tasks',
|
||||||
|
capabilities: ['code', 'text', 'tools'],
|
||||||
|
maxTokens: 8192,
|
||||||
|
contextWindow: 200000,
|
||||||
|
supportsThinking: true,
|
||||||
|
requiresAuth: 'CLAUDE_CODE_OAUTH_TOKEN'
|
||||||
|
},
|
||||||
|
sonnet: {
|
||||||
|
id: 'sonnet',
|
||||||
|
name: 'Claude Sonnet',
|
||||||
|
modelString: 'claude-sonnet-4-20250514',
|
||||||
|
provider: 'claude',
|
||||||
|
category: MODEL_CATEGORIES.CLAUDE,
|
||||||
|
tier: MODEL_TIERS.STANDARD,
|
||||||
|
description: 'Balanced performance and capabilities',
|
||||||
|
capabilities: ['code', 'text', 'tools', 'analysis'],
|
||||||
|
maxTokens: 8192,
|
||||||
|
contextWindow: 200000,
|
||||||
|
supportsThinking: true,
|
||||||
|
requiresAuth: 'CLAUDE_CODE_OAUTH_TOKEN'
|
||||||
|
},
|
||||||
|
opus: {
|
||||||
|
id: 'opus',
|
||||||
|
name: 'Claude Opus 4.5',
|
||||||
|
modelString: 'claude-opus-4-5-20251101',
|
||||||
|
provider: 'claude',
|
||||||
|
category: MODEL_CATEGORIES.CLAUDE,
|
||||||
|
tier: MODEL_TIERS.PREMIUM,
|
||||||
|
description: 'Most capable model for complex tasks',
|
||||||
|
capabilities: ['code', 'text', 'tools', 'analysis', 'reasoning'],
|
||||||
|
maxTokens: 8192,
|
||||||
|
contextWindow: 200000,
|
||||||
|
supportsThinking: true,
|
||||||
|
requiresAuth: 'CLAUDE_CODE_OAUTH_TOKEN',
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
|
||||||
|
// OpenAI GPT-5.1 Codex Models
|
||||||
|
'gpt-5.1-codex-max': {
|
||||||
|
id: 'gpt-5.1-codex-max',
|
||||||
|
name: 'GPT-5.1 Codex Max',
|
||||||
|
modelString: 'gpt-5.1-codex-max',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.PREMIUM,
|
||||||
|
description: 'Latest flagship - deep and fast reasoning for coding',
|
||||||
|
capabilities: ['code', 'text', 'tools', 'reasoning'],
|
||||||
|
maxTokens: 32768,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY',
|
||||||
|
codexDefault: true
|
||||||
|
},
|
||||||
|
'gpt-5.1-codex': {
|
||||||
|
id: 'gpt-5.1-codex',
|
||||||
|
name: 'GPT-5.1 Codex',
|
||||||
|
modelString: 'gpt-5.1-codex',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.STANDARD,
|
||||||
|
description: 'Optimized for code generation',
|
||||||
|
capabilities: ['code', 'text', 'tools'],
|
||||||
|
maxTokens: 32768,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
},
|
||||||
|
'gpt-5.1-codex-mini': {
|
||||||
|
id: 'gpt-5.1-codex-mini',
|
||||||
|
name: 'GPT-5.1 Codex Mini',
|
||||||
|
modelString: 'gpt-5.1-codex-mini',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.BASIC,
|
||||||
|
description: 'Faster and cheaper option',
|
||||||
|
capabilities: ['code', 'text'],
|
||||||
|
maxTokens: 16384,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
},
|
||||||
|
'gpt-5.1': {
|
||||||
|
id: 'gpt-5.1',
|
||||||
|
name: 'GPT-5.1',
|
||||||
|
modelString: 'gpt-5.1',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.STANDARD,
|
||||||
|
description: 'Broad world knowledge with strong reasoning',
|
||||||
|
capabilities: ['code', 'text', 'reasoning'],
|
||||||
|
maxTokens: 32768,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
},
|
||||||
|
|
||||||
|
// OpenAI O-Series Models
|
||||||
|
o3: {
|
||||||
|
id: 'o3',
|
||||||
|
name: 'O3',
|
||||||
|
modelString: 'o3',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.PREMIUM,
|
||||||
|
description: 'Advanced reasoning model',
|
||||||
|
capabilities: ['code', 'text', 'tools', 'reasoning'],
|
||||||
|
maxTokens: 100000,
|
||||||
|
contextWindow: 200000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
},
|
||||||
|
'o3-mini': {
|
||||||
|
id: 'o3-mini',
|
||||||
|
name: 'O3 Mini',
|
||||||
|
modelString: 'o3-mini',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.STANDARD,
|
||||||
|
description: 'Efficient reasoning model',
|
||||||
|
capabilities: ['code', 'text', 'reasoning'],
|
||||||
|
maxTokens: 65536,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
},
|
||||||
|
'o4-mini': {
|
||||||
|
id: 'o4-mini',
|
||||||
|
name: 'O4 Mini',
|
||||||
|
modelString: 'o4-mini',
|
||||||
|
provider: 'codex',
|
||||||
|
category: MODEL_CATEGORIES.OPENAI,
|
||||||
|
tier: MODEL_TIERS.BASIC,
|
||||||
|
description: 'Fast reasoning with lower cost',
|
||||||
|
capabilities: ['code', 'text', 'reasoning'],
|
||||||
|
maxTokens: 65536,
|
||||||
|
contextWindow: 128000,
|
||||||
|
supportsThinking: false,
|
||||||
|
requiresAuth: 'OPENAI_API_KEY'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Model Registry class for querying and managing models
|
||||||
|
*/
|
||||||
|
class ModelRegistry {
|
||||||
|
/**
|
||||||
|
* Get all registered models
|
||||||
|
* @returns {Object} All models
|
||||||
|
*/
|
||||||
|
static getAllModels() {
|
||||||
|
return MODELS;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get model by ID
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {Object|null} Model definition or null
|
||||||
|
*/
|
||||||
|
static getModel(modelId) {
|
||||||
|
return MODELS[modelId] || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get models by provider
|
||||||
|
* @param {string} provider Provider name ('claude' or 'codex')
|
||||||
|
* @returns {Object[]} Array of models for the provider
|
||||||
|
*/
|
||||||
|
static getModelsByProvider(provider) {
|
||||||
|
return Object.values(MODELS).filter(m => m.provider === provider);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get models by category
|
||||||
|
* @param {string} category Category name
|
||||||
|
* @returns {Object[]} Array of models in the category
|
||||||
|
*/
|
||||||
|
static getModelsByCategory(category) {
|
||||||
|
return Object.values(MODELS).filter(m => m.category === category);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get models by tier
|
||||||
|
* @param {string} tier Tier name
|
||||||
|
* @returns {Object[]} Array of models in the tier
|
||||||
|
*/
|
||||||
|
static getModelsByTier(tier) {
|
||||||
|
return Object.values(MODELS).filter(m => m.tier === tier);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get default model for a provider
|
||||||
|
* @param {string} provider Provider name
|
||||||
|
* @returns {Object|null} Default model or null
|
||||||
|
*/
|
||||||
|
static getDefaultModel(provider = 'claude') {
|
||||||
|
const models = this.getModelsByProvider(provider);
|
||||||
|
if (provider === 'claude') {
|
||||||
|
return models.find(m => m.default) || models[0];
|
||||||
|
}
|
||||||
|
if (provider === 'codex') {
|
||||||
|
return models.find(m => m.codexDefault) || models[0];
|
||||||
|
}
|
||||||
|
return models[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get model string (full model name) for a model ID
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {string} Full model string
|
||||||
|
*/
|
||||||
|
static getModelString(modelId) {
|
||||||
|
const model = this.getModel(modelId);
|
||||||
|
return model ? model.modelString : modelId;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determine provider for a model ID
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {string} Provider name ('claude' or 'codex')
|
||||||
|
*/
|
||||||
|
static getProviderForModel(modelId) {
|
||||||
|
const model = this.getModel(modelId);
|
||||||
|
if (model) {
|
||||||
|
return model.provider;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fallback detection for models not explicitly registered (keeps legacy Codex IDs working)
|
||||||
|
if (CODEX_MODEL_IDS.includes(modelId)) {
|
||||||
|
return 'codex';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'claude';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if a model is a Claude model
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {boolean} Whether it's a Claude model
|
||||||
|
*/
|
||||||
|
static isClaudeModel(modelId) {
|
||||||
|
return this.getProviderForModel(modelId) === 'claude';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if a model is a Codex/OpenAI model
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {boolean} Whether it's a Codex model
|
||||||
|
*/
|
||||||
|
static isCodexModel(modelId) {
|
||||||
|
return this.getProviderForModel(modelId) === 'codex';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get models grouped by provider for UI display
|
||||||
|
* @returns {Object} Models grouped by provider
|
||||||
|
*/
|
||||||
|
static getModelsGroupedByProvider() {
|
||||||
|
return {
|
||||||
|
claude: this.getModelsByProvider('claude'),
|
||||||
|
codex: this.getModelsByProvider('codex')
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all model IDs as an array
|
||||||
|
* @returns {string[]} Array of model IDs
|
||||||
|
*/
|
||||||
|
static getAllModelIds() {
|
||||||
|
return Object.keys(MODELS);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if model supports a specific capability
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @param {string} capability Capability name
|
||||||
|
* @returns {boolean} Whether the model supports the capability
|
||||||
|
*/
|
||||||
|
static modelSupportsCapability(modelId, capability) {
|
||||||
|
const model = this.getModel(modelId);
|
||||||
|
return model ? model.capabilities.includes(capability) : false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if model supports extended thinking
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {boolean} Whether the model supports thinking
|
||||||
|
*/
|
||||||
|
static modelSupportsThinking(modelId) {
|
||||||
|
const model = this.getModel(modelId);
|
||||||
|
return model ? model.supportsThinking : false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get required authentication for a model
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {string|null} Required auth env variable name
|
||||||
|
*/
|
||||||
|
static getRequiredAuth(modelId) {
|
||||||
|
const model = this.getModel(modelId);
|
||||||
|
return model ? model.requiresAuth : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if authentication is available for a model
|
||||||
|
* @param {string} modelId Model ID
|
||||||
|
* @returns {boolean} Whether auth is available
|
||||||
|
*/
|
||||||
|
static hasAuthForModel(modelId) {
|
||||||
|
const authVar = this.getRequiredAuth(modelId);
|
||||||
|
if (!authVar) return false;
|
||||||
|
return !!process.env[authVar];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
MODEL_CATEGORIES,
|
||||||
|
MODEL_TIERS,
|
||||||
|
MODELS,
|
||||||
|
ModelRegistry
|
||||||
|
};
|
||||||
@@ -1362,6 +1362,39 @@
|
|||||||
box-shadow: 0 0 8px #f97e72;
|
box-shadow: 0 0 8px #f97e72;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Line clamp utilities for text overflow prevention */
|
||||||
|
.line-clamp-2 {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-clamp-3 {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Kanban card improvements to prevent text overflow */
|
||||||
|
.kanban-card-content {
|
||||||
|
word-wrap: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure proper column layout in double-width kanban columns */
|
||||||
|
.kanban-columns-layout > * {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
break-inside: avoid;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
/* Electron title bar drag region */
|
/* Electron title bar drag region */
|
||||||
.titlebar-drag-region {
|
.titlebar-drag-region {
|
||||||
-webkit-app-region: drag;
|
-webkit-app-region: drag;
|
||||||
|
|||||||
@@ -246,13 +246,13 @@ export function AgentOutputModal({
|
|||||||
<Loader2 className="w-5 h-5 text-purple-500 animate-spin" />
|
<Loader2 className="w-5 h-5 text-purple-500 animate-spin" />
|
||||||
Agent Output
|
Agent Output
|
||||||
</DialogTitle>
|
</DialogTitle>
|
||||||
<div className="flex items-center gap-1 bg-zinc-900/50 rounded-lg p-1">
|
<div className="flex items-center gap-1 bg-muted rounded-lg p-1">
|
||||||
<button
|
<button
|
||||||
onClick={() => setViewMode("parsed")}
|
onClick={() => setViewMode("parsed")}
|
||||||
className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
|
className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
|
||||||
viewMode === "parsed"
|
viewMode === "parsed"
|
||||||
? "bg-purple-500/20 text-purple-300 shadow-sm"
|
? "bg-purple-500/20 text-purple-300 shadow-sm"
|
||||||
: "text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50"
|
: "text-muted-foreground hover:text-foreground hover:bg-accent"
|
||||||
}`}
|
}`}
|
||||||
data-testid="view-mode-parsed"
|
data-testid="view-mode-parsed"
|
||||||
>
|
>
|
||||||
@@ -264,7 +264,7 @@ export function AgentOutputModal({
|
|||||||
className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
|
className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all ${
|
||||||
viewMode === "raw"
|
viewMode === "raw"
|
||||||
? "bg-purple-500/20 text-purple-300 shadow-sm"
|
? "bg-purple-500/20 text-purple-300 shadow-sm"
|
||||||
: "text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50"
|
: "text-muted-foreground hover:text-foreground hover:bg-accent"
|
||||||
}`}
|
}`}
|
||||||
data-testid="view-mode-raw"
|
data-testid="view-mode-raw"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ import {
|
|||||||
ThinkingLevel,
|
ThinkingLevel,
|
||||||
} from "@/store/app-store";
|
} from "@/store/app-store";
|
||||||
import { getElectronAPI } from "@/lib/electron";
|
import { getElectronAPI } from "@/lib/electron";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn, modelSupportsThinking } from "@/lib/utils";
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardDescription,
|
CardDescription,
|
||||||
@@ -92,6 +92,76 @@ const COLUMNS: { id: ColumnId; title: string; color: string }[] = [
|
|||||||
{ id: "verified", title: "Verified", color: "bg-green-500" },
|
{ id: "verified", title: "Verified", color: "bg-green-500" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
type ModelOption = {
|
||||||
|
id: AgentModel;
|
||||||
|
label: string;
|
||||||
|
description: string;
|
||||||
|
badge?: string;
|
||||||
|
provider: "claude" | "codex";
|
||||||
|
};
|
||||||
|
|
||||||
|
const CLAUDE_MODELS: ModelOption[] = [
|
||||||
|
{
|
||||||
|
id: "haiku",
|
||||||
|
label: "Claude Haiku",
|
||||||
|
description: "Fast and efficient for simple tasks.",
|
||||||
|
badge: "Speed",
|
||||||
|
provider: "claude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "sonnet",
|
||||||
|
label: "Claude Sonnet",
|
||||||
|
description: "Balanced performance with strong reasoning.",
|
||||||
|
badge: "Balanced",
|
||||||
|
provider: "claude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "opus",
|
||||||
|
label: "Claude Opus",
|
||||||
|
description: "Most capable model for complex work.",
|
||||||
|
badge: "Premium",
|
||||||
|
provider: "claude",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const CODEX_MODELS: ModelOption[] = [
|
||||||
|
{
|
||||||
|
id: "gpt-5.1-codex-max",
|
||||||
|
label: "GPT-5.1 Codex Max",
|
||||||
|
description: "Flagship Codex model tuned for deep coding tasks.",
|
||||||
|
badge: "Flagship",
|
||||||
|
provider: "codex",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "gpt-5.1-codex",
|
||||||
|
label: "GPT-5.1 Codex",
|
||||||
|
description: "Strong coding performance with lower cost.",
|
||||||
|
badge: "Standard",
|
||||||
|
provider: "codex",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "gpt-5.1-codex-mini",
|
||||||
|
label: "GPT-5.1 Codex Mini",
|
||||||
|
description: "Fastest Codex option for lightweight edits.",
|
||||||
|
badge: "Fast",
|
||||||
|
provider: "codex",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "gpt-5.1",
|
||||||
|
label: "GPT-5.1",
|
||||||
|
description: "General-purpose reasoning with solid coding ability.",
|
||||||
|
badge: "General",
|
||||||
|
provider: "codex",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "o3",
|
||||||
|
label: "OpenAI O3",
|
||||||
|
description: "Reasoning-focused model for tricky problems.",
|
||||||
|
badge: "Reasoning",
|
||||||
|
provider: "codex",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
export function BoardView() {
|
export function BoardView() {
|
||||||
const {
|
const {
|
||||||
currentProject,
|
currentProject,
|
||||||
@@ -597,6 +667,10 @@ export function BoardView() {
|
|||||||
|
|
||||||
const handleAddFeature = () => {
|
const handleAddFeature = () => {
|
||||||
const category = newFeature.category || "Uncategorized";
|
const category = newFeature.category || "Uncategorized";
|
||||||
|
const selectedModel = newFeature.model;
|
||||||
|
const normalizedThinking = modelSupportsThinking(selectedModel)
|
||||||
|
? newFeature.thinkingLevel
|
||||||
|
: "none";
|
||||||
addFeature({
|
addFeature({
|
||||||
category,
|
category,
|
||||||
description: newFeature.description,
|
description: newFeature.description,
|
||||||
@@ -605,8 +679,8 @@ export function BoardView() {
|
|||||||
images: newFeature.images,
|
images: newFeature.images,
|
||||||
imagePaths: newFeature.imagePaths,
|
imagePaths: newFeature.imagePaths,
|
||||||
skipTests: newFeature.skipTests,
|
skipTests: newFeature.skipTests,
|
||||||
model: newFeature.model,
|
model: selectedModel,
|
||||||
thinkingLevel: newFeature.thinkingLevel,
|
thinkingLevel: normalizedThinking,
|
||||||
});
|
});
|
||||||
// Persist the category
|
// Persist the category
|
||||||
saveCategory(category);
|
saveCategory(category);
|
||||||
@@ -626,13 +700,18 @@ export function BoardView() {
|
|||||||
const handleUpdateFeature = () => {
|
const handleUpdateFeature = () => {
|
||||||
if (!editingFeature) return;
|
if (!editingFeature) return;
|
||||||
|
|
||||||
|
const selectedModel = (editingFeature.model ?? "opus") as AgentModel;
|
||||||
|
const normalizedThinking = modelSupportsThinking(selectedModel)
|
||||||
|
? editingFeature.thinkingLevel
|
||||||
|
: "none";
|
||||||
|
|
||||||
updateFeature(editingFeature.id, {
|
updateFeature(editingFeature.id, {
|
||||||
category: editingFeature.category,
|
category: editingFeature.category,
|
||||||
description: editingFeature.description,
|
description: editingFeature.description,
|
||||||
steps: editingFeature.steps,
|
steps: editingFeature.steps,
|
||||||
skipTests: editingFeature.skipTests,
|
skipTests: editingFeature.skipTests,
|
||||||
model: editingFeature.model,
|
model: selectedModel,
|
||||||
thinkingLevel: editingFeature.thinkingLevel,
|
thinkingLevel: normalizedThinking,
|
||||||
});
|
});
|
||||||
// Persist the category if it's new
|
// Persist the category if it's new
|
||||||
if (editingFeature.category) {
|
if (editingFeature.category) {
|
||||||
@@ -1096,6 +1175,64 @@ export function BoardView() {
|
|||||||
startNextFeaturesRef.current = handleStartNextFeatures;
|
startNextFeaturesRef.current = handleStartNextFeatures;
|
||||||
}, [handleStartNextFeatures]);
|
}, [handleStartNextFeatures]);
|
||||||
|
|
||||||
|
const renderModelOptions = (
|
||||||
|
options: ModelOption[],
|
||||||
|
selectedModel: AgentModel,
|
||||||
|
onSelect: (model: AgentModel) => void,
|
||||||
|
testIdPrefix = "model-select"
|
||||||
|
) => (
|
||||||
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
|
||||||
|
{options.map((option) => {
|
||||||
|
const isSelected = selectedModel === option.id;
|
||||||
|
const isCodex = option.provider === "codex";
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={option.id}
|
||||||
|
type="button"
|
||||||
|
onClick={() => onSelect(option.id)}
|
||||||
|
className={cn(
|
||||||
|
"w-full rounded-lg border p-3 text-left transition-all",
|
||||||
|
"hover:-translate-y-[1px] hover:shadow-sm",
|
||||||
|
isSelected
|
||||||
|
? isCodex
|
||||||
|
? "border-emerald-500 bg-emerald-600 text-white shadow-sm"
|
||||||
|
: "border-primary bg-primary text-primary-foreground shadow-sm"
|
||||||
|
: "border-input bg-background hover:border-primary/40"
|
||||||
|
)}
|
||||||
|
data-testid={`${testIdPrefix}-${option.id}`}
|
||||||
|
>
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
<span className="font-semibold text-sm">{option.label}</span>
|
||||||
|
{option.badge && (
|
||||||
|
<span
|
||||||
|
className={cn(
|
||||||
|
"text-[11px] uppercase tracking-wide px-2 py-0.5 rounded-full border",
|
||||||
|
isSelected
|
||||||
|
? "border-primary-foreground/60 bg-primary-foreground/15 text-primary-foreground"
|
||||||
|
: isCodex
|
||||||
|
? "border-emerald-500/60 text-emerald-700 dark:text-emerald-200"
|
||||||
|
: "border-primary/50 text-primary"
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{option.badge}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<p className={cn(
|
||||||
|
"text-xs leading-snug mt-1",
|
||||||
|
isSelected ? "text-primary-foreground/90" : "text-muted-foreground"
|
||||||
|
)}>
|
||||||
|
{option.description}
|
||||||
|
</p>
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
const newModelAllowsThinking = modelSupportsThinking(newFeature.model);
|
||||||
|
const editModelAllowsThinking = modelSupportsThinking(editingFeature?.model);
|
||||||
|
|
||||||
if (!currentProject) {
|
if (!currentProject) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
@@ -1207,7 +1344,7 @@ export function BoardView() {
|
|||||||
<Plus className="w-4 h-4 mr-2" />
|
<Plus className="w-4 h-4 mr-2" />
|
||||||
Add Feature
|
Add Feature
|
||||||
<span
|
<span
|
||||||
className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-white/10 border border-white/20"
|
className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-accent border border-border-glass"
|
||||||
data-testid="shortcut-add-feature"
|
data-testid="shortcut-add-feature"
|
||||||
>
|
>
|
||||||
{ACTION_SHORTCUTS.addFeature}
|
{ACTION_SHORTCUTS.addFeature}
|
||||||
@@ -1265,7 +1402,7 @@ export function BoardView() {
|
|||||||
>
|
>
|
||||||
<FastForward className="w-3 h-3 mr-1" />
|
<FastForward className="w-3 h-3 mr-1" />
|
||||||
Start Next
|
Start Next
|
||||||
<span className="ml-1 px-1 py-0.5 text-[9px] font-mono rounded bg-white/10 border border-white/20">
|
<span className="ml-1 px-1 py-0.5 text-[9px] font-mono rounded bg-accent border border-border-glass">
|
||||||
{ACTION_SHORTCUTS.startNext}
|
{ACTION_SHORTCUTS.startNext}
|
||||||
</span>
|
</span>
|
||||||
</Button>
|
</Button>
|
||||||
@@ -1438,37 +1575,66 @@ export function BoardView() {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
{/* Model Selection */}
|
{/* Model Selection */}
|
||||||
<div className="space-y-2">
|
<div className="space-y-3">
|
||||||
<Label className="flex items-center gap-2">
|
<Label className="flex items-center gap-2">
|
||||||
<Zap className="w-4 h-4 text-muted-foreground" />
|
<Zap className="w-4 h-4 text-muted-foreground" />
|
||||||
Model
|
Model
|
||||||
</Label>
|
</Label>
|
||||||
<div className="flex gap-2">
|
<div className="space-y-2">
|
||||||
{(["haiku", "sonnet", "opus"] as AgentModel[]).map((model) => (
|
<div className="flex items-center justify-between">
|
||||||
<button
|
<p className="text-xs text-muted-foreground font-medium">Claude (SDK)</p>
|
||||||
key={model}
|
<span className="text-[11px] px-2 py-0.5 rounded-full border border-primary/40 text-primary">
|
||||||
type="button"
|
Native
|
||||||
onClick={() => setNewFeature({ ...newFeature, model })}
|
</span>
|
||||||
className={cn(
|
</div>
|
||||||
"flex-1 px-3 py-2 rounded-md border text-sm font-medium transition-colors",
|
{renderModelOptions(
|
||||||
newFeature.model === model
|
CLAUDE_MODELS,
|
||||||
? "bg-primary text-primary-foreground border-primary"
|
newFeature.model,
|
||||||
: "bg-background hover:bg-accent border-input"
|
(model) =>
|
||||||
)}
|
setNewFeature({
|
||||||
data-testid={`model-select-${model}`}
|
...newFeature,
|
||||||
>
|
model,
|
||||||
{model === "haiku" && "Haiku"}
|
thinkingLevel: modelSupportsThinking(model)
|
||||||
{model === "sonnet" && "Sonnet"}
|
? newFeature.thinkingLevel
|
||||||
{model === "opus" && "Opus"}
|
: "none",
|
||||||
</button>
|
})
|
||||||
))}
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<p className="text-xs text-muted-foreground font-medium">
|
||||||
|
OpenAI via Codex CLI
|
||||||
|
</p>
|
||||||
|
<span className="text-[11px] px-2 py-0.5 rounded-full border border-emerald-500/50 text-emerald-600 dark:text-emerald-300">
|
||||||
|
CLI
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
{renderModelOptions(
|
||||||
|
CODEX_MODELS,
|
||||||
|
newFeature.model,
|
||||||
|
(model) =>
|
||||||
|
setNewFeature({
|
||||||
|
...newFeature,
|
||||||
|
model,
|
||||||
|
thinkingLevel: modelSupportsThinking(model)
|
||||||
|
? newFeature.thinkingLevel
|
||||||
|
: "none",
|
||||||
|
})
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-muted-foreground">
|
<p className="text-xs text-muted-foreground">
|
||||||
Haiku for simple tasks, Sonnet for balanced, Opus for complex tasks.
|
Claude models use the Claude SDK. OpenAI models run through the Codex CLI.
|
||||||
|
{!newModelAllowsThinking && (
|
||||||
|
<span className="block mt-1 text-amber-600 dark:text-amber-400">
|
||||||
|
Thinking controls are hidden for Codex CLI models.
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Thinking Level */}
|
{/* Thinking Level - Hidden for Codex models */}
|
||||||
|
{newModelAllowsThinking && (
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
<Label className="flex items-center gap-2">
|
<Label className="flex items-center gap-2">
|
||||||
<Brain className="w-4 h-4 text-muted-foreground" />
|
<Brain className="w-4 h-4 text-muted-foreground" />
|
||||||
@@ -1508,6 +1674,7 @@ export function BoardView() {
|
|||||||
Higher thinking levels give the model more time to reason through complex problems.
|
Higher thinking levels give the model more time to reason through complex problems.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
<Button variant="ghost" onClick={() => setShowAddDialog(false)}>
|
<Button variant="ghost" onClick={() => setShowAddDialog(false)}>
|
||||||
@@ -1520,7 +1687,7 @@ export function BoardView() {
|
|||||||
>
|
>
|
||||||
Add Feature
|
Add Feature
|
||||||
<span
|
<span
|
||||||
className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-white/10 border border-white/20"
|
className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-primary-foreground/10 border border-primary-foreground/20"
|
||||||
data-testid="shortcut-confirm-add-feature"
|
data-testid="shortcut-confirm-add-feature"
|
||||||
>
|
>
|
||||||
⌘↵
|
⌘↵
|
||||||
@@ -1628,37 +1795,68 @@ export function BoardView() {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
{/* Model Selection */}
|
{/* Model Selection */}
|
||||||
<div className="space-y-2">
|
<div className="space-y-3">
|
||||||
<Label className="flex items-center gap-2">
|
<Label className="flex items-center gap-2">
|
||||||
<Zap className="w-4 h-4 text-muted-foreground" />
|
<Zap className="w-4 h-4 text-muted-foreground" />
|
||||||
Model
|
Model
|
||||||
</Label>
|
</Label>
|
||||||
<div className="flex gap-2">
|
<div className="space-y-2">
|
||||||
{(["haiku", "sonnet", "opus"] as AgentModel[]).map((model) => (
|
<div className="flex items-center justify-between">
|
||||||
<button
|
<p className="text-xs text-muted-foreground font-medium">Claude (SDK)</p>
|
||||||
key={model}
|
<span className="text-[11px] px-2 py-0.5 rounded-full border border-primary/40 text-primary">
|
||||||
type="button"
|
Native
|
||||||
onClick={() => setEditingFeature({ ...editingFeature, model })}
|
</span>
|
||||||
className={cn(
|
</div>
|
||||||
"flex-1 px-3 py-2 rounded-md border text-sm font-medium transition-colors",
|
{renderModelOptions(
|
||||||
(editingFeature.model ?? "opus") === model
|
CLAUDE_MODELS,
|
||||||
? "bg-primary text-primary-foreground border-primary"
|
(editingFeature.model ?? "opus") as AgentModel,
|
||||||
: "bg-background hover:bg-accent border-input"
|
(model) =>
|
||||||
)}
|
setEditingFeature({
|
||||||
data-testid={`edit-model-select-${model}`}
|
...editingFeature,
|
||||||
>
|
model,
|
||||||
{model === "haiku" && "Haiku"}
|
thinkingLevel: modelSupportsThinking(model)
|
||||||
{model === "sonnet" && "Sonnet"}
|
? editingFeature.thinkingLevel
|
||||||
{model === "opus" && "Opus"}
|
: "none",
|
||||||
</button>
|
}),
|
||||||
))}
|
"edit-model-select"
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<p className="text-xs text-muted-foreground font-medium">
|
||||||
|
OpenAI via Codex CLI
|
||||||
|
</p>
|
||||||
|
<span className="text-[11px] px-2 py-0.5 rounded-full border border-emerald-500/50 text-emerald-600 dark:text-emerald-300">
|
||||||
|
CLI
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
{renderModelOptions(
|
||||||
|
CODEX_MODELS,
|
||||||
|
(editingFeature.model ?? "opus") as AgentModel,
|
||||||
|
(model) =>
|
||||||
|
setEditingFeature({
|
||||||
|
...editingFeature,
|
||||||
|
model,
|
||||||
|
thinkingLevel: modelSupportsThinking(model)
|
||||||
|
? editingFeature.thinkingLevel
|
||||||
|
: "none",
|
||||||
|
}),
|
||||||
|
"edit-model-select"
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-muted-foreground">
|
<p className="text-xs text-muted-foreground">
|
||||||
Haiku for simple tasks, Sonnet for balanced, Opus for complex tasks.
|
Claude models use the Claude SDK. OpenAI models run through the Codex CLI.
|
||||||
|
{!editModelAllowsThinking && (
|
||||||
|
<span className="block mt-1 text-amber-600 dark:text-amber-400">
|
||||||
|
Thinking controls are hidden for Codex CLI models.
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Thinking Level */}
|
{/* Thinking Level - Hidden for Codex models */}
|
||||||
|
{editModelAllowsThinking && (
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
<Label className="flex items-center gap-2">
|
<Label className="flex items-center gap-2">
|
||||||
<Brain className="w-4 h-4 text-muted-foreground" />
|
<Brain className="w-4 h-4 text-muted-foreground" />
|
||||||
@@ -1698,6 +1896,7 @@ export function BoardView() {
|
|||||||
Higher thinking levels give the model more time to reason through complex problems.
|
Higher thinking levels give the model more time to reason through complex problems.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
@@ -1860,7 +2059,7 @@ export function BoardView() {
|
|||||||
>
|
>
|
||||||
<MessageSquare className="w-4 h-4 mr-2" />
|
<MessageSquare className="w-4 h-4 mr-2" />
|
||||||
Send Follow-Up
|
Send Follow-Up
|
||||||
<span className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-white/10 border border-white/20">
|
<span className="ml-2 px-1.5 py-0.5 text-[10px] font-mono rounded bg-primary-foreground/10 border border-primary-foreground/20">
|
||||||
⌘↵
|
⌘↵
|
||||||
</span>
|
</span>
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -191,7 +191,7 @@ export function KanbanCard({
|
|||||||
ref={setNodeRef}
|
ref={setNodeRef}
|
||||||
style={style}
|
style={style}
|
||||||
className={cn(
|
className={cn(
|
||||||
"cursor-grab active:cursor-grabbing transition-all backdrop-blur-sm border-border relative",
|
"cursor-grab active:cursor-grabbing transition-all backdrop-blur-sm border-border relative kanban-card-content",
|
||||||
isDragging && "opacity-50 scale-105 shadow-lg",
|
isDragging && "opacity-50 scale-105 shadow-lg",
|
||||||
isCurrentAutoTask &&
|
isCurrentAutoTask &&
|
||||||
"border-purple-500 border-2 shadow-purple-500/50 shadow-lg animate-pulse"
|
"border-purple-500 border-2 shadow-purple-500/50 shadow-lg animate-pulse"
|
||||||
@@ -260,10 +260,10 @@ export function KanbanCard({
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<CardTitle className="text-sm leading-tight">
|
<CardTitle className="text-sm leading-tight break-words hyphens-auto line-clamp-3">
|
||||||
{feature.description}
|
{feature.description}
|
||||||
</CardTitle>
|
</CardTitle>
|
||||||
<CardDescription className="text-xs mt-1">
|
<CardDescription className="text-xs mt-1 truncate">
|
||||||
{feature.category}
|
{feature.category}
|
||||||
</CardDescription>
|
</CardDescription>
|
||||||
</div>
|
</div>
|
||||||
@@ -283,7 +283,7 @@ export function KanbanCard({
|
|||||||
) : (
|
) : (
|
||||||
<Circle className="w-3 h-3 mt-0.5 shrink-0" />
|
<Circle className="w-3 h-3 mt-0.5 shrink-0" />
|
||||||
)}
|
)}
|
||||||
<span className="truncate">{step}</span>
|
<span className="break-words hyphens-auto line-clamp-2 leading-relaxed">{step}</span>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
{feature.steps.length > 3 && (
|
{feature.steps.length > 3 && (
|
||||||
@@ -302,7 +302,7 @@ export function KanbanCard({
|
|||||||
agentInfo &&
|
agentInfo &&
|
||||||
(isCurrentAutoTask || feature.status === "in_progress") && (
|
(isCurrentAutoTask || feature.status === "in_progress") && (
|
||||||
<div className="mb-3 space-y-1">
|
<div className="mb-3 space-y-1">
|
||||||
<div className="w-full h-1.5 bg-zinc-800 rounded-full overflow-hidden">
|
<div className="w-full h-1.5 bg-muted rounded-full overflow-hidden">
|
||||||
<div
|
<div
|
||||||
className="w-full h-full bg-primary transition-transform duration-500 ease-out origin-left"
|
className="w-full h-full bg-primary transition-transform duration-500 ease-out origin-left"
|
||||||
style={{
|
style={{
|
||||||
@@ -349,7 +349,7 @@ export function KanbanCard({
|
|||||||
{/* Progress Indicator */}
|
{/* Progress Indicator */}
|
||||||
{(isCurrentAutoTask || feature.status === "in_progress") && (
|
{(isCurrentAutoTask || feature.status === "in_progress") && (
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
<div className="w-full h-1.5 bg-zinc-800 rounded-full overflow-hidden">
|
<div className="w-full h-1.5 bg-muted rounded-full overflow-hidden">
|
||||||
<div
|
<div
|
||||||
className="w-full h-full bg-primary transition-transform duration-500 ease-out origin-left"
|
className="w-full h-full bg-primary transition-transform duration-500 ease-out origin-left"
|
||||||
style={{
|
style={{
|
||||||
@@ -367,7 +367,7 @@ export function KanbanCard({
|
|||||||
</span>
|
</span>
|
||||||
{agentInfo.lastToolUsed && (
|
{agentInfo.lastToolUsed && (
|
||||||
<span
|
<span
|
||||||
className="text-zinc-500 truncate max-w-[80px]"
|
className="text-muted-foreground truncate max-w-[80px]"
|
||||||
title={agentInfo.lastToolUsed}
|
title={agentInfo.lastToolUsed}
|
||||||
>
|
>
|
||||||
{agentInfo.lastToolUsed}
|
{agentInfo.lastToolUsed}
|
||||||
@@ -403,15 +403,15 @@ export function KanbanCard({
|
|||||||
) : todo.status === "in_progress" ? (
|
) : todo.status === "in_progress" ? (
|
||||||
<Loader2 className="w-2.5 h-2.5 text-amber-400 animate-spin shrink-0" />
|
<Loader2 className="w-2.5 h-2.5 text-amber-400 animate-spin shrink-0" />
|
||||||
) : (
|
) : (
|
||||||
<Circle className="w-2.5 h-2.5 text-zinc-500 shrink-0" />
|
<Circle className="w-2.5 h-2.5 text-muted-foreground shrink-0" />
|
||||||
)}
|
)}
|
||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
"truncate",
|
"break-words hyphens-auto line-clamp-2 leading-relaxed",
|
||||||
todo.status === "completed" &&
|
todo.status === "completed" &&
|
||||||
"text-zinc-500 line-through",
|
"text-muted-foreground line-through",
|
||||||
todo.status === "in_progress" && "text-amber-400",
|
todo.status === "in_progress" && "text-amber-400",
|
||||||
todo.status === "pending" && "text-zinc-400"
|
todo.status === "pending" && "text-foreground-secondary"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{todo.content}
|
{todo.content}
|
||||||
@@ -432,7 +432,7 @@ export function KanbanCard({
|
|||||||
feature.status === "verified") && (
|
feature.status === "verified") && (
|
||||||
<>
|
<>
|
||||||
{(feature.summary || summary || agentInfo.summary) && (
|
{(feature.summary || summary || agentInfo.summary) && (
|
||||||
<div className="space-y-1 pt-1 border-t border-white/5">
|
<div className="space-y-1 pt-1 border-t border-border-glass">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div className="flex items-center gap-1 text-[10px] text-green-400">
|
<div className="flex items-center gap-1 text-[10px] text-green-400">
|
||||||
<Sparkles className="w-3 h-3" />
|
<Sparkles className="w-3 h-3" />
|
||||||
@@ -443,14 +443,14 @@ export function KanbanCard({
|
|||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
setIsSummaryDialogOpen(true);
|
setIsSummaryDialogOpen(true);
|
||||||
}}
|
}}
|
||||||
className="p-0.5 rounded hover:bg-white/10 transition-colors text-zinc-500 hover:text-zinc-300"
|
className="p-0.5 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground"
|
||||||
title="View full summary"
|
title="View full summary"
|
||||||
data-testid={`expand-summary-${feature.id}`}
|
data-testid={`expand-summary-${feature.id}`}
|
||||||
>
|
>
|
||||||
<Expand className="w-3 h-3" />
|
<Expand className="w-3 h-3" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-[10px] text-zinc-400 line-clamp-3">
|
<p className="text-[10px] text-foreground-secondary line-clamp-3 break-words hyphens-auto leading-relaxed">
|
||||||
{feature.summary || summary || agentInfo.summary}
|
{feature.summary || summary || agentInfo.summary}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -460,7 +460,7 @@ export function KanbanCard({
|
|||||||
!summary &&
|
!summary &&
|
||||||
!agentInfo.summary &&
|
!agentInfo.summary &&
|
||||||
agentInfo.toolCallCount > 0 && (
|
agentInfo.toolCallCount > 0 && (
|
||||||
<div className="flex items-center gap-2 text-[10px] text-muted-foreground pt-1 border-t border-white/5">
|
<div className="flex items-center gap-2 text-[10px] text-muted-foreground pt-1 border-t border-border-glass">
|
||||||
<span className="flex items-center gap-1">
|
<span className="flex items-center gap-1">
|
||||||
<Wrench className="w-2.5 h-2.5" />
|
<Wrench className="w-2.5 h-2.5" />
|
||||||
{agentInfo.toolCallCount} tool calls
|
{agentInfo.toolCallCount} tool calls
|
||||||
@@ -753,7 +753,7 @@ export function KanbanCard({
|
|||||||
: feature.description}
|
: feature.description}
|
||||||
</DialogDescription>
|
</DialogDescription>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
<div className="flex-1 overflow-y-auto p-4 bg-zinc-900/50 rounded-lg border border-white/10">
|
<div className="flex-1 overflow-y-auto p-4 bg-card rounded-lg border border-border">
|
||||||
<Markdown>
|
<Markdown>
|
||||||
{feature.summary ||
|
{feature.summary ||
|
||||||
summary ||
|
summary ||
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ export function KanbanColumn({
|
|||||||
className={cn(
|
className={cn(
|
||||||
"flex-1 overflow-y-auto p-2",
|
"flex-1 overflow-y-auto p-2",
|
||||||
isDoubleWidth
|
isDoubleWidth
|
||||||
? "columns-2 gap-2 [&>*]:break-inside-avoid [&>*]:mb-2"
|
? "columns-2 gap-3 [&>*]:break-inside-avoid [&>*]:mb-3 [&>*]:overflow-hidden kanban-columns-layout"
|
||||||
: "space-y-2"
|
: "space-y-2"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -46,8 +46,10 @@ export function SettingsView() {
|
|||||||
} = useAppStore();
|
} = useAppStore();
|
||||||
const [anthropicKey, setAnthropicKey] = useState(apiKeys.anthropic);
|
const [anthropicKey, setAnthropicKey] = useState(apiKeys.anthropic);
|
||||||
const [googleKey, setGoogleKey] = useState(apiKeys.google);
|
const [googleKey, setGoogleKey] = useState(apiKeys.google);
|
||||||
|
const [openaiKey, setOpenaiKey] = useState(apiKeys.openai);
|
||||||
const [showAnthropicKey, setShowAnthropicKey] = useState(false);
|
const [showAnthropicKey, setShowAnthropicKey] = useState(false);
|
||||||
const [showGoogleKey, setShowGoogleKey] = useState(false);
|
const [showGoogleKey, setShowGoogleKey] = useState(false);
|
||||||
|
const [showOpenaiKey, setShowOpenaiKey] = useState(false);
|
||||||
const [saved, setSaved] = useState(false);
|
const [saved, setSaved] = useState(false);
|
||||||
const [testingConnection, setTestingConnection] = useState(false);
|
const [testingConnection, setTestingConnection] = useState(false);
|
||||||
const [testResult, setTestResult] = useState<{
|
const [testResult, setTestResult] = useState<{
|
||||||
@@ -74,10 +76,32 @@ export function SettingsView() {
|
|||||||
};
|
};
|
||||||
error?: string;
|
error?: string;
|
||||||
} | null>(null);
|
} | null>(null);
|
||||||
|
const [codexCliStatus, setCodexCliStatus] = useState<{
|
||||||
|
success: boolean;
|
||||||
|
status?: string;
|
||||||
|
method?: string;
|
||||||
|
version?: string;
|
||||||
|
path?: string;
|
||||||
|
hasApiKey?: boolean;
|
||||||
|
recommendation?: string;
|
||||||
|
installCommands?: {
|
||||||
|
macos?: string;
|
||||||
|
windows?: string;
|
||||||
|
linux?: string;
|
||||||
|
npm?: string;
|
||||||
|
};
|
||||||
|
error?: string;
|
||||||
|
} | null>(null);
|
||||||
|
const [testingOpenaiConnection, setTestingOpenaiConnection] = useState(false);
|
||||||
|
const [openaiTestResult, setOpenaiTestResult] = useState<{
|
||||||
|
success: boolean;
|
||||||
|
message: string;
|
||||||
|
} | null>(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setAnthropicKey(apiKeys.anthropic);
|
setAnthropicKey(apiKeys.anthropic);
|
||||||
setGoogleKey(apiKeys.google);
|
setGoogleKey(apiKeys.google);
|
||||||
|
setOpenaiKey(apiKeys.openai);
|
||||||
}, [apiKeys]);
|
}, [apiKeys]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -91,6 +115,14 @@ export function SettingsView() {
|
|||||||
console.error("Failed to check Claude CLI status:", error);
|
console.error("Failed to check Claude CLI status:", error);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (api?.checkCodexCli) {
|
||||||
|
try {
|
||||||
|
const status = await api.checkCodexCli();
|
||||||
|
setCodexCliStatus(status);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to check Codex CLI status:", error);
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
checkCliStatus();
|
checkCliStatus();
|
||||||
}, []);
|
}, []);
|
||||||
@@ -167,10 +199,64 @@ export function SettingsView() {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleTestOpenaiConnection = async () => {
|
||||||
|
setTestingOpenaiConnection(true);
|
||||||
|
setOpenaiTestResult(null);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const api = getElectronAPI();
|
||||||
|
if (api?.testOpenAIConnection) {
|
||||||
|
const result = await api.testOpenAIConnection(openaiKey);
|
||||||
|
if (result.success) {
|
||||||
|
setOpenaiTestResult({
|
||||||
|
success: true,
|
||||||
|
message: result.message || "Connection successful! OpenAI API responded.",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setOpenaiTestResult({
|
||||||
|
success: false,
|
||||||
|
message: result.error || "Failed to connect to OpenAI API.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Fallback to web API test
|
||||||
|
const response = await fetch("/api/openai/test", {
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({ apiKey: openaiKey }),
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (response.ok && data.success) {
|
||||||
|
setOpenaiTestResult({
|
||||||
|
success: true,
|
||||||
|
message: data.message || "Connection successful! OpenAI API responded.",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setOpenaiTestResult({
|
||||||
|
success: false,
|
||||||
|
message: data.error || "Failed to connect to OpenAI API.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
setOpenaiTestResult({
|
||||||
|
success: false,
|
||||||
|
message: "Network error. Please check your connection.",
|
||||||
|
});
|
||||||
|
} finally {
|
||||||
|
setTestingOpenaiConnection(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const handleSave = () => {
|
const handleSave = () => {
|
||||||
setApiKeys({
|
setApiKeys({
|
||||||
anthropic: anthropicKey,
|
anthropic: anthropicKey,
|
||||||
google: googleKey,
|
google: googleKey,
|
||||||
|
openai: openaiKey,
|
||||||
});
|
});
|
||||||
setSaved(true);
|
setSaved(true);
|
||||||
setTimeout(() => setSaved(false), 2000);
|
setTimeout(() => setSaved(false), 2000);
|
||||||
@@ -273,7 +359,7 @@ export function SettingsView() {
|
|||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-zinc-500">
|
<p className="text-xs text-muted-foreground">
|
||||||
Used for Claude AI features. Get your key at{" "}
|
Used for Claude AI features. Get your key at{" "}
|
||||||
<a
|
<a
|
||||||
href="https://console.anthropic.com/account/keys"
|
href="https://console.anthropic.com/account/keys"
|
||||||
@@ -367,7 +453,7 @@ export function SettingsView() {
|
|||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-zinc-500">
|
<p className="text-xs text-muted-foreground">
|
||||||
Used for Gemini AI features (including image/design prompts).
|
Used for Gemini AI features (including image/design prompts).
|
||||||
Get your key at{" "}
|
Get your key at{" "}
|
||||||
<a
|
<a
|
||||||
@@ -403,6 +489,99 @@ export function SettingsView() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* OpenAI API Key */}
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Label htmlFor="openai-key" className="text-foreground">
|
||||||
|
OpenAI API Key (Codex/GPT)
|
||||||
|
</Label>
|
||||||
|
{apiKeys.openai && (
|
||||||
|
<CheckCircle2 className="w-4 h-4 text-brand-500" />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="flex gap-2">
|
||||||
|
<div className="relative flex-1">
|
||||||
|
<Input
|
||||||
|
id="openai-key"
|
||||||
|
type={showOpenaiKey ? "text" : "password"}
|
||||||
|
value={openaiKey}
|
||||||
|
onChange={(e) => setOpenaiKey(e.target.value)}
|
||||||
|
placeholder="sk-..."
|
||||||
|
className="pr-10 bg-input border-border text-foreground placeholder:text-muted-foreground"
|
||||||
|
data-testid="openai-api-key-input"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground hover:bg-transparent"
|
||||||
|
onClick={() => setShowOpenaiKey(!showOpenaiKey)}
|
||||||
|
data-testid="toggle-openai-visibility"
|
||||||
|
>
|
||||||
|
{showOpenaiKey ? (
|
||||||
|
<EyeOff className="w-4 h-4" />
|
||||||
|
) : (
|
||||||
|
<Eye className="w-4 h-4" />
|
||||||
|
)}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
variant="secondary"
|
||||||
|
onClick={handleTestOpenaiConnection}
|
||||||
|
disabled={!openaiKey || testingOpenaiConnection}
|
||||||
|
className="bg-secondary hover:bg-accent text-secondary-foreground border border-border"
|
||||||
|
data-testid="test-openai-connection"
|
||||||
|
>
|
||||||
|
{testingOpenaiConnection ? (
|
||||||
|
<>
|
||||||
|
<Loader2 className="w-4 h-4 mr-2 animate-spin" />
|
||||||
|
Testing...
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<Zap className="w-4 h-4 mr-2" />
|
||||||
|
Test
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<p className="text-xs text-muted-foreground">
|
||||||
|
Used for OpenAI Codex CLI and GPT models.
|
||||||
|
Get your key at{" "}
|
||||||
|
<a
|
||||||
|
href="https://platform.openai.com/api-keys"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="text-brand-500 hover:text-brand-400 hover:underline"
|
||||||
|
>
|
||||||
|
platform.openai.com
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{openaiTestResult && (
|
||||||
|
<div
|
||||||
|
className={`flex items-center gap-2 p-3 rounded-lg ${
|
||||||
|
openaiTestResult.success
|
||||||
|
? "bg-green-500/10 border border-green-500/20 text-green-400"
|
||||||
|
: "bg-red-500/10 border border-red-500/20 text-red-400"
|
||||||
|
}`}
|
||||||
|
data-testid="openai-test-connection-result"
|
||||||
|
>
|
||||||
|
{openaiTestResult.success ? (
|
||||||
|
<CheckCircle2 className="w-4 h-4" />
|
||||||
|
) : (
|
||||||
|
<AlertCircle className="w-4 h-4" />
|
||||||
|
)}
|
||||||
|
<span
|
||||||
|
className="text-sm"
|
||||||
|
data-testid="openai-test-connection-message"
|
||||||
|
>
|
||||||
|
{openaiTestResult.message}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Security Notice */}
|
{/* Security Notice */}
|
||||||
<div className="flex items-start gap-3 p-4 rounded-lg bg-yellow-500/10 border border-yellow-500/20">
|
<div className="flex items-start gap-3 p-4 rounded-lg bg-yellow-500/10 border border-yellow-500/20">
|
||||||
<AlertCircle className="w-5 h-5 text-yellow-500 mt-0.5 shrink-0" />
|
<AlertCircle className="w-5 h-5 text-yellow-500 mt-0.5 shrink-0" />
|
||||||
@@ -419,13 +598,13 @@ export function SettingsView() {
|
|||||||
|
|
||||||
{/* Claude CLI Status Section */}
|
{/* Claude CLI Status Section */}
|
||||||
{claudeCliStatus && (
|
{claudeCliStatus && (
|
||||||
<div className="rounded-xl border border-white/10 bg-zinc-900/50 backdrop-blur-md overflow-hidden">
|
<div className="rounded-xl border border-border bg-card backdrop-blur-md overflow-hidden">
|
||||||
<div className="p-6 border-b border-white/10">
|
<div className="p-6 border-b border-border">
|
||||||
<div className="flex items-center gap-2 mb-2">
|
<div className="flex items-center gap-2 mb-2">
|
||||||
<Terminal className="w-5 h-5 text-brand-500" />
|
<Terminal className="w-5 h-5 text-brand-500" />
|
||||||
<h2 className="text-lg font-semibold text-white">Claude Code CLI</h2>
|
<h2 className="text-lg font-semibold text-foreground">Claude Code CLI</h2>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-sm text-zinc-400">
|
<p className="text-sm text-muted-foreground">
|
||||||
Claude Code CLI provides better performance for long-running tasks, especially with ultrathink.
|
Claude Code CLI provides better performance for long-running tasks, especially with ultrathink.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -452,7 +631,7 @@ export function SettingsView() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{claudeCliStatus.recommendation && (
|
{claudeCliStatus.recommendation && (
|
||||||
<p className="text-xs text-zinc-400">{claudeCliStatus.recommendation}</p>
|
<p className="text-xs text-muted-foreground">{claudeCliStatus.recommendation}</p>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
@@ -468,24 +647,123 @@ export function SettingsView() {
|
|||||||
</div>
|
</div>
|
||||||
{claudeCliStatus.installCommands && (
|
{claudeCliStatus.installCommands && (
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
<p className="text-xs font-medium text-zinc-300">Installation Commands:</p>
|
<p className="text-xs font-medium text-foreground-secondary">Installation Commands:</p>
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
{claudeCliStatus.installCommands.npm && (
|
{claudeCliStatus.installCommands.npm && (
|
||||||
<div className="p-2 rounded bg-zinc-950/50 border border-white/5">
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
<p className="text-xs text-zinc-400 mb-1">npm:</p>
|
<p className="text-xs text-muted-foreground mb-1">npm:</p>
|
||||||
<code className="text-xs text-zinc-300 font-mono break-all">{claudeCliStatus.installCommands.npm}</code>
|
<code className="text-xs text-foreground-secondary font-mono break-all">{claudeCliStatus.installCommands.npm}</code>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{claudeCliStatus.installCommands.macos && (
|
{claudeCliStatus.installCommands.macos && (
|
||||||
<div className="p-2 rounded bg-zinc-950/50 border border-white/5">
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
<p className="text-xs text-zinc-400 mb-1">macOS/Linux:</p>
|
<p className="text-xs text-muted-foreground mb-1">macOS/Linux:</p>
|
||||||
<code className="text-xs text-zinc-300 font-mono break-all">{claudeCliStatus.installCommands.macos}</code>
|
<code className="text-xs text-foreground-secondary font-mono break-all">{claudeCliStatus.installCommands.macos}</code>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{claudeCliStatus.installCommands.windows && (
|
{claudeCliStatus.installCommands.windows && (
|
||||||
<div className="p-2 rounded bg-zinc-950/50 border border-white/5">
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
<p className="text-xs text-zinc-400 mb-1">Windows (PowerShell):</p>
|
<p className="text-xs text-muted-foreground mb-1">Windows (PowerShell):</p>
|
||||||
<code className="text-xs text-zinc-300 font-mono break-all">{claudeCliStatus.installCommands.windows}</code>
|
<code className="text-xs text-foreground-secondary font-mono break-all">{claudeCliStatus.installCommands.windows}</code>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Codex CLI Status Section */}
|
||||||
|
{codexCliStatus && (
|
||||||
|
<div className="rounded-xl border border-border bg-card backdrop-blur-md overflow-hidden">
|
||||||
|
<div className="p-6 border-b border-border">
|
||||||
|
<div className="flex items-center gap-2 mb-2">
|
||||||
|
<Terminal className="w-5 h-5 text-green-500" />
|
||||||
|
<h2 className="text-lg font-semibold text-foreground">OpenAI Codex CLI</h2>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-muted-foreground">
|
||||||
|
Codex CLI enables GPT-5.1 Codex models for autonomous coding tasks.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="p-6 space-y-4">
|
||||||
|
{codexCliStatus.success && codexCliStatus.status === 'installed' ? (
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex items-center gap-2 p-3 rounded-lg bg-green-500/10 border border-green-500/20">
|
||||||
|
<CheckCircle2 className="w-5 h-5 text-green-500 shrink-0" />
|
||||||
|
<div className="flex-1">
|
||||||
|
<p className="text-sm font-medium text-green-400">Codex CLI Installed</p>
|
||||||
|
<div className="text-xs text-green-400/80 mt-1 space-y-1">
|
||||||
|
{codexCliStatus.method && (
|
||||||
|
<p>Method: <span className="font-mono">{codexCliStatus.method}</span></p>
|
||||||
|
)}
|
||||||
|
{codexCliStatus.version && (
|
||||||
|
<p>Version: <span className="font-mono">{codexCliStatus.version}</span></p>
|
||||||
|
)}
|
||||||
|
{codexCliStatus.path && (
|
||||||
|
<p className="truncate" title={codexCliStatus.path}>
|
||||||
|
Path: <span className="font-mono text-[10px]">{codexCliStatus.path}</span>
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{codexCliStatus.recommendation && (
|
||||||
|
<p className="text-xs text-muted-foreground">{codexCliStatus.recommendation}</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
) : codexCliStatus.status === 'api_key_only' ? (
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex items-start gap-3 p-3 rounded-lg bg-blue-500/10 border border-blue-500/20">
|
||||||
|
<AlertCircle className="w-5 h-5 text-blue-500 mt-0.5 shrink-0" />
|
||||||
|
<div className="flex-1">
|
||||||
|
<p className="text-sm font-medium text-blue-400">API Key Detected - CLI Not Installed</p>
|
||||||
|
<p className="text-xs text-blue-400/80 mt-1">
|
||||||
|
{codexCliStatus.recommendation || 'OPENAI_API_KEY found but Codex CLI not installed. Install the CLI for full agentic capabilities.'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{codexCliStatus.installCommands && (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<p className="text-xs font-medium text-foreground-secondary">Installation Commands:</p>
|
||||||
|
<div className="space-y-1">
|
||||||
|
{codexCliStatus.installCommands.npm && (
|
||||||
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
|
<p className="text-xs text-muted-foreground mb-1">npm:</p>
|
||||||
|
<code className="text-xs text-foreground-secondary font-mono break-all">{codexCliStatus.installCommands.npm}</code>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex items-start gap-3 p-3 rounded-lg bg-yellow-500/10 border border-yellow-500/20">
|
||||||
|
<AlertCircle className="w-5 h-5 text-yellow-500 mt-0.5 shrink-0" />
|
||||||
|
<div className="flex-1">
|
||||||
|
<p className="text-sm font-medium text-yellow-400">Codex CLI Not Detected</p>
|
||||||
|
<p className="text-xs text-yellow-400/80 mt-1">
|
||||||
|
{codexCliStatus.recommendation || 'Install OpenAI Codex CLI to use GPT-5.1 Codex models for autonomous coding.'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{codexCliStatus.installCommands && (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<p className="text-xs font-medium text-foreground-secondary">Installation Commands:</p>
|
||||||
|
<div className="space-y-1">
|
||||||
|
{codexCliStatus.installCommands.npm && (
|
||||||
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
|
<p className="text-xs text-muted-foreground mb-1">npm:</p>
|
||||||
|
<code className="text-xs text-foreground-secondary font-mono break-all">{codexCliStatus.installCommands.npm}</code>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{codexCliStatus.installCommands.macos && (
|
||||||
|
<div className="p-2 rounded bg-background border border-border-glass">
|
||||||
|
<p className="text-xs text-muted-foreground mb-1">macOS (Homebrew):</p>
|
||||||
|
<code className="text-xs text-foreground-secondary font-mono break-all">{codexCliStatus.installCommands.macos}</code>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
@@ -664,34 +942,34 @@ export function SettingsView() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Kanban Card Display Section */}
|
{/* Kanban Card Display Section */}
|
||||||
<div className="rounded-xl border border-white/10 bg-zinc-900/50 backdrop-blur-md overflow-hidden">
|
<div className="rounded-xl border border-border bg-card backdrop-blur-md overflow-hidden">
|
||||||
<div className="p-6 border-b border-white/10">
|
<div className="p-6 border-b border-border">
|
||||||
<div className="flex items-center gap-2 mb-2">
|
<div className="flex items-center gap-2 mb-2">
|
||||||
<LayoutGrid className="w-5 h-5 text-brand-500" />
|
<LayoutGrid className="w-5 h-5 text-brand-500" />
|
||||||
<h2 className="text-lg font-semibold text-white">
|
<h2 className="text-lg font-semibold text-foreground">
|
||||||
Kanban Card Display
|
Kanban Card Display
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-sm text-zinc-400">
|
<p className="text-sm text-muted-foreground">
|
||||||
Control how much information is displayed on Kanban cards.
|
Control how much information is displayed on Kanban cards.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="p-6 space-y-4">
|
<div className="p-6 space-y-4">
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<Label className="text-zinc-300">Detail Level</Label>
|
<Label className="text-foreground-secondary">Detail Level</Label>
|
||||||
<div className="grid grid-cols-3 gap-3">
|
<div className="grid grid-cols-3 gap-3">
|
||||||
<button
|
<button
|
||||||
onClick={() => setKanbanCardDetailLevel("minimal")}
|
onClick={() => setKanbanCardDetailLevel("minimal")}
|
||||||
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
||||||
kanbanCardDetailLevel === "minimal"
|
kanbanCardDetailLevel === "minimal"
|
||||||
? "bg-white/5 border-brand-500 text-white"
|
? "bg-accent border-brand-500 text-foreground"
|
||||||
: "bg-zinc-950/50 border-white/10 text-zinc-400 hover:text-white hover:bg-white/5"
|
: "bg-input border-border text-muted-foreground hover:text-foreground hover:bg-accent"
|
||||||
}`}
|
}`}
|
||||||
data-testid="kanban-detail-minimal"
|
data-testid="kanban-detail-minimal"
|
||||||
>
|
>
|
||||||
<Minimize2 className="w-5 h-5" />
|
<Minimize2 className="w-5 h-5" />
|
||||||
<span className="font-medium text-sm">Minimal</span>
|
<span className="font-medium text-sm">Minimal</span>
|
||||||
<span className="text-xs text-zinc-500 text-center">
|
<span className="text-xs text-muted-foreground text-center">
|
||||||
Title & category only
|
Title & category only
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
@@ -699,14 +977,14 @@ export function SettingsView() {
|
|||||||
onClick={() => setKanbanCardDetailLevel("standard")}
|
onClick={() => setKanbanCardDetailLevel("standard")}
|
||||||
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
||||||
kanbanCardDetailLevel === "standard"
|
kanbanCardDetailLevel === "standard"
|
||||||
? "bg-white/5 border-brand-500 text-white"
|
? "bg-accent border-brand-500 text-foreground"
|
||||||
: "bg-zinc-950/50 border-white/10 text-zinc-400 hover:text-white hover:bg-white/5"
|
: "bg-input border-border text-muted-foreground hover:text-foreground hover:bg-accent"
|
||||||
}`}
|
}`}
|
||||||
data-testid="kanban-detail-standard"
|
data-testid="kanban-detail-standard"
|
||||||
>
|
>
|
||||||
<Square className="w-5 h-5" />
|
<Square className="w-5 h-5" />
|
||||||
<span className="font-medium text-sm">Standard</span>
|
<span className="font-medium text-sm">Standard</span>
|
||||||
<span className="text-xs text-zinc-500 text-center">
|
<span className="text-xs text-muted-foreground text-center">
|
||||||
Steps & progress
|
Steps & progress
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
@@ -714,19 +992,19 @@ export function SettingsView() {
|
|||||||
onClick={() => setKanbanCardDetailLevel("detailed")}
|
onClick={() => setKanbanCardDetailLevel("detailed")}
|
||||||
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
className={`flex flex-col items-center justify-center gap-2 px-4 py-4 rounded-lg border transition-all ${
|
||||||
kanbanCardDetailLevel === "detailed"
|
kanbanCardDetailLevel === "detailed"
|
||||||
? "bg-white/5 border-brand-500 text-white"
|
? "bg-accent border-brand-500 text-foreground"
|
||||||
: "bg-zinc-950/50 border-white/10 text-zinc-400 hover:text-white hover:bg-white/5"
|
: "bg-input border-border text-muted-foreground hover:text-foreground hover:bg-accent"
|
||||||
}`}
|
}`}
|
||||||
data-testid="kanban-detail-detailed"
|
data-testid="kanban-detail-detailed"
|
||||||
>
|
>
|
||||||
<Maximize2 className="w-5 h-5" />
|
<Maximize2 className="w-5 h-5" />
|
||||||
<span className="font-medium text-sm">Detailed</span>
|
<span className="font-medium text-sm">Detailed</span>
|
||||||
<span className="text-xs text-zinc-500 text-center">
|
<span className="text-xs text-muted-foreground text-center">
|
||||||
Model, tools & tasks
|
Model, tools & tasks
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-zinc-500">
|
<p className="text-xs text-muted-foreground">
|
||||||
<strong>Minimal:</strong> Shows only title and category
|
<strong>Minimal:</strong> Shows only title and category
|
||||||
<br />
|
<br />
|
||||||
<strong>Standard:</strong> Adds steps preview and progress bar
|
<strong>Standard:</strong> Adds steps preview and progress bar
|
||||||
@@ -757,7 +1035,7 @@ export function SettingsView() {
|
|||||||
<Button
|
<Button
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
onClick={() => setCurrentView("welcome")}
|
onClick={() => setCurrentView("welcome")}
|
||||||
className="bg-white/5 hover:bg-white/10 text-white border border-white/10"
|
className="bg-secondary hover:bg-accent text-secondary-foreground border border-border"
|
||||||
data-testid="back-to-home"
|
data-testid="back-to-home"
|
||||||
>
|
>
|
||||||
Back to Home
|
Back to Home
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ export interface StatResult {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Auto Mode types - Import from electron.d.ts to avoid duplication
|
// Auto Mode types - Import from electron.d.ts to avoid duplication
|
||||||
import type { AutoModeEvent } from "@/types/electron";
|
import type { AutoModeEvent, ModelDefinition, ProviderStatus } from "@/types/electron";
|
||||||
|
|
||||||
export interface AutoModeAPI {
|
export interface AutoModeAPI {
|
||||||
start: (projectPath: string) => Promise<{ success: boolean; error?: string }>;
|
start: (projectPath: string) => Promise<{ success: boolean; error?: string }>;
|
||||||
@@ -94,6 +94,39 @@ export interface ElectronAPI {
|
|||||||
};
|
};
|
||||||
error?: string;
|
error?: string;
|
||||||
}>;
|
}>;
|
||||||
|
checkCodexCli?: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
status?: string;
|
||||||
|
method?: string;
|
||||||
|
version?: string;
|
||||||
|
path?: string;
|
||||||
|
hasApiKey?: boolean;
|
||||||
|
recommendation?: string;
|
||||||
|
installCommands?: {
|
||||||
|
macos?: string;
|
||||||
|
windows?: string;
|
||||||
|
linux?: string;
|
||||||
|
npm?: string;
|
||||||
|
};
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
model?: {
|
||||||
|
getAvailable: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
models?: ModelDefinition[];
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
checkProviders: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
providers?: Record<string, ProviderStatus>;
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
testOpenAIConnection?: (apiKey?: string) => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
message?: string;
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
}
|
}
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
@@ -359,6 +392,28 @@ export const getElectronAPI = (): ElectronAPI => {
|
|||||||
return { success: true, path: tempFilePath };
|
return { success: true, path: tempFilePath };
|
||||||
},
|
},
|
||||||
|
|
||||||
|
checkClaudeCli: async () => ({
|
||||||
|
success: false,
|
||||||
|
status: "not_installed",
|
||||||
|
recommendation: "Claude CLI checks are unavailable in the web preview.",
|
||||||
|
}),
|
||||||
|
|
||||||
|
checkCodexCli: async () => ({
|
||||||
|
success: false,
|
||||||
|
status: "not_installed",
|
||||||
|
recommendation: "Codex CLI checks are unavailable in the web preview.",
|
||||||
|
}),
|
||||||
|
|
||||||
|
model: {
|
||||||
|
getAvailable: async () => ({ success: true, models: [] }),
|
||||||
|
checkProviders: async () => ({ success: true, providers: {} }),
|
||||||
|
},
|
||||||
|
|
||||||
|
testOpenAIConnection: async () => ({
|
||||||
|
success: false,
|
||||||
|
error: "OpenAI connection test is only available in the Electron app.",
|
||||||
|
}),
|
||||||
|
|
||||||
// Mock Auto Mode API
|
// Mock Auto Mode API
|
||||||
autoMode: createMockAutoModeAPI(),
|
autoMode: createMockAutoModeAPI(),
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -29,7 +29,27 @@ export interface LogEntry {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const generateId = () => Math.random().toString(36).substring(2, 9);
|
/**
|
||||||
|
* Generates a deterministic ID based on content and position
|
||||||
|
* This ensures the same log entry always gets the same ID,
|
||||||
|
* preserving expanded/collapsed state when new logs stream in
|
||||||
|
*
|
||||||
|
* Uses only the first 200 characters of content to ensure stability
|
||||||
|
* even when entries are merged (which appends content at the end)
|
||||||
|
*/
|
||||||
|
const generateDeterministicId = (content: string, lineIndex: number): string => {
|
||||||
|
// Use first 200 chars to ensure stability when entries are merged
|
||||||
|
const stableContent = content.slice(0, 200);
|
||||||
|
// Simple hash function for the content
|
||||||
|
let hash = 0;
|
||||||
|
const str = stableContent + '|' + lineIndex.toString();
|
||||||
|
for (let i = 0; i < str.length; i++) {
|
||||||
|
const char = str.charCodeAt(i);
|
||||||
|
hash = ((hash << 5) - hash) + char;
|
||||||
|
hash = hash & hash; // Convert to 32bit integer
|
||||||
|
}
|
||||||
|
return 'log_' + Math.abs(hash).toString(36);
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Detects the type of log entry based on content patterns
|
* Detects the type of log entry based on content patterns
|
||||||
@@ -165,24 +185,32 @@ export function parseLogOutput(rawOutput: string): LogEntry[] {
|
|||||||
const entries: LogEntry[] = [];
|
const entries: LogEntry[] = [];
|
||||||
const lines = rawOutput.split("\n");
|
const lines = rawOutput.split("\n");
|
||||||
|
|
||||||
let currentEntry: LogEntry | null = null;
|
let currentEntry: Omit<LogEntry, 'id'> & { id?: string } | null = null;
|
||||||
let currentContent: string[] = [];
|
let currentContent: string[] = [];
|
||||||
|
let entryStartLine = 0; // Track the starting line for deterministic ID generation
|
||||||
|
|
||||||
const finalizeEntry = () => {
|
const finalizeEntry = () => {
|
||||||
if (currentEntry && currentContent.length > 0) {
|
if (currentEntry && currentContent.length > 0) {
|
||||||
currentEntry.content = currentContent.join("\n").trim();
|
currentEntry.content = currentContent.join("\n").trim();
|
||||||
if (currentEntry.content) {
|
if (currentEntry.content) {
|
||||||
entries.push(currentEntry);
|
// Generate deterministic ID based on content and position
|
||||||
|
const entryWithId: LogEntry = {
|
||||||
|
...currentEntry as Omit<LogEntry, 'id'>,
|
||||||
|
id: generateDeterministicId(currentEntry.content, entryStartLine),
|
||||||
|
};
|
||||||
|
entries.push(entryWithId);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
currentContent = [];
|
currentContent = [];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
let lineIndex = 0;
|
||||||
for (const line of lines) {
|
for (const line of lines) {
|
||||||
const trimmedLine = line.trim();
|
const trimmedLine = line.trim();
|
||||||
|
|
||||||
// Skip empty lines at the beginning
|
// Skip empty lines at the beginning
|
||||||
if (!trimmedLine && !currentEntry) {
|
if (!trimmedLine && !currentEntry) {
|
||||||
|
lineIndex++;
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -204,9 +232,11 @@ export function parseLogOutput(rawOutput: string): LogEntry[] {
|
|||||||
// Finalize previous entry
|
// Finalize previous entry
|
||||||
finalizeEntry();
|
finalizeEntry();
|
||||||
|
|
||||||
// Start new entry
|
// Track starting line for deterministic ID
|
||||||
|
entryStartLine = lineIndex;
|
||||||
|
|
||||||
|
// Start new entry (ID will be generated when finalizing)
|
||||||
currentEntry = {
|
currentEntry = {
|
||||||
id: generateId(),
|
|
||||||
type: lineType,
|
type: lineType,
|
||||||
title: generateTitle(lineType, trimmedLine),
|
title: generateTitle(lineType, trimmedLine),
|
||||||
content: "",
|
content: "",
|
||||||
@@ -220,15 +250,18 @@ export function parseLogOutput(rawOutput: string): LogEntry[] {
|
|||||||
// Continue current entry
|
// Continue current entry
|
||||||
currentContent.push(line);
|
currentContent.push(line);
|
||||||
} else {
|
} else {
|
||||||
|
// Track starting line for deterministic ID
|
||||||
|
entryStartLine = lineIndex;
|
||||||
|
|
||||||
// No current entry, create a default info entry
|
// No current entry, create a default info entry
|
||||||
currentEntry = {
|
currentEntry = {
|
||||||
id: generateId(),
|
|
||||||
type: "info",
|
type: "info",
|
||||||
title: "Info",
|
title: "Info",
|
||||||
content: "",
|
content: "",
|
||||||
};
|
};
|
||||||
currentContent.push(line);
|
currentContent.push(line);
|
||||||
}
|
}
|
||||||
|
lineIndex++;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Finalize last entry
|
// Finalize last entry
|
||||||
@@ -248,6 +281,7 @@ function mergeConsecutiveEntries(entries: LogEntry[]): LogEntry[] {
|
|||||||
|
|
||||||
const merged: LogEntry[] = [];
|
const merged: LogEntry[] = [];
|
||||||
let current: LogEntry | null = null;
|
let current: LogEntry | null = null;
|
||||||
|
let mergeIndex = 0;
|
||||||
|
|
||||||
for (const entry of entries) {
|
for (const entry of entries) {
|
||||||
if (
|
if (
|
||||||
@@ -255,13 +289,15 @@ function mergeConsecutiveEntries(entries: LogEntry[]): LogEntry[] {
|
|||||||
(current.type === "debug" || current.type === "info") &&
|
(current.type === "debug" || current.type === "info") &&
|
||||||
current.type === entry.type
|
current.type === entry.type
|
||||||
) {
|
) {
|
||||||
// Merge into current
|
// Merge into current - regenerate ID based on merged content
|
||||||
current.content += "\n\n" + entry.content;
|
current.content += "\n\n" + entry.content;
|
||||||
|
current.id = generateDeterministicId(current.content, mergeIndex);
|
||||||
} else {
|
} else {
|
||||||
if (current) {
|
if (current) {
|
||||||
merged.push(current);
|
merged.push(current);
|
||||||
}
|
}
|
||||||
current = { ...entry };
|
current = { ...entry };
|
||||||
|
mergeIndex = merged.length;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,55 @@
|
|||||||
import { clsx, type ClassValue } from "clsx"
|
import { clsx, type ClassValue } from "clsx"
|
||||||
import { twMerge } from "tailwind-merge"
|
import { twMerge } from "tailwind-merge"
|
||||||
|
import type { AgentModel } from "@/store/app-store"
|
||||||
|
|
||||||
export function cn(...inputs: ClassValue[]) {
|
export function cn(...inputs: ClassValue[]) {
|
||||||
return twMerge(clsx(inputs))
|
return twMerge(clsx(inputs))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if a model is a Codex/OpenAI model (doesn't support thinking)
|
||||||
|
*/
|
||||||
|
export function isCodexModel(model?: AgentModel | string): boolean {
|
||||||
|
if (!model) return false;
|
||||||
|
const codexModels: string[] = [
|
||||||
|
"gpt-5.1-codex-max",
|
||||||
|
"gpt-5.1-codex",
|
||||||
|
"gpt-5.1-codex-mini",
|
||||||
|
"gpt-5.1",
|
||||||
|
"o3",
|
||||||
|
"o3-mini",
|
||||||
|
"o4-mini",
|
||||||
|
"gpt-4o",
|
||||||
|
"gpt-4o-mini",
|
||||||
|
];
|
||||||
|
return codexModels.includes(model);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determine if the current model supports extended thinking controls
|
||||||
|
*/
|
||||||
|
export function modelSupportsThinking(model?: AgentModel | string): boolean {
|
||||||
|
if (!model) return true;
|
||||||
|
return !isCodexModel(model);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get display name for a model
|
||||||
|
*/
|
||||||
|
export function getModelDisplayName(model: AgentModel | string): string {
|
||||||
|
const displayNames: Record<string, string> = {
|
||||||
|
haiku: "Claude Haiku",
|
||||||
|
sonnet: "Claude Sonnet",
|
||||||
|
opus: "Claude Opus",
|
||||||
|
"gpt-5.1-codex-max": "GPT-5.1 Codex Max",
|
||||||
|
"gpt-5.1-codex": "GPT-5.1 Codex",
|
||||||
|
"gpt-5.1-codex-mini": "GPT-5.1 Codex Mini",
|
||||||
|
"gpt-5.1": "GPT-5.1",
|
||||||
|
o3: "OpenAI O3",
|
||||||
|
"o3-mini": "OpenAI O3 Mini",
|
||||||
|
"o4-mini": "OpenAI O4 Mini",
|
||||||
|
"gpt-4o": "GPT-4o",
|
||||||
|
"gpt-4o-mini": "GPT-4o Mini",
|
||||||
|
};
|
||||||
|
return displayNames[model] || model;
|
||||||
|
}
|
||||||
|
|||||||
@@ -32,6 +32,7 @@ export type KanbanCardDetailLevel = "minimal" | "standard" | "detailed";
|
|||||||
export interface ApiKeys {
|
export interface ApiKeys {
|
||||||
anthropic: string;
|
anthropic: string;
|
||||||
google: string;
|
google: string;
|
||||||
|
openai: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface ImageAttachment {
|
export interface ImageAttachment {
|
||||||
@@ -76,7 +77,22 @@ export interface FeatureImagePath {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Available models for feature execution
|
// Available models for feature execution
|
||||||
export type AgentModel = "opus" | "sonnet" | "haiku";
|
// Claude models
|
||||||
|
export type ClaudeModel = "opus" | "sonnet" | "haiku";
|
||||||
|
// OpenAI/Codex models
|
||||||
|
export type OpenAIModel =
|
||||||
|
| "gpt-5.1-codex-max"
|
||||||
|
| "gpt-5.1-codex"
|
||||||
|
| "gpt-5.1-codex-mini"
|
||||||
|
| "gpt-5.1"
|
||||||
|
| "o3"
|
||||||
|
| "o3-mini"
|
||||||
|
| "o4-mini";
|
||||||
|
// Combined model type
|
||||||
|
export type AgentModel = ClaudeModel | OpenAIModel;
|
||||||
|
|
||||||
|
// Model provider type
|
||||||
|
export type ModelProvider = "claude" | "codex";
|
||||||
|
|
||||||
// Thinking level (budget_tokens) options
|
// Thinking level (budget_tokens) options
|
||||||
export type ThinkingLevel = "none" | "low" | "medium" | "high" | "ultrathink";
|
export type ThinkingLevel = "none" | "low" | "medium" | "high" | "ultrathink";
|
||||||
@@ -226,6 +242,7 @@ const initialState: AppState = {
|
|||||||
apiKeys: {
|
apiKeys: {
|
||||||
anthropic: "",
|
anthropic: "",
|
||||||
google: "",
|
google: "",
|
||||||
|
openai: "",
|
||||||
},
|
},
|
||||||
chatSessions: [],
|
chatSessions: [],
|
||||||
currentChatSession: null,
|
currentChatSession: null,
|
||||||
|
|||||||
68
app/src/types/electron.d.ts
vendored
68
app/src/types/electron.d.ts
vendored
@@ -340,6 +340,74 @@ export interface ElectronAPI {
|
|||||||
};
|
};
|
||||||
error?: string;
|
error?: string;
|
||||||
}>;
|
}>;
|
||||||
|
|
||||||
|
// Codex CLI Detection API
|
||||||
|
checkCodexCli: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
status?: string;
|
||||||
|
method?: string;
|
||||||
|
version?: string;
|
||||||
|
path?: string;
|
||||||
|
hasApiKey?: boolean;
|
||||||
|
recommendation?: string;
|
||||||
|
installCommands?: {
|
||||||
|
macos?: string;
|
||||||
|
windows?: string;
|
||||||
|
linux?: string;
|
||||||
|
npm?: string;
|
||||||
|
};
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
// Model Management APIs
|
||||||
|
model: {
|
||||||
|
// Get all available models from all providers
|
||||||
|
getAvailable: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
models?: ModelDefinition[];
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
// Check all provider installation status
|
||||||
|
checkProviders: () => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
providers?: Record<string, ProviderStatus>;
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
|
||||||
|
// OpenAI API
|
||||||
|
testOpenAIConnection: (apiKey?: string) => Promise<{
|
||||||
|
success: boolean;
|
||||||
|
message?: string;
|
||||||
|
error?: string;
|
||||||
|
}>;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Model definition type
|
||||||
|
export interface ModelDefinition {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
modelString: string;
|
||||||
|
provider: "claude" | "codex";
|
||||||
|
description?: string;
|
||||||
|
tier?: "basic" | "standard" | "premium";
|
||||||
|
default?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Provider status type
|
||||||
|
export interface ProviderStatus {
|
||||||
|
status: "installed" | "not_installed" | "api_key_only";
|
||||||
|
method?: string;
|
||||||
|
version?: string;
|
||||||
|
path?: string;
|
||||||
|
recommendation?: string;
|
||||||
|
installCommands?: {
|
||||||
|
macos?: string;
|
||||||
|
windows?: string;
|
||||||
|
linux?: string;
|
||||||
|
npm?: string;
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
|
|||||||
Reference in New Issue
Block a user