From 5ca13587953f0bfb48f16fd2aef6e99be4ac08b2 Mon Sep 17 00:00:00 2001
From: Xiaohan-Tian <157918347+Xiaohan-Tian@users.noreply.github.com>
Date: Fri, 17 Apr 2026 18:02:08 -0700
Subject: [PATCH] feat: added "powered by" info to 3rd party powered features

---
 src/components/KGOnePanel.css | 20 ++++++++++++++++++++
 src/components/KGOnePanel.tsx | 12 ++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/src/components/KGOnePanel.css b/src/components/KGOnePanel.css
index fb22554..1cbca22 100644
--- a/src/components/KGOnePanel.css
+++ b/src/components/KGOnePanel.css
@@ -129,6 +129,26 @@
   font-weight: 600;
 }
 
+.kgone-powered-by {
+  color: #666;
+  font-size: 10px;
+  text-align: center;
+  margin-top: 12px;
+  padding-top: 8px;
+  border-top: 1px solid #333;
+}
+
+.kgone-powered-by a {
+  color: #888;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.kgone-powered-by a:hover {
+  color: #aaa;
+  text-decoration: underline;
+}
+
 /* Two-column row (e.g. note + scale) */
 .kgone-row {
   display: flex;
diff --git a/src/components/KGOnePanel.tsx b/src/components/KGOnePanel.tsx
index aac6ec5..96a9fbe 100644
--- a/src/components/KGOnePanel.tsx
+++ b/src/components/KGOnePanel.tsx
@@ -503,6 +503,10 @@ const ClipTab: React.FC<ClipTabProps> = ({ bpm, keySignature }) => {
 
       {/* Status hint below button */}
       {genHint && <div className="kgone-gen-hint">{genHint}</div>}
+
+      <div className="kgone-powered-by">
+        Powered by <a href="https://huggingface.co/RoyalCities/Foundation-1" target="_blank" rel="noopener noreferrer">Foundation-1</a>
+      </div>
     </>
   );
 };
@@ -791,6 +795,10 @@ const FullSongTab: React.FC = () => {
       </button>
 
       {genHint && <div className="kgone-gen-hint">{genHint}</div>}
+
+      <div className="kgone-powered-by">
+        Powered by <a href="https://github.com/ace-step/ACE-Step-1.5" target="_blank" rel="noopener noreferrer">ACE-Step 1.5</a>
+      </div>
     </>
   );
 };
@@ -1159,6 +1167,10 @@ const SeparatorTab: React.FC = () => {
           Only audio regions are supported — MIDI regions cannot be separated.
         </div>
       )}
+
+      <div className="kgone-powered-by">
+        Powered by <a href="https://github.com/nomadkaraoke/python-audio-separator" target="_blank" rel="noopener noreferrer">UVR5 CLI</a>
+      </div>
     </>
   );
 };