Add description for how to use automatic chart generation feature

Author: c-bata

optuna_dashboard/llm/_api_views.py

@@ -86,7 +86,7 @@ def get_generate_plotly_graph_func_str() -> dict[str, str]:
         except Exception as e:
             response.status = 500
             return {"reason": str(e)}
-        
+
         try:
             # TODO(c-bata): Consider removing the generate_plotly_graph_func_str argument
             # to enable parallel llm provider calls

optuna_dashboard/ts/components/StudyDetail.tsx

@@ -1,10 +1,12 @@
 import ChevronRightIcon from "@mui/icons-material/ChevronRight"
 import HomeIcon from "@mui/icons-material/Home"
 import {
+  Alert,
   Box,
   Card,
   CardContent,
   IconButton,
+  Link as MuiLink,
   Typography,
   useTheme,
 } from "@mui/material"
@@ -150,6 +152,19 @@ export const StudyDetail: FC<{
             >
               Graph Generated by LLM
             </Typography>
+            <Alert severity="info" sx={{ m: theme.spacing(0, 2) }}>
+              This feature enables the LLM to create Plotly charts based on
+              natural language descriptions, helping you visualize study results
+              interactively. For more details, please refer to{" "}
+              <MuiLink
+                href="https://optuna-dashboard.readthedocs.io/en/latest/tutorials/llm-integration.html#automatic-plotly-charts-generation"
+                target="_blank"
+                color="inherit"
+              >
+                the documentation
+              </MuiLink>
+              .
+            </Alert>
             <GraphByLLM study={studyDetail} />
           </>
         )}