diff --git a/src/components/delete-modal/index.tsx b/src/components/delete-modal/index.tsx
index c9ba3fb1..26bd4004 100644
--- a/src/components/delete-modal/index.tsx
+++ b/src/components/delete-modal/index.tsx
@@ -7,12 +7,18 @@ import Styles from './index.less';
 const DeleteModal = forwardRef((props, ref) => {
   const intl = useIntl();
   const [visible, setVisible] = useState(false);
-  const [config, setConfig] = useState<ModalFuncProps & { content: string }>(
-    {}
-  );
+  const [config, setConfig] = useState<
+    ModalFuncProps & { content: string; selection?: boolean; name?: string }
+  >({});
 
   useImperativeHandle(ref, () => ({
-    show: (data: ModalFuncProps & { content: string }) => {
+    show: (
+      data: ModalFuncProps & {
+        content: string;
+        selection?: boolean;
+        name?: string;
+      }
+    ) => {
       setConfig(data);
       setVisible(true);
     },
@@ -68,8 +74,15 @@ const DeleteModal = forwardRef((props, ref) => {
       <div className={Styles['content']}>
         {config.content &&
           intl.formatMessage(
-            { id: 'common.delete.confirm' },
-            { type: intl.formatMessage({ id: config.content }) }
+            {
+              id: config.selection
+                ? 'common.delete.confirm'
+                : 'common.delete.single.confirm'
+            },
+            {
+              type: intl.formatMessage({ id: config.content }),
+              name: config.name
+            }
           )}
       </div>
     </Modal>
diff --git a/src/hooks/use-update-chunk-list.ts b/src/hooks/use-update-chunk-list.ts
index 3c39d50a..70a3177d 100644
--- a/src/hooks/use-update-chunk-list.ts
+++ b/src/hooks/use-update-chunk-list.ts
@@ -18,6 +18,14 @@ export function useUpdateChunkedList(options: {
   computedID?: (d: object) => string;
 }) {
   const cacheDataListRef = useRef<any[]>(options.dataList || []);
+  const timerRef = useRef<any>(null);
+
+  const debounceUpdateChunckedList = () => {
+    clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      options.setDataList?.([...cacheDataListRef.current]);
+    }, 100);
+  };
   const updateChunkedList = (
     data: ChunkedCollection,
     dataList?: { id: string | number }[]
@@ -25,7 +33,7 @@ export function useUpdateChunkedList(options: {
     console.log('updateChunkedList=====', {
       ids: data?.ids,
       type: data?.type,
-      collection: data?.collection,
+      collection: data?.collection.length,
       dataList: _.map(dataList, (o: any) => o.id)
     });
     let collections = data?.collection || [];
@@ -57,7 +65,7 @@ export function useUpdateChunkedList(options: {
         console.log('create=========', updateIndex, collections);
       });
       cacheDataListRef.current = [...newDataList, ...cacheDataListRef.current];
-      options.setDataList?.([...cacheDataListRef.current]);
+      // options.setDataList?.([...cacheDataListRef.current]);
     }
     // DELETE
     if (data?.type === WatchEventType.DELETE) {
@@ -69,7 +77,8 @@ export function useUpdateChunkedList(options: {
       );
       // console.log('updateChunkedList=====delete', updatedList);
       // return updatedList;
-      options.setDataList?.([...cacheDataListRef.current]);
+
+      // options.setDataList?.([...cacheDataListRef.current]);
     }
     // UPDATE
     if (data?.type === WatchEventType.UPDATE) {
@@ -88,8 +97,10 @@ export function useUpdateChunkedList(options: {
         }
       });
       console.log('updateChunkedList=====update', cacheDataListRef.current);
-      options.setDataList?.([...cacheDataListRef.current]);
+      // options.setDataList?.([...cacheDataListRef.current]);
     }
+
+    debounceUpdateChunckedList();
     if (options?.callback) {
       options?.callback(cacheDataListRef.current);
     }
diff --git a/src/locales/en-US/common.ts b/src/locales/en-US/common.ts
index fe084cf1..3ab9c70d 100644
--- a/src/locales/en-US/common.ts
+++ b/src/locales/en-US/common.ts
@@ -183,6 +183,7 @@ export default {
   'common.settings.language': 'Language',
   'common.delete.confirm':
     'Are you sure you want to delete the selected {type}?',
+  'common.delete.single.confirm': 'Are you sure you want to delete {name}?',
   'common.filter.name': 'Filter by name',
   'common.form.password': 'Password',
   'common.form.username': 'Username',
diff --git a/src/locales/zh-CN/common.ts b/src/locales/zh-CN/common.ts
index 27adc80e..1116de91 100644
--- a/src/locales/zh-CN/common.ts
+++ b/src/locales/zh-CN/common.ts
@@ -175,7 +175,8 @@ export default {
   'common.table.user': '用户',
   'common.settings.instructions': '操作指引',
   'common.settings.language': '语言',
-  'common.delete.confirm': '删除选中的{type}吗？',
+  'common.delete.confirm': '删除选中的{type}，确定吗？',
+  'common.delete.single.confirm': '删除 {name}，确定吗？',
   'common.filter.name': '名称查询',
   'common.form.password': '密码',
   'common.form.username': '用户名',
diff --git a/src/locales/zh-CN/playground.ts b/src/locales/zh-CN/playground.ts
index f40310b1..d727216a 100644
--- a/src/locales/zh-CN/playground.ts
+++ b/src/locales/zh-CN/playground.ts
@@ -28,6 +28,6 @@ export default {
   'playground.params.stop.tips':
     '停止序列是一个预定义或用户指定的文本字符串，当这些序列出现时，它会提示 AI 停止生成后续的 token。',
   'playground.viewcode.tips':
-    '{here} 查看 API 密钥。您应该使用环境变量或秘密管理工具将您的密钥暴露给您的应用程序。',
+    '{here} 查看 API 密钥。您应该使用环境变量或密钥管理工具将您的密钥暴露给您的应用程序。',
   'playground.viewcode.here': '这里'
 };
diff --git a/src/pages/api-keys/index.tsx b/src/pages/api-keys/index.tsx
index bfe3701e..ee40f340 100644
--- a/src/pages/api-keys/index.tsx
+++ b/src/pages/api-keys/index.tsx
@@ -25,7 +25,7 @@ const APIKeys: React.FC = () => {
   });
   const intl = useIntl();
   const modalRef = useRef<any>(null);
-  const [dataSource, setDataSource] = useState([]);
+  const [dataSource, setDataSource] = useState<ListItem[]>([]);
   const [total, setTotal] = useState(0);
   const [openAddModal, setOpenAddModal] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -100,6 +100,7 @@ const APIKeys: React.FC = () => {
   const handleDelete = (row: ListItem) => {
     modalRef.current.show({
       content: 'apikeys.table.apikeys',
+      name: row.name,
       async onOk() {
         console.log('OK');
         await deleteApisKey(row.id);
@@ -111,6 +112,7 @@ const APIKeys: React.FC = () => {
   const handleDeleteBatch = () => {
     modalRef.current.show({
       content: 'apikeys.table.apikeys',
+      selection: true,
       async onOk() {
         await handleBatchRequest(rowSelection.selectedRowKeys, deleteApisKey);
         rowSelection.clearSelections();
diff --git a/src/pages/llmodels/components/table-list.tsx b/src/pages/llmodels/components/table-list.tsx
index dbb21b3d..7f751b63 100644
--- a/src/pages/llmodels/components/table-list.tsx
+++ b/src/pages/llmodels/components/table-list.tsx
@@ -149,6 +149,7 @@ const Models: React.FC<ModelsProps> = ({
   const handleDelete = async (row: any) => {
     modalRef.current.show({
       content: 'models.table.models',
+      name: row.name,
       async onOk() {
         await deleteModel(row.id);
         updateExpandedRowKeys([row.id]);
@@ -158,6 +159,7 @@ const Models: React.FC<ModelsProps> = ({
   const handleDeleteBatch = () => {
     modalRef.current.show({
       content: 'models.table.models',
+      selection: true,
       async onOk() {
         await handleBatchRequest(rowSelection.selectedRowKeys, deleteModel);
         rowSelection.clearSelections();
@@ -181,6 +183,7 @@ const Models: React.FC<ModelsProps> = ({
   const handleDeleteInstace = (row: any, list: ModelInstanceListItem[]) => {
     modalRef.current.show({
       content: 'models.instances',
+      name: row.name,
       async onOk() {
         await deleteModelInstance(row.id);
         if (list.length === 1) {
diff --git a/src/pages/playground/components/view-code-modal.tsx b/src/pages/playground/components/view-code-modal.tsx
index f654e405..cc52c701 100644
--- a/src/pages/playground/components/view-code-modal.tsx
+++ b/src/pages/playground/components/view-code-modal.tsx
@@ -74,7 +74,7 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
       const systemList = systemMessage
         ? [{ role: 'system', content: systemMessage }]
         : [];
-      const code = `const OpenAI = require("openai");\n\nconst openai = new OpenAI({\n  "apiKey": "YOUR_GPUSTACK_API_KEY",\n  "baseURL": "${BaseURL}"\n});\n\n\nasync function main(){\nconst params = ${JSON.stringify(
+      const code = `const OpenAI = require("openai");\n\nconst openai = new OpenAI({\n  "apiKey": "YOUR_GPUSTACK_API_KEY",\n  "baseURL": "${BaseURL}"\n});\n\n\nasync function main(){\n  const params = ${JSON.stringify(
         {
           ...parameters,
           messages: [
@@ -85,8 +85,8 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
           ]
         },
         null,
-        2
-      )};\nconst chatCompletion = await openai.chat.completions.create(params);\n  console.log(chatCompletion.choices[0]);\n}\nmain();`;
+        4
+      )};\nconst chatCompletion = await openai.chat.completions.create(params);\n  console.log(chatCompletion.choices[0].message.content);\n}\nmain();`;
       setCodeValue(code);
     } else if (lang === 'python') {
       const formattedParams = _.keys(parameters).reduce(
@@ -137,6 +137,9 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
     minimap: {
       enabled: false
     },
+    hover: {
+      enabled: false
+    },
     readOnly: true,
     formatOnType: true,
     formatOnPaste: true,
diff --git a/src/pages/resources/components/workers.tsx b/src/pages/resources/components/workers.tsx
index 9cabcaef..bd5069ab 100644
--- a/src/pages/resources/components/workers.tsx
+++ b/src/pages/resources/components/workers.tsx
@@ -54,13 +54,6 @@ const Resources: React.FC = () => {
       setLoading(false);
     }
   };
-  const handleShowSizeChange = (current: number, size: number) => {
-    setQueryParams({
-      ...queryParams,
-      page: current,
-      perPage: size || 10
-    });
-  };
 
   const handlePageChange = (page: number, perPage: number | undefined) => {
     console.log(page, perPage);
@@ -104,6 +97,7 @@ const Resources: React.FC = () => {
   const handleDelete = (row: ListItem) => {
     modalRef.current.show({
       content: 'worker',
+      name: row.name,
       async onOk() {
         console.log('OK');
         await deleteWorker(row.id);
@@ -115,6 +109,7 @@ const Resources: React.FC = () => {
   const handleDeleteBatch = () => {
     modalRef.current.show({
       content: 'wokers',
+      selection: true,
       async onOk() {
         await handleBatchRequest(rowSelection.selectedRowKeys, deleteWorker);
         rowSelection.clearSelections();
diff --git a/src/pages/users/components/add-modal.tsx b/src/pages/users/components/add-modal.tsx
index c594c4f9..9537906b 100644
--- a/src/pages/users/components/add-modal.tsx
+++ b/src/pages/users/components/add-modal.tsx
@@ -116,7 +116,7 @@ const AddModal: React.FC<AddModalProps> = ({
           name="password"
           rules={[
             {
-              required: true,
+              required: action === PageAction.CREATE,
               pattern: PasswordReg,
               message: intl.formatMessage({ id: 'users.form.rule.password' })
             }
@@ -124,7 +124,7 @@ const AddModal: React.FC<AddModalProps> = ({
         >
           <SealInput.Password
             label={intl.formatMessage({ id: 'common.form.password' })}
-            required
+            required={action === PageAction.CREATE}
           ></SealInput.Password>
         </Form.Item>
       </Form>
diff --git a/src/pages/users/index.tsx b/src/pages/users/index.tsx
index 64052440..04c2e213 100644
--- a/src/pages/users/index.tsx
+++ b/src/pages/users/index.tsx
@@ -144,6 +144,7 @@ const Users: React.FC = () => {
   const handleDelete = (row: ListItem) => {
     modalRef.current.show({
       content: 'users.table.user',
+      name: row.name,
       async onOk() {
         console.log('OK');
         await deleteUser(row.id);
@@ -155,6 +156,7 @@ const Users: React.FC = () => {
   const handleDeleteBatch = () => {
     modalRef.current.show({
       content: 'users.table.user',
+      selection: true,
       async onOk() {
         await handleBatchRequest(rowSelection.selectedRowKeys, deleteUser);
         rowSelection.clearSelections();