style(web): translate the comments in the src/views directory into English

web/src/views/Prompt/components/PromptDetail.tsx

@@ -1,3 +1,14 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:43:51 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-03 17:43:51 
+ */
+/**
+ * Prompt Detail Modal
+ * Displays full prompt details with copy, edit, and delete actions
+ */
+
 import { forwardRef, useImperativeHandle, useState } from 'react';
 import { Flex, Button, App } from 'antd';
 import { useTranslation } from 'react-i18next';
@@ -14,16 +25,18 @@ const PromptDetail = forwardRef<PromptDetailRef, { handleEdit: (item: HistoryIte
   const [visible, setVisible] = useState(false);
   const [data, setData] = useState<HistoryItem>({} as HistoryItem)
 
-  // 封装取消方法，添加关闭弹窗逻辑
+  /** Close modal */
   const handleClose = () => {
     setVisible(false);
   };
 
+  /** Open modal with data */
   const handleOpen = (vo: HistoryItem) => {
     setVisible(true);
     setData(vo)
   };
-    const handleCopy = (text = '') => {
+  /** Copy text to clipboard */
+  const handleCopy = (text = '') => {
       copy(text)
       message.success(t('common.copySuccess'))
     }

web/src/views/Prompt/components/PromptSaveModal.tsx

@@ -1,3 +1,14 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:43:55 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-03 17:43:55 
+ */
+/**
+ * Prompt Save Modal
+ * Modal for saving prompt with title input
+ */
+
 import { forwardRef, useImperativeHandle, useState } from 'react';
 import { Form, Input, App } from 'antd';
 import { useTranslation } from 'react-i18next';
@@ -8,6 +19,9 @@ import { savePrompt } from '@/api/prompt'
 
 const FormItem = Form.Item;
 
+/**
+ * Component props
+ */
 interface PromptSaveModalProps {
   refresh: () => void;
 }
@@ -23,7 +37,7 @@ const PromptSaveModal = forwardRef<PromptSaveModalRef, PromptSaveModalProps>(({
   const [data, setData] = useState<PromptReleaseData | null>(null)
   const title = Form.useWatch(['title'], form)
 
-  // 封装取消方法，添加关闭弹窗逻辑
+  /** Close modal and reset form */
   const handleClose = () => {
     setVisible(false);
     form.resetFields();
@@ -31,11 +45,12 @@ const PromptSaveModal = forwardRef<PromptSaveModalRef, PromptSaveModalProps>(({
     setData(null)
   };
 
+  /** Open modal with data */
   const handleOpen = (vo: PromptReleaseData) => {
     setData(vo)
     setVisible(true);
   };
-  // 封装保存方法，添加提交逻辑
+  /** Save prompt */
   const handleSave = () => {
     if (!title || title.trim() === '') {
       message.warning(t('common.inputPlaceholder', { title: t('prompt.saveTitle') }))
@@ -57,7 +72,7 @@ const PromptSaveModal = forwardRef<PromptSaveModalRef, PromptSaveModalProps>(({
       });
   }
 
-  // 暴露给父组件的方法
+  /** Expose methods to parent component */
   useImperativeHandle(ref, () => ({
     handleOpen,
     handleClose

web/src/views/Prompt/components/PromptVariableModal.tsx

@@ -1,3 +1,14 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:43:58 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-03 17:43:58 
+ */
+/**
+ * Prompt Variable Modal
+ * Modal for adding variables to prompt with autocomplete suggestions
+ */
+
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { Form, AutoComplete, type AutoCompleteProps } from 'antd';
 import { useTranslation } from 'react-i18next';
@@ -7,6 +18,9 @@ import RbModal from '@/components/RbModal'
 
 const FormItem = Form.Item;
 
+/**
+ * Component props
+ */
 interface PromptVariableModalProps {
   refresh: (value: string) => void;
   variables: string[];
@@ -28,6 +42,7 @@ const PromptVariableModal = forwardRef<PromptVariableModalRef, PromptVariableMod
       label: `{{${key}}}`
     })))
   }, [variables])
+  /** Handle search and filter variables */
   const handleSearch = (value: string) => {
     const filterKeys = variables?.filter(key => key.includes(value))
 
@@ -44,18 +59,19 @@ const PromptVariableModal = forwardRef<PromptVariableModalRef, PromptVariableMod
     }
   }
 
-  // 封装取消方法，添加关闭弹窗逻辑
+  /** Close modal and reset form */
   const handleClose = () => {
     setVisible(false);
     form.resetFields();
     setLoading(false)
   };
 
+  /** Open modal */
   const handleOpen = () => {
     setVisible(true);
       form.resetFields();
   };
-  // 封装保存方法，添加提交逻辑
+  /** Apply variable to editor */
   const handleSave = () => {
     const variableName = form.getFieldValue('variableName')
 
@@ -65,7 +81,7 @@ const PromptVariableModal = forwardRef<PromptVariableModalRef, PromptVariableMod
     handleClose()
   }
 
-  // 暴露给父组件的方法
+  /** Expose methods to parent component */
   useImperativeHandle(ref, () => ({
     handleOpen,
     handleClose