Add View Session button next to Cancel Coding Agent button

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

Author: Copilot

webviews/components/header.tsx

@@ -134,7 +134,7 @@ function ButtonGroup({ isCurrentlyCheckedOut, canEdit, isIssue, repositoryDefaul
 }
 
 function CancelCodingAgentButton({ canEdit, codingAgentEvent }: { canEdit: boolean, codingAgentEvent: TimelineEvent | undefined }) {
-	const { cancelCodingAgent, updatePR } = useContext(PullRequestContext);
+	const { cancelCodingAgent, updatePR, openSessionLog } = useContext(PullRequestContext);
 	const [isBusy, setBusy] = useState(false);
 
 	const cancel = async () => {
@@ -149,11 +149,19 @@ function CancelCodingAgentButton({ canEdit, codingAgentEvent }: { canEdit: boole
 		setBusy(false);
 	};
 
+	// Extract sessionLink from the coding agent event
+	const sessionLink = codingAgentEvent && 'sessionLink' in codingAgentEvent ? codingAgentEvent.sessionLink : undefined;
+
 	return (canEdit && codingAgentEvent && copilotEventToStatus(codingAgentEvent) === CopilotPRStatus.Started)
 		? <div className="button-group">
 			<button title="Cancel Coding Agent" disabled={isBusy} className="small-button danger" onClick={cancel}>
 				Cancel Coding Agent
 			</button>
+			{sessionLink && (
+				<button title="View Session" className="secondary small-button" onClick={() => openSessionLog(sessionLink)}>
+					View Session
+				</button>
+			)}
 		</div>
 		: null;
 }