@pheem49/mint 1.8.2 → 1.9.0

package/src/renderer/src/components/Settings/GeneralTab.tsx

@@ -7,7 +7,10 @@ import {
   DEEPSEEK_MODELS,
   ANTHROPIC_MODELS,
   HF_MODELS,
-  LOCAL_MODELS
+  LOCAL_MODELS,
+  CustomProviderConfig,
+  CustomProviderModel,
+  CustomProviderHeader,
 } from '../SettingsWindow'
 
 interface GeneralTabProps {
@@ -35,6 +38,7 @@ interface GeneralTabProps {
   handleCheckUpdates: () => void
   handleInstallUpdate: () => void
   isDesktopApp?: boolean
+  onSaveWithoutClosing?: () => Promise<void>
 }
 
 export default function GeneralTab({
@@ -61,8 +65,18 @@ export default function GeneralTab({
   updateMessage,
   handleCheckUpdates,
   handleInstallUpdate,
-  isDesktopApp = true
+  isDesktopApp = true,
+  onSaveWithoutClosing
 }: GeneralTabProps) {
+  const [savedProviderId, setSavedProviderId] = React.useState<string | null>(null)
+
+  const handleSaveProvider = async (providerId: string) => {
+    if (onSaveWithoutClosing) {
+      await onSaveWithoutClosing()
+      setSavedProviderId(providerId)
+      setTimeout(() => setSavedProviderId(null), 2000)
+    }
+  }
   return (
     <div className="tab-pane active">
       <section className="setting-section">
@@ -86,8 +100,38 @@ export default function GeneralTab({
               <option value="ollama">Ollama (Local / Private)</option>
               <option value="huggingface">Hugging Face (Inference API)</option>
               <option value="local_openai">Local (LM Studio / OpenAI Compatible)</option>
+              {(config.customProviders ?? []).map(cp => (
+                <option key={`custom:${cp.id}`} value={`custom:${cp.id}`}>
+                  {cp.displayName || cp.id} (Custom)
+                </option>
+              ))}
             </select>
           </div>
+          {/* Model selector for custom providers */}
+          {config.aiProvider.startsWith('custom:') && (() => {
+            const activeId = config.aiProvider.replace(/^custom:/, '')
+            const cp = (config.customProviders ?? []).find(p => p.id === activeId)
+            if (!cp || cp.models.length === 0) return null
+            const currentModel = (config.customModelSelections ?? {})[activeId] ?? cp.models[0]?.modelId ?? ''
+            return (
+              <div className="setting-row wide">
+                <label>Active Model</label>
+                <select
+                  value={currentModel}
+                  onChange={(e) => updateField('customModelSelections', {
+                    ...(config.customModelSelections ?? {}),
+                    [activeId]: e.target.value
+                  })}
+                >
+                  {cp.models.map(m => (
+                    <option key={m.modelId} value={m.modelId}>
+                      {m.displayName || m.modelId}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            )
+          })()}
         </div>
 
         <div className="provider-cards-container">
@@ -877,6 +921,216 @@ export default function GeneralTab({
         </div>
       </section>
 
+      {/* ─── Custom Providers ─────────────────────────────────────────────────── */}
+      <section className="setting-section">
+        <div className="section-heading">
+          <div>
+            <p className="section-kicker">Custom AI Routing</p>
+            <h2 className="section-title">Custom Providers</h2>
+          </div>
+          <p className="section-description">
+            Add any OpenAI-compatible endpoint as a custom provider. Configure its models and optional headers.
+          </p>
+        </div>
+
+        <div className="provider-cards-container">
+          {(config.customProviders ?? []).map((cp, cpIdx) => {
+            const isActive = config.aiProvider === `custom:${cp.id}`
+
+            const updateCp = (patch: Partial<CustomProviderConfig>) => {
+              const updated = (config.customProviders ?? []).map((p, i) =>
+                i === cpIdx ? { ...p, ...patch } : p
+              )
+              updateField('customProviders', updated)
+            }
+
+            const deleteCp = () => {
+              const updated = (config.customProviders ?? []).filter((_, i) => i !== cpIdx)
+              updateField('customProviders', updated)
+              // If this was the active provider, reset to gemini
+              if (config.aiProvider === `custom:${cp.id}`) {
+                updateField('aiProvider', 'gemini')
+              }
+            }
+
+            const updateModel = (mIdx: number, patch: Partial<CustomProviderModel>) => {
+              const updatedModels = cp.models.map((m, i) => i === mIdx ? { ...m, ...patch } : m)
+              updateCp({ models: updatedModels })
+            }
+            const deleteModel = (mIdx: number) => {
+              updateCp({ models: cp.models.filter((_, i) => i !== mIdx) })
+            }
+            const addModel = () => {
+              updateCp({ models: [...cp.models, { modelId: '', displayName: '' }] })
+            }
+
+            const updateHeader = (hIdx: number, patch: Partial<CustomProviderHeader>) => {
+              const updatedHeaders = cp.headers.map((h, i) => i === hIdx ? { ...h, ...patch } : h)
+              updateCp({ headers: updatedHeaders })
+            }
+            const deleteHeader = (hIdx: number) => {
+              updateCp({ headers: cp.headers.filter((_, i) => i !== hIdx) })
+            }
+            const addHeader = () => {
+              updateCp({ headers: [...cp.headers, { name: '', value: '' }] })
+            }
+
+            return (
+              <div key={cpIdx} className={`provider-card ${isActive ? 'active-provider' : ''}`}>
+                <div className="provider-card-header">
+                  <div className="provider-card-title">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                      <circle cx="12" cy="12" r="3" /><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14" />
+                    </svg>
+                    {cp.displayName || cp.id || 'Unnamed Provider'}
+                  </div>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+                    {isActive && <span className="provider-active-badge">Active</span>}
+                    <button
+                      className="btn btn-primary"
+                      style={{ padding: '3px 8px', fontSize: '12px', background: savedProviderId === cp.id ? '#10b981' : '' }}
+                      onClick={() => handleSaveProvider(cp.id)}
+                      title="Save this provider settings"
+                    >
+                      {savedProviderId === cp.id ? 'Saved! ✓' : 'Save'}
+                    </button>
+                    <button
+                      className="btn btn-danger"
+                      style={{ padding: '3px 8px', fontSize: '12px' }}
+                      onClick={deleteCp}
+                      title="Delete this provider"
+                    >
+                      Delete
+                    </button>
+                  </div>
+                </div>
+
+                <div className="provider-card-body">
+                  <div className="setting-row">
+                    <label>Name</label>
+                    <input
+                      type="text"
+                      value={cp.displayName}
+                      onChange={(e) => {
+                        const name = e.target.value
+                        const computedId = name
+                          .toLowerCase()
+                          .replace(/[^a-z0-9_-]/g, '-')
+                          .replace(/-+/g, '-')
+                          .replace(/^-|-$/g, '') || `provider-${cpIdx + 1}`
+                        updateCp({ displayName: name, id: computedId })
+                      }}
+                      placeholder="e.g. DeepSeek"
+                    />
+                  </div>
+
+                  {/* Endpoint */}
+                  <div className="setting-row">
+                    <label>Base URL</label>
+                    <input
+                      type="text"
+                      value={cp.baseUrl}
+                      onChange={(e) => updateCp({ baseUrl: e.target.value })}
+                      placeholder="https://api.myprovider.com/v1"
+                    />
+                  </div>
+
+                  <div className="setting-row">
+                    <label>API Key</label>
+                    <input
+                      type="password"
+                      value={cp.apiKey}
+                      onChange={(e) => updateCp({ apiKey: e.target.value })}
+                      placeholder="Optional. Leave empty if you manage auth via headers."
+                    />
+                  </div>
+
+                  {/* Models */}
+                  <div style={{ marginTop: '12px' }}>
+                    <label style={{ fontWeight: 600, fontSize: '13px', display: 'block', marginBottom: '8px' }}>Model list</label>
+                    {cp.models.map((m, mIdx) => (
+                      <div key={mIdx} style={{ display: 'flex', gap: '8px', marginBottom: '6px', alignItems: 'center' }}>
+                        <input
+                          type="text"
+                          value={m.modelId}
+                          onChange={(e) => updateModel(mIdx, { modelId: e.target.value, displayName: e.target.value })}
+                          placeholder="e.g. llama-3.1-8b"
+                          style={{ flex: 1 }}
+                        />
+                        <button
+                          className="btn btn-danger"
+                          style={{ padding: '4px 8px', fontSize: '12px', flexShrink: 0 }}
+                          onClick={() => deleteModel(mIdx)}
+                          title="Remove model"
+                        >🗑</button>
+                      </div>
+                    ))}
+                    <button
+                      className="btn btn-secondary"
+                      style={{ fontSize: '12px', marginTop: '4px' }}
+                      onClick={addModel}
+                    >
+                      + Add model
+                    </button>
+                  </div>
+
+                  {/* Headers */}
+                  <div style={{ marginTop: '12px' }}>
+                    <label style={{ fontWeight: 600, fontSize: '13px', display: 'block', marginBottom: '8px' }}>Headers (optional)</label>
+                    {cp.headers.map((h, hIdx) => (
+                      <div key={hIdx} style={{ display: 'flex', gap: '8px', marginBottom: '6px', alignItems: 'center' }}>
+                        <input
+                          type="text"
+                          value={h.name}
+                          onChange={(e) => updateHeader(hIdx, { name: e.target.value })}
+                          placeholder="Header-Name"
+                          style={{ flex: 1 }}
+                        />
+                        <input
+                          type="text"
+                          value={h.value}
+                          onChange={(e) => updateHeader(hIdx, { value: e.target.value })}
+                          placeholder="value"
+                          style={{ flex: 1 }}
+                        />
+                        <button
+                          className="btn btn-danger"
+                          style={{ padding: '4px 8px', fontSize: '12px', flexShrink: 0 }}
+                          onClick={() => deleteHeader(hIdx)}
+                          title="Remove header"
+                        >🗑</button>
+                      </div>
+                    ))}
+                    <button
+                      className="btn btn-secondary"
+                      style={{ fontSize: '12px', marginTop: '4px' }}
+                      onClick={addHeader}
+                    >
+                      + Add header
+                    </button>
+                  </div>
+                </div>
+              </div>
+            )
+          })}
+        </div>
+
+        <div className="setting-actions" style={{ marginTop: '16px' }}>
+          <button
+            className="btn btn-secondary"
+            onClick={() => {
+              const newId = `provider-${(config.customProviders ?? []).length + 1}`
+              updateField('customProviders', [
+                ...(config.customProviders ?? []),
+                { id: newId, displayName: '', baseUrl: '', apiKey: '', models: [], headers: [] }
+              ])
+            }}
+          >
+            + Add custom provider
+          </button>
+        </div>
+      </section>
+
 
       {isDesktopApp && (
         <section className="setting-section">

package/src/renderer/src/components/SettingsWindow.tsx

@@ -8,6 +8,27 @@ import ThemeTab from './Settings/ThemeTab'
 import PluginsTab from './Settings/PluginsTab'
 import AgentsTab from './Settings/AgentsTab'
 
+// ─── Custom Provider Types ────────────────────────────────────────────────────
+
+export interface CustomProviderModel {
+  modelId: string
+  displayName: string
+}
+
+export interface CustomProviderHeader {
+  name: string
+  value: string
+}
+
+export interface CustomProviderConfig {
+  id: string
+  displayName: string
+  baseUrl: string
+  apiKey: string
+  models: CustomProviderModel[]
+  headers: CustomProviderHeader[]
+}
+
 export const DEFAULT_CONFIG = {
   theme: 'dark',
   accentColor: '#10b981',
@@ -122,7 +143,11 @@ export const DEFAULT_CONFIG = {
       systemInstruction: 'You are the Reviewer agent. Your task is to verify the code modifications made by the Coder. Run the automated tests, check lint errors, and ensure the implementation is correct and complete.',
       enabled: true
     }
-  ]
+  ],
+  // Custom Providers
+  customProviders: [] as CustomProviderConfig[],
+  /// Per-provider model selection: { [providerId]: selectedModelId }
+  customModelSelections: {} as Record<string, string>,
 }
 
 type TabType = 'sect-general' | 'sect-audio' | 'sect-automation' | 'sect-theme' | 'sect-plugins' | 'sect-shortcuts' | 'sect-memory' | 'sect-agents'
@@ -401,6 +426,47 @@ export default function SettingsWindow() {
     }
   }
 
+  const handleSaveWithoutClosing = async () => {
+    const finalConfig = { ...config }
+    
+    if (config.geminiModel === 'custom') {
+      finalConfig.geminiModel = customGemini || 'gemini-2.5-flash'
+    }
+    if (config.openaiModel === 'custom') {
+      finalConfig.openaiModel = customOpenAI || 'gpt-4o'
+    }
+    if (config.openrouterModel === 'custom') {
+      finalConfig.openrouterModel = customOpenRouter || 'openai/gpt-4o-mini'
+    }
+    if (config.deepseekModel === 'custom') {
+      finalConfig.deepseekModel = customDeepSeek || 'deepseek-v4-flash'
+    }
+    if (config.anthropicModel === 'custom') {
+      finalConfig.anthropicModel = customAnthropic || 'claude-3-5-sonnet-latest'
+    }
+    if (config.hfModel === 'custom') {
+      finalConfig.hfModel = customHF || 'meta-llama/Meta-Llama-3-8B-Instruct'
+    }
+    if (config.localModelName === 'custom') {
+      finalConfig.localModelName = customLocal || 'local-model'
+    }
+    if (config.ollamaModel === 'custom') {
+      finalConfig.ollamaModel = customOllama || 'llama3:latest'
+    }
+
+    try {
+      await setProfileValue('name', userName)
+      await setProfileValue('preferences', userPreferences)
+    } catch (e) {
+      console.error("Failed to save user profile memory:", e)
+    }
+
+    if (window.settingsApi) {
+      await window.settingsApi.saveSettings(finalConfig)
+      applyThemeStyles(finalConfig)
+    }
+  }
+
   const handleReset = async () => {
     if (confirm('Reset all settings to default?')) {
       setConfig(DEFAULT_CONFIG)
@@ -656,6 +722,7 @@ export default function SettingsWindow() {
               updateMessage={updateMessage}
               handleCheckUpdates={handleCheckUpdates}
               handleInstallUpdate={handleInstallUpdate}
+              onSaveWithoutClosing={handleSaveWithoutClosing}
             />
           )}
 

package/src/renderer/src/components/WorkspacePanel.tsx

@@ -1,60 +1,12 @@
 import React, { useEffect, useState } from 'react'
 import { getWorkspaceTree, type WorkspaceTreeEntry, createWorkspaceFile, createWorkspaceFolder, deleteWorkspaceItem } from '../tauri'
-import folderIcon from 'material-icon-theme/icons/folder.svg?url'
-import folderOpenIcon from 'material-icon-theme/icons/folder-open.svg?url'
-import folderComponentsIcon from 'material-icon-theme/icons/folder-components.svg?url'
-import folderComponentsOpenIcon from 'material-icon-theme/icons/folder-components-open.svg?url'
-import folderConfigIcon from 'material-icon-theme/icons/folder-config.svg?url'
-import folderConfigOpenIcon from 'material-icon-theme/icons/folder-config-open.svg?url'
-import folderDistIcon from 'material-icon-theme/icons/folder-dist.svg?url'
-import folderDistOpenIcon from 'material-icon-theme/icons/folder-dist-open.svg?url'
-import folderDocsIcon from 'material-icon-theme/icons/folder-docs.svg?url'
-import folderDocsOpenIcon from 'material-icon-theme/icons/folder-docs-open.svg?url'
-import folderGitIcon from 'material-icon-theme/icons/folder-git.svg?url'
-import folderGitOpenIcon from 'material-icon-theme/icons/folder-git-open.svg?url'
-import folderGithubIcon from 'material-icon-theme/icons/folder-github.svg?url'
-import folderGithubOpenIcon from 'material-icon-theme/icons/folder-github-open.svg?url'
-import folderImagesIcon from 'material-icon-theme/icons/folder-images.svg?url'
-import folderImagesOpenIcon from 'material-icon-theme/icons/folder-images-open.svg?url'
-import folderLogIcon from 'material-icon-theme/icons/folder-log.svg?url'
-import folderLogOpenIcon from 'material-icon-theme/icons/folder-log-open.svg?url'
-import folderNodeIcon from 'material-icon-theme/icons/folder-node.svg?url'
-import folderNodeOpenIcon from 'material-icon-theme/icons/folder-node-open.svg?url'
-import folderPublicIcon from 'material-icon-theme/icons/folder-public.svg?url'
-import folderPublicOpenIcon from 'material-icon-theme/icons/folder-public-open.svg?url'
-import folderRustIcon from 'material-icon-theme/icons/folder-rust.svg?url'
-import folderRustOpenIcon from 'material-icon-theme/icons/folder-rust-open.svg?url'
-import folderScriptsIcon from 'material-icon-theme/icons/folder-scripts.svg?url'
-import folderScriptsOpenIcon from 'material-icon-theme/icons/folder-scripts-open.svg?url'
-import folderSrcIcon from 'material-icon-theme/icons/folder-src.svg?url'
-import folderSrcOpenIcon from 'material-icon-theme/icons/folder-src-open.svg?url'
-import folderSrcTauriIcon from 'material-icon-theme/icons/folder-src-tauri.svg?url'
-import folderSrcTauriOpenIcon from 'material-icon-theme/icons/folder-src-tauri-open.svg?url'
-import folderTestIcon from 'material-icon-theme/icons/folder-test.svg?url'
-import folderTestOpenIcon from 'material-icon-theme/icons/folder-test-open.svg?url'
-import folderUiIcon from 'material-icon-theme/icons/folder-ui.svg?url'
-import folderUiOpenIcon from 'material-icon-theme/icons/folder-ui-open.svg?url'
-import folderUtilsIcon from 'material-icon-theme/icons/folder-utils.svg?url'
-import folderUtilsOpenIcon from 'material-icon-theme/icons/folder-utils-open.svg?url'
-import cssIcon from 'material-icon-theme/icons/css.svg?url'
-import documentIcon from 'material-icon-theme/icons/document.svg?url'
-import htmlIcon from 'material-icon-theme/icons/html.svg?url'
-import imageIcon from 'material-icon-theme/icons/image.svg?url'
-import javascriptIcon from 'material-icon-theme/icons/javascript.svg?url'
-import jsonIcon from 'material-icon-theme/icons/json.svg?url'
-import lockIcon from 'material-icon-theme/icons/lock.svg?url'
-import logIcon from 'material-icon-theme/icons/log.svg?url'
-import markdownIcon from 'material-icon-theme/icons/markdown.svg?url'
-import npmIcon from 'material-icon-theme/icons/npm.svg?url'
-import reactIcon from 'material-icon-theme/icons/react.svg?url'
-import reactTsIcon from 'material-icon-theme/icons/react_ts.svg?url'
-import rustIcon from 'material-icon-theme/icons/rust.svg?url'
-import settingsIcon from 'material-icon-theme/icons/settings.svg?url'
-import tauriIcon from 'material-icon-theme/icons/tauri.svg?url'
-import tomlIcon from 'material-icon-theme/icons/toml.svg?url'
-import typescriptIcon from 'material-icon-theme/icons/typescript.svg?url'
-import viteIcon from 'material-icon-theme/icons/vite.svg?url'
-import yamlIcon from 'material-icon-theme/icons/yaml.svg?url'
+import {
+  materialFolderIcon,
+  materialFileIcon,
+  getExtension as extension,
+  folderOpenIcon
+} from '../../shared/utils/fileIcons'
+
 
 interface WorkspacePanelProps {
   agentMode: boolean
@@ -76,76 +28,6 @@ const FILE_LABEL: Record<string, string> = {
   tsx: 'TS',
 }
 
-const FOLDER_ICONS: Record<string, { closed: string; open: string }> = {
-  '.cargo_home': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.github': { closed: folderGithubIcon, open: folderGithubOpenIcon },
-  '.git': { closed: folderGitIcon, open: folderGitOpenIcon },
-  '.rustup': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.rustup_copy': { closed: folderRustIcon, open: folderRustOpenIcon },
-  '.rustup_home': { closed: folderRustIcon, open: folderRustOpenIcon },
-  assets: { closed: folderImagesIcon, open: folderImagesOpenIcon },
-  components: { closed: folderComponentsIcon, open: folderComponentsOpenIcon },
-  crates: { closed: folderRustIcon, open: folderRustOpenIcon },
-  css: { closed: folderUiIcon, open: folderUiOpenIcon },
-  dist: { closed: folderDistIcon, open: folderDistOpenIcon },
-  docs: { closed: folderDocsIcon, open: folderDocsOpenIcon },
-  logs: { closed: folderLogIcon, open: folderLogOpenIcon },
-  node_modules: { closed: folderNodeIcon, open: folderNodeOpenIcon },
-  out: { closed: folderDistIcon, open: folderDistOpenIcon },
-  public: { closed: folderPublicIcon, open: folderPublicOpenIcon },
-  renderer: { closed: folderUiIcon, open: folderUiOpenIcon },
-  scripts: { closed: folderScriptsIcon, open: folderScriptsOpenIcon },
-  src: { closed: folderSrcIcon, open: folderSrcOpenIcon },
-  'src-tauri': { closed: folderSrcTauriIcon, open: folderSrcTauriOpenIcon },
-  tests: { closed: folderTestIcon, open: folderTestOpenIcon },
-  utils: { closed: folderUtilsIcon, open: folderUtilsOpenIcon },
-}
-
-const FILE_ICONS_BY_EXTENSION: Record<string, string> = {
-  css: cssIcon,
-  html: htmlIcon,
-  jpeg: imageIcon,
-  jpg: imageIcon,
-  js: javascriptIcon,
-  json: jsonIcon,
-  lock: lockIcon,
-  log: logIcon,
-  md: markdownIcon,
-  png: imageIcon,
-  rs: rustIcon,
-  svg: imageIcon,
-  toml: tomlIcon,
-  ts: typescriptIcon,
-  tsx: reactTsIcon,
-  yaml: yamlIcon,
-  yml: yamlIcon,
-}
-
-const FILE_ICONS_BY_NAME: Record<string, string> = {
-  'package-lock.json': npmIcon,
-  'package.json': npmIcon,
-  'tauri.conf.json': tauriIcon,
-  'vite.config.ts': viteIcon,
-  'vite.config.web.ts': viteIcon,
-}
-
-function extension(name: string) {
-  const index = name.lastIndexOf('.')
-  return index === -1 ? '' : name.slice(index + 1).toLowerCase()
-}
-
-function materialFolderIcon(name: string, open: boolean) {
-  const icon = FOLDER_ICONS[name] || FOLDER_ICONS[name.toLowerCase()]
-  if (!icon) return open ? folderOpenIcon : folderIcon
-  return open ? icon.open : icon.closed
-}
-
-function materialFileIcon(name: string, fileExtension: string) {
-  if (name.endsWith('.config.ts') || name.endsWith('.config.js')) return settingsIcon
-  if (name.endsWith('.tsx')) return reactTsIcon
-  if (name.endsWith('.jsx')) return reactIcon
-  return FILE_ICONS_BY_NAME[name.toLowerCase()] || FILE_ICONS_BY_EXTENSION[fileExtension] || documentIcon
-}
 
 function TreeNode({ entry, level, onRefresh, workspacePath }: { entry: WorkspaceTreeEntry; level: number; onRefresh: () => void; workspacePath: string; key?: string }) {
   const [open, setOpen] = useState(level < 1)

package/src/renderer/src/css/styles.css

@@ -1670,12 +1670,28 @@ h1 {
   width: 15px;
 }
 
+.agent-activity-icon[data-has-img="true"]::before,
+.agent-activity-icon[data-has-img="true"]::after {
+  display: none !important;
+}
+
+.agent-activity-icon img {
+  width: 14px;
+  height: 14px;
+  display: block;
+  object-fit: contain;
+  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.12));
+  pointer-events: none;
+  user-select: none;
+}
+
 .agent-activity-icon::before,
 .agent-activity-icon::after {
   content: "";
   position: absolute;
 }
 
+
 .agent-activity-item[data-kind="folder"] .agent-activity-icon::before {
   background: var(--text-muted);
   border-radius: 2px 2px 1px 1px;

package/src/renderer/src-web/components/ChatPanel.tsx

@@ -172,8 +172,13 @@ export default function ChatPanel({
       case 'ollama':
         return dynamicOllamaModels
       default:
+        if (provider.startsWith('custom:')) {
+          const id = provider.replace(/^custom:/, '')
+          const cp = (settingsConfig?.customProviders ?? []).find(p => p.id === id)
+          return cp?.models.map(m => m.modelId) ?? []
+        }
         return []
-    }
+      }
   }
 
   const activeProvider = status?.activeProvider ?? ''
@@ -199,6 +204,11 @@ export default function ChatPanel({
       case 'ollama':
         return settingsConfig.ollamaModel
       default:
+        if (provider.startsWith('custom:')) {
+          const id = provider.replace(/^custom:/, '')
+          const cp = (settingsConfig?.customProviders ?? []).find(p => p.id === id)
+          return (settingsConfig.customModelSelections ?? {})[id] ?? cp?.models[0]?.modelId ?? ''
+        }
         return ''
     }
   }
@@ -370,14 +380,19 @@ export default function ChatPanel({
       }
     }
     if (sending) return
-    if (!settingsConfig?.enableVoiceReply && !voiceMode) {
-      lastAutoSpokenIdRef.current = latest?.id ?? null
+    if (!latest?.aiText || latest.id === lastAutoSpokenIdRef.current) return
+
+    if (!settingsConfig?.enableVoiceReply) {
+      lastAutoSpokenIdRef.current = latest.id
+      if (voiceMode) {
+        scheduleVoiceListen(350)
+      }
       return
     }
-    if (!latest?.aiText || latest.id === lastAutoSpokenIdRef.current) return
+
     lastAutoSpokenIdRef.current = latest.id
     speak(latest.aiText)
-  }, [interactions, sending, settingsConfig?.enableVoiceReply])
+  }, [interactions, sending, settingsConfig?.enableVoiceReply, voiceMode])
 
   // Drag and Drop Zone Overlay
   const [isDragging, setIsDragging] = useState(false)
@@ -1137,6 +1152,11 @@ export default function ChatPanel({
                 else if (provider === 'huggingface') displayName = 'HF'
                 else if (provider === 'local_openai') displayName = 'Local'
                 else if (provider === 'ollama') displayName = 'Ollama'
+                else if (provider.startsWith('custom:')) {
+                  const id = provider.replace(/^custom:/, '')
+                  const cp = (settingsConfig?.customProviders ?? []).find(p => p.id === id)
+                  displayName = cp?.displayName || id
+                }
                 return <option key={provider} value={provider}>{displayName}</option>
               })}
             </select>

package/src/renderer/src-web/components/MintDashboard.tsx

@@ -606,6 +606,11 @@ export default function MintDashboard() {
     else if (provider === 'huggingface') providerName = 'HF'
     else if (provider === 'local_openai') providerName = 'Local'
     else if (provider === 'ollama') providerName = 'Ollama'
+    else if (provider.startsWith('custom:')) {
+      const id = provider.replace(/^custom:/, '')
+      const cp = (settingsConfig?.customProviders ?? []).find((p: any) => p.id === id)
+      providerName = cp?.displayName || id
+    }
 
     if (providerName && providerName === provider) {
       providerName = providerName.charAt(0).toUpperCase() + providerName.slice(1)
@@ -623,7 +628,14 @@ export default function MintDashboard() {
       case 'huggingface': return config.hfModel || 'meta-llama/Meta-Llama-3-8B-Instruct'
       case 'local_openai': return config.localModelName || 'llama3'
       case 'ollama': return config.ollamaModel || 'llama3:latest'
-      default: return ''
+      default: {
+        if (provider.startsWith('custom:')) {
+          const id = provider.replace(/^custom:/, '')
+          const cp = (config.customProviders ?? []).find((p: any) => p.id === id)
+          return (config.customModelSelections ?? {})[id] ?? cp?.models[0]?.modelId ?? ''
+        }
+        return ''
+      }
     }
   }
 
@@ -665,6 +677,12 @@ export default function MintDashboard() {
         config.localModelName = modelName
       } else if (provider === 'ollama') {
         config.ollamaModel = modelName
+      } else if (provider.startsWith('custom:')) {
+        const id = provider.replace(/^custom:/, '')
+        config.customModelSelections = {
+          ...(config.customModelSelections ?? {}),
+          [id]: modelName
+        }
       }
       await window.settingsApi.saveSettings(config)
       setSettingsConfig(config)