From 3c53aa49b0855b8dd8163e64ef210749b2d05e0a Mon Sep 17 00:00:00 2001
From: masterdev <masterdev@users.noreply.local>
Date: Wed, 17 Jun 2026 14:17:49 +0100
Subject: [PATCH] Hide simulator backend API card

---
 simulator-ui/src/main.tsx   |  4 ----
 simulator-ui/src/styles.css | 23 -----------------------
 2 files changed, 27 deletions(-)

diff --git a/simulator-ui/src/main.tsx b/simulator-ui/src/main.tsx
index 7cc0a8e..ce9a816 100644
--- a/simulator-ui/src/main.tsx
+++ b/simulator-ui/src/main.tsx
@@ -258,10 +258,6 @@ function App() {
               <option value="en">English</option>
             </select>
           </label>
-          <div className="connection-card">
-            <span>{t("Backend API", "API backend")}</span>
-            <strong>{API_BASE_URL}</strong>
-          </div>
         </div>
       </section>
 
diff --git a/simulator-ui/src/styles.css b/simulator-ui/src/styles.css
index e705edd..cb3597e 100644
--- a/simulator-ui/src/styles.css
+++ b/simulator-ui/src/styles.css
@@ -115,7 +115,6 @@ h2 {
   line-height: 1.7;
 }
 
-.connection-card,
 .panel {
   border: 1px solid rgba(10, 47, 90, 0.1);
   border-radius: 28px;
@@ -147,24 +146,6 @@ h2 {
   text-transform: uppercase;
 }
 
-.connection-card {
-  min-width: 300px;
-  padding: 20px;
-}
-
-.connection-card span {
-  display: block;
-  color: var(--muted);
-  font-size: 0.8rem;
-}
-
-.connection-card strong {
-  display: block;
-  margin-top: 8px;
-  color: var(--secondary);
-  word-break: break-all;
-}
-
 .control-grid {
   display: grid;
   grid-template-columns: minmax(280px, 0.85fr) minmax(360px, 1.45fr);
@@ -413,10 +394,6 @@ pre {
     margin-top: 0;
   }
 
-  .connection-card {
-    min-width: 0;
-  }
-
   .hero__side {
     width: 100%;
   }