feat: improve header navigation layout and reduce debug logging

- Add text labels to navigation links with better spacing
- Reorganize header layout with improved visual hierarchy
- Move usage link to right side of header for better balance
- Comment out verbose debug logging in codex client
- Fix unused variable warning in profiles loading

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

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

Author: milisp

src-tauri/src/codex_client.rs

@@ -101,7 +101,7 @@ impl CodexClient {
         // Load provider configuration from config.toml if provider is specified
         if !config.provider.is_empty() && config.provider != "openai" {
             if let Ok(providers) = read_model_providers().await {
-                if let Ok(profiles) = read_profiles().await {
+                if let Ok(_profiles) = read_profiles().await {
                     // Check if there's a matching provider in config (try exact match first, then lowercase)
                     let provider_config = providers.get(&config.provider)
                         .or_else(|| providers.get(&config.provider.to_lowercase()));
@@ -251,9 +251,9 @@ impl CodexClient {
             log::debug!("Starting stdout reader for session: {}", session_id_clone);
 
             while let Ok(Some(line)) = lines.next_line().await {
-                log::debug!("📥 Received line from codex: {}", line);
+                // 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/layout/AppHeader.tsx

@@ -30,22 +30,18 @@ export function AppHeader() {
 
   return (
     <div data-tauri-drag-region className="flex justify-between px-2">
-      <span className="flex gap-1 items-center">
+      <span className="flex gap-2 items-center">
         <div
           className={`w-2 h-2 rounded-full ${isCodexAvailable ? "bg-green-500" : "bg-red-500"}`}
         ></div>
         <Badge>{codexVersion}</Badge>
         {/* Welcome button to projects page */}
-        <Link to="/" className="hover:text-blue-500">
-          <PartyPopper className="w-5 h-5" />
+        <Link to="/" className="flex hover:text-blue-500 items-center gap-1">
+          <PartyPopper className="w-5 h-5" /> Projects
         </Link>
 
-        <Link to="/chat" className="hover:text-blue-500 ">
-          <MessageCircleCode className="w-5 h-5" />
-        </Link>
-
-        <Link to="/usage" className="hover:text-blue-500">
-          <BarChart3 className="w-5 h-5" />
+        <Link to="/chat" className="flex hover:text-blue-500 items-center gap-1">
+          <MessageCircleCode className="w-5 h-5" /> Chat
         </Link>
 
         {location.pathname === "/chat" && (
@@ -60,7 +56,7 @@ export function AppHeader() {
         )}
       </span>
 
-      <span className="flex">
+      <span className="flex gap-2">
         {location.pathname === "/chat" && (
           <McpDialog>
             <Button variant="ghost" className="flex gap-1">
@@ -69,7 +65,12 @@ export function AppHeader() {
             </Button>
           </McpDialog>
         )}
-        <Link to="/settings" className="flex items-center">
+
+        <Link to="/usage" className="flex hover:text-blue-500 items-center gap-1">
+          <BarChart3 className="w-4 h-4" /> Usage
+        </Link>
+
+        <Link to="/settings" className="flex items-center gap-1">
           <Settings className="w-4 h-4" />
           Settings
         </Link>