Update app.py

app.py

@@ -267,19 +267,8 @@ def create_ui():
         """
  
   
-        def copy_to_clipboard(text):
-            return text
-
-        copy_js = """
-        async function copyToClipboard(text) {
-            try {
-                await navigator.clipboard.writeText(text);
-                console.log('Copying to clipboard was successful!');
-            } catch (err) {
-                console.error('Could not copy text: ', err);
-            }
-        }
-        """
+        def copy_text(text):
+            return text, f"'{text[:20]}...' 복사됨"
 
         with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo:
             gr.Markdown("# Mouse: HuggingFace")
@@ -295,22 +284,25 @@ def create_ui():
                                 with gr.Row():
                                     summary_output = gr.Markdown(label="요약 (3줄 이내)")
                                     copy_summary = gr.Button("복사", elem_classes="copy-button")
+                                copy_summary_output = gr.Textbox(label="복사된 내용", visible=False)
     
                             with gr.Group(elem_classes="output-group scroll-lock"):
                                 with gr.Row():
                                     analysis_output = gr.Markdown(label="분석")
                                     copy_analysis = gr.Button("복사", elem_classes="copy-button")
+                                copy_analysis_output = gr.Textbox(label="복사된 내용", visible=False)
     
                             with gr.Group(elem_classes="output-group scroll-lock"):
                                 with gr.Row():
                                     usage_output = gr.Markdown(label="사용법")
                                     copy_usage = gr.Button("복사", elem_classes="copy-button")
+                                copy_usage_output = gr.Textbox(label="복사된 내용", visible=False)
     
                             with gr.Group(elem_classes="output-group tree-view-scroll"):
                                 with gr.Row():
                                     tree_view_output = gr.Textbox(label="파일 구조 (Tree View)", lines=30)
                                     copy_tree = gr.Button("복사", elem_classes="copy-button")
-
+                                copy_tree_output = gr.Textbox(label="복사된 내용", visible=False)
 
  
 
@@ -380,23 +372,14 @@ def create_ui():
                 inputs=[space_id_state],
                 outputs=[requirements_content]
             )
+            # 복사 기능 연결
+            copy_summary.click(copy_text, inputs=[summary_output], outputs=[copy_summary_output, gr.Textbox(label="상태")])
+            copy_analysis.click(copy_text, inputs=[analysis_output], outputs=[copy_analysis_output, gr.Textbox(label="상태")])
+            copy_usage.click(copy_text, inputs=[usage_output], outputs=[copy_usage_output, gr.Textbox(label="상태")])
+            copy_tree.click(copy_text, inputs=[tree_view_output], outputs=[copy_tree_output, gr.Textbox(label="상태")])
+            copy_app_py.click(copy_text, inputs=[app_py_content], outputs=[gr.Textbox(label="복사된 내용", visible=False), gr.Textbox(label="상태")])
+            copy_requirements.click(copy_text, inputs=[requirements_content], outputs=[gr.Textbox(label="복사된 내용", visible=False), gr.Textbox(label="상태")])
 
-            # JavaScript 이벤트 연결
-            summary_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.summary_output textarea').value)}")
-            analysis_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.analysis_output textarea').value)}")
-            usage_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.usage_output textarea').value)}")
-            tree_view_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.tree_view_output textarea').value)}")
-            app_py_content.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.app_py_content textarea').value)}")
-            requirements_content.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.requirements_content textarea').value)}")
-
-            copy_summary.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.summary_output textarea').value)}")
-            copy_analysis.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.analysis_output textarea').value)}")
-            copy_usage.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.usage_output textarea').value)}")
-            copy_tree.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.tree_view_output textarea').value)}")
-            copy_app_py.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.app_py_content textarea').value)}")
-            copy_requirements.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.requirements_content textarea').value)}")
-            
-