still initial commit

app.py

@@ -3,19 +3,7 @@ import cv2
 import numpy as np
 import gradio as gr
 import modal
-
-# 🔥 MONKEY-PATCH HOTFIX: Bypasses the older Gradio version bug for gr.Sidebar
-import inspect
-_original_sidebar_init = gr.Sidebar.__init__
-def _patched_sidebar_init(self, *args, **kwargs):
-    # Remove 'position' parameter if the underlying Gradio version doesn't support it
-    sig = inspect.signature(_original_sidebar_init)
-    if "position" not in sig.parameters:
-        kwargs.pop("position", None)
-    _original_sidebar_init(self, *args, **kwargs)
-gr.Sidebar.__init__ = _patched_sidebar_init
-
-from fastrtc import Stream, get_cloudflare_turn_credentials
+from fastrtc import WebRTC, get_cloudflare_turn_credentials
 
 # ── Modal Backend ───────────────────────────────────────────────────────────
 try:
@@ -79,11 +67,11 @@ def _run_voxel_backend(frame: np.ndarray) -> np.ndarray:
         return out
 
 
-# ── Unified Core Stream Handler ─────────────────────────────────────────────
-def process_video_stream(frame: np.ndarray, mode: str, _status=None) -> np.ndarray:
+# ── Core Stream Handler ─────────────────────────────────────────────────────
+def process_video_stream(frame: np.ndarray, mode: str) -> np.ndarray:
     """
     Unified real-time handler mapping directly to FastRTC's stream pipeline.
-    Accepts incoming frame, mode dropdown, and a placeholder for the Markdown element.
+    Accepts incoming frame from the WebRTC component and the mode dropdown selection.
     """
     if frame is None:
         return None
@@ -114,33 +102,43 @@ def process_video_stream(frame: np.ndarray, mode: str, _status=None) -> np.ndarr
     return processed
 
 
-# ── Setup Stream and Auto-UI Generation ──────────────────────────────────────
-stream = Stream(
-    handler=process_video_stream,
-    modality="video",
-    mode="send-receive",
-    rtc_configuration=get_safe_rtc_configuration(),
-    additional_inputs=[
-        gr.Dropdown(
-            choices=["Minecraft Filter", "Streaming Demo"],
-            value="Minecraft Filter",
-            label="🎯 Pipeline Mode",
-            interactive=True,
-        ),
-        gr.Markdown(
-            f"### ⚡ Backend Connection Status\n"
-            f"Status: {status_color} **{status_text}**\n\n"
-            f"Switching between pipeline modes instantly updates your active viewport feed below."
-        )
-    ],
-    ui_args={
-        "title": "⛏️ Minecraft Spatial Voxel Filter",
-        "pulse_color": "rgb(40, 167, 69)" if voxel_backend else "rgb(220, 53, 69)",
-        "icon_button_color": "rgb(40, 167, 69)" if voxel_backend else "rgb(220, 53, 69)",
-    },
-    time_limit=150,
-    concurrency_limit=4,
-)
+# ── Custom Gradio Interface Layout ──────────────────────────────────────────
+with gr.Blocks(title="⛏️ Minecraft Spatial Voxel Filter") as demo:
+    gr.Markdown("# ⛏️ Minecraft Spatial Voxel Filter")
+    
+    with gr.Row():
+        # Configuration Settings & Status (Left Side Box)
+        with gr.Column(scale=1):
+            status_md = gr.Markdown(
+                f"### ⚡ Backend Connection Status\n"
+                f"Status: {status_color} **{status_text}**\n\n"
+                f"Switching between pipeline modes instantly updates your active viewport feed."
+            )
+            
+            mode_dropdown = gr.Dropdown(
+                choices=["Minecraft Filter", "Streaming Demo"],
+                value="Minecraft Filter",
+                label="🎯 Pipeline Mode",
+                interactive=True,
+            )
+            
+        # Contained Video Box Viewport (Right Side Box)
+        with gr.Column(scale=2):
+            webrtc_stream = WebRTC(
+                label="Live Filter Stream",
+                modality="video",
+                mode="send-receive",
+                rtc_configuration=get_safe_rtc_configuration(),
+            )
+
+    # Explicitly attach the handler to the custom WebRTC component
+    webrtc_stream.stream(
+        fn=process_video_stream,
+        inputs=[webrtc_stream, mode_dropdown],
+        outputs=[webrtc_stream],
+        time_limit=150,
+        concurrency_limit=4,
+    )
 
 if __name__ == "__main__":
-    stream.ui.launch()
+    demo.launch()