Merge pull request #8 from multica-ai/fix/core-uiux

fix: core UI/UX improvements

package.json

@@ -26,6 +26,7 @@
     "@agentclientprotocol/sdk": "^0.13.0",
     "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/utils": "^4.0.0",
+    "@fontsource/geist-sans": "^5.2.5",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-separator": "^1.1.8",

pnpm-lock.yaml

@@ -17,6 +17,9 @@ importers:
       '@electron-toolkit/utils':
         specifier: ^4.0.0
         version: 4.0.0(electron@39.2.7)
+      '@fontsource/geist-sans':
+        specifier: ^5.2.5
+        version: 5.2.5
       '@radix-ui/react-collapsible':
         specifier: ^1.1.12
         version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -670,6 +673,9 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
+  '@fontsource/geist-sans@5.2.5':
+    resolution: {integrity: sha512-anllOHyJbElRs9fV15TeDRqAeb1IKm4bSknPl6ZMoyPTx1BBy7logudcUwpNjmQLkzn4Q0JGQLRCUKJYoyST6A==}
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -4285,6 +4291,8 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
+  '@fontsource/geist-sans@5.2.5': {}
+
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.7':

src/renderer/src/App.tsx

@@ -1,7 +1,7 @@
 /**
  * Main App component
  */
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import { useApp } from './hooks/useApp'
 import { ChatView, MessageInput, StatusBar } from './components'
 import { AppSidebar } from './components/AppSidebar'
@@ -44,13 +44,6 @@ function AppContent(): React.JSX.Element {
   // Default agent for new sessions
   const [defaultAgentId, setDefaultAgentId] = useState('opencode')
 
-  // Auto-show new session dialog when no sessions exist
-  useEffect(() => {
-    if (!currentSession && sessions.length === 0) {
-      openModal('newSession')
-    }
-  }, [currentSession, sessions.length, openModal])
-
   const handleNewSession = () => {
     openModal('newSession')
   }

src/renderer/src/main.tsx

@@ -1,3 +1,4 @@
+import '@fontsource/geist-sans'
 import './styles/index.css'
 
 import { StrictMode } from 'react'

src/renderer/src/styles/index.css

@@ -10,14 +10,7 @@
 
 body {
   -webkit-font-smoothing: antialiased;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    sans-serif;
+  font-family: 'Geist Sans', system-ui, sans-serif;
 }
 
 /* Draggable title bar region for macOS */
@@ -114,11 +107,11 @@ body {
   --chart-3: oklch(0.398 0.07 227.392);
   --chart-4: oklch(0.828 0.189 84.429);
   --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
+  --sidebar: #f2f2f2;
   --sidebar-foreground: oklch(0.141 0.005 285.823);
   --sidebar-primary: oklch(0.21 0.006 285.885);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent: #ddddde;
   --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
   --sidebar-border: oklch(0.92 0.004 286.32);
   --sidebar-ring: oklch(0.705 0.015 286.067);