@pheem49/mint 1.6.3 → 1.6.4

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

@@ -3,14 +3,14 @@ import { getLocalApiBase, isTauriRuntime, getProfileValue, setProfileValue } fro
 
 const DEFAULT_CONFIG = {
   theme: 'dark',
-  accentColor: '#4f83e6',
+  accentColor: '#10b981',
   systemTextColor: '#f8fafc',
   customBgStart: '#0f172a',
   customBgEnd: '#1e1b4b',
   customPanelBg: '#1e293b',
   glassBlur: 'blur(16px)',
   fontFamily: "'Outfit', sans-serif",
-  fontSize: '15px',
+  fontSize: '18px',
   apiKey: '',
   aiProvider: 'gemini',
   geminiModel: 'gemini-2.5-flash',
@@ -143,6 +143,8 @@ const OLLAMA_MODELS = [
   'qwen2.5:latest'
 ]
 
+
+
 export default function SettingsWindow() {
   const isDesktopApp = isTauriRuntime()
   const [activeTab, setActiveTab] = useState<TabType>('sect-general')
@@ -170,6 +172,8 @@ export default function SettingsWindow() {
   const [updateMessage, setUpdateMessage] = useState('')
   const [updateAvailable, setUpdateAvailable] = useState(false)
 
+
+
   // Load settings on mount
   useEffect(() => {
     async function loadSettings() {
@@ -970,24 +974,28 @@ export default function SettingsWindow() {
                 <div className="form-grid single">
                   <div className="setting-row">
                     <label>Your Name / Nickname</label>
-                    <input 
-                      type="text" 
-                      value={userName} 
-                      onChange={(e) => setUserName(e.target.value)} 
-                      placeholder="e.g. Pheem, Jane" 
-                    />
-                    <p className="hint">Used by the assistant to address you in conversation.</p>
+                    <div className="memory-field-container">
+                      <input 
+                        type="text" 
+                        value={userName} 
+                        onChange={(e) => setUserName(e.target.value)} 
+                        placeholder="e.g. Pheem, Jane" 
+                      />
+                      <p className="hint">Used by the assistant to address you in conversation.</p>
+                    </div>
                   </div>
 
                   <div className="setting-row">
                     <label>Custom Instructions & Preferences</label>
-                    <textarea 
-                      value={userPreferences} 
-                      onChange={(e) => setUserPreferences(e.target.value)} 
-                      placeholder="e.g. Explain coding concepts step-by-step. Prefer TypeScript. Talk in Thai. Keep explanations concise." 
-                      style={{ minHeight: '150px', resize: 'vertical' }}
-                    />
-                    <p className="hint">Preferences, guidelines, or persona instructions for the assistant.</p>
+                    <div className="memory-field-container">
+                      <textarea 
+                        value={userPreferences} 
+                        onChange={(e) => setUserPreferences(e.target.value)} 
+                        placeholder="e.g. Explain coding concepts step-by-step. Prefer TypeScript. Talk in Thai. Keep explanations concise." 
+                        style={{ minHeight: '150px', resize: 'vertical' }}
+                      />
+                      <p className="hint">Preferences, guidelines, or persona instructions for the assistant.</p>
+                    </div>
                   </div>
                 </div>
               </section>
@@ -1371,10 +1379,11 @@ export default function SettingsWindow() {
                   <div className="setting-row">
                     <label>Font Size</label>
                     <select value={config.fontSize} onChange={(e) => updateField('fontSize', e.target.value)}>
-                      <option value="14px">Small</option>
-                      <option value="15px">Medium (Default)</option>
-                      <option value="16px">Large</option>
-                      <option value="17px">Extra Large</option>
+                      <option value="16px">Small</option>
+                      <option value="18px">Medium (Default)</option>
+                      <option value="22px">Large</option>
+                      <option value="26px">Extra Large</option>
+                      <option value="30px">Extra Extra Large</option>
                     </select>
                   </div>
                 </div>