fix: WSL UNC path conversion and code cleanup

- Handle \\wsl.localhost\Distro\path -> /path conversion correctly
- Handle \\wsl$\Distro\path -> /path conversion correctly
- Fix indentation in AgentExecution.tsx model selector buttons
- Add shared ClaudeModel type and CLAUDE_MODELS config in types/hooks.ts

Author: jms830

src-tauri/src/shell_environment.rs

@@ -273,13 +273,33 @@ pub fn check_claude_in_wsl(_distro: Option<&str>) -> Option<String> {
 
 /// Convert a Windows path to WSL path format
 /// e.g., C:\Users\user\project -> /mnt/c/Users/user/project
+/// Also handles WSL UNC paths: \\wsl.localhost\Ubuntu\home\user -> /home/user
 #[cfg(windows)]
 pub fn windows_to_wsl_path(windows_path: &str) -> String {
     // Handle UNC paths and standard paths
     let path = windows_path.replace('\\', "/");
 
+    // Check for WSL UNC paths first: //wsl.localhost/Distro/path or //wsl$/Distro/path
+    if let Some(rest) = path.strip_prefix("//wsl.localhost/") {
+        // Format: //wsl.localhost/Ubuntu/home/user/... -> /home/user/...
+        // Skip the distro name (first path component)
+        if let Some(slash_pos) = rest.find('/') {
+            return rest[slash_pos..].to_string();
+        }
+        return format!("/{}", rest);
+    }
+    
+    if let Some(rest) = path.strip_prefix("//wsl$/") {
+        // Format: //wsl$/Ubuntu/home/user/... -> /home/user/...
+        // Skip the distro name (first path component)
+        if let Some(slash_pos) = rest.find('/') {
+            return rest[slash_pos..].to_string();
+        }
+        return format!("/{}", rest);
+    }
+
     if let Some(rest) = path.strip_prefix("//") {
-        // UNC path: \\server\share -> /mnt/server/share (approximate)
+        // Other UNC paths: \\server\share -> /mnt/server/share (approximate)
         format!("/mnt/{}", rest)
     } else if path.len() >= 2 && path.chars().nth(1) == Some(':') {
         // Drive letter path: C:/... -> /mnt/c/...
@@ -395,10 +415,27 @@ mod tests {
     #[test]
     #[cfg(windows)]
     fn test_windows_to_wsl_path() {
+        // Standard Windows drive paths
         assert_eq!(
             windows_to_wsl_path(r"C:\Users\test\project"),
             "/mnt/c/Users/test/project"
         );
         assert_eq!(windows_to_wsl_path(r"D:\dev\myapp"), "/mnt/d/dev/myapp");
+        
+        // WSL UNC paths - these should extract the Linux path
+        assert_eq!(
+            windows_to_wsl_path(r"\\wsl.localhost\Ubuntu\home\jordan\project"),
+            "/home/jordan/project"
+        );
+        assert_eq!(
+            windows_to_wsl_path(r"\\wsl$\Ubuntu\home\user\code"),
+            "/home/user/code"
+        );
+        
+        // Already a Linux path (passthrough)
+        assert_eq!(
+            windows_to_wsl_path("/home/jordan/project"),
+            "/home/jordan/project"
+        );
     }
 }

src/components/AgentExecution.tsx

@@ -616,10 +616,10 @@ export const AgentExecution: React.FC<AgentExecutionProps> = ({
                         <div className="w-2 h-2 rounded-full bg-primary" />
                       )}
                     </div>
-<div className="text-left">
-                                      <div className="text-body-small font-medium">Claude Sonnet</div>
-                                      <div className="text-caption text-muted-foreground">Balanced performance</div>
-                                    </div>
+                    <div className="text-left">
+                      <div className="text-body-small font-medium">Claude Sonnet</div>
+                      <div className="text-caption text-muted-foreground">Balanced performance</div>
+                    </div>
                   </div>
                 </motion.button>
 
@@ -646,10 +646,10 @@ export const AgentExecution: React.FC<AgentExecutionProps> = ({
                         <div className="w-2 h-2 rounded-full bg-primary" />
                       )}
                     </div>
-<div className="text-left">
-                                      <div className="text-body-small font-medium">Claude Opus</div>
-                                      <div className="text-caption text-muted-foreground">Most capable</div>
-                                    </div>
+                    <div className="text-left">
+                      <div className="text-body-small font-medium">Claude Opus</div>
+                      <div className="text-caption text-muted-foreground">Most capable</div>
+                    </div>
                   </div>
                 </motion.button>
 

src/types/hooks.ts

@@ -2,6 +2,38 @@
  * Types for Claude Code hooks configuration
  */
 
+/**
+ * Model type for Claude model selection
+ * Used across prompt input, agents, and session components
+ */
+export type ClaudeModel = "sonnet" | "opus" | "haiku";
+
+/**
+ * Model display configuration
+ */
+export interface ModelConfig {
+  id: ClaudeModel;
+  name: string;
+  description: string;
+  shortName: string;
+}
+
+/**
+ * Available Claude models with display metadata
+ */
+export const CLAUDE_MODELS: ModelConfig[] = [
+  { id: "sonnet", name: "Claude Sonnet", description: "Balanced performance", shortName: "S" },
+  { id: "opus", name: "Claude Opus", description: "Most capable", shortName: "O" },
+  { id: "haiku", name: "Claude Haiku", description: "Fast & efficient", shortName: "H" },
+];
+
+/**
+ * Get display name for a model
+ */
+export function getModelDisplayName(model: ClaudeModel): string {
+  return CLAUDE_MODELS.find(m => m.id === model)?.name ?? model;
+}
+
 export interface HookCommand {
   type: 'command';
   command: string;