Skip to content

feat: Add UI to configure custom model providers (#829)#830

Open
caoergou wants to merge 2 commits intodifferent-ai:devfrom
caoergou:feat/custom-provider-ui-829
Open

feat: Add UI to configure custom model providers (#829)#830
caoergou wants to merge 2 commits intodifferent-ai:devfrom
caoergou:feat/custom-provider-ui-829

Conversation

@caoergou
Copy link
Contributor

Summary

  • Add a modal dialog in Settings to configure custom model providers (e.g., Ollama, vLLM, OpenAI-compatible APIs) through the GUI
  • Users can now add custom providers without manually editing opencode.json
  • Includes preset templates for Ollama, vLLM, and generic OpenAI-compatible APIs

Changes

File Type Description
packages/app/src/app/provider-config.ts New Provider config utilities with validation
packages/app/src/app/components/custom-provider-modal.tsx New Modal component for adding custom providers
packages/app/src/app/pages/settings.tsx Modified Add "Add custom provider" button
packages/app/src/app/pages/dashboard.tsx Modified Integrate modal rendering
packages/app/src/app/app.tsx Modified Add modal state and handlers

Features

  • Preset Templates: Quick setup for Ollama (localhost:11434), vLLM (localhost:8000/v1), or custom APIs
  • Form Validation: Provider ID format validation, URL validation, duplicate detection
  • Dynamic Model List: Add/remove multiple models for each provider
  • Security Warning: API keys stored in plaintext with visible warning
  • Success/Error States: Clear feedback on save operations

Test Plan

  1. Open Settings → General
  2. Click "Add custom provider"
  3. Select Ollama preset and fill in model details
  4. Save and verify provider appears in list
  5. Check opencode.json contains new provider entry
  6. Test selecting custom provider model in chat

Closes #829

@vercel
Copy link

vercel bot commented Mar 11, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
openwork-software Ready Ready Preview, Comment Mar 11, 2026 5:42am

@vercel
Copy link

vercel bot commented Mar 11, 2026

@caoergou is attempting to deploy a commit to the Different AI Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Contributor

The following comment was made by an LLM, it may be inaccurate:

Tailwind CSS v4 sets `font-weight: bolder` for <strong> by default,
which is a relative value that may not produce visible bold effect
depending on the parent element's font weight.

This commit adds explicit Tailwind utility classes to ensure:
- <strong> elements render with font-semibold (font-weight: 600)
- <em> elements render with italic style

Fixes different-ai#802
Add a modal dialog in Settings to configure custom model providers
(e.g., Ollama, vLLM, OpenAI-compatible APIs) through the GUI.

- Add provider-config.ts with validation and config utilities
- Add CustomProviderModal component with preset templates
- Integrate modal in Settings page with "Add custom provider" button
- Support dynamic model list, base URL validation, and optional API key

Users can now add custom providers without manually editing opencode.json.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Add UI to configure custom model providers in OpenWork desktop client

1 participant