Add PXDepth demo

app.py

@@ -54,6 +54,20 @@ html, body {
 #img-display-input, #img-display-output { max-height: 72vh; }
 #img-display-output img { object-fit: contain !important; }
 #model-3d { min-height: 55vh; }
+#examples-strip .gallery {
+    flex-wrap: nowrap !important;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding-bottom: 0.5rem;
+    scroll-behavior: smooth;
+    scroll-snap-type: x proximity;
+    scrollbar-width: thin;
+    -webkit-overflow-scrolling: touch;
+}
+#examples-strip .gallery-item {
+    flex: 0 0 auto;
+    scroll-snap-align: start;
+}
 """
 
 PAGE_JS = """
@@ -62,14 +76,26 @@ PAGE_JS = """
     document.body.style.overflowY = "auto";
     const install = () => {
         const viewer = document.querySelector("#model-3d");
-        if (!viewer || viewer.dataset.pageWheel === "true") return;
-        viewer.dataset.pageWheel = "true";
-        viewer.addEventListener("wheel", (event) => {
-            if (event.ctrlKey || event.metaKey) return;
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            window.scrollBy({ top: event.deltaY, left: 0, behavior: "auto" });
-        }, { passive: false, capture: true });
+        if (viewer && viewer.dataset.pageWheel !== "true") {
+            viewer.dataset.pageWheel = "true";
+            viewer.addEventListener("wheel", (event) => {
+                if (event.ctrlKey || event.metaKey) return;
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                window.scrollBy({ top: event.deltaY, left: 0, behavior: "auto" });
+            }, { passive: false, capture: true });
+        }
+
+        const examples = document.querySelector("#examples-strip .gallery");
+        if (examples && examples.dataset.horizontalWheel !== "true") {
+            examples.dataset.horizontalWheel = "true";
+            examples.addEventListener("wheel", (event) => {
+                if (event.ctrlKey || event.metaKey) return;
+                if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
+                event.preventDefault();
+                examples.scrollLeft += event.deltaY;
+            }, { passive: false });
+        }
     };
     install();
     new MutationObserver(install).observe(document.body, { childList: true, subtree: true });
@@ -392,7 +418,7 @@ See the [paper](https://arxiv.org/abs/2608.16984),
                             )
                         with gr.Tab("Depth"):
                             depth_map = gr.ImageSlider(
-                                label="RGB / Metric Depth",
+                                label="RGB / Depth",
                                 image_mode="RGB",
                                 type="numpy",
                                 slider_position=50,
@@ -416,7 +442,13 @@ See the [paper](https://arxiv.org/abs/2608.16984),
                 else []
             )
             if example_files:
-                gr.Examples(example_files, input_image, cache_examples=False)
+                gr.Examples(
+                    example_files,
+                    input_image,
+                    cache_examples=False,
+                    examples_per_page=len(example_files),
+                    elem_id="examples-strip",
+                )
 
             submit.click(
                 on_submit,