feature to copy code generated

app.py

@@ -236,7 +236,7 @@ app.layout = dmc.MantineProvider(
                                                                     html.Div(
                                                                         [
                                                                             html.A(
-                                                                                "📄 CSV",
+                                                                                "CSV",
                                                                                 className="link",
                                                                                 href=item["csv_link"],
                                                                                 target="_blank" if item["csv_link"] != "#" else ""
@@ -430,24 +430,53 @@ def create_graph(n_clicks, user_prompt, stored_data, filename):
                                 ])
                             ),
                             dmc.AccordionPanel(
-                                html.Pre(
-                                    html.Code(
-                                        python_code,
-                                        style={
-                                            "fontSize": "13px",
-                                            "lineHeight": "1.6",
-                                            "fontFamily": "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
-                                            "backgroundColor": "#f6f8fa",
-                                            "padding": "16px",
-                                            "borderRadius": "6px",
-                                            "display": "block",
-                                            "overflowX": "auto",
-                                            "color": "#24292f"
-                                        }
-                                    ),
-                                    style={"margin": "0"}
-                                )
+                                html.Div([
+                                    html.Div([
+                                        dcc.Clipboard(
+                                            target_id="code-display",
+                                            title="Copy code",
+                                            style={
+                                                "position": "absolute",
+                                                "top": "12px",
+                                                "right": "12px",
+                                                "fontSize": "18px",
+                                                "cursor": "pointer",
+                                                "padding": "8px",
+                                                "border": "1px solid #d0d5dd",
+                                                "borderRadius": "6px",
+                                                "display": "inline-flex",
+                                                "alignItems": "center",
+                                                "justifyContent": "center",
+                                                "color": "#475467",
+                                                "transition": "all 0.2s",
+                                                "zIndex": "10",
+                                                "width": "32px",
+                                                "height": "32px"
+                                            }
+                                        )
+                                    ], style={"position": "relative"}),
+                                    html.Pre(
+                                        html.Code(
+                                            python_code,
+                                            id="code-display",
+                                            style={
+                                                "fontSize": "13px",
+                                                "lineHeight": "1.6",
+                                                "fontFamily": "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
+                                                "backgroundColor": "#f6f8fa",
+                                                "padding": "16px",
+                                                "paddingTop": "48px",
+                                                "borderRadius": "6px",
+                                                "display": "block",
+                                                "overflowX": "auto",
+                                                "color": "#24292f"
+                                            }
+                                        ),
+                                        style={"margin": "0", "position": "relative"}
+                                    )
+                                ], style={"position": "relative"})
                             )
+
                         ],
                         value="code"
                     )