improves

Author: ReDBrother

apps/codebattle/assets/js/widgets/pages/groupTournament/EvolutionPanel.jsx

@@ -1,5 +1,7 @@
 import React from "react";
 
+const getExternalUrl = (url) => `${url}/browse/README.md?rev=main&chatMessage=""`;
+
 function EvolutionPanel({ items, tournamentStatus, runId, setRunId, repoUrl }) {
   return (
     <div className="card cb-card border cb-border-color rounded h-100">
@@ -9,7 +11,7 @@ function EvolutionPanel({ items, tournamentStatus, runId, setRunId, repoUrl }) {
       <div className="card-body p-1 border-top cb-border-color">
         <div className="cb-overflow-y-auto">
           {tournamentStatus !== "finished" && repoUrl && (
-            <a href={repoUrl} rel="noopener noreferrer">
+            <a href={getExternalUrl(repoUrl)} target="_blank" rel="noopener noreferrer">
               <div className="border cb-border-color rounded p-3">+ Add Solution</div>
             </a>
           )}

apps/codebattle/assets/js/widgets/pages/groupTournament/GroupTournamentPage.jsx

@@ -102,7 +102,7 @@ function GroupTournamentPage({ tournamentId, tournamentName, tournamentDescripti
   return (
     <>
       <div className="row">
-        <Header name={name} status={status} />
+        <Header name={tournamentName} status={status} />
       </div>
       <div className="row mt-3 h-100">
         <div className="col-lg-3 col-md-3 col-12 p-1 pb-4">
@@ -120,7 +120,7 @@ function GroupTournamentPage({ tournamentId, tournamentName, tournamentDescripti
             run={selectedRun}
             externalSetup={externalSetup}
             description={tournamentDescription}
-            openFullScreen={setViewerFullscreen}
+            setViewerFullscreen={setViewerFullscreen}
           />
         </div>
         <div className="col-lg-4 col-md-4 col-12 p-1 pb-4">

apps/codebattle/assets/js/widgets/pages/groupTournament/MainPanel.jsx

@@ -1,20 +1,59 @@
 import React from "react";
 
-function MainPanel({ status, run, externalSetup, description }) {
+function MainPanel({ run, externalSetup, description, setViewerFullscreen }) {
+  if (run) {
+    return (
+      <>
+        <div className="cb-bg-panel shadow-sm cb-rounded p-4 mb-3" style={{ height: "82vh" }}>
+          <div className="d-flex justify-content-between align-items-center mb-2">
+            <div className="text-white" style={{ fontSize: "1.6rem", lineHeight: 1.2 }}>
+              Run Viewer{run ? ` • Run #${run.id}` : ""}
+            </div>
+            {run?.result?.viewerHtml ? (
+              <button
+                type="button"
+                className="btn btn-sm btn-outline-secondary cb-btn-outline-secondary cb-rounded"
+                onClick={() => setViewerFullscreen(true)}
+              >
+                Fullscreen
+              </button>
+            ) : null}
+          </div>
+          {run?.result?.viewerHtml ? (
+            <iframe
+              title={`run-viewer-${run.id}`}
+              srcDoc={run.result.viewerHtml}
+              sandbox="allow-scripts"
+              style={{
+                width: "100%",
+                height: "100%",
+                border: 0,
+                backgroundColor: "#fff",
+                borderRadius: "8px",
+              }}
+            />
+          ) : (
+            <div className="cb-text">No viewer HTML for this run.</div>
+          )}
+        </div>
+      </>
+    );
+  }
+
   return (
     <div className="card cb-card cb-border-color border rounded h-100">
       <div className="card-header py-2">
         <h6 className="cb-text mb-0">Tournament Overview</h6>
       </div>
       <div className="card-body p-3 border-top cb-border-color overflow-auto">
-        {description && !run && (
+        {description && (
           <div className="mb-3">
             <p className="mb-0" style={{ whiteSpace: "pre-wrap" }}>
               {description}
             </p>
           </div>
         )}
-        {run ? (
+        {externalSetup ? (
           <div className="small">
             <div className="mb-1">
               <strong>External setup:</strong> {externalSetup.state}