From 1a6cd573cd2cd95651c355c04f5de40d67821428 Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Thu, 2 Jul 2026 13:18:00 +0800
Subject: [PATCH] feat(llm): add CRUD operations for models and providers,
 including user authorization

- Implemented GET, POST, PUT, and DELETE endpoints for managing LLM models and providers.
- Added user authorization checks to ensure only authorized users can access or modify resources.
- Enhanced provider and model retrieval functions to include user-specific data.
- Updated database service functions to handle user IDs for better data isolation.
- Introduced error handling for invalid inputs and unauthorized actions.
---
 app/components/TopNav.vue                          |    3 +-
 app/pages/admin.vue                                |    1 -
 app/pages/admin/llm-config/index.vue               | 1446 -----------------
 app/pages/settings.vue                             |  241 +++
 app/pages/settings/llm-config/index.vue            | 1446 +++++++++++++++++
 packages/drizzle-pkg/db.sqlite                     |  Bin 282624 -> 282624 bytes
 packages/drizzle-pkg/lib/schema/llm.ts             |   13 +-
 .../migrations/0013_flaky_marvel_boy.sql           |   24 +
 .../drizzle-pkg/migrations/meta/0013_snapshot.json | 1674 ++++++++++++++++++++
 packages/drizzle-pkg/migrations/meta/_journal.json |    7 +
 server/api/admin/llm/models/[providerId].get.ts    |   14 -
 server/api/admin/llm/models/[providerId].post.ts   |   29 -
 server/api/admin/llm/models/detail/[id].delete.ts  |   14 -
 server/api/admin/llm/models/detail/[id].put.ts     |   24 -
 server/api/admin/llm/providers/[id].delete.ts      |   14 -
 server/api/admin/llm/providers/[id].get.ts         |   17 -
 server/api/admin/llm/providers/[id].models.get.ts  |   50 -
 server/api/admin/llm/providers/[id].put.ts         |   25 -
 server/api/admin/llm/providers/index.get.ts        |   15 -
 server/api/admin/llm/providers/index.post.ts       |   24 -
 server/api/llm/models/[providerId].get.ts          |   14 +
 server/api/llm/models/[providerId].post.ts         |   32 +
 server/api/llm/models/detail/[id].delete.ts        |   14 +
 server/api/llm/models/detail/[id].put.ts           |   24 +
 server/api/llm/providers/[id].delete.ts            |   14 +
 server/api/llm/providers/[id].get.ts               |   17 +
 server/api/llm/providers/[id].models.get.ts        |   50 +
 server/api/llm/providers/[id].put.ts               |   25 +
 server/api/llm/providers/index.get.ts              |   15 +
 server/api/llm/providers/index.post.ts             |   24 +
 server/service/llm/index.ts                        |   53 +-
 31 files changed, 3672 insertions(+), 1691 deletions(-)
 delete mode 100644 app/pages/admin/llm-config/index.vue
 create mode 100644 app/pages/settings.vue
 create mode 100644 app/pages/settings/llm-config/index.vue
 create mode 100644 packages/drizzle-pkg/migrations/0013_flaky_marvel_boy.sql
 create mode 100644 packages/drizzle-pkg/migrations/meta/0013_snapshot.json
 delete mode 100644 server/api/admin/llm/models/[providerId].get.ts
 delete mode 100644 server/api/admin/llm/models/[providerId].post.ts
 delete mode 100644 server/api/admin/llm/models/detail/[id].delete.ts
 delete mode 100644 server/api/admin/llm/models/detail/[id].put.ts
 delete mode 100644 server/api/admin/llm/providers/[id].delete.ts
 delete mode 100644 server/api/admin/llm/providers/[id].get.ts
 delete mode 100644 server/api/admin/llm/providers/[id].models.get.ts
 delete mode 100644 server/api/admin/llm/providers/[id].put.ts
 delete mode 100644 server/api/admin/llm/providers/index.get.ts
 delete mode 100644 server/api/admin/llm/providers/index.post.ts
 create mode 100644 server/api/llm/models/[providerId].get.ts
 create mode 100644 server/api/llm/models/[providerId].post.ts
 create mode 100644 server/api/llm/models/detail/[id].delete.ts
 create mode 100644 server/api/llm/models/detail/[id].put.ts
 create mode 100644 server/api/llm/providers/[id].delete.ts
 create mode 100644 server/api/llm/providers/[id].get.ts
 create mode 100644 server/api/llm/providers/[id].models.get.ts
 create mode 100644 server/api/llm/providers/[id].put.ts
 create mode 100644 server/api/llm/providers/index.get.ts
 create mode 100644 server/api/llm/providers/index.post.ts

diff --git a/app/components/TopNav.vue b/app/components/TopNav.vue
index 3cd6e29..0929731 100644
--- a/app/components/TopNav.vue
+++ b/app/components/TopNav.vue
@@ -79,7 +79,8 @@ watch(() => route.path, () => {
         <NuxtLink v-if="globalConfig.allowRegister" to="/auth/register" class="auth-btn">注册</NuxtLink>
       </div>
       <div v-else-if="loggedIn && initialized" class="nav-auth">
-        <NuxtLink to="/admin/dashboard" class="auth-btn">管理</NuxtLink>
+        <NuxtLink to="/settings/llm-config" class="auth-link">设置</NuxtLink>
+        <NuxtLink v-if="user?.role === 'admin'" to="/admin/dashboard" class="auth-btn">管理</NuxtLink>
         <span class="auth-link" @click="clear()">登出</span>
       </div>
 
diff --git a/app/pages/admin.vue b/app/pages/admin.vue
index 2f54a53..ba41561 100644
--- a/app/pages/admin.vue
+++ b/app/pages/admin.vue
@@ -25,7 +25,6 @@ const adminNav: NavItem[] = [
     children: [
       { label: '全局配置', to: '/admin/global-config' },
       { label: '用户管理', to: '/admin/users' },
-      { label: '模型配置', to: '/admin/llm-config' },
     ]
   },
 ]
diff --git a/app/pages/admin/llm-config/index.vue b/app/pages/admin/llm-config/index.vue
deleted file mode 100644
index 81830ab..0000000
--- a/app/pages/admin/llm-config/index.vue
+++ /dev/null
@@ -1,1446 +0,0 @@
-<script setup lang="ts">
-interface LlmProvider {
-  id: number
-  name: string
-  slug: string
-  baseUrl: string | null
-  parseMode: string
-  apiKeySet: boolean
-  status: string
-  description: string | null
-  createdAt: string
-  updatedAt: string
-}
-
-interface LlmModel {
-  id: number
-  providerId: number
-  name: string
-  modelId: string
-  type: string
-  enabled: number
-  description: string | null
-  maxTokens: number | null
-  createdAt: string
-  updatedAt: string
-}
-
-const searchQuery = ref('')
-const currentPage = ref(1)
-const pageSize = ref(20)
-
-const { data, refresh, pending } = await useHttpFetch('/api/admin/llm/providers', {
-  query: computed(() => ({
-    page: currentPage.value,
-    pageSize: pageSize.value,
-    search: searchQuery.value || undefined,
-  })),
-  watch: [currentPage, pageSize, searchQuery],
-})
-
-const providerList = computed<LlmProvider[]>(() => (data.value as any)?.list ?? [])
-const totalProviders = computed(() => (data.value as any)?.total ?? 0)
-const totalPages = computed(() => (data.value as any)?.totalPages ?? 1)
-
-const showProviderDrawer = ref(false)
-const editingProvider = ref<LlmProvider | null>(null)
-const providerForm = ref({
-  name: '',
-  slug: '',
-  baseUrl: '',
-  parseMode: 'openai' as string,
-  apiKey: '',
-  status: 'active' as string,
-  description: '',
-})
-const providerLoading = ref(false)
-const providerError = ref('')
-
-const showModelDrawer = ref(false)
-const editingModel = ref<LlmModel | null>(null)
-const currentProviderId = ref<number | null>(null)
-const modelForm = ref({
-  name: '',
-  modelId: '',
-  type: 'text' as string,
-  enabled: 1,
-  description: '',
-  maxTokens: null as number | null,
-})
-const modelLoading = ref(false)
-const modelError = ref('')
-const availableModels = ref<{ id: string; name: string }[]>([])
-const availableModelsLoading = ref(false)
-const modelIdInputMode = ref<'select' | 'input'>('select')
-
-watch(() => modelForm.value.modelId, (newVal) => {
-  if (!editingModel.value && modelIdInputMode.value === 'select' && newVal) {
-    const selected = availableModels.value.find(m => m.id === newVal)
-    if (selected && !modelForm.value.name) {
-      modelForm.value.name = selected.name
-    }
-  }
-})
-
-const showDeleteDialog = ref(false)
-const deleteTarget = ref<{ type: 'provider' | 'model'; id: number; name: string } | null>(null)
-const deleteLoading = ref(false)
-
-const expandedProviderId = ref<number | null>(null)
-const providerModels = ref<Map<number, LlmModel[]>>(new Map())
-const modelsLoading = ref(false)
-
-function showToast(message: string, type: 'success' | 'error' = 'success') {
-  if (import.meta.client) {
-    const event = new CustomEvent('toast', { detail: { message, type } })
-    window.dispatchEvent(event)
-  }
-}
-
-function openCreateProvider() {
-  editingProvider.value = null
-  providerForm.value = { name: '', slug: '', baseUrl: '', parseMode: 'openai', apiKey: '', status: 'active', description: '' }
-  providerError.value = ''
-  showProviderDrawer.value = true
-}
-
-function openEditProvider(p: LlmProvider) {
-  editingProvider.value = p
-  providerForm.value = {
-    name: p.name,
-    slug: p.slug,
-    baseUrl: p.baseUrl || '',
-    parseMode: p.parseMode,
-    apiKey: '',
-    status: p.status,
-    description: p.description || '',
-  }
-  providerError.value = ''
-  showProviderDrawer.value = true
-}
-
-function closeProviderDrawer() {
-  showProviderDrawer.value = false
-  editingProvider.value = null
-}
-
-async function handleProviderSave() {
-  providerError.value = ''
-  if (!providerForm.value.name || !providerForm.value.slug) {
-    providerError.value = '供应商名称和标识不能为空'
-    return
-  }
-  providerLoading.value = true
-  try {
-    if (editingProvider.value) {
-      await $fetch(`/api/admin/llm/providers/${editingProvider.value.id}` as string, {
-        method: 'PUT' as const,
-        body: {
-          ...providerForm.value,
-          apiKey: providerForm.value.apiKey || '__unchanged__',
-        },
-      })
-      showToast('供应商更新成功')
-    } else {
-      await $fetch('/api/admin/llm/providers', {
-        method: 'POST',
-        body: providerForm.value,
-      })
-      showToast('供应商创建成功')
-    }
-    closeProviderDrawer()
-    await refresh()
-  } catch (err: any) {
-    providerError.value = err?.data?.statusMessage || '操作失败'
-  } finally {
-    providerLoading.value = false
-  }
-}
-
-async function toggleProviderStatus(p: LlmProvider) {
-  const newStatus = p.status === 'active' ? 'disabled' : 'active'
-  try {
-    await $fetch(`/api/admin/llm/providers/${p.id}` as string, {
-      method: 'PUT' as const,
-      body: { status: newStatus },
-    })
-    showToast(`供应商已${newStatus === 'active' ? '启用' : '禁用'}`)
-    await refresh()
-  } catch (err: any) {
-    showToast(err?.data?.statusMessage || '操作失败', 'error')
-  }
-}
-
-async function loadModels(providerId: number) {
-  if (expandedProviderId.value === providerId) {
-    expandedProviderId.value = null
-    return
-  }
-  expandedProviderId.value = providerId
-  modelsLoading.value = true
-  try {
-    const res = await $fetch(`/api/admin/llm/models/${providerId}`)
-    providerModels.value.set(providerId, (res as any)?.data ?? [])
-  } catch {
-    providerModels.value.set(providerId, [])
-  } finally {
-    modelsLoading.value = false
-  }
-}
-
-async function fetchAvailableModels(providerId: number) {
-  availableModelsLoading.value = true
-  availableModels.value = []
-  try {
-    const res = await $fetch(`/api/admin/llm/providers/${providerId}/models`)
-    const models = (res as any)?.data ?? []
-    if (models.length > 0) {
-      availableModels.value = models
-      modelIdInputMode.value = 'select'
-    } else {
-      modelIdInputMode.value = 'input'
-    }
-  } catch {
-    modelIdInputMode.value = 'input'
-  } finally {
-    availableModelsLoading.value = false
-  }
-}
-
-function openCreateModel(providerId: number) {
-  currentProviderId.value = providerId
-  editingModel.value = null
-  modelForm.value = { name: '', modelId: '', type: 'text', enabled: 1, description: '', maxTokens: null }
-  modelError.value = ''
-  showModelDrawer.value = true
-  fetchAvailableModels(providerId)
-}
-
-function openEditModel(m: LlmModel) {
-  currentProviderId.value = m.providerId
-  editingModel.value = m
-  modelForm.value = {
-    name: m.name,
-    modelId: m.modelId,
-    type: m.type,
-    enabled: m.enabled,
-    description: m.description || '',
-    maxTokens: m.maxTokens,
-  }
-  modelError.value = ''
-  showModelDrawer.value = true
-}
-
-function closeModelDrawer() {
-  showModelDrawer.value = false
-  editingModel.value = null
-  currentProviderId.value = null
-}
-
-async function handleModelSave() {
-  modelError.value = ''
-  if (!modelForm.value.name || !modelForm.value.modelId) {
-    modelError.value = '模型名称和模型ID不能为空'
-    return
-  }
-  modelLoading.value = true
-  try {
-    if (editingModel.value) {
-      await $fetch(`/api/admin/llm/models/detail/${editingModel.value.id}` as string, {
-        method: 'PUT' as const,
-        body: modelForm.value,
-      })
-      showToast('模型更新成功')
-    } else {
-      await $fetch(`/api/admin/llm/models/${currentProviderId.value}` as string, {
-        method: 'POST' as const,
-        body: modelForm.value,
-      })
-      showToast('模型创建成功')
-    }
-    closeModelDrawer()
-    if (expandedProviderId.value) {
-      await loadModels(expandedProviderId.value)
-    }
-  } catch (err: any) {
-    modelError.value = err?.data?.statusMessage || '操作失败'
-  } finally {
-    modelLoading.value = false
-  }
-}
-
-async function toggleModelEnabled(m: LlmModel) {
-  const newEnabled = m.enabled ? 0 : 1
-  try {
-    await $fetch(`/api/admin/llm/models/detail/${m.id}` as string, {
-      method: 'PUT' as const,
-      body: { enabled: newEnabled },
-    })
-    showToast(`模型已${newEnabled ? '启用' : '禁用'}`)
-    if (expandedProviderId.value) {
-      await loadModels(expandedProviderId.value)
-    }
-  } catch (err: any) {
-    showToast(err?.data?.statusMessage || '操作失败', 'error')
-  }
-}
-
-function confirmDelete(type: 'provider' | 'model', id: number, name: string) {
-  deleteTarget.value = { type, id, name }
-  showDeleteDialog.value = true
-}
-
-async function handleDelete() {
-  if (!deleteTarget.value) return
-  deleteLoading.value = true
-  try {
-    if (deleteTarget.value.type === 'provider') {
-      await $fetch(`/api/admin/llm/providers/${deleteTarget.value.id}` as string, { method: 'DELETE' as const })
-      if (expandedProviderId.value === deleteTarget.value.id) {
-        expandedProviderId.value = null
-      }
-      await refresh()
-    } else {
-      await $fetch(`/api/admin/llm/models/detail/${deleteTarget.value.id}` as string, { method: 'DELETE' as const })
-      if (expandedProviderId.value) {
-        await loadModels(expandedProviderId.value)
-      }
-    }
-    showToast('删除成功')
-    showDeleteDialog.value = false
-  } catch (err: any) {
-    showToast(err?.data?.statusMessage || '删除失败', 'error')
-  } finally {
-    deleteLoading.value = false
-  }
-}
-
-function goToPage(page: number) {
-  if (page < 1 || page > totalPages.value) return
-  currentPage.value = page
-}
-
-function formatDate(date: string) {
-  if (!date) return '-'
-  return new Intl.DateTimeFormat('zh-CN', {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-  }).format(new Date(date))
-}
-
-function parseModeLabel(mode: string) {
-  const map: Record<string, string> = { openai: 'OpenAI', anthropic: 'Anthropic' }
-  return map[mode] ?? mode
-}
-
-function modelTypeLabel(type: string) {
-  const map: Record<string, string> = { text: '文本', vision: '视觉', multimodal: '多模态' }
-  return map[type] ?? type
-}
-
-function modelTypeClass(type: string) {
-  const map: Record<string, string> = { text: 'type-text', vision: 'type-vision', multimodal: 'type-multimodal' }
-  return map[type] ?? 'type-text'
-}
-
-function statusClass(status: string) {
-  return status === 'active' ? 'status-active' : 'status-disabled'
-}
-
-function statusLabel(status: string) {
-  return status === 'active' ? '启用' : '禁用'
-}
-
-const currentModels = computed(() => {
-  if (!expandedProviderId.value) return []
-  return providerModels.value.get(expandedProviderId.value) ?? []
-})
-</script>
-
-<template>
-  <div class="llm-config-page">
-    <header class="page-header">
-      <div class="header-left">
-        <h1 class="page-title">大模型配置</h1>
-        <div class="stats-grid">
-          <div class="stat-card">
-            <div class="stat-value">{{ totalProviders }}</div>
-            <div class="stat-label">供应商总数</div>
-          </div>
-        </div>
-      </div>
-    </header>
-
-    <div class="filter-bar">
-      <div class="filter-left">
-        <div class="search-box">
-          <svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <circle cx="11" cy="11" r="8" />
-            <path d="M21 21l-4.35-4.35" stroke-linecap="round" />
-          </svg>
-          <input
-            v-model="searchQuery"
-            type="text"
-            placeholder="搜索供应商名称"
-            class="search-input"
-            @keyup.enter="currentPage = 1"
-          />
-        </div>
-      </div>
-      <button class="btn-primary" @click="openCreateProvider">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <line x1="12" y1="5" x2="12" y2="19" stroke-linecap="round" />
-          <line x1="5" y1="12" x2="19" y2="12" stroke-linecap="round" />
-        </svg>
-        新增供应商
-      </button>
-    </div>
-
-    <div class="provider-list">
-      <div v-if="pending" class="empty-state">加载中...</div>
-      <div v-else-if="providerList.length === 0" class="empty-state">暂无供应商，点击上方按钮添加</div>
-
-      <div
-        v-for="p in providerList"
-        :key="p.id"
-        class="provider-card"
-        :class="{ expanded: expandedProviderId === p.id }"
-      >
-        <div class="provider-header" @click="loadModels(p.id)">
-          <div class="provider-info">
-            <div class="provider-name-row">
-              <span class="provider-name">{{ p.name }}</span>
-              <span :class="['status-badge', statusClass(p.status)]">{{ statusLabel(p.status) }}</span>
-              <span class="parse-mode-badge">{{ parseModeLabel(p.parseMode) }}</span>
-            </div>
-            <div class="provider-meta">
-              <span class="meta-item">
-                <Icon name="lucide:hash" />
-                {{ p.slug }}
-              </span>
-              <span v-if="p.baseUrl" class="meta-item">
-                <Icon name="lucide:link" />
-                {{ p.baseUrl }}
-              </span>
-              <span class="meta-item">
-                <Icon name="lucide:key" />
-                {{ p.apiKeySet ? '已配置' : '未配置' }}
-              </span>
-            </div>
-          </div>
-          <div class="provider-actions" @click.stop>
-            <button class="action-btn" @click="toggleProviderStatus(p)">
-              {{ p.status === 'active' ? '禁用' : '启用' }}
-            </button>
-            <button class="action-btn" @click="openEditProvider(p)">编辑</button>
-            <button class="action-btn action-btn-danger" @click="confirmDelete('provider', p.id, p.name)">删除</button>
-            <button class="expand-btn" :class="{ rotated: expandedProviderId === p.id }" @click="loadModels(p.id)">
-              <Icon name="lucide:chevron-down" />
-            </button>
-          </div>
-        </div>
-
-        <Transition name="expand">
-          <div v-if="expandedProviderId === p.id" class="models-section">
-            <div class="models-header">
-              <span class="models-title">模型列表</span>
-              <button class="btn-sm-primary" @click="openCreateModel(p.id)">
-                <Icon name="lucide:plus" />
-                添加模型
-              </button>
-            </div>
-
-            <div v-if="modelsLoading" class="empty-state">加载中...</div>
-            <div v-else-if="currentModels.length === 0" class="empty-state-sm">暂无模型</div>
-
-            <div v-else class="models-grid">
-              <div v-for="m in currentModels" :key="m.id" class="model-card">
-                <div class="model-header">
-                  <span class="model-name">{{ m.name }}</span>
-                  <span :class="['model-type-badge', modelTypeClass(m.type)]">{{ modelTypeLabel(m.type) }}</span>
-                </div>
-                <div class="model-meta">
-                  <span class="meta-item">
-                    <Icon name="lucide:cpu" />
-                    {{ m.modelId }}
-                  </span>
-                  <span v-if="m.maxTokens" class="meta-item">
-                    <Icon name="lucide:arrow-up-right" />
-                    {{ m.maxTokens.toLocaleString() }} tokens
-                  </span>
-                </div>
-                <div class="model-actions">
-                  <button
-                    class="action-btn-sm"
-                    :class="m.enabled ? 'action-btn-disable' : 'action-btn-enable'"
-                    @click="toggleModelEnabled(m)"
-                  >
-                    {{ m.enabled ? '禁用' : '启用' }}
-                  </button>
-                  <button class="action-btn-sm" @click="openEditModel(m)">编辑</button>
-                  <button class="action-btn-sm action-btn-danger" @click="confirmDelete('model', m.id, m.name)">删除</button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </Transition>
-      </div>
-    </div>
-
-    <div v-if="totalPages > 1" class="pagination">
-      <div class="page-info">共 {{ totalProviders }} 条，第 {{ currentPage }}/{{ totalPages }} 页</div>
-      <div class="page-buttons">
-        <button class="page-btn" :disabled="currentPage === 1" @click="goToPage(currentPage - 1)">上一页</button>
-        <button class="page-btn" :disabled="currentPage === totalPages" @click="goToPage(currentPage + 1)">下一页</button>
-      </div>
-    </div>
-
-    <Teleport to="body">
-      <Transition name="slide-right">
-        <div v-if="showProviderDrawer" class="drawer-overlay" @click.self="closeProviderDrawer">
-          <div class="drawer-panel">
-            <div class="drawer-header">
-              <h3 class="drawer-title">{{ editingProvider ? '编辑供应商' : '新增供应商' }}</h3>
-              <button class="drawer-close" @click="closeProviderDrawer">
-                <Icon name="lucide:x" />
-              </button>
-            </div>
-            <form class="drawer-body" @submit.prevent="handleProviderSave">
-              <div v-if="providerError" class="form-error">{{ providerError }}</div>
-
-              <div class="form-group">
-                <label class="form-label">供应商名称 <span class="required">*</span></label>
-                <input v-model="providerForm.name" type="text" class="form-input" placeholder="如：OpenAI" />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">标识 (slug) <span class="required">*</span></label>
-                <input v-model="providerForm.slug" type="text" class="form-input" placeholder="如：openai，仅英文小写" />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">Base URL</label>
-                <input v-model="providerForm.baseUrl" type="text" class="form-input" placeholder="如：https://api.openai.com/v1" />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">解析方式</label>
-                <select v-model="providerForm.parseMode" class="form-select">
-                  <option value="openai">OpenAI</option>
-                  <option value="anthropic">Anthropic</option>
-                </select>
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">API Key {{ editingProvider ? '（留空则不修改）' : '' }}</label>
-                <input v-model="providerForm.apiKey" type="password" class="form-input" placeholder="sk-..." />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">状态</label>
-                <select v-model="providerForm.status" class="form-select">
-                  <option value="active">启用</option>
-                  <option value="disabled">禁用</option>
-                </select>
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">描述</label>
-                <textarea v-model="providerForm.description" class="form-textarea" rows="3" placeholder="供应商描述（选填）"></textarea>
-              </div>
-
-              <div class="drawer-footer">
-                <button type="button" class="btn-secondary" @click="closeProviderDrawer">取消</button>
-                <button type="submit" class="btn-primary" :disabled="providerLoading">
-                  {{ providerLoading ? '保存中...' : '保存' }}
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </Transition>
-    </Teleport>
-
-    <Teleport to="body">
-      <Transition name="slide-right">
-        <div v-if="showModelDrawer" class="drawer-overlay" @click.self="closeModelDrawer">
-          <div class="drawer-panel">
-            <div class="drawer-header">
-              <h3 class="drawer-title">{{ editingModel ? '编辑模型' : '新增模型' }}</h3>
-              <button class="drawer-close" @click="closeModelDrawer">
-                <Icon name="lucide:x" />
-              </button>
-            </div>
-            <form class="drawer-body" @submit.prevent="handleModelSave">
-              <div v-if="modelError" class="form-error">{{ modelError }}</div>
-
-              <div class="form-group">
-                <label class="form-label">模型名称 <span class="required">*</span></label>
-                <input v-model="modelForm.name" type="text" class="form-input" placeholder="如：GPT-4o" />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">模型 ID <span class="required">*</span></label>
-                <div v-if="editingModel" class="form-input-static">{{ modelForm.modelId }}</div>
-                <template v-else>
-                  <div v-if="availableModelsLoading" class="form-hint">正在获取可用模型列表...</div>
-                  <div v-else-if="modelIdInputMode === 'select' && availableModels.length > 0" class="model-id-combo">
-                    <select v-model="modelForm.modelId" class="form-select">
-                      <option value="" disabled>请选择模型</option>
-                      <option v-for="m in availableModels" :key="m.id" :value="m.id">{{ m.name }}</option>
-                    </select>
-                    <button type="button" class="toggle-input-btn" @click="modelIdInputMode = 'input'">手动输入</button>
-                  </div>
-                  <div v-else class="model-id-combo">
-                    <input v-model="modelForm.modelId" type="text" class="form-input" placeholder="如：gpt-4o" />
-                    <button v-if="availableModels.length > 0" type="button" class="toggle-input-btn" @click="modelIdInputMode = 'select'">从列表选择</button>
-                  </div>
-                </template>
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">模型类型</label>
-                <select v-model="modelForm.type" class="form-select">
-                  <option value="text">文本</option>
-                  <option value="vision">视觉</option>
-                  <option value="multimodal">多模态</option>
-                </select>
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">最大 Tokens</label>
-                <input v-model.number="modelForm.maxTokens" type="number" class="form-input" placeholder="如：128000" />
-              </div>
-
-              <div class="form-group">
-                <label class="form-label">描述</label>
-                <textarea v-model="modelForm.description" class="form-textarea" rows="3" placeholder="模型描述（选填）"></textarea>
-              </div>
-
-              <div class="drawer-footer">
-                <button type="button" class="btn-secondary" @click="closeModelDrawer">取消</button>
-                <button type="submit" class="btn-primary" :disabled="modelLoading">
-                  {{ modelLoading ? '保存中...' : '保存' }}
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </Transition>
-    </Teleport>
-
-    <Teleport to="body">
-      <div v-if="showDeleteDialog" class="modal-overlay" @click.self="showDeleteDialog = false">
-        <div class="confirm-dialog">
-          <div class="confirm-header">
-            <h3 class="confirm-title">确认删除</h3>
-          </div>
-          <div class="confirm-body">
-            <p>确定删除「{{ deleteTarget?.name }}」？{{ deleteTarget?.type === 'provider' ? '该供应商下的所有模型也将被删除。' : '' }}此操作不可撤销。</p>
-          </div>
-          <div class="confirm-footer">
-            <button class="btn-secondary" @click="showDeleteDialog = false">取消</button>
-            <button class="btn-error" :disabled="deleteLoading" @click="handleDelete">
-              {{ deleteLoading ? '删除中...' : '确认删除' }}
-            </button>
-          </div>
-        </div>
-      </div>
-    </Teleport>
-  </div>
-</template>
-
-<style scoped>
-.llm-config-page {
-  padding: 40px;
-}
-
-.page-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-bottom: 32px;
-}
-
-.header-left {
-  flex: 1;
-}
-
-.page-title {
-  font-family: var(--font-display);
-  font-size: 32px;
-  font-weight: 400;
-  color: var(--color-ink);
-  letter-spacing: -0.3px;
-  margin: 0 0 20px 0;
-}
-
-.stats-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 16px;
-  max-width: 600px;
-}
-
-.stat-card {
-  background: var(--color-surface-card);
-  border-radius: 12px;
-  padding: 16px 20px;
-}
-
-.stat-value {
-  font-family: var(--font-display);
-  font-size: 28px;
-  font-weight: 400;
-  color: var(--color-ink);
-  line-height: 1;
-  margin-bottom: 4px;
-}
-
-.stat-label {
-  font-size: 13px;
-  color: var(--color-muted);
-  font-weight: 500;
-}
-
-.filter-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 20px;
-}
-
-.filter-left {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.search-box {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.search-icon {
-  position: absolute;
-  left: 12px;
-  width: 16px;
-  height: 16px;
-  color: var(--color-muted);
-  pointer-events: none;
-}
-
-.search-input {
-  padding: 8px 12px 8px 36px;
-  background: var(--color-surface-card);
-  border: 1px solid var(--color-hairline);
-  border-radius: 8px;
-  font-size: 13px;
-  color: var(--color-ink);
-  width: 240px;
-  transition: all 0.15s ease;
-}
-
-.search-input::placeholder {
-  color: var(--color-muted);
-}
-
-.search-input:focus {
-  outline: none;
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15);
-}
-
-.btn-primary {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 10px 16px;
-  background: var(--color-primary);
-  color: var(--color-on-primary);
-  border: none;
-  border-radius: 8px;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-
-.btn-primary:hover {
-  background: var(--color-primary-active);
-}
-
-.btn-primary:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.btn-primary svg {
-  width: 14px;
-  height: 14px;
-}
-
-.provider-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.empty-state {
-  text-align: center;
-  padding: 48px 20px;
-  color: var(--color-muted);
-  font-size: 14px;
-}
-
-.empty-state-sm {
-  text-align: center;
-  padding: 24px 20px;
-  color: var(--color-muted);
-  font-size: 13px;
-}
-
-.provider-card {
-  background: var(--color-surface-card);
-  border-radius: 12px;
-  overflow: hidden;
-  transition: box-shadow 0.15s ease;
-}
-
-.provider-card:hover {
-  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08);
-}
-
-.provider-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 20px;
-  cursor: pointer;
-}
-
-.provider-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.provider-name-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 6px;
-}
-
-.provider-name {
-  font-size: 16px;
-  font-weight: 500;
-  color: var(--color-ink);
-}
-
-.status-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 9999px;
-  font-size: 11px;
-  font-weight: 500;
-}
-
-.status-active {
-  background: rgba(93, 184, 166, 0.15);
-  color: var(--color-accent-teal);
-}
-
-.status-disabled {
-  background: var(--color-hairline);
-  color: var(--color-muted);
-}
-
-.parse-mode-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 9999px;
-  font-size: 11px;
-  font-weight: 500;
-  background: rgba(204, 120, 92, 0.15);
-  color: var(--color-primary);
-}
-
-.provider-meta {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  flex-wrap: wrap;
-}
-
-.meta-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--color-muted);
-}
-
-.meta-item :deep(svg) {
-  width: 13px;
-  height: 13px;
-}
-
-.provider-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-}
-
-.action-btn {
-  padding: 6px 12px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--color-muted);
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.action-btn:hover {
-  background: var(--color-hairline);
-  color: var(--color-ink);
-}
-
-.action-btn-danger:hover {
-  background: rgba(198, 69, 69, 0.1);
-  color: var(--color-error);
-}
-
-.expand-btn {
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  color: var(--color-muted);
-  transition: all 0.2s ease;
-}
-
-.expand-btn :deep(svg) {
-  width: 16px;
-  height: 16px;
-  transition: transform 0.2s ease;
-}
-
-.expand-btn.rotated :deep(svg) {
-  transform: rotate(180deg);
-}
-
-.expand-btn:hover {
-  background: var(--color-hairline);
-}
-
-.models-section {
-  padding: 0 20px 16px;
-  border-top: 1px solid var(--color-hairline);
-}
-
-.models-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 0;
-}
-
-.models-title {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--color-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
-.btn-sm-primary {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 12px;
-  background: var(--color-primary);
-  color: var(--color-on-primary);
-  border: none;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-
-.btn-sm-primary:hover {
-  background: var(--color-primary-active);
-}
-
-.btn-sm-primary :deep(svg) {
-  width: 13px;
-  height: 13px;
-}
-
-.models-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 12px;
-}
-
-.model-card {
-  background: var(--color-canvas);
-  border: 1px solid var(--color-hairline);
-  border-radius: 8px;
-  padding: 14px 16px;
-}
-
-.model-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.model-name {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-ink);
-}
-
-.model-type-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 9999px;
-  font-size: 11px;
-  font-weight: 500;
-}
-
-.type-text {
-  background: rgba(93, 184, 166, 0.15);
-  color: var(--color-accent-teal);
-}
-
-.type-vision {
-  background: rgba(232, 165, 90, 0.15);
-  color: var(--color-accent-amber);
-}
-
-.type-multimodal {
-  background: rgba(204, 120, 92, 0.15);
-  color: var(--color-primary);
-}
-
-.model-meta {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 10px;
-}
-
-.model-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.action-btn-sm {
-  padding: 4px 10px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--color-muted);
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.action-btn-sm:hover {
-  background: var(--color-hairline);
-  color: var(--color-ink);
-}
-
-.action-btn-sm.action-btn-danger:hover {
-  background: rgba(198, 69, 69, 0.1);
-  color: var(--color-error);
-}
-
-.action-btn-enable {
-  color: var(--color-accent-teal);
-}
-
-.action-btn-enable:hover {
-  background: rgba(93, 184, 166, 0.1);
-}
-
-.action-btn-disable {
-  color: var(--color-muted);
-}
-
-.pagination {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 20px 0;
-  margin-top: 12px;
-}
-
-.page-info {
-  font-size: 13px;
-  color: var(--color-muted);
-}
-
-.page-buttons {
-  display: flex;
-  gap: 8px;
-}
-
-.page-btn {
-  padding: 8px 14px;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--color-ink);
-  background: var(--color-surface-soft);
-  border: 1px solid var(--color-hairline);
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.page-btn:hover:not(:disabled) {
-  background: var(--color-hairline);
-}
-
-.page-btn:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-
-.drawer-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.4);
-  z-index: 200;
-}
-
-.drawer-panel {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 480px;
-  max-width: 100%;
-  background: var(--color-canvas);
-  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
-}
-
-.drawer-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 20px 24px;
-  border-bottom: 1px solid var(--color-hairline);
-}
-
-.drawer-title {
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--color-ink);
-  margin: 0;
-}
-
-.drawer-close {
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  color: var(--color-muted);
-  transition: all 0.15s ease;
-}
-
-.drawer-close:hover {
-  background: var(--color-surface-soft);
-  color: var(--color-ink);
-}
-
-.drawer-close :deep(svg) {
-  width: 18px;
-  height: 18px;
-}
-
-.drawer-body {
-  flex: 1;
-  padding: 24px;
-  overflow-y: auto;
-}
-
-.drawer-footer {
-  display: flex;
-  gap: 12px;
-  justify-content: flex-end;
-  padding-top: 16px;
-  border-top: 1px solid var(--color-hairline);
-  margin-top: auto;
-}
-
-.form-error {
-  padding: 10px 14px;
-  background: rgba(198, 69, 69, 0.1);
-  border: 1px solid rgba(198, 69, 69, 0.2);
-  border-radius: 6px;
-  color: var(--color-error);
-  font-size: 13px;
-  margin-bottom: 16px;
-}
-
-.form-group {
-  margin-bottom: 16px;
-}
-
-.form-label {
-  display: block;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--color-body-strong);
-  margin-bottom: 6px;
-}
-
-.required {
-  color: var(--color-error);
-}
-
-.form-input,
-.form-select,
-.form-textarea {
-  width: 100%;
-  padding: 10px 14px;
-  background: var(--color-canvas);
-  border: 1px solid var(--color-hairline);
-  border-radius: 8px;
-  font-size: 14px;
-  color: var(--color-ink);
-  transition: all 0.15s ease;
-  box-sizing: border-box;
-}
-
-.form-textarea {
-  resize: vertical;
-  font-family: inherit;
-}
-
-.form-input:focus,
-.form-select:focus,
-.form-textarea:focus {
-  outline: none;
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15);
-}
-
-.form-input::placeholder,
-.form-textarea::placeholder {
-  color: var(--color-muted);
-}
-
-.form-input-static {
-  padding: 10px 14px;
-  background: var(--color-surface-soft);
-  border: 1px solid var(--color-hairline);
-  border-radius: 8px;
-  font-size: 14px;
-  color: var(--color-muted);
-}
-
-.form-hint {
-  font-size: 13px;
-  color: var(--color-muted);
-  padding: 8px 0;
-}
-
-.model-id-combo {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-
-.model-id-combo .form-select,
-.model-id-combo .form-input {
-  flex: 1;
-  min-width: 0;
-}
-
-.toggle-input-btn {
-  flex-shrink: 0;
-  padding: 8px 12px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--color-primary);
-  background: rgba(204, 120, 92, 0.1);
-  border: 1px solid rgba(204, 120, 92, 0.2);
-  border-radius: 6px;
-  cursor: pointer;
-  white-space: nowrap;
-  transition: all 0.15s ease;
-}
-
-.toggle-input-btn:hover {
-  background: rgba(204, 120, 92, 0.2);
-}
-
-.btn-secondary {
-  padding: 10px 18px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-body-strong);
-  background: var(--color-surface-soft);
-  border: 1px solid var(--color-hairline);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.btn-secondary:hover {
-  background: var(--color-hairline);
-}
-
-.btn-error {
-  padding: 10px 18px;
-  font-size: 14px;
-  font-weight: 500;
-  color: white;
-  background: var(--color-error);
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.btn-error:hover {
-  background: #b33d3d;
-}
-
-.btn-error:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 300;
-}
-
-.confirm-dialog {
-  background: var(--color-canvas);
-  border-radius: 12px;
-  width: 100%;
-  max-width: 400px;
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
-}
-
-.confirm-header {
-  padding: 20px 24px;
-  border-bottom: 1px solid var(--color-hairline);
-}
-
-.confirm-title {
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--color-ink);
-  margin: 0;
-}
-
-.confirm-body {
-  padding: 24px;
-}
-
-.confirm-body p {
-  margin: 0;
-  font-size: 14px;
-  color: var(--color-body-strong);
-  line-height: 1.5;
-}
-
-.confirm-footer {
-  display: flex;
-  gap: 12px;
-  justify-content: flex-end;
-  padding: 16px 24px;
-  border-top: 1px solid var(--color-hairline);
-}
-
-.expand-enter-active,
-.expand-leave-active {
-  transition: all 0.2s ease;
-  overflow: hidden;
-}
-
-.expand-enter-from,
-.expand-leave-to {
-  opacity: 0;
-  max-height: 0;
-}
-
-.slide-right-enter-active,
-.slide-right-leave-active {
-  transition: all 0.3s ease;
-}
-
-.slide-right-enter-from,
-.slide-right-leave-to {
-  opacity: 0;
-}
-
-@media (max-width: 768px) {
-  .llm-config-page {
-    padding: 24px;
-  }
-
-  .filter-bar {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .search-input {
-    width: 100%;
-  }
-
-  .drawer-panel {
-    width: 100%;
-  }
-
-  .models-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .provider-header {
-    flex-direction: column;
-    gap: 12px;
-    align-items: flex-start;
-  }
-
-  .provider-actions {
-    width: 100%;
-    justify-content: flex-end;
-  }
-}
-</style>
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
new file mode 100644
index 0000000..cfc84a2
--- /dev/null
+++ b/app/pages/settings.vue
@@ -0,0 +1,241 @@
+<script setup lang="ts">
+import type { NavItem } from '~/components/admin/AdminSidebarNav.vue'
+
+definePageMeta({
+  layout: false
+})
+const { user, clear } = useAuthSession()
+
+const settingsNav: NavItem[] = [
+  {
+    label: '模型配置',
+    to: '/settings/llm-config',
+    icon: 'lucide:brain-circuit',
+  },
+]
+
+const logout = async () => {
+  await clear()
+  navigateTo("/")
+}
+</script>
+
+<template>
+  <div class="settings-layout">
+    <div class="settings-container">
+      <aside class="settings-sidebar">
+        <div class="sidebar-header">
+          <NuxtLink to="/settings/llm-config" class="brand-link">
+            <span class="brand-icon">
+              <Icon name="lucide:settings-2" />
+            </span>
+            <span class="brand-name">个人设置</span>
+          </NuxtLink>
+        </div>
+
+        <AdminSidebarNav :nav="settingsNav" />
+
+        <div class="sidebar-footer">
+          <NuxtLink to="/" class="home-link">
+            <Icon name="lucide:home" />
+            返回首页
+          </NuxtLink>
+          <NuxtLink is="div" class="user-section" v-if="user">
+            <div class="user-avatar">
+              {{ user.username?.charAt(0).toUpperCase() }}
+            </div>
+            <div class="user-info">
+              <span class="user-name">{{ user.nickname || user.username }}</span>
+              <span class="user-role">{{ user.role === "user" ? "普通用户" : "管理员" }}</span>
+            </div>
+            <button class="logout-btn" @click.stop.prevent="logout" title="退出登录">
+              <Icon name="lucide:log-out" />
+            </button>
+          </NuxtLink>
+        </div>
+      </aside>
+
+      <main class="settings-main">
+        <NuxtPage />
+      </main>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.settings-layout {
+  min-height: 100vh;
+  background: var(--color-canvas);
+}
+
+.settings-container {
+  display: flex;
+}
+
+.settings-sidebar {
+  width: 260px;
+  flex-shrink: 0;
+  background: var(--color-surface-dark);
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: 100vh;
+}
+
+.sidebar-header {
+  padding: 20px 16px 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.brand-link {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none;
+}
+
+.brand-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  background: var(--color-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.brand-icon :deep(svg) {
+  width: 18px;
+  height: 18px;
+  color: var(--color-on-primary);
+}
+
+.brand-name {
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--color-on-dark);
+  letter-spacing: -0.01em;
+}
+
+.sidebar-footer {
+  padding: 16px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.home-link {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  text-decoration: none;
+  color: var(--color-on-dark-soft);
+  font-size: 13px;
+  font-weight: 500;
+  transition: all 0.15s ease;
+}
+
+.home-link:hover {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--color-on-dark);
+}
+
+.home-link :deep(svg) {
+  width: 16px;
+  height: 16px;
+}
+
+.user-section {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.03);
+  cursor: pointer;
+}
+
+.user-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  background: var(--color-primary);
+  color: var(--color-on-primary);
+  font-size: 14px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.user-info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.user-name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-on-dark);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.user-role {
+  font-size: 11px;
+  color: var(--color-on-dark-soft);
+}
+
+.logout-btn {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  color: var(--color-on-dark-soft);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+}
+
+.logout-btn:hover {
+  background: rgba(198, 69, 69, 0.2);
+  color: #c64545;
+}
+
+.logout-btn :deep(svg) {
+  width: 16px;
+  height: 16px;
+}
+
+.settings-main {
+  flex: 1;
+  margin-left: 260px;
+  min-height: 100vh;
+  background: var(--color-canvas);
+}
+
+@media (max-width: 768px) {
+  .settings-sidebar {
+    display: none;
+  }
+
+  .settings-main {
+    margin-left: 0;
+  }
+}
+</style>
diff --git a/app/pages/settings/llm-config/index.vue b/app/pages/settings/llm-config/index.vue
new file mode 100644
index 0000000..ce48700
--- /dev/null
+++ b/app/pages/settings/llm-config/index.vue
@@ -0,0 +1,1446 @@
+<script setup lang="ts">
+interface LlmProvider {
+  id: number
+  name: string
+  slug: string
+  baseUrl: string | null
+  parseMode: string
+  apiKeySet: boolean
+  status: string
+  description: string | null
+  createdAt: string
+  updatedAt: string
+}
+
+interface LlmModel {
+  id: number
+  providerId: number
+  name: string
+  modelId: string
+  type: string
+  enabled: number
+  description: string | null
+  maxTokens: number | null
+  createdAt: string
+  updatedAt: string
+}
+
+const searchQuery = ref('')
+const currentPage = ref(1)
+const pageSize = ref(20)
+
+const { data, refresh, pending } = await useHttpFetch('/api/llm/providers', {
+  query: computed(() => ({
+    page: currentPage.value,
+    pageSize: pageSize.value,
+    search: searchQuery.value || undefined,
+  })),
+  watch: [currentPage, pageSize, searchQuery],
+})
+
+const providerList = computed<LlmProvider[]>(() => (data.value as any)?.list ?? [])
+const totalProviders = computed(() => (data.value as any)?.total ?? 0)
+const totalPages = computed(() => (data.value as any)?.totalPages ?? 1)
+
+const showProviderDrawer = ref(false)
+const editingProvider = ref<LlmProvider | null>(null)
+const providerForm = ref({
+  name: '',
+  slug: '',
+  baseUrl: '',
+  parseMode: 'openai' as string,
+  apiKey: '',
+  status: 'active' as string,
+  description: '',
+})
+const providerLoading = ref(false)
+const providerError = ref('')
+
+const showModelDrawer = ref(false)
+const editingModel = ref<LlmModel | null>(null)
+const currentProviderId = ref<number | null>(null)
+const modelForm = ref({
+  name: '',
+  modelId: '',
+  type: 'text' as string,
+  enabled: 1,
+  description: '',
+  maxTokens: null as number | null,
+})
+const modelLoading = ref(false)
+const modelError = ref('')
+const availableModels = ref<{ id: string; name: string }[]>([])
+const availableModelsLoading = ref(false)
+const modelIdInputMode = ref<'select' | 'input'>('select')
+
+watch(() => modelForm.value.modelId, (newVal) => {
+  if (!editingModel.value && modelIdInputMode.value === 'select' && newVal) {
+    const selected = availableModels.value.find(m => m.id === newVal)
+    if (selected && !modelForm.value.name) {
+      modelForm.value.name = selected.name
+    }
+  }
+})
+
+const showDeleteDialog = ref(false)
+const deleteTarget = ref<{ type: 'provider' | 'model'; id: number; name: string } | null>(null)
+const deleteLoading = ref(false)
+
+const expandedProviderId = ref<number | null>(null)
+const providerModels = ref<Map<number, LlmModel[]>>(new Map())
+const modelsLoading = ref(false)
+
+function showToast(message: string, type: 'success' | 'error' = 'success') {
+  if (import.meta.client) {
+    const event = new CustomEvent('toast', { detail: { message, type } })
+    window.dispatchEvent(event)
+  }
+}
+
+function openCreateProvider() {
+  editingProvider.value = null
+  providerForm.value = { name: '', slug: '', baseUrl: '', parseMode: 'openai', apiKey: '', status: 'active', description: '' }
+  providerError.value = ''
+  showProviderDrawer.value = true
+}
+
+function openEditProvider(p: LlmProvider) {
+  editingProvider.value = p
+  providerForm.value = {
+    name: p.name,
+    slug: p.slug,
+    baseUrl: p.baseUrl || '',
+    parseMode: p.parseMode,
+    apiKey: '',
+    status: p.status,
+    description: p.description || '',
+  }
+  providerError.value = ''
+  showProviderDrawer.value = true
+}
+
+function closeProviderDrawer() {
+  showProviderDrawer.value = false
+  editingProvider.value = null
+}
+
+async function handleProviderSave() {
+  providerError.value = ''
+  if (!providerForm.value.name || !providerForm.value.slug) {
+    providerError.value = '供应商名称和标识不能为空'
+    return
+  }
+  providerLoading.value = true
+  try {
+    if (editingProvider.value) {
+      await $fetch(`/api/llm/providers/${editingProvider.value.id}` as string, {
+        method: 'PUT' as const,
+        body: {
+          ...providerForm.value,
+          apiKey: providerForm.value.apiKey || '__unchanged__',
+        },
+      })
+      showToast('供应商更新成功')
+    } else {
+      await $fetch('/api/llm/providers', {
+        method: 'POST',
+        body: providerForm.value,
+      })
+      showToast('供应商创建成功')
+    }
+    closeProviderDrawer()
+    await refresh()
+  } catch (err: any) {
+    providerError.value = err?.data?.statusMessage || '操作失败'
+  } finally {
+    providerLoading.value = false
+  }
+}
+
+async function toggleProviderStatus(p: LlmProvider) {
+  const newStatus = p.status === 'active' ? 'disabled' : 'active'
+  try {
+    await $fetch(`/api/llm/providers/${p.id}` as string, {
+      method: 'PUT' as const,
+      body: { status: newStatus },
+    })
+    showToast(`供应商已${newStatus === 'active' ? '启用' : '禁用'}`)
+    await refresh()
+  } catch (err: any) {
+    showToast(err?.data?.statusMessage || '操作失败', 'error')
+  }
+}
+
+async function loadModels(providerId: number) {
+  if (expandedProviderId.value === providerId) {
+    expandedProviderId.value = null
+    return
+  }
+  expandedProviderId.value = providerId
+  modelsLoading.value = true
+  try {
+    const res = await $fetch(`/api/llm/models/${providerId}`)
+    providerModels.value.set(providerId, (res as any)?.data ?? [])
+  } catch {
+    providerModels.value.set(providerId, [])
+  } finally {
+    modelsLoading.value = false
+  }
+}
+
+async function fetchAvailableModels(providerId: number) {
+  availableModelsLoading.value = true
+  availableModels.value = []
+  try {
+    const res = await $fetch(`/api/llm/providers/${providerId}/models`)
+    const models = (res as any)?.data ?? []
+    if (models.length > 0) {
+      availableModels.value = models
+      modelIdInputMode.value = 'select'
+    } else {
+      modelIdInputMode.value = 'input'
+    }
+  } catch {
+    modelIdInputMode.value = 'input'
+  } finally {
+    availableModelsLoading.value = false
+  }
+}
+
+function openCreateModel(providerId: number) {
+  currentProviderId.value = providerId
+  editingModel.value = null
+  modelForm.value = { name: '', modelId: '', type: 'text', enabled: 1, description: '', maxTokens: null }
+  modelError.value = ''
+  showModelDrawer.value = true
+  fetchAvailableModels(providerId)
+}
+
+function openEditModel(m: LlmModel) {
+  currentProviderId.value = m.providerId
+  editingModel.value = m
+  modelForm.value = {
+    name: m.name,
+    modelId: m.modelId,
+    type: m.type,
+    enabled: m.enabled,
+    description: m.description || '',
+    maxTokens: m.maxTokens,
+  }
+  modelError.value = ''
+  showModelDrawer.value = true
+}
+
+function closeModelDrawer() {
+  showModelDrawer.value = false
+  editingModel.value = null
+  currentProviderId.value = null
+}
+
+async function handleModelSave() {
+  modelError.value = ''
+  if (!modelForm.value.name || !modelForm.value.modelId) {
+    modelError.value = '模型名称和模型ID不能为空'
+    return
+  }
+  modelLoading.value = true
+  try {
+    if (editingModel.value) {
+      await $fetch(`/api/llm/models/detail/${editingModel.value.id}` as string, {
+        method: 'PUT' as const,
+        body: modelForm.value,
+      })
+      showToast('模型更新成功')
+    } else {
+      await $fetch(`/api/llm/models/${currentProviderId.value}` as string, {
+        method: 'POST' as const,
+        body: modelForm.value,
+      })
+      showToast('模型创建成功')
+    }
+    closeModelDrawer()
+    if (expandedProviderId.value) {
+      await loadModels(expandedProviderId.value)
+    }
+  } catch (err: any) {
+    modelError.value = err?.data?.statusMessage || '操作失败'
+  } finally {
+    modelLoading.value = false
+  }
+}
+
+async function toggleModelEnabled(m: LlmModel) {
+  const newEnabled = m.enabled ? 0 : 1
+  try {
+    await $fetch(`/api/llm/models/detail/${m.id}` as string, {
+      method: 'PUT' as const,
+      body: { enabled: newEnabled },
+    })
+    showToast(`模型已${newEnabled ? '启用' : '禁用'}`)
+    if (expandedProviderId.value) {
+      await loadModels(expandedProviderId.value)
+    }
+  } catch (err: any) {
+    showToast(err?.data?.statusMessage || '操作失败', 'error')
+  }
+}
+
+function confirmDelete(type: 'provider' | 'model', id: number, name: string) {
+  deleteTarget.value = { type, id, name }
+  showDeleteDialog.value = true
+}
+
+async function handleDelete() {
+  if (!deleteTarget.value) return
+  deleteLoading.value = true
+  try {
+    if (deleteTarget.value.type === 'provider') {
+      await $fetch(`/api/llm/providers/${deleteTarget.value.id}` as string, { method: 'DELETE' as const })
+      if (expandedProviderId.value === deleteTarget.value.id) {
+        expandedProviderId.value = null
+      }
+      await refresh()
+    } else {
+      await $fetch(`/api/llm/models/detail/${deleteTarget.value.id}` as string, { method: 'DELETE' as const })
+      if (expandedProviderId.value) {
+        await loadModels(expandedProviderId.value)
+      }
+    }
+    showToast('删除成功')
+    showDeleteDialog.value = false
+  } catch (err: any) {
+    showToast(err?.data?.statusMessage || '删除失败', 'error')
+  } finally {
+    deleteLoading.value = false
+  }
+}
+
+function goToPage(page: number) {
+  if (page < 1 || page > totalPages.value) return
+  currentPage.value = page
+}
+
+function formatDate(date: string) {
+  if (!date) return '-'
+  return new Intl.DateTimeFormat('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }).format(new Date(date))
+}
+
+function parseModeLabel(mode: string) {
+  const map: Record<string, string> = { openai: 'OpenAI', anthropic: 'Anthropic' }
+  return map[mode] ?? mode
+}
+
+function modelTypeLabel(type: string) {
+  const map: Record<string, string> = { text: '文本', vision: '视觉', multimodal: '多模态' }
+  return map[type] ?? type
+}
+
+function modelTypeClass(type: string) {
+  const map: Record<string, string> = { text: 'type-text', vision: 'type-vision', multimodal: 'type-multimodal' }
+  return map[type] ?? 'type-text'
+}
+
+function statusClass(status: string) {
+  return status === 'active' ? 'status-active' : 'status-disabled'
+}
+
+function statusLabel(status: string) {
+  return status === 'active' ? '启用' : '禁用'
+}
+
+const currentModels = computed(() => {
+  if (!expandedProviderId.value) return []
+  return providerModels.value.get(expandedProviderId.value) ?? []
+})
+</script>
+
+<template>
+  <div class="llm-config-page">
+    <header class="page-header">
+      <div class="header-left">
+        <h1 class="page-title">大模型配置</h1>
+        <div class="stats-grid">
+          <div class="stat-card">
+            <div class="stat-value">{{ totalProviders }}</div>
+            <div class="stat-label">供应商总数</div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <div class="filter-bar">
+      <div class="filter-left">
+        <div class="search-box">
+          <svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+            <circle cx="11" cy="11" r="8" />
+            <path d="M21 21l-4.35-4.35" stroke-linecap="round" />
+          </svg>
+          <input
+            v-model="searchQuery"
+            type="text"
+            placeholder="搜索供应商名称"
+            class="search-input"
+            @keyup.enter="currentPage = 1"
+          />
+        </div>
+      </div>
+      <button class="btn-primary" @click="openCreateProvider">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <line x1="12" y1="5" x2="12" y2="19" stroke-linecap="round" />
+          <line x1="5" y1="12" x2="19" y2="12" stroke-linecap="round" />
+        </svg>
+        新增供应商
+      </button>
+    </div>
+
+    <div class="provider-list">
+      <div v-if="pending" class="empty-state">加载中...</div>
+      <div v-else-if="providerList.length === 0" class="empty-state">暂无供应商，点击上方按钮添加</div>
+
+      <div
+        v-for="p in providerList"
+        :key="p.id"
+        class="provider-card"
+        :class="{ expanded: expandedProviderId === p.id }"
+      >
+        <div class="provider-header" @click="loadModels(p.id)">
+          <div class="provider-info">
+            <div class="provider-name-row">
+              <span class="provider-name">{{ p.name }}</span>
+              <span :class="['status-badge', statusClass(p.status)]">{{ statusLabel(p.status) }}</span>
+              <span class="parse-mode-badge">{{ parseModeLabel(p.parseMode) }}</span>
+            </div>
+            <div class="provider-meta">
+              <span class="meta-item">
+                <Icon name="lucide:hash" />
+                {{ p.slug }}
+              </span>
+              <span v-if="p.baseUrl" class="meta-item">
+                <Icon name="lucide:link" />
+                {{ p.baseUrl }}
+              </span>
+              <span class="meta-item">
+                <Icon name="lucide:key" />
+                {{ p.apiKeySet ? '已配置' : '未配置' }}
+              </span>
+            </div>
+          </div>
+          <div class="provider-actions" @click.stop>
+            <button class="action-btn" @click="toggleProviderStatus(p)">
+              {{ p.status === 'active' ? '禁用' : '启用' }}
+            </button>
+            <button class="action-btn" @click="openEditProvider(p)">编辑</button>
+            <button class="action-btn action-btn-danger" @click="confirmDelete('provider', p.id, p.name)">删除</button>
+            <button class="expand-btn" :class="{ rotated: expandedProviderId === p.id }" @click="loadModels(p.id)">
+              <Icon name="lucide:chevron-down" />
+            </button>
+          </div>
+        </div>
+
+        <Transition name="expand">
+          <div v-if="expandedProviderId === p.id" class="models-section">
+            <div class="models-header">
+              <span class="models-title">模型列表</span>
+              <button class="btn-sm-primary" @click="openCreateModel(p.id)">
+                <Icon name="lucide:plus" />
+                添加模型
+              </button>
+            </div>
+
+            <div v-if="modelsLoading" class="empty-state">加载中...</div>
+            <div v-else-if="currentModels.length === 0" class="empty-state-sm">暂无模型</div>
+
+            <div v-else class="models-grid">
+              <div v-for="m in currentModels" :key="m.id" class="model-card">
+                <div class="model-header">
+                  <span class="model-name">{{ m.name }}</span>
+                  <span :class="['model-type-badge', modelTypeClass(m.type)]">{{ modelTypeLabel(m.type) }}</span>
+                </div>
+                <div class="model-meta">
+                  <span class="meta-item">
+                    <Icon name="lucide:cpu" />
+                    {{ m.modelId }}
+                  </span>
+                  <span v-if="m.maxTokens" class="meta-item">
+                    <Icon name="lucide:arrow-up-right" />
+                    {{ m.maxTokens.toLocaleString() }} tokens
+                  </span>
+                </div>
+                <div class="model-actions">
+                  <button
+                    class="action-btn-sm"
+                    :class="m.enabled ? 'action-btn-disable' : 'action-btn-enable'"
+                    @click="toggleModelEnabled(m)"
+                  >
+                    {{ m.enabled ? '禁用' : '启用' }}
+                  </button>
+                  <button class="action-btn-sm" @click="openEditModel(m)">编辑</button>
+                  <button class="action-btn-sm action-btn-danger" @click="confirmDelete('model', m.id, m.name)">删除</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </Transition>
+      </div>
+    </div>
+
+    <div v-if="totalPages > 1" class="pagination">
+      <div class="page-info">共 {{ totalProviders }} 条，第 {{ currentPage }}/{{ totalPages }} 页</div>
+      <div class="page-buttons">
+        <button class="page-btn" :disabled="currentPage === 1" @click="goToPage(currentPage - 1)">上一页</button>
+        <button class="page-btn" :disabled="currentPage === totalPages" @click="goToPage(currentPage + 1)">下一页</button>
+      </div>
+    </div>
+
+    <Teleport to="body">
+      <Transition name="slide-right">
+        <div v-if="showProviderDrawer" class="drawer-overlay" @click.self="closeProviderDrawer">
+          <div class="drawer-panel">
+            <div class="drawer-header">
+              <h3 class="drawer-title">{{ editingProvider ? '编辑供应商' : '新增供应商' }}</h3>
+              <button class="drawer-close" @click="closeProviderDrawer">
+                <Icon name="lucide:x" />
+              </button>
+            </div>
+            <form class="drawer-body" @submit.prevent="handleProviderSave">
+              <div v-if="providerError" class="form-error">{{ providerError }}</div>
+
+              <div class="form-group">
+                <label class="form-label">供应商名称 <span class="required">*</span></label>
+                <input v-model="providerForm.name" type="text" class="form-input" placeholder="如：OpenAI" />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">标识 (slug) <span class="required">*</span></label>
+                <input v-model="providerForm.slug" type="text" class="form-input" placeholder="如：openai，仅英文小写" />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">Base URL</label>
+                <input v-model="providerForm.baseUrl" type="text" class="form-input" placeholder="如：https://api.openai.com/v1" />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">解析方式</label>
+                <select v-model="providerForm.parseMode" class="form-select">
+                  <option value="openai">OpenAI</option>
+                  <option value="anthropic">Anthropic</option>
+                </select>
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">API Key {{ editingProvider ? '（留空则不修改）' : '' }}</label>
+                <input v-model="providerForm.apiKey" type="password" class="form-input" placeholder="sk-..." />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">状态</label>
+                <select v-model="providerForm.status" class="form-select">
+                  <option value="active">启用</option>
+                  <option value="disabled">禁用</option>
+                </select>
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">描述</label>
+                <textarea v-model="providerForm.description" class="form-textarea" rows="3" placeholder="供应商描述（选填）"></textarea>
+              </div>
+
+              <div class="drawer-footer">
+                <button type="button" class="btn-secondary" @click="closeProviderDrawer">取消</button>
+                <button type="submit" class="btn-primary" :disabled="providerLoading">
+                  {{ providerLoading ? '保存中...' : '保存' }}
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      </Transition>
+    </Teleport>
+
+    <Teleport to="body">
+      <Transition name="slide-right">
+        <div v-if="showModelDrawer" class="drawer-overlay" @click.self="closeModelDrawer">
+          <div class="drawer-panel">
+            <div class="drawer-header">
+              <h3 class="drawer-title">{{ editingModel ? '编辑模型' : '新增模型' }}</h3>
+              <button class="drawer-close" @click="closeModelDrawer">
+                <Icon name="lucide:x" />
+              </button>
+            </div>
+            <form class="drawer-body" @submit.prevent="handleModelSave">
+              <div v-if="modelError" class="form-error">{{ modelError }}</div>
+
+              <div class="form-group">
+                <label class="form-label">模型名称 <span class="required">*</span></label>
+                <input v-model="modelForm.name" type="text" class="form-input" placeholder="如：GPT-4o" />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">模型 ID <span class="required">*</span></label>
+                <div v-if="editingModel" class="form-input-static">{{ modelForm.modelId }}</div>
+                <template v-else>
+                  <div v-if="availableModelsLoading" class="form-hint">正在获取可用模型列表...</div>
+                  <div v-else-if="modelIdInputMode === 'select' && availableModels.length > 0" class="model-id-combo">
+                    <select v-model="modelForm.modelId" class="form-select">
+                      <option value="" disabled>请选择模型</option>
+                      <option v-for="m in availableModels" :key="m.id" :value="m.id">{{ m.name }}</option>
+                    </select>
+                    <button type="button" class="toggle-input-btn" @click="modelIdInputMode = 'input'">手动输入</button>
+                  </div>
+                  <div v-else class="model-id-combo">
+                    <input v-model="modelForm.modelId" type="text" class="form-input" placeholder="如：gpt-4o" />
+                    <button v-if="availableModels.length > 0" type="button" class="toggle-input-btn" @click="modelIdInputMode = 'select'">从列表选择</button>
+                  </div>
+                </template>
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">模型类型</label>
+                <select v-model="modelForm.type" class="form-select">
+                  <option value="text">文本</option>
+                  <option value="vision">视觉</option>
+                  <option value="multimodal">多模态</option>
+                </select>
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">最大 Tokens</label>
+                <input v-model.number="modelForm.maxTokens" type="number" class="form-input" placeholder="如：128000" />
+              </div>
+
+              <div class="form-group">
+                <label class="form-label">描述</label>
+                <textarea v-model="modelForm.description" class="form-textarea" rows="3" placeholder="模型描述（选填）"></textarea>
+              </div>
+
+              <div class="drawer-footer">
+                <button type="button" class="btn-secondary" @click="closeModelDrawer">取消</button>
+                <button type="submit" class="btn-primary" :disabled="modelLoading">
+                  {{ modelLoading ? '保存中...' : '保存' }}
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      </Transition>
+    </Teleport>
+
+    <Teleport to="body">
+      <div v-if="showDeleteDialog" class="modal-overlay" @click.self="showDeleteDialog = false">
+        <div class="confirm-dialog">
+          <div class="confirm-header">
+            <h3 class="confirm-title">确认删除</h3>
+          </div>
+          <div class="confirm-body">
+            <p>确定删除「{{ deleteTarget?.name }}」？{{ deleteTarget?.type === 'provider' ? '该供应商下的所有模型也将被删除。' : '' }}此操作不可撤销。</p>
+          </div>
+          <div class="confirm-footer">
+            <button class="btn-secondary" @click="showDeleteDialog = false">取消</button>
+            <button class="btn-error" :disabled="deleteLoading" @click="handleDelete">
+              {{ deleteLoading ? '删除中...' : '确认删除' }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </Teleport>
+  </div>
+</template>
+
+<style scoped>
+.llm-config-page {
+  padding: 40px;
+}
+
+.page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-bottom: 32px;
+}
+
+.header-left {
+  flex: 1;
+}
+
+.page-title {
+  font-family: var(--font-display);
+  font-size: 32px;
+  font-weight: 400;
+  color: var(--color-ink);
+  letter-spacing: -0.3px;
+  margin: 0 0 20px 0;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+  max-width: 600px;
+}
+
+.stat-card {
+  background: var(--color-surface-card);
+  border-radius: 12px;
+  padding: 16px 20px;
+}
+
+.stat-value {
+  font-family: var(--font-display);
+  font-size: 28px;
+  font-weight: 400;
+  color: var(--color-ink);
+  line-height: 1;
+  margin-bottom: 4px;
+}
+
+.stat-label {
+  font-size: 13px;
+  color: var(--color-muted);
+  font-weight: 500;
+}
+
+.filter-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.filter-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.search-box {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.search-icon {
+  position: absolute;
+  left: 12px;
+  width: 16px;
+  height: 16px;
+  color: var(--color-muted);
+  pointer-events: none;
+}
+
+.search-input {
+  padding: 8px 12px 8px 36px;
+  background: var(--color-surface-card);
+  border: 1px solid var(--color-hairline);
+  border-radius: 8px;
+  font-size: 13px;
+  color: var(--color-ink);
+  width: 240px;
+  transition: all 0.15s ease;
+}
+
+.search-input::placeholder {
+  color: var(--color-muted);
+}
+
+.search-input:focus {
+  outline: none;
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15);
+}
+
+.btn-primary {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 16px;
+  background: var(--color-primary);
+  color: var(--color-on-primary);
+  border: none;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.btn-primary:hover {
+  background: var(--color-primary-active);
+}
+
+.btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.btn-primary svg {
+  width: 14px;
+  height: 14px;
+}
+
+.provider-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 48px 20px;
+  color: var(--color-muted);
+  font-size: 14px;
+}
+
+.empty-state-sm {
+  text-align: center;
+  padding: 24px 20px;
+  color: var(--color-muted);
+  font-size: 13px;
+}
+
+.provider-card {
+  background: var(--color-surface-card);
+  border-radius: 12px;
+  overflow: hidden;
+  transition: box-shadow 0.15s ease;
+}
+
+.provider-card:hover {
+  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08);
+}
+
+.provider-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  cursor: pointer;
+}
+
+.provider-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.provider-name-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.provider-name {
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--color-ink);
+}
+
+.status-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.status-active {
+  background: rgba(93, 184, 166, 0.15);
+  color: var(--color-accent-teal);
+}
+
+.status-disabled {
+  background: var(--color-hairline);
+  color: var(--color-muted);
+}
+
+.parse-mode-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 11px;
+  font-weight: 500;
+  background: rgba(204, 120, 92, 0.15);
+  color: var(--color-primary);
+}
+
+.provider-meta {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.meta-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: var(--color-muted);
+}
+
+.meta-item :deep(svg) {
+  width: 13px;
+  height: 13px;
+}
+
+.provider-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.action-btn {
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-muted);
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.action-btn:hover {
+  background: var(--color-hairline);
+  color: var(--color-ink);
+}
+
+.action-btn-danger:hover {
+  background: rgba(198, 69, 69, 0.1);
+  color: var(--color-error);
+}
+
+.expand-btn {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--color-muted);
+  transition: all 0.2s ease;
+}
+
+.expand-btn :deep(svg) {
+  width: 16px;
+  height: 16px;
+  transition: transform 0.2s ease;
+}
+
+.expand-btn.rotated :deep(svg) {
+  transform: rotate(180deg);
+}
+
+.expand-btn:hover {
+  background: var(--color-hairline);
+}
+
+.models-section {
+  padding: 0 20px 16px;
+  border-top: 1px solid var(--color-hairline);
+}
+
+.models-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+}
+
+.models-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.btn-sm-primary {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 12px;
+  background: var(--color-primary);
+  color: var(--color-on-primary);
+  border: none;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.btn-sm-primary:hover {
+  background: var(--color-primary-active);
+}
+
+.btn-sm-primary :deep(svg) {
+  width: 13px;
+  height: 13px;
+}
+
+.models-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 12px;
+}
+
+.model-card {
+  background: var(--color-canvas);
+  border: 1px solid var(--color-hairline);
+  border-radius: 8px;
+  padding: 14px 16px;
+}
+
+.model-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.model-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-ink);
+}
+
+.model-type-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.type-text {
+  background: rgba(93, 184, 166, 0.15);
+  color: var(--color-accent-teal);
+}
+
+.type-vision {
+  background: rgba(232, 165, 90, 0.15);
+  color: var(--color-accent-amber);
+}
+
+.type-multimodal {
+  background: rgba(204, 120, 92, 0.15);
+  color: var(--color-primary);
+}
+
+.model-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.model-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.action-btn-sm {
+  padding: 4px 10px;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--color-muted);
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.action-btn-sm:hover {
+  background: var(--color-hairline);
+  color: var(--color-ink);
+}
+
+.action-btn-sm.action-btn-danger:hover {
+  background: rgba(198, 69, 69, 0.1);
+  color: var(--color-error);
+}
+
+.action-btn-enable {
+  color: var(--color-accent-teal);
+}
+
+.action-btn-enable:hover {
+  background: rgba(93, 184, 166, 0.1);
+}
+
+.action-btn-disable {
+  color: var(--color-muted);
+}
+
+.pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 20px 0;
+  margin-top: 12px;
+}
+
+.page-info {
+  font-size: 13px;
+  color: var(--color-muted);
+}
+
+.page-buttons {
+  display: flex;
+  gap: 8px;
+}
+
+.page-btn {
+  padding: 8px 14px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-ink);
+  background: var(--color-surface-soft);
+  border: 1px solid var(--color-hairline);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.page-btn:hover:not(:disabled) {
+  background: var(--color-hairline);
+}
+
+.page-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.drawer-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 200;
+}
+
+.drawer-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 480px;
+  max-width: 100%;
+  background: var(--color-canvas);
+  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+}
+
+.drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--color-hairline);
+}
+
+.drawer-title {
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--color-ink);
+  margin: 0;
+}
+
+.drawer-close {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--color-muted);
+  transition: all 0.15s ease;
+}
+
+.drawer-close:hover {
+  background: var(--color-surface-soft);
+  color: var(--color-ink);
+}
+
+.drawer-close :deep(svg) {
+  width: 18px;
+  height: 18px;
+}
+
+.drawer-body {
+  flex: 1;
+  padding: 24px;
+  overflow-y: auto;
+}
+
+.drawer-footer {
+  display: flex;
+  gap: 12px;
+  justify-content: flex-end;
+  padding-top: 16px;
+  border-top: 1px solid var(--color-hairline);
+  margin-top: auto;
+}
+
+.form-error {
+  padding: 10px 14px;
+  background: rgba(198, 69, 69, 0.1);
+  border: 1px solid rgba(198, 69, 69, 0.2);
+  border-radius: 6px;
+  color: var(--color-error);
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
+.form-group {
+  margin-bottom: 16px;
+}
+
+.form-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-body-strong);
+  margin-bottom: 6px;
+}
+
+.required {
+  color: var(--color-error);
+}
+
+.form-input,
+.form-select,
+.form-textarea {
+  width: 100%;
+  padding: 10px 14px;
+  background: var(--color-canvas);
+  border: 1px solid var(--color-hairline);
+  border-radius: 8px;
+  font-size: 14px;
+  color: var(--color-ink);
+  transition: all 0.15s ease;
+  box-sizing: border-box;
+}
+
+.form-textarea {
+  resize: vertical;
+  font-family: inherit;
+}
+
+.form-input:focus,
+.form-select:focus,
+.form-textarea:focus {
+  outline: none;
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15);
+}
+
+.form-input::placeholder,
+.form-textarea::placeholder {
+  color: var(--color-muted);
+}
+
+.form-input-static {
+  padding: 10px 14px;
+  background: var(--color-surface-soft);
+  border: 1px solid var(--color-hairline);
+  border-radius: 8px;
+  font-size: 14px;
+  color: var(--color-muted);
+}
+
+.form-hint {
+  font-size: 13px;
+  color: var(--color-muted);
+  padding: 8px 0;
+}
+
+.model-id-combo {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.model-id-combo .form-select,
+.model-id-combo .form-input {
+  flex: 1;
+  min-width: 0;
+}
+
+.toggle-input-btn {
+  flex-shrink: 0;
+  padding: 8px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-primary);
+  background: rgba(204, 120, 92, 0.1);
+  border: 1px solid rgba(204, 120, 92, 0.2);
+  border-radius: 6px;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: all 0.15s ease;
+}
+
+.toggle-input-btn:hover {
+  background: rgba(204, 120, 92, 0.2);
+}
+
+.btn-secondary {
+  padding: 10px 18px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-body-strong);
+  background: var(--color-surface-soft);
+  border: 1px solid var(--color-hairline);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.btn-secondary:hover {
+  background: var(--color-hairline);
+}
+
+.btn-error {
+  padding: 10px 18px;
+  font-size: 14px;
+  font-weight: 500;
+  color: white;
+  background: var(--color-error);
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.btn-error:hover {
+  background: #b33d3d;
+}
+
+.btn-error:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 300;
+}
+
+.confirm-dialog {
+  background: var(--color-canvas);
+  border-radius: 12px;
+  width: 100%;
+  max-width: 400px;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
+}
+
+.confirm-header {
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--color-hairline);
+}
+
+.confirm-title {
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--color-ink);
+  margin: 0;
+}
+
+.confirm-body {
+  padding: 24px;
+}
+
+.confirm-body p {
+  margin: 0;
+  font-size: 14px;
+  color: var(--color-body-strong);
+  line-height: 1.5;
+}
+
+.confirm-footer {
+  display: flex;
+  gap: 12px;
+  justify-content: flex-end;
+  padding: 16px 24px;
+  border-top: 1px solid var(--color-hairline);
+}
+
+.expand-enter-active,
+.expand-leave-active {
+  transition: all 0.2s ease;
+  overflow: hidden;
+}
+
+.expand-enter-from,
+.expand-leave-to {
+  opacity: 0;
+  max-height: 0;
+}
+
+.slide-right-enter-active,
+.slide-right-leave-active {
+  transition: all 0.3s ease;
+}
+
+.slide-right-enter-from,
+.slide-right-leave-to {
+  opacity: 0;
+}
+
+@media (max-width: 768px) {
+  .llm-config-page {
+    padding: 24px;
+  }
+
+  .filter-bar {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .search-input {
+    width: 100%;
+  }
+
+  .drawer-panel {
+    width: 100%;
+  }
+
+  .models-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .provider-header {
+    flex-direction: column;
+    gap: 12px;
+    align-items: flex-start;
+  }
+
+  .provider-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/packages/drizzle-pkg/db.sqlite b/packages/drizzle-pkg/db.sqlite
index bd7412c6f550507073bfe1fd96c5d1b9196490bc..c5eb7033d309efe3521807d3445e568c43a02546 100644
GIT binary patch
delta 1410
zcmdT@TW=dx5I%d39cR7vPE0PwDTZ}`TqK8NecLscv~KFQQbTByl!pk(UVGP(sofZ_
z6O|W|D5z9CSgkCyJQNWS>LVps5Q!oP51<mE`k{G2f(8*PAw)n$$d)2VId;M&>M!77
z&Sk#&X3or<nO}0uFF7tAaI7PQqEu{DOjJfMdHu}#a{L_-cy0|r8B*ZlzvAb3pZ&J|
zb^8h1j&0ed+ML{4S!}t&J$-^VqXoO!A4<xyCMw}nFrkFPDSs-V%E`e{A{6q4k^w2H
z`XtpCNNEXC4)_$=p9lrDKtPmLHK?V08uO;-$<1up`M?$tc({h(52(R!umwNDCftIr
zVI3;42A{(!Tq`?r29#C@OblOM9XK}cB6~?3q5JTEWT-5>_dRrG5et)u`nnF^z(;Tu
zE<+Jsf=PI`EDDc<+-@bJ!%BLXOeP!4<)>%Us+QL=+(ZtxuF6iUT1JPPJWD(cn_UH7
zELL7AR+yDy1?z%~&m-2piNFhU{GV`{zX9Ju!oJCm&>&yho2HtZ+zUO%xgG328V<=p
zNfP~1KNWva7DM5Fv0n-JwS+I>OZk(MoKhu4l9Hk%g(P_}tjVJI*z>t5y^v3zoub7G
z<{vdic5t@|#?f;tvpe|WTX+?f1z`zFhg$CEhcJhjfq`}wA+s49H?ET2Hcw>1NvU+T
z(jqaijbQr&2lFeGDtFB`jCZv)1U0JNg4Slz&J?tBg+1U7f;%*qmx0eQHsp3c<r;TU
z=Zx{j2088GO^lo2R87n2nsx@;8xe{KiVaFz4%-m(4`<iTczc6PbbBIRTz{3f!C@^I
z5dQ+-%)Q2WtRJ(eS-0G^Txj}&ezpzM<l^yz7N;mO=btDjiHsK8*RWV2o4Z$YaCj^l
znTQG#k;5ZVA%3qxT<En5Lg}*~x=r53;g?RAFcv);9gB_*N5_R3oqmSiwAxokjaxh9
zfJG4EdS+(I`1B<1=%kl~qHD34d?qf`%hekk9NaZ#PvQPHiYvKv?2Pu}F5CzryxaFM
z1yoH>=F_=Cdiw0YU_6=El!B(lltSqgZo~9(%eb8%eP%)!Jv}mF?L&xEjkPM#>A;dX
zBT^&B@XTT3dX)?s*&6W}t{QoS%||RwsfSr;H7ZroabG=+edUT6-;Lo818Rgd)j{J@
zjW}EDr&wBz_bpftS)38d4>$PE22js>pOc}|C%0V&S0i>jqZ_Z*$b+4Kd+;`D6z^LM
z)1LM8Fy}?%_(}Xw*Zzid?Q_@l|LDca``cu~Y}%WjpTNcuH>+x9!Y~~EFo%DK4$ewk
ajFK#*XSK%opcaInO6TflSg8(}tioS!!J^9m

delta 823
zcma)2OK1~O6n!%<O)|;M+>Th2pea)X+d?t6E;X&O38fh7Ck=?3M#-qf{L|DficJv|
zT!cs|<05DUQE<^(2MvgebYT&ZWT6|uABv!26l^tFG{HBClvEU4ocrFr@7{CnJIOgA
zIVYsI3VDQ(i-0A-1kTG{yQ%!5?*_DTtO<bvC&9u$<)`=_?gMv)JHS@iMb^)nly32d
zQ88^R;#LlF2-ctk-=PQ};XS;D7w{Yk@B|(~P7xwkLCM($k{0^6n3J6S1p5gb1p5^6
z&O0zaLkt8F;dl%$;Q=f_22wByK_caWHjcq<Odt>(35NYrAl|IU?X@%#3y+WbrC9uY
zs&Fw?pt7j~9TzR&K@9Ik&;?U`1u}ddUcm`I#=8ky4==l`^bYMYz1BL-$)75;H9K3S
zqt`V{2$smgS>WuH5ivGf3xiNolbm0`9h=3X-b-Cmqk$|<!5aDXJ%RcL0!cAun0mR4
zpiIhNVUrHGFk{lh7*}ggBS;hR3&4d4x7BL5cq}S+<_-3m$0fr2<z~1Z>qM&vRteE(
z=rCd{<CLU`N0QE{WCrar;-kFYIBRS(Jk-zYck1SKcI~p#-F#b1Cwk>eCA>>6|HLj$
z*se3ljuIYVRFg*Hfy62KZ3&xClZ&tO++LljubrCSJ{s~%6RNxGcGg-)5~0y(LfY`)
z=s)6e47)_{(BNUOOB@_>x{ivz4K0ncjcR-Ttrj{Sl>VmH_aABvv#Od&s}_8n+1^9+
uq-N%z;p~k2mXN($!Nas>-PA3rseWQ=oS6ED;cVmEeILC7*%h0H6Mq5mDgqM#

diff --git a/packages/drizzle-pkg/lib/schema/llm.ts b/packages/drizzle-pkg/lib/schema/llm.ts
index fcc33d9..a741128 100644
--- a/packages/drizzle-pkg/lib/schema/llm.ts
+++ b/packages/drizzle-pkg/lib/schema/llm.ts
@@ -1,4 +1,5 @@
-import { sqliteTable, text, integer, index } from "drizzle-orm/sqlite-core";
+import { sqliteTable, text, integer, index, uniqueIndex } from "drizzle-orm/sqlite-core";
+import { users } from "./auth";
 
 export const LlmProviderStatuses = ["active", "disabled"] as const;
 export type LlmProviderStatus = (typeof LlmProviderStatuses)[number];
@@ -13,8 +14,11 @@ export const llmProviders = sqliteTable(
   "llm_providers",
   {
     id: integer("id").primaryKey({ autoIncrement: true }),
-    name: text("name", { length: 100 }).notNull().unique(),
-    slug: text("slug", { length: 100 }).notNull().unique(),
+    userId: integer("user_id")
+      .notNull()
+      .references(() => users.id, { onDelete: "cascade" }),
+    name: text("name", { length: 100 }).notNull(),
+    slug: text("slug", { length: 100 }).notNull(),
     baseUrl: text("base_url", { length: 500 }),
     parseMode: text("parse_mode", { enum: LlmParseModes }).notNull().default("openai"),
     apiKey: text("api_key"),
@@ -27,7 +31,8 @@ export const llmProviders = sqliteTable(
       .notNull(),
   },
   (table) => [
-    index("idx_llm_provider_slug").on(table.slug),
+    uniqueIndex("idx_llm_provider_user_slug").on(table.userId, table.slug),
+    index("idx_llm_provider_user").on(table.userId),
     index("idx_llm_provider_status").on(table.status),
   ],
 );
diff --git a/packages/drizzle-pkg/migrations/0013_flaky_marvel_boy.sql b/packages/drizzle-pkg/migrations/0013_flaky_marvel_boy.sql
new file mode 100644
index 0000000..12a6437
--- /dev/null
+++ b/packages/drizzle-pkg/migrations/0013_flaky_marvel_boy.sql
@@ -0,0 +1,24 @@
+DROP INDEX `llm_providers_name_unique`;--> statement-breakpoint
+DROP INDEX `llm_providers_slug_unique`;--> statement-breakpoint
+DROP INDEX `idx_llm_provider_slug`;--> statement-breakpoint
+ALTER TABLE `llm_providers` ADD `user_id` integer REFERENCES users(id);--> statement-breakpoint
+UPDATE `llm_providers` SET `user_id` = (SELECT MIN(id) FROM `users`) WHERE `user_id` IS NULL;--> statement-breakpoint
+CREATE TABLE `_llm_providers_tmp` (
+  `id` integer PRIMARY KEY AUTOINCREMENT,
+  `user_id` integer NOT NULL REFERENCES users(id),
+  `name` text(100) NOT NULL,
+  `slug` text(100) NOT NULL,
+  `base_url` text(500),
+  `parse_mode` text DEFAULT 'openai' NOT NULL,
+  `api_key` text,
+  `status` text DEFAULT 'active' NOT NULL,
+  `description` text,
+  `created_at` integer NOT NULL,
+  `updated_at` integer NOT NULL
+);--> statement-breakpoint
+INSERT INTO `_llm_providers_tmp` SELECT `id`, `user_id`, `name`, `slug`, `base_url`, `parse_mode`, `api_key`, `status`, `description`, `created_at`, `updated_at` FROM `llm_providers`;--> statement-breakpoint
+DROP TABLE `llm_providers`;--> statement-breakpoint
+ALTER TABLE `_llm_providers_tmp` RENAME TO `llm_providers`;--> statement-breakpoint
+CREATE UNIQUE INDEX `idx_llm_provider_user_slug` ON `llm_providers` (`user_id`,`slug`);--> statement-breakpoint
+CREATE INDEX `idx_llm_provider_user` ON `llm_providers` (`user_id`);--> statement-breakpoint
+CREATE INDEX `idx_llm_provider_status` ON `llm_providers` (`status`);
diff --git a/packages/drizzle-pkg/migrations/meta/0013_snapshot.json b/packages/drizzle-pkg/migrations/meta/0013_snapshot.json
new file mode 100644
index 0000000..e6448d7
--- /dev/null
+++ b/packages/drizzle-pkg/migrations/meta/0013_snapshot.json
@@ -0,0 +1,1674 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "f4ec8869-c90b-426e-972a-2e1dc8d4e79f",
+  "prevId": "20c54319-abd6-41f9-956b-39d5b6d9e222",
+  "tables": {
+    "oauth_accounts": {
+      "name": "oauth_accounts",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider_user_id": {
+          "name": "provider_user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "avatar": {
+          "name": "avatar",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "sessions": {
+      "name": "sessions",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "sessions_user_id_idx": {
+          "name": "sessions_user_id_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "sessions_user_id_users_id_fk": {
+          "name": "sessions_user_id_users_id_fk",
+          "tableFrom": "sessions",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users": {
+      "name": "users",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "nickname": {
+          "name": "nickname",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "avatar": {
+          "name": "avatar",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'user'"
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'active'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "users_username_unique": {
+          "name": "users_username_unique",
+          "columns": [
+            "username"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "app_configs": {
+      "name": "app_configs",
+      "columns": {
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value_type": {
+          "name": "value_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_configs": {
+      "name": "user_configs",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value_type": {
+          "name": "value_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "user_configs_user_id_idx": {
+          "name": "user_configs_user_id_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "user_configs_user_id_users_id_fk": {
+          "name": "user_configs_user_id_users_id_fk",
+          "tableFrom": "user_configs",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "user_configs_user_id_key_pk": {
+          "columns": [
+            "user_id",
+            "key"
+          ],
+          "name": "user_configs_user_id_key_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "article_cards": {
+      "name": "article_cards",
+      "columns": {
+        "article_id": {
+          "name": "article_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "idx_article_card_article": {
+          "name": "idx_article_card_article",
+          "columns": [
+            "article_id"
+          ],
+          "isUnique": false
+        },
+        "idx_article_card_card": {
+          "name": "idx_article_card_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "article_cards_article_id_articles_id_fk": {
+          "name": "article_cards_article_id_articles_id_fk",
+          "tableFrom": "article_cards",
+          "tableTo": "articles",
+          "columnsFrom": [
+            "article_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "article_cards_card_id_cards_id_fk": {
+          "name": "article_cards_card_id_cards_id_fk",
+          "tableFrom": "article_cards",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "article_card_pk": {
+          "columns": [
+            "article_id",
+            "card_id"
+          ],
+          "name": "article_card_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "articles": {
+      "name": "articles",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "summary": {
+          "name": "summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "cover": {
+          "name": "cover",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'draft'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_article_status": {
+          "name": "idx_article_status",
+          "columns": [
+            "status"
+          ],
+          "isUnique": false
+        },
+        "idx_article_created": {
+          "name": "idx_article_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "card_images": {
+      "name": "card_images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "url": {
+          "name": "url",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "idx_card_image_card": {
+          "name": "idx_card_image_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "card_images_card_id_cards_id_fk": {
+          "name": "card_images_card_id_cards_id_fk",
+          "tableFrom": "card_images",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "card_tags": {
+      "name": "card_tags",
+      "columns": {
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tag_id": {
+          "name": "tag_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_card_tag_card": {
+          "name": "idx_card_tag_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        },
+        "idx_card_tag_tag": {
+          "name": "idx_card_tag_tag",
+          "columns": [
+            "tag_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "card_tags_card_id_cards_id_fk": {
+          "name": "card_tags_card_id_cards_id_fk",
+          "tableFrom": "card_tags",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "card_tags_tag_id_tags_id_fk": {
+          "name": "card_tags_tag_id_tags_id_fk",
+          "tableFrom": "card_tags",
+          "tableTo": "tags",
+          "columnsFrom": [
+            "tag_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "card_tag_pk": {
+          "columns": [
+            "card_id",
+            "tag_id"
+          ],
+          "name": "card_tag_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "cards": {
+      "name": "cards",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "aspect_ratio": {
+          "name": "aspect_ratio",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "category_id": {
+          "name": "category_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_card_category": {
+          "name": "idx_card_category",
+          "columns": [
+            "category_id"
+          ],
+          "isUnique": false
+        },
+        "idx_card_type": {
+          "name": "idx_card_type",
+          "columns": [
+            "type"
+          ],
+          "isUnique": false
+        },
+        "idx_card_created": {
+          "name": "idx_card_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "cards_category_id_categories_id_fk": {
+          "name": "cards_category_id_categories_id_fk",
+          "tableFrom": "cards",
+          "tableTo": "categories",
+          "columnsFrom": [
+            "category_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "categories": {
+      "name": "categories",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "parent_id": {
+          "name": "parent_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "count": {
+          "name": "count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_category_slug": {
+          "name": "idx_category_slug",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        },
+        "idx_category_parent": {
+          "name": "idx_category_parent",
+          "columns": [
+            "parent_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "chat_messages": {
+      "name": "chat_messages",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "nickname": {
+          "name": "nickname",
+          "type": "text(20)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_chat_msg_created": {
+          "name": "idx_chat_msg_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "favorites": {
+      "name": "favorites",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_favorite_user": {
+          "name": "idx_favorite_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_favorite_card": {
+          "name": "idx_favorite_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "favorites_user_id_users_id_fk": {
+          "name": "favorites_user_id_users_id_fk",
+          "tableFrom": "favorites",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "favorites_card_id_cards_id_fk": {
+          "name": "favorites_card_id_cards_id_fk",
+          "tableFrom": "favorites",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "favorite_pk": {
+          "columns": [
+            "user_id",
+            "card_id"
+          ],
+          "name": "favorite_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "ideas": {
+      "name": "ideas",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "author": {
+          "name": "author",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "platform": {
+          "name": "platform",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "color": {
+          "name": "color",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_idea_created": {
+          "name": "idx_idea_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "projects": {
+      "name": "projects",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tags": {
+          "name": "tags",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text(1000)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "path": {
+          "name": "path",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_project_created": {
+          "name": "idx_project_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "tags": {
+      "name": "tags",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_tag_slug": {
+          "name": "idx_tag_slug",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "tools": {
+      "name": "tools",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "icon": {
+          "name": "icon",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "llm_models": {
+      "name": "llm_models",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(200)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_id": {
+          "name": "model_id",
+          "type": "text(200)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'text'"
+        },
+        "enabled": {
+          "name": "enabled",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "max_tokens": {
+          "name": "max_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_llm_model_provider": {
+          "name": "idx_llm_model_provider",
+          "columns": [
+            "provider_id"
+          ],
+          "isUnique": false
+        },
+        "idx_llm_model_type": {
+          "name": "idx_llm_model_type",
+          "columns": [
+            "type"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "llm_models_provider_id_llm_providers_id_fk": {
+          "name": "llm_models_provider_id_llm_providers_id_fk",
+          "tableFrom": "llm_models",
+          "tableTo": "llm_providers",
+          "columnsFrom": [
+            "provider_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "llm_providers": {
+      "name": "llm_providers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "base_url": {
+          "name": "base_url",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "parse_mode": {
+          "name": "parse_mode",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'openai'"
+        },
+        "api_key": {
+          "name": "api_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'active'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_llm_provider_user_slug": {
+          "name": "idx_llm_provider_user_slug",
+          "columns": [
+            "user_id",
+            "slug"
+          ],
+          "isUnique": true
+        },
+        "idx_llm_provider_user": {
+          "name": "idx_llm_provider_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_llm_provider_status": {
+          "name": "idx_llm_provider_status",
+          "columns": [
+            "status"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "llm_providers_user_id_users_id_fk": {
+          "name": "llm_providers_user_id_users_id_fk",
+          "tableFrom": "llm_providers",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "scheduled_tasks": {
+      "name": "scheduled_tasks",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "cron_expression": {
+          "name": "cron_expression",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "function_name": {
+          "name": "function_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "function_payload": {
+          "name": "function_payload",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_method": {
+          "name": "http_method",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_url": {
+          "name": "http_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_headers": {
+          "name": "http_headers",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_body": {
+          "name": "http_body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "catch_up": {
+          "name": "catch_up",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "enabled": {
+          "name": "enabled",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "max_retries": {
+          "name": "max_retries",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "retry_delay_seconds": {
+          "name": "retry_delay_seconds",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 60
+        },
+        "timeout_seconds": {
+          "name": "timeout_seconds",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 300
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "task_execution_logs": {
+      "name": "task_execution_logs",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "task_id": {
+          "name": "task_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "started_at": {
+          "name": "started_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "finished_at": {
+          "name": "finished_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "result_summary": {
+          "name": "result_summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "task_execution_logs_task_id_scheduled_tasks_id_fk": {
+          "name": "task_execution_logs_task_id_scheduled_tasks_id_fk",
+          "tableFrom": "task_execution_logs",
+          "tableTo": "scheduled_tasks",
+          "columnsFrom": [
+            "task_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/packages/drizzle-pkg/migrations/meta/_journal.json b/packages/drizzle-pkg/migrations/meta/_journal.json
index 5778112..0d0ec79 100644
--- a/packages/drizzle-pkg/migrations/meta/_journal.json
+++ b/packages/drizzle-pkg/migrations/meta/_journal.json
@@ -92,6 +92,13 @@
       "when": 1782963564430,
       "tag": "0012_funny_santa_claus",
       "breakpoints": true
+    },
+    {
+      "idx": 13,
+      "version": "6",
+      "when": 1782969066349,
+      "tag": "0013_flaky_marvel_boy",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/server/api/admin/llm/models/[providerId].get.ts b/server/api/admin/llm/models/[providerId].get.ts
deleted file mode 100644
index b9cb88a..0000000
--- a/server/api/admin/llm/models/[providerId].get.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { listModelsByProvider } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const providerId = Number(getRouterParam(event, "providerId"));
-  if (!providerId) {
-    return R.throwError(400, "无效的供应商ID", null);
-  }
-
-  const result = await listModelsByProvider(providerId);
-  return R.success(result);
-});
diff --git a/server/api/admin/llm/models/[providerId].post.ts b/server/api/admin/llm/models/[providerId].post.ts
deleted file mode 100644
index b0e1633..0000000
--- a/server/api/admin/llm/models/[providerId].post.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { createModel } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const providerId = Number(getRouterParam(event, "providerId"));
-  if (!providerId) {
-    return R.throwError(400, "无效的供应商ID", null);
-  }
-
-  const body = await readBody(event);
-  const { name, modelId, type, enabled, description, maxTokens } = body;
-
-  if (!name || !modelId) {
-    return R.throwError(422, "模型名称和模型ID不能为空", null);
-  }
-
-  const result = await createModel({
-    providerId,
-    name,
-    modelId,
-    type: type || "text",
-    enabled: enabled ?? 1,
-    description,
-    maxTokens,
-  });
-  return R.success(result);
-});
diff --git a/server/api/admin/llm/models/detail/[id].delete.ts b/server/api/admin/llm/models/detail/[id].delete.ts
deleted file mode 100644
index 6789d9a..0000000
--- a/server/api/admin/llm/models/detail/[id].delete.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { deleteModel } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的模型ID", null);
-  }
-
-  await deleteModel(id);
-  return R.success(null);
-});
diff --git a/server/api/admin/llm/models/detail/[id].put.ts b/server/api/admin/llm/models/detail/[id].put.ts
deleted file mode 100644
index 097fe08..0000000
--- a/server/api/admin/llm/models/detail/[id].put.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { updateModel } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的模型ID", null);
-  }
-
-  const body = await readBody(event);
-  const { name, modelId, type, enabled, description, maxTokens } = body;
-
-  await updateModel(id, {
-    name,
-    modelId,
-    type,
-    enabled,
-    description,
-    maxTokens,
-  });
-  return R.success(null);
-});
diff --git a/server/api/admin/llm/providers/[id].delete.ts b/server/api/admin/llm/providers/[id].delete.ts
deleted file mode 100644
index f75adb3..0000000
--- a/server/api/admin/llm/providers/[id].delete.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { deleteProvider } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的供应商ID", null);
-  }
-
-  await deleteProvider(id);
-  return R.success(null);
-});
diff --git a/server/api/admin/llm/providers/[id].get.ts b/server/api/admin/llm/providers/[id].get.ts
deleted file mode 100644
index a8d03ba..0000000
--- a/server/api/admin/llm/providers/[id].get.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { getProviderWithModels } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的供应商ID", null);
-  }
-
-  const result = await getProviderWithModels(id);
-  if (!result) {
-    return R.throwError(404, "供应商不存在", null);
-  }
-  return R.success(result);
-});
diff --git a/server/api/admin/llm/providers/[id].models.get.ts b/server/api/admin/llm/providers/[id].models.get.ts
deleted file mode 100644
index a6211f8..0000000
--- a/server/api/admin/llm/providers/[id].models.get.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { getProviderById } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的供应商 ID", null);
-  }
-
-  const provider = await getProviderById(id);
-  if (!provider) {
-    return R.throwError(404, "供应商不存在", null);
-  }
-
-  const baseUrl = provider.baseUrl?.replace(/\/+$/, "") || "";
-  if (!baseUrl) {
-    return R.success([]);
-  }
-
-  const headers: Record<string, string> = {
-    "Content-Type": "application/json",
-  };
-
-  if (provider.parseMode === "anthropic") {
-    if (provider.apiKey) {
-      headers["x-api-key"] = provider.apiKey;
-    }
-    headers["anthropic-version"] = "2023-06-01";
-  } else {
-    if (provider.apiKey) {
-      headers["Authorization"] = `Bearer ${provider.apiKey}`;
-    }
-  }
-
-  try {
-    const res = await $fetch<{ data?: { id: string; name?: string }[] }>(
-      `${baseUrl}/models`,
-      { headers, timeout: 8000 },
-    );
-    const models = (res?.data ?? []).map((m) => ({
-      id: m.id,
-      name: m.name || m.id,
-    }));
-    return R.success(models);
-  } catch {
-    return R.success([]);
-  }
-});
diff --git a/server/api/admin/llm/providers/[id].put.ts b/server/api/admin/llm/providers/[id].put.ts
deleted file mode 100644
index ec94f99..0000000
--- a/server/api/admin/llm/providers/[id].put.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { updateProvider } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const id = Number(getRouterParam(event, "id"));
-  if (!id) {
-    return R.throwError(400, "无效的供应商ID", null);
-  }
-
-  const body = await readBody(event);
-  const { name, slug, baseUrl, parseMode, apiKey, status, description } = body;
-
-  await updateProvider(id, {
-    name,
-    slug,
-    baseUrl,
-    parseMode,
-    apiKey,
-    status,
-    description,
-  });
-  return R.success(null);
-});
diff --git a/server/api/admin/llm/providers/index.get.ts b/server/api/admin/llm/providers/index.get.ts
deleted file mode 100644
index 93b2044..0000000
--- a/server/api/admin/llm/providers/index.get.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { listProviders } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const query = getQuery(event);
-  const page = Number(query.page) || 1;
-  const pageSize = Number(query.pageSize) || 20;
-  const search = query.search as string | undefined;
-  const status = query.status as string | undefined;
-
-  const result = await listProviders(page, pageSize, search, status as any);
-  return R.success(result);
-});
diff --git a/server/api/admin/llm/providers/index.post.ts b/server/api/admin/llm/providers/index.post.ts
deleted file mode 100644
index 0938a69..0000000
--- a/server/api/admin/llm/providers/index.post.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { requireAdmin } from "#server/utils/admin-guard";
-import { createProvider } from "#server/service/llm";
-
-export default defineWrappedResponseHandler(async (event) => {
-  await requireAdmin(event);
-
-  const body = await readBody(event);
-  const { name, slug, baseUrl, parseMode, apiKey, status, description } = body;
-
-  if (!name || !slug) {
-    return R.throwError(422, "供应商名称和标识不能为空", null);
-  }
-
-  const result = await createProvider({
-    name,
-    slug,
-    baseUrl,
-    parseMode: parseMode || "openai",
-    apiKey,
-    status: status || "active",
-    description,
-  });
-  return R.success(result);
-});
diff --git a/server/api/llm/models/[providerId].get.ts b/server/api/llm/models/[providerId].get.ts
new file mode 100644
index 0000000..986b649
--- /dev/null
+++ b/server/api/llm/models/[providerId].get.ts
@@ -0,0 +1,14 @@
+import { requireUser } from "#server/utils/context";
+import { listModelsByProvider } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const providerId = Number(getRouterParam(event, "providerId"));
+  if (!providerId) {
+    return R.throwError(400, "无效的供应商ID", null);
+  }
+
+  const result = await listModelsByProvider(providerId, user.id);
+  return R.success(result);
+});
diff --git a/server/api/llm/models/[providerId].post.ts b/server/api/llm/models/[providerId].post.ts
new file mode 100644
index 0000000..73d859f
--- /dev/null
+++ b/server/api/llm/models/[providerId].post.ts
@@ -0,0 +1,32 @@
+import { requireUser } from "#server/utils/context";
+import { createModel } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const providerId = Number(getRouterParam(event, "providerId"));
+  if (!providerId) {
+    return R.throwError(400, "无效的供应商ID", null);
+  }
+
+  const body = await readBody(event);
+  const { name, modelId, type, enabled, description, maxTokens } = body;
+
+  if (!name || !modelId) {
+    return R.throwError(422, "模型名称和模型ID不能为空", null);
+  }
+
+  const result = await createModel(user.id, {
+    providerId,
+    name,
+    modelId,
+    type: type || "text",
+    enabled: enabled ?? 1,
+    description,
+    maxTokens,
+  });
+  if (!result) {
+    return R.throwError(403, "无权操作该供应商", null);
+  }
+  return R.success(result);
+});
diff --git a/server/api/llm/models/detail/[id].delete.ts b/server/api/llm/models/detail/[id].delete.ts
new file mode 100644
index 0000000..8632e05
--- /dev/null
+++ b/server/api/llm/models/detail/[id].delete.ts
@@ -0,0 +1,14 @@
+import { requireUser } from "#server/utils/context";
+import { deleteModel } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的模型ID", null);
+  }
+
+  await deleteModel(id, user.id);
+  return R.success(null);
+});
diff --git a/server/api/llm/models/detail/[id].put.ts b/server/api/llm/models/detail/[id].put.ts
new file mode 100644
index 0000000..610f7c1
--- /dev/null
+++ b/server/api/llm/models/detail/[id].put.ts
@@ -0,0 +1,24 @@
+import { requireUser } from "#server/utils/context";
+import { updateModel } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的模型ID", null);
+  }
+
+  const body = await readBody(event);
+  const { name, modelId, type, enabled, description, maxTokens } = body;
+
+  await updateModel(id, user.id, {
+    name,
+    modelId,
+    type,
+    enabled,
+    description,
+    maxTokens,
+  });
+  return R.success(null);
+});
diff --git a/server/api/llm/providers/[id].delete.ts b/server/api/llm/providers/[id].delete.ts
new file mode 100644
index 0000000..dcec566
--- /dev/null
+++ b/server/api/llm/providers/[id].delete.ts
@@ -0,0 +1,14 @@
+import { requireUser } from "#server/utils/context";
+import { deleteProvider } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的供应商ID", null);
+  }
+
+  await deleteProvider(id, user.id);
+  return R.success(null);
+});
diff --git a/server/api/llm/providers/[id].get.ts b/server/api/llm/providers/[id].get.ts
new file mode 100644
index 0000000..040820a
--- /dev/null
+++ b/server/api/llm/providers/[id].get.ts
@@ -0,0 +1,17 @@
+import { requireUser } from "#server/utils/context";
+import { getProviderWithModels } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的供应商ID", null);
+  }
+
+  const result = await getProviderWithModels(id, user.id);
+  if (!result) {
+    return R.throwError(404, "供应商不存在", null);
+  }
+  return R.success(result);
+});
diff --git a/server/api/llm/providers/[id].models.get.ts b/server/api/llm/providers/[id].models.get.ts
new file mode 100644
index 0000000..b1e1406
--- /dev/null
+++ b/server/api/llm/providers/[id].models.get.ts
@@ -0,0 +1,50 @@
+import { requireUser } from "#server/utils/context";
+import { getProviderById } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的供应商 ID", null);
+  }
+
+  const provider = await getProviderById(id, user.id);
+  if (!provider) {
+    return R.throwError(404, "供应商不存在", null);
+  }
+
+  const baseUrl = provider.baseUrl?.replace(/\/+$/, "") || "";
+  if (!baseUrl) {
+    return R.success([]);
+  }
+
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+  };
+
+  if (provider.parseMode === "anthropic") {
+    if (provider.apiKey) {
+      headers["x-api-key"] = provider.apiKey;
+    }
+    headers["anthropic-version"] = "2023-06-01";
+  } else {
+    if (provider.apiKey) {
+      headers["Authorization"] = `Bearer ${provider.apiKey}`;
+    }
+  }
+
+  try {
+    const res = await $fetch<{ data?: { id: string; name?: string }[] }>(
+      `${baseUrl}/models`,
+      { headers, timeout: 8000 },
+    );
+    const models = (res?.data ?? []).map((m) => ({
+      id: m.id,
+      name: m.name || m.id,
+    }));
+    return R.success(models);
+  } catch {
+    return R.success([]);
+  }
+});
diff --git a/server/api/llm/providers/[id].put.ts b/server/api/llm/providers/[id].put.ts
new file mode 100644
index 0000000..35e6385
--- /dev/null
+++ b/server/api/llm/providers/[id].put.ts
@@ -0,0 +1,25 @@
+import { requireUser } from "#server/utils/context";
+import { updateProvider } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const id = Number(getRouterParam(event, "id"));
+  if (!id) {
+    return R.throwError(400, "无效的供应商ID", null);
+  }
+
+  const body = await readBody(event);
+  const { name, slug, baseUrl, parseMode, apiKey, status, description } = body;
+
+  await updateProvider(id, user.id, {
+    name,
+    slug,
+    baseUrl,
+    parseMode,
+    apiKey,
+    status,
+    description,
+  });
+  return R.success(null);
+});
diff --git a/server/api/llm/providers/index.get.ts b/server/api/llm/providers/index.get.ts
new file mode 100644
index 0000000..69e759b
--- /dev/null
+++ b/server/api/llm/providers/index.get.ts
@@ -0,0 +1,15 @@
+import { requireUser } from "#server/utils/context";
+import { listProviders } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const query = getQuery(event);
+  const page = Number(query.page) || 1;
+  const pageSize = Number(query.pageSize) || 20;
+  const search = query.search as string | undefined;
+  const status = query.status as string | undefined;
+
+  const result = await listProviders(user.id, page, pageSize, search, status as any);
+  return R.success(result);
+});
diff --git a/server/api/llm/providers/index.post.ts b/server/api/llm/providers/index.post.ts
new file mode 100644
index 0000000..88f729f
--- /dev/null
+++ b/server/api/llm/providers/index.post.ts
@@ -0,0 +1,24 @@
+import { requireUser } from "#server/utils/context";
+import { createProvider } from "#server/service/llm";
+
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await requireUser(event);
+
+  const body = await readBody(event);
+  const { name, slug, baseUrl, parseMode, apiKey, status, description } = body;
+
+  if (!name || !slug) {
+    return R.throwError(422, "供应商名称和标识不能为空", null);
+  }
+
+  const result = await createProvider(user.id, {
+    name,
+    slug,
+    baseUrl,
+    parseMode: parseMode || "openai",
+    apiKey,
+    status: status || "active",
+    description,
+  });
+  return R.success(result);
+});
diff --git a/server/service/llm/index.ts b/server/service/llm/index.ts
index dcbaea1..b972d26 100644
--- a/server/service/llm/index.ts
+++ b/server/service/llm/index.ts
@@ -5,6 +5,7 @@ import type { LlmParseMode, LlmProviderStatus, LlmModelType } from "drizzle-pkg/
 
 export interface LlmProviderRow {
   id: number;
+  userId: number;
   name: string;
   slug: string;
   baseUrl: string | null;
@@ -35,12 +36,13 @@ export interface LlmProviderWithModels extends Omit<LlmProviderRow, "apiKey"> {
 }
 
 export async function listProviders(
+  userId: number,
   page = 1,
   pageSize = 20,
   search?: string,
   status?: LlmProviderStatus,
 ) {
-  const conditions = [];
+  const conditions = [eq(llmProviders.userId, userId)];
   if (search) {
     conditions.push(like(llmProviders.name, `%${search}%`));
   }
@@ -48,7 +50,7 @@ export async function listProviders(
     conditions.push(eq(llmProviders.status, status));
   }
 
-  const where = conditions.length > 0 ? and(...conditions) : undefined;
+  const where = and(...conditions);
 
   const [countResult] = await dbGlobal
     .select({ count: sql<number>`count(*)` })
@@ -74,17 +76,17 @@ export async function listProviders(
   return { list: sanitized, total, page, pageSize, totalPages };
 }
 
-export async function getProviderById(id: number) {
+export async function getProviderById(id: number, userId: number) {
   const [row] = await dbGlobal
     .select()
     .from(llmProviders)
-    .where(eq(llmProviders.id, id))
+    .where(and(eq(llmProviders.id, id), eq(llmProviders.userId, userId)))
     .limit(1);
   return row ?? null;
 }
 
-export async function getProviderWithModels(id: number): Promise<LlmProviderWithModels | null> {
-  const provider = await getProviderById(id);
+export async function getProviderWithModels(id: number, userId: number): Promise<LlmProviderWithModels | null> {
+  const provider = await getProviderById(id, userId);
   if (!provider) return null;
 
   const models = await dbGlobal
@@ -101,7 +103,7 @@ export async function getProviderWithModels(id: number): Promise<LlmProviderWith
   };
 }
 
-export async function createProvider(data: {
+export async function createProvider(userId: number, data: {
   name: string;
   slug: string;
   baseUrl?: string;
@@ -113,6 +115,7 @@ export async function createProvider(data: {
   const [inserted] = await dbGlobal
     .insert(llmProviders)
     .values({
+      userId,
       name: data.name,
       slug: data.slug,
       baseUrl: data.baseUrl || null,
@@ -127,6 +130,7 @@ export async function createProvider(data: {
 
 export async function updateProvider(
   id: number,
+  userId: number,
   data: {
     name?: string;
     slug?: string;
@@ -157,14 +161,17 @@ export async function updateProvider(
   await dbGlobal
     .update(llmProviders)
     .set(updates)
-    .where(eq(llmProviders.id, id));
+    .where(and(eq(llmProviders.id, id), eq(llmProviders.userId, userId)));
 }
 
-export async function deleteProvider(id: number) {
-  await dbGlobal.delete(llmProviders).where(eq(llmProviders.id, id));
+export async function deleteProvider(id: number, userId: number) {
+  await dbGlobal.delete(llmProviders).where(and(eq(llmProviders.id, id), eq(llmProviders.userId, userId)));
 }
 
-export async function listModelsByProvider(providerId: number) {
+export async function listModelsByProvider(providerId: number, userId: number) {
+  const provider = await getProviderById(providerId, userId);
+  if (!provider) return [];
+
   return dbGlobal
     .select()
     .from(llmModels)
@@ -172,7 +179,7 @@ export async function listModelsByProvider(providerId: number) {
     .orderBy(desc(llmModels.createdAt));
 }
 
-export async function createModel(data: {
+export async function createModel(userId: number, data: {
   providerId: number;
   name: string;
   modelId: string;
@@ -181,6 +188,9 @@ export async function createModel(data: {
   description?: string;
   maxTokens?: number;
 }) {
+  const provider = await getProviderById(data.providerId, userId);
+  if (!provider) return null;
+
   const [inserted] = await dbGlobal
     .insert(llmModels)
     .values({
@@ -196,8 +206,19 @@ export async function createModel(data: {
   return inserted!;
 }
 
+export async function getModelById(id: number, userId: number) {
+  const [row] = await dbGlobal
+    .select()
+    .from(llmModels)
+    .innerJoin(llmProviders, eq(llmModels.providerId, llmProviders.id))
+    .where(and(eq(llmModels.id, id), eq(llmProviders.userId, userId)))
+    .limit(1);
+  return row?.llm_models ?? null;
+}
+
 export async function updateModel(
   id: number,
+  userId: number,
   data: {
     name?: string;
     modelId?: string;
@@ -207,6 +228,9 @@ export async function updateModel(
     maxTokens?: number;
   },
 ) {
+  const model = await getModelById(id, userId);
+  if (!model) return;
+
   const updates: Record<string, any> = {};
   if (data.name !== undefined) updates.name = data.name;
   if (data.modelId !== undefined) updates.modelId = data.modelId;
@@ -223,6 +247,9 @@ export async function updateModel(
     .where(eq(llmModels.id, id));
 }
 
-export async function deleteModel(id: number) {
+export async function deleteModel(id: number, userId: number) {
+  const model = await getModelById(id, userId);
+  if (!model) return;
+
   await dbGlobal.delete(llmModels).where(eq(llmModels.id, id));
 }