@pheem49/mint 1.6.3 → 1.6.4

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

@@ -21,6 +21,7 @@ import {
 } from '../tauri'
 import ChatPanel from './ChatPanel'
 import DashboardSidebar, { type DashboardView } from './DashboardSidebar'
+import ImageStudioPanel from './ImageStudioPanel'
 import ModelPanel from './ModelPanel'
 import type { ModelInteraction } from './ModelPanel'
 import PicturesLibrary from './PicturesLibrary'
@@ -44,14 +45,14 @@ const ACCESSORIES = [
 
 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',
 }
 
 const LAST_WORKSPACE_PATH_KEY = 'mint:last-workspace-path'
@@ -187,7 +188,7 @@ const applyThemeStyles = (cfg: any) => {
   document.documentElement.style.setProperty('--text-main', systemTextColor)
   document.documentElement.style.setProperty('--glass-blur', cfg.glassBlur || 'blur(16px)')
   document.body.style.fontFamily = cfg.fontFamily || "'Outfit', sans-serif"
-  document.documentElement.style.fontSize = cfg.fontSize || '15px'
+  document.documentElement.style.fontSize = cfg.fontSize || '18px'
 
   if (theme === 'custom') {
     if (cfg.customBgStart && cfg.customBgEnd) {
@@ -342,7 +343,7 @@ export default function MintDashboard() {
   }, [])
 
   useEffect(() => {
-    if (view === 'pictures') refreshPictures().catch((reason: unknown) => setError(errorMessage(reason)))
+    if (view === 'pictures' || view === 'imagine') refreshPictures().catch((reason: unknown) => setError(errorMessage(reason)))
   }, [view])
 
   useEffect(() => {
@@ -927,6 +928,14 @@ export default function MintDashboard() {
           />
         </main>
         <PicturesLibrary view={view} pictures={pictures} onSetView={setView} />
+        <ImageStudioPanel
+          view={view}
+          onRefreshPictures={refreshPictures}
+          onSendToChat={(_url, imgPrompt) => {
+            setView('chat')
+            setMessage(imgPrompt)
+          }}
+        />
       </div>
       <div className={`startup-loading ${startupReady ? 'is-hidden' : ''}`} aria-live="polite" aria-busy={!startupReady}>
         <div className="startup-loading-content">

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

@@ -3,14 +3,14 @@ import { getProfileValue, setProfileValue } from '../tauri'
 
 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 [activeTab, setActiveTab] = useState<TabType>('sect-general')
   const [config, setConfig] = useState(DEFAULT_CONFIG)
@@ -169,6 +171,8 @@ export default function SettingsWindow() {
   const [updateMessage, setUpdateMessage] = useState('')
   const [updateAvailable, setUpdateAvailable] = useState(false)
 
+
+
   // Load settings on mount
   useEffect(() => {
     async function loadSettings() {
@@ -942,24 +946,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>
@@ -1342,10 +1350,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>