feat(ui): 收藏模块功能国际化、布局优化与组件重构

此提交包含收藏模块的国际化支持、布局和交互优化，以及核心组件的重构，以提升可维护性、用户体验和性能。

**主要特性与改进:**

1.  **收藏功能国际化 (i18n):**
    *   实现了收藏模块所有组件的三语言（中、英、繁）国际化支持。
    *   国际化了 `CategoryTreeSelect.vue`、`FavoriteCard.vue`、`FavoriteManager.vue` 和 `SaveFavoriteDialog.vue` 中的所有硬编码文本。
    *   更新了 `zh-CN.ts`、`en-US.ts` 和 `zh-TW.ts` 翻译资源，新增了必要的翻译键。
    *   彻底消除了 UI 层的硬编码中文文本。

2.  **收藏管理器布局与交互优化:**
    *   重构 `FavoriteCard` 为固定高度网格布局，解决了卡片高度不一致问题。
    *   新增 `useTooltipTheme` 工具统一 Tooltip 样式，并优化了其智能定位逻辑和空间计算。
    *   实现了响应式网格布局 (移动端1列/平板2列/桌面4列)，并对 `resize` 事件进行节流和缓存计算结果以优化性能。
    *   改进了公开标识的可见性，使用 `NTag` 替代纯图标。
    *   将 CSS `v-bind` 改为动态 `style` 绑定提升稳定性。
    *   `FavoriteManager` 移除了滚动容器，改为固定高度工具栏、可滚动卡片区域与固定底部分页的设计。
    *   精简了视图模式，移除了列表视图，仅保留卡片视图，并删除了视图切换按钮组。
    *   优化了工具栏布局为单行，左侧包含搜索/筛选/计数，右侧为操作按钮，并支持响应式设计。
    *   精简了代码和依赖，删除了多余的组件导入和状态管理，减少了约 180 行代码。
    *   **修复:** 修复了 `FavoriteManager` 编辑对话框中 `NGrid` 和 `NGridItem` 组件缺失导入导致的运行时警告。

3.  **收藏对话框组件重构:**
    *   新增了 `CategoryTreeSelect` 通用组件，支持树状分类选择、内置分类管理和自动加载数据。
    *   改造 `SaveFavoriteDialog` 为通用组件，支持新建/保存模式，动态标题和字段禁用逻辑，并集成了 `CategoryTreeSelect`。
    *   简化了 `FavoriteManager` 组件，删除了 120 行重复代码，统一使用 `SaveFavoriteDialog` 和 `CategoryTreeSelect`。
    *   遵循 DRY、KISS、YAGNI 原则，消除了约 150 行重复代码，提升了可维护性。

**Breaking Changes:**

*   收藏管理器布局从响应式 CSS Grid 改为固定网格 + 分页设计。
*   每页显示数量现在根据屏幕尺寸动态调整 (4-8项)。
*   移除了列表视图 (list view)，仅保留卡片视图 (grid view)。

Author: linshenkx

packages/ui/src/components/CategoryTreeSelect.vue

@@ -0,0 +1,169 @@
+<template>
+  <NTreeSelect
+    v-model:value="internalValue"
+    :options="treeOptions"
+    :placeholder="placeholder || t('favorites.dialog.categoryPlaceholder')"
+    :clearable="clearable"
+    :consistent-menu-width="consistentMenuWidth"
+    :style="computedStyle"
+    @update:value="handleValueChange"
+  >
+    <template v-if="showManageButton" #action>
+      <NButton
+        text
+        block
+        @click="handleOpenManager"
+        style="justify-content: flex-start; padding: 8px 12px;"
+      >
+        <template #icon>
+          <NIcon><Folder /></NIcon>
+        </template>
+        {{ t('favorites.manager.categoryManager.title') }}
+      </NButton>
+    </template>
+  </NTreeSelect>
+
+  <!-- 分类管理对话框 -->
+  <NModal
+    v-if="showManageButton"
+    v-model:show="managerVisible"
+    preset="card"
+    :title="t('favorites.manager.categoryManager.title')"
+    :mask-closable="true"
+    :style="{ width: 'min(800px, 90vw)', height: 'min(600px, 80vh)' }"
+  >
+    <CategoryManager @category-updated="handleCategoryUpdated" />
+  </NModal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch, inject, type Ref } from 'vue';
+import { NTreeSelect, NButton, NIcon, NModal, type TreeSelectOption } from 'naive-ui';
+import { Folder } from '@vicons/tabler';
+import { useI18n } from 'vue-i18n';
+import CategoryManager from './CategoryManager.vue';
+import type { FavoriteCategory } from '@prompt-optimizer/core';
+import type { AppServices } from '../types/services';
+
+const { t } = useI18n();
+
+interface Props {
+  /** 当前选中的分类ID */
+  modelValue?: string;
+  /** 占位符文本 */
+  placeholder?: string;
+  /** 是否可清除 */
+  clearable?: boolean;
+  /** 是否显示"全部分类"选项(用于筛选场景) */
+  showAllOption?: boolean;
+  /** 是否显示管理按钮 */
+  showManageButton?: boolean;
+  /** 自定义样式 */
+  style?: string;
+  /** 是否保持菜单宽度一致 */
+  consistentMenuWidth?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+  placeholder: '',
+  clearable: true,
+  showAllOption: false,
+  showManageButton: true,
+  style: 'min-width: 180px; max-width: 250px;',
+  consistentMenuWidth: true
+});
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string];
+  'change': [value: string];
+  'category-updated': [];
+}>();
+
+const services = inject<Ref<AppServices | null> | null>('services', null);
+
+// 内部状态
+const internalValue = ref(props.modelValue);
+const categories = ref<FavoriteCategory[]>([]);
+const managerVisible = ref(false);
+
+// 计算树状分类选项
+const treeOptions = computed<TreeSelectOption[]>(() => {
+  const buildTree = (parentId?: string): TreeSelectOption[] => {
+    return categories.value
+      .filter(cat => cat.parentId === parentId)
+      .map(cat => ({
+        label: cat.name,
+        key: cat.id,
+        children: buildTree(cat.id)
+      }));
+  };
+
+  const tree = buildTree(undefined);
+
+  // 如果是筛选模式,添加"全部分类"选项
+  if (props.showAllOption) {
+    return [
+      { label: t('favorites.manager.allCategories'), key: '' },
+      ...tree
+    ];
+  }
+
+  return tree;
+});
+
+// 计算样式
+const computedStyle = computed(() => props.style);
+
+// 加载分类数据
+const loadCategories = async () => {
+  const servicesValue = services?.value;
+  if (!servicesValue?.favoriteManager) {
+    console.warn('收藏管理器未初始化,跳过分类加载');
+    return;
+  }
+
+  try {
+    categories.value = await servicesValue.favoriteManager.getCategories();
+  } catch (error: any) {
+    console.error('加载分类失败:', error);
+  }
+};
+
+// 处理值变化
+const handleValueChange = (value: string) => {
+  internalValue.value = value;
+  emit('update:modelValue', value);
+  emit('change', value);
+};
+
+// 打开分类管理器
+const handleOpenManager = () => {
+  managerVisible.value = true;
+};
+
+// 分类更新后刷新数据
+const handleCategoryUpdated = async () => {
+  await loadCategories();
+  emit('category-updated');
+};
+
+// 监听外部值变化
+watch(() => props.modelValue, (newValue) => {
+  if (newValue !== internalValue.value) {
+    internalValue.value = newValue;
+  }
+});
+
+// 监听服务初始化
+watch(() => services?.value?.favoriteManager, (favoriteManager) => {
+  if (favoriteManager) {
+    loadCategories();
+  }
+}, { immediate: true });
+
+// 暴露方法
+defineExpose({
+  reloadCategories: loadCategories
+});
+</script>