Upload 8 files

.gitattributes

@@ -1,35 +1,35 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,12 +1,11 @@
----
-title: WaveFromSuno
-emoji: 🏢
-colorFrom: pink
-colorTo: red
-sdk: gradio
-sdk_version: 6.10.0
-app_file: app.py
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: Getwavefromsuno
+emoji: 🏆
+colorFrom: green
+colorTo: red
+sdk: streamlit
+pinned: true
+sdk_version: 1.53.0
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,524 @@
+import streamlit as st
+import json
+import requests
+import time
+import pandas as pd
+from datetime import datetime
+from urllib.parse import urlparse
+import os
+
+# Polling function
+def poll_status(task_id, single_poll=False):
+    """Poll Suno API for task status including task ID"""
+    if not task_id:
+        st.error("❌ Task ID cannot be empty")
+        return False
+    
+    headers = {
+        "Authorization": f"Bearer {st.session_state.suno_api_key}",
+        "Content-Type": "application/json"
+    }
+    
+    try:
+        with st.spinner(f"Checking status for task: {task_id}..."):
+            # Try different endpoint formats
+            endpoints_to_try = [
+                f"https://api.sunoapi.org/api/v1/wav/record-info?taskId={task_id}",
+                f"https://api.sunoapi.org/api/v1/wav/record-info/{task_id}",
+                f"https://api.sunoapi.org/api/v1/wav/record-info?id={task_id}"
+            ]
+            
+            response = None
+            for endpoint in endpoints_to_try:
+                try:
+                    response = requests.get(
+                        endpoint,
+                        headers=headers,
+                        timeout=30
+                    )
+                    if response.status_code == 200:
+                        break
+                except:
+                    continue
+            
+            if not response:
+                st.error("❌ Could not connect to any polling endpoint")
+                return False
+                
+            if response.status_code == 200:
+                result = response.json()
+                
+                # Store in session state
+                if 'poll_results' not in st.session_state:
+                    st.session_state.poll_results = []
+                
+                poll_entry = {
+                    "timestamp": datetime.now().strftime("%H:%M:%S"),
+                    "task_id": task_id,
+                    "response": result
+                }
+                st.session_state.poll_results.append(poll_entry)
+                
+                # Display result
+                if result.get("code") == 200:
+                    data = result.get("data", {})
+                    
+                    if data.get("successFlag") == "SUCCESS":
+                        # Audio is ready!
+                        audio_url = data.get("response", {}).get("audioWavUrl")
+                        if audio_url:
+                            st.success("✅ Audio ready!")
+                            st.balloons()
+                            
+                            # Display audio info
+                            st.markdown("### 🎵 Audio Information")
+                            cols = st.columns(2)
+                            with cols[0]:
+                                st.metric("Task ID", data.get("taskId", "N/A")[:12] + "...")
+                                st.metric("Music ID", data.get("musicId", "N/A")[:12] + "...")
+                            with cols[1]:
+                                st.metric("Status", data.get("successFlag", "N/A"))
+                                st.metric("Created", data.get("createTime", "N/A"))
+                            
+                            # Audio player
+                            st.markdown("### 🔊 Listen")
+                            st.audio(audio_url, format="audio/wav")
+                            
+                            # Download section
+                            st.markdown("### 📥 Download")
+                            st.code(audio_url)
+                            
+                            col_dl1, col_dl2 = st.columns(2)
+                            with col_dl1:
+                                st.download_button(
+                                    label="⬇ Download WAV",
+                                    data=requests.get(audio_url).content if audio_url.startswith("http") else b"",
+                                    file_name=f"audio_{data.get('taskId', 'unknown')[:8]}.wav",
+                                    mime="audio/wav",
+                                    key=f"download_{task_id}"
+                                )
+                            with col_dl2:
+                                if st.button("📋 Copy URL", key=f"copy_{task_id}"):
+                                    st.code(audio_url)
+                                    st.success("URL copied to clipboard!")
+                            
+                            # Stop auto-polling if active
+                            if st.session_state.get('auto_poll'):
+                                st.session_state.auto_poll = False
+                                st.success("✅ Auto-polling stopped (audio ready)")
+                        else:
+                            st.info("⏳ Audio still processing...")
+                            st.json(data)
+                    else:
+                        # Still processing or error
+                        status = data.get("successFlag", "UNKNOWN")
+                        if status == "PROCESSING":
+                            st.info(f"⏳ Processing... ({status})")
+                        elif status == "FAILED":
+                            st.error(f"❌ Processing failed: {data.get('errorMessage', 'Unknown error')}")
+                        else:
+                            st.info(f"ℹ️ Status: {status}")
+                        
+                        # Show progress info
+                        st.json(data)
+                else:
+                    st.error(f"❌ API Error: {result.get('msg', 'Unknown error')}")
+                    st.json(result)
+            else:
+                st.error(f"❌ Status check failed: {response.status_code}")
+                try:
+                    error_data = response.json()
+                    st.json(error_data)
+                except:
+                    st.text(f"Response: {response.text}")
+                    
+    except Exception as e:
+        st.error(f"⚠️ Polling error: {str(e)}")
+
+def load_callback_logs():
+    """Load and parse callback_log.json from remote URL"""
+    try:
+        # Try to fetch from your callback URL
+        log_url = "https://1hit.no/wav/callback_log.json"
+        response = requests.get(log_url, timeout=10)
+        
+        if response.status_code == 200:
+            logs = response.json()
+            return logs
+        else:
+            st.warning(f"Could not fetch logs from {log_url}. Status: {response.status_code}")
+            return []
+    except Exception as e:
+        st.warning(f"Could not load callback logs: {str(e)}")
+        return []
+
+def parse_callback_logs(logs):
+    """Parse callback logs into a structured format"""
+    parsed_logs = []
+    
+    for log in logs:
+        # Handle both old and new format
+        callback_data = log.get('callback_data') or log.get('data_received') or {}
+        
+        # Extract data with fallbacks for different formats
+        code = callback_data.get('code', 0)
+        msg = callback_data.get('msg', '')
+        data = callback_data.get('data', {})
+        
+        # Get audio URL (handle both formats)
+        audio_url = data.get('audio_wav_url') or data.get('audioWavUrl') or ''
+        task_id = data.get('task_id') or data.get('taskId') or ''
+        
+        # Get timestamp
+        timestamp = log.get('timestamp', 'Unknown')
+        
+        parsed_logs.append({
+            'timestamp': timestamp,
+            'code': code,
+            'message': msg,
+            'task_id': task_id,
+            'audio_url': audio_url,
+            'raw_data': callback_data
+        })
+    
+    return parsed_logs
+
+# Page configuration
+st.set_page_config(
+    page_title="Suno API Generator",
+    page_icon="🎵",
+    layout="wide"
+)
+
+# Load YOUR secret names
+SUNO_API_KEY = st.secrets.get("SunoKey", "")
+CALLBACK_URL = "https://1hit.no/wav/cb.php"
+
+# Initialize session state
+if 'task_id' not in st.session_state:
+    st.session_state.task_id = None
+if 'polling' not in st.session_state:
+    st.session_state.polling = False
+if 'poll_results' not in st.session_state:
+    st.session_state.poll_results = []
+if 'auto_poll' not in st.session_state:
+    st.session_state.auto_poll = False
+if 'suno_api_key' not in st.session_state:
+    st.session_state.suno_api_key = SUNO_API_KEY
+if 'selected_audio' not in st.session_state:
+    st.session_state.selected_audio = None
+
+# Title
+st.title("🎵 Suno API Audio Generator")
+
+# Create tabs
+tab1, tab2 = st.tabs(["🚀 Generate & Poll", "📊 Callback Logs"])
+
+with tab1:
+    # Info section
+    with st.expander("📋 How it works", expanded=True):
+        st.markdown("""
+        ### Workflow:
+        1. **Step 1**: Submit task to Suno API → Get `taskId` from response
+        2. **Step 2**: Suno processes audio (async)
+        3. **Step 3**: Suno sends callback to: `https://1hit.no/wav/cb.php`
+        4. **Step 4**: Check callback logs in the 📊 Callback Logs tab
+        5. **Step 5**: OR use Poll button to check status via API
+        ### Polling Endpoint:
+        ```javascript
+        fetch('https://api.sunoapi.org/api/v1/wav/record-info', {
+          method: 'GET',
+          headers: {
+            'Authorization': 'Bearer YOUR_TOKEN'
+          }
+        })
+        ```
+        """)
+
+    col1, col2 = st.columns([2, 1])
+
+    with col1:
+        st.header("🚀 Step 1: Submit to Suno API")
+        
+        # Form inputs
+        task_id = st.text_input("Task ID", value="5c79****be8e", help="Enter your Suno task ID", key="input_task_id")
+        audio_id = st.text_input("Audio ID", value="e231****-****-****-****-****8cadc7dc", help="Enter your Suno audio ID", key="input_audio_id")
+        
+        if st.button("🎵 Generate Audio", type="primary", use_container_width=True, key="generate_btn"):
+            if not SUNO_API_KEY:
+                st.error("❌ SunoKey not configured in Hugging Face secrets")
+                st.info("Add `SunoKey` secret in Hugging Face Space settings")
+                st.stop()
+            
+            if not task_id or not audio_id:
+                st.error("❌ Please enter both Task ID and Audio ID")
+                st.stop()
+            
+            with st.spinner("Sending request to Suno API..."):
+                headers = {
+                    "Authorization": f"Bearer {SUNO_API_KEY}",
+                    "Content-Type": "application/json"
+                }
+                
+                payload = {
+                    "taskId": task_id,
+                    "audioId": audio_id,
+                    "callBackUrl": CALLBACK_URL
+                }
+                
+                try:
+                    response = requests.post(
+                        "https://api.sunoapi.org/api/v1/wav/generate",
+                        headers=headers,
+                        json=payload,
+                        timeout=30
+                    )
+                    
+                    if response.status_code == 200:
+                        result = response.json()
+                        
+                        # Display response
+                        with st.expander("📋 API Response", expanded=True):
+                            st.json(result)
+                        
+                        if result.get("code") == 200 and "data" in result and "taskId" in result["data"]:
+                            st.session_state.task_id = result["data"]["taskId"]
+                            st.success(f"✅ Task submitted successfully!")
+                            st.info(f"**Task ID:** `{st.session_state.task_id}`")
+                            
+                            # Auto-fill poll input
+                            st.session_state.poll_task_input = st.session_state.task_id
+                            
+                            st.markdown("---")
+                            st.markdown("### 🔄 Next Steps:")
+                            st.markdown("""
+                            1. **Automatic Callback**: Suno will send result to your callback URL
+                            2. **Manual Poll**: Use the Poll button to check status
+                            3. **View Logs**: Check the 📊 Callback Logs tab
+                            """)
+                        else:
+                            st.error("❌ Unexpected response format")
+                            
+                            # Debug info
+                            st.markdown("**Debug Response:**")
+                            st.code(str(result))
+                    else:
+                        st.error(f"❌ API Error: {response.status_code}")
+                        try:
+                            error_data = response.json()
+                            st.json(error_data)
+                        except:
+                            st.text(f"Response: {response.text}")
+                            
+                except requests.exceptions.Timeout:
+                    st.error("⏰ Request timed out after 30 seconds")
+                except requests.exceptions.ConnectionError:
+                    st.error("🔌 Connection error - check your internet connection")
+                except requests.exceptions.RequestException as e:
+                    st.error(f"⚠️ Request failed: {str(e)}")
+
+    with col2:
+        st.header("🔍 Step 2: Poll Status")
+        
+        # Manual task ID input for polling
+        poll_task_id = st.text_input(
+            "Task ID to Poll",
+            value=st.session_state.get('poll_task_input', st.session_state.task_id or ""),
+            help="Enter task ID to check status",
+            key="poll_task_input_field"
+        )
+        
+        col2a, col2b = st.columns(2)
+        
+        with col2a:
+            poll_once_btn = st.button("🔄 Poll Once", type="secondary", use_container_width=True, key="poll_once_btn")
+        
+        with col2b:
+            auto_poll_btn = st.button("🔁 Auto Poll (10s)", type="secondary", use_container_width=True, key="auto_poll_btn")
+
+    # Handle poll button clicks
+    if poll_once_btn:
+        if not poll_task_id:
+            st.error("❌ Please enter a Task ID")
+        elif not SUNO_API_KEY:
+            st.error("❌ SunoKey not configured")
+        else:
+            poll_status(poll_task_id, single_poll=True)
+
+    if auto_poll_btn:
+        if not poll_task_id:
+            st.error("❌ Please enter a Task ID")
+        elif not SUNO_API_KEY:
+            st.error("❌ SunoKey not configured")
+        else:
+            st.session_state.auto_poll = True
+            st.session_state.auto_poll_task_id = poll_task_id
+            st.rerun()
+
+    # Display poll results if any
+    if st.session_state.poll_results:
+        st.markdown("---")
+        st.header("📊 Polling History")
+        
+        # Show last 5 results
+        recent_results = list(reversed(st.session_state.poll_results[-5:]))
+        
+        for i, result in enumerate(recent_results):
+            with st.expander(f"Poll {i+1} - {result['timestamp']} - Task: {result['task_id'][:12]}...", expanded=(i == len(recent_results)-1)):
+                response_data = result["response"]
+                
+                if response_data.get("code") == 200:
+                    data = response_data.get("data", {})
+                    status = data.get("successFlag", "UNKNOWN")
+                    
+                    # Status badge
+                    if status == "SUCCESS":
+                        st.success(f"✅ {status}")
+                    elif status == "PROCESSING":
+                        st.info(f"⏳ {status}")
+                    elif status == "FAILED":
+                        st.error(f"❌ {status}")
+                    else:
+                        st.warning(f"⚠️ {status}")
+                    
+                    # Display key info
+                    cols = st.columns(3)
+                    with cols[0]:
+                        st.metric("Task ID", data.get("taskId", "N/A")[:12] + "...")
+                    with cols[1]:
+                        st.metric("Music ID", data.get("musicId", "N/A")[:12] + "...")
+                    with cols[2]:
+                        st.metric("Status", status)
+                    
+                    # Show audio if available
+                    audio_url = data.get("response", {}).get("audioWavUrl")
+                    if audio_url:
+                        st.audio(audio_url, format="audio/wav")
+                        st.markdown(f"**Audio URL:** `{audio_url}`")
+                    
+                    # Show full response
+                    with st.expander("📋 Full Response JSON"):
+                        st.json(response_data)
+                else:
+                    st.error(f"❌ Error: {response_data.get('msg', 'Unknown error')}")
+                    st.json(response_data)
+
+with tab2:
+    st.header("📊 Callback Log Viewer")
+    st.markdown("View and manage audio files from callback logs")
+    
+    # Load callback logs
+    with st.spinner("Loading callback logs..."):
+        logs = load_callback_logs()
+        parsed_logs = parse_callback_logs(logs)
+    
+    if not parsed_logs:
+        st.info("📭 No callback logs found. Callbacks will appear here when Suno API sends them.")
+        st.markdown(f"**Callback URL:** `{CALLBACK_URL}`")
+    else:
+        # Display statistics
+        total_logs = len(parsed_logs)
+        successful_logs = len([log for log in parsed_logs if log['code'] == 200])
+        audio_logs = len([log for log in parsed_logs if log['audio_url']])
+        
+        col_stats1, col_stats2, col_stats3 = st.columns(3)
+        with col_stats1:
+            st.metric("📊 Total Callbacks", total_logs)
+        with col_stats2:
+            st.metric("✅ Successful", successful_logs)
+        with col_stats3:
+            st.metric("🎵 Audio Files", audio_logs)
+        
+        # Create a DataFrame for display
+        df_data = []
+        for log in parsed_logs:
+            df_data.append({
+                'Timestamp': log['timestamp'],
+                'Status': '✅ Success' if log['code'] == 200 else '❌ Error',
+                'Task ID': log['task_id'][:12] + '...' if log['task_id'] else 'N/A',
+                'Audio URL': log['audio_url'][:50] + '...' if log['audio_url'] else 'No audio',
+                'Message': log['message'][:50] + '...' if log['message'] else '',
+                'Full Data': log
+            })
+        
+        if df_data:
+            df = pd.DataFrame(df_data)
+            
+            
+            
+            # Display table
+            
+            # Audio player for selected file
+            st.markdown("---")
+            st.markdown("### 🔊 Audio Player")
+            
+            # Create a dropdown of available audio files
+            audio_files = [log for log in parsed_logs if log['audio_url']]
+            
+            if audio_files:
+                audio_options = [f"{log['timestamp']} - {log['task_id'][:12]}..." for log in audio_files]
+                selected_index = st.selectbox(
+                    "Select audio to play:",
+                    range(len(audio_options)),
+                    format_func=lambda x: audio_options[x]
+                )
+                
+                if selected_index is not None:
+                    selected_audio = audio_files[selected_index]
+                    st.session_state.selected_audio = selected_audio
+                    
+                    st.markdown(f"**Selected:** {selected_audio['timestamp']} - Task: `{selected_audio['task_id']}`")
+                    st.audio(selected_audio['audio_url'], format="audio/wav")
+                    
+                    # Download button for selected audio
+                    audio_filename = selected_audio['audio_url'].split('/')[-1] if '/' in selected_audio['audio_url'] else f"audio_{selected_audio['task_id']}.wav"
+                    st.download_button(
+                        label=f"⬇ Download {audio_filename}",
+                        data=requests.get(selected_audio['audio_url']).content if selected_audio['audio_url'].startswith("http") else b"",
+                        file_name=audio_filename,
+                        mime="audio/wav",
+                        key="download_selected_audio"
+                    )
+            else:
+                st.info("No audio files available in callback logs")
+        
+        # Refresh button
+        if st.button("🔄 Refresh Logs", key="refresh_logs"):
+            st.rerun()
+
+# Quick links and info
+st.sidebar.markdown("---")
+st.sidebar.markdown("### 📝 Quick Links")
+st.sidebar.markdown(f"""
+- 🔗 [Callback Logs]({CALLBACK_URL.replace('cb.php', 'view.php')})
+- 📚 [Suno API Docs](https://docs.sunoapi.org/)
+- 🔄 **Poll Endpoint**: `GET /api/v1/wav/record-info`
+""")
+
+# Secret status
+with st.sidebar.expander("🔐 Secret Status", expanded=False):
+    if SUNO_API_KEY:
+        masked_key = f"{SUNO_API_KEY[:8]}...{SUNO_API_KEY[-8:]}" if len(SUNO_API_KEY) > 16 else "••••••••"
+        st.success(f"✅ SunoKey loaded ({len(SUNO_API_KEY)} chars)")
+        st.code(f"SunoKey: {masked_key}")
+    else:
+        st.error("❌ SunoKey not found")
+    
+    st.info(f"**Callback URL:** `{CALLBACK_URL}`")
+
+# Auto-polling logic
+if st.session_state.get('auto_poll') and st.session_state.get('auto_poll_task_id'):
+    task_id = st.session_state.auto_poll_task_id
+    
+    # Create a placeholder for auto-poll status
+    poll_placeholder = st.empty()
+    
+    with poll_placeholder.container():
+        st.info(f"🔁 Auto-polling task: `{task_id[:12]}...` (every 10 seconds)")
+        
+        # Poll once
+        poll_status(task_id, single_poll=True)
+        
+        # Schedule next poll
+        time.sleep(10)
+        st.rerun()

index.html

@@ -0,0 +1,398 @@
+
+    <!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Suno API Audio Generator with Hugging Face Secrets">
+    <title>🎵 Suno AI Audio Generator</title>
+    
+    <!-- Tailwind CSS for styling -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    
+    <style>
+        body {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+        }
+        
+        .gradient-bg {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+        
+        .card {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        
+        .input-field {
+            transition: all 0.3s ease;
+            border: 2px solid #e5e7eb;
+        }
+        
+        .input-field:focus {
+            border-color: #667eea;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+        }
+        
+        .btn-primary {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            transition: all 0.3s ease;
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
+        }
+        
+        .btn-primary:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+            transform: none;
+            box-shadow: none;
+        }
+        
+        .spinner {
+            border: 3px solid #f3f3f3;
+            border-top: 3px solid #667eea;
+            border-radius: 50%;
+            width: 24px;
+            height: 24px;
+            animation: spin 1s linear infinite;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        
+        .copy-btn {
+            transition: all 0.2s ease;
+        }
+        
+        .copy-btn:hover {
+            background-color: #f3f4f6;
+        }
+        
+        .copy-btn.copied {
+            background-color: #10b981 !important;
+            color: white;
+        }
+        
+        pre {
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body class="flex items-center justify-center min-h-screen p-4">
+    <div class="card rounded-2xl shadow-2xl w-full max-w-2xl p-8">
+        <!-- Header -->
+        <div class="text-center mb-8">
+            <h1 class="text-3xl font-bold bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent mb-2">
+                🎵 Suno AI Audio Generator
+            </h1>
+            <p class="text-gray-600">
+                Generate audio using Suno API with secure secret management
+            </p>
+            <div class="mt-2">
+                <span id="configStatus" class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium">
+                    <span class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></span>
+                    Loading configuration...
+                </span>
+            </div>
+        </div>
+
+        <!-- Configuration Section -->
+        <div id="configSection" class="mb-6 p-4 bg-blue-50 rounded-lg border border-blue-200 hidden">
+            <h3 class="font-semibold text-blue-800 mb-2">🔒 Configuration Status</h3>
+            <div class="space-y-2">
+                <div class="flex items-center">
+                    <span id="apiKeyStatus" class="text-sm">API Key: <span class="font-mono">Loading...</span></span>
+                    <button onclick="copyToClipboard('apiKey')" 
+                            class="copy-btn ml-2 px-2 py-1 text-xs bg-gray-100 rounded hover:bg-gray-200">
+                        Copy
+                    </button>
+                </div>
+                <div class="flex items-center">
+                    <span id="callbackStatus" class="text-sm">Callback URL: <span class="font-mono">Loading...</span></span>
+                    <button onclick="copyToClipboard('callbackUrl')" 
+                            class="copy-btn ml-2 px-2 py-1 text-xs bg-gray-100 rounded hover:bg-gray-200">
+                        Copy
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Form Section -->
+        <div class="space-y-6">
+            <div>
+                <label for="taskId" class="block text-sm font-medium text-gray-700 mb-2">
+                    Task ID
+                </label>
+                <input type="text" 
+                       id="taskId" 
+                       placeholder="5c79****be8e"
+                       value="5c79****be8e"
+                       class="input-field w-full px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <p class="text-xs text-gray-500 mt-1">Enter your Suno API task ID</p>
+            </div>
+
+            <div>
+                <label for="audioId" class="block text-sm font-medium text-gray-700 mb-2">
+                    Audio ID
+                </label>
+                <input type="text" 
+                       id="audioId" 
+                       placeholder="e231****-****-****-****-****8cadc7dc"
+                       value="e231****-****-****-****-****8cadc7dc"
+                       class="input-field w-full px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <p class="text-xs text-gray-500 mt-1">Enter your Suno API audio ID</p>
+            </div>
+
+            <!-- Generate Button -->
+            <button id="generateBtn" 
+                    onclick="generateAudio()"
+                    class="btn-primary w-full py-3 rounded-lg text-white font-semibold flex items-center justify-center">
+                <span>🎵 Generate Audio</span>
+            </button>
+
+            <!-- Loading Indicator -->
+            <div id="loading" class="hidden flex-col items-center justify-center p-4">
+                <div class="spinner mb-3"></div>
+                <p class="text-gray-600">Generating audio... Please wait</p>
+            </div>
+
+            <!-- Status Messages -->
+            <div id="status" class="hidden p-4 rounded-lg"></div>
+
+            <!-- Result Section -->
+            <div id="result" class="hidden">
+                <h3 class="font-semibold text-gray-700 mb-3">📋 Response:</h3>
+                <div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
+                    <pre id="response" class="text-gray-800"></pre>
+                </div>
+                <div class="mt-4 flex justify-end">
+                    <button onclick="copyToClipboard('response')" 
+                            class="copy-btn px-4 py-2 bg-gray-100 rounded-lg hover:bg-gray-200">
+                        📋 Copy Response
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Footer -->
+        <div class="mt-8 pt-6 border-t border-gray-200">
+            <p class="text-xs text-gray-500 text-center">
+                🔒 Secrets are loaded securely from Hugging Face Space environment variables
+                <br>
+                <span id="envInfo" class="font-mono text-gray-600"></span>
+            </p>
+        </div>
+    </div>
+
+    <!-- Inline JavaScript for configuration -->
+    <script>
+        // Configuration object - will be populated from environment
+        window.config = {
+            apiKey: '',
+            callbackUrl: '',
+            isConfigured: false,
+            envSource: 'Unknown',
+            timestamp: new Date().toISOString()
+        };
+
+        // Function to load configuration from multiple sources
+        function loadConfiguration() {
+            console.log('🔧 Loading configuration...');
+            
+            // Method 1: Try to get from Hugging Face Space environment
+            // Note: In Hugging Face Spaces, environment variables might not be directly accessible in browser
+            // So we need to use fetch to a backend endpoint or URL parameters
+            
+            // For this example, we'll use URL parameters which can be set in Hugging Face Space settings
+            const urlParams = new URLSearchParams(window.location.search);
+            
+            // Method 2: Try URL parameters (set in Hugging Face Space as query string)
+            const apiKeyFromUrl = urlParams.get('api_key');
+            const callbackUrlFromUrl = urlParams.get('callback_url');
+            
+            // Method 3: Try localStorage (for development/testing)
+            const apiKeyFromStorage = localStorage.getItem('suno_api_key');
+            const callbackUrlFromStorage = localStorage.getItem('suno_callback_url');
+            
+            // Priority: URL params > localStorage > empty
+            if (apiKeyFromUrl && callbackUrlFromUrl) {
+                window.config.apiKey = apiKeyFromUrl;
+                window.config.callbackUrl = callbackUrlFromUrl;
+                window.config.envSource = 'URL Parameters';
+                window.config.isConfigured = true;
+            } else if (apiKeyFromStorage && callbackUrlFromStorage) {
+                window.config.apiKey = apiKeyFromStorage;
+                window.config.callbackUrl = callbackUrlFromStorage;
+                window.config.envSource = 'Local Storage (Dev Mode)';
+                window.config.isConfigured = true;
+            } else {
+                // Method 4: Try to fetch from a backend endpoint
+                fetch('/api/config')
+                    .then(response => {
+                        if (response.ok) return response.json();
+                        throw new Error('No config endpoint');
+                    })
+                    .then(data => {
+                        window.config.apiKey = data.apiKey || '';
+                        window.config.callbackUrl = data.callbackUrl || '';
+                        window.config.envSource = 'Backend API';
+                        window.config.isConfigured = !!window.config.apiKey;
+                        updateUI();
+                    })
+                    .catch(error => {
+                        console.log('No backend config available');
+                        // Show configuration form
+                        showConfigForm();
+                    });
+            }
+            
+            updateUI();
+            console.log('Configuration loaded:', window.config);
+        }
+
+        // Update UI based on configuration status
+        function updateUI() {
+            const configStatus = document.getElementById('configStatus');
+            const configSection = document.getElementById('configSection');
+            const apiKeyStatus = document.getElementById('apiKeyStatus');
+            const callbackStatus = document.getElementById('callbackStatus');
+            const envInfo = document.getElementById('envInfo');
+            
+            if (window.config.isConfigured) {
+                // Show success status
+                configStatus.innerHTML = '<span class="w-2 h-2 rounded-full bg-green-500 mr-2"></span> Configured';
+                configStatus.className = 'inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800';
+                
+                // Update config display
+                apiKeyStatus.innerHTML = `API Key: <span class="font-mono">${maskString(window.config.apiKey, 8)}</span>`;
+                callbackStatus.innerHTML = `Callback URL: <span class="font-mono">${window.config.callbackUrl}</span>`;
+                envInfo.textContent = `Source: ${window.config.envSource}`;
+                
+                // Show config section
+                configSection.classList.remove('hidden');
+            } else {
+                // Show warning status
+                configStatus.innerHTML = '<span class="w-2 h-2 rounded-full bg-red-500 mr-2"></span> Not Configured';
+                configStatus.className = 'inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800';
+                envInfo.textContent = 'Please configure secrets in Hugging Face Space settings';
+            }
+        }
+
+        // Helper function to mask sensitive strings
+        function maskString(str, visibleChars = 4) {
+            if (!str || str.length <= visibleChars * 2) return '••••••••';
+            const first = str.substring(0, visibleChars);
+            const last = str.substring(str.length - visibleChars);
+            return `${first}••••${last}`;
+        }
+
+        // Copy to clipboard helper
+        function copyToClipboard(elementId) {
+            let text = '';
+            
+            if (elementId === 'apiKey') {
+                text = window.config.apiKey;
+            } else if (elementId === 'callbackUrl') {
+                text = window.config.callbackUrl;
+            } else if (elementId === 'response') {
+                text = document.getElementById('response').textContent;
+            }
+            
+            navigator.clipboard.writeText(text).then(() => {
+                const btn = event.target;
+                const originalText = btn.innerHTML;
+                btn.innerHTML = '✅ Copied!';
+                btn.classList.add('copied');
+                setTimeout(() => {
+                    btn.innerHTML = originalText;
+                    btn.classList.remove('copied');
+                }, 2000);
+            });
+        }
+
+        // Show configuration form (for manual setup)
+        function showConfigForm() {
+            // Create a modal for manual configuration
+            const modal = document.createElement('div');
+            modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50';
+            modal.innerHTML = `
+                <div class="bg-white rounded-xl p-6 max-w-md w-full">
+                    <h3 class="text-lg font-semibold text-gray-800 mb-4">⚙️ Manual Configuration</h3>
+                    <p class="text-sm text-gray-600 mb-4">Enter your Suno API credentials:</p>
+                    
+                    <div class="space-y-4">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">API Key</label>
+                            <input type="password" 
+                                   id="manualApiKey" 
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                                   placeholder="Bearer token...">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Callback URL</label>
+                            <input type="text" 
+                                   id="manualCallbackUrl" 
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                                   placeholder="https://api.example.com/callback">
+                        </div>
+                    </div>
+                    
+                    <div class="flex gap-2 mt-6">
+                        <button onclick="saveManualConfig()" class="flex-1 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
+                            Save
+                        </button>
+                        <button onclick="closeModal(this)" class="flex-1 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300">
+                            Cancel
+                        </button>
+                    </div>
+                </div>
+            `;
+            document.body.appendChild(modal);
+        }
+
+        function saveManualConfig() {
+            const apiKey = document.getElementById('manualApiKey').value;
+            const callbackUrl = document.getElementById('manualCallbackUrl').value;
+            
+            if (apiKey && callbackUrl) {
+                // Save to localStorage for development
+                localStorage.setItem('suno_api_key', apiKey);
+                localStorage.setItem('suno_callback_url', callbackUrl);
+                
+                // Update global config
+                window.config.apiKey = apiKey;
+                window.config.callbackUrl = callbackUrl;
+                window.config.envSource = 'Manual Setup';
+                window.config.isConfigured = true;
+                
+                updateUI();
+                closeModal();
+            } else {
+                alert('Please fill in both fields');
+            }
+        }
+
+        function closeModal(btn) {
+            const modal = btn.closest('.fixed');
+            if (modal) modal.remove();
+        }
+
+        // Initialize configuration when page loads
+        document.addEventListener('DOMContentLoaded', loadConfiguration);
+    </script>
+
+    <!-- External JavaScript for API calls -->
+    <script src="script.js"></script>
+</body>
+</html>

napp.py

@@ -0,0 +1,565 @@
+import streamlit as st
+import json
+import requests
+import time
+import pandas as pd
+from datetime import datetime
+from urllib.parse import urlparse
+import os
+
+# Polling function
+def poll_status(task_id, single_poll=False):
+    """Poll Suno API for task status including task ID"""
+    if not task_id:
+        st.error("❌ Task ID cannot be empty")
+        return False
+    
+    headers = {
+        "Authorization": f"Bearer {st.session_state.suno_api_key}",
+        "Content-Type": "application/json"
+    }
+    
+    try:
+        with st.spinner(f"Checking status for task: {task_id}..."):
+            # Try different endpoint formats
+            endpoints_to_try = [
+                f"https://api.sunoapi.org/api/v1/wav/record-info?taskId={task_id}",
+                f"https://api.sunoapi.org/api/v1/wav/record-info/{task_id}",
+                f"https://api.sunoapi.org/api/v1/wav/record-info?id={task_id}"
+            ]
+            
+            response = None
+            for endpoint in endpoints_to_try:
+                try:
+                    response = requests.get(
+                        endpoint,
+                        headers=headers,
+                        timeout=30
+                    )
+                    if response.status_code == 200:
+                        break
+                except:
+                    continue
+            
+            if not response:
+                st.error("❌ Could not connect to any polling endpoint")
+                return False
+                
+            if response.status_code == 200:
+                result = response.json()
+                
+                # Store in session state
+                if 'poll_results' not in st.session_state:
+                    st.session_state.poll_results = []
+                
+                poll_entry = {
+                    "timestamp": datetime.now().strftime("%H:%M:%S"),
+                    "task_id": task_id,
+                    "response": result
+                }
+                st.session_state.poll_results.append(poll_entry)
+                
+                # Display result
+                if result.get("code") == 200:
+                    data = result.get("data", {})
+                    
+                    if data.get("successFlag") == "SUCCESS":
+                        # Audio is ready!
+                        audio_url = data.get("response", {}).get("audioWavUrl")
+                        if audio_url:
+                            st.success("✅ Audio ready!")
+                            st.balloons()
+                            
+                            # Display audio info
+                            st.markdown("### 🎵 Audio Information")
+                            cols = st.columns(2)
+                            with cols[0]:
+                                st.metric("Task ID", data.get("taskId", "N/A")[:12] + "...")
+                                st.metric("Music ID", data.get("musicId", "N/A")[:12] + "...")
+                            with cols[1]:
+                                st.metric("Status", data.get("successFlag", "N/A"))
+                                st.metric("Created", data.get("createTime", "N/A"))
+                            
+                            # Audio player
+                            st.markdown("### 🔊 Listen")
+                            st.audio(audio_url, format="audio/wav")
+                            
+                            # Download section
+                            st.markdown("### 📥 Download")
+                            st.code(audio_url)
+                            
+                            col_dl1, col_dl2 = st.columns(2)
+                            with col_dl1:
+                                st.download_button(
+                                    label="⬇ Download WAV",
+                                    data=requests.get(audio_url).content if audio_url.startswith("http") else b"",
+                                    file_name=f"audio_{data.get('taskId', 'unknown')[:8]}.wav",
+                                    mime="audio/wav",
+                                    key=f"download_{task_id}"
+                                )
+                            with col_dl2:
+                                if st.button("📋 Copy URL", key=f"copy_{task_id}"):
+                                    st.code(audio_url)
+                                    st.success("URL copied to clipboard!")
+                            
+                            # Stop auto-polling if active
+                            if st.session_state.get('auto_poll'):
+                                st.session_state.auto_poll = False
+                                st.success("✅ Auto-polling stopped (audio ready)")
+                        else:
+                            st.info("⏳ Audio still processing...")
+                            st.json(data)
+                    else:
+                        # Still processing or error
+                        status = data.get("successFlag", "UNKNOWN")
+                        if status == "PROCESSING":
+                            st.info(f"⏳ Processing... ({status})")
+                        elif status == "FAILED":
+                            st.error(f"❌ Processing failed: {data.get('errorMessage', 'Unknown error')}")
+                        else:
+                            st.info(f"ℹ️ Status: {status}")
+                        
+                        # Show progress info
+                        st.json(data)
+                else:
+                    st.error(f"❌ API Error: {result.get('msg', 'Unknown error')}")
+                    st.json(result)
+            else:
+                st.error(f"❌ Status check failed: {response.status_code}")
+                try:
+                    error_data = response.json()
+                    st.json(error_data)
+                except:
+                    st.text(f"Response: {response.text}")
+                    
+    except Exception as e:
+        st.error(f"⚠️ Polling error: {str(e)}")
+
+def load_callback_logs():
+    """Load and parse callback_log.json from remote URL"""
+    try:
+        # Try to fetch from your callback URL
+        log_url = "https://1hit.no/wav/callback_log.json"
+        response = requests.get(log_url, timeout=10)
+        
+        if response.status_code == 200:
+            logs = response.json()
+            return logs
+        else:
+            st.warning(f"Could not fetch logs from {log_url}. Status: {response.status_code}")
+            return []
+    except Exception as e:
+        st.warning(f"Could not load callback logs: {str(e)}")
+        return []
+
+def parse_callback_logs(logs):
+    """Parse callback logs into a structured format"""
+    parsed_logs = []
+    
+    for log in logs:
+        # Handle both old and new format
+        callback_data = log.get('callback_data') or log.get('data_received') or {}
+        
+        # Extract data with fallbacks for different formats
+        code = callback_data.get('code', 0)
+        msg = callback_data.get('msg', '')
+        data = callback_data.get('data', {})
+        
+        # Get audio URL (handle both formats)
+        audio_url = data.get('audio_wav_url') or data.get('audioWavUrl') or ''
+        task_id = data.get('task_id') or data.get('taskId') or ''
+        
+        # Get timestamp
+        timestamp = log.get('timestamp', 'Unknown')
+        
+        parsed_logs.append({
+            'timestamp': timestamp,
+            'code': code,
+            'message': msg,
+            'task_id': task_id,
+            'audio_url': audio_url,
+            'raw_data': callback_data
+        })
+    
+    return parsed_logs
+
+# Page configuration
+st.set_page_config(
+    page_title="Suno API Generator",
+    page_icon="🎵",
+    layout="wide"
+)
+
+# Load YOUR secret names
+SUNO_API_KEY = st.secrets.get("SunoKey", "")
+CALLBACK_URL = "https://1hit.no/wav/cb.php"
+
+# Initialize session state
+if 'task_id' not in st.session_state:
+    st.session_state.task_id = None
+if 'polling' not in st.session_state:
+    st.session_state.polling = False
+if 'poll_results' not in st.session_state:
+    st.session_state.poll_results = []
+if 'auto_poll' not in st.session_state:
+    st.session_state.auto_poll = False
+if 'suno_api_key' not in st.session_state:
+    st.session_state.suno_api_key = SUNO_API_KEY
+if 'selected_audio' not in st.session_state:
+    st.session_state.selected_audio = None
+
+# Title
+st.title("🎵 Suno API Audio Generator")
+
+# Create tabs
+tab1, tab2 = st.tabs(["🚀 Generate & Poll", "📊 Callback Logs"])
+
+with tab1:
+    # Info section
+    with st.expander("📋 How it works", expanded=True):
+        st.markdown("""
+        ### Workflow:
+        1. **Step 1**: Submit task to Suno API → Get `taskId` from response
+        2. **Step 2**: Suno processes audio (async)
+        3. **Step 3**: Suno sends callback to: `https://1hit.no/wav/cb.php`
+        4. **Step 4**: Check callback logs in the 📊 Callback Logs tab
+        5. **Step 5**: OR use Poll button to check status via API
+        ### Polling Endpoint:
+        ```javascript
+        fetch('https://api.sunoapi.org/api/v1/wav/record-info', {
+          method: 'GET',
+          headers: {
+            'Authorization': 'Bearer YOUR_TOKEN'
+          }
+        })
+        ```
+        """)
+
+    col1, col2 = st.columns([2, 1])
+
+    with col1:
+        st.header("🚀 Step 1: Submit to Suno API")
+        
+        # Form inputs
+        task_id = st.text_input("Task ID", value="5c79****be8e", help="Enter your Suno task ID", key="input_task_id")
+        audio_id = st.text_input("Audio ID", value="e231****-****-****-****-****8cadc7dc", help="Enter your Suno audio ID", key="input_audio_id")
+        
+        if st.button("🎵 Generate Audio", type="primary", use_container_width=True, key="generate_btn"):
+            if not SUNO_API_KEY:
+                st.error("❌ SunoKey not configured in Hugging Face secrets")
+                st.info("Add `SunoKey` secret in Hugging Face Space settings")
+                st.stop()
+            
+            if not task_id or not audio_id:
+                st.error("❌ Please enter both Task ID and Audio ID")
+                st.stop()
+            
+            with st.spinner("Sending request to Suno API..."):
+                headers = {
+                    "Authorization": f"Bearer {SUNO_API_KEY}",
+                    "Content-Type": "application/json"
+                }
+                
+                payload = {
+                    "taskId": task_id,
+                    "audioId": audio_id,
+                    "callBackUrl": CALLBACK_URL
+                }
+                
+                try:
+                    response = requests.post(
+                        "https://api.sunoapi.org/api/v1/wav/generate",
+                        headers=headers,
+                        json=payload,
+                        timeout=30
+                    )
+                    
+                    if response.status_code == 200:
+                        result = response.json()
+                        
+                        # Display response
+                        with st.expander("📋 API Response", expanded=True):
+                            st.json(result)
+                        
+                        if result.get("code") == 200 and "data" in result and "taskId" in result["data"]:
+                            st.session_state.task_id = result["data"]["taskId"]
+                            st.success(f"✅ Task submitted successfully!")
+                            st.info(f"**Task ID:** `{st.session_state.task_id}`")
+                            
+                            # Auto-fill poll input
+                            st.session_state.poll_task_input = st.session_state.task_id
+                            
+                            st.markdown("---")
+                            st.markdown("### 🔄 Next Steps:")
+                            st.markdown("""
+                            1. **Automatic Callback**: Suno will send result to your callback URL
+                            2. **Manual Poll**: Use the Poll button to check status
+                            3. **View Logs**: Check the 📊 Callback Logs tab
+                            """)
+                        else:
+                            st.error("❌ Unexpected response format")
+                            
+                            # Debug info
+                            st.markdown("**Debug Response:**")
+                            st.code(str(result))
+                    else:
+                        st.error(f"❌ API Error: {response.status_code}")
+                        try:
+                            error_data = response.json()
+                            st.json(error_data)
+                        except:
+                            st.text(f"Response: {response.text}")
+                            
+                except requests.exceptions.Timeout:
+                    st.error("⏰ Request timed out after 30 seconds")
+                except requests.exceptions.ConnectionError:
+                    st.error("🔌 Connection error - check your internet connection")
+                except requests.exceptions.RequestException as e:
+                    st.error(f"⚠️ Request failed: {str(e)}")
+
+    with col2:
+        st.header("🔍 Step 2: Poll Status")
+        
+        # Manual task ID input for polling
+        poll_task_id = st.text_input(
+            "Task ID to Poll",
+            value=st.session_state.get('poll_task_input', st.session_state.task_id or ""),
+            help="Enter task ID to check status",
+            key="poll_task_input_field"
+        )
+        
+        col2a, col2b = st.columns(2)
+        
+        with col2a:
+            poll_once_btn = st.button("🔄 Poll Once", type="secondary", use_container_width=True, key="poll_once_btn")
+        
+        with col2b:
+            auto_poll_btn = st.button("🔁 Auto Poll (10s)", type="secondary", use_container_width=True, key="auto_poll_btn")
+
+    # Handle poll button clicks
+    if poll_once_btn:
+        if not poll_task_id:
+            st.error("❌ Please enter a Task ID")
+        elif not SUNO_API_KEY:
+            st.error("❌ SunoKey not configured")
+        else:
+            poll_status(poll_task_id, single_poll=True)
+
+    if auto_poll_btn:
+        if not poll_task_id:
+            st.error("❌ Please enter a Task ID")
+        elif not SUNO_API_KEY:
+            st.error("❌ SunoKey not configured")
+        else:
+            st.session_state.auto_poll = True
+            st.session_state.auto_poll_task_id = poll_task_id
+            st.rerun()
+
+    # Display poll results if any
+    if st.session_state.poll_results:
+        st.markdown("---")
+        st.header("📊 Polling History")
+        
+        # Show last 5 results
+        recent_results = list(reversed(st.session_state.poll_results[-5:]))
+        
+        for i, result in enumerate(recent_results):
+            with st.expander(f"Poll {i+1} - {result['timestamp']} - Task: {result['task_id'][:12]}...", expanded=(i == len(recent_results)-1)):
+                response_data = result["response"]
+                
+                if response_data.get("code") == 200:
+                    data = response_data.get("data", {})
+                    status = data.get("successFlag", "UNKNOWN")
+                    
+                    # Status badge
+                    if status == "SUCCESS":
+                        st.success(f"✅ {status}")
+                    elif status == "PROCESSING":
+                        st.info(f"⏳ {status}")
+                    elif status == "FAILED":
+                        st.error(f"❌ {status}")
+                    else:
+                        st.warning(f"⚠️ {status}")
+                    
+                    # Display key info
+                    cols = st.columns(3)
+                    with cols[0]:
+                        st.metric("Task ID", data.get("taskId", "N/A")[:12] + "...")
+                    with cols[1]:
+                        st.metric("Music ID", data.get("musicId", "N/A")[:12] + "...")
+                    with cols[2]:
+                        st.metric("Status", status)
+                    
+                    # Show audio if available
+                    audio_url = data.get("response", {}).get("audioWavUrl")
+                    if audio_url:
+                        st.audio(audio_url, format="audio/wav")
+                        st.markdown(f"**Audio URL:** `{audio_url}`")
+                    
+                    # Show full response
+                    with st.expander("📋 Full Response JSON"):
+                        st.json(response_data)
+                else:
+                    st.error(f"❌ Error: {response_data.get('msg', 'Unknown error')}")
+                    st.json(response_data)
+
+with tab2:
+    st.header("📊 Callback Log Viewer")
+    st.markdown("View and manage audio files from callback logs")
+    
+    # Load callback logs
+    with st.spinner("Loading callback logs..."):
+        logs = load_callback_logs()
+        parsed_logs = parse_callback_logs(logs)
+    
+    if not parsed_logs:
+        st.info("📭 No callback logs found. Callbacks will appear here when Suno API sends them.")
+        st.markdown(f"**Callback URL:** `{CALLBACK_URL}`")
+    else:
+        # Display statistics
+        total_logs = len(parsed_logs)
+        successful_logs = len([log for log in parsed_logs if log['code'] == 200])
+        audio_logs = len([log for log in parsed_logs if log['audio_url']])
+        
+        col_stats1, col_stats2, col_stats3 = st.columns(3)
+        with col_stats1:
+            st.metric("📊 Total Callbacks", total_logs)
+        with col_stats2:
+            st.metric("✅ Successful", successful_logs)
+        with col_stats3:
+            st.metric("🎵 Audio Files", audio_logs)
+        
+        # Create a DataFrame for display
+        df_data = []
+        for log in parsed_logs:
+            df_data.append({
+                'Timestamp': log['timestamp'],
+                'Status': '✅ Success' if log['code'] == 200 else '❌ Error',
+                'Task ID': log['task_id'][:12] + '...' if log['task_id'] else 'N/A',
+                'Audio URL': log['audio_url'][:50] + '...' if log['audio_url'] else 'No audio',
+                'Message': log['message'][:50] + '...' if log['message'] else '',
+                'Full Data': log
+            })
+        
+        if df_data:
+            df = pd.DataFrame(df_data)
+            
+            # Search and filter
+            st.markdown("### 🔍 Search & Filter")
+            search_term = st.text_input("Search by Task ID or Message:", placeholder="Enter search term...")
+            
+            if search_term:
+                filtered_df = df[df.apply(lambda row: search_term.lower() in str(row['Task ID']).lower() or 
+                                                    search_term.lower() in str(row['Message']).lower(), axis=1)]
+            else:
+                filtered_df = df
+            
+            # Display table
+            st.markdown("### 📋 Callback Logs")
+            for idx, row in filtered_df.iterrows():
+                with st.expander(f"{row['Timestamp']} - {row['Status']} - Task: {row['Task ID']}", expanded=False):
+                    col1, col2 = st.columns(2)
+                    
+                    with col1:
+                        st.markdown(f"**Task ID:** `{row['Full Data']['task_id']}`")
+                        st.markdown(f"**Status Code:** {row['Full Data']['code']}")
+                        st.markdown(f"**Message:** {row['Full Data']['message']}")
+                    
+                    with col2:
+                        if row['Full Data']['audio_url']:
+                            st.markdown("**Audio URL:**")
+                            st.code(row['Full Data']['audio_url'])
+                            
+                            # Audio player
+                            st.audio(row['Full Data']['audio_url'], format="audio/wav")
+                            
+                            # Download button
+                            audio_filename = row['Full Data']['audio_url'].split('/')[-1] if '/' in row['Full Data']['audio_url'] else f"audio_{row['Full Data']['task_id']}.wav"
+                            st.download_button(
+                                label="⬇ Download WAV",
+                                data=requests.get(row['Full Data']['audio_url']).content if row['Full Data']['audio_url'].startswith("http") else b"",
+                                file_name=audio_filename,
+                                mime="audio/wav",
+                                key=f"download_callback_{idx}"
+                            )
+                        else:
+                            st.info("No audio URL available")
+                    
+                    # Show full JSON data
+                    with st.expander("📋 View Full JSON"):
+                        st.json(row['Full Data']['raw_data'])
+            
+            # Audio player for selected file
+            st.markdown("---")
+            st.markdown("### 🔊 Audio Player")
+            
+            # Create a dropdown of available audio files
+            audio_files = [log for log in parsed_logs if log['audio_url']]
+            
+            if audio_files:
+                audio_options = [f"{log['timestamp']} - {log['task_id'][:12]}..." for log in audio_files]
+                selected_index = st.selectbox(
+                    "Select audio to play:",
+                    range(len(audio_options)),
+                    format_func=lambda x: audio_options[x]
+                )
+                
+                if selected_index is not None:
+                    selected_audio = audio_files[selected_index]
+                    st.session_state.selected_audio = selected_audio
+                    
+                    st.markdown(f"**Selected:** {selected_audio['timestamp']} - Task: `{selected_audio['task_id']}`")
+                    st.audio(selected_audio['audio_url'], format="audio/wav")
+                    
+                    # Download button for selected audio
+                    audio_filename = selected_audio['audio_url'].split('/')[-1] if '/' in selected_audio['audio_url'] else f"audio_{selected_audio['task_id']}.wav"
+                    st.download_button(
+                        label=f"⬇ Download {audio_filename}",
+                        data=requests.get(selected_audio['audio_url']).content if selected_audio['audio_url'].startswith("http") else b"",
+                        file_name=audio_filename,
+                        mime="audio/wav",
+                        key="download_selected_audio"
+                    )
+            else:
+                st.info("No audio files available in callback logs")
+        
+        # Refresh button
+        if st.button("🔄 Refresh Logs", key="refresh_logs"):
+            st.rerun()
+
+# Quick links and info
+st.sidebar.markdown("---")
+st.sidebar.markdown("### 📝 Quick Links")
+st.sidebar.markdown(f"""
+- 🔗 [Callback Logs]({CALLBACK_URL.replace('cb.php', 'view.php')})
+- 📚 [Suno API Docs](https://docs.sunoapi.org/)
+- 🔄 **Poll Endpoint**: `GET /api/v1/wav/record-info`
+""")
+
+# Secret status
+with st.sidebar.expander("🔐 Secret Status", expanded=False):
+    if SUNO_API_KEY:
+        masked_key = f"{SUNO_API_KEY[:8]}...{SUNO_API_KEY[-8:]}" if len(SUNO_API_KEY) > 16 else "••••••••"
+        st.success(f"✅ SunoKey loaded ({len(SUNO_API_KEY)} chars)")
+        st.code(f"SunoKey: {masked_key}")
+    else:
+        st.error("❌ SunoKey not found")
+    
+    st.info(f"**Callback URL:** `{CALLBACK_URL}`")
+
+# Auto-polling logic
+if st.session_state.get('auto_poll') and st.session_state.get('auto_poll_task_id'):
+    task_id = st.session_state.auto_poll_task_id
+    
+    # Create a placeholder for auto-poll status
+    poll_placeholder = st.empty()
+    
+    with poll_placeholder.container():
+        st.info(f"🔁 Auto-polling task: `{task_id[:12]}...` (every 10 seconds)")
+        
+        # Poll once
+        poll_status(task_id, single_poll=True)
+        
+        # Schedule next poll
+        time.sleep(10)
+        st.rerun()

requirements.txt

@@ -0,0 +1,3 @@
+streamlit==1.53.0
+requests>=2.32.0
+python-dotenv>=1.0.0

script.js

@@ -0,0 +1,68 @@
+// Main function to generate audio
+async function generateAudio() {
+    const taskId = document.getElementById('taskId').value.trim();
+    const audioId = document.getElementById('audioId').value.trim();
+    const generateBtn = document.getElementById('generateBtn');
+    const loading = document.getElementById('loading');
+    const status = document.getElementById('status');
+    const result = document.getElementById('result');
+    const response = document.getElementById('response');
+    
+    // Validate inputs
+    if (!taskId || !audioId) {
+        showStatus('Please fill in both Task ID and Audio ID', 'error');
+        return;
+    }
+    
+    // Validate API key
+    if (!window.config.apiKey || window.config.apiKey === '') {
+        showStatus('API Key is not configured. Please set SUNO_API_KEY in Space secrets.', 'error');
+        return;
+    }
+    
+    // Validate callback URL
+    if (!window.config.callbackUrl || window.config.callbackUrl === '') {
+        showStatus('Callback URL is not configured. Please set CALLBACK_URL in Space secrets.', 'error');
+        return;
+    }
+    
+    // Prepare request
+    const requestData = {
+        taskId: taskId,
+        audioId: audioId,
+        callBackUrl: window.config.callbackUrl
+    };
+    
+    const options = {
+        method: 'POST',
+        headers: {
+            'Authorization': `Bearer ${window.config.apiKey}`,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(requestData)
+    };
+    
+    // Show loading state
+    generateBtn.disabled = true;
+    loading.classList.add('show');
+    status.classList.remove('show', 'success', 'error');
+    result.classList.remove('show');
+    
+    try {
+        // Make API call
+        const apiResponse = await fetch('https://api.sunoapi.org/api/v1/wav/generate', options);
+        const data = await apiResponse.json();
+        
+        // Display response
+        response.textContent = JSON.stringify(data, null, 2);
+        result.classList.add('show');
+        
+        // Show success status
+        if (apiResponse.ok) {
+            showStatus('✅ Audio generation request sent successfully!', 'success');
+        } else {
+            showStatus(`❌ Error: ${data.message || 'Unknown error'}`, 'error');
+        }
+        
+    } catch (error) {
+        // Handle errors

style.css

@@ -0,0 +1,28 @@
+body {
+	padding: 2rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+}
+
+h1 {
+	font-size: 16px;
+	margin-top: 0;
+}
+
+p {
+	color: rgb(107, 114, 128);
+	font-size: 15px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+
+.card {
+	max-width: 620px;
+	margin: 0 auto;
+	padding: 16px;
+	border: 1px solid lightgray;
+	border-radius: 16px;
+}
+
+.card p:last-child {
+	margin-bottom: 0;
+}