From 0c62de49eed76260577065cf16e2d3afc04088a0 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 4 Jul 2025 15:21:45 +0800
Subject: [PATCH 1/4] feat: Internationalization

---
 frontend/src/views/system/model/ModelForm.vue | 33 ++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
index aab4a9be..f693b0c4 100644
--- a/frontend/src/views/system/model/ModelForm.vue
+++ b/frontend/src/views/system/model/ModelForm.vue
@@ -76,10 +76,22 @@ const rules = {
       trigger: 'change',
     },
   ],
-  endpoint: [{ required: true, message: 'endpoint', trigger: 'blur' }],
+  endpoint: [
+    {
+      required: true,
+      message: t('datasource.please_enter') + t('common.empty') + t('model.api_domain_name'),
+      trigger: 'blur',
+    },
+  ],
   modelName: [{ required: true, message: t('model.the_basic_model_de'), trigger: 'blur' }],
   name: [{ required: true, message: t('model.the_basic_model'), trigger: 'blur' }],
-  api_key: [{ required: true, message: 'api_key', trigger: 'blur' }],
+  api_key: [
+    {
+      required: true,
+      message: t('datasource.please_enter') + t('common.empty') + 'API Key',
+      trigger: 'blur',
+    },
+  ],
 }
 
 onMounted(() => {
@@ -157,7 +169,12 @@ defineExpose({
               </el-icon>
             </el-tooltip>
           </template>
-          <el-input v-model="modelForm.name" />
+          <el-input
+            :placeholder="
+              $t('datasource.please_enter') + $t('common.empty') + $t('model.model_name')
+            "
+            v-model="modelForm.name"
+          />
         </el-form-item>
         <el-form-item prop="type" :label="t('model.model_type')">
           <el-select v-model="modelForm.type" style="width: 100%">
@@ -174,7 +191,15 @@ defineExpose({
             ><span class="custom-require_danger">{{ t('model.basic_model') }}</span>
             <span class="enter">{{ t('model.enter_to_add') }}</span>
           </template>
-          <el-select v-model="modelForm.type" style="width: 100%">
+          <el-select
+            v-model="modelForm.type"
+            style="width: 100%"
+            multiple
+            filterable
+            allow-create
+            default-first-option
+            :reserve-keyword="false"
+          >
             <el-option
               v-for="item in modelList"
               :key="item.value"

From 7b4d7f52009c8edc27efddb32e704c980c845685 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 4 Jul 2025 16:00:31 +0800
Subject: [PATCH 2/4] perf: Model form page

---
 frontend/src/views/system/model/ModelForm.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
index 90de35b9..a4dc7e1a 100644
--- a/frontend/src/views/system/model/ModelForm.vue
+++ b/frontend/src/views/system/model/ModelForm.vue
@@ -85,7 +85,6 @@ const rules = {
       trigger: 'blur',
     },
   ],
-  modelName: [{ required: true, message: t('model.the_basic_model_de'), trigger: 'blur' }],
   base_model: [{ required: true, message: t('model.the_basic_model_de'), trigger: 'blur' }],
   name: [{ required: true, message: t('model.the_basic_model'), trigger: 'blur' }],
   api_key: [
@@ -185,14 +184,14 @@ defineExpose({
             </el-tooltip>
           </template>
           <el-input
+            v-model="modelForm.name"
             :placeholder="
               $t('datasource.please_enter') + $t('common.empty') + $t('model.model_name')
             "
-            v-model="modelForm.name"
           />
         </el-form-item>
         <el-form-item prop="type" :label="t('model.model_type')">
-          <el-select v-model="modelForm.model_type" style="width: 100%">
+          <el-select v-model="modelForm.model_type" style="width: 100%" disabled>
             <el-option
               v-for="item in modelTypeOptions"
               :key="item.value"
@@ -201,7 +200,7 @@ defineExpose({
             />
           </el-select>
         </el-form-item>
-        <el-form-item class="custom-require" prop="modelName">
+        <el-form-item class="custom-require" prop="base_model">
           <template #label
             ><span class="custom-require_danger">{{ t('model.basic_model') }}</span>
             <span class="enter">{{ t('model.enter_to_add') }}</span>
@@ -209,7 +208,6 @@ defineExpose({
           <el-select
             v-model="modelForm['base_model']"
             style="width: 100%"
-            multiple
             filterable
             allow-create
             default-first-option

From 176f78fea964650c9a6aa7f3c54405259e73b9ca Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 4 Jul 2025 16:22:02 +0800
Subject: [PATCH 3/4] feat(chat): Open Question Number

---
 frontend/src/views/chat/ChatCreator.vue |  5 +++++
 frontend/src/views/ds/Card.vue          |  8 ++++----
 frontend/src/views/ds/Datasource.vue    | 20 +++++++++++++++++---
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/chat/ChatCreator.vue b/frontend/src/views/chat/ChatCreator.vue
index 1430a78f..d9663c65 100644
--- a/frontend/src/views/chat/ChatCreator.vue
+++ b/frontend/src/views/chat/ChatCreator.vue
@@ -3,6 +3,7 @@ import { chatApi, ChatInfo } from '@/api/chat.ts'
 import { onMounted, ref } from 'vue'
 import { datasourceApi } from '@/api/datasource.ts'
 import DatasourceItemCard from '../ds/DatasourceItemCard.vue'
+import { useRoute } from 'vue-router'
 
 const dsList = ref<Array<any>>([])
 
@@ -13,6 +14,7 @@ function listDs() {
     dsList.value = res
   })
 }
+const route = useRoute()
 
 const dialogVisible = ref(false)
 
@@ -66,6 +68,9 @@ function createChat(datasource: number) {
 
 onMounted(() => {
   listDs()
+  const id = route.query.id as unknown as number
+  if (!id) return
+  createChat(id)
 })
 
 defineExpose({
diff --git a/frontend/src/views/ds/Card.vue b/frontend/src/views/ds/Card.vue
index 73fdbf7e..5dae8cc1 100644
--- a/frontend/src/views/ds/Card.vue
+++ b/frontend/src/views/ds/Card.vue
@@ -12,6 +12,7 @@ const props = withDefaults(
   defineProps<{
     name: string
     type: string
+    type_name: string
     rate?: string
     description?: string
     id?: string
@@ -19,13 +20,13 @@ const props = withDefaults(
   {
     name: '-',
     type: '-',
-    rate: '-',
     description: '-',
     id: '-',
+    type_name: '-',
   }
 )
 
-const emits = defineEmits(['edit', 'del', 'question', 'dataTableDetail'])
+const emits = defineEmits(['edit', 'del', 'question', 'dataTableDetail', 'showTable'])
 const icon = computed(() => {
   return (dsTypeWithImg.find((ele) => props.type === ele.type) || {}).img
 })
@@ -57,7 +58,7 @@ const onClickOutside = () => {
       <img :src="icon" width="32px" height="32px" />
       <div class="info">
         <div class="name">{{ name }}</div>
-        <div class="type">{{ type }}</div>
+        <div class="type">{{ type_name }}</div>
       </div>
     </div>
     <div class="type-value">
@@ -69,7 +70,6 @@ const onClickOutside = () => {
         <el-icon class="form-icon" size="16">
           <icon_form_outlined></icon_form_outlined>
         </el-icon>
-        {{ rate }}
       </div>
       <div click.stop class="methods">
         <el-button type="primary" style="margin-right: 8px" @click.stop="handleQuestion">
diff --git a/frontend/src/views/ds/Datasource.vue b/frontend/src/views/ds/Datasource.vue
index b2836684..9881dad4 100644
--- a/frontend/src/views/ds/Datasource.vue
+++ b/frontend/src/views/ds/Datasource.vue
@@ -5,6 +5,7 @@ import icon_searchOutline_outlined from '@/assets/svg/icon_search-outline_outlin
 import arrow_down from '@/assets/svg/arrow-down.svg'
 import icon_add_outlined from '@/assets/svg/icon_add_outlined.svg'
 import EmptyBackground from '@/views/dashboard/common/EmptyBackground.vue'
+import { useRouter } from 'vue-router'
 import DataTable from './DataTable.vue'
 import icon_done_outlined from '@/assets/svg/icon_done_outlined.svg'
 import icon_close_outlined from '@/assets/svg/operate/ope-close.svg'
@@ -18,12 +19,14 @@ import { useI18n } from 'vue-i18n'
 
 interface Datasource {
   name: string
+  type_name: string
   type: string
   img: string
-  rate?: string
+  description: string
   id?: string
 }
 
+const router = useRouter()
 const { t } = useI18n()
 const keywords = ref('')
 const defaultDatasourceKeywords = ref('')
@@ -75,6 +78,15 @@ const handleEditDatasource = (res: any) => {
   })
 }
 
+const handleQuestion = (id: string) => {
+  router.push({
+    path: '/chat/index',
+    query: {
+      id,
+    },
+  })
+}
+
 const handleAddDatasource = () => {
   editDatasource.value = false
   datasourceConfigvVisible.value = true
@@ -208,7 +220,7 @@ const dataTableDetail = (ele: any) => {
                 </el-icon>
               </div>
               <div v-if="!defaultDatasourceListWithSearch.length" class="popover-item empty">
-                没有找到相关结果
+                {{ t('model.relevant_results_found') }}
               </div>
             </div>
           </div>
@@ -235,7 +247,9 @@ const dataTableDetail = (ele: any) => {
         :key="ele.id"
         :name="ele.name"
         :type="ele.type"
-        :rate="ele.rate"
+        :type_name="ele.type_name"
+        :description="ele.description"
+        @question="handleQuestion"
         @edit="handleEditDatasource(ele)"
         @del="deleteHandler(ele)"
         @data-table-detail="dataTableDetail(ele)"

From 14799a36ea9b352db44eecc25a690f6d1b4ac0e4 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 4 Jul 2025 16:42:54 +0800
Subject: [PATCH 4/4] perf: Set default model

---
 backend/apps/system/api/aimodel.py        |  25 +-
 frontend/src/api/system.ts                |   2 +-
 frontend/src/router/index.ts              |   1 -
 frontend/src/views/system/model/Card.vue  |  14 +-
 frontend/src/views/system/model/Model.vue |  10 +-
 frontend/src/views/system/model/index.vue | 538 ----------------------
 6 files changed, 37 insertions(+), 553 deletions(-)
 delete mode 100644 frontend/src/views/system/model/index.vue

diff --git a/backend/apps/system/api/aimodel.py b/backend/apps/system/api/aimodel.py
index 52074a57..781d1889 100644
--- a/backend/apps/system/api/aimodel.py
+++ b/backend/apps/system/api/aimodel.py
@@ -2,7 +2,7 @@ import json
 from typing import List, Union
 from apps.system.schemas.ai_model_schema import AiModelConfigItem, AiModelCreator, AiModelEditor, AiModelGridItem
 from fastapi import APIRouter, Query
-from sqlmodel import func, select
+from sqlmodel import func, select, update
 
 from apps.system.models.system_model import AiModelDetail
 from common.core.deps import SessionDep
@@ -23,7 +23,7 @@ async def query(
                        AiModelDetail.default_model)
     if keyword is not None:
         statement = statement.where(AiModelDetail.name.like(f"%{keyword}%"))
-    
+    statement = statement.order_by(AiModelDetail.create_time.asc())
     items = session.exec(statement).all()
     return items
 
@@ -85,6 +85,27 @@ async def delete_model(
         id: int
 ):
     item = session.get(AiModelDetail, id)
+    if item.default_model:
+        raise RuntimeError(f"Can not delete [${item.name}], because it is default model!")
     session.delete(item)
     session.commit()
+    
+@router.put("/default/{id}")
+async def set_default(session: SessionDep, id: int):
+    db_model = session.get(AiModelDetail, id)
+    if not db_model:
+        raise ValueError(f"AiModelDetail with id {id} not found")
+    if db_model.default_model:
+        return
+
+    try:
+        session.exec(
+            update(AiModelDetail).values(default_model=False)
+        )
+        db_model.default_model = True
+        session.add(db_model)
+        session.commit()
+    except Exception as e:
+        session.rollback()
+        raise e
     
\ No newline at end of file
diff --git a/frontend/src/api/system.ts b/frontend/src/api/system.ts
index 0153122c..153c985f 100644
--- a/frontend/src/api/system.ts
+++ b/frontend/src/api/system.ts
@@ -7,5 +7,5 @@ export const modelApi = {
   edit: (data: any) => request.put('/system/aimodel', data),
   delete: (id: number) => request.delete(`/system/aimodel/${id}`),
   query: (id: number) => request.get(`/system/aimodel/${id}`),
-  status: (data: any) => request.patch('/system/aimodel/status', data),
+  setDefault: (id: number) => request.put(`/system/aimodel/default/${id}`),
 }
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 1839cb34..aa4f4c5f 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -9,7 +9,6 @@ import Datasource from '@/views/ds/Datasource.vue'
 import DashboardEditor from '@/views/dashboard/editor/index.vue'
 import DashboardPreview from '@//views/dashboard/preview/SQPreviewSingle.vue'
 import Dashboard from '@/views/dashboard/index.vue'
-// import Model from '@/views/system/model/index.vue'
 import Model from '@/views/system/model/Model.vue'
 // import User from "@/views/system/user/index.vue";
 import { watchRouter } from './watch'
diff --git a/frontend/src/views/system/model/Card.vue b/frontend/src/views/system/model/Card.vue
index 516fbef2..e166f753 100644
--- a/frontend/src/views/system/model/Card.vue
+++ b/frontend/src/views/system/model/Card.vue
@@ -59,14 +59,12 @@ const handleDel = () => {
           <edit></edit>
         </el-icon>
       </el-tooltip>
-      <template v-if="!isDefault">
-        <span class="divide"></span>
-        <el-tooltip :offset="14" effect="dark" :content="$t('dashboard.delete')" placement="top">
-          <el-icon size="16" @click="handleDel">
-            <delIcon></delIcon>
-          </el-icon>
-        </el-tooltip>
-      </template>
+      <span class="divide"></span>
+      <el-tooltip :offset="14" effect="dark" :content="$t('dashboard.delete')" placement="top">
+        <el-icon size="16" @click="handleDel">
+          <delIcon></delIcon>
+        </el-icon>
+      </el-tooltip>
     </div>
   </div>
 </template>
diff --git a/frontend/src/views/system/model/Model.vue b/frontend/src/views/system/model/Model.vue
index ee4eb4db..98638694 100644
--- a/frontend/src/views/system/model/Model.vue
+++ b/frontend/src/views/system/model/Model.vue
@@ -69,6 +69,10 @@ const defaultModelListWithSearch = computed(() => {
 })
 
 const handleDefaultModelChange = (item: any) => {
+  const current_default_node = modelList.value.find((ele: Model) => ele.default_model)
+  if (current_default_node?.id === item.id) {
+    return
+  }
   ElMessageBox.confirm(`是否设置 ${item.name} 为系统默认模型？`, {
     confirmButtonType: 'primary',
     tip: '系统默认模型被替换后，智能问数的结果将会受到影响，请谨慎操作。',
@@ -78,10 +82,10 @@ const handleDefaultModelChange = (item: any) => {
     autofocus: false,
     callback: (val: string) => {
       if (val === 'confirm') {
-        modelList.value.forEach((ele: any) => {
-          ele.default_model = ele.id === item.id
+        modelApi.setDefault(item.id).then(() => {
+          ElMessage.success('设置成功')
+          search()
         })
-        ElMessage.success('设置成功')
       }
     },
   })
diff --git a/frontend/src/views/system/model/index.vue b/frontend/src/views/system/model/index.vue
deleted file mode 100644
index 457db734..00000000
--- a/frontend/src/views/system/model/index.vue
+++ /dev/null
@@ -1,538 +0,0 @@
-<template>
-  <div class="sqlbot-table-container professional-container">
-    <div class="sqlbot-tool">
-      <div class="tool-left">
-        <el-input
-          v-model="keyword"
-          class="sqlbot-search"
-          placeholder="Search"
-          @keyup.enter="handleSearch"
-        >
-          <template #prefix>
-            <el-icon class="el-input__icon"><IconSearch /></el-icon>
-          </template>
-        </el-input>
-      </div>
-      <div class="tool-right">
-        <div class="tool-btn secondary-btn" @click="batchEnableHandler">
-          <el-icon><IconEnable /></el-icon>
-          <span>Batch Enable</span>
-        </div>
-        <div class="tool-btn secondary-btn" @click="batchDisableHandler">
-          <el-icon><IconDisable /></el-icon>
-          <span>Batch Disable</span>
-        </div>
-        <div class="tool-btn primary-btn" @click="openDialog">
-          <el-icon><IconOpeAdd /></el-icon>
-          <span>Add Model</span>
-        </div>
-      </div>
-    </div>
-    <div class="sqlbot-table">
-      <el-table
-        :data="state.tableData"
-        style="width: 100%"
-        row-key="id"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55" />
-        <el-table-column prop="name" label="Model Name" width="280" />
-        <el-table-column prop="type" label="Model Type" width="280">
-          <template #default="scope">
-            <span>{{ getModelTypeName(scope.row.type) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="api_key" label="API KEY" width="280">
-          <template #default="scope">
-            <div class="user-status-container" :class="[scope.row.api_key ? 'active' : 'disabled']">
-              <span>{{ scope.row.api_key ? 'Configured' : 'Not Configured' }}</span>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="Status" width="180">
-          <template #default="scope">
-            <div class="user-status-container" :class="[scope.row.status ? 'active' : 'disabled']">
-              <el-icon>
-                <SuccessFilled v-if="scope.row.status" />
-                <CircleCloseFilled v-else />
-              </el-icon>
-              <span>{{ scope.row.status ? 'Enabled' : 'Disabled' }}</span>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="create_time" label="Create time" min-width="180">
-          <template #default="scope">
-            <span>{{ formatTimestamp(scope.row.create_time, 'YYYY-MM-DD HH:mm:ss') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="id" label="Actions" width="120" fixed="right">
-          <template #default="scope">
-            <div class="table-operate">
-              <div class="opt-btn" @click="editHandler(scope.row.id)">
-                <el-icon><IconOpeEdit /></el-icon>
-              </div>
-              <div class="opt-btn" @click="deleteHandler(scope.row.id)">
-                <el-icon><IconOpeDelete /></el-icon>
-              </div>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <div class="pagination-container">
-        <el-pagination
-          v-model:current-page="state.pageInfo.currentPage"
-          v-model:page-size="state.pageInfo.pageSize"
-          :page-sizes="[10, 20, 30]"
-          :background="true"
-          :pager-count="5"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="state.pageInfo.total"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
-      </div>
-    </div>
-  </div>
-
-  <el-dialog
-    v-model="dialogFormVisible"
-    title="Add Ai Model"
-    destroy-on-close
-    width="500"
-    class="sqlbot-dialog"
-    @close="onFormClose"
-  >
-    <el-form
-      ref="termFormRef"
-      :model="state.form"
-      label-width="180px"
-      label-position="top"
-      class="sqlbot-form"
-      size="large"
-    >
-      <el-form-item label="Model Name">
-        <el-input v-model="state.form.name" autocomplete="off" />
-      </el-form-item>
-
-      <el-form-item label="Model Type">
-        <el-select v-model="state.form.type" placeholder="Please select a type">
-          <el-option
-            v-for="item in modelTypeOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-          <!-- <el-option label="domain1" value="0" />
-          <el-option label="domain2" value="1" />
-          <el-option label="domain3" value="2" /> -->
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="API KEY">
-        <el-input
-          v-model="state.form.api_key"
-          type="password"
-          show-password
-          placeholder="Please input password"
-        />
-      </el-form-item>
-
-      <el-form-item label="API Endpoint URL">
-        <el-input v-model="state.form.endpoint" placeholder="Please input endpoint" />
-      </el-form-item>
-
-      <!--      <el-form-item label="Maximum Context Window" >
-        <el-input v-model="state.form.max_context_window" type="number" placeholder="Please input max_context_window" />
-      </el-form-item>
-
-      <el-form-item label="Temperature" >
-        <el-slider v-model="state.form.temperature" :format-tooltip="formatTooltip" />
-      </el-form-item>-->
-
-      <el-form-item label="Model Status">
-        <el-checkbox v-model="state.form.status" label="" size="large" />
-      </el-form-item>
-
-      <el-form-item label="Description">
-        <el-input v-model="state.form.description" type="textarea" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="closeForm">Cancel</el-button>
-        <el-button type="primary" @click="saveHandler"> save </el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import IconEnable from '@/assets/svg/operate/ope-enable.svg'
-import IconDisable from '@/assets/svg/operate/ope-disable.svg'
-import IconOpeAdd from '@/assets/svg/operate/ope-add.svg'
-
-import { SuccessFilled, CircleCloseFilled, Search as IconSearch } from '@element-plus/icons-vue'
-import IconOpeEdit from '@/assets/svg/operate/ope-edit.svg'
-import IconOpeDelete from '@/assets/svg/operate/ope-delete.svg'
-import { modelApi } from '@/api/system'
-import { formatTimestamp } from '@/utils/date'
-import { modelTypeOptions, getModelTypeName } from '@/entity/CommonEntity.ts'
-const keyword = ref('')
-const dialogFormVisible = ref(false)
-const termFormRef = ref()
-const state = reactive({
-  tableData: [],
-  form: {
-    id: '',
-    name: '',
-    type: 0,
-    api_key: '',
-    endpoint: '',
-    max_context_window: 0,
-    temperature: 0,
-    status: false,
-    description: '',
-  },
-  pageInfo: {
-    currentPage: 1,
-    pageSize: 20,
-    total: 0,
-  },
-  selectedIds: [],
-})
-onMounted(() => {
-  search()
-})
-const handleSearch = (e: any) => {
-  console.log('search', e)
-}
-const editHandler = (id: any) => {
-  modelApi.query(id).then((res: any) => {
-    state.form = res
-    state.form.temperature = state.form.temperature * 100
-    dialogFormVisible.value = true
-  })
-}
-const deleteHandler = (id: any) => {
-  ElMessageBox.confirm('Are you sure to delete?', 'Warning', {
-    confirmButtonText: 'OK',
-    cancelButtonText: 'Cancel',
-    type: 'warning',
-  })
-    .then(() => {
-      modelApi.delete(id).then(() => {
-        ElMessage({
-          type: 'success',
-          message: 'Delete completed',
-        })
-        search()
-      })
-    })
-    .catch(() => {
-      ElMessage({
-        type: 'info',
-        message: 'Delete canceled',
-      })
-    })
-}
-
-const openDialog = () => {
-  dialogFormVisible.value = true
-}
-const resetForm = () => {
-  if (!termFormRef.value) return
-  state.form = {
-    id: '',
-    name: '',
-    type: 0,
-    api_key: '',
-    endpoint: '',
-    max_context_window: 0,
-    temperature: 0,
-    status: false,
-    description: '',
-  }
-}
-
-const closeForm = () => {
-  dialogFormVisible.value = false
-}
-const onFormClose = () => {
-  resetForm()
-  dialogFormVisible.value = false
-}
-
-const search = () => {
-  /* modelApi.pager(state.pageInfo.currentPage, state.pageInfo.pageSize).then((res: any) => {
-    state.tableData = res.items
-    state.pageInfo.total = res.total
-  }) */
-}
-const addTerm = () => {
-  const param: any = {
-    ...state.form,
-  }
-  delete param.id
-  param.temperature = param.temperature / 100
-  modelApi.add(param).then(() => {
-    dialogFormVisible.value = false
-    search()
-    ElMessage({
-      type: 'success',
-      message: 'Add completed',
-    })
-  })
-}
-const editTerm = () => {
-  const param = state.form
-  param.temperature = param.temperature / 100
-  modelApi.edit(state.form).then((res: any) => {
-    console.log('edit term', res)
-    dialogFormVisible.value = false
-    search()
-    ElMessage({
-      type: 'success',
-      message: 'Edit completed',
-    })
-  })
-}
-const saveHandler = () => {
-  if (state.form.id) {
-    editTerm()
-  } else {
-    addTerm()
-  }
-}
-
-const handleSizeChange = (val: number) => {
-  state.pageInfo.pageSize = val
-  search()
-}
-const handleCurrentChange = (val: number) => {
-  state.pageInfo.currentPage = val
-  search()
-}
-const handleSelectionChange = (rows: any) => {
-  state.selectedIds = rows.map((item: any) => item.id)
-}
-
-const batchDisableHandler = () => {
-  if (state.selectedIds.length === 0) {
-    ElMessage({
-      type: 'warning',
-      message: 'Please select at least one item',
-    })
-    return
-  }
-  const param = {
-    ids: state.selectedIds,
-    status: false,
-  }
-
-  ElMessageBox.confirm('Are you sure to execute this operation?', 'Warning', {
-    confirmButtonText: 'OK',
-    cancelButtonText: 'Cancel',
-    type: 'warning',
-  })
-    .then(() => {
-      modelApi.status(param).then(() => {
-        search()
-        ElMessage({
-          type: 'success',
-          message: 'Batch disable completed',
-        })
-      })
-    })
-    .catch(() => {
-      ElMessage({
-        type: 'info',
-        message: 'Execute canceled',
-      })
-    })
-}
-const batchEnableHandler = () => {
-  if (state.selectedIds.length === 0) {
-    ElMessage({
-      type: 'warning',
-      message: 'Please select at least one item',
-    })
-    return
-  }
-  const param = {
-    ids: state.selectedIds,
-    status: true,
-  }
-  modelApi.status(param).then(() => {
-    search()
-    ElMessage({
-      type: 'success',
-      message: 'Batch enable completed',
-    })
-  })
-}
-</script>
-
-<style lang="less" scoped>
-.sqlbot-table-container {
-  width: 100%;
-  height: 100%;
-  .sqlbot-tool {
-    height: 42px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: var(--white);
-    padding: 16px 20px;
-    border-radius: 8px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-    margin-bottom: 20px;
-    .tool-left {
-      display: flex;
-      align-items: center;
-      .sqlbot-search {
-        width: 300px;
-        --el-input-inner-height: 40px !important;
-        --el-input-border-radius: 24px;
-        --el-input-bg-color: #f5f7fa;
-        --el-input-border-color: #e5e8ed;
-      }
-    }
-    .tool-right {
-      display: flex;
-      align-items: center;
-      column-gap: 12px;
-      height: 35px;
-      .secondary-btn {
-        background: #f5f5f5;
-        color: #333;
-        border: 1px solid #ddd;
-      }
-      .primary-btn {
-        background: var(--el-color-primary);
-        color: white;
-      }
-      .tool-btn {
-        display: flex;
-        align-items: center;
-        padding: 6px 16px;
-        border-radius: 4px;
-        cursor: pointer;
-        outline: none;
-        font-weight: 500;
-        transition: all 0.3s;
-        font-size: 14px;
-        gap: 6px;
-        &:hover {
-          background-color: #f1f3f4;
-        }
-        &.default {
-          color: #2d2e31;
-          font-weight: 500;
-          font-size: 14px;
-          i {
-            width: 20px;
-            height: 20px;
-          }
-        }
-      }
-    }
-  }
-  .sqlbot-table {
-    border-radius: 6px;
-    :deep(.ed-table) {
-      --el-table-header-bg-color: #f5f7fa;
-      --el-table-border-color: #ebeef5;
-      --el-table-header-text-color: #606266;
-
-      th {
-        font-weight: 600;
-        height: 48px;
-      }
-
-      td {
-        height: 52px;
-      }
-      /* border-left: 1px solid var(--el-table-border-color);
-      border-right: 1px solid var(--el-table-border-color); */
-    }
-    .table-operate {
-      display: flex;
-      justify-content: flex-end;
-      gap: 8px;
-
-      .opt-btn {
-        width: 36px;
-        height: 36px;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #5f6368;
-        cursor: pointer;
-        transition: all 0.2s;
-        background-color: #f1f3f4;
-        border: none;
-        font-size: 18px;
-        &:hover {
-          background-color: #e8f0fe;
-          color: var(--el-color-primary);
-        }
-      }
-    }
-    .pagination-container {
-      display: flex;
-      justify-content: end;
-      align-items: center;
-      margin-top: 20px;
-      background-color: var(--white);
-      padding: 16px 20px;
-      border-radius: 8px;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-    }
-  }
-}
-.sqlbot-form {
-  width: 100%;
-  .ed-form-item {
-    margin-bottom: 16px;
-    text-align: left;
-    label {
-      font-size: 14px;
-      color: #606266;
-    }
-  }
-}
-.sqlbot-dialog {
-  width: 500px;
-
-  :deep(.ed-dialog__header) {
-    text-align: left !important;
-    font-size: 16px;
-    background-color: #f5f7fa;
-    border-bottom: 1px solid #ebeef5;
-    color: #606266;
-    font-size: 16px;
-  }
-}
-
-.user-status-container {
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
-  font-size: 14px;
-  color: #606266;
-  padding: 4px 8px;
-  width: fit-content;
-  border-radius: 4px;
-  &.active {
-    background-color: #e6f7ee;
-    color: #389e0d;
-  }
-  &.disabled {
-    background-color: #fff1f0;
-    color: #cf1322;
-  }
-}
-</style>