feat: add functionality to create new windows in the Tauri application

- Implemented a new command to create a new window in the Tauri app, allowing users to open multiple instances.
- Added a button in the AppHeader component to trigger the new window creation.
- Updated capability configurations to support the new window functionality.

Author: milisp

src-tauri/capabilities/default.json

@@ -3,12 +3,17 @@
   "identifier": "default",
   "description": "Capability for the main window",
   "windows": [
-    "main"
+    "main",
+    "main-*"
   ],
   "permissions": [
     "core:default",
+    "core:event:default",
+    "core:event:allow-listen",
+    "core:event:allow-emit",
     "core:window:allow-start-dragging",
     "core:window:allow-set-title",
+    "core:webview:default",
     "dialog:default",
     "dialog:allow-ask",
     "dialog:allow-message",

src-tauri/capabilities/desktop.json

@@ -6,7 +6,8 @@
     "linux"
   ],
   "windows": [
-    "main"
+    "main",
+    "main-*"
   ],
   "permissions": [
     "updater:default"

src-tauri/src/commands.rs

@@ -135,3 +135,25 @@ pub async fn find_rollout_path_for_session(session_uuid: String) -> Result<Optio
 
     Ok(rollout_path)
 }
+
+#[tauri::command]
+pub async fn create_new_window(app: AppHandle) -> Result<(), String> {
+    use tauri::{WebviewUrl, WebviewWindowBuilder};
+    
+    let window_label = format!("main-{}", chrono::Utc::now().timestamp_millis());
+    
+    let window = WebviewWindowBuilder::new(&app, &window_label, WebviewUrl::default())
+        .title("Codexia")
+        .inner_size(1200.0, 800.0)
+        .min_inner_size(800.0, 600.0)
+        .decorations(true)
+        .resizable(true)
+        .fullscreen(false)
+        .build()
+        .map_err(|e| format!("Failed to create new window: {}", e))?;
+        
+    // Focus the new window
+    window.set_focus().map_err(|e| format!("Failed to focus window: {}", e))?;
+    
+    Ok(())
+}

src-tauri/src/lib.rs

@@ -9,10 +9,10 @@ mod state;
 mod utils;
 
 use commands::{
-    approve_execution, approve_patch, check_codex_version, close_session, delete_session_file,
-    find_rollout_path_for_session, get_latest_session_id, get_running_sessions, get_session_files,
-    load_sessions_from_disk, pause_session, read_history_file, read_session_file, send_message,
-    start_codex_session,
+    approve_execution, approve_patch, check_codex_version, close_session, create_new_window,
+    delete_session_file, find_rollout_path_for_session, get_latest_session_id,
+    get_running_sessions, get_session_files, load_sessions_from_disk, pause_session,
+    read_history_file, read_session_file, send_message, start_codex_session,
 };
 use config::{
     add_or_update_model_provider, add_or_update_profile, delete_profile, ensure_default_providers,
@@ -81,6 +81,7 @@ pub fn run() {
             read_history_file,
             find_rollout_path_for_session,
             check_codex_version,
+            create_new_window,
             read_directory,
             get_default_directories,
             search_files,

src/components/layout/AppHeader.tsx

@@ -9,6 +9,7 @@ import {
   Brain,
   Palette,
   Users,
+  ExternalLink,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -54,6 +55,14 @@ export function AppHeader() {
     }
   };
 
+  const handleNewWindow = async () => {
+    try {
+      await invoke("create_new_window");
+    } catch (error) {
+      console.error("Failed to create new window:", error);
+    }
+  };
+
   useEffect(() => {
     const checkVersion = async () => {
       try {
@@ -92,9 +101,18 @@ export function AppHeader() {
 
         {/* Welcome button to projects page */}
         <Link to="/" className="flex hover:text-primary items-center gap-1">
-          <PartyPopper className="w-5 h-5" /> Projects
+          <PartyPopper className="w-5 h-5" />
         </Link>
 
+        <Button 
+          variant="ghost" 
+          onClick={handleNewWindow}
+          className="h-6 w-6"
+          title="Open New Window"
+        >
+          <ExternalLink />
+        </Button>
+
         {location.pathname === "/chat" && (
           <Button
             variant="ghost"
@@ -131,7 +149,6 @@ export function AppHeader() {
         <Button variant="ghost" onClick={toggleChatPane} className="h-6 w-6">
           <Brain />
         </Button>
-
         <Button variant="ghost" className="h-6 w-6" onClick={toggleTheme}>
           {theme === "dark" ? <Sun /> : <Moon />}
         </Button>