Corregir error de formato string en el componente de cámara

streamlit_app.py

@@ -2529,8 +2529,8 @@ def main():
                     with camera_container:
                         st.info("Auto-capture enabled. Camera should start automatically.")
                         
-                        # Componente HTML/JavaScript para acceder a la cámara automáticamente
-                        camera_html = """
+                        # Construir el HTML del componente de cámara
+                        camera_component_html = """
                         <div style="margin-bottom: 20px;">
                             <video id="webcam" autoplay playsinline width="640" height="480" style="border-radius: 5px; display: none;"></video>
                             <canvas id="canvas" width="640" height="480" style="display: none;"></canvas>
@@ -2562,7 +2562,7 @@ def main():
                             let lastBoxes = [];
                             
                             // Configuración dinámica del FPS (desde Streamlit)
-                            const captureDelay = 1000 / %s;
+                            const captureDelay = 1000 / {0};
                             
                             // Iniciar la cámara
                             async function setupCamera() {
@@ -2808,10 +2808,10 @@ def main():
                             // Limpiar cuando se desmonte el componente
                             window.addEventListener('beforeunload', stopCapture);
                         </script>
-                        """ % st.session_state.get('capture_fps', 1.0)
+                        """.format(st.session_state.get('capture_fps', 1.0))
                         
                         # Renderizar el componente
-                        camera_component = st.components.v1.html(camera_html, height=520)
+                        camera_component = st.components.v1.html(camera_component_html, height=520)
                         
                         # Procesar la imagen si está disponible (desde JavaScript)
                         if camera_component is not None and isinstance(camera_component, dict):
@@ -2889,13 +2889,13 @@ def main():
                                                             // 3. Enviar a todos los iframes en la página
                                                             try {{
                                                                 const frames = document.getElementsByTagName('iframe');
-                                                                console.log(`Encontrados ${frames.length} iframes`);
+                                                                console.log(`Encontrados ${{frames.length}} iframes`);
                                                                 for(let i = 0; i < frames.length; i++) {{
                                                                     try {{
                                                                         frames[i].contentWindow.postMessage(message, '*');
-                                                                        console.log(`Mensaje enviado a iframe[${i}]`);
+                                                                        console.log(`Mensaje enviado a iframe[${{i}}]`);
                                                                     }} catch(e) {{
-                                                                        console.error(`Error enviando a iframe[${i}]:`, e);
+                                                                        console.error(`Error enviando a iframe[${{i}}]:`, e);
                                                                     }}
                                                                 }}
                                                             }} catch(e) {{
@@ -2905,13 +2905,13 @@ def main():
                                                             // 4. Enviar a todos los iframes en el parent
                                                             try {{
                                                                 const parentFrames = window.parent.document.getElementsByTagName('iframe');
-                                                                console.log(`Encontrados ${parentFrames.length} iframes en parent`);
+                                                                console.log(`Encontrados ${{parentFrames.length}} iframes en parent`);
                                                                 for(let i = 0; i < parentFrames.length; i++) {{
                                                                     try {{
                                                                         parentFrames[i].contentWindow.postMessage(message, '*');
-                                                                        console.log(`Mensaje enviado a parent.iframe[${i}]`);
+                                                                        console.log(`Mensaje enviado a parent.iframe[${{i}}]`);
                                                                     }} catch(e) {{
-                                                                        console.error(`Error enviando a parent.iframe[${i}]:`, e);
+                                                                        console.error(`Error enviando a parent.iframe[${{i}}]:`, e);
                                                                     }}
                                                                 }}
                                                             }} catch(e) {{