diff --git a/AGENTS.md b/AGENTS.md
index 7fc7c7821..badf65192 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -15,6 +15,7 @@
 - `pnpm preview`: preview the built frontend locally.
 - `pnpm lint` / `pnpm lint:fix`: run ESLint (and auto-fix) on the frontend.
 - `pnpm type-check`: run `vue-tsc` for frontend type checks.
+- Before committing frontend changes, regenerate `components.d.ts` (for auto-imported components) and include it in the same commit.
 - Backend (run in `service/`): `pnpm install`, `pnpm start` (dev), `pnpm build`, `pnpm prod`.
 - Backend checks (run in `service/`): `pnpm lint`, `pnpm lint:fix`, `pnpm type-check`.
 
diff --git a/components.d.ts b/components.d.ts
index 6c64221b4..2fe348348 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -27,6 +27,7 @@ declare module 'vue' {
     IconRiBubbleChartFill: typeof import('~icons/ri/bubble-chart-fill')['default']
     IconRiChatDownloadLine: typeof import('~icons/ri/chat-download-line')['default']
     IconRiChatHistoryLine: typeof import('~icons/ri/chat-history-line')['default']
+    IconRiChatNewLine: typeof import('~icons/ri/chat-new-line')['default']
     IconRiChatQuoteLine: typeof import('~icons/ri/chat-quote-line')['default']
     IconRiChatUploadLine: typeof import('~icons/ri/chat-upload-line')['default']
     IconRiCloseCircleLine: typeof import('~icons/ri/close-circle-line')['default']
@@ -53,6 +54,7 @@ declare module 'vue' {
     IconRiSettings4Line: typeof import('~icons/ri/settings4-line')['default']
     IconRiSettingsLine: typeof import('~icons/ri/settings-line')['default']
     IconRiStopCircleLine: typeof import('~icons/ri/stop-circle-line')['default']
+    IconRiStore2Line: typeof import('~icons/ri/store2-line')['default']
     IconRiUpload2Fill: typeof import('~icons/ri/upload2-fill')['default']
     IconRiUser5Line: typeof import('~icons/ri/user5-line')['default']
     IconUilExit: typeof import('~icons/uil/exit')['default']
diff --git a/src/assets/recommend.json b/src/assets/recommend.json
deleted file mode 100644
index 8f29eb700..000000000
--- a/src/assets/recommend.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "awesome-chatgpt-prompts-zh",
-    "desc": "ChatGPT 中文调教指南",
-    "downloadUrl": "https://raw.githubusercontent.com/PlexPt/awesome-chatgpt-prompts-zh/main/prompts-zh.json",
-    "url": "https://github.com/PlexPt/awesome-chatgpt-prompts-zh"
-  },
-  {
-    "title": "awesome-chatgpt-prompts-zh-TW",
-    "desc": "ChatGPT 中文調教指南 (透過 OpenAI / OpenCC 協助，從簡體中文轉換為繁體中文的版本)",
-    "downloadUrl": "https://raw.githubusercontent.com/PlexPt/awesome-chatgpt-prompts-zh/main/prompts-zh-TW.json",
-    "url": "https://github.com/PlexPt/awesome-chatgpt-prompts-zh"
-  }
-]
diff --git a/src/components/common/PromptStore/index.vue b/src/components/common/PromptStore/index.vue
index fb0f9f0c5..ff5cee65a 100644
--- a/src/components/common/PromptStore/index.vue
+++ b/src/components/common/PromptStore/index.vue
@@ -6,7 +6,6 @@ import { UserPrompt } from '@/components/common/Setting/model'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
 import { useAuthStoreWithout, usePromptStore } from '@/store'
 import { rankBetween } from '@/utils/lexorank'
-import PromptRecommend from '../../../assets/recommend.json'
 
 const props = defineProps<Props>()
 
@@ -41,7 +40,6 @@ const showModal = ref(false)
 const ordering = ref(false)
 const saving = ref(false)
 
-const importLoading = ref(false)
 const exportLoading = ref(false)
 
 const searchValue = ref<string>('')
@@ -53,10 +51,6 @@ const promptStore = usePromptStore()
 // Mobile responsiveness.
 const { isMobile } = useBasicLayout()
 
-// Recommended prompt list for online import; customize via assets/recommend.json.
-const promptRecommendList = PromptRecommend
-// const promptList = ref<UserPrompt[]>([])
-
 const promptList = ref<any>(promptStore.promptList)
 
 // Temporary prompt params for add/edit.
@@ -88,13 +82,6 @@ function changeShowModal(mode: 'add' | 'modify' | 'local_import', selected?: Dat
   modalMode.value = mode
 }
 
-// Online import.
-const downloadURL = ref('')
-const downloadDisabled = computed(() => downloadURL.value.trim().length < 1)
-function setDownloadURL(url: string) {
-  downloadURL.value = url
-}
-
 // Control input button state.
 const inputStatus = computed (() => tempPromptKey.value.trim().length < 1 || tempPromptValue.value.trim().length < 1)
 
@@ -362,35 +349,6 @@ function exportPromptTemplate() {
   exportLoading.value = false
 }
 
-// Template online import.
-async function downloadPromptTemplate() {
-  try {
-    importLoading.value = true
-    const response = await fetch(downloadURL.value)
-    const jsonData = await response.json()
-    if ('key' in jsonData[0] && 'value' in jsonData[0])
-      tempPromptValue.value = JSON.stringify(jsonData)
-    if ('act' in jsonData[0] && 'prompt' in jsonData[0]) {
-      const newJsonData = jsonData.map((item: { act: string, prompt: string }) => {
-        return {
-          key: item.act,
-          value: item.prompt,
-        }
-      })
-      tempPromptValue.value = JSON.stringify(newJsonData)
-    }
-    await importPromptTemplate()
-    downloadURL.value = ''
-  }
-  catch {
-    message.error(t('store.downloadError'))
-    downloadURL.value = ''
-  }
-  finally {
-    importLoading.value = false
-  }
-}
-
 // Mobile responsiveness.
 function renderTemplate() {
   return promptList.value.map((item: UserPrompt) => {
@@ -404,14 +362,6 @@ function renderTemplate() {
   })
 }
 
-const pagination = computed(() => {
-  const [pageSize, pageSlot] = isMobile.value ? [6, 5] : [7, 15]
-  return {
-    pageSize,
-    pageSlot,
-  }
-})
-
 const draggingId = ref<string | null>(null)
 const isSearchActive = computed(() => searchValue.value.trim().length > 0)
 
@@ -683,182 +633,129 @@ async function handleGetUserPromptList() {
 </script>
 
 <template>
-  <NModal v-model:show="show" style="width: 90%; max-width: 900px;" preset="card">
+  <NModal v-model:show="show" style="width: 95%; max-width: 1100px;" preset="card">
     <div class="space-y-4">
-      <NTabs type="segment">
-        <NTabPane name="local" :tab="t('store.local')">
-          <div
-            class="flex gap-3 mb-4"
-            :class="[isMobile ? 'flex-col' : 'flex-row justify-between']"
+      <div
+        class="flex gap-3 mb-4"
+        :class="[isMobile ? 'flex-col' : 'flex-row justify-between']"
+      >
+        <div class="flex items-center space-x-4">
+          <NButton
+            type="primary"
+            size="small"
+            @click="changeShowModal('add')"
           >
-            <div class="flex items-center space-x-4">
-              <NButton
-                type="primary"
-                size="small"
-                @click="changeShowModal('add')"
-              >
-                {{ t('common.add') }}
+            {{ t('common.add') }}
+          </NButton>
+          <NButton
+            size="small"
+            @click="changeShowModal('local_import')"
+          >
+            {{ t('common.import') }}
+          </NButton>
+          <NButton
+            size="small"
+            :loading="exportLoading"
+            @click="exportPromptTemplate()"
+          >
+            {{ t('common.export') }}
+          </NButton>
+          <NPopconfirm @positive-click="clearPromptTemplate">
+            <template #trigger>
+              <NButton size="small">
+                {{ t('common.clear') }}
               </NButton>
-              <NButton
-                size="small"
-                @click="changeShowModal('local_import')"
+            </template>
+            {{ t('store.clearStoreConfirm') }}
+          </NPopconfirm>
+        </div>
+        <div class="flex items-center">
+          <NInput v-model:value="searchValue" style="width: 100%" />
+        </div>
+      </div>
+      <NDataTable
+        v-if="!isMobile"
+        remote
+        :max-height="520"
+        :columns="columns"
+        :data="dataSource"
+        :row-props="rowProps"
+        :bordered="false"
+        :loading="loading"
+      />
+      <NList v-if="isMobile" style="max-height: 520px; overflow-y: auto;">
+        <NListItem
+          v-for="(item, index) of dataSource"
+          :key="index"
+          @dragover="handleMobileDragOver($event, item)"
+          @drop="() => handleDrop(item)"
+        >
+          <NThing :title="item.title" :description="item.value" description-class="text-xs">
+            <template #description>
+              <NEllipsis
+                class="max-w-240 whitespace-pre-line"
+                :tooltip="{ contentClass: 'whitespace-pre-line text-xs max-h-100 max-w-90', scrollable: true }"
+                :line-clamp="3"
               >
-                {{ t('common.import') }}
+                {{ item.value }}
+              </NEllipsis>
+            </template>
+          </NThing>>
+          <template #suffix>
+            <div v-if="item.type !== 'built-in'" class="flex flex-col items-center gap-2">
+              <div class="flex items-center gap-1">
+                <NTooltip>
+                  <template #trigger>
+                    <NButton
+                      tertiary
+                      size="small"
+                      :disabled="ordering || isSearchActive"
+                      draggable="true"
+                      @dragstart="handleMobileDragStart($event, item)"
+                      @dragend="handleMobileDragEnd"
+                    >
+                      <IconMdiReorderHorizontal />
+                    </NButton>
+                  </template>
+                  {{ t('store.drag') }}
+                </NTooltip>
+                <NTooltip>
+                  <template #trigger>
+                    <NButton
+                      tertiary
+                      size="small"
+                      :disabled="ordering || isSearchActive"
+                      @click="moveToTop(item)"
+                    >
+                      <IconMdiFormatVerticalAlignTop />
+                    </NButton>
+                  </template>
+                  {{ t('store.moveTop') }}
+                </NTooltip>
+                <NTooltip>
+                  <template #trigger>
+                    <NButton
+                      tertiary
+                      size="small"
+                      :disabled="ordering || isSearchActive"
+                      @click="moveToBottom(item)"
+                    >
+                      <IconMdiFormatVerticalAlignBottom />
+                    </NButton>
+                  </template>
+                  {{ t('store.moveBottom') }}
+                </NTooltip>
+              </div>
+              <NButton tertiary size="small" type="info" @click="changeShowModal('modify', item)">
+                {{ t('common.edit') }}
               </NButton>
-              <NButton
-                size="small"
-                :loading="exportLoading"
-                @click="exportPromptTemplate()"
-              >
-                {{ t('common.export') }}
+              <NButton tertiary size="small" type="error" @click="deletePromptTemplate(item)">
+                {{ t('common.delete') }}
               </NButton>
-              <NPopconfirm @positive-click="clearPromptTemplate">
-                <template #trigger>
-                  <NButton size="small">
-                    {{ t('common.clear') }}
-                  </NButton>
-                </template>
-                {{ t('store.clearStoreConfirm') }}
-              </NPopconfirm>
             </div>
-            <div class="flex items-center">
-              <NInput v-model:value="searchValue" style="width: 100%" />
-            </div>
-          </div>
-          <NDataTable
-            v-if="!isMobile"
-            remote
-            :max-height="400"
-            :columns="columns"
-            :data="dataSource"
-            :pagination="pagination"
-            :row-props="rowProps"
-            :bordered="false"
-            :loading="loading"
-          />
-          <NList v-if="isMobile" style="max-height: 400px; overflow-y: auto;">
-            <NListItem
-              v-for="(item, index) of dataSource"
-              :key="index"
-              @dragover="handleMobileDragOver($event, item)"
-              @drop="() => handleDrop(item)"
-            >
-              <NThing :title="item.title" :description="item.value" description-class="text-xs">
-                <template #description>
-                  <NEllipsis
-                    class="max-w-240 whitespace-pre-line"
-                    :tooltip="{ contentClass: 'whitespace-pre-line text-xs max-h-100 max-w-90', scrollable: true }"
-                    :line-clamp="3"
-                  >
-                    {{ item.value }}
-                  </NEllipsis>
-                </template>
-              </NThing>>
-              <template #suffix>
-                <div v-if="item.type !== 'built-in'" class="flex flex-col items-center gap-2">
-                  <div class="flex items-center gap-1">
-                    <NTooltip>
-                      <template #trigger>
-                        <NButton
-                          tertiary
-                          size="small"
-                          :disabled="ordering || isSearchActive"
-                          draggable="true"
-                          @dragstart="handleMobileDragStart($event, item)"
-                          @dragend="handleMobileDragEnd"
-                        >
-                          <IconMdiReorderHorizontal />
-                        </NButton>
-                      </template>
-                      {{ t('store.drag') }}
-                    </NTooltip>
-                    <NTooltip>
-                      <template #trigger>
-                        <NButton
-                          tertiary
-                          size="small"
-                          :disabled="ordering || isSearchActive"
-                          @click="moveToTop(item)"
-                        >
-                          <IconMdiFormatVerticalAlignTop />
-                        </NButton>
-                      </template>
-                      {{ t('store.moveTop') }}
-                    </NTooltip>
-                    <NTooltip>
-                      <template #trigger>
-                        <NButton
-                          tertiary
-                          size="small"
-                          :disabled="ordering || isSearchActive"
-                          @click="moveToBottom(item)"
-                        >
-                          <IconMdiFormatVerticalAlignBottom />
-                        </NButton>
-                      </template>
-                      {{ t('store.moveBottom') }}
-                    </NTooltip>
-                  </div>
-                  <NButton tertiary size="small" type="info" @click="changeShowModal('modify', item)">
-                    {{ t('common.edit') }}
-                  </NButton>
-                  <NButton tertiary size="small" type="error" @click="deletePromptTemplate(item)">
-                    {{ t('common.delete') }}
-                  </NButton>
-                </div>
-              </template>
-            </NListItem>
-          </NList>
-        </NTabPane>
-        <NTabPane name="download" :tab="t('store.online')">
-          <p class="mb-4">
-            {{ t('store.onlineImportWarning') }}
-          </p>
-          <div class="flex items-center gap-4">
-            <NInput v-model:value="downloadURL" placeholder="" />
-            <NButton
-              strong
-              secondary
-              :disabled="downloadDisabled"
-              :loading="importLoading"
-              @click="downloadPromptTemplate()"
-            >
-              {{ t('common.download') }}
-            </NButton>
-          </div>
-          <NDivider />
-          <div class="max-h-[360px] overflow-y-auto space-y-4">
-            <NCard
-              v-for="info in promptRecommendList"
-              :key="info.title" :title="info.title"
-              :bordered="true"
-              embedded
-            >
-              <p
-                class="overflow-hidden text-ellipsis whitespace-nowrap"
-                :title="info.desc"
-              >
-                {{ info.desc }}
-              </p>
-              <template #footer>
-                <div class="flex items-center justify-end space-x-4">
-                  <NButton text>
-                    <a
-                      :href="info.url"
-                      target="_blank"
-                    >
-                      <IconRiLink class="text-xl" />
-                    </a>
-                  </NButton>
-                  <NButton text @click="setDownloadURL(info.downloadUrl) ">
-                    <IconRiAddFill class="text-xl" />
-                  </NButton>
-                </div>
-              </template>
-            </NCard>
-          </div>
-        </NTabPane>
-      </NTabs>
+          </template>
+        </NListItem>
+      </NList>
     </div>
   </NModal>
 
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index b502698f6..71e14c6c3 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -21,7 +21,6 @@
     "yes": "Yes",
     "no": "No",
     "confirm": "Confirm",
-    "download": "Download",
     "noData": "No Data",
     "wrong": "Something went wrong, please try again later.",
     "success": "Success",
@@ -300,8 +299,6 @@
   },
   "store": {
     "siderButton": "Prompt Store",
-    "local": "Local",
-    "online": "Online",
     "type": "Type",
     "sort": "Sort",
     "drag": "Drag to reorder",
@@ -318,8 +315,6 @@
     "importError": "Key value mismatch",
     "importRepeatTitle": "Title repeatedly skipped: {msg}",
     "importRepeatContent": "Content is repeatedly skipped: {msg}",
-    "onlineImportWarning": "Note: Please check the JSON file source!",
-    "downloadError": "Please check the network status and JSON file validity",
     "builtIn": "Built-in",
     "userDefined": "User defined"
   }
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
index 52563046e..30a939566 100644
--- a/src/locales/ja-JP.json
+++ b/src/locales/ja-JP.json
@@ -21,7 +21,6 @@
     "yes": "はい",
     "no": "いいえ",
     "confirm": "確認",
-    "download": "ダウンロード",
     "noData": "データなし",
     "wrong": "問題が発生しました。後でもう一度お試しください。",
     "success": "成功",
@@ -300,8 +299,6 @@
   },
   "store": {
     "siderButton": "プロンプトストア",
-    "local": "ローカル",
-    "online": "オンライン",
     "type": "タイプ",
     "sort": "並べ替え",
     "drag": "ドラッグで並べ替え",
@@ -318,8 +315,6 @@
     "importError": "キー値が一致しません",
     "importRepeatTitle": "タイトルが重複してスキップされました: {msg}",
     "importRepeatContent": "内容が重複してスキップされました: {msg}",
-    "onlineImportWarning": "注意: JSONファイルのソースを確認してください！",
-    "downloadError": "ネットワーク状態とJSONファイルの有効性を確認してください",
     "builtIn": "組み込み",
     "userDefined": "ユーザー定義"
   }
diff --git a/src/locales/ko-KR.json b/src/locales/ko-KR.json
index 0313ab1d4..2ed083a06 100644
--- a/src/locales/ko-KR.json
+++ b/src/locales/ko-KR.json
@@ -21,7 +21,6 @@
     "yes": "예",
     "no": "아니오",
     "confirm": "확인",
-    "download": "다운로드",
     "noData": "데이터 없음",
     "wrong": "문제가 발생했습니다, 나중에 다시 시도하세요.",
     "success": "성공",
@@ -300,8 +299,6 @@
   },
   "store": {
     "siderButton": "프롬프트 스토어",
-    "local": "로컬",
-    "online": "온라인",
     "type": "유형",
     "sort": "정렬",
     "drag": "드래그하여 정렬",
@@ -318,8 +315,6 @@
     "importError": "키 값 불일치",
     "importRepeatTitle": "제목 중복 건너뛰기: {msg}",
     "importRepeatContent": "중복 콘텐츠 건너뛰기: {msg}",
-    "onlineImportWarning": "참고: JSON 파일 소스를 확인하세요!",
-    "downloadError": "네트워크 상태와 JSON 파일 유효성을 확인하세요",
     "builtIn": "내장",
     "userDefined": "사용자 정의"
   }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index d370f042e..f2185fb10 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -21,7 +21,6 @@
     "yes": "是",
     "no": "否",
     "confirm": "确定",
-    "download": "下载",
     "noData": "暂无数据",
     "wrong": "好像出错了，请稍后再试。",
     "success": "操作成功",
@@ -300,8 +299,6 @@
   },
   "store": {
     "siderButton": "提示词商店",
-    "local": "本地",
-    "online": "在线",
     "type": "类型",
     "sort": "排序",
     "drag": "拖动排序",
@@ -318,8 +315,6 @@
     "importError": "键值不匹配",
     "importRepeatTitle": "标题重复跳过：{msg}",
     "importRepeatContent": "内容重复跳过：{msg}",
-    "onlineImportWarning": "注意：请检查 JSON 文件来源！",
-    "downloadError": "请检查网络状态与 JSON 文件有效性",
     "builtIn": "平台预置",
     "userDefined": "用户自定义"
   }
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
index d1f8f583b..3782bdd74 100644
--- a/src/locales/zh-TW.json
+++ b/src/locales/zh-TW.json
@@ -21,7 +21,6 @@
     "yes": "是",
     "no": "否",
     "confirm": "確認",
-    "download": "下載",
     "noData": "目前無資料",
     "wrong": "發生錯誤，請稍後再試。",
     "success": "操作成功",
@@ -300,8 +299,6 @@
   },
   "store": {
     "siderButton": "提示詞商店",
-    "local": "本機",
-    "online": "線上",
     "type": "類型",
     "sort": "排序",
     "drag": "拖動排序",
@@ -318,8 +315,6 @@
     "importError": "鍵值不符合",
     "importRepeatTitle": "因標題重複跳過：{msg}",
     "importRepeatContent": "因內容重複跳過：{msg}",
-    "onlineImportWarning": "注意：請檢查 JSON 檔案來源！",
-    "downloadError": "請檢查網路狀態與 JSON 檔案有效性",
     "builtIn": "平台預置",
     "userDefined": "用戶自定義"
   }
diff --git a/src/views/chat/layout/sider/index.vue b/src/views/chat/layout/sider/index.vue
index 82df68ef7..3eec10b41 100644
--- a/src/views/chat/layout/sider/index.vue
+++ b/src/views/chat/layout/sider/index.vue
@@ -120,6 +120,9 @@ onMounted(async () => {
       <main class="flex flex-col flex-1 min-h-0">
         <div class="p-4">
           <NButton dashed block :disabled="!!authStore.session?.auth && !authStore.token && !authStore.session?.authProxyEnabled" @click="handleAdd">
+            <template #icon>
+              <IconRiChatNewLine />
+            </template>
             {{ t('chat.newChatButton') }}
           </NButton>
         </div>
@@ -128,6 +131,9 @@ onMounted(async () => {
         </div>
         <div class="p-4">
           <NButton block @click="show = true">
+            <template #icon>
+              <IconRiStore2Line />
+            </template>
             {{ t('store.siderButton') }}
           </NButton>
         </div>