feat: 提示文案支持通过配置更新

2026-05-19 21:00:25 +08:00 · 2025-12-20 00:44:59 +08:00
parent 77b7786777
commit 80c5248444
10 changed files with 218 additions and 65 deletions
@@ -59,6 +59,17 @@ export function registerWindowHandlers(ctx: IpcContext): void {
    return app.getVersion()
  })

+  // 获取动态文案配置
+  ipcMain.handle('app:fetchRemoteConfig', async (_, url: string) => {
+    try {
+      const response = await fetch(url)
+      const data = await response.json()
+      return { success: true, data }
+    } catch (error) {
+      return { success: false, error: String(error) }
+    }
+  })
+
  // ==================== 更新检查 ====================
  ipcMain.on('check-update', () => {
    autoUpdater.checkForUpdates()
@@ -88,6 +88,7 @@ interface Api {
    getVersion: () => Promise<string>
    checkUpdate: () => void
    simulateUpdate: () => void
+    fetchRemoteConfig: (url: string) => Promise<{ success: boolean; data?: unknown; error?: string }>
  }
 }

@@ -995,6 +995,12 @@ const extendedApi = {
    simulateUpdate: (): void => {
      ipcRenderer.send('simulate-update')
    },
+    /**
+     * 获取远程配置（通过主进程请求，绕过 CORS）
+     */
+    fetchRemoteConfig: (url: string): Promise<{ success: boolean; data?: unknown; error?: string }> => {
+      return ipcRenderer.invoke('app:fetchRemoteConfig', url)
+    },
  },
 }

@@ -126,14 +126,13 @@ onMounted(() => {
            <AIConfigTab ref="aiConfigRef" @config-changed="handleAIConfigChanged" />
          </div>

-          <!-- 系统提示词配置 Tab -->
+          <!-- AI对话配置 Tab -->
          <div v-show="activeTab === 'ai-prompt'" class="pr-1">
            <AIPromptConfigTab @config-changed="handleAIConfigChanged" />
          </div>

          <!-- 设置 Tab -->
          <div v-show="activeTab === 'settings'" class="space-y-6 pr-1">
-            <!-- 缓存管理 -->
            <CacheManageTab ref="cacheManageRef" />
          </div>

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+import AlertTips from './AlertTips.vue'

 // ============ 类型定义 ============

@@ -27,6 +28,8 @@ interface Provider {
 // 三种配置类型
 type ConfigType = 'preset' | 'local' | 'openai-compatible'

+const aiTips = JSON.parse(localStorage.getItem('chatlab_app_config') || '{}').aiTips || {}
+
 // ============ Props & Emits ============

 const props = defineProps<{
@@ -595,6 +598,13 @@ watch(

          <!-- ========== OpenAI 兼容配置 ========== -->
          <template v-else>
+            <!-- 风险提示 -->
+            <AlertTips
+              v-if="aiTips.thirdPartyApi?.show"
+              icon="i-heroicons-exclamation-triangle"
+              :content="aiTips.thirdPartyApi?.content"
+            />
+
            <!-- API 端点 -->
            <div>
              <label class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">API 端点</label>
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import AIConfigEditModal from './AIConfigEditModal.vue'
+import AlertTips from './AlertTips.vue'

 // Emits
 const emit = defineEmits<{
@@ -29,6 +30,8 @@ interface Provider {
  models: Array<{ id: string; name: string; description?: string }>
 }

+const aiTips = JSON.parse(localStorage.getItem('chatlab_app_config') || '{}').aiTips || {}
+
 // ============ 状态 ============

 const isLoading = ref(false)
@@ -135,11 +138,7 @@ onMounted(() => {

  <!-- 配置列表视图 -->
  <div v-else class="space-y-4">
-    <UAlert v-if="configs.length === 0" color="error" variant="outline" icon="i-lucide-terminal" class="p-2">
-      <template #title>
-        <p>建议优先配置本地模型，分析聊天记录更加安全，个人实测qwen3-8B小模型也能满足分析需求</p>
-      </template>
-    </UAlert>
+    <AlertTips v-if="configs.length === 0 && aiTips.configTab?.show" :content="aiTips.configTab?.content" />
    <!-- 配置列表 -->
    <div v-if="configs.length > 0" class="space-y-2">
      <div
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+/**
+ * 通用提示组件
+ * 支持通过 props 传入 icon 和 html 内容
+ */
+defineProps<{
+  /** 图标名称（iconify 格式） */
+  icon?: string
+  /** HTML 内容（通过 v-html 渲染） */
+  content: string
+  /** 提示颜色，默认 error */
+  color?: 'error' | 'warning' | 'info' | 'success'
+}>()
+</script>
+
+<template>
+  <UAlert :color="color || 'error'" variant="outline" :icon="icon || 'i-lucide-terminal'" class="p-2">
+    <template #title>
+      <p v-html="content" />
+    </template>
+  </UAlert>
+</template>
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+/**
+ * 动态图标组件
+ * 支持两种图标类型：
+ * 1. iconify 图标：如 'i-heroicons-globe-alt'、'heroicons:globe-alt'
+ * 2. 预定义品牌图标：如 'brand:github'、'brand:xiaohongshu'
+ */
+
+import { computed } from 'vue'
+
+const props = defineProps<{
+  name: string
+  class?: string
+}>()
+
+// 判断是否为预定义品牌图标
+const isBrandIcon = computed(() => props.name.startsWith('brand:'))
+
+// 获取品牌图标 key
+const brandKey = computed(() => (isBrandIcon.value ? props.name.replace('brand:', '') : ''))
+
+// iconify 图标名（统一格式）
+const iconifyName = computed(() => {
+  if (isBrandIcon.value) return ''
+  // 支持 'heroicons:globe-alt' 和 'i-heroicons-globe-alt' 两种格式
+  if (props.name.startsWith('i-')) return props.name
+  return `i-${props.name.replace(':', '-')}`
+})
+
+// 预定义品牌图标 SVG paths
+const brandIcons: Record<string, string> = {
+  github:
+    'M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12',
+  xiaohongshu:
+    'M22.405 9.879c.002.016.01.02.07.019h.725a.797.797 0 0 0 .78-.972a.794.794 0 0 0-.884-.618a.795.795 0 0 0-.692.794c0 .101-.002.666.001.777m-11.509 4.808c-.203.001-1.353.004-1.685.003a2.5 2.5 0 0 1-.766-.126a.025.025 0 0 0-.03.014L7.7 16.127a.025.025 0 0 0 .01.032c.111.06.336.124.495.124c.66.01 1.32.002 1.981 0q.017 0 .023-.015l.712-1.545a.025.025 0 0 0-.024-.036zM.477 9.91c-.071 0-.076.002-.076.01l-.01.08c-.027.397-.038.495-.234 3.06c-.012.24-.034.389-.135.607c-.026.057-.033.042.003.112c.046.092.681 1.523.787 1.74c.008.015.011.02.017.02c.008 0 .033-.026.047-.044q.219-.282.371-.606c.306-.635.44-1.325.486-1.706c.014-.11.021-.22.03-.33l.204-2.616l.022-.293c.003-.029 0-.033-.03-.034zm7.203 3.757a1.4 1.4 0 0 1-.135-.607c-.004-.084-.031-.39-.235-3.06a.4.4 0 0 0-.01-.082c-.004-.011-.052-.008-.076-.008h-1.48c-.03.001-.034.005-.03.034l.021.293q.114 1.473.233 2.946c.05.4.186 1.085.487 1.706c.103.215.223.419.37.606c.015.018.037.051.048.049c.02-.003.742-1.642.804-1.765c.036-.07.03-.055.003-.112m3.861-.913h-.872a.126.126 0 0 1-.116-.178l1.178-2.625a.025.025 0 0 0-.023-.035l-1.318-.003a.148.148 0 0 1-.135-.21l.876-1.954a.025.025 0 0 0-.023-.035h-1.56q-.017 0-.024.015l-.926 2.068c-.085.169-.314.634-.399.938a.5.5 0 0 0-.02.191a.46.46 0 0 0 .23.378a1 1 0 0 0 .46.119h.59c.041 0-.688 1.482-.834 1.972a.5.5 0 0 0-.023.172a.47.47 0 0 0 .23.398c.15.092.342.12.475.12l1.66-.001q.017 0 .023-.015l.575-1.28a.025.025 0 0 0-.024-.035m-6.93-4.937H3.1a.032.032 0 0 0-.034.033c0 1.048-.01 2.795-.01 6.829c0 .288-.269.262-.28.262h-.74c-.04.001-.044.004-.04.047c.001.037.465 1.064.555 1.263c.01.02.03.033.051.033c.157.003.767.009.938-.014c.153-.02.3-.06.438-.132c.3-.156.49-.419.595-.765c.052-.172.075-.353.075-.533q.003-3.495-.007-6.991a.03.03 0 0 0-.032-.032zm11.784 6.896q-.002-.02-.024-.022h-1.465c-.048-.001-.049-.002-.05-.049v-4.66c0-.072-.005-.07.07-.07h.863c.08 0 .075.004.075-.074V8.393c0-.082.006-.076-.08-.076h-3.5c-.064 0-.075-.006-.075.073v1.445c0 .083-.006.077.08.077h.854c.075 0 .07-.004.07.07v4.624c0 .095.008.084-.085.084c-.37 0-1.11-.002-1.304 0c-.048.001-.06.03-.06.03l-.697 1.519s-.014.025-.008.036s.013.008.058.008q2.622.003 5.243.002c.03-.001.034-.006.035-.033zm4.177-3.43q0 .021-.02.024c-.346.006-.692.004-1.037.004q-.021-.003-.022-.024q-.006-.651-.01-1.303c0-.072-.006-.071.07-.07l.733-.003c.041 0 .081.002.12.015c.093.025.16.107.165.204c.006.431.002 1.153.001 1.153m2.67.244a1.95 1.95 0 0 0-.883-.222h-.18c-.04-.001-.04-.003-.042-.04V10.21q.001-.198-.025-.394a1.8 1.8 0 0 0-.153-.53a1.53 1.53 0 0 0-.677-.71a2.2 2.2 0 0 0-1-.258c-.153-.003-.567 0-.72 0c-.07 0-.068.004-.068-.065V7.76c0-.031-.01-.041-.046-.039H17.93s-.016 0-.023.007q-.008.008-.008.023v.546c-.008.036-.057.015-.082.022h-.95c-.022.002-.028.008-.03.032v1.481c0 .09-.004.082.082.082h.913c.082 0 .072.128.072.128v1.148s.003.117-.06.117h-1.482c-.068 0-.06.082-.06.082v1.445s-.01.068.064.068h1.457c.082 0 .076-.006.076.079v3.225c0 .088-.007.081.082.081h1.43c.09 0 .082.007.082-.08v-3.27c0-.029.006-.035.033-.035l2.323-.003a.7.7 0 0 1 .28.061a.46.46 0 0 1 .274.407c.008.395.003.79.003 1.185c0 .259-.107.367-.33.367h-1.218c-.023.002-.029.008-.028.033q.276.655.57 1.303a.05.05 0 0 0 .04.026c.17.005.34.002.51.003c.15-.002.517.004.666-.01a2 2 0 0 0 .408-.075c.59-.18.975-.698.976-1.313v-1.981q.001-.191-.034-.38c0 .078-.029-.641-.724-.998',
+  heart:
+    'M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z',
+  coffee:
+    'M2 21h18v-2H2M20 8h-2V5H4v3H2c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h2v2h12v-2h2c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2zM2 13v-3h2v3H2zm16 0v-3h2v3h-2z',
+}
+</script>
+
+<template>
+  <!-- 预定义品牌图标 -->
+  <svg
+    v-if="isBrandIcon && brandIcons[brandKey]"
+    role="img"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+    :class="props.class"
+  >
+    <path :d="brandIcons[brandKey]" />
+  </svg>
+
+  <!-- iconify 图标 -->
+  <UIcon v-else :name="iconifyName" :class="props.class" />
+</template>
@@ -1,16 +1,64 @@
 <script setup lang="ts">
+import { ref, onMounted } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useLayoutStore } from '@/stores/layout'
+import DynamicIcon from './DynamicIcon.vue'
+import { defaultFooterLinks, type FooterLinkConfig } from '@/types/sidebar'

 const layoutStore = useLayoutStore()
 const { isSidebarCollapsed: isCollapsed } = storeToRefs(layoutStore)
+
+// 配置常量
+const CONFIG_URL = 'https://chatlab.fun/config.json'
+const STORAGE_KEY = 'chatlab_app_config'
+
+// Footer 链接配置
+const footerLinks = ref<FooterLinkConfig[]>(loadCachedConfig() || defaultFooterLinks)
+
+/**
+ * 从 localStorage 加载缓存配置
+ */
+function loadCachedConfig(): FooterLinkConfig[] | null {
+  try {
+    const cached = localStorage.getItem(STORAGE_KEY)
+    if (cached) {
+      const config = JSON.parse(cached)
+      return config.footerLinkConfig || null
+    }
+  } catch {}
+  return null
+}
+
+/**
+ * 获取远程配置
+ */
+async function fetchConfig(): Promise<void> {
+  try {
+    const result = await window.api.app.fetchRemoteConfig(CONFIG_URL)
+    if (!result.success || !result.data) return
+
+    // 保存整个配置对象（包括 footerLinkConfig、AITips 等）
+    const config = result.data as Record<string, unknown>
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(config))
+
+    // 更新 footerLinks
+    if (config.footerLinkConfig && Array.isArray(config.footerLinkConfig)) {
+      footerLinks.value = config.footerLinkConfig as FooterLinkConfig[]
+    }
+  } catch {}
+}
+
+// 组件挂载时获取配置
+onMounted(() => {
+  fetchConfig()
+})
 </script>

 <template>
  <div class="px-4 py-2 dark:border-gray-800 space-y-2 mb-4">
    <!-- 帮助和反馈 -->
    <UPopover :popper="{ placement: 'right' }">
-      <UTooltip :text="isCollapsed ? '反馈和更新' : ''" :popper="{ placement: 'right' }">
+      <UTooltip :text="isCollapsed ? '反馈和帮助' : ''" :popper="{ placement: 'right' }">
        <UButton
          :block="!isCollapsed"
          class="transition-all rounded-full hover:bg-gray-200/60 dark:hover:bg-gray-800 h-12 cursor-pointer"
@@ -19,14 +67,16 @@ const { isSidebarCollapsed: isCollapsed } = storeToRefs(layoutStore)
          variant="ghost"
        >
          <UIcon name="i-heroicons-information-circle" class="h-5 w-5 shrink-0" :class="[isCollapsed ? '' : 'mr-2']" />
-          <span v-if="!isCollapsed" class="truncate">反馈和更新</span>
+          <span v-if="!isCollapsed" class="truncate">反馈和帮助</span>
        </UButton>
      </UTooltip>

      <template #content>
        <div class="flex flex-col p-2 min-w-[200px] gap-1">
          <UButton
-            to="https://chatlab.fun"
+            v-for="link in footerLinks"
+            :key="link.id"
+            :to="link.url"
            target="_blank"
            variant="ghost"
            color="gray"
@@ -34,63 +84,11 @@ const { isSidebarCollapsed: isCollapsed } = storeToRefs(layoutStore)
            block
          >
            <template #leading>
-              <UIcon name="i-heroicons-globe-alt" class="w-5 h-5 shrink-0 mr-2" />
+              <DynamicIcon :name="link.icon" class="w-5 h-5 shrink-0 mr-2" />
            </template>
            <div class="flex flex-col items-start text-left">
-              <span class="text-sm font-medium">官网</span>
-              <span class="text-xs text-gray-500 dark:text-gray-400 font-normal">下载最新版客户端</span>
-            </div>
-          </UButton>
-          <UButton
-            to="https://github.com/hellodigua/ChatLab"
-            target="_blank"
-            variant="ghost"
-            color="gray"
-            class="justify-start h-auto py-2 hover:bg-gray-200/60 dark:hover:bg-gray-800 rounded-md transition-colors"
-            block
-          >
-            <template #leading>
-              <svg
-                role="img"
-                viewBox="0 0 24 24"
-                class="w-5 h-5 shrink-0 mr-2"
-                fill="currentColor"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                />
-              </svg>
-            </template>
-            <div class="flex flex-col items-start text-left">
-              <span class="text-sm font-medium">Github</span>
-              <span class="text-xs text-gray-500 dark:text-gray-400 font-normal">提交 Issue，反馈 BUG</span>
-            </div>
-          </UButton>
-          <UButton
-            to="https://www.xiaohongshu.com/user/profile/6841741e000000001d0091b4"
-            target="_blank"
-            variant="ghost"
-            color="gray"
-            class="justify-start h-auto py-2 hover:bg-gray-200/60 dark:hover:bg-gray-800 rounded-md transition-colors"
-            block
-          >
-            <template #leading>
-              <svg
-                role="img"
-                viewBox="0 0 24 24"
-                class="w-5 h-5 shrink-0 mr-2"
-                fill="currentColor"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M22.405 9.879c.002.016.01.02.07.019h.725a.797.797 0 0 0 .78-.972a.794.794 0 0 0-.884-.618a.795.795 0 0 0-.692.794c0 .101-.002.666.001.777m-11.509 4.808c-.203.001-1.353.004-1.685.003a2.5 2.5 0 0 1-.766-.126a.025.025 0 0 0-.03.014L7.7 16.127a.025.025 0 0 0 .01.032c.111.06.336.124.495.124c.66.01 1.32.002 1.981 0q.017 0 .023-.015l.712-1.545a.025.025 0 0 0-.024-.036zM.477 9.91c-.071 0-.076.002-.076.01l-.01.08c-.027.397-.038.495-.234 3.06c-.012.24-.034.389-.135.607c-.026.057-.033.042.003.112c.046.092.681 1.523.787 1.74c.008.015.011.02.017.02c.008 0 .033-.026.047-.044q.219-.282.371-.606c.306-.635.44-1.325.486-1.706c.014-.11.021-.22.03-.33l.204-2.616l.022-.293c.003-.029 0-.033-.03-.034zm7.203 3.757a1.4 1.4 0 0 1-.135-.607c-.004-.084-.031-.39-.235-3.06a.4.4 0 0 0-.01-.082c-.004-.011-.052-.008-.076-.008h-1.48c-.03.001-.034.005-.03.034l.021.293q.114 1.473.233 2.946c.05.4.186 1.085.487 1.706c.103.215.223.419.37.606c.015.018.037.051.048.049c.02-.003.742-1.642.804-1.765c.036-.07.03-.055.003-.112m3.861-.913h-.872a.126.126 0 0 1-.116-.178l1.178-2.625a.025.025 0 0 0-.023-.035l-1.318-.003a.148.148 0 0 1-.135-.21l.876-1.954a.025.025 0 0 0-.023-.035h-1.56q-.017 0-.024.015l-.926 2.068c-.085.169-.314.634-.399.938a.5.5 0 0 0-.02.191a.46.46 0 0 0 .23.378a1 1 0 0 0 .46.119h.59c.041 0-.688 1.482-.834 1.972a.5.5 0 0 0-.023.172a.47.47 0 0 0 .23.398c.15.092.342.12.475.12l1.66-.001q.017 0 .023-.015l.575-1.28a.025.025 0 0 0-.024-.035m-6.93-4.937H3.1a.032.032 0 0 0-.034.033c0 1.048-.01 2.795-.01 6.829c0 .288-.269.262-.28.262h-.74c-.04.001-.044.004-.04.047c.001.037.465 1.064.555 1.263c.01.02.03.033.051.033c.157.003.767.009.938-.014c.153-.02.3-.06.438-.132c.3-.156.49-.419.595-.765c.052-.172.075-.353.075-.533q.003-3.495-.007-6.991a.03.03 0 0 0-.032-.032zm11.784 6.896q-.002-.02-.024-.022h-1.465c-.048-.001-.049-.002-.05-.049v-4.66c0-.072-.005-.07.07-.07h.863c.08 0 .075.004.075-.074V8.393c0-.082.006-.076-.08-.076h-3.5c-.064 0-.075-.006-.075.073v1.445c0 .083-.006.077.08.077h.854c.075 0 .07-.004.07.07v4.624c0 .095.008.084-.085.084c-.37 0-1.11-.002-1.304 0c-.048.001-.06.03-.06.03l-.697 1.519s-.014.025-.008.036s.013.008.058.008q2.622.003 5.243.002c.03-.001.034-.006.035-.033zm4.177-3.43q0 .021-.02.024c-.346.006-.692.004-1.037.004q-.021-.003-.022-.024q-.006-.651-.01-1.303c0-.072-.006-.071.07-.07l.733-.003c.041 0 .081.002.12.015c.093.025.16.107.165.204c.006.431.002 1.153.001 1.153m2.67.244a1.95 1.95 0 0 0-.883-.222h-.18c-.04-.001-.04-.003-.042-.04V10.21q.001-.198-.025-.394a1.8 1.8 0 0 0-.153-.53a1.53 1.53 0 0 0-.677-.71a2.2 2.2 0 0 0-1-.258c-.153-.003-.567 0-.72 0c-.07 0-.068.004-.068-.065V7.76c0-.031-.01-.041-.046-.039H17.93s-.016 0-.023.007q-.008.008-.008.023v.546c-.008.036-.057.015-.082.022h-.95c-.022.002-.028.008-.03.032v1.481c0 .09-.004.082.082.082h.913c.082 0 .072.128.072.128v1.148s.003.117-.06.117h-1.482c-.068 0-.06.082-.06.082v1.445s-.01.068.064.068h1.457c.082 0 .076-.006.076.079v3.225c0 .088-.007.081.082.081h1.43c.09 0 .082.007.082-.08v-3.27c0-.029.006-.035.033-.035l2.323-.003a.7.7 0 0 1 .28.061a.46.46 0 0 1 .274.407c.008.395.003.79.003 1.185c0 .259-.107.367-.33.367h-1.218c-.023.002-.029.008-.028.033q.276.655.57 1.303a.05.05 0 0 0 .04.026c.17.005.34.002.51.003c.15-.002.517.004.666-.01a2 2 0 0 0 .408-.075c.59-.18.975-.698.976-1.313v-1.981q.001-.191-.034-.38c0 .078-.029-.641-.724-.998"
-                />
-              </svg>
-            </template>
-            <div class="flex flex-col items-start text-left">
-              <span class="text-sm font-medium">小红书</span>
-              <span class="text-xs text-gray-500 dark:text-gray-400 font-normal">更新新功能和开发进展</span>
+              <span class="text-sm font-medium">{{ link.title }}</span>
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-normal">{{ link.subtitle }}</span>
            </div>
          </UButton>
        </div>
@@ -0,0 +1,49 @@
+/**
+ * 侧边栏 Footer 链接配置类型
+ */
+
+/**
+ * 链接类型
+ * - link: 普通外链
+ */
+export type FooterLinkType = 'link'
+
+/**
+ * Footer 链接配置项
+ */
+export interface FooterLinkConfig {
+  /** 唯一标识 */
+  id: string
+  /** 图标名称（支持 iconify 或 brand:xxx） */
+  icon: string
+  /** 标题 */
+  title: string
+  /** 副标题/描述 */
+  subtitle: string
+  /** 链接类型 */
+  type: FooterLinkType
+  /** 链接地址 */
+  url: string
+}
+
+/**
+ * 默认的 Footer 链接配置
+ */
+export const defaultFooterLinks: FooterLinkConfig[] = [
+  {
+    id: 'website',
+    icon: 'heroicons:globe-alt',
+    title: '官网',
+    subtitle: '下载最新版客户端',
+    type: 'link',
+    url: 'https://chatlab.fun',
+  },
+  {
+    id: 'github',
+    icon: 'brand:github',
+    title: 'Github',
+    subtitle: '提交 Issue，反馈 BUG',
+    type: 'link',
+    url: 'https://github.com/hellodigua/ChatLab',
+  },
+]