feat: Provider-Logos statt Emojis (POE, Gemini, Claude, MiniMax)

public/index.html

@@ -39,7 +39,7 @@
             <div class="provider-row" id="row-poe">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🧠</span>
+                        <img src="logo-poe.png" alt="POE" class="provider-icon-img">
                         <span class="provider-name">POE</span>
                     </div>
                     <div class="progress-container">
@@ -58,7 +58,7 @@
             <div class="provider-row" id="row-ag-gemini-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🤖</span>
+                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
                         <span class="provider-name">AG Gemini (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -77,7 +77,7 @@
             <div class="provider-row" id="row-ag-gemini-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🤖</span>
+                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
                         <span class="provider-name">AG Gemini (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -96,7 +96,7 @@
             <div class="provider-row" id="row-ag-claude-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">⚡</span>
+                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
                         <span class="provider-name">AG Claude (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -115,7 +115,7 @@
             <div class="provider-row" id="row-ag-claude-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">⚡</span>
+                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
                         <span class="provider-name">AG Claude (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -134,7 +134,7 @@
             <div class="provider-row" id="row-minimax-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🔥</span>
+                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
                         <span class="provider-name">MiniMax (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -153,7 +153,7 @@
             <div class="provider-row" id="row-minimax-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🔥</span>
+                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
                         <span class="provider-name">MiniMax (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -170,6 +170,7 @@
             </div>
         </section>
 
+
         <section class="charts">
             <h2>History</h2>
             <canvas id="historyChart"></canvas>

public/logo-ag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><defs><linearGradient id="agGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#4285F4"/><stop offset="100%" style="stop-color:#34A853"/></linearGradient></defs><path d="M10 80 L50 15 L90 80 L75 80 L50 38 L25 80 Z" fill="url(#agGrad)"/></svg>

public/style.css

@@ -122,6 +122,14 @@ header p {
     font-size: 1.5em;
 }
 
+.provider-icon-img {
+    width: 28px;
+    height: 28px;
+    object-fit: contain;
+    border-radius: 4px;
+    flex-shrink: 0;
+}
+
 .provider-name {
     font-weight: 600;
     font-size: 1.1em;