From 8a9c70596bb5bb3c02c9dede790f890aad7998ce Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Fri, 24 Apr 2026 17:42:31 +0100
Subject: [PATCH] Rename source labels to input

---
 frontend/src/app.ts                   | 12 ++++++------
 src/repixelizer/gui_static/app.js     | 12 ++++++------
 src/repixelizer/gui_static/index.html |  6 +++---
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app.ts b/frontend/src/app.ts
index a0ecdbe..829f584 100644
--- a/frontend/src/app.ts
+++ b/frontend/src/app.ts
@@ -348,7 +348,7 @@ async function renderInputPreview(): Promise<void> {
     context.fillRect(0, 0, inputPreviewCanvas.width, inputPreviewCanvas.height);
     context.fillStyle = "rgba(255,255,255,0.2)";
     context.font = "16px sans-serif";
-    context.fillText("No source loaded yet", 20, 32);
+    context.fillText("No input loaded yet", 20, 32);
     return;
   }
   const image = await loadImage(asset);
@@ -436,7 +436,7 @@ function renderMetrics(): void {
       "Final fidelity",
       formatNumber(readNestedNumber(state.runSummary, ["source_fidelity", "final_output", "score"])),
     ]);
-    items.push(["Source color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
+    items.push(["Input color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
   }
   for (const [label, value] of items) {
     const node = document.createElement("div");
@@ -472,7 +472,7 @@ async function renderViewer(): Promise<void> {
   const frame = getSelectedFrame();
   let leftAsset = state.preprocessedImage ?? state.sourceImage;
   let rightAsset = state.finalOutputImage ?? state.cleanupImage ?? state.sourceImage;
-  let leftLabel = "Source";
+  let leftLabel = "Input";
   let rightLabel = "Output";
 
   if (state.latticeImage) {
@@ -816,8 +816,8 @@ async function handleEvent(eventName: string, payload: JsonRecord): Promise<void
       break;
     case "source_loaded":
       state.sourceImage = payload.sourceImage as ImageAsset;
-      setStatus("running", "Source loaded. Survey crew is measuring the mess.");
-      addLog("Source", "Loaded the input image.");
+      setStatus("running", "Input loaded. Survey crew is measuring the mess.");
+      addLog("Input", "Loaded the input image.");
       break;
     case "preprocess_completed":
       state.preprocessedImage = payload.sourceImage as ImageAsset;
@@ -860,7 +860,7 @@ async function handleEvent(eventName: string, payload: JsonRecord): Promise<void
           state.selectedFrameIndex = Math.max(0, state.frames.findIndex((candidate) => candidate.step === frame.step));
         }
         if (eventName === "phase_field_final") {
-          addLog("Solver", "Final nearest-source sample committed.");
+          addLog("Solver", "Final nearest-input sample committed.");
         }
         break;
       }
diff --git a/src/repixelizer/gui_static/app.js b/src/repixelizer/gui_static/app.js
index d6ef2e6..021b9c0 100644
--- a/src/repixelizer/gui_static/app.js
+++ b/src/repixelizer/gui_static/app.js
@@ -254,7 +254,7 @@ async function renderInputPreview() {
         context.fillRect(0, 0, inputPreviewCanvas.width, inputPreviewCanvas.height);
         context.fillStyle = "rgba(255,255,255,0.2)";
         context.font = "16px sans-serif";
-        context.fillText("No source loaded yet", 20, 32);
+        context.fillText("No input loaded yet", 20, 32);
         return;
     }
     const image = await loadImage(asset);
@@ -338,7 +338,7 @@ function renderMetrics() {
             "Final fidelity",
             formatNumber(readNestedNumber(state.runSummary, ["source_fidelity", "final_output", "score"])),
         ]);
-        items.push(["Source color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
+        items.push(["Input color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
     }
     for (const [label, value] of items) {
         const node = document.createElement("div");
@@ -372,7 +372,7 @@ async function renderViewer() {
     const frame = getSelectedFrame();
     let leftAsset = state.preprocessedImage ?? state.sourceImage;
     let rightAsset = state.finalOutputImage ?? state.cleanupImage ?? state.sourceImage;
-    let leftLabel = "Source";
+    let leftLabel = "Input";
     let rightLabel = "Output";
     if (state.latticeImage) {
         leftAsset = state.latticeImage;
@@ -696,8 +696,8 @@ async function handleEvent(eventName, payload) {
             break;
         case "source_loaded":
             state.sourceImage = payload.sourceImage;
-            setStatus("running", "Source loaded. Survey crew is measuring the mess.");
-            addLog("Source", "Loaded the input image.");
+            setStatus("running", "Input loaded. Survey crew is measuring the mess.");
+            addLog("Input", "Loaded the input image.");
             break;
         case "preprocess_completed":
             state.preprocessedImage = payload.sourceImage;
@@ -738,7 +738,7 @@ async function handleEvent(eventName, payload) {
                 state.selectedFrameIndex = Math.max(0, state.frames.findIndex((candidate) => candidate.step === frame.step));
             }
             if (eventName === "phase_field_final") {
-                addLog("Solver", "Final nearest-source sample committed.");
+                addLog("Solver", "Final nearest-input sample committed.");
             }
             break;
         }
diff --git a/src/repixelizer/gui_static/index.html b/src/repixelizer/gui_static/index.html
index be86cd1..c9cd8b5 100644
--- a/src/repixelizer/gui_static/index.html
+++ b/src/repixelizer/gui_static/index.html
@@ -45,7 +45,7 @@
             <canvas id="lossCanvas" class="loss-canvas" width="800" height="120"></canvas>
             <div class="viewer-grid viewer-grid-dual">
               <figure class="viz-card">
-                <div class="viz-label" id="leftVizLabel">Source</div>
+                <div class="viz-label" id="leftVizLabel">Input</div>
                 <canvas id="leftCanvas"></canvas>
               </figure>
               <figure class="viz-card">
@@ -121,7 +121,7 @@
             <div class="card-head">
               <div class="copy-stack card-copy">
                 <h2>Input</h2>
-                <p class="copy-tag">Start with the ugly source.</p>
+                <p class="copy-tag">Start with the ugly input.</p>
               </div>
               <button id="pickFileButton" class="button button-small button-secondary" type="button">Choose File</button>
             </div>
@@ -131,7 +131,7 @@
               <span id="dropzoneLabel">PNG, sprite scrap, cursed logo. Whatever started this.</span>
             </button>
             <figure class="input-preview-card">
-              <div class="viz-label">Selected Source</div>
+              <div class="viz-label">Selected Input</div>
               <canvas id="inputPreviewCanvas"></canvas>
             </figure>
           </section>