agents: remove temporary debug logs; fix manual import/export flows

- Frontend: Replace unsupported `read_text_file` with backend import/export; align filters to `.opcode.json`
- Backend: Normalize BOM and trim whitespace on file import

Author: 123vivekr

src-tauri/src/commands/agents.rs

@@ -179,10 +179,7 @@ pub async fn read_session_jsonl(session_id: &str, project_path: &str) -> Result<
     let session_file = project_dir.join(format!("{}.jsonl", session_id));
 
     if !session_file.exists() {
-        return Err(format!(
-            "Session file not found: {}",
-            session_file.display()
-        ));
+        return Err(format!("Session file not found: {}", session_file.display()));
     }
 
     match tokio::fs::read_to_string(&session_file).await {
@@ -1762,9 +1759,16 @@ pub async fn import_agent_from_file(
     file_path: String,
 ) -> Result<Agent, String> {
     // Read the file
-    let json_data =
+    let mut json_data =
         std::fs::read_to_string(&file_path).map_err(|e| format!("Failed to read file: {}", e))?;
 
+    // Normalize potential BOM and whitespace issues
+    if json_data.starts_with('\u{feff}') {
+        json_data = json_data.trim_start_matches('\u{feff}').to_string();
+    }
+    // Also trim leading/trailing whitespace to avoid parse surprises
+    json_data = json_data.trim().to_string();
+
     // Import the agent
     import_agent(db, json_data).await
 }

src/components/Agents.tsx

@@ -122,17 +122,14 @@ export const Agents: React.FC = () => {
     try {
       const selected = await openDialog({
         filters: [
-          { name: 'JSON Files', extensions: ['json'] },
+          { name: 'opcode Agent', extensions: ['opcode.json', 'json'] },
           { name: 'All Files', extensions: ['*'] }
         ],
         multiple: false,
       });
 
       if (selected) {
-        const fileContent = await invoke<string>('read_text_file', { path: selected });
-        const agentData = JSON.parse(fileContent);
-        
-        const importedAgent = await api.importAgent(JSON.stringify(agentData));
+        const importedAgent = await api.importAgentFromFile(selected as string);
         setToast({ message: `Imported agent: ${importedAgent.name}`, type: 'success' });
         loadAgents();
       }
@@ -145,18 +142,14 @@ export const Agents: React.FC = () => {
   const handleExportAgent = async (agent: Agent) => {
     try {
       const path = await save({
-        defaultPath: `${agent.name}.json`,
+        defaultPath: `${agent.name.toLowerCase().replace(/\s+/g, '-')}.opcode.json`,
         filters: [
-          { name: 'JSON Files', extensions: ['json'] }
+          { name: 'opcode Agent', extensions: ['opcode.json'] }
         ]
       });
 
       if (path && agent.id) {
-        const agentData = await api.exportAgent(agent.id);
-        await invoke('write_text_file', {
-          path,
-          contents: agentData
-        });
+        await invoke('export_agent_to_file', { id: agent.id, filePath: path });
         setToast({ message: `Exported agent: ${agent.name}`, type: 'success' });
       }
     } catch (error) {
@@ -461,4 +454,4 @@ export const Agents: React.FC = () => {
       </div>
     </div>
   );
-};
+};