feat: show PR title, description, and link in activity log

- Backend now inserts a job_log entry when a PR is created (or fails)
- Frontend renders a styled PR card with title, branch info, and link
- Green themed card with direct link to view the PR on GitHub

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ashokDevs

backend/services/pr_service.py

@@ -295,14 +295,37 @@ def _execute_ai_task(self, repo, issue_number, issue_title, issue_body, ai_resul
                 pr_number=pr_result.get('pr_number'),
                 pr_url=pr_result.get('pr_url')
             )
+            if job_id:
+                from services import db
+                db.insert_job_log({
+                    'job_id': job_id,
+                    'role': 'assistant',
+                    'type': 'pr_created',
+                    'content': f"**Pull Request Created**\n\n**{pr_title}**\n\n{pr_body}",
+                    'metadata': {
+                        'pr_url': pr_result.get('pr_url'),
+                        'pr_number': pr_result.get('pr_number'),
+                        'pr_title': pr_title,
+                        'branch': branch_name,
+                    }
+                })
             if issue_number:
                 self.github_service.add_issue_comment(
-                    repo, 
-                    issue_number, 
+                    repo,
+                    issue_number,
                     f"✅ **PR Created!**\n\nI've created a pull request to address this issue:\n→ [PR #{pr_result.get('pr_number')}: {pr_title}]({pr_result.get('pr_url')})\n\nPlease review the changes and merge if they look good."
                 )
         else:
             logger.error("pull_request_creation_failed", error=pr_result.get('error'))
+            if job_id:
+                from services import db
+                db.insert_job_log({
+                    'job_id': job_id,
+                    'role': 'assistant',
+                    'type': 'error',
+                    'content': f"**PR Creation Failed**\n\n{pr_result.get('error')}",
+                    'metadata': {'branch': branch_name}
+                })
             if issue_number:
                 self.github_service.add_issue_comment(repo, issue_number, f"⚠️ **PR Creation Failed**\n\nThe changes were validated and the branch `{branch_name}` was created, but I failed to create the Pull Request object.\nError: {pr_result.get('error')}")
 

frontend/app/jobs/[id]/page.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState, useRef } from 'react';
 import { useParams } from 'next/navigation';
 import Link from 'next/link';
-import { ArrowLeft, FileCode, Terminal, Cpu, Zap, Loader2, AlertCircle, User, ExternalLink } from 'lucide-react';
+import { ArrowLeft, FileCode, Terminal, Cpu, Zap, Loader2, AlertCircle, User, ExternalLink, GitPullRequest } from 'lucide-react';
 import Image from 'next/image';
 import ReactDiffViewer from 'react-diff-viewer-continued';
 import { cn } from '@/lib/utils';
@@ -15,12 +15,16 @@ interface JobLogMetadata {
   new_content?: string;
   repo?: string;
   url?: string;
+  pr_url?: string;
+  pr_number?: number;
+  pr_title?: string;
+  branch?: string;
 }
 
 interface JobLogEntry {
   id: string;
   role: 'user' | 'assistant' | 'system' | 'tool';
-  type: 'message' | 'command' | 'file_change' | 'error' | 'info' | 'screenshot';
+  type: 'message' | 'command' | 'file_change' | 'error' | 'info' | 'screenshot' | 'pr_created';
   content: string;
   metadata?: JobLogMetadata;
   createdAt: string;
@@ -265,6 +269,37 @@ export default function JobDetailPage() {
                                 <span>{log.metadata?.repo || 'codebase'}</span>
                              </div>
                           </div>
+                        ) : log.type === 'pr_created' ? (
+                          <div className="bg-emerald-500/5 border border-emerald-500/20 rounded-xl p-5 group-hover:border-emerald-500/40 transition-all">
+                             <div className="flex items-center gap-3 mb-3">
+                                <GitPullRequest className="w-5 h-5 text-emerald-500" />
+                                <span className="text-sm font-bold text-emerald-400">Pull Request Created</span>
+                             </div>
+                             <h3 className="text-base font-semibold text-zinc-200 mb-2">{log.metadata?.pr_title}</h3>
+                             {log.metadata?.branch && (
+                               <div className="flex items-center gap-2 mb-3">
+                                 <span className="text-[10px] font-mono bg-zinc-800 text-zinc-400 px-2 py-0.5 rounded">{log.metadata.branch}</span>
+                                 <span className="text-zinc-600 text-xs">→</span>
+                                 <span className="text-[10px] font-mono bg-zinc-800 text-zinc-400 px-2 py-0.5 rounded">main</span>
+                               </div>
+                             )}
+                             <div
+                               className="text-xs text-zinc-500 mb-4 whitespace-pre-wrap line-clamp-4"
+                               dangerouslySetInnerHTML={{ __html: formatMarkdown(log.content || '') }}
+                             />
+                             {log.metadata?.pr_url && (
+                               <a
+                                 href={log.metadata.pr_url}
+                                 target="_blank"
+                                 rel="noopener noreferrer"
+                                 className="inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold px-4 py-2 rounded-lg transition-colors"
+                               >
+                                 <GitPullRequest className="w-3.5 h-3.5" />
+                                 View PR #{log.metadata.pr_number}
+                                 <ExternalLink className="w-3 h-3" />
+                               </a>
+                             )}
+                          </div>
                         ) : log.type === 'command' ? (
                           <div className="font-mono text-xs text-orange-400 bg-orange-600/5 border border-orange-500/10 rounded-lg px-4 py-3">
                              <span className="text-orange-900 mr-2">$</span> {log.content}