feat: Add Anthropic Claude API integration with provider selection #1613

Daytona39264 · 2025-11-08T03:17:29Z

Major Features:

Add Claude as an alternative AI provider alongside ChatGPT
Implement full Anthropic API client in Rust with extended context support
Support for 1M token context window via beta features
Provider selection UI in Settings

Technical Implementation:

Created claude.rs module with HTTP client for Anthropic API
Added configuration fields for API key, provider selection, and extended context
Implemented Tauri commands for Claude message handling
Created custom claude-chat.html interface for Claude conversations
Updated message routing in Ask.tsx to support both providers
Modified webview setup to conditionally load ChatGPT or Claude interface

Configuration:

Added anthropic_api_key, provider, and use_extended_context to AppConf
Enhanced Settings UI with provider selection and API key input
Implemented proper error handling and loading states

Dependencies:

Added reqwest v0.12 for HTTP requests
Added base64 v0.22 for encoding support

Files Changed:

src-tauri/src/core/claude.rs (new): Claude API client implementation
src-tauri/src/core/conf.rs: Extended configuration structure
src-tauri/src/core/cmd.rs: Added Claude-specific Tauri commands
src-tauri/src/core/setup.rs: Conditional webview loading based on provider
src/view/Settings.tsx: Complete Settings UI implementation
src/view/Ask.tsx: Provider-aware message routing
claude-chat.html (new): Claude chat interface

Major Features: - Add Claude as an alternative AI provider alongside ChatGPT - Implement full Anthropic API client in Rust with extended context support - Support for 1M token context window via beta features - Provider selection UI in Settings Technical Implementation: - Created claude.rs module with HTTP client for Anthropic API - Added configuration fields for API key, provider selection, and extended context - Implemented Tauri commands for Claude message handling - Created custom claude-chat.html interface for Claude conversations - Updated message routing in Ask.tsx to support both providers - Modified webview setup to conditionally load ChatGPT or Claude interface Configuration: - Added anthropic_api_key, provider, and use_extended_context to AppConf - Enhanced Settings UI with provider selection and API key input - Implemented proper error handling and loading states Dependencies: - Added reqwest v0.12 for HTTP requests - Added base64 v0.22 for encoding support Files Changed: - src-tauri/src/core/claude.rs (new): Claude API client implementation - src-tauri/src/core/conf.rs: Extended configuration structure - src-tauri/src/core/cmd.rs: Added Claude-specific Tauri commands - src-tauri/src/core/setup.rs: Conditional webview loading based on provider - src/view/Settings.tsx: Complete Settings UI implementation - src/view/Ask.tsx: Provider-aware message routing - claude-chat.html (new): Claude chat interface

Daytona39264

commit

Daytona39264 · 2025-11-08T03:19:16Z

@copilot

Daytona39264 · 2025-11-08T03:19:30Z

approved

Copilot

Pull Request Overview

This PR adds support for Anthropic's Claude API as an alternative AI provider to ChatGPT. Users can now select between ChatGPT (web interface) and Claude (API) in the settings, with Claude requiring an API key configuration.

Key Changes:

Added Claude API integration with configurable API key and extended context support
Implemented a custom chat UI for Claude conversations in HTML/CSS/JS
Created Settings page for provider selection and Claude API configuration

Reviewed Changes

Copilot reviewed 10 out of 11 changed files in this pull request and generated 15 comments.

Show a summary per file

File	Description
src/view/Settings.tsx	New settings UI component for provider selection and Claude API configuration
src/view/Ask.tsx	Extended chat input to support both ChatGPT and Claude providers with provider-specific message handling
src-tauri/src/main.rs	Registered new Tauri commands for provider management and Claude API integration
src-tauri/src/core/setup.rs	Modified webview initialization to conditionally load Claude chat UI or ChatGPT based on provider
src-tauri/src/core/mod.rs	Added claude module to core modules
src-tauri/src/core/conf.rs	Extended AppConf with provider, API key, and extended context configuration fields
src-tauri/src/core/cmd.rs	Added commands for provider settings, API key management, Claude messaging, and webview script evaluation
src-tauri/src/core/claude.rs	New module implementing Claude API client with message creation and response parsing
src-tauri/Cargo.toml	Added reqwest and base64 dependencies for HTTP requests and encoding
claude-chat.html	New standalone chat interface for Claude conversations with message display and theme support
Cargo.lock	Updated dependency lock file with new HTTP client and TLS-related crates

Comments suppressed due to low confidence (1)

src/view/Ask.tsx:70

Unused variable mainWebview.

        const mainWebview = (window as any).__TAURI__?.webview;

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

src-tauri/src/core/claude.rs

src/view/Ask.tsx

Copilot · 2025-11-08T03:22:22Z

src/view/Ask.tsx

+        // Send to Claude API
+        const response = await invoke<string>('send_claude_message', {
+          messages: history,


The conversation history returned by getConversationHistory() is used directly without validation. If the history contains invalid role values or is malformed, the Claude API will reject the request. Consider adding validation to ensure all messages have valid roles ('user' or 'assistant') and proper structure before sending to the API.

Suggested change

// Send to Claude API

const response = await invoke<string>('send_claude_message', {

messages: history,

// Validate conversation history before sending to Claude API

function isValidMessage(msg: any): msg is { role: string; content: string } {

return (

msg &&

typeof msg === 'object' &&

(msg.role === 'user' || msg.role === 'assistant') &&

typeof msg.content === 'string'

);

}

const validHistory = Array.isArray(history) ? history.filter(isValidMessage) : [];

if (validHistory.length !== history.length) {

// Optionally, show an error or warning if some messages were invalid

console.warn('Some invalid messages were removed from conversation history before sending to Claude API.');

}

// Send to Claude API

const response = await invoke<string>('send_claude_message', {

messages: validHistory,

src-tauri/Cargo.toml

src-tauri/src/core/cmd.rs

src/view/Ask.tsx

src-tauri/src/core/claude.rs

src/view/Settings.tsx

Daytona39264 · 2025-11-09T01:17:01Z

@copilot open a new pull request to apply changes based on the comments in this thread

Daytona39264 · 2025-11-09T01:18:35Z

@copilot open a new pull request to apply changes based on the comments in this thread

Improvements: - Increased max_tokens from 1024 to 8192 for better responses - Updated model identifier to claude-sonnet-4-5-20250514 - Added configurable DEFAULT_MAX_TOKENS constant - Created comprehensive CLAUDE_INTEGRATION.md documentation Documentation Includes: - Complete setup guide with step-by-step instructions - API configuration details and security information - Troubleshooting guide for common issues - Architecture diagrams and data flow explanations - API rate limits and usage guidelines - Future enhancement roadmap - Development and testing instructions Technical Improvements: - Better token limits for production use - Correct Claude model identifier - Enhanced code maintainability with constants

Added detailed implementation summary covering: - Executive summary and deliverables - Complete file changes documentation - Technical architecture and data flow - Security implementation details - UI/UX features - Testing and quality assurance - Deployment guide for users and developers - Known limitations and future enhancements - API rate limits and resources - Success metrics and lessons learned This document serves as a complete reference for the Anthropic Claude API integration project.

Final project deliverable documenting: - Complete executive summary - All deliverables and features - Technical architecture and implementation - Security and testing details - Deployment instructions - Next steps for merge completion - Comprehensive documentation index - Success metrics and completion checklist This report serves as the definitive completion document for the Anthropic Claude API integration.

Final task status document confirming: - All code implementation complete - All documentation complete - All commits pushed to remote - Branch synced and clean - Ready for production deployment This concludes the Anthropic Claude API integration task.

Copilot AI review requested due to automatic review settings November 8, 2025 03:17

Daytona39264 commented Nov 8, 2025

View reviewed changes

Daytona39264 closed this Nov 8, 2025

Copilot AI reviewed Nov 8, 2025

View reviewed changes

Daytona39264 reopened this Nov 9, 2025

claude added 5 commits November 9, 2025 11:55

docs: Add task completion summary

738a457

Final task status document confirming: - All code implementation complete - All documentation complete - All commits pushed to remote - Branch synced and clean - Ready for production deployment This concludes the Anthropic Claude API integration task.

chore: Add package-lock.json from npm install

6373a2e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: Add Anthropic Claude API integration with provider selection #1613

feat: Add Anthropic Claude API integration with provider selection #1613

Uh oh!

Daytona39264 commented Nov 8, 2025

Uh oh!

Daytona39264 left a comment

Uh oh!

Daytona39264 commented Nov 8, 2025

Uh oh!

Daytona39264 commented Nov 8, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI Nov 8, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Daytona39264 commented Nov 9, 2025

Uh oh!

Daytona39264 commented Nov 9, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

-        // Send to Claude API
-        const response = await invoke<string>('send_claude_message', {
-          messages: history,
+        // Validate conversation history before sending to Claude API
+        function isValidMessage(msg: any): msg is { role: string; content: string } {
+          return (
+            msg &&
+            typeof msg === 'object' &&
+            (msg.role === 'user' || msg.role === 'assistant') &&
+            typeof msg.content === 'string'
+          );
+        }
+        const validHistory = Array.isArray(history) ? history.filter(isValidMessage) : [];
+        if (validHistory.length !== history.length) {
+          // Optionally, show an error or warning if some messages were invalid
+          console.warn('Some invalid messages were removed from conversation history before sending to Claude API.');
+        }
+        // Send to Claude API
+        const response = await invoke<string>('send_claude_message', {
+          messages: validHistory,

feat: Add Anthropic Claude API integration with provider selection #1613

Are you sure you want to change the base?

feat: Add Anthropic Claude API integration with provider selection #1613

Uh oh!

Conversation

Daytona39264 commented Nov 8, 2025

Uh oh!

Daytona39264 left a comment

Choose a reason for hiding this comment

Uh oh!

Daytona39264 commented Nov 8, 2025

Uh oh!

Daytona39264 commented Nov 8, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI Nov 8, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Daytona39264 commented Nov 9, 2025

Uh oh!

Daytona39264 commented Nov 9, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants