kaggle-environments 1.23.2__tar.gz → 1.23.3__tar.gz

{kaggle_environments-1.23.2 → kaggle_environments-1.23.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: kaggle-environments
-Version: 1.23.2
+Version: 1.23.3
 Summary: Kaggle Environments
 Author-email: Kaggle <support@kaggle.com>
 Requires-Python: >=3.10

{kaggle_environments-1.23.2 → kaggle_environments-1.23.3}/kaggle_environments/envs/open_spiel_env/games/repeated_poker/visualizer/default/src/repeated_poker_renderer.js

@@ -45,15 +45,35 @@ export function renderer(options) {
     .poker-renderer-host {
       width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
       font-family: 'Zeitung Pro', sans-serif; background-color: #1C1D20; color: #fff;
-      overflow: hidden; padding: 1rem; box-sizing: border-box; position: relative;
+      overflow: hidden; box-sizing: border-box; position: relative;
+    }
+    .poker-game-layout {
+      width: 1000px;
+      height: 700px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      transform-origin: center center;
+    }
+    .poker-table-container {
+      width: 100%;
+      height: 400px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
-    .poker-game-layout { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; max-width: 750px; max-height: 750px; }
-    .poker-table-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; max-width: 750px; max-height: 275px; }
     .poker-table {
-      width: clamp(400px, 85vw, 750px); height: clamp(220px, 48vw, 275px);
-      background-color: #197631; border-radius: 24px; position: relative;
-      display: flex; align-items: center; justify-content: center;
-      margin: 0 60px;
+      width: 900px;
+      height: 400px;
+      background: radial-gradient(43.33% 50% at 50% 50%, #20BD48 0%, #0A4018 99.99%);
+      border-radius: 300px;
+      position: relative;
+      border: 20px solid #5C3A21;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0;
     }
     .players-container {
       position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;
@@ -100,15 +120,16 @@ export function renderer(options) {
     }
     .player-name.winner { color: #FFEB70; }
     .player-stack { font-size: 32px; font-weight: 600; color: #ffffff; margin: 16px 0; display: flex; justify-content: space-between; align-items: center; }
-    .player-cards-container { min-height: 70px; display: flex; justify-content: flex-start; align-items:center; gap: 12px; }
+    .player-cards-container { min-height: 70px; display: flex; justify-content: flex-start; align-items:center; gap: 8px; }
     .card {
       display: flex; flex-direction: column; justify-content: space-between; align-items: center;
-      width: 80px; height: 112px; border: 2px solid #202124; border-radius: 8px;
+      width: 54px; height: 84px; border: 2px solid #202124; border-radius: 8px;
       background-color: white; color: black; font-weight: bold; text-align: center; overflow: hidden; position: relative;
       padding: 6px;
+      box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30);
     }
-    .card-rank { font-family: 'Inter' sans-serif; font-size: 50px; line-height: 1; display: block; align-self: flex-start; }
-    .card-suit { width: 50px; height: 50px; display: block; margin-bottom: 2px; }
+    .card-rank { font-family: 'Inter' sans-serif; font-size: 40px; line-height: 1; display: block; align-self: flex-start; }
+    .card-suit { width: 40px; height: 40px; display: block; margin-bottom: 2px; }
     .card-suit svg { width: 100%; height: 100%; }
     .card-red .card-rank { color: #B3261E; }
     .card-red .card-suit svg { fill: #B3261E; }
@@ -126,14 +147,14 @@ export function renderer(options) {
     }
     .card-back .card-rank, .card-back .card-suit { display: none; }
     .card-empty {
-      background-color: rgba(255, 255, 255, 0.1);
-      border: 2px solid rgba(32, 33, 36, 0.5);
-      background-image: none;
+      background-color: rgba(232, 234, 237, 0.1);
+      border: 2px solid rgba(154, 160, 166, 0.5);
+      box-shadow: none
     }
     .card-empty .card-rank, .card-empty .card-suit { display: none; }
     .community-cards-area { text-align: center; z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
-    .community-cards-container { min-height: 75px; display: flex; justify-content: center; align-items:center; margin-bottom: 0.5rem; gap: 12px; }
-    .pot-display { font-size: 40px; font-weight: bold; color: #ffffff; margin-bottom: 30px; }
+    .community-cards-container { min-height: 75px; display: flex; justify-content: center; align-items:center; margin-bottom: 0.5rem; gap: 8px; }
+    .pot-display { font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 30px; }
     .bet-display {
       display: inline-block; padding: 10px 20px; border-radius: 12px;
       background-color: #3C4043; color: #ffff;
@@ -141,6 +162,7 @@ export function renderer(options) {
       text-align: center;
       height: 3rem; line-height: 3rem;
       min-width: 200px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
     }
     .blind-indicator { font-size: 0.7rem; color: #a0aec0; margin-top: 3px; }
     .dealer-button {
@@ -157,49 +179,6 @@ export function renderer(options) {
       font-size: 14px; font-weight: 600;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
     }
-
-    @media (max-width: 768px) {
-      .bet-display { font-size: 1.5rem; height: 2.2rem; line-height: 2.2rem; min-width: 0;}
-      .card { width: 60px; height: 85px; } .card-rank { font-size: 35px; } .card-suit { width: 35px; height: 35px; }
-      .community-cards-container { gap: 6px; }
-      .player-card-area { min-height: 120px; }
-      .player-cards-container { gap: 6px; }
-      .player-info-area { min-width: 160px; }
-      .poker-game-layout { max-height: 700px; }
-      .pot-display { font-size: 35px; margin-bottom: 20px; }
-    }
-    @media (max-width: 600px) {
-      .bet-display { font-size: 20px; height: 40px; line-height: 40px; }
-      .card { width: 50px; height: 70px; padding: 2px; } .card-rank { font-size: 32px; } .card-suit { width: 32px; height: 32px; }
-      .community-cards-container { gap: 2px; }
-      .dealer-button { font-size: 20px; height: 24px; line-height: 24px; width: 24px; }
-      .dealer-button.dealer-player0 { bottom: 95px; }
-      .dealer-button.dealer-player1 { top: 95px; }
-      .player-card-area { min-height: 110px; margin: 0 0 0 40px;}
-      .player-cards-container { gap: 2px; }
-      .player-info-area { margin-right: 20px; }
-      .player-name { font-size: 30px; margin: 0 20px; }
-      .player-stack { font-size: 30px; }
-      .poker-game-layout { max-height: 600px; }
-      .poker-table { width: clamp(300px, 90vw, 600px); height: clamp(160px, 50vw, 200px); margin: 20px; }
-      .pot-display { font-size: 30px; margin-bottom: 20px; }
-    }
-    @media (max-width: 400px) {
-      .bet-display { font-size: 15px; height: 30px; line-height: 30px; }
-      .card { width: 40px; height: 56px; margin: 0 2px; padding: 2px; } .card-rank { font-size: 25px; } .card-suit { width: 25px; height: 25px; }
-      .community-cards-container { gap: 2px; }
-      .dealer-button { font-size: 15px; height: 20px; line-height: 20px; width: 20px; }
-      .dealer-button.dealer-player0 { bottom: 85px; }
-      .dealer-button.dealer-player1 { top: 85px; }
-      .player-card-area { margin: 0 0 0 30px;}
-      .player-cards-container { gap: 2px; }
-      .player-info-area { min-width: 100px; margin-right: 0; }
-      .player-name { font-size: 25px; }
-      .player-stack { font-size: 15px; }
-      .poker-game-layout { max-height: 500px; }
-      .poker-table { width: clamp(280px, 95vw, 380px); height: clamp(150px, 55vw, 150px); margin: 0;}
-      .pot-display { font-size: 25px; margin-bottom: 15px; }
-    }
   `;
 
     function _injectStyles(passedOptions) {
@@ -368,6 +347,22 @@ export function renderer(options) {
         return getPokerStateForStep(environment, step);
     }
 
+    function _applyScale(parentElement) {
+        if (!parentElement || !elements.gameLayout) return;
+
+        const parentWidth = parentElement.clientWidth;
+        const parentHeight = parentElement.clientHeight;
+
+        const baseWidth = 1000;
+        const baseHeight = 700;
+
+        const scaleX = parentWidth / baseWidth;
+        const scaleY = parentHeight / baseHeight;
+        const scale = Math.min(scaleX, scaleY);
+
+        elements.gameLayout.style.transform = `scale(${scale})`;
+    }
+
     function _renderPokerTableUI(data, passedOptions) {
         if (!elements.pokerTable || !data) return;
         const { players, communityCards, pot, isTerminal, step } = data;
@@ -405,7 +400,7 @@ export function renderer(options) {
             elements.communityCardsContainer.appendChild(emptyCard);
         }
 
-        elements.potDisplay.textContent = `Pot : ${pot}`;
+        elements.potDisplay.textContent = `Total Pot : ${pot}`;
 
         players.forEach((playerData, index) => {
             const playerNameElement = elements.playerNames[index];
@@ -490,4 +485,15 @@ export function renderer(options) {
 
     const uiData = _parseKagglePokerState(options);
     _renderPokerTableUI(uiData, options);
+
+    // Apply initial scale
+    _applyScale(parent);
+
+    // Watch for container size changes and reapply scale
+    if (typeof ResizeObserver !== 'undefined') {
+        const resizeObserver = new ResizeObserver(() => {
+            _applyScale(parent);
+        });
+        resizeObserver.observe(parent);
+    }
 }

{kaggle_environments-1.23.2 → kaggle_environments-1.23.3}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kaggle-environments"
-version = "1.23.2"
+version = "1.23.3"
 description = "Kaggle Environments"
 authors = [
     {name = "Kaggle", email = "support@kaggle.com"},