@pheem49/mint 1.6.2 → 1.6.4

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

@@ -21,17 +21,18 @@ import {
 import ChatPanel from './ChatPanel'
 import DashboardSidebar, { type DashboardView } from './DashboardSidebar'
 import PicturesLibrary from './PicturesLibrary'
+import ImageStudioPanel from './ImageStudioPanel'
 
 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 ACTIVE_CONVERSATION_ID_KEY = 'mint:web-active-conversation-id'
@@ -166,7 +167,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) {
@@ -745,11 +746,19 @@ export default function MintDashboard() {
           />
         </main>
         <PicturesLibrary view={view} pictures={pictures} onSetView={changeView} />
+        <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">
           <div className="startup-loading-dots" aria-hidden="true"><span /><span /><span /></div>
-          <div className="startup-loading-text">Loading Agent Mint</div>
+          <div className="startup-loading-text">Loading Mint Agent</div>
         </div>
       </div>
       {error && (

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>