@pheem49/mint 1.8.1 → 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

@@ -6,6 +6,28 @@ import AudioTab from './Settings/AudioTab'
 import AutomationTab from './Settings/AutomationTab'
 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',
@@ -30,7 +52,7 @@ export const DEFAULT_CONFIG = {
   proactiveCooldown: 120,
   enableVoiceReply: true,
   enableCustomWorkflows: true,
-  enableAgentCollaboration: true,
+  enableAgentCollaboration: false,
   ttsProvider: 'google',
   ttsVolume: 1.0,
   ttsSpeed: 1.0,
@@ -91,10 +113,44 @@ export const DEFAULT_CONFIG = {
   imageGenProvider: 'gemini' as 'gemini' | 'dalle' | 'stability' | 'ideogram' | 'replicate',
   stabilityApiKey: '',
   ideogramApiKey: '',
-  replicateApiKey: ''
+  replicateApiKey: '',
+  // Multi-Agent Configuration
+  agents: [
+    {
+      id: 'planner',
+      name: 'Planner',
+      provider: 'gemini',
+      model: 'gemini-2.5-flash',
+      apiKey: '',
+      systemInstruction: 'You are the Planner agent. Your task is to analyze the user request, inspect the workspace structure, and design a step-by-step implementation plan. Create or update the implementation_plan.md file to document your proposal.',
+      enabled: true
+    },
+    {
+      id: 'coder',
+      name: 'Coder',
+      provider: 'gemini',
+      model: 'gemini-2.5-flash',
+      apiKey: '',
+      systemInstruction: 'You are the Coder agent. Your task is to implement the changes specified in the approved implementation plan. Read relevant files, write clean and efficient code, and run terminal commands to build or verify. Stay focused on execution.',
+      enabled: true
+    },
+    {
+      id: 'reviewer',
+      name: 'Reviewer',
+      provider: 'gemini',
+      model: 'gemini-2.5-flash',
+      apiKey: '',
+      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'
+type TabType = 'sect-general' | 'sect-audio' | 'sect-automation' | 'sect-theme' | 'sect-plugins' | 'sect-shortcuts' | 'sect-memory' | 'sect-agents'
 
 export const GEMINI_MODELS = [
   'gemini-2.5-flash',
@@ -370,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)
@@ -586,6 +683,17 @@ export default function SettingsWindow() {
             </span>
             <strong>Plugins</strong>
           </button>
+          <button className={`tab-btn ${activeTab === 'sect-agents' ? 'active' : ''}`} onClick={() => setActiveTab('sect-agents')}>
+            <span style={{ display: 'inline-flex', alignItems: 'center' }}>
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                <circle cx="9" cy="7" r="4"></circle>
+                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+              </svg>
+            </span>
+            <strong>Multi-Agent (Beta)</strong>
+          </button>
         </nav>
 
         <div className="settings-content">
@@ -614,6 +722,7 @@ export default function SettingsWindow() {
               updateMessage={updateMessage}
               handleCheckUpdates={handleCheckUpdates}
               handleInstallUpdate={handleInstallUpdate}
+              onSaveWithoutClosing={handleSaveWithoutClosing}
             />
           )}
 
@@ -666,6 +775,14 @@ export default function SettingsWindow() {
               handleConnectPlugin={handleConnectPlugin}
             />
           )}
+
+          {activeTab === 'sect-agents' && (
+            <AgentsTab
+              config={config}
+              updateField={updateField}
+              dynamicOllamaModels={dynamicOllamaModels}
+            />
+          )}
         </div>
       </main>
 

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)