Update links

Author: johnsamuelwrites

public/app.js

@@ -679,19 +679,15 @@ function lierControles() {
 function basculerOnglet(nom) {
   const studio = nom === "studio";
   document.getElementById("studio-panel").hidden = !studio;
-  document.getElementById("source-panel").hidden = studio;
   document.getElementById("tab-studio").classList.toggle("active", studio);
-  document.getElementById("tab-source").classList.toggle("active", !studio);
 }
 
 async function init() {
   const btnApply = document.getElementById("btn-apply");
   if (btnApply) btnApply.disabled = true;
 
   const tabStudio = document.getElementById("tab-studio");
-  const tabSource = document.getElementById("tab-source");
   if (tabStudio) tabStudio.addEventListener("click", () => basculerOnglet("studio"));
-  if (tabSource) tabSource.addEventListener("click", () => basculerOnglet("source"));
   basculerOnglet("studio");
 
   try {

public/index.html

@@ -21,7 +21,9 @@ <h1>Pixel2Polygon</h1>
       </div>
       <nav class="tab-nav">
         <button type="button" class="tab active" id="tab-studio">Studio</button>
-        <button type="button" class="tab" id="tab-source">Lien</button>
+        <a class="tab tab-link" id="tab-github"
+          href="https://github.com/multilingualprogramming/pixel2polygon" target="_blank"
+          rel="noreferrer">GitHub</a>
       </nav>
     </header>
 

public/style.css

@@ -99,6 +99,9 @@ pre {
 }
 
 .tab {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   background: transparent;
   border: 1px solid var(--border);
   border-radius: 6px;
@@ -110,6 +113,10 @@ pre {
   transition: background 0.15s, color 0.15s, border-color 0.15s;
 }
 
+.tab-link {
+  text-decoration: none;
+}
+
 .tab:hover {
   background: rgba(255, 255, 255, 0.06);
   color: var(--text);

tests/smoke.js

@@ -98,9 +98,7 @@ function buildHarness() {
     "file-input",
     "upload-zone",
     "studio-panel",
-    "source-panel",
     "tab-studio",
-    "tab-source",
     "processing-overlay",
     "source-canvas",
     "output-canvas",
@@ -177,6 +175,8 @@ function testHtmlSmoke() {
   assert.match(html, /value="trihex"/);
   assert.match(html, /value="hex_tronque"/);
   assert.match(html, /id="btn-apply"/);
+  assert.match(html, /id="tab-github"/);
+  assert.match(html, />GitHub</);
   assert.match(html, /src="app\.js"/);
 }
 
@@ -198,12 +198,10 @@ function testMethodChangeTriggersRender() {
 
 function testTabSwitching() {
   const { elements, api } = buildHarness();
-  api.basculerOnglet("source");
+  api.basculerOnglet("studio");
 
-  assert.strictEqual(elements.get("studio-panel").hidden, true);
-  assert.strictEqual(elements.get("source-panel").hidden, false);
-  assert.strictEqual(elements.get("tab-source").classList.contains("active"), true);
-  assert.strictEqual(elements.get("tab-studio").classList.contains("active"), false);
+  assert.strictEqual(elements.get("studio-panel").hidden, false);
+  assert.strictEqual(elements.get("tab-studio").classList.contains("active"), true);
 }
 
 function testAllMethodsGenerateTiles() {