Update app.py

app.py

@@ -279,238 +279,6 @@ def send_to_sandbox(code):
     """
 
 
-theme = gr.themes.Soft()
-
-def load_json_data():
-    # 하드코딩된 데이터 반환
-    return [
-        {
-            "name": "[게임] 보석 팡팡 게임",
-            "image_url": "data:image/gif;base64," + get_image_base64('jewel.gif'),  # mouse.gif 사용
-            "prompt": "이 게임 구성 프롬프트는 https://huggingface.co/spaces/openfree/ifbhdc 참조"
-        },    
-        {
-            "name": "[홈페이지] AI 스타트업",
-            "image_url": "data:image/png;base64," + get_image_base64('home.png'),  # mouse.gif 사용
-            "prompt": "랜딩 페이지를 만들어라. 전문가 제작 형태의 멋진 비주얼로 구성,이모지를 적절히 활용하고 다음의 내용을 참고하여 반영하도록 하라.마우스-I는 사용자가 원하는 웹 서비스를 프롬프트로 입력하면 60초 이내에 실제 작동하는 웹 서비스를 자동 생성하는 도구다. 마우스-I의 주요 기능은 ▲원클릭 실시간 배포 ▲실시간 미리보기 ▲40여 가지 즉시 적용 템플릿 ▲실시간 수정 등이다. MBTI 테스트, 투자 관리 도구, 테트리스 게임 등 다양한 템플릿을 제공해 비개발자도 즉시 활용할 수 있다."
-        },        
-        {
-            "name": "[심리] MBTI 진단 서비스",
-            "image_url": "data:image/png;base64," + get_image_base64('mbti.png'),  # mbti.png 사용
-            "prompt": "MBTI 진단을 위해 15개의 질문과 객관식 답변을 통해 MBTI 진단 결과 및 해당 성격에 대한 상세한 결과를 출력하라"
-        },        
-        {
-            "name": "[대시 보드] 투자 포트폴리오 대시보드",
-            "image_url": "data:image/png;base64," + get_image_base64('dash.png'),  # mouse.gif 사용
-            "prompt": "Create an interactive dashboard with Chart.js showing different types of charts (line, bar, pie) with smooth animations. Include buttons to switch between different data views.투자 포트폴리오를 분석하여 위험도, 수익률, 자산 배분을 시각화하는 투자 관리 도구를 만드세요."
-        },
-        {
-            "name": "[멀티모달] 오디오 비주얼라이저",
-            "image_url": "data:image/png;base64," + get_image_base64('audio.png'),  # mouse.gif 사용
-            "prompt": "Web Audio API와 Canvas를 사용하여 오디오 비주얼라이저를 제작해 보세요. 음악 주파수 데이터에 반응하는 동적인 막대들이 부드러운 애니메이션으로 움직이도록 구현해야 합니다. 또한 재생/일시 정지 컨트롤과 색상 테마 선택 기능도 포함하세요."
-        },        
-        {
-            "name": "[게임] 체스 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('chess.png'),  # mouse.gif 사용
-            "prompt": "체스 게임: 체스 게임의 룰을 정확하게 식별하고 적용하라, 상대방은 auto로 게임을 진행하라"
-        },
-        {
-            "name": "[게임] 벽돌깨기 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('alcaroid.png'),  # mouse.gif 사용
-            "prompt": "벽돌깨기 게임"
-        },        
-        {
-            "name": "[Fun] 타로카드 운세",
-            "image_url": "data:image/png;base64," + get_image_base64('tarot.png'),  # mouse.gif 사용
-            "prompt": "타로카드 운세를 점치는것을 생성하라. 아주 상세하고 전문적이면서 쉽고 길게 답변하라. 모든 답변과 설명은 한글로 하라"
-        },
-        {
-            "name": "[Fun] AI 요리사",
-            "image_url": "data:image/png;base64," + get_image_base64('cook.png'),  # mouse.gif 사용
-            "prompt": "다양한 음식 재료 10개를 제시하고, 그중 선택한 재료 카드를 '요리 냄비'안에 집어넣고 '요리'를 클릭하면, 반드시 선택한 재료로 만들 수 있는 요리와 레시피를 출력하여야 하며 요리 레시피 크롤링 이나 검색을 통해 적용하라"
-        },     
-        {
-            "name": "[멀티모달] 텍스트로 음성 생성 및 조정",
-            "image_url": "data:image/png;base64," + get_image_base64('tts.png'),  # mouse.gif 사용
-            "prompt": "텍스트를 음성으로 변환하고, 음성 파라미터를 실시간으로 조정할 수 있는 인터페이스를 제공하세요."
-        },
-        {
-            "name": "[학습] 3D 분자 시뮬레이션",
-            "image_url": "data:image/png;base64," + get_image_base64('3ds.png'),  # mouse.gif 사용
-            "prompt": "Three.js로 3D 분자 구조(주요 분자들을 선택할 수 있게)를 시각화하세요. 회전, 줌, 원자 정보 표시 기능과 애니메이션 효과를 구현하세요."
-        },   
-        {
-            "name": "[컴포넌트] 이메일 회원가입 및 로그인",
-            "image_url": "data:image/png;base64," + get_image_base64('login.png'),  # mouse.gif 사용
-            "prompt": "이메일 회원가입 & 로그인 웹페이지를 만들어주세요. 다음 요구사항을 반영해주세요: 1. 디자인 - 모던하고 미니멀한 UI/UX - 반응형 레이아웃 - 부드러운 애니메이션 효과 - 적절한 폼 validation 피드백 2. 회원가입 기능 3. 로그인 기능 - 이메일/비밀번호 입력 - 자동로그인 기능 - 비밀번호 찾기 링크 - 로그인 실패시 에러 메시지 - 로그인 성공시 환영 메시지 "
-        },   
-        {
-            "name": "[심리] 나의 심리상태 퀴즈 ",
-            "image_url": "data:image/png;base64," + get_image_base64('simri.png'),
-            "prompt": "다양한 심리 상태 파악을 위한 객관식 문제 출제하고, 선택 결과에 대한 심리학적 해설을 해줘. 예) 길을 가는 당신이 만난 동물입니다. 1) 개 2) 사자 3) 곰 4) 고양이 "
-        },      
-        {
-            "name": "[Fun] 행운의 룰렛",
-            "image_url": "data:image/png;base64," + get_image_base64('roolet.png'),  # mouse.gif 사용
-            "prompt": "행운의 원형 룰렛이 빠르게 돌아가고, 마우스로 화살 발사 버튼 누르면 룰렛의 번호에 랜덤하게 맞는다. 각 번호에 상금이 '꽝' ~ '100만원' 까지 랜덤하게 배치되어 있다. shoot 선택된 번호에 따라 해당 번호에 배치된 상금 액수도 출력하라"
-        },        
-        {
-            "name": "[게임] 테트리스 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('127.png'),
-            "prompt": "고전 테트리스 게임을 만드세요. 스타트와 리스타트 버튼을 포함하세요. 테트리스의 규칙을 잘 따라야합니다."
-        },        
-    
-        {
-            "name": "[게임] 카드 기억 게임", 
-            "image_url": "data:image/png;base64," + get_image_base64('112.png'),
-            "prompt": "Create a classic memory matching card game with flip animations. Include a scoring system, timer, and difficulty levels. Add satisfying match/mismatch animations and sound effects using Web Audio API."
-        },   #여기까지 베스트(12건) 적용 대상
-        {
-            "name": "[도구] 인터랙티브 스케쥴러",
-            "image_url": "data:image/png;base64," + get_image_base64('122.png'),
-            "prompt": "드래그 앤 드롭으로 일정을 관리할 수 있는 달력을 만드세요. 애니메이션 효과와 일정 필터링 기능을 추가하세요."
-        },
-        {
-            "name": "[게임] 타자 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('123.png'),
-            "prompt": "떨어지는 단어를 타이핑하여 점수를 얻는 게임을 만드세요. 난이도 조절과 효과음을 추가하세요."
-        },
-        {
-            "name": "[애니메이션] 인터렉티브 STARs",
-            "image_url": "data:image/png;base64," + get_image_base64('135.png'),
-            "prompt": "Interactive Stars: Watch stars and constellations appear in the night sky as you move your mouse."
-        },        
-        {
-            "name": "[3D] 지형 생성기",
-            "image_url": "data:image/png;base64," + get_image_base64('131.png'),
-            "prompt": "Three.js로 프로시저럴 지형을 생성하세요. 고도, 텍스처, 물 효과를 실시간으로 조정할 수 있게 만드세요."
-        },
-        {
-            "name": "[3D] 텍스트 애니메이터",
-            "image_url": "data:image/png;base64," + get_image_base64('132.png'),
-            "prompt": "Three.js로 3D 텍스트 애니메이션을 만드세요. 다양한 변환 효과와 물리 기반 입자 효과를 구현하세요."
-        },        
-        {
-            "name": "[위젯] 날씨 애니메이션",
-            "image_url": "data:image/png;base64," + get_image_base64('114.png'),
-            "prompt": "현재 날씨 상태를 보여주는 애니메이션 위젯을 만드세요. 비, 눈, 구름, 번개 등의 날씨 효과를 Canvas로 구현하고 부드러운 전환 효과를 추가하세요."
-        },
-       {
-            "name": "[시뮬레이션] 물리 엔진",
-            "image_url": "data:image/png;base64," + get_image_base64('125.png'),
-            "prompt": "Canvas를 사용하여 간단한 물리 시뮬레이션을 구현하세요. 중력, 충돌, 탄성 효과를 적용한 공 튀기기 시뮬레이션을 만드세요."
-        },
-        {
-            "name": "[오디오] 사운드 믹서",
-            "image_url": "data:image/png;base64," + get_image_base64('126.png'),
-            "prompt": "Web Audio API를 사용하여 여러 음원을 믹싱할 수 있는 인터페이스를 만드세요. 볼륨, 패닝, 이펙트 조절 기능을 구현하세요."
-        },        
-        {
-            "name": "[이펙트] 파티클 텍스트",
-            "image_url": "data:image/png;base64," + get_image_base64('116.png'),
-            "prompt": "텍스트가 파티클��� 변환되는 효과를 구현하세요. 마우스 호버시 글자가 흩어졌다가 다시 모이는 애니메이션을 Canvas로 만드세요."
-        },
-        {
-            "name": "[3D] 책장 갤러리",
-            "image_url": "data:image/png;base64," + get_image_base64('115.png'),
-            "prompt": "CSS 3D 변환을 사용하여 회전하는 책장 형태의 갤러리를 만드세요. 각 책을 클릭하면 상세 정보가 나타나도록 구현하세요."
-        }, 
-        {
-            "name": "[게임] 리듬 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('117.png'),
-            "prompt": "Web Audio API를 활용한 간단한 리듬 게임을 만드세요. 떨어지는 노트와 타이밍 판정, 점수 시스템을 구현하세요."
-        },
-        {
-            "name": "[애니메이션] SVG 패스",
-            "image_url": "data:image/png;base64," + get_image_base64('118.png'),
-            "prompt": "SVG 패스를 따라 움직이는 애니메이션을 구현하세요. 다양한 도형이 그려지는 과정을 보여주고 인터랙티브한 컨트롤을 추가하세요."
-        }, #여기까지가 트렌드 12개 항목임
-        {
-            "name": "[도구] 드로잉 보드",
-            "image_url": "data:image/png;base64," + get_image_base64('119.png'),
-            "prompt": "Canvas를 사용한 그리기 도구를 만드세요. 브러시 크기, 색상 변경, 지우개 기능과 그리기 기록 저장 기능을 구현하세요."
-        },
-        {
-            "name": "[게임] 퍼즐 슬라이드",
-            "image_url": "data:image/png;base64," + get_image_base64('120.png'),
-            "prompt": "숫자나 이미지를 사용한 슬라이드 퍼즐 게임을 만드세요. 이동 애니메이션과 완성 확인 기능을 추가하세요."
-        },
-        {
-            "name": "[컴포넌트] 인터렉티브 타임라인",
-            "image_url": "data:image/png;base64," + get_image_base64('111.png'),
-            "prompt": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
-        },
-        {
-            "name": "[도구] 설문조사 작성",
-            "image_url": "data:image/png;base64," + get_image_base64('survay.png'),
-            "prompt": "설문조사 작성: 결혼에 대한 인식 조사를 위해 총 10개의 설문(이메일 주소, 생년 입력)과 분석을 하라. 수집된 정보는 로컬스토리지에 log파일로 저장하게 하라."
-        },   
-        {
-            "name": "[시각화] 데이터 애니메이션",
-            "image_url": "data:image/png;base64," + get_image_base64('124.png'),
-            "prompt": "D3.js를 사용하여 데이터 변화를 애니메이션으로 보여주는 차트를 만드세요. 다양한 전환 효과를 추가하세요."
-        },
-        {
-            "name": "[도구] 유튜브 영상 재생/분석/요약",
-            "image_url": "data:image/png;base64," + get_image_base64('yout.png'),
-            "prompt": "유튜브 url을 입력하면 영상이 출력되라. 해당 영상에 대한 추가적인 분석이나 요약도 필요하다"
-        },      
-        {
-            "name": "[도구] 세계 지도/ 국가 지도",
-            "image_url": "data:image/png;base64," + get_image_base64('map.png'),
-            "prompt": "세계지도 맵을 기반으로 국가별 지도 표시 및 인구수를 차트로 출력하는 대시보드"
-        },  
-        {
-            "name": "[컴포넌트] 게시판",
-            "image_url": "data:image/png;base64," + get_image_base64('128.png'),
-            "prompt": "인터넷 게시판을 만드세요. 텍스트를 입력하면 저장되고 읽을 수 있어야 합니다."
-        },
-        {
-            "name": "[도구] 포토 에디터",
-            "image_url": "data:image/png;base64," + get_image_base64('129.png'),
-            "prompt": "Canvas를 사용하여 기본적인 이미지 편집 도구를 만드세요. 필터 적용, 자르기, 회전 기능을 구현하세요."
-        },
-        {
-            "name": "[시각화] 마인드맵",
-            "image_url": "data:image/png;base64," + get_image_base64('130.png'),
-            "prompt": "D3.js를 사용하여 동적 마인드맵을 만드세요. 노드 추가/삭제, 드래그 앤 드롭, 확장/축소 애니메이션을 구현하세요."
-        },
-
-
-        {
-            "name": "[도구] 패턴 디자이너",
-            "image_url": "data:image/png;base64," + get_image_base64('133.png'),
-            "prompt": "SVG로 반복 패턴을 디자인하는 도구를 만드세요. 대칭 옵션, 색상 스키마 관리, 실시간 프리뷰를 구현하세요."
-        },
-        {
-            "name": "[멀티미디어] 실시간 필터 카메라",
-            "image_url": "data:image/png;base64," + get_image_base64('134.png'),
-            "prompt": "WebRTC와 Canvas를 사용하여 실시간 비디오 필터 앱을 만드세요. 다양한 이미지 처리 효과를 구현하세요."
-        },
-
-        {
-            "name": "[시각화] 실시간 데이터 플로우",
-            "image_url": "data:image/png;base64," + get_image_base64('136.png'),
-            "prompt": "D3.js로 실시간 데이터 흐름을 시각화하세요. 노드 기반 데이터 처리와 애니메이션 효과를 구현하세요."
-        },   
-        {
-            "name": "[인터랙티브] 컬러 팔레트",
-            "image_url": "data:image/png;base64," + get_image_base64('113.png'),
-            "prompt": "마우스 움직임에 따라 동적으로 변하는 컬러 팔레트를 만드세요. 색상 선택, 저장, 조합 기능과 함께 부드러운 그라데이션 효과를 구현하세요."
-        },   
-        {
-            "name": "[이펙트] 파티클 커서",
-            "image_url": "data:image/png;base64," + get_image_base64('121.png'),
-            "prompt": "마우스 커서를 따라다니는 파티클 효과를 만드세요. 다양한 파티클 패턴과 색상 변화를 구현하세요."
-        },            
-     
-        {
-            "name": "[홈페이지] AI 스타트업",
-            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
-            "prompt": "랜딩 페이지를 만들어라. 전문가 제작 형태의 멋진 비주얼로 구성,이모지를 적절히 활용하고 다음의 내용을 참고하여 반영하도록 하라.마우스-I는 사용자가 원하는 웹 서비스를 프롬프트로 입력하면 60초 이내에 실제 작동하는 웹 서비스를 자동 생성하는 도구다. 마우스-I의 주요 기능은 ▲원클릭 실시간 배포 ▲실시간 미리보기 ▲40여 가지 즉시 적용 템플릿 ▲실시간 수정 등이다. MBTI 테스트, 투자 관리 도구, 테트리스 게임 등 다양한 템플릿을 제공해 비개발자도 즉시 활용할 수 있다."
-        }
-    ]
-
 def load_best_templates():
     json_data = load_json_data()[:12]  # 베스트 템플릿
     return create_template_html("🏆 베스트 템플릿", json_data)
@@ -603,326 +371,8 @@ def create_template_html(title, items):
 # 전역 변수로 템플릿 데이터 캐시
 TEMPLATE_CACHE = None
 
-def load_session_history(template_type="best"):
-    global TEMPLATE_CACHE
-    
-    try:
-        json_data = load_json_data()
-        
-        # 데이터를 세 섹션으로 나누기
-        templates = {
-            "best": json_data[:12],      # 베스트 템플릿
-            "trending": json_data[12:24], # 트렌딩 템플릿
-            "new": json_data[24:44]      # NEW 템플릿
-        }
-        
-        titles = {
-            "best": "🏆 베스트 템플릿",
-            "trending": "🔥 트렌딩 템플릿",
-            "new": "✨ NEW 템플릿"
-        }
-        
-        html_content = """
-        <style>
-            .template-nav {
-                display: flex;
-                gap: 10px;
-                margin: 20px;
-                position: sticky;
-                top: 0;
-                background: white;
-                z-index: 100;
-                padding: 10px 0;
-                border-bottom: 1px solid #eee;
-            }
-            .template-btn {
-                padding: 8px 16px;
-                border: 1px solid #1890ff;
-                border-radius: 4px;
-                cursor: pointer;
-                background: white;
-                color: #1890ff;
-                font-weight: bold;
-                transition: all 0.3s;
-            }
-            .template-btn:hover {
-                background: #1890ff;
-                color: white;
-            }
-            .template-btn.active {
-                background: #1890ff;
-                color: white;
-            }
-            .prompt-grid {
-                display: grid;
-                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-                gap: 20px;
-                padding: 20px;
-            }
-            .prompt-card {
-                background: white;
-                border: 1px solid #eee;
-                border-radius: 8px;
-                padding: 15px;
-                cursor: pointer;
-                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-            }
-            .prompt-card:hover {
-                transform: translateY(-2px);
-                transition: transform 0.2s;
-            }
-            .card-image {
-                width: 100%;
-                height: 180px;
-                object-fit: cover;
-                border-radius: 4px;
-                margin-bottom: 10px;
-            }
-            .card-name {
-                font-weight: bold;
-                margin-bottom: 8px;
-                font-size: 16px;
-                color: #333;
-            }
-            .card-prompt {
-                font-size: 11px;
-                line-height: 1.4;
-                color: #666;
-                display: -webkit-box;
-                -webkit-line-clamp: 6;
-                -webkit-box-orient: vertical;
-                overflow: hidden;
-                height: 90px;
-                background-color: #f8f9fa;
-                padding: 8px;
-                border-radius: 4px;
-            }
-            .template-section {
-                display: none;
-            }
-            .template-section.active {
-                display: block;
-            }
-        </style>
-        <div class="template-nav">
-            <button class="template-btn" onclick="showTemplate('best')">🏆 베스트</button>
-            <button class="template-btn" onclick="showTemplate('trending')">🔥 트렌딩</button>
-            <button class="template-btn" onclick="showTemplate('new')">✨ NEW</button>
-        </div>
-        """
-
-        # 각 섹션의 템플릿 생성
-        for section, items in templates.items():
-            html_content += f"""
-            <div class="template-section" id="{section}-templates">
-                <div class="prompt-grid">
-            """
-            for item in items:
-                html_content += f"""
-                <div class="prompt-card" onclick="copyToInput(this)" data-prompt="{html.escape(item.get('prompt', ''))}">
-                    <img src="{item.get('image_url', '')}" class="card-image" loading="lazy" alt="{html.escape(item.get('name', ''))}">
-                    <div class="card-name">{html.escape(item.get('name', ''))}</div>
-                    <div class="card-prompt">{html.escape(item.get('prompt', ''))}</div>
-                </div>
-                """
-            html_content += "</div></div>"
-
-        html_content += """
-        <script>
-        function copyToInput(card) {
-            const prompt = card.dataset.prompt;
-            const textarea = document.querySelector('.ant-input-textarea-large textarea');
-            if (textarea) {
-                textarea.value = prompt;
-                textarea.dispatchEvent(new Event('input', { bubbles: true }));
-                document.querySelector('.session-drawer .close-btn').click();
-            }
-        }
-        
-        function showTemplate(type) {
-            // 모든 섹션 숨기기
-            document.querySelectorAll('.template-section').forEach(section => {
-                section.style.display = 'none';
-            });
-            // 모든 버튼 비활성화
-            document.querySelectorAll('.template-btn').forEach(btn => {
-                btn.classList.remove('active');
-            });
-            
-            // 선택된 섹션 보이기
-            document.getElementById(type + '-templates').style.display = 'block';
-            // 선택된 버튼 활성화
-            event.target.classList.add('active');
-        }
-        
-        // 초기 로드시 베스트 템플릿 표시
-        document.addEventListener('DOMContentLoaded', function() {
-            showTemplate('best');
-            document.querySelector('.template-btn').classList.add('active');
-        });
-        </script>
-        """
-        
-        return gr.HTML(value=html_content)
-        
-    except Exception as e:
-        print(f"Error in load_session_history: {str(e)}")
-        return gr.HTML("Error loading templates")
-
-
-
-
-
-# 배포 관련 함수 추가
-def generate_space_name():
-    """6자리 랜덤 영문 이름 생성"""
-    letters = string.ascii_lowercase
-    return ''.join(random.choice(letters) for i in range(6))
-
-def deploy_to_vercel(code: str):
-    try:
-        token = "A8IFZmgW2cqA4yUNlLPnci0N"
-        if not token:
-            return "Vercel 토큰이 설정되지 않았습니다."
-
-        # 6자리 영문 프로젝트 이름 생성
-        project_name = ''.join(random.choice(string.ascii_lowercase) for i in range(6))
-
-
-        # Vercel API 엔드포인트
-        deploy_url = "https://api.vercel.com/v13/deployments"
 
-        # 헤더 설정
-        headers = {
-            "Authorization": f"Bearer {token}",
-            "Content-Type": "application/json"
-        }
-
-        # package.json 파일 생성
-        package_json = {
-            "name": project_name,
-            "version": "1.0.0",
-            "private": True,  # true -> True로 수정
-            "dependencies": {
-                "vite": "^5.0.0"
-            },
-            "scripts": {
-                "dev": "vite",
-                "build": "echo 'No build needed' && mkdir -p dist && cp index.html dist/",
-                "preview": "vite preview"
-            }
-        }
 
-        # 배포할 파일 데이터 구조
-        files = [
-            {
-                "file": "index.html",
-                "data": code
-            },
-            {
-                "file": "package.json",
-                "data": json.dumps(package_json, indent=2)  # indent 추가로 가독성 향상
-            }
-        ]
-
-        # 프로젝트 설정
-        project_settings = {
-            "buildCommand": "npm run build",
-            "outputDirectory": "dist",
-            "installCommand": "npm install",
-            "framework": None
-        }
-
-        # 배포 요청 데이터
-        deploy_data = {
-            "name": project_name,
-            "files": files,
-            "target": "production",
-            "projectSettings": project_settings
-        }
-
-
-        deploy_response = requests.post(deploy_url, headers=headers, json=deploy_data)
-        
-        if deploy_response.status_code != 200:
-            return f"배포 실패: {deploy_response.text}"
-
-        # URL 형식 수정 - 6자리.vercel.app 형태로 반환
-        deployment_url = f"{project_name}.vercel.app"
-        
-        time.sleep(5)
-
-        return f"""배포 완료! <a href="https://{deployment_url}" target="_blank" style="color: #1890ff; text-decoration: underline; cursor: pointer;">https://{deployment_url}</a>"""
-
-    except Exception as e:
-        return f"배포 중 오류 발생: {str(e)}"
-
-
-# 프롬프트 증강 함수 수정
-def boost_prompt(prompt: str) -> str:
-    if not prompt:
-        return ""
-    
-    # 증강을 위한 시스템 프롬프트
-    boost_system_prompt = """
-    당신은 웹 개발 프롬프트 전문가입니다. 
-    주어진 프롬프트를 분석하여 더 상세하고 전문적인 요구사항으로 확장하되,
-    원래 의도와 목적은 그대로 유지하면서 다음 관점들을 고려하여 증강하십시오:
-    1. 기술적 구현 상세
-    2. UI/UX 디자인 요소
-    3. 사용자 경험 최적화
-    4. 성능과 보안
-    5. 접근성과 호환성
-    
-    기존 SystemPrompt의 모든 규칙을 준수하면서 증강된 프롬프트를 생성하십시오.
-    """
-    
-    try:
-        # Claude API 시도
-        try:
-            response = claude_client.messages.create(
-                model="claude-3-5-sonnet-20241022",
-                max_tokens=2000,
-                messages=[{
-                    "role": "user",
-                    "content": f"다음 프롬프트를 분석하고 증강하시오: {prompt}"
-                }]
-            )
-            
-            if hasattr(response, 'content') and len(response.content) > 0:
-                return response.content[0].text
-            raise Exception("Claude API 응답 형식 오류")
-            
-        except Exception as claude_error:
-            print(f"Claude API 에러, OpenAI로 전환: {str(claude_error)}")
-            
-            # OpenAI API 시도
-            completion = openai_client.chat.completions.create(
-                model="gpt-4",
-                messages=[
-                    {"role": "system", "content": boost_system_prompt},
-                    {"role": "user", "content": f"다음 프롬프트를 분석하고 증강하시오: {prompt}"}
-                ],
-                max_tokens=2000,
-                temperature=0.7
-            )
-            
-            if completion.choices and len(completion.choices) > 0:
-                return completion.choices[0].message.content
-            raise Exception("OpenAI API 응답 형식 오류")
-            
-    except Exception as e:
-        print(f"프롬프트 증강 중 오류 발생: {str(e)}")
-        return prompt  # 오류 발생시 원본 프롬프트 반환
-
-# Boost 버튼 이벤트 핸들러
-def handle_boost(prompt: str):
-    try:
-        boosted_prompt = boost_prompt(prompt)
-        return boosted_prompt, gr.update(active_key="empty")
-    except Exception as e:
-        print(f"Boost 처리 중 오류: {str(e)}")
-        return prompt, gr.update(active_key="empty")
 
         
 # Demo 인스턴스 생성
@@ -993,18 +443,7 @@ def format_timestamp(timestamp):
     except Exception as e:
         print(f"Timestamp conversion error: {str(e)} for timestamp: {timestamp}")
         return 'N/A'
-        
-
-def should_exclude_space(space_name):
-    """특정 스페이스를 제외하는 필터 함수"""
-    exclude_keywords = [
-        'mixgen3', 'ginid', 'mouse', 'flxtrainlora',
-        'vidslicegpu', 'stickimg', 'ultpixgen', 'SORA',
-        'badassgi', 'newsplus', 'chargen', 'news',
-        'testhtml'
-    ]
-    
-    return any(keyword.lower() in space_name.lower() for keyword in exclude_keywords)
+ 
 
 def get_pastel_color(index):
     """Generate unique pastel colors based on index"""
@@ -1164,189 +603,8 @@ def get_space_card(space, index):
     </div>
     """
 
-def get_vercel_deployments():
-    """Vercel API를 통해 모든 배포된 서비스 정보 가져오기 (페이지네이션 적용)"""
-    token = "A8IFZmgW2cqA4yUNlLPnci0N"
-    base_url = "https://api.vercel.com/v6/deployments"
-    all_deployments = []
-    has_next = True
-    page = 1
-    until = None  # 첫 요청에서는 until 파라미터 없음
-    
-    headers = {
-        "Authorization": f"Bearer {token}",
-        "Content-Type": "application/json"
-    }
-    
-    try:
-        while has_next:
-            # URL 구성 (페이지네이션 파라미터 포함)
-            url = f"{base_url}?limit=100"
-            if until:
-                url += f"&until={until}"
-            
-            print(f"Fetching page {page}... URL: {url}")  # 디버깅용
-            
-            response = requests.get(url, headers=headers)
-            if response.status_code != 200:
-                print(f"Vercel API Error: {response.text}")
-                break
-            
-            data = response.json()
-            current_deployments = data.get('deployments', [])
-            
-            if not current_deployments:  # 더 이상 데이터가 없으면 종료
-                break
-                
-            all_deployments.extend(current_deployments)
-            
-            # 다음 페이지를 위한 until 값 설정
-            pagination = data.get('pagination', {})
-            until = pagination.get('next')
-            has_next = bool(until)  # until 값이 있으면 다음 페이지 존재
-            
-            print(f"Page {page} fetched. Got {len(current_deployments)} deployments")  # 디버깅용
-            page += 1
-        
-        print(f"Total deployments fetched: {len(all_deployments)}")  # 디버깅용
-        
-        # 상태가 'READY'이고 'url'이 있는 배포만 필터링하고 'javis1' 제외
-        active_deployments = [
-            dep for dep in all_deployments 
-            if dep.get('state') == 'READY' and 
-               dep.get('url') and 
-               'javis1' not in dep.get('name', '').lower()
-        ]
-        
-        print(f"Active deployments after filtering: {len(active_deployments)}")  # 디버깅용
-        return active_deployments
-        
-    except Exception as e:
-        print(f"Error fetching Vercel deployments: {str(e)}")
-        return []
 
 
-def get_vercel_card(deployment, index, is_top_best=False):
-    """Vercel 배포 카드 HTML 생성 함수"""
-    raw_url = deployment.get('url', '')
-    
-    # URL 처리
-    if raw_url.startswith('http'):
-        url = raw_url
-    else:
-        url = f"https://{raw_url}"
-    
-    name = deployment.get('name', '이름 없는 프로젝트')
-    
-    # 카드 ID 생성
-    card_id = f"vercel-card-{url.replace('.', '-').replace('/', '-')}"
-    
-    # Top Best 항목일 경우의 스크린샷 처리
-    screenshot_html = ""
-    if is_top_best:
-        try:
-            print(f"스크린샷 캡처 시도: {url}")  # 디버깅용 로그
-            screenshot_base64 = take_screenshot(raw_url)
-            if screenshot_base64:
-                screenshot_html = f"""
-                    <div style="width: 100%; height: 200px; overflow: hidden; border-radius: 10px; margin-bottom: 15px;">
-                        <img src="data:image/png;base64,{screenshot_base64}" 
-                             style="width: 100%; height: 100%; object-fit: cover;"
-                             alt="{name} 스크린샷"/>
-                    </div>
-                """
-            else:
-                print(f"스크린샷 캡처 실패: {url}")  # 디버깅용 로그
-        except Exception as e:
-            print(f"스크린샷 처리 오류: {str(e)} for URL: {url}")  # 디버깅용 로그
-    
-    bg_color = get_pastel_color(index + (20 if not is_top_best else 0))
-    tech_emojis = ['⚡', '🚀', '🌟', '✨', '💫', '🔥', '🌈', '🎯', '🎨', '🔮']
-    random_emojis = random.sample(tech_emojis, 3)
-
-    # Top Best 카드의 간소화된 정보 섹션
-    if is_top_best:
-        info_section = f"""
-            <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
-                        padding: 15px; border-radius: 12px;'>
-                <p style='margin: 8px 0;'>
-                    <strong>URL:</strong> 🔗 {url}
-                </p>
-            </div>
-        """
-    else:
-        info_section = f"""
-            <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
-                        padding: 15px; border-radius: 12px;'>
-                <p style='margin: 8px 0;'>
-                    <strong>Status:</strong> ✅ {deployment.get('state', 'N/A')}
-                </p>
-                <p style='margin: 8px 0;'>
-                    <strong>Created:</strong> 📅 {format_timestamp(deployment.get('created'))}
-                </p>
-                <p style='margin: 8px 0;'>
-                    <strong>URL:</strong> 🔗 {url}
-                </p>
-            </div>
-        """
-
-    return f"""
-    <div id="{card_id}" class="vercel-card"
-         data-likes="0"
-         style='border: none; 
-                padding: 25px; 
-                margin: 15px; 
-                border-radius: 20px; 
-                background-color: {bg_color};
-                box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-                transition: all 0.3s ease-in-out;
-                position: relative;
-                overflow: hidden;'
-         onmouseover='this.style.transform="translateY(-5px) scale(1.02)"; this.style.boxShadow="0 8px 25px rgba(0,0,0,0.15)"'
-         onmouseout='this.style.transform="translateY(0) scale(1)"; this.style.boxShadow="0 4px 15px rgba(0,0,0,0.1)"'>
-         {screenshot_html}
-         <h3 style='color: #2d2d2d; 
-                    margin: 0 0 20px 0; 
-                    font-size: 1.4em;
-                    display: flex;
-                    align-items: center;
-                    gap: 10px;'>
-             <span style='font-size: 1.3em'>{random_emojis[0]}</span>
-             <a href='{url}' target='_blank' 
-                style='text-decoration: none; color: #2d2d2d;'>
-                 {name}
-             </a>
-             <span style='font-size: 1.3em'>{random_emojis[1]}</span>
-         </h3>    
-         {info_section}
-         <div style='margin-top: 20px; display: flex; justify-content: space-between; align-items: center;'>
-             <div class="like-section" style="display: flex; align-items: center; gap: 10px;">
-                 <button onclick="toggleLike('{card_id}')" class="like-button" 
-                         style="background: none; border: none; cursor: pointer; font-size: 1.5em; padding: 5px 10px;">
-                     🤍
-                 </button>
-                 <span class="like-count" style="font-size: 1.2em; color: #666;">0</span>
-             </div>
-             <a href='{url}' target='_blank' 
-                style='background: linear-gradient(45deg, #0084ff, #00a3ff);
-                       color: white; 
-                       padding: 10px 20px; 
-                       border-radius: 15px; 
-                       text-decoration: none; 
-                       display: inline-flex;
-                       align-items: center;
-                       gap: 8px;
-                       font-weight: 500; 
-                       transition: all 0.3s;
-                       box-shadow: 0 2px 8px rgba(0,132,255,0.3);'
-                onmouseover='this.style.transform="scale(1.05)"; this.style.boxShadow="0 4px 12px rgba(0,132,255,0.4)"'
-                onmouseout='this.style.transform="scale(1)"; this.style.boxShadow="0 2px 8px rgba(0,132,255,0.3)"'>
-                 <span>GO > </span> 🚀 {random_emojis[0]}
-             </a>
-         </div>
-    </div>
-    """
-
 # Top Best URLs 정의
 TOP_BEST_URLS = [
     {
@@ -1355,206 +613,7 @@ TOP_BEST_URLS = [
         "created": "2024-11-18 00:00",
         "state": "READY"
     },
-    {
-        "url": "https://mrtzut.vercel.app",
-        "name": "Free Stock Finder",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "https://exwafe.vercel.app",
-        "name": "LLM Race Visualization",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },       
-    {
-        "url": "ssksqr.vercel.app",
-        "name": "[게임] 체스",
-        "created": "2024-11-20 00:00",
-        "state": "READY"
-    },        
-    {
-        "url": "fhtlww.vercel.app",
-        "name": "'소수' 계산기",
-        "created": "2024-11-20 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "dekvxz.vercel.app",
-        "name": "[게임]다이어트 헌터",
-        "created": "2024-11-20 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "czbipi.vercel.app",
-        "name": "여행 일정관리",
-        "created": "2024-11-20 00:00",
-        "state": "READY"
-    },            
-    {
-        "url": "https://huggingface.co/spaces/openfree/ggumim",
-        "name": "[MOUSE-II]이미지에 한글 출력",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },      
-    {
-        "url": "xabtnc.vercel.app",
-        "name": "[채팅봇]나만의 LLM",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
- 
-    {
-        "url": "nxhquk.vercel.app",
-        "name": "[게임]테트리스",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "bydcnd.vercel.app",
-        "name": "[모델]3D 분자 모형",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },   
-    {
-        "url": "ijhama.vercel.app",
-        "name": "투자 포트폴리오 분석",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "oschnl.vercel.app",
-        "name": "로또 번호 분석/추천",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },      
-    {
-        "url": "rzwzrq.vercel.app",
-        "name": "엑셀/CSV 데이터 분석",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },            
-    {
-        "url": "twkqre.vercel.app",
-        "name": "[운세]타로카드",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "htwymz.vercel.app",
-        "name": "[게임]소방헬기",
-        "created": "2024-11-20 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "mktmbn.vercel.app",
-        "name": "[게임]우주전쟁",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "euguwt.vercel.app",
-        "name": "[게임]포세이돈",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-     {
-        "url": "qmdzoh.vercel.app",
-        "name": "[게임]하늘을 지켜라",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "kofaqo.vercel.app",
-        "name": "[게임]운석 충돌!",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "qoqqkq.vercel.app",
-        "name": "[게임]두더쥐 잡기",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "nmznel.vercel.app",
-        "name": "[게임]쥐를 잡아라",
-        "created": "2024-11-19 00:00",
-        "state": "READY"
-    },    
-
-    
-    {
-        "url": "psrrtp.vercel.app",
-        "name": "[대시보드]세계 인구",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "xxloav.vercel.app",
-        "name": "[게임]벽돌 깨기",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "https://huggingface.co/spaces/openfree/edpaje",
-        "name": "[게임]기억력 카드",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "https://huggingface.co/spaces/openfree/ixtidb",
-        "name": "AI 요리사",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
-    
-    {
-        "url": "cnlzji.vercel.app",
-        "name": "국가 정보 비교",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "fazely.vercel.app",
-        "name": "위키피디아 지식 분석",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },
-    {
-        "url": "pkzhbo.vercel.app",
-        "name": "세계 국가별 시간대",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
-    {
-        "url": "pammgl.vercel.app",
-        "name": "보도자료 배포 서비스",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },       
-
-    
-    {
-        "url": "https://ktduhm.vercel.app/",
-        "name": "수학을 그래프로 이해",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
 
-
-    {
-        "url": "vjmfoy.vercel.app",
-        "name": "[게임]3D 벽돌쌓기",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },  
-    {
-        "url": "aodakf.vercel.app",
-        "name": "[버추얼]3D 가상현실",
-        "created": "2024-11-18 00:00",
-        "state": "READY"
-    },    
     {
         "url": "mxoeue.vercel.app",
         "name": "음성 생성(TTS),조정",