feat: improve chat UI with refresh functionality and better configuration

- Add refresh button to conversation tabs for reloading conversations
- Extract history loading logic to reusable function in ChatView
- Simplify config dialog by removing redundant model settings section
- Comment out verbose debug logging in codex client
- Improve command preview in config dialog to use current model settings

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: milisp

src-tauri/src/codex_client.rs

@@ -196,7 +196,7 @@ impl CodexClient {
             while let Ok(Some(line)) = lines.next_line().await {
                 log::debug!("Received line from codex: {}", line);
                 if let Ok(event) = serde_json::from_str::<Event>(&line) {
-                    log::debug!("Parsed event: {:?}", event);
+                    // log::debug!("Parsed event: {:?}", event);
 
                     // Log the event for debugging
                     if let Some(event_session_id) = get_session_id_from_event(&event) {

src/components/ChatView.tsx

@@ -57,24 +57,24 @@ export const ChatView: React.FC = () => {
     }
   }, [currentConversationId, activeConversations]);
 
-  useEffect(() => {
-    const loadHistory = async () => {
-      try {
-        const history = await sessionLoader.loadSessionsFromDisk();
-        setHistoryConversations(history);
-
-        const statuses: Record<string, boolean> = {};
-        for (const conv of history) {
-          statuses[conv.id] = await sessionLoader.isConversationFavorited(
-            conv.id,
-          );
-        }
-        setFavoriteStatuses(statuses);
-      } catch (error) {
-        console.error("Failed to load history conversations:", error);
+  const loadHistory = async () => {
+    try {
+      const history = await sessionLoader.loadSessionsFromDisk();
+      setHistoryConversations(history);
+
+      const statuses: Record<string, boolean> = {};
+      for (const conv of history) {
+        statuses[conv.id] = await sessionLoader.isConversationFavorited(
+          conv.id,
+        );
       }
-    };
+      setFavoriteStatuses(statuses);
+    } catch (error) {
+      console.error("Failed to load history conversations:", error);
+    }
+  };
 
+  useEffect(() => {
     loadHistory();
   }, []);
 
@@ -206,6 +206,7 @@ export const ChatView: React.FC = () => {
               onDeleteConversation={handleDeleteConversation}
               onSelectSession={handleSelectSession}
               onKillSession={handleKillSession}
+              onRefreshConversations={loadHistory}
             />
           </div>
         </div>

src/components/chat/ConversationTabs.tsx

@@ -2,7 +2,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { ConversationList } from "./ConversationList";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { Circle, X, Search } from "lucide-react";
+import { Circle, X, Search, RefreshCw } from "lucide-react";
 import { useLayoutStore } from "@/stores/layoutStore";
 import type { Conversation } from "@/types/chat";
 import React, { useMemo } from "react";
@@ -26,6 +26,7 @@ interface ChatTabsProps {
   onDeleteConversation: (conversationId: string, e: React.MouseEvent) => void;
   onSelectSession?: (sessionId: string) => void;
   onKillSession?: (sessionId: string) => void;
+  onRefreshConversations?: () => void;
 }
 
 export function ConversationTabs({
@@ -40,6 +41,7 @@ export function ConversationTabs({
   onToggleFavorite,
   onDeleteConversation,
   onKillSession,
+  onRefreshConversations,
 }: ChatTabsProps) {
   const { conversationListTab, setConversationListTab } = useLayoutStore();
 
@@ -159,14 +161,25 @@ export function ConversationTabs({
 
       <TabsContent value="all" className="flex-1 overflow-y-auto mt-0">
         <div className="p-3 bg-white border-b">
-          <div className="relative">
-            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-3 w-3 text-gray-400" />
-            <Input
-              placeholder="Search all conversations..."
-              value={searchQueries.all}
-              onChange={(e) => handleSearchChange(e.target.value)}
-              className="pl-8 h-8 text-sm"
-            />
+          <div className="flex gap-2">
+            <div className="relative flex-1">
+              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-3 w-3 text-gray-400" />
+              <Input
+                placeholder="Search all conversations..."
+                value={searchQueries.all}
+                onChange={(e) => handleSearchChange(e.target.value)}
+                className="pl-8 h-8 text-sm"
+              />
+            </div>
+            <Button
+              variant="ghost"
+              size="sm"
+              className="h-8 w-8 p-0"
+              onClick={onRefreshConversations}
+              title="Refresh conversations"
+            >
+              <RefreshCw className="h-3 w-3" />
+            </Button>
           </div>
         </div>
         <ConversationList

src/components/dialogs/ConfigDialog.tsx

@@ -12,6 +12,8 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog"
 import { useFolderStore } from "@/stores/FolderStore";
+import { useModelStore } from "@/stores/ModelStore";
+import { useSettingsStore } from "@/stores/SettingsStore";
 
 interface ConfigDialogProps {
   isOpen: boolean;
@@ -27,6 +29,8 @@ export const ConfigDialog: React.FC<ConfigDialogProps> = ({
   onSave,
 }) => {
   const { currentFolder, setCurrentFolder } = useFolderStore();
+  const { currentModel, currentProvider } = useModelStore();
+  const { providers } = useSettingsStore();
   const [localConfig, setLocalConfig] = useState<CodexConfig>({
     ...config,
     workingDirectory: currentFolder || config.workingDirectory
@@ -148,67 +152,6 @@ export const ConfigDialog: React.FC<ConfigDialogProps> = ({
             </p>
           </div>
 
-          {/* Model Configuration */}
-          <div className="space-y-4">
-            <h3 className="text-lg font-medium">Model Settings</h3>
-            
-            {/* Provider */}
-            <div className="space-y-2">
-              <label className="text-sm font-medium">Provider</label>
-              <div className="flex gap-2">
-                {['openai', 'oss', 'custom'].map((provider) => (
-                  <Button
-                    key={provider}
-                    variant={localConfig.provider === provider ? 'default' : 'outline'}
-                    size="sm"
-                    onClick={() => updateConfig('provider', provider)}
-                  >
-                    {provider.toUpperCase()}
-                  </Button>
-                ))}
-              </div>
-            </div>
-
-            {/* Use OSS */}
-            <div className="flex items-center gap-2">
-              <input
-                type="checkbox"
-                id="useOss"
-                checked={localConfig.useOss}
-                onChange={(e) => updateConfig('useOss', e.target.checked)}
-                className="rounded"
-              />
-              <label htmlFor="useOss" className="text-sm font-medium">
-                Use OSS (--oss flag)
-              </label>
-            </div>
-
-            {/* Model */}
-            <div className="space-y-2">
-              <label className="text-sm font-medium">Model</label>
-              <Input
-                value={localConfig.model}
-                onChange={(e) => updateConfig('model', e.target.value)}
-                placeholder="llama3.2, gpt-5, etc."
-              />
-              <div className="flex gap-2 mt-2">
-                {['gpt-oss:20b', 'gpt-5', 'gpt-4o', 'mistral', 'deepseek-r1', 'qwen3'].map((m) => (
-                  <Button
-                    key={m}
-                    variant="outline"
-                    size="sm"
-                    onClick={() => updateConfig('model', m)}
-                  >
-                    {m}
-                  </Button>
-                ))}
-              </div>
-              <p className="text-xs text-gray-500">
-                Model name (e.g., llama3.2 for OSS, gpt-4 for OpenAI)
-              </p>
-            </div>
-          </div>
-
           {/* Security Settings */}
           <div className="space-y-4">
             <h3 className="text-lg font-medium">Security Settings</h3>
@@ -275,8 +218,18 @@ export const ConfigDialog: React.FC<ConfigDialogProps> = ({
             <label className="text-sm font-medium">Command Preview</label>
             <div className="bg-gray-100 p-3 rounded text-sm font-mono">
               cd {localConfig.workingDirectory || '.'} && {localConfig.codexPath || 'codex'} proto
-              {localConfig.useOss && ' -c model_provider=oss'}
-              {localConfig.model && ` -c model=${localConfig.model}`}
+              {currentProvider && currentModel && (
+                <>
+                  {(() => {
+                    const settingsProvider = Object.keys(providers).find(
+                      p => p.toLowerCase() === currentProvider.toLowerCase()
+                    );
+                    const useOss = settingsProvider && settingsProvider.toLowerCase() === 'ollama';
+                    return useOss ? ' -c model_provider=oss' : '';
+                  })()}
+                  {` -c model=${currentModel}`}
+                </>
+              )}
               {localConfig.approvalPolicy && ` -c approval_policy=${localConfig.approvalPolicy}`}
               {localConfig.sandboxMode && ` -c sandbox_mode=${localConfig.sandboxMode}`}
               {localConfig.customArgs && localConfig.customArgs.length > 0 && ` ${localConfig.customArgs.join(' ')}`}