Upload folder using huggingface_hub

.gitignore

@@ -11,3 +11,4 @@ __tmp/*
 node_modules
 backend/**/templates/
 .venv
+.playwright-mcp

src/.gitignore

@@ -11,3 +11,4 @@ __tmp/*
 node_modules
 backend/**/templates/
 .venv
+.playwright-mcp

src/frontend/Index.svelte

@@ -70,6 +70,7 @@
     let initialPosition = { x: 0, y: 0 };
     let minScale = 0.5;
     let maxScale = 3;
+    let isMouseOverCanvas = false;
 
     type ImageRect = {
         left: number;
@@ -217,6 +218,17 @@
 
         window.addEventListener("keydown", handleKeydown);
 
+        // Track mouse hover state for canvas area
+        if (canvasContainer) {
+            canvasContainer.addEventListener("mouseenter", () => {
+                isMouseOverCanvas = true;
+            });
+
+            canvasContainer.addEventListener("mouseleave", () => {
+                isMouseOverCanvas = false;
+            });
+        }
+
         app.stage.on("pointerdown", (event) => {
             if (event.button === 1 || (event.button === 0 && event.shiftKey)) {
                 isDragging = true;
@@ -251,7 +263,7 @@
     }
 
     function handleKeydown(event: KeyboardEvent) {
-        if (!viewportContainer) return;
+        if (!viewportContainer || !isMouseOverCanvas) return;
 
         switch(event.key) {
             case "=":
@@ -627,6 +639,10 @@
         if (app) {
             app.canvas.removeEventListener("wheel", handleWheel);
             window.removeEventListener("keydown", handleKeydown);
+            if (canvasContainer) {
+                canvasContainer.removeEventListener("mouseenter", () => {});
+                canvasContainer.removeEventListener("mouseleave", () => {});
+            }
             app.destroy(true, { children: true, texture: true });
         }
     });

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_polygonannotator"
-version = "0.2.0"
+version = "0.2.1"
 description = "Interactive polygon annotation component for Gradio with multi-selection, hover effects, and customizable appearance"
 readme = "README.md"
 license = "Apache-2.0"

src/uv.lock

@@ -1183,7 +1183,7 @@ wheels = [
 
 [[package]]
 name = "gradio-polygonannotator"
-version = "0.1.0"
+version = "0.2.1"
 source = { editable = "." }
 dependencies = [
     { name = "gradio", version = "4.44.1", source = { registry = "https://pypi.org/simple" }, marker = "python_full_version < '3.10'" },